:root{
  --sf-r-xs: 10px;
  --sf-r-sm: 13px;
  --sf-r: 18px;
  --sf-r-lg: 24px;
  --sf-head-h: 72px;
  --s-1: 6px;  --s-2: 10px; --s-3: 14px; --s-4: 20px;
  --s-5: 28px; --s-6: 40px; --s-7: 56px; --s-8: 80px;
  --sf-ring: 0 0 0 3px color-mix(in oklch, var(--green), transparent 86%);
  --sf-shadow-1: 0 1px 2px color-mix(in oklch, var(--ink), transparent 96%),
                 0 10px 26px -16px color-mix(in oklch, var(--ink), transparent 84%);
  --sf-shadow-2: 0 20px 48px -24px color-mix(in oklch, var(--ink), transparent 74%);
  --sf-hair: color-mix(in oklch, var(--line), transparent 35%);
}
body{font-size: calc(15.5px * var(--fz-base, 1));letter-spacing:-.005em}
h1{letter-spacing:-.035em}
h2{font-size: calc(21px * var(--fz-h2, 1));letter-spacing:-.025em}
main{padding-block:var(--s-5) var(--s-8)}
section{margin-bottom:var(--s-7)}

.sf-i{width:19px;height:19px;flex:none;display:block}
.sf-act .sf-i{width:20px;height:20px}
.sf-bottomnav .ic .sf-i{width:21px;height:21px}
.sf-util .sf-i,.sf-foot-contact .sf-i{width:14px;height:14px;display:inline-block;vertical-align:-2px}
.sf-social .sf-i{width:17px;height:17px}
.sf-search-ic .sf-i{width:17px;height:17px;opacity:.55}

.sf-head{background:color-mix(in oklch,var(--surface),transparent 4%);backdrop-filter:blur(14px) saturate(1.4)}
.sf-head-in{gap:var(--s-3)}
.sf-actions{gap:var(--s-1)}
.sf-act{height:42px;min-width:42px;padding:0 11px;border-radius:var(--sf-r-sm);gap:7px;
  border-color:var(--sf-hair);background:var(--surface);font:700 12.5px var(--font);color:var(--ink); font-size: calc(12.5px * var(--fz-nav, 1))}
.sf-act:hover{border-color:color-mix(in oklch,var(--green),transparent 45%);color:var(--green);transform:none;
  background:color-mix(in oklch,var(--green),transparent 95%)}
.sf-act.icon{padding:0;width:42px;justify-content:center}
.sf-act .lbl{font-weight:700}

.sf-act.cart{height:42px;min-width:42px;padding:0 13px;gap:8px;border-radius:var(--sf-r-sm);
  background:var(--green);border-color:transparent;color:#fff;
  box-shadow:0 8px 20px -12px color-mix(in oklch,var(--green),transparent 25%)}
.sf-act.cart:hover{background:var(--green2);transform:none;box-shadow:0 10px 22px -12px color-mix(in oklch,var(--green),transparent 15%)}
.sf-act.cart .sf-i{width:19px;height:19px}
.sf-act .n{top:-6px;inset-inline-start:-6px;min-width:18px;height:18px;border-radius:9px;
  font:800 10px var(--font);border-width:2px;display:grid;place-items:center; font-size: calc(10px * var(--fz-badge, 1))}
.sf-head.is-stuck .sf-act,.sf-head.is-stuck .sf-act.cart{height:38px;min-width:38px}
.sf-head.is-stuck .sf-act.icon{width:38px}
.sf-head.is-stuck{box-shadow:0 1px 0 var(--sf-hair),0 14px 30px -26px color-mix(in oklch,var(--ink),transparent 60%)}

.sf-acct{position:relative;flex:none}
.sf-act-user{padding-inline:10px 8px}
.sf-act-user .av{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none;
  background:color-mix(in oklch,var(--green),transparent 86%);color:var(--green);font:900 12px var(--font); font-size: calc(12px * var(--fz-nav, 1))}
.sf-act-user>.sf-i:last-child{width:14px;height:14px;opacity:.5;transition:transform .2s var(--ease)}
.sf-acct.open .sf-act-user>.sf-i:last-child{transform:rotate(180deg)}
.sf-acct.open .sf-act-user{border-color:color-mix(in oklch,var(--green),transparent 45%);color:var(--green)}

.sf-acct-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:80;min-width:242px;
  background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r);padding:7px;
  box-shadow:var(--sf-shadow-2);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);
  transform-origin:top var(--sf-origin,right);transition:opacity .18s var(--ease),transform .22s var(--ease),visibility .18s}
.sf-acct.open .sf-acct-menu{opacity:1;visibility:visible;transform:none}
.sf-acct-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--sf-r-xs);
  font:700 12.5px var(--font);color:var(--muted);transition:.14s; font-size: calc(12.5px * var(--fz-nav, 1))}
.sf-acct-menu a .sf-i{width:17px;height:17px;opacity:.65}
.sf-acct-menu a:hover{background:color-mix(in oklch,var(--green),transparent 94%);color:var(--green)}
.sf-acct-menu a:hover .sf-i{opacity:1}
.sf-acct-menu a.danger:hover{background:color-mix(in oklch,var(--red),transparent 93%);color:var(--red)}
.sf-acct-sep{height:1px;background:var(--sf-hair);margin:6px 4px}
.sf-acct-top{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:4px;
  border-radius:var(--sf-r-xs);background:color-mix(in oklch,var(--surface2),transparent 25%)}
.sf-acct-top .av{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:var(--green);color:#fff;font:900 15px var(--font); font-size: calc(15px * var(--fz-nav, 1))}
.sf-acct-top b{display:block;font-size: calc(13px * var(--fz-nav, 1))}
.sf-acct-top small{font-size: calc(11px * var(--fz-nav, 1));color:var(--muted)}
.sf-acct-guest{padding:12px 11px 13px;display:grid;gap:4px;text-align:start}
.sf-acct-guest b{font-size: calc(13.5px * var(--fz-nav, 1))}
.sf-acct-guest span{font-size: calc(11.5px * var(--fz-nav, 1));color:var(--muted);line-height:1.8;margin-bottom:8px}
.sf-acct-guest .sfbtn{padding:11px 16px;font-size: calc(12.5px * var(--fz-btn, 1));border-radius:var(--sf-r-sm)}

.product{border-radius:var(--sf-r);border-color:var(--sf-hair);box-shadow:none;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s}
.product:hover{transform:translateY(-3px);box-shadow:var(--sf-shadow-1);border-color:color-mix(in oklch,var(--green),transparent 70%)}
.product-flags{position:absolute;top:9px;inset-inline-end:9px;display:grid;gap:5px;justify-items:end;z-index:2}
.product-visual .off,.product-flags .off{position:static;background:var(--red);color:#fff;
  font:800 10px/1 var(--font);padding:4px 6px;border-radius:7px;letter-spacing:0;
  box-shadow:0 4px 10px -6px color-mix(in oklch,var(--red),transparent 30%); font-size: calc(10px * var(--fz-badge, 1))}
.product-flags .flag{background:color-mix(in oklch,var(--gold),transparent 12%);color:color-mix(in oklch,var(--ink),var(--gold) 20%);
  font:800 10px/1 var(--font);padding:4px 6px;border-radius:7px; font-size: calc(10px * var(--fz-icon, 1))}
.product-info{padding:13px 13px 14px;gap:0}
.product-cat{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size: calc(10.5px * var(--fz-card, 1));margin-bottom:6px}
.product-rate{display:inline-flex;align-items:center;gap:3px;color:var(--gold);font-weight:800;font-size: calc(11px * var(--fz-card, 1))}
.product-rate .sf-i{width:13px;height:13px}
.product-rate b{color:var(--ink);font-size: calc(11px * var(--fz-card, 1))}
.product-title{font-size: calc(13px * var(--fz-card, 1));line-height:1.65;margin:0 0 7px;min-height:2.6em}
.product-title a:hover{color:var(--green)}
.stockline{font-size: calc(10.5px * var(--fz-card, 1));margin:0 0 9px}
.stockline.ok{color:color-mix(in oklch,var(--green),var(--muted) 30%)}
.product-price{font-size: calc(15px * var(--fz-price, 1));gap:7px}
.product-price del{font-size: calc(11px * var(--fz-price, 1))}
.product-cta{margin-top:11px}
.sfbtn.sm{padding:10px 14px;font-size: calc(12px * var(--fz-btn, 1));border-radius:var(--sf-r-xs)}
.sfbtn.sm:not(.ghost){box-shadow:none}
.sfbtn.sm .sf-i{width:16px;height:16px}
.product .sfbtn:not(.ghost){background:color-mix(in oklch,var(--green),transparent 90%);color:var(--green)}
.product:hover .sfbtn:not(.ghost){background:var(--green);color:#fff}
.product .sfbtn:disabled{background:var(--surface2);color:var(--muted)}

.sf-auth{max-width:920px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:var(--s-6);align-items:start}
.sf-auth-card{background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r-lg);
  padding:var(--s-5);box-shadow:var(--sf-shadow-1)}
.sf-auth-head{display:flex;gap:var(--s-3);align-items:flex-start;margin-bottom:var(--s-4)}
.sf-auth-head h1{font-size: calc(23px * var(--fz-h1, 1));margin:0 0 5px}
.sf-auth-head p{font-size: calc(12.5px * var(--fz-h1, 1));color:var(--muted);margin:0;line-height:1.85}
.sf-auth-ic{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:color-mix(in oklch,var(--green),transparent 88%);color:var(--green)}
.sf-auth-ic svg{width:22px;height:22px}
.sf-auth-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--sf-r-sm);background:var(--surface2);margin-bottom:var(--s-4)}
.sf-auth-tabs a{flex:1;text-align:center;padding:10px 12px;border-radius:var(--sf-r-xs);
  font:800 12.5px var(--font);color:var(--muted);transition:.16s; font-size: calc(12.5px * var(--fz-base, 1))}
.sf-auth-tabs a.on{background:var(--surface);color:var(--ink);box-shadow:var(--sf-shadow-1)}
.sf-auth-form{display:grid;gap:var(--s-3)}
.sf-field{display:grid;gap:6px}
.sf-field>span{font:800 11.5px var(--font);color:var(--muted); font-size: calc(11.5px * var(--fz-base, 1))}
.sf-field input{background:var(--surface);border:1px solid var(--line);border-radius:var(--sf-r-sm);
  padding:14px 15px;font:600 14px var(--font); font-size: calc(14px * var(--fz-form, 1))}
.sf-field input:focus{border-color:var(--green);box-shadow:var(--sf-ring)}
.sf-otp-input{text-align:center;font:900 26px/1 var(--font)!important;letter-spacing:.5em;padding-inline-start:.5em!important; font-size: calc(26px * var(--fz-form, 1))}
.sf-auth-note{font-size: calc(11px * var(--fz-base, 1));color:var(--muted);text-align:center;margin:2px 0 0;line-height:1.9}
.sf-auth-note a{color:var(--green);font-weight:700}
.sf-auth-resend{margin-top:var(--s-3);text-align:center}
.sf-linkbtn{background:none;border:0;cursor:pointer;font:700 12px var(--font);color:var(--green);padding:8px; font-size: calc(12px * var(--fz-base, 1))}
.sf-linkbtn:disabled{color:var(--muted);cursor:default}
.sf-auth-foot{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-4);
  padding-top:var(--s-3);border-top:1px solid var(--sf-hair);font-size: calc(12px * var(--fz-base, 1))}
.sf-auth-foot a{font-weight:800;color:var(--green)}
.sf-auth-foot a.muted{color:var(--muted);font-weight:600}
.sf-auth-perks{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.sf-auth-perks li{position:relative;padding-inline-start:20px;font-size: calc(12.5px * var(--fz-base, 1));color:var(--muted);line-height:1.9}
.sf-auth-perks li:before{content:"";position:absolute;inset-inline-start:0;top:9px;width:8px;height:8px;
  border-radius:3px;background:color-mix(in oklch,var(--green),transparent 55%)}
@media(max-width:760px){
  .sf-auth{grid-template-columns:1fr;gap:var(--s-4)}
  .sf-auth-card{padding:var(--s-4);border-radius:var(--sf-r)}
  .sf-auth-perks{display:none}
}

.wg{position:relative}
.wg-hide-d{display:block}
@media(min-width:901px){.wg-hide-d{display:none!important}}
.wg-anim{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.wg-anim.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.wg-anim{opacity:1;transform:none;transition:none}}
.wg-h1{letter-spacing:-.035em;line-height:1.35}
.wg-h2{font-size: calc(clamp(19px,2.2vw,26px) * var(--fz-h2, 1));font-weight:900;letter-spacing:-.03em;margin:0 0 var(--s-2);line-height:1.45}
.wg-sub{font-size: calc(13.5px * var(--fz-widget, 1));line-height:1.95;color:var(--muted);margin:0 0 var(--s-3);max-width:68ch}
.wg-badge{background:color-mix(in oklch,var(--gold),transparent 18%);color:color-mix(in oklch,var(--ink),var(--gold) 15%);
  border-radius:30px;padding:5px 12px;font:800 11px var(--font); font-size: calc(11px * var(--fz-widget, 1))}
.sec-head{align-items:center;margin-bottom:var(--s-4);gap:var(--s-3)}
.sec-head h2{font-size: calc(clamp(17px,2vw,22px) * var(--fz-h2, 1));letter-spacing:-.03em}
.sec-head .more{font:800 12px var(--font);color:var(--green);white-space:nowrap;
  display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:30px;
  background:color-mix(in oklch,var(--green),transparent 93%);transition:.16s; font-size: calc(12px * var(--fz-btn, 1))}
.sec-head .more:hover{background:color-mix(in oklch,var(--green),transparent 86%)}
.pgrid{gap:var(--wg-gap,var(--s-3))}
.wg-ticks{list-style:none;margin:0 0 var(--s-3);padding:0;display:grid;gap:9px}
.wg-ticks li{display:flex;align-items:flex-start;gap:9px;font-size: calc(13px * var(--fz-widget, 1));color:var(--muted);line-height:1.8}
.wg-ticks .sf-i{width:17px;height:17px;color:var(--green);margin-top:3px}

.wg-hero-in{gap:var(--s-6)}
.wg-hero-img{border-radius:var(--sf-r-lg);box-shadow:var(--sf-shadow-1)}
.wg-slider{border-radius:var(--sf-r-lg);box-shadow:var(--sf-shadow-1)}
.wg-slide-txt{inset:auto var(--s-4) var(--s-4) var(--s-4)}

.wg-prail{position:relative}
.wg-prail-view{overflow:hidden;border-radius:var(--sf-r)}
.wg-prail-track{display:flex;gap:var(--wg-gap,var(--s-3));transition:transform .5s var(--ease);will-change:transform}
.wg-prail-cell{flex:0 0 calc((100% - (var(--cols,4) - 1) * var(--wg-gap,var(--s-3))) / var(--cols,4));min-width:0}
.wg-prail.is-static .wg-rail-btn{display:none}
.wg-rail-btn{position:absolute;top:calc(50% - 24px);width:44px;height:44px;border-radius:50%;z-index:4;cursor:pointer;
  border:1px solid var(--sf-hair);background:var(--surface);color:var(--ink);display:grid;place-items:center;
  box-shadow:var(--sf-shadow-1);transition:.18s var(--ease)}
.wg-rail-btn .sf-i{width:20px;height:20px}
.wg-rail-btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.wg-rail-btn:disabled{opacity:.32;cursor:not-allowed;background:var(--surface);color:var(--muted)}
.wg-rail-btn.prev{inset-inline-end:-14px}
.wg-rail-btn.next{inset-inline-start:-14px}
.wg-rail-btn.next .sf-i{transform:rotate(180deg)}
@media(max-width:1340px){.wg-rail-btn.prev{inset-inline-end:4px}.wg-rail-btn.next{inset-inline-start:4px}}
.wg-carousel{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));overflow:visible;
  scroll-snap-type:none;gap:var(--wg-gap,var(--s-3))}
.wg-carousel>*{min-width:0}

.wg-paged-nav{display:flex;align-items:center;justify-content:center;gap:var(--s-2);margin-top:var(--s-4)}
.wg-page-dots{display:flex;gap:5px}
.wg-page-dots button{min-width:34px;height:34px;padding:0 9px;border-radius:var(--sf-r-xs);cursor:pointer;
  border:1px solid var(--sf-hair);background:var(--surface);color:var(--muted);font:800 12px var(--font);transition:.16s; font-size: calc(12px * var(--fz-btn, 1))}
.wg-page-dots button:hover{border-color:var(--green);color:var(--green)}
.wg-page-dots button.on{background:var(--green);border-color:var(--green);color:#fff}
.wg-page-btn{width:38px;height:38px;border-radius:50%;cursor:pointer;border:1px solid var(--sf-hair);
  background:var(--surface);color:var(--ink);display:grid;place-items:center;transition:.16s}
.wg-page-btn svg{width:19px;height:19px}
.wg-page-btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.wg-page-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--surface);color:var(--muted)}

.wg-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:center}
.wg-split.is-flip .wg-split-txt{order:2}
.wg-split-img{border-radius:var(--sf-r-lg);overflow:hidden;background:var(--surface2);box-shadow:var(--sf-shadow-1)}
.wg-split-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
@media(max-width:860px){.wg-split{grid-template-columns:1fr}.wg-split.is-flip .wg-split-txt{order:0}}

.wg-stats{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--s-3)}
.wg-stat b{display:block;font:900 clamp(26px,3.4vw,38px)/1.1 var(--font);letter-spacing:-.04em;color:var(--green); font-size: calc(clamp(26px,3.4vw,38px) * var(--fz-widget, 1))}
.wg-stat span{display:block;font-size: calc(12.5px * var(--fz-widget, 1));font-weight:800;margin-top:7px}
.wg-stat i{display:block;font-style:normal;font-size: calc(11px * var(--fz-widget, 1));color:var(--muted);margin-top:3px}
.wg-stats.is-card .wg-stat{background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r);padding:var(--s-4)}
.wg-stats.is-dark{background:var(--ink);border-radius:var(--sf-r-lg);padding:var(--s-5);color:var(--bg)}
.wg-stats.is-dark .wg-stat b{color:var(--gold)}
.wg-stats.is-dark .wg-stat i{color:color-mix(in oklch,var(--bg),transparent 45%)}
@media(max-width:700px){.wg-stats{grid-template-columns:1fr 1fr}}

.wg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--s-4)}
.wg-steps li{position:relative;padding-top:var(--s-4)}
.wg-steps li:before{content:"";position:absolute;top:20px;inset-inline:44px -14px;height:1px;
  background:repeating-linear-gradient(to left,var(--line) 0 6px,transparent 6px 12px)}
.wg-steps li:last-child:before{display:none}
.wg-steps .n{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;position:relative;z-index:1;
  background:var(--green);color:#fff;font:900 15px var(--font);margin-bottom:var(--s-2); font-size: calc(15px * var(--fz-widget, 1))}
.wg-steps b{display:block;font-size: calc(14px * var(--fz-widget, 1));margin-bottom:5px}
.wg-steps .t{font-size: calc(12.5px * var(--fz-widget, 1));color:var(--muted);line-height:1.9}
@media(max-width:760px){.wg-steps{grid-template-columns:1fr}.wg-steps li:before{display:none}}

.wg-tabs-bar{display:flex;gap:5px;padding:5px;border-radius:var(--sf-r-sm);background:var(--surface2);
  margin-bottom:var(--s-4);overflow-x:auto;scrollbar-width:none}
.wg-tabs-bar::-webkit-scrollbar{display:none}
.wg-tabs-bar button{border:0;cursor:pointer;white-space:nowrap;padding:10px 16px;border-radius:var(--sf-r-xs);
  background:none;color:var(--muted);font:800 12.5px var(--font);transition:.16s; font-size: calc(12.5px * var(--fz-btn, 1))}
.wg-tabs-bar button:hover{color:var(--ink)}
.wg-tabs-bar button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sf-shadow-1)}
.wg-tabs-pane{display:none}
.wg-tabs-pane.on{display:block;animation:wgFade .35s var(--ease)}
@keyframes wgFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.wg-plans{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--s-3);align-items:start}
.wg-plan{position:relative;background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r-lg);
  padding:var(--s-4);display:grid;gap:var(--s-2)}
.wg-plan.is-hot{border-color:var(--green);box-shadow:var(--sf-shadow-1)}
.wg-plan-tag{position:absolute;top:-11px;inset-inline-start:var(--s-4);background:var(--green);color:#fff;
  border-radius:20px;padding:4px 11px;font:800 10.5px var(--font); font-size: calc(10.5px * var(--fz-widget, 1))}
.wg-plan-name{font-size: calc(14px * var(--fz-widget, 1))}
.wg-plan-price{font:900 24px var(--font);letter-spacing:-.035em; font-size: calc(24px * var(--fz-price, 1))}
.wg-plan .btn{width:100%}
@media(max-width:820px){.wg-plans{grid-template-columns:1fr}}

.wg-gal{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--s-2)}
.wg-gal figure{margin:0;position:relative;border-radius:var(--sf-r);overflow:hidden;background:var(--surface2);height:var(--h,220px)}
.wg-gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.wg-gal a:hover img,.wg-gal figure:hover img{transform:scale(1.04)}
.wg-gal figcaption{position:absolute;inset:auto 0 0 0;padding:22px 12px 11px;color:#fff;font:700 12px var(--font);
  background:linear-gradient(to top,rgba(18,16,12,.72),transparent); font-size: calc(12px * var(--fz-widget, 1))}
@media(max-width:700px){.wg-gal{grid-template-columns:1fr 1fr}}
.wg-logos{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.wg-logos a,.wg-logos span{flex:1 1 130px;min-height:72px;display:grid;place-items:center;padding:var(--s-3);
  background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r-sm);transition:.18s}
.wg-logos a:hover{border-color:var(--green)}
.wg-logos img{max-height:34px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}
.wg-logos a:hover img{filter:none;opacity:1}
.wg-logos b{font-size: calc(13px * var(--fz-widget, 1));color:var(--muted)}

.wg-notice{display:flex;align-items:center;gap:var(--s-2);border-radius:var(--sf-r);padding:13px 16px;font-size: calc(13px * var(--fz-widget, 1))}
.wg-notice .ic{font-size: calc(17px * var(--fz-icon, 1))}
.wg-notice b{font-weight:800}
.wg-notice a{margin-inline-start:auto;font:800 12px var(--font);white-space:nowrap; font-size: calc(12px * var(--fz-widget, 1))}
.wg-notice.is-soft{background:var(--surface2);color:var(--ink)}
.wg-notice.is-accent{background:color-mix(in oklch,var(--green),transparent 88%);color:color-mix(in oklch,var(--green),var(--ink) 30%)}
.wg-notice.is-warn{background:color-mix(in oklch,var(--gold),transparent 84%);color:color-mix(in oklch,var(--ink),var(--gold) 25%)}
.wg-notice.is-dark{background:var(--ink);color:var(--bg)}
.wg-news{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-4);align-items:center;
  border-radius:var(--sf-r-lg);padding:var(--s-5)}
.wg-news.is-soft{background:var(--surface2)}
.wg-news.is-dark{background:var(--ink);color:var(--bg)}
.wg-news.is-dark .wg-sub{color:color-mix(in oklch,var(--bg),transparent 40%)}
.wg-news.is-accent{background:var(--green);color:#fff}
.wg-news.is-accent .wg-sub{color:rgba(255,255,255,.82)}
.wg-news .wg-sub{margin:0}
.wg-news-form{display:flex;gap:8px}
.wg-news-form input{flex:1;border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--surface);
  padding:14px 15px;font:600 13px var(--font); font-size: calc(13px * var(--fz-form, 1))}
.wg-news-form .btn{border-radius:var(--sf-r-sm);padding:14px 20px}
@media(max-width:820px){.wg-news{grid-template-columns:1fr;padding:var(--s-4)}}

.wg-pages{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--s-2)}
.wg-pages a{background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r);padding:var(--s-4);
  display:grid;gap:6px;transition:.2s var(--ease)}
.wg-pages a:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--sf-shadow-1)}
.wg-pages b{font-size: calc(13.5px * var(--fz-widget, 1))}
.wg-pages span{font-size: calc(12px * var(--fz-widget, 1));color:var(--muted);line-height:1.85}
.wg-pages .sf-i{width:18px;height:18px;color:var(--green);transform:scaleX(1)}
.wg-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-5);align-items:center;
  background:var(--surface);border:1px solid var(--sf-hair);border-radius:var(--sf-r-lg);padding:var(--s-5)}
.wg-contact-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.wg-contact-list li{display:flex;align-items:center;gap:10px;font-size: calc(13px * var(--fz-widget, 1));color:var(--muted);
  background:var(--surface2);border-radius:var(--sf-r-sm);padding:12px 14px}
.wg-contact-list .sf-i{color:var(--green)}
@media(max-width:820px){.wg-contact{grid-template-columns:1fr;padding:var(--s-4)}}
.wg-map{border-radius:var(--sf-r-lg);overflow:hidden;height:var(--h,320px);background:var(--surface2)}
.wg-map iframe{width:100%;height:100%;border:0;display:block}

.wg-cats a,.wg-brands a,.wg-feature,.wg-quote,.wg-faq details,.wg-spot,.wg-deal{border-color:var(--sf-hair)}
.wg-cats a,.wg-brands a{border-radius:var(--sf-r)}
.wg-cats a:hover,.wg-brands a:hover{box-shadow:var(--sf-shadow-1)}
.wg-faq details{border-radius:var(--sf-r-sm);padding:14px 16px}
.wg-faq summary{font-size: calc(13.5px * var(--fz-widget, 1))}
.wg-cta,.wg-deal,.wg-spot{border-radius:var(--sf-r-lg)}
.wg-cta{padding:var(--s-5)}
.wg-timer b{border-radius:10px;padding:6px 10px}
.wg-quote{border-radius:var(--sf-r);padding:var(--s-4)}
.wg-bgrid a{border-radius:var(--sf-r)}
.wg-features{gap:var(--s-2)}
.wg-feature{border-radius:var(--sf-r-sm);padding:15px}

.sfgal-slide img{cursor:default}
.sfgal-arrow{opacity:1;width:38px;height:38px;background:color-mix(in oklch,var(--surface),transparent 6%)}
.sfgal-arrow .sf-i{width:18px;height:18px}
.sfgal-arrow.next .sf-i{transform:rotate(180deg)}
.sfgal-stage{border-radius:var(--sf-r-lg)}

.sf-foot-badge{border-radius:var(--sf-r-sm)}
.sf-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:rgba(255,255,255,.08);transition:.18s}
.sf-social a:hover{background:var(--gold);color:var(--ink)}
.sf-bottomnav{border-top:1px solid var(--sf-hair)}
.sf-bottomnav a{gap:2px;font-size: calc(9.5px * var(--fz-nav, 1))}
@media(max-width:1080px){.sf-act .lbl{display:none}.sf-act-user .lbl{display:none}}
@media(max-width:900px){.sf-acct-menu{display:none}}

.wg-prail-cell,.wg-paged-cell{display:flex}
.wg-prail-cell>.product,.wg-paged-cell>.product{flex:1;min-width:0}
@media(max-width:1000px){
  .wg-prail-cell{flex-basis:calc((100% - 2 * var(--wg-gap,var(--s-3))) / 3)}
}
@media(max-width:760px){
  .wg-prail-cell{flex-basis:calc((100% - var(--wg-gap,var(--s-3))) / 2)}
  .wg-rail-btn{width:38px;height:38px;top:calc(50% - 19px)}
}
@media(max-width:460px){
  .wg-prail-cell{flex-basis:82%}
}
@media(max-width:640px){
  main{padding:var(--s-4) 16px var(--s-7)}
  .product-title{min-height:2.7em}
  .sec-head{flex-wrap:wrap}
  .wg-page-dots button{min-width:30px;height:30px;font-size: calc(11px * var(--fz-btn, 1))}
}