/* Ampora design system. See DESIGN.md for the palette, contrast ratios and layout choices. */
@font-face{font-family:"Poppins";src:url(/fonts/poppins-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(/fonts/poppins-700.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap}

:root{
--dk:#14161C;--ink:#2A2D36;--mut:#5D6170;--line:#E7E8EC;--bg:#F7F7F8;--sf:#FFFFFF;--tint:#F3F4F6;--peach:#FFF7F2;
--ac:#C2410C;--ac-d:#A8360A;--ac-l:#FFF1E8;--lime:#FF6B1A;
--amb:#FFC53D;--amb-l:#FFF6DC;--amb-d:#7A4D00;
--xm:#17603F;--xm-d:#0F4A30;--grn:#17603F;--gold:#F1C24D;
--ftx:#C5C8D2;
--r:12px;--r2:16px;--r3:18px;--pill:999px;
--sh:0 12px 28px rgba(20,22,28,.08);--sh2:0 20px 44px rgba(20,22,28,.16);
--h:"Poppins",system-ui,sans-serif;--b:"Inter",system-ui,sans-serif;
--gap:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--b);overflow-x:clip}
.shero h1,.post h1,.ptext h1{overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--ac-d)}
a:hover{color:var(--dk)}
h1,h2,h3{font-family:var(--h);color:var(--dk);line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(28px,3.4vw,42px);font-weight:700}
h2{font-size:clamp(21px,2.2vw,27px);font-weight:700}
h3{font-size:18px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.narrow{max-width:860px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font:700 12px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-d);margin:0 0 10px}
.lead{font-size:18px;color:var(--mut)}
.mut{color:var(--mut)}
:focus-visible{outline:3px solid var(--amb);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--sf);padding:8px 14px;border-radius:var(--pill);z-index:50}
.skip:focus{left:12px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--pill);background:var(--ac);color:#fff;font:700 15px var(--h);padding:12px 22px;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--ac-d);color:#fff}
.btn.sm{padding:8px 14px;font-size:13px}
.btn.off{background:#E6EAF0;color:var(--mut);cursor:default}
.btn.off:hover{background:#E6EAF0;color:var(--mut)}
.btn.amber{background:var(--amb);color:var(--dk)}
.btn.amber:hover{background:#FFD36B;color:var(--dk)}
.btn.light{background:#fff;color:var(--xm-d)}
.btn.light:hover{background:var(--amb-l);color:var(--xm-d)}
.btn.ghost{background:transparent;color:var(--dk);box-shadow:inset 0 0 0 2px var(--dk)}
.btn.ghost:hover{background:var(--dk);color:#fff}
.btn.dark{background:var(--dk)}
.btn.dark:hover{background:#33363F}

/* Header */
.ubar{background:var(--dk);color:var(--ftx);font-size:13px}
.ubar .wrap{display:flex;gap:16px;align-items:center;min-height:36px}
.ubar a{color:#fff;margin-left:auto;text-decoration:none;font-weight:600}
.ubar a:hover{color:var(--lime)}
.hdr{background:var(--sf);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hrow{display:flex;align-items:center;gap:22px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dk);font:700 24px var(--h);letter-spacing:-.02em;flex:none}
.logo svg{width:34px;height:34px}
.logo:hover{color:var(--dk)}
.srch{flex:1;max-width:680px;display:flex;background:var(--bg);border:2px solid var(--line);border-radius:var(--pill);padding:4px}
.srch:focus-within{border-color:var(--ac)}
.srch input{flex:1;min-width:0;border:0;background:transparent;font:inherit;padding:8px 14px;color:var(--ink)}
.srch input:focus{outline:none}
.srch button{border:0;border-radius:var(--pill);background:var(--dk);color:#fff;width:44px;height:40px;display:grid;place-items:center;cursor:pointer}
.srch button:hover{background:var(--ac-d)}
.srch svg{width:18px;height:18px}
.hl{display:flex;gap:18px;margin-left:auto}
.hl a{color:var(--dk);text-decoration:none;font:600 15px var(--h)}
.hl a:hover{color:var(--ac-d)}
.cnav{background:var(--sf);border-top:1px solid var(--line)}
.cnav .wrap{display:flex;align-items:center;gap:14px;min-height:54px;position:relative}
.mega>summary{list-style:none;padding:9px 18px;font-size:14px}
.mega>summary::-webkit-details-marker{display:none}
.mega-p{position:absolute;left:20px;right:20px;top:52px;background:var(--sf);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh2);padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;z-index:40}
.mega-p a{display:block;padding:12px 14px;border-radius:var(--r);text-decoration:none;color:var(--ink)}
.mega-p a:hover{background:var(--bg)}
.mega-p b{display:block;color:var(--dk);font:700 15px var(--h)}
.mega-p span{display:block;font-size:13px;color:var(--mut);line-height:1.4;margin:2px 0 4px}
.mega-p small{font-size:12px;font-weight:600;color:var(--ac-d)}
.mega-p .all{background:var(--dk);color:#fff}
.mega-p .all b{color:#fff}
.mega-p .all span{color:var(--ftx)}
.mega-p .all:hover{background:#33363F}
.clinks{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}
.clinks::-webkit-scrollbar{display:none}
.clinks a{white-space:nowrap;padding:7px 12px;border-radius:var(--pill);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.clinks a:hover{background:var(--bg);color:var(--dk)}
.spill{flex:none;text-decoration:none;font:700 13px var(--h);padding:6px 12px;border-radius:var(--pill)}
.spill.s11{background:var(--amb);color:var(--dk)}
.spill.sxm{background:var(--xm);color:#fff}
.spill:hover{filter:brightness(.95)}

/* Sale strips */
.strip{font-size:14px}
.strip .wrap{display:flex;align-items:center;gap:10px;min-height:40px}
.strip.s11{background:var(--amb-l);color:var(--dk)}
.strip.s11 .tag{background:var(--dk);color:var(--amb);font:700 12px var(--h);padding:2px 8px;border-radius:6px}
.strip.sxm{background:var(--xm);color:#fff}
.strip.sxm .spark{color:var(--gold)}
.strip a{font-weight:700;color:inherit}

/* Snow */
.snow{position:relative;overflow:hidden}
.snow::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='12' cy='18' r='2'/%3E%3Ccircle cx='70' cy='40' r='1.5'/%3E%3Ccircle cx='130' cy='12' r='2.5'/%3E%3Ccircle cx='40' cy='90' r='1.5'/%3E%3Ccircle cx='100' cy='110' r='2'/%3E%3Ccircle cx='150' cy='80' r='1.5'/%3E%3Ccircle cx='20' cy='140' r='2.5'/%3E%3Ccircle cx='80' cy='150' r='1.5'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px;animation:snow 22s linear infinite}
.snow>*{position:relative}
@keyframes snow{from{background-position:0 0}to{background-position:40px 160px}}

/* Footer */
.ft{background:var(--dk);color:var(--ftx);padding:44px 0 26px;margin-top:40px;font-size:14px}
.fgrid{display:grid;grid-template-columns:1.3fr 1.6fr 1fr 1fr;gap:30px}
.ft h2{color:#fff;font-size:15px;margin:0 0 12px}
.ft h2.s2{margin-top:20px}
.ft a{color:var(--ftx);text-decoration:none}
.ft a:hover{color:var(--lime)}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin:0 0 8px}
.ft .cols{columns:2;column-gap:20px}
.ft .logo{color:#fff;margin-bottom:12px}
.ft .logo svg{border-radius:9px;box-shadow:0 0 0 1px #3A3E48}
.fbot{border-top:1px solid #33363F;margin-top:30px;padding-top:20px;font-size:13px}
.fbot p{margin:0 0 8px}

/* Sections */
.sec{padding:40px 0}
.shead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.shead h2{margin:0}
.shead a{font-weight:600;white-space:nowrap}
.sec11{background:var(--amb-l)}
.secx{background:var(--xm);color:#fff}
.secx h2,.secx h3{color:#fff}
.secx .eyebrow{color:var(--gold)}
.secx .shead a{color:#fff}

/* Hero: split hero marketplace. Side promo column left, dark framed banner right */
.hero{padding:22px 0 8px}
.hgrid{display:grid;grid-template-columns:1fr 2.1fr;gap:var(--gap)}
.hgrid.one{grid-template-columns:1fr}
.hmain{background:var(--dk);color:#D9DBE1;border-radius:var(--r3);display:grid;grid-template-columns:1.15fr 1fr;align-items:center;position:relative;overflow:hidden;min-height:460px}
.hgrid:not(.one) .hmain{order:2}
.hmain .ring{position:absolute;border-radius:50%;border:2px solid var(--lime);pointer-events:none;opacity:.55}
.hmain .ring.r1{width:420px;height:420px;right:-90px;top:-60px}
.hmain .ring.r2{width:300px;height:300px;right:-30px;top:0;opacity:.3}
.hmain .ring.r3{width:12px;height:12px;border:0;background:var(--lime);right:46%;top:14%;opacity:1}
.hcopy{padding:44px 40px;position:relative;z-index:1}
.hcopy .eyebrow{color:var(--lime)}
.hcopy h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.02em;color:#fff}
.hcopy .lead{color:#C9CCD4}
.hcopy .srch{max-width:none;margin:22px 0 16px;padding:5px;background:#fff;border-color:#fff}
.hcopy .srch input{padding:11px 14px;font-size:16px}
.hcopy .srch button{width:50px;height:46px;background:var(--ac)}
.hcopy .srch button:hover{background:var(--ac-d)}
.pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.pop span{color:#C9CCD4;font-weight:600}
.pop a{background:#262932;color:#fff;text-decoration:none;padding:6px 12px;border-radius:var(--pill);font-weight:600}
.pop a:hover{background:var(--ac);color:#fff}
.hart{position:relative;z-index:1;padding:30px 30px 30px 0;display:grid;place-items:center}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px}
.collage img{background:#fff;border-radius:var(--r2);aspect-ratio:1;object-fit:contain;padding:10px;width:100%}
.collage img:first-child{grid-row:span 2;align-self:center}
.collage.c1{grid-template-columns:1fr;max-width:300px}
.hmark{width:60%;max-width:240px}
.hside{display:flex;flex-direction:column;gap:var(--gap)}
.hside .bn{flex:1;min-height:0}
.promo{background:var(--sf);border:1px solid var(--line);border-radius:var(--r2);padding:22px 24px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);flex:1}
.promo:hover{border-color:var(--ac);color:var(--ink)}
.promo .ey{font:700 11px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-d);margin:0 0 4px}
.promo .ph{font:700 19px/1.25 var(--h);color:var(--dk);margin:0 0 10px}
.promo .pi{width:92px;height:92px;flex:none;background:var(--tint);border-radius:50%;display:grid;place-items:center;color:var(--ac)}
.promo .pi svg{width:46px;height:46px}
.rnd{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:#fff;font:700 13px var(--h);padding:6px 6px 6px 14px;border-radius:var(--pill)}
.rnd i{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--ac);display:grid;place-items:center;font-style:normal;font-size:13px}

/* Trust strip (How Ampora works) */
.tstrip{background:var(--sf);border:1px solid var(--line);border-radius:var(--r2);padding:22px 26px}
.tstrip h2{font-size:18px;margin:0 0 14px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tbox{display:flex;gap:14px;align-items:flex-start}
.tbox .tn{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--ac);color:var(--ac);display:grid;place-items:center}
.tbox .tn svg{width:22px;height:22px}
.tbox h3{font-size:15px;margin:2px 0 2px}
.tbox p{margin:0;color:var(--mut);font-size:14px;line-height:1.5}

/* Explore categories list */
.ctr{text-align:center;max-width:640px;margin:0 auto 26px}
.ctr h2{font-size:clamp(24px,2.6vw,32px)}
.ctr p{color:var(--mut);margin:0}
.clist{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px}
.citem{display:flex;gap:14px;text-decoration:none;color:var(--ink);align-items:flex-start}
.citem .ci2{width:64px;height:64px;flex:none;border-radius:var(--r);background:var(--tint);display:grid;place-items:center;overflow:hidden;color:var(--dk)}
.citem .ci2 img{width:100%;height:100%;object-fit:contain;padding:6px}
.citem .ci2 svg{width:30px;height:30px}
.citem h3{font-size:15px;margin:2px 0 4px;color:var(--dk)}
.citem:hover h3{color:var(--ac-d)}
.citem ul{list-style:none;margin:0;padding:0;font-size:13px;color:var(--mut)}
.citem li{position:relative;padding-left:12px;line-height:1.6}
.citem li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--ac)}
.citem small{display:block;font-weight:700;color:var(--ac-d);font-size:12px;margin-top:4px}
.cmore{text-align:center;margin-top:26px}

/* Framed deal section */
.frame{border:2px solid var(--ac);border-radius:var(--r3);padding:30px 26px 26px;position:relative;background:var(--sf)}
.frame>.shead{margin-top:-52px;background:var(--bg);padding:0 14px;margin-left:-14px;margin-right:-14px;align-items:center}
.sec11 .frame>.shead{background:var(--amb-l)}

/* Promo tile in grid */
.ptile{background:var(--ac-l);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);min-height:300px}
.ptile .ph{font:700 20px/1.25 var(--h);color:var(--dk);margin:0 0 12px}
.ptile:hover{color:var(--ink);box-shadow:var(--sh)}
.ptile svg{width:90px;height:90px;color:var(--ac);align-self:flex-end}

/* Product grid and cards: bordered card */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}
.card{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;position:relative}
.card:hover{box-shadow:var(--sh);border-color:#D7DAE2}
.card[hidden]{display:none}
.ci{background:#fff;padding:12px;display:block;border-bottom:1px solid var(--line)}
.ci img{aspect-ratio:1;object-fit:contain;width:100%}
.cb{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.cc{font:700 11px var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--ac-d);text-decoration:none;margin-bottom:4px}
.card h3{font-size:16px;margin:0 0 4px;font-weight:500}
.card h3 a{color:var(--dk);text-decoration:none}
.card h3 a:hover{color:var(--ac-d)}
.cbr{font-size:13px;color:var(--mut);margin:0 0 12px}
.cf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pr{font:700 20px var(--h);color:var(--ac-d)}
.pc{font-size:12px;color:var(--mut);margin:8px 0 0}
.badge{position:absolute;top:10px;left:10px;background:var(--ac);color:#fff;font:700 11px var(--h);padding:3px 9px;border-radius:6px;letter-spacing:.02em}
.sbadge{display:inline-block;background:var(--ac);color:#fff;font:700 12px var(--h);padding:5px 12px;border-radius:6px;margin-bottom:12px}

/* Category tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap)}
.tile{background:var(--sf);border:2px solid transparent;border-radius:var(--r);padding:10px 10px 14px;text-decoration:none;color:var(--dk);display:block;transition:border-color .2s}
.tile:hover{border-color:var(--ac);color:var(--dk)}
.tile .ti{background:var(--tint);border-radius:calc(var(--r) - 6px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}
.tile .ti img{width:100%;height:100%;object-fit:contain;padding:12px}
.tile .ti svg{width:42%;height:42%;color:var(--dk)}
.tile h3{font-size:15px;margin:0 0 2px;padding:0 4px}
.tile small{color:var(--mut);font-size:13px;padding:0 4px;display:block}

/* Gift tiles */
.gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}
.gift{background:var(--sf);color:var(--ink);border:3px solid var(--gold);border-radius:var(--r);padding:12px;text-decoration:none;display:block}
.gift:hover{color:var(--ink);box-shadow:var(--sh)}
.gift img{background:var(--tint);border-radius:12px;aspect-ratio:1;object-fit:contain;padding:10px;width:100%}
.gift .gw{font:700 12px var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--xm-d);margin:12px 0 4px}
.secx .gift h3{color:var(--dk);font-size:16px;margin:0 0 6px}
.gift .gp{font:700 17px var(--h);color:var(--dk)}

/* Banners */
.bnrow{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.bn{border-radius:var(--r2);padding:28px 30px;position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;min-height:200px}
.bn p{margin:0 0 14px}
.bn .bh{font:700 clamp(20px,2vw,26px)/1.2 var(--h);margin:0 0 6px}
.bn11{background:var(--dk);color:#E6E8EC}
.bn11 .bh{color:#fff}
.bn11 .big{font:800 clamp(64px,8vw,110px)/.9 var(--h);letter-spacing:-.04em;color:var(--amb);margin:0 0 10px}
.bn11 .dot{position:absolute;right:-50px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--lime);opacity:.35}
.bn .txt{flex:1;min-width:0;position:relative}
.bn .bthumbs,.shero>*:not(.dot):not(.rib-v):not(.giftsvg){position:relative}
.bthumbs{display:flex;gap:10px;flex:none}
.bthumbs img{width:110px;height:110px;background:#fff;border-radius:16px;object-fit:contain;padding:8px}
.bnx{background:var(--xm);color:#fff}
.bnx .bh{color:#fff}
.bnx .ey{font:700 12px var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.bnx .rib-v{position:absolute;top:0;bottom:0;right:120px;width:14px;background:var(--gold);opacity:.9}
.bnx .rib-h{position:absolute;left:0;right:0;bottom:34px;height:14px;background:var(--gold);opacity:.9}
.bnx .giftsvg{width:120px;height:120px;flex:none}
.bn.hsz .big{font-size:clamp(56px,6vw,88px)}
.bn.hsz .bthumbs img{width:84px;height:84px}
.bn.hsz .bthumbs img:nth-child(3){display:none}
.bn.cat .big{font-size:64px}
.bn.cat .bthumbs{display:none}
.bn.cat{min-height:170px}
.bn.wide{min-height:180px}

/* Trust and note boxes */
.note-box{background:var(--sf);border-left:5px solid var(--dk);border-radius:var(--r);padding:18px 22px;font-size:14px;color:var(--ink)}
.note-box h2{font-size:16px;margin:0 0 6px}
.note-box p{margin:0}

/* Empty state */
.empty{background:var(--sf);border-radius:var(--r);padding:28px;text-align:center}
.empty p{margin:0 0 12px}
.plinks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.plinks a{background:var(--sf);border:1px solid var(--line);color:var(--dk);text-decoration:none;padding:7px 14px;border-radius:var(--pill);font-weight:600;font-size:14px}
.plinks a:hover{background:var(--ac-l);color:var(--ac-d)}
.plinks.left{justify-content:flex-start}

/* Breadcrumbs */
.crumbs{font-size:13px;color:var(--mut);padding:18px 0 10px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"\203A";margin-right:6px}
.crumbs a{color:var(--mut)}

/* Catalog layout (dense, with sidebar) */
.phead{padding:6px 0 18px}
.phead h1{margin-bottom:6px}
.clay{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.side{background:var(--sf);border-radius:var(--r);padding:16px;position:sticky;top:140px}
.side p{font:700 13px var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:4px 8px 8px}
.side ul{list-style:none;margin:0;padding:0}
.side a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}
.side a:hover{background:var(--bg)}
.side a[aria-current]{background:var(--dk);color:#fff}
.side small{color:inherit;opacity:.7;font-weight:400}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--sf);border-radius:var(--r);padding:12px 14px;margin-bottom:var(--gap)}
.chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.chip{border:0;background:var(--bg);color:var(--dk);font:600 13px var(--b);padding:7px 13px;border-radius:var(--pill);cursor:pointer}
.chip[aria-pressed=true]{background:var(--dk);color:#fff}
.tools label{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:6px}
.tools select{font:600 13px var(--b);border:1px solid var(--line);border-radius:var(--pill);padding:7px 10px;background:var(--sf);color:var(--dk)}
.cnt{font-size:13px;font-weight:600;color:var(--mut)}
.tbl{width:100%;border-collapse:collapse;background:var(--sf);border-radius:var(--r);overflow:hidden;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl th{font:700 13px var(--h);color:var(--dk);background:var(--tint)}
.tbl tr.me td{background:var(--ac-l);font-weight:600}
.tblw{overflow-x:auto;border-radius:var(--r)}

/* Product page */
.pd{background:var(--sf);border-radius:var(--r2);padding:26px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px}
.zoom-open{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;border-radius:var(--r2)}
.zf{background:var(--tint);border-radius:var(--r2);overflow:hidden;aspect-ratio:1}
.zf img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .12s ease-out}
.ths{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.th{width:76px;height:76px;border:2px solid var(--line);border-radius:14px;background:var(--tint);padding:4px;cursor:pointer}
.th[aria-pressed=true]{border-color:var(--ac)}
.th img{width:100%;height:100%;object-fit:contain}
.bb h1{font-size:clamp(22px,2.3vw,30px);margin:6px 0 8px}
.bb .brand{color:var(--mut);margin:0 0 14px}
.pbig{font:700 34px var(--h);color:var(--dk);margin:0}
.pnote{font-size:13px;color:var(--mut);margin:4px 0 12px}
.avail{font-weight:700;margin:0 0 16px}
.avail.in{color:var(--grn)}
.avail.out{color:var(--ac-d)}
.buy{width:100%;padding:15px;font-size:17px}
.bnote{font-size:13px;color:var(--mut);margin:10px 0}
.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;background:var(--bg);border-radius:var(--r);padding:16px 18px;margin:16px 0 0;font-size:14px}
.facts dt{font-weight:700;color:var(--dk)}
.facts dd{margin:0}
.pstrip{display:block;border-radius:12px;padding:8px 12px;font:600 14px var(--b);text-decoration:none;margin-bottom:8px}
.pstrip.s11{background:var(--amb-l);color:var(--dk)}
.pstrip.s11 b{color:var(--amb-d)}
.pstrip.sxm{background:var(--xm);color:#fff}
.pstrip.sxm .spark{color:var(--gold)}
.pbody{display:grid;grid-template-columns:1fr 240px;gap:24px;margin-top:24px;align-items:start}
.block{background:var(--sf);border-radius:var(--r);padding:24px 26px;margin-bottom:var(--gap);scroll-margin-top:150px}
.block h2{font-size:21px}
.block h3{font-size:16px;margin-top:14px}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{position:relative;padding-left:28px;margin:0 0 8px}
.ticks li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--grn);font-weight:700}
.toc{background:var(--sf);border-radius:var(--r);padding:16px;position:sticky;top:150px;font-size:14px}
.toc p{font:700 13px var(--h);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 8px}
.toc ol{margin:0;padding-left:18px}
.toc li{margin:0 0 6px}
.qa dt{font-weight:700;color:var(--dk);margin-top:12px}
.qa dd{margin:4px 0 0}

/* Sale landing */
.shero{border-radius:22px;padding:40px;position:relative;overflow:hidden;margin-top:6px}
.shero.h11{background:var(--dk);color:#E6E8EC}
.shero.h11 h1{color:#fff}
.shero.h11 .big{font:800 clamp(72px,10vw,140px)/.9 var(--h);letter-spacing:-.04em;color:var(--amb);margin:0 0 14px}
.shero.h11 .dot{position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:var(--lime);opacity:.35}
.shero.hx{background:var(--xm);color:#fff}
.shero.hx h1{color:#fff}
.shero.hx .ey{color:var(--gold)}
.shero.hx .giftsvg{position:absolute;right:40px;bottom:30px;width:150px;height:150px}
.shero.hx .rib-v{position:absolute;top:0;bottom:0;right:200px;width:16px;background:var(--gold);opacity:.9}
.shero.plain{background:var(--sf);border:1px solid var(--line)}
.shero .lead{color:inherit;opacity:.9;max-width:640px}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.jump a{background:var(--sf);color:var(--dk);text-decoration:none;padding:8px 14px;border-radius:var(--pill);font-weight:600;font-size:14px}
.jump a:hover{background:var(--dk);color:#fff}
.sblock{scroll-margin-top:150px}
.tips{background:var(--sf);border-radius:var(--r);padding:26px}
.tips ol{margin:0;padding-left:22px}
.tips li{margin:0 0 10px}

/* Blog */
.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}
.pc4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pcard{background:var(--sf);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.pcard img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--tint)}
.pcard .pb{padding:16px 18px 20px}
.pcard .meta{font-size:12px;color:var(--mut);margin:0 0 6px;font-weight:600}
.pcard h3{font-size:17px;margin:0 0 6px}
.pcard h3 a{color:var(--dk);text-decoration:none}
.pcard h3 a:hover{color:var(--ac-d)}
.pcard p{font-size:14px;color:var(--mut);margin:0}
.post{background:var(--sf);border-radius:20px;padding:32px 36px;margin-top:6px}
.post .meta{color:var(--mut);font-size:14px}
.post figure{margin:20px 0 26px}
.post figure img{border-radius:var(--r);width:100%;aspect-ratio:16/9;object-fit:cover}
.post figcaption{font-size:12px;color:var(--mut);margin-top:6px}
.prose{font-size:17px;line-height:1.7}
.prose h2{margin-top:1.6em}
.prose li{margin-bottom:.4em}
.back{display:inline-block;margin-top:22px;font-weight:600}

/* Info pages */
.ihero{background:var(--sf);border-radius:var(--r2);padding:40px;margin-top:6px}
.ihero h1 em{font-style:normal;color:var(--ac)}
.ihero .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dont{background:var(--dk);color:#E6E8EC;border-radius:var(--r2);padding:30px}
.dont h2{color:#fff}
.dont ul{columns:2;column-gap:30px;margin:0;padding-left:20px}
.dont li{margin:0 0 10px;break-inside:avoid}
.pol{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;margin-top:6px}
.pol .toc{top:150px}
.ptext{background:var(--sf);border-radius:var(--r2);padding:32px 36px}
.ptext h2{margin-top:1.4em;font-size:22px;scroll-margin-top:150px}
.ptext h2:first-of-type{margin-top:.6em}
.dates{font-size:14px;color:var(--mut)}
.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--gap);margin-top:18px}
.ccard{background:var(--sf);border-radius:var(--r);padding:22px}
.ccard h2{font-size:18px}
.ccard p{margin:0;color:var(--mut)}
.ccard p+p{margin-top:8px}

/* Grid children may shrink below their content width */
.tiles>*,.grid>*,.hgrid>*,.hmain>*,.pd>*,.pbody>*,.clay>*,.pol>*,.bnrow>*,.fgrid>*{min-width:0}

/* Lightbox */
.lb{width:min(92vw,900px);height:min(88vh,900px);border:0;border-radius:16px;padding:0;background:#fff;overflow:hidden}
.lb::backdrop{background:rgba(15,23,20,.78)}
.lbs{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:zoom-in}
.lbs img{width:100%;height:100%;object-fit:contain;padding:30px;transition:transform .12s ease-out}
.lbs.z{cursor:zoom-out}
.lb button{position:absolute;width:44px;height:44px;border-radius:50%;border:0;background:var(--dk);color:#fff;font:700 22px/1 var(--b);cursor:pointer;z-index:2}
.lb .x{top:12px;right:12px}
.lb .pv{left:12px;top:50%;margin-top:-22px}
.lb .nx{right:12px;top:50%;margin-top:-22px}
.lb .n{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:var(--dk);color:#fff;font-size:13px;padding:4px 12px;border-radius:var(--pill);z-index:2}
html.lock{overflow:hidden}

/* 404 */
.nf{background:var(--sf);border-radius:var(--r2);padding:50px 40px;text-align:center;margin-top:26px}
.nf .srch{margin:20px auto}

@media (max-width:980px){
.hgrid,.hmain,.pd,.pbody,.pol,.clay{grid-template-columns:1fr}
.hgrid:not(.one) .hmain{order:0}
.hmain{min-height:0}
.clist{grid-template-columns:1fr 1fr}
.hart{padding:0 30px 30px}
.hl,.toc{display:none}
.pol .toc{display:none}
.side{position:static}
.side ul{display:flex;flex-wrap:wrap;gap:6px}
.side a{background:var(--bg)}
.fgrid{grid-template-columns:1fr 1fr}
.trust{grid-template-columns:1fr}
.bnrow{grid-template-columns:1fr}
.hside{display:grid;grid-template-columns:1fr 1fr}
.hcopy{padding:32px 26px}
}
@media (max-width:640px){
.hrow{flex-wrap:wrap;gap:10px;padding:12px 20px}
.bnx .rib-v,.bnx .rib-h,.shero.hx .rib-v{display:none}
.hdr .srch{order:3;flex-basis:100%;max-width:none}
.cnav .clinks{visibility:hidden}
.grid{grid-template-columns:repeat(2,1fr);gap:10px}
.tiles{grid-template-columns:repeat(2,1fr);gap:10px}
.hcopy{padding:28px 20px}
.hart{padding:0 20px 24px}
.collage{max-width:300px}
.bn .bh{font-size:20px}
.tbl th,.tbl td{padding:10px}
.cb{padding:4px 10px 12px}
.cf{flex-direction:column;align-items:stretch}
.card .btn{width:100%}
.bn{flex-direction:column;align-items:flex-start;padding:24px}
.bthumbs img{width:80px;height:80px}
.fgrid{grid-template-columns:1fr}
.clist,.hside{grid-template-columns:1fr}
.dont ul{columns:1}
.post,.ptext,.shero,.ihero{padding:24px 20px}
.pd{padding:16px}
.ubar .wrap span:nth-child(n+2){display:none}
.shero.hx .giftsvg,.bnx .giftsvg{display:none}
}
@media (hover:hover) and (pointer:fine){.zf{cursor:zoom-in}}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
}

/* Nuvio-style category tiles, dark arrival band, solid promo tile */
.tile{border:1px solid var(--line);padding:14px}
.tile .tt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;align-items:flex-start;margin-bottom:10px}
.tile h3{padding:0;font-size:15px}
.tile small{padding:0}
.tile .va{font:700 12px var(--h);color:var(--ac-d);white-space:nowrap}
.tile .ti{margin:0}
.sec11{background:var(--amb-l)}
.sec11 .bn{margin-top:var(--gap)}
.nb{background:var(--dk);border-radius:var(--r3);padding:44px 30px 30px;text-align:center}
.nb h2{color:#fff;font-size:clamp(24px,2.6vw,32px)}
.nb>p{color:#C9CCD4;max-width:620px;margin:0 auto 26px}
.nb .grid{text-align:left}
.ptile.solid{background:var(--ac);color:#fff}
.ptile.solid .ph,.ptile.solid .eyebrow{color:#fff}
.ptile.solid svg{color:#fff}
.ptile.solid .rnd{background:#fff;color:var(--ac-d)}
.ptile.solid .rnd i{background:var(--ac);color:#fff}
.tstrip.c{text-align:center}
.tstrip.c .tbox{flex-direction:column;align-items:center;text-align:center}