/* Ardeo. Design system in ../../03_docs/DESIGN.md */
@font-face{font-family:Clash;src:url(/assets/fonts/clash.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:General;src:url(/assets/fonts/general.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:Gambetta;src:url(/assets/fonts/gambetta-i.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:JetBrains;src:url(/assets/fonts/jetbrains.woff2) format("woff2");font-weight:500;font-display:swap}
@view-transition{navigation:auto}
:root{--night:#140709;--ox:#2A0A10;--garnet:#5A0F1C;--signal:#E2341F;--red:#C2261A;--red-h:#A81E14;--glow:#FF5A36;--amber:#FFB23E;--cream:#F6EFE7;--bone:#EADFD2;--blush:#F3DED5;--white:#FFFDFA;--ink:#1E0B0E;--stone:#6B5D5B;--line:rgba(30,11,14,.13);--line-d:rgba(246,239,231,.16);
--w415:#3B6CFF;--w590:#FFB23E;--w633:#FF3B24;--w660:#E0143C;--w830:#8E6A72;
--r-s:10px;--r-m:18px;--r-l:28px;--ease:cubic-bezier(.2,.7,.1,1);--shadow:0 24px 60px -32px rgba(42,10,16,.5);--gut:40px;
--disp:Clash,"Helvetica Neue",Arial,sans-serif;--body:General,"Helvetica Neue",Arial,sans-serif;--ital:Gambetta,Georgia,serif;--mono:JetBrains,ui-monospace,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,picture,svg{display:block;max-width:100%}img,video{height:auto}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,figure,dl,dd{margin:0}
input,select{font:inherit;color:inherit}fieldset{border:0;margin:0;padding:0;min-width:0}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}.sec-d :focus-visible,.ex :focus-visible,.cd :focus-visible,.ftr :focus-visible,.hero :focus-visible,.wd :focus-visible,.usp :focus-visible,.ph :focus-visible{outline-color:var(--glow)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:var(--r-s)}.skip:focus{top:12px}
.wrap{width:100%;max-width:1520px;margin-inline:auto;padding-inline:var(--gut)}.wrap-n{max-width:1120px}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.018em;line-height:1.02}
h2{font-size:clamp(30px,3.5vw,50px)}h3{font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.15}
em{font-family:var(--ital);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--red)}
.lb{font:500 12px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:9px;margin-bottom:12px}.lb-d{color:#F2C9BC}
.dot{width:9px;height:9px;border-radius:50%;background:var(--c,var(--glow));box-shadow:0 0 12px 1px var(--c,var(--glow));flex:none;display:inline-block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 25px;border-radius:999px;font-weight:600;font-size:15.5px;line-height:1.1;transition:background .2s,color .2s,transform .2s var(--ease),border-color .2s;white-space:nowrap}
.btn .i{transition:transform .25s var(--ease)}.btn:hover .i{transform:translateX(4px)}.btn:active{transform:scale(.98)}
.btn-r{background:var(--red);color:var(--white)}.btn-r:hover{background:var(--red-h)}.btn-g{background:var(--glow);color:var(--night)}.btn-g:hover{background:#FF7A5C}
.btn-o{border:1.5px solid rgba(246,239,231,.55);color:var(--cream)}.btn-o:hover{background:var(--cream);color:var(--night);border-color:var(--cream)}
.btn-l{background:var(--white);border:1.5px solid var(--line);color:var(--ink)}.btn-l:hover{border-color:var(--ink)}.wide{width:100%}
.tag{position:absolute;z-index:2;left:12px;top:12px;background:var(--ox);color:var(--cream);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 9px;border-radius:7px}
.rule{display:block;width:30px;height:3px;background:var(--red);border-radius:2px}
.stars{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--stone)}.st{position:relative;display:inline-block;color:rgba(30,11,14,.16);letter-spacing:1px;font-size:14px;line-height:1;font-family:Arial,sans-serif;white-space:nowrap}.st-f{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#E79A1E}
.sec{padding-block:96px}.bg-b{background:var(--bone)}.sec-d{background:var(--night);color:var(--cream)}.sec-d em{color:var(--glow)}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.sh-d .lb{color:#F2C9BC}.sh-c{justify-content:center;text-align:center}.sh-c .lb{justify-content:center}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;padding:8px 0}.more .i{transition:transform .25s var(--ease)}.more:hover .i{transform:translateX(4px)}
.note{margin-top:26px;font-size:13px;color:var(--stone)}.note-d{color:#B7A9A4}.ctr{text-align:center;margin-top:40px}
[data-rv]{transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*60ms)}.js [data-rv]:not(.is-in){opacity:0;transform:translateY(26px)}

/* announcement + header */
.ann{background:var(--ox);color:var(--cream);font-size:13.5px}.ann-in{display:flex;justify-content:space-between;align-items:center;height:38px}.ann-m{position:relative;flex:1;height:20px}
.ann-m span{position:absolute;left:0;top:0;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease);white-space:nowrap}.ann-m span.is-on{opacity:1;transform:none}
.ann-r{display:flex;gap:22px}.ann-r a{opacity:.82}.ann-r a:hover{opacity:1}
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,253,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr-t{display:flex;align-items:center;gap:20px;height:78px;transition:height .25s var(--ease)}.is-stuck .hdr-t{height:64px}
.logo img{height:36px;width:auto}.shopbtn{display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:12px;background:var(--red);color:var(--white);font-weight:600;transition:background .2s}.shopbtn:hover,.shopbtn[aria-expanded=true]{background:var(--red-h)}
.srch{position:relative;flex:1;max-width:760px;display:flex;align-items:center;gap:10px;background:var(--cream);border:1.5px solid transparent;border-radius:12px;padding:0 14px;height:46px;transition:border-color .2s;color:var(--stone)}.srch:focus-within{border-color:var(--ink)}
.srch input{flex:1;min-width:0;border:0;background:none;outline:0;color:var(--ink);height:100%}.srch input::placeholder{color:var(--stone)}.srch input::-webkit-search-cancel-button{display:none}
.srch-r{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--white);border-radius:var(--r-m);box-shadow:var(--shadow);padding:8px;z-index:50;color:var(--ink);border:1px solid var(--line)}
.srch-r a{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:12px}.srch-r a:hover,.srch-r a.is-sel{background:var(--cream)}.srch-r img{width:52px;height:52px;object-fit:cover;border-radius:10px}.srch-r b{font-weight:600;display:block}.srch-r i{font-style:normal;font-size:13px;color:var(--stone)}.srch-r p{padding:12px;color:var(--stone)}
.acts{display:flex;align-items:center;gap:6px;margin-left:auto}.act{position:relative;display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;font-weight:500;font-size:14.5px;transition:background .2s}.act:hover{background:var(--cream)}
.act-s,.burger{display:none}.cnt{position:absolute;left:24px;top:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:var(--white);font:600 11px/18px var(--body);text-align:center}
.hdr-n{border-top:1px solid var(--line);transition:height .25s}.hdr-n ul{display:flex;gap:30px;height:44px;align-items:center;font-weight:500;font-size:14.5px}.hdr-n a{display:inline-flex;align-items:center;gap:7px;padding:6px 0;position:relative}.hdr-n a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.hdr-n a:hover::after{transform:scaleX(1)}.hot{color:var(--red)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mega-in{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.5fr;gap:40px;padding-block:32px}.mega li a{display:flex;align-items:center;gap:10px;padding:7px 0;font-weight:500}.mega li a:hover{color:var(--red)}.mega li i{font-style:normal;color:var(--stone);font-weight:400;font-size:14px}.m-w .dot{--c:var(--c)}
.mega-f{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;background:var(--cream);padding:12px;border-radius:var(--r-m)}.mega-f img{border-radius:12px;aspect-ratio:1;object-fit:cover}.mega-f b{display:block;font:600 19px var(--disp)}.mega-f i{display:block;font-style:normal;color:var(--stone);font-size:14px;margin:4px 0 6px}.mega-f em{font:600 16px var(--body);color:var(--ink)}
dialog{border:0;padding:0;color:inherit}dialog::backdrop{background:rgba(20,7,9,.55);backdrop-filter:blur(3px)}
.mnav{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;background:var(--ox);color:var(--cream);padding:18px 20px 28px}.mnav[open]{display:flex;flex-direction:column;gap:18px}.mnav-t{display:flex;justify-content:space-between;align-items:center}.mnav img{height:34px;width:auto}.mnav ul{flex:1;overflow:auto}.mnav li a{display:block;padding:13px 0;font:600 26px/1.1 var(--disp);border-bottom:1px solid var(--line-d)}

/* hero */
.hero{padding:14px 14px 0}.hero-st{position:relative;border-radius:var(--r-l);overflow:hidden;background:#090304;min-height:clamp(560px,82vh,840px);color:var(--cream);display:flex;flex-direction:column;isolation:isolate}
.hs{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);z-index:-2}.hs.is-on{opacity:1}.hs img,.hs picture{width:100%;height:100%;object-fit:cover;object-position:80% 30%}
.hero-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,3,4,.82) 0,rgba(9,3,4,.5) 38%,rgba(9,3,4,0) 62%),linear-gradient(0deg,rgba(9,3,4,.7) 0,rgba(9,3,4,0) 26%)}
.hero-gl{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px 420px at var(--mx,70%) var(--my,40%),color-mix(in srgb,var(--c) 26%,transparent),transparent 70%);transition:--c .6s;mix-blend-mode:screen}
.hero-in{flex:1;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:56px clamp(24px,4vw,64px) 36px}
.hero-l{max-width:680px;position:relative}.hc{display:none}.hc.is-on{display:block;animation:hcIn .8s var(--ease) both}@keyframes hcIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.dx{font:600 clamp(48px,7.4vw,112px)/.96 var(--disp);letter-spacing:-.028em;margin:0 0 18px}.dx em{color:var(--glow);font-size:1.03em}.hc-s{font-size:clamp(17px,1.4vw,20px);line-height:1.45;max-width:520px;color:#EADBD5}
.hero-a{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-r{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:14px;color:#D9C8C2}.hero-r .stars{color:#F4E6DF}.hero-r .st{color:rgba(246,239,231,.25)}
.hero-c{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;background:rgba(255,253,250,.12);backdrop-filter:blur(16px);border:1px solid rgba(246,239,231,.2);border-radius:var(--r-m);transition:background .2s,transform .3s var(--ease)}.hero-c:hover{background:rgba(255,253,250,.2);transform:translateY(-3px)}.hero-c img{width:86px;height:86px;object-fit:cover;border-radius:12px}.hero-c b{display:block;font:600 18px var(--disp)}.hero-c i{font-style:normal;display:flex;gap:8px}.hero-c i b{font:600 15px var(--body)}.hero-c s{opacity:.65}
.hero-t{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(246,239,231,.16)}.ht{position:relative;text-align:left;padding:15px clamp(18px,3vw,40px);display:flex;gap:12px;align-items:baseline;color:rgba(246,239,231,.68);transition:color .2s}.ht+.ht{border-left:1px solid rgba(246,239,231,.16)}.ht.is-on,.ht:hover{color:var(--cream)}.ht-n{font:500 13px var(--mono)}.ht-l{font-size:14.5px}.ht i{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--c);transform:scaleX(0);transform-origin:left}.ht.is-on i{animation:prog var(--dur,7s) linear forwards}.paused .ht.is-on i{animation-play-state:paused}@keyframes prog{to{transform:scaleX(1)}}
.cn{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-block:14px 0;max-width:none;padding-inline:14px}.cn a{display:flex;align-items:center;gap:11px;padding:15px 16px;background:var(--white);border-radius:var(--r-m);transition:background .2s,transform .3s var(--ease);color:var(--red)}.cn a:hover{transform:translateY(-3px);background:var(--blush)}.cn b{display:block;color:var(--ink);font-weight:600;line-height:1.2}.cn i{display:block;font-style:normal;color:var(--stone);font-size:13px;line-height:1.3}
.mq{overflow:hidden;padding-block:26px 0}.mq-t{display:flex;width:max-content;gap:0;animation:mq 60s linear infinite}.mq span{font:500 13px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--stone);padding-inline:26px;position:relative;white-space:nowrap}.mq span::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--red)}@keyframes mq{to{transform:translateX(-50%)}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.bt{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;background:var(--white);border-radius:var(--r-m);padding:26px;min-height:256px;overflow:hidden;isolation:isolate}
.bt-a,.bt-b,.bt-c{grid-column:span 6}.bt-d,.bt-e{grid-column:span 3}.bt-d,.bt-e{grid-template-columns:1fr;align-content:end;min-height:256px}
.bt::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(320px 320px at var(--mx,50%) var(--my,50%),rgba(255,90,54,.2),transparent 70%)}.bt:hover::before{opacity:1}
.bt-i img{width:100%;max-height:230px;object-fit:contain;transition:transform .7s var(--ease)}.bt:hover .bt-i img{transform:scale(1.05) translateY(-4px)}.bt-c .bt-i img,.bt-e .bt-i img{object-fit:cover;border-radius:14px}
.bt-d .bt-i,.bt-e .bt-i{position:absolute;right:16px;top:16px;bottom:16px;width:40%;z-index:-1}.bt-d .bt-i img,.bt-e .bt-i img{height:100%;max-height:none;width:100%}.bt-d .bt-i img{object-fit:contain;object-position:100% 50%}.bt-d .bt-x,.bt-e .bt-x{max-width:58%;align-self:center}
.bt-x .rule{margin-bottom:12px}.bt-x b{font:600 23px/1.1 var(--disp);display:block;margin-bottom:6px}.bt-x>span{color:var(--stone);display:block;line-height:1.4}.bt-x em{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 13px;background:var(--cream);border-radius:9px;font:600 14px var(--body);color:var(--ink);transition:background .2s}.bt:hover .bt-x em{background:var(--blush)}

/* product grid + card */
.pg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}.pg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-s{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc{position:relative;min-width:0}.pc[hidden]{display:none}.pc-m{position:relative;display:block;aspect-ratio:1;border-radius:var(--r-m);overflow:hidden;background:var(--bone)}.pc-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease),transform .9s var(--ease)}.pc-2{opacity:0}.pc:hover .pc-2{opacity:1}.pc:hover .pc-1{transform:scale(1.04)}
.pc-w{position:absolute;right:10px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,253,250,.86);display:grid;place-items:center;transition:transform .2s var(--ease)}.pc-w:hover{transform:scale(1.08)}[data-wish][aria-pressed=true] svg{fill:var(--red);stroke:var(--red)}
.pc-add{position:absolute;z-index:3;left:10px;right:10px;aspect-ratio:auto;top:calc((100% - 96px) - 56px);display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:12px;background:var(--ox);color:var(--cream);font-weight:600;font-size:14.5px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .3s var(--ease),background .2s}.pc:hover .pc-add,.pc-add:focus-visible{opacity:1;transform:none}.pc-add:hover{background:var(--garnet)}
.pc-b{padding:12px 2px 0;height:96px}.pc-n{display:block;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-p{display:flex;gap:8px;margin-top:4px;font-size:15.5px}.pc-p b{font-weight:600}.pc-p s{color:var(--stone);font-size:14px}
.promo{position:relative;grid-column:span 2;display:block;border-radius:var(--r-m);overflow:hidden;background:var(--blush);min-height:260px;isolation:isolate}.promo-i{position:absolute;top:0;bottom:0;right:0;left:auto;width:52%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-1;transition:transform .9s var(--ease)}.promo:hover .promo-i{transform:scale(1.04)}.promo::after{content:"";position:absolute;top:0;bottom:0;left:48%;width:16%;z-index:-1;background:linear-gradient(90deg,var(--blush),transparent)}.promo-b{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:28px;max-width:62%}.promo-b b{font:600 clamp(26px,2.4vw,36px)/1.04 var(--disp);letter-spacing:-.02em}.promo-b>span:not(.lb){color:var(--stone);margin-top:10px;line-height:1.4}.promo .btn{margin-top:auto;font-family:var(--body);font-style:normal;color:var(--white)}

/* explorer */
.ex{position:relative;background:var(--night);color:var(--cream);overflow:hidden;--c:var(--w633)}.ex-gl{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 75% at 24% 50%,color-mix(in srgb,var(--c) 26%,transparent),transparent 72%);transition:opacity .4s}
.ex-in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center;min-height:100vh;padding-block:72px}
.ex-m{position:relative;aspect-ratio:4/5;max-height:80vh;width:100%;border-radius:999px 999px var(--r-l) var(--r-l);overflow:hidden;background:#000;justify-self:center;max-width:560px}.ex-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 72%;opacity:0;transition:opacity .6s var(--ease);transform:scale(1.32);transform-origin:50% 62%}.ex-im.is-on{opacity:1}
.ex h2{margin-bottom:34px}.ex em{color:var(--glow)}.rl{position:relative;height:66px;border-top:1.5px solid rgba(246,239,231,.55);background:repeating-linear-gradient(90deg,rgba(246,239,231,.45) 0 1.5px,transparent 1.5px calc(100%/45)) 0 0/100% 10px no-repeat;margin-bottom:26px}
.rl-h{position:absolute;left:var(--x);top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c);box-shadow:0 0 18px 4px var(--c);transition:left .55s var(--ease)}
.rl-b{position:absolute;left:var(--x);top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:40px;height:62px;color:rgba(246,239,231,.72);font:500 13px var(--mono);transition:color .2s}.rl-b i{width:2.5px;height:22px;background:var(--c);border-radius:2px;transition:height .25s var(--ease)}.rl-b.is-on,.rl-b:hover{color:var(--cream)}.rl-b.is-on i{height:30px}
.ex-ps{min-height:300px}.ex-p[hidden]{display:none}.ex-p.is-on{animation:hcIn .55s var(--ease) both}.ex-p h3{font:600 clamp(28px,2.8vw,40px)/1.05 var(--disp);letter-spacing:-.02em;margin-bottom:12px}.ex-p>p:not(.lb){font-size:18px;line-height:1.5;color:#E2D3CD;max-width:540px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chips li{padding:7px 12px;border:1px solid var(--line-d);border-radius:999px;font-size:14px}
.dep{max-width:460px;margin-bottom:26px}.dep span{display:block;font:500 12.5px var(--mono);margin-bottom:7px;letter-spacing:.02em}.dep-b{height:7px;background:rgba(127,110,110,.25);border-radius:4px;overflow:hidden}.dep-b i{display:block;height:100%;background:var(--c,var(--glow));border-radius:4px}

/* countdown band */
.cd{position:relative;background:var(--ox);color:var(--cream);margin-top:150px}.cd::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 90% at 56% 100%,rgba(255,90,54,.26),transparent 70%);pointer-events:none}
.cd-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:24px;align-items:end;min-height:430px}.cd-l{padding-block:56px;position:relative;z-index:2}.cd h2{margin-bottom:22px}.cd-e{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.cd-b{display:flex;gap:8px;margin-bottom:26px}.cd-b div{background:rgba(246,239,231,.08);border:1px solid var(--line-d);border-radius:12px;padding:12px 8px;min-width:68px;text-align:center}.cd-b b{display:block;font:600 28px/1 var(--disp);font-variant-numeric:tabular-nums}.cd-b span{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.burst{position:absolute;z-index:3;left:calc(var(--gut) + 340px);top:44px;width:104px;height:104px;display:grid;place-items:center;transform:rotate(-10deg)}.burst svg{position:absolute;inset:0;fill:var(--glow);overflow:visible}.burst b{position:relative;font:600 24px var(--disp);color:var(--night)}
.cd-p{align-self:end;position:relative;z-index:1;margin-top:-150px;justify-self:center;width:100%;max-width:470px}.cd-p img{width:100%;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.cd-c{position:relative;background:var(--white);color:var(--ink);border-radius:var(--r-m);overflow:hidden;align-self:center;max-width:270px;justify-self:end;width:100%;transition:transform .35s var(--ease);margin-block:36px}.cd-c:hover{transform:translateY(-4px)}.cd-c img{aspect-ratio:1/.86;object-fit:cover;width:100%}.cd-cb{display:block;padding:12px 14px 14px}.cd-cb b{display:block;font-weight:600}.cd-cb span{display:flex;gap:8px}.cd-cb span b{display:inline}.cd-cb s{color:var(--stone)}

/* rails */
.rail{position:relative}.rail-t{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;cursor:grab}.rail-t::-webkit-scrollbar{display:none}.rail-t.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail-t.is-drag a,.rail-t.is-drag button{pointer-events:none}
.rail-i{flex:0 0 calc((100% - 56px)/5);scroll-snap-align:start;min-width:220px}.rail-b{position:absolute;top:calc(50% - 60px);width:46px;height:46px;border-radius:50%;background:var(--ox);color:var(--cream);display:grid;place-items:center;z-index:4;transition:background .2s,opacity .2s,transform .2s var(--ease)}.rail-b:hover{background:var(--garnet);transform:scale(1.06)}.rail-b.prev{left:-14px}.rail-b.next{right:-14px}.rail-b[disabled]{opacity:0;pointer-events:none}
.rail-v .rail-b{background:var(--cream);color:var(--night);top:calc(50% - 23px)}.rail-v .rail-b.prev{left:6px}.rail-v .rail-b.next{right:6px}
.vc{position:relative;flex:0 0 clamp(210px,19vw,280px);aspect-ratio:9/16;border-radius:var(--r-m);overflow:hidden;scroll-snap-align:start;background:#1c1012;text-align:left;color:var(--white);display:block}.vc video,.vc .v-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.vc:hover video,.vc:hover .v-p{transform:scale(1.04)}.vc::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(9,3,4,.82),transparent)}
.vc-play{position:absolute;right:10px;top:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,253,250,.9);color:var(--ink);display:grid;place-items:center}.vc-b{position:absolute;left:14px;right:14px;bottom:13px;z-index:2;display:block}.vc-s{color:var(--amber);font:12px Arial,sans-serif;letter-spacing:1px;display:block}.vc-q{display:block;font:600 16.5px/1.2 var(--disp);margin:5px 0}.vc-n{display:inline-flex;align-items:center;gap:5px;font-size:13px;opacity:.92}

/* strip */
.strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:130px;background:var(--blush);border-radius:var(--r-m);padding-inline:32px 22px;margin-top:-38px;overflow:visible}.strip-n{position:absolute;left:28px;top:50%;transform:translateY(-52%);font:700 170px/1 var(--disp);color:var(--ox);letter-spacing:-.04em;pointer-events:none}.strip-i{position:absolute;left:188px;top:-34px;width:auto;height:190px;transition:transform .7s var(--ease);filter:drop-shadow(0 20px 18px rgba(42,10,16,.3))}.strip:hover .strip-i{transform:rotate(-3deg) translateY(-4px)}.strip b{margin-left:clamp(340px,27vw,400px);font:600 clamp(22px,2.2vw,32px)/1.05 var(--disp);letter-spacing:-.02em;flex:1}.strip .btn,.promo .btn{font-family:var(--body);font-style:normal}.strip .btn{color:var(--ink)}

/* before and after */
.bas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ba-f figcaption{padding-top:12px}.ba-f figcaption b{display:block;font:600 19px var(--disp)}.ba-f figcaption span{display:block;line-height:1.4;margin:4px 0}.ba-f figcaption i{font-style:normal;color:var(--stone);font-size:13.5px}
.ba{position:relative;aspect-ratio:4/5;border-radius:var(--r-m);overflow:hidden;background:var(--bone);--p:50%;touch-action:pan-y}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-c{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ba-h{position:absolute;left:var(--p);top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:2;pointer-events:none}.ba::after{content:"";position:absolute;left:var(--p);top:0;bottom:0;width:2px;margin-left:-1px;background:var(--white);pointer-events:none}
.ba-t{position:absolute;bottom:12px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(20,7,9,.68);color:var(--cream);font:500 11.5px var(--mono);pointer-events:none}.ba-t.l{left:12px}.ba-t.r{right:12px}.ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.ba input:focus-visible~.x{}.ba:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.stats b{display:block;font:600 clamp(38px,4.4vw,64px)/1 var(--disp);letter-spacing:-.03em;color:var(--red)}.stats span{color:var(--stone)}

/* reviews */
.rv{background:var(--bone);border-radius:var(--r-l);padding:44px}.rv-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rv-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rc{background:var(--white);border-radius:var(--r-m);padding:24px;display:flex;flex-direction:column;gap:10px}.rc h3{font-weight:600;font-size:20px}.rc p{line-height:1.5;flex:1}.rc footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}.av{width:38px;height:38px;border-radius:50%;background:var(--ox);color:var(--cream);display:grid;place-items:center;font:600 16px var(--disp)}.rc footer b{display:block;font-weight:600;font-size:14.5px;line-height:1.2}.rc footer i{font-style:normal;color:var(--stone);font-size:13px}.rc .st-n{display:none}
.rv-s{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:22px}.rv-s b{font:600 28px var(--disp)}.rv-s span{color:var(--stone)}

/* how to */
.hts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ht-v{position:relative;aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:#1c1012;margin-bottom:14px}.ht-v video,.ht-v .v-p{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ht-v span{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--ink);pointer-events:none}.ht-c .lb{margin-bottom:6px}.ht-c h3{margin-bottom:5px}.ht-c>p:last-child{color:var(--stone)}

/* usp */
.usp{position:relative;background:var(--night);color:var(--cream);overflow:hidden;isolation:isolate}.usp-i{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;object-position:30% 62%;z-index:-2;max-width:none}.usp-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,7,9,.9) 0,rgba(20,7,9,.55) 50%,rgba(20,7,9,.2) 100%),linear-gradient(0deg,var(--night) 0,transparent 42%)}.usp-in{padding-block:96px 56px;display:grid;gap:56px}.usp h2{font-size:clamp(36px,4.6vw,68px);margin-bottom:12px}.usp em{color:var(--glow)}.usp-in>div{max-width:860px}.usp-in p:not(.lb){font-size:18px;margin-bottom:22px}.usp ul{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.usp li>span{width:52px;height:52px;border-radius:50%;background:rgba(246,239,231,.13);display:grid;place-items:center;margin-bottom:14px}.usp .rule{background:var(--glow);margin-bottom:12px}.usp li b{font-weight:500;line-height:1.3;display:block}

/* footer */
.ftr{background:var(--night);color:var(--cream);padding-block:30px 26px}.sub{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;align-items:center;background:var(--ox);border-radius:var(--r-m);padding:28px 36px}.sub h2{font-size:clamp(23px,2.1vw,31px);line-height:1.1;max-width:440px}.sub h2 span{color:var(--glow)}.sub-f{display:flex;gap:10px}.sub-f input{flex:1;min-width:0;border:0;border-radius:12px;padding:0 16px;height:50px;background:var(--cream);color:var(--ink)}.sub-m{grid-column:2;font-size:14px;color:#E8D5CE}.sub-m:empty{display:none}
.pays{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:40px 12px;flex-wrap:wrap}.pays img{height:27px;width:auto}.pays li:nth-child(1) img{height:23px}.pays li:nth-child(2) img{height:32px}.pays li:nth-child(3) img{height:32px}.pays li:nth-child(4) img{height:26px}.pays li:nth-child(5) img{height:24px}.pays li:nth-child(6) img{height:26px}.pays li:nth-child(7) img{height:30px}
.ftr-g{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:32px;padding-top:6px}.ftr-c{font:600 22px var(--disp);margin-bottom:8px}.ftr-t{color:#B7A9A4;max-width:400px;font-size:14.5px}.soc{display:inline-flex;gap:4px;margin-top:16px;background:var(--ox);border-radius:999px;padding:5px}.soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--glow);transition:background .2s}.soc a:hover{background:var(--garnet)}
.ftr-g h2{font:600 15px var(--body);letter-spacing:0;margin-bottom:12px}.ftr li a{display:inline-block;padding:4px 0;color:#C7B9B3;font-size:14.5px}.ftr-g li a:hover{color:var(--cream)}.ftr-e{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line-d);margin-top:30px;padding-top:18px;font-size:13px;color:#B7A9A4}.ftr-e p:first-child{max-width:760px}.ftr-e a{color:var(--cream);white-space:nowrap}

/* drawer + dialogs */
.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;width:min(470px,100vw);background:var(--white);display:none;flex-direction:column;animation:drIn .35s var(--ease)}.drawer[open]{display:flex}@keyframes drIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.dr-h{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.dr-h h2{font-size:24px}.dr-h span{color:var(--stone);font:500 14px var(--mono)}.dr-m{padding:0 22px 14px;font-size:14px}.dr-bar{height:6px;background:var(--bone);border-radius:3px;overflow:hidden;margin-top:7px}.dr-bar i{display:block;height:100%;width:0;background:var(--red);border-radius:3px;transition:width .5s var(--ease)}
.dr-l{flex:1;overflow:auto;padding:0 22px;border-top:1px solid var(--line)}.dl{display:grid;grid-template-columns:82px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.dl img{width:82px;height:82px;object-fit:cover;border-radius:12px}.dl b{display:block;font-weight:600;line-height:1.2}.dl i{display:block;font-style:normal;color:var(--stone);font-size:13.5px}.dl .qty{height:34px;margin-top:8px;display:inline-flex}.dl-p{text-align:right}.dl-x{color:var(--stone);font-size:13px;text-decoration:underline;margin-top:8px}
.dr-e{padding:40px 0;text-align:center;color:var(--stone)}.dr-e .btn{margin-top:14px}.dr-u{padding:12px 22px;background:var(--cream)}.dr-u:empty{display:none}.du{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;font-size:14px}.du img{width:56px;height:56px;object-fit:cover;border-radius:10px}.du b{display:block;font-weight:600}.du button{padding:8px 12px;border-radius:9px;background:var(--ox);color:var(--cream);font-weight:600;font-size:13.5px}
.dr-f{padding:16px 22px 18px;border-top:1px solid var(--line)}.dr-s{display:flex;justify-content:space-between;margin-bottom:10px}.dr-s b{font-weight:600}.dr-f .xp{margin-top:10px}.dr-n{font-size:12.5px;color:var(--stone);text-align:center;margin-top:8px}
.cdlg{position:fixed;margin:auto;width:min(460px,calc(100vw - 32px));background:var(--white);border-radius:var(--r-l);padding:34px;text-align:left}.cdlg[open]{animation:hcIn .35s var(--ease)}.cdlg h2{font-size:32px;margin:14px 0 8px}.cdlg p{margin-bottom:20px;color:var(--stone)}.cdlg-x{position:absolute;right:16px;top:16px;padding:6px}
.vlb{position:fixed;margin:auto;width:min(760px,calc(100vw - 24px));background:var(--ox);color:var(--cream);border-radius:var(--r-l);overflow:hidden}.vlb[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);animation:hcIn .35s var(--ease)}.vlb video{width:100%;aspect-ratio:9/16;object-fit:cover;max-height:84vh}.vlb-b{padding:32px;align-self:end}.vlb-q{font:600 28px/1.1 var(--disp);margin:8px 0}.vlb-note{font-size:13px;color:#B7A9A4;margin-top:14px}.vlb-x{position:absolute;right:12px;top:12px;z-index:2;padding:6px;color:var(--cream)}
.fly{position:fixed;z-index:200;width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 14px 2px var(--glow);pointer-events:none}

/* product page */
.crumbs{padding-block:16px 0;font-size:13.5px;color:var(--stone)}.crumbs ol{display:flex;flex-wrap:wrap;gap:6px}.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}.crumbs a:hover{color:var(--ink)}
.prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:16px 72px;align-items:start}.pcol{display:flex;flex-direction:column;gap:18px;min-width:0}
.gal{position:relative}.gal-tag{left:16px;top:16px}.gal-w{position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,253,250,.88);display:grid;place-items:center}.gal-m{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r-l);background:var(--bone)}.gal-m::-webkit-scrollbar{display:none}.gal-s{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/.9}.gal-s img{width:100%;height:100%;object-fit:cover}
.gal-th{display:flex;gap:9px;margin-top:10px}.gal-th button{width:76px;height:76px;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:border-color .2s;flex:none;background:var(--bone)}.gal-th button[aria-current=true]{border-color:var(--ink)}.gal-th img{width:100%;height:100%;object-fit:cover}
.vr{background:var(--ox);color:var(--cream);border-radius:var(--r-m);padding:18px 16px 16px;min-width:0}.vr-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13.5px;color:#D9C8C2}.vr-h .lb{margin:0;color:#F2C9BC}.rail-s .vc{flex:0 0 clamp(150px,13.2vw,200px)}.rail-s .vc-q{font-size:14.5px}.rail-s .rail-b{background:var(--cream);color:var(--night);top:calc(50% - 22px);width:40px;height:40px}.rail-s .rail-b.prev{left:4px}.rail-s .rail-b.next{right:4px}
.buy h1{font-size:clamp(34px,3.5vw,52px);margin:8px 0 6px}.buy-l{font-size:18px;color:var(--stone);margin-bottom:12px}.buy-r .st-n{text-decoration:underline;text-underline-offset:3px}.buy-p{display:flex;align-items:center;gap:10px;font-size:25px}.buy-p>b{font:600 30px var(--disp)}.buy-p s{color:var(--stone);font-size:19px}.save{background:var(--blush);color:var(--red-h);padding:4px 9px;border-radius:7px;font-size:14px;font-weight:600}.save[hidden]{display:none}.buy-i{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--stone);margin-top:3px}.buy-i b{font-weight:600;color:var(--ink)}.buy-i img{height:12px;width:auto}
.bl{margin:16px 0 18px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:9px}.bl li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;line-height:1.35;font-size:15.5px;color:var(--stone)}.bl .i{color:var(--red);margin-top:1px}.bl b{font-weight:600;color:var(--ink);display:inline}
.bs{display:grid;gap:8px;margin-bottom:14px}.bs legend{margin-bottom:9px}.b{position:relative;display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:12px 14px;background:var(--white);border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s}.b.is-on{border-color:var(--ink);background:var(--white)}.b input{position:absolute;opacity:0}.b:has(input:focus-visible){outline:2px solid var(--red);outline-offset:2px}.b-r{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--stone);display:grid;place-items:center}.b.is-on .b-r{border-color:var(--red)}.b.is-on .b-r::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--red)}.b-t b{font-weight:600;display:block;line-height:1.2}.b-t i{font-style:normal;font-size:13px;color:var(--stone);line-height:1.25;display:block}.b-p{text-align:right}.b-p b{display:block;font-weight:600}.b-p em{font:600 12.5px var(--body);color:var(--red-h)}.b-f{position:absolute;right:12px;top:-10px;background:var(--red);color:var(--white);font:500 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:6px}
.atc{display:grid;grid-template-columns:auto 1fr;gap:10px}.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;height:54px;background:var(--white)}.qty button{width:42px;height:100%;display:grid;place-items:center}.qty output{min-width:22px;text-align:center;font-weight:600}.atc-b{height:54px;font-size:16.5px}.atc-b span{opacity:.92}
.xp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.xpb{height:48px;border-radius:12px;display:grid;place-items:center;transition:transform .2s var(--ease),filter .2s}.xpb:hover{transform:translateY(-1px);filter:brightness(1.06)}.x-link{background:#00D66F}.x-apple{background:#0B0B0B}.x-google{background:var(--white);border:1.5px solid var(--line)}.xpb img{height:18px;width:auto}.x-apple img{height:23px}.xp-m{display:block;margin:8px auto 0;font-size:13.5px;text-decoration:underline;text-underline-offset:3px;color:var(--stone)}
.tr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding-block:12px;border-block:1px solid var(--line);font-size:13.5px;text-align:center}.tr li{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.2}.tr .i{color:var(--red);flex:none}.cut{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:13.5px;color:var(--stone)}.cut b{color:var(--ink);font-weight:600}
.det>p{line-height:1.6;margin-bottom:10px}.det .lb{font-family:var(--mono);font-weight:500;letter-spacing:.09em}.ac{border-top:1px solid var(--line)}.ac:last-child{border-bottom:1px solid var(--line)}.ac summary,.fq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-weight:600;cursor:pointer;list-style:none}.ac summary::-webkit-details-marker,.fq summary::-webkit-details-marker{display:none}.ac[open] summary .i,.fq[open] summary .i{transform:rotate(45deg)}summary .i{transition:transform .25s var(--ease);flex:none}.ac>:not(summary){padding-bottom:14px}.box{display:grid;gap:6px}.box li{display:flex;gap:9px;align-items:center}.box .i{color:var(--red)}.howl{list-style:decimal;padding-left:20px;display:grid;gap:6px}.howl b{font-weight:600}
.wd{position:relative;background:var(--night);color:var(--cream);padding-block:88px;overflow:hidden}.wd em{color:var(--glow)}.wd-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}.wd-c{display:grid;gap:12px}.wd-i{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;text-align:left;padding:15px 18px;border:1px solid var(--line-d);border-radius:var(--r-m);transition:background .2s,border-color .2s}.wd-i:hover,.wd-i:focus-visible,.wd-i.is-on{background:rgba(246,239,231,.07);border-color:var(--c)}.wd-i .dot{--c:inherit}.wd-i b{font:500 15px var(--mono)}.wd-i span:last-child{grid-column:2;color:#D9C8C2;font-size:14.5px}
.wd-m{position:relative;display:grid;place-items:center}.wd-m img{position:relative;max-height:480px;width:auto}.wd-gl{position:absolute;inset:-12%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 42%,transparent),transparent 76%);transition:opacity .4s}
.cmp{background:var(--white);border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line)}.cmp table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}.cmp th,.cmp td{padding:13px 14px;text-align:center;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.cmp tbody tr:last-child>*{border-bottom:0}.cmp thead th{font:600 16px/1.15 var(--disp)}.cmp tbody th{text-align:left;font-weight:500}.cmp thead td{width:34%}.cmp .us{background:var(--ox);color:var(--cream);font-weight:600;border-color:rgba(246,239,231,.14)}.yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blush);color:var(--red-h)}.us .yes{background:var(--glow);color:var(--night)}.no{color:rgba(107,93,91,.65);display:inline-grid;place-items:center}
.gl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}.gl h2{margin-bottom:20px}.gl-i{border-radius:var(--r-m);aspect-ratio:4/3;object-fit:cover;width:100%}.spec{border-top:1px solid var(--line)}.spec div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.spec dt{font:500 12.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--stone)}.spec dd{font-weight:500}
.fqs{border-top:1px solid var(--line)}.fq{border-bottom:1px solid var(--line)}.fq summary{font-size:17.5px;padding:18px 0}.fq p{padding-bottom:18px;max-width:760px;color:var(--stone)}
.rvw{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.hist{position:sticky;top:110px;background:var(--bone);border-radius:var(--r-m);padding:24px}.hist>b{font:600 56px/1 var(--disp);display:block}.hist>span:not(.stars){display:block;color:var(--stone);font-size:14px;margin:6px 0 14px}.hist ul{display:grid;gap:6px;margin-bottom:18px}.hist li{display:grid;grid-template-columns:14px 1fr 38px;gap:8px;align-items:center;font-size:13px}.hist li div{height:7px;background:rgba(30,11,14,.1);border-radius:4px;overflow:hidden}.hist li i{display:block;height:100%;background:var(--red)}.hist .btn{width:100%}
.fbt{background:var(--white);border-radius:var(--r-m);padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:center}.fbt-l{display:flex;align-items:center;gap:12px;min-width:0}.fbt-i{position:relative;flex:1;min-width:0;cursor:pointer}.fbt-i img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;margin-bottom:8px}.fbt-i input{position:absolute;left:9px;top:9px;width:20px;height:20px;accent-color:var(--red)}.fbt-i b{display:block;font-weight:600;line-height:1.2}.fbt-i span{color:var(--stone)}.fbt-p{color:var(--stone);flex:none}.fbt-t b{display:block;font:600 34px var(--disp);margin-bottom:12px}.fbt-t .btn{width:100%}
.sb{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,253,250,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .35s var(--ease)}.sb.is-on{transform:none}.sb[hidden]{display:block;visibility:hidden}.sb-in{display:flex;align-items:center;gap:14px;padding-block:10px}.sb img{width:52px;height:52px;object-fit:cover;border-radius:10px}.sb-n{flex:1;min-width:0}.sb-n b{display:block;font-weight:600}.sb-n i{font-style:normal;font-size:13px;color:var(--stone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sb-p{font:600 21px var(--disp)}

/* page heads + misc pages */
.ph{background:var(--ox);color:var(--cream);padding-block:64px 58px;position:relative;overflow:hidden}.ph::after{content:"";position:absolute;right:-8%;top:-60%;width:60%;height:220%;background:radial-gradient(closest-side,rgba(255,90,54,.3),transparent);pointer-events:none}.ph h1{font-size:clamp(40px,6vw,88px);letter-spacing:-.025em;line-height:.98}.ph em{color:var(--glow)}.ph-s{font-size:19px;max-width:620px;margin-top:14px;color:#E2D3CD}
.shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;padding-block:44px 90px}.flt{position:sticky;top:130px;align-self:start;display:grid;gap:6px}.flt details{border-bottom:1px solid var(--line);padding-bottom:10px}.flt summary,.flt-h{font-weight:600;padding:8px 0;cursor:pointer}.flt-h{cursor:default}.f{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer}.f input{width:18px;height:18px;accent-color:var(--red)}.flt-w div{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px}.fw{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1.5px solid var(--line);border-radius:999px;font:500 13px var(--mono);transition:border-color .2s,background .2s}.fw[aria-pressed=true]{border-color:var(--ink);background:var(--white)}.clr{justify-self:start;text-decoration:underline;font-size:14px;padding:6px 0}.clr[hidden]{display:none}
.shop-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.shop-t b{font-weight:600}.shop-t select{margin-left:8px;padding:9px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--white)}.shop-e{padding:50px 0;text-align:center;color:var(--stone)}.shop-e[hidden]{display:none}.shop-e a,.shop-e button{text-decoration:underline;color:var(--ink)}
.sws{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sw{background:var(--white);border-radius:var(--r-m);padding:22px;display:flex;flex-direction:column;gap:8px}.sw .lb{margin:6px 0 0;color:var(--ink)}.sw>p:not(.lb){color:var(--stone);flex:1}.sw .dep{margin:6px 0 0}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:center}.two h2{margin-bottom:14px}.two p{max-width:560px;font-size:17.5px;margin-bottom:18px}.ph-r{border-radius:var(--r-l);width:100%;object-fit:cover;max-height:560px}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.vals h3{margin:12px 0 6px}.vals p{color:var(--stone)}.legal h2{font-size:26px;margin:26px 0 8px}.legal p{margin-bottom:14px;max-width:760px}.legal .btn{margin-top:10px}
.qz{background:var(--white);border-radius:var(--r-l);padding:clamp(24px,4vw,48px)}.qz-b{height:5px;background:var(--bone);border-radius:3px;overflow:hidden;margin-bottom:26px}.qz-b i{display:block;height:100%;width:25%;background:var(--red);transition:width .4s var(--ease)}.qq legend{font:600 clamp(26px,3vw,38px)/1.08 var(--disp);letter-spacing:-.02em;margin-bottom:22px}.qq legend .lb{font-weight:500;margin-bottom:8px;letter-spacing:.09em}.qos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qo{padding:17px 18px;text-align:left;border:1.5px solid var(--line);border-radius:14px;font-weight:500;transition:border-color .2s,background .2s,transform .2s var(--ease)}.qo:hover{border-color:var(--ink);background:var(--cream);transform:translateY(-2px)}.qr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center}.qr[hidden]{display:none}.qr img{border-radius:var(--r-m);aspect-ratio:1;object-fit:cover}.qr h2{margin-bottom:8px}.qr p{margin-bottom:16px;color:var(--stone)}.qr .btn{margin:0 8px 8px 0}
.co{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}.co-n{background:var(--white);border-radius:var(--r-m);padding:32px}.co-n h2{margin-bottom:10px}.co-n p:not(.lb){margin-bottom:18px;font-size:17px}.co-s{background:var(--bone);border-radius:var(--r-m);padding:24px}.co-s h2{font-size:24px;margin-bottom:6px}.co-s .dr-s{margin:10px 0 0}.co-t{border-top:1px solid var(--line);padding-top:10px;font-size:19px}.co-s .dl{grid-template-columns:64px 1fr auto}.co-s .dl img{width:64px;height:64px}

/* responsive */
@media (max-width:1180px){.pg{grid-template-columns:repeat(4,minmax(0,1fr))}.pg>.promo{grid-column:span 4;order:1;min-height:220px}.pg>.promo~.pc:nth-of-type(n+2){order:2}.pg>.promo+.pc{order:0}.sws{grid-template-columns:repeat(3,minmax(0,1fr))}.shopbtn span{display:none}.cd-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.cd-c{display:none}.burst{left:auto;right:var(--gut)}.act-l{display:none}.cnt{left:26px}.hdr-n ul{gap:22px;overflow-x:auto;scrollbar-width:none}.hdr-n li{flex:none}.cn{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){:root{--gut:16px}.sec{padding-block:64px}.mega-in{grid-template-columns:1fr 1fr 1fr}.mega-f{display:none}.ex-in{grid-template-columns:1fr;min-height:0;padding-block:56px;gap:26px}.ex-m{max-width:320px;aspect-ratio:1/1.08}.ex-ps{min-height:0}.prod{grid-template-columns:minmax(0,1fr);gap:18px}.pcol{display:contents}.gal{order:1}.buy{order:2}.vr{order:3}.det{order:4}.gl,.two,.co{grid-template-columns:minmax(0,1fr)}.rvw{grid-template-columns:minmax(0,1fr)}.hist{position:static}.fbt{grid-template-columns:minmax(0,1fr)}.shop{grid-template-columns:minmax(0,1fr);gap:20px}.flt{position:static}.flt details:not(:first-child){}.wd-g{grid-template-columns:minmax(0,1fr)}.wd-m{order:-1}.wd-m img{max-height:300px}.rail-b{display:none}.usp ul{grid-template-columns:repeat(2,1fr)}.ftr-g{grid-template-columns:1fr 1fr 1fr}.ftr-b{grid-column:1/-1}.vals{grid-template-columns:1fr}.rv{padding:24px 16px}}
@media (max-width:760px){.ann-r{display:none}.ann-m{text-align:center}.ann-m span{left:50%;transform:translate(-50%,8px)}.ann-m span.is-on{transform:translateX(-50%)}.hdr-t{gap:8px;height:62px}.logo img{height:30px}.shopbtn,.srch,.hdr-n{display:none}.act-s,.burger{display:flex}.act{padding:9px 8px}.cnt{left:20px;top:2px}
.hero{padding:8px 8px 0}.hero-st{min-height:calc(100svh - 118px);border-radius:22px}.hs img{object-position:50% 50%;transform:translateY(-23%)}.hero-sh{background:linear-gradient(0deg,rgba(9,3,4,.94) 0,rgba(9,3,4,.72) 40%,rgba(9,3,4,0) 66%)}.hero-in{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:20px 18px 18px;gap:12px}.hero-c{display:none}.dx{font-size:clamp(44px,13.4vw,60px);margin-bottom:12px}.hc-s{font-size:16px}.hero-a{margin-top:18px}.hero-a .btn{flex:1;padding-inline:14px;font-size:15px}.hero-r{font-size:13px;margin-top:12px;flex-wrap:wrap;gap:4px 10px}.ht{flex-direction:column;gap:1px;padding:11px 10px}.ht-l{font-size:12.5px;line-height:1.2}.ht-n{font-size:11.5px}
.cn{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-inline:8px;padding-top:8px}.cn a{padding:12px 11px;gap:9px}.cn i{display:none}.mq{padding-top:20px}
.sh{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:24px}.bento{gap:8px}.bt,.bt-a,.bt-b,.bt-c,.bt-d,.bt-e{grid-column:span 12}.bt{min-height:186px;padding:16px;gap:10px}.bt-d,.bt-e{grid-column:span 6;grid-template-columns:1fr;min-height:236px;padding:14px}.bt-d .bt-i,.bt-e .bt-i{position:static;width:100%;height:96px;margin-bottom:6px}.bt-d .bt-i img,.bt-e .bt-i img{height:96px}.bt-d .bt-i img{object-position:0 50%}.bt-d .bt-x,.bt-e .bt-x{max-width:none}.bt-x b{font-size:20px}.bt-x>span{font-size:14px}.bt-x em{margin-top:10px;font-size:13px;padding:8px 10px}
.pg,.pg-s,.pg-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.pg>.promo{grid-column:span 2;min-height:230px}.pg-3 .pc:nth-child(3){display:none}.promo-b{max-width:76%;padding:20px}.pc-add{opacity:1;transform:none;left:auto;right:8px;width:38px;height:38px;border-radius:50%;top:auto;bottom:calc(92px + 8px)}.pc-add span{display:none}.pc-w{width:36px;height:36px;right:8px;top:8px}.pc-b{height:92px}.tag{left:8px;top:8px;font-size:10px;padding:6px 7px}
.cd{margin-top:96px}.cd-in{grid-template-columns:minmax(0,1fr);min-height:0}.cd-l{padding-block:40px 0}.cd-b div{min-width:0;flex:1}.cd-p{margin-top:0;max-width:300px}.burst{right:22px;top:-40px;left:auto;width:88px;height:88px}.burst b{font-size:21px}.rail-i{flex-basis:62%;min-width:0}
.strip{height:auto;min-height:200px;padding:18px;margin-top:0;display:block}.strip-n{left:16px;top:6px;transform:none;font-size:120px}.strip-i{left:auto;right:6px;top:-22px;height:150px}.strip b{display:block;margin:112px 0 10px;font-size:24px}
.bas,.rv-g,.rv-2,.hts,.sws{grid-template-columns:minmax(0,1fr)}.stats{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats span{font-size:13px;line-height:1.3;display:block}.stats b{font-size:32px}.vc{flex-basis:62vw}.rail-s .vc{flex-basis:44vw}.usp-in{padding-block:64px 40px;gap:36px}
.sub{grid-template-columns:minmax(0,1fr);padding:22px 18px}.sub-m{grid-column:1}.pays{justify-content:center;gap:18px 26px;padding:28px 0}.pays img{height:20px}.pays li:nth-child(1) img{height:17px}.pays li:nth-child(2) img{height:25px}.pays li:nth-child(3) img{height:25px}.pays li:nth-child(4) img{height:20px}.pays li:nth-child(5) img{height:18px}.pays li:nth-child(6) img{height:20px}.pays li:nth-child(7) img{height:23px}.ftr-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr-g>div:last-child{grid-column:auto}.ftr-e{flex-direction:column;gap:8px}
.gal-m{border-radius:var(--r-m)}.gal-th button{width:60px;height:60px}.b{padding:11px 11px}.xpb{height:46px}.tr{font-size:12.5px}.tr li{flex-direction:column;gap:3px}.fbt-l{gap:6px}.fbt-i b{font-size:13.5px}.cmp table{font-size:13px}.cmp th,.cmp td{padding:10px 6px}.cmp thead th{font-size:13.5px}.cmp thead td{width:32%}.spec div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.sb-in{gap:9px}.sb img,.sb-n i{display:none}.sb-n b{font-size:14.5px}.sb-p{font-size:18px}.sb .btn{padding:13px 18px;font-size:14.5px}
.vlb[open]{grid-template-columns:minmax(0,1fr)}.vlb video{max-height:62vh}.vlb-b{padding:18px}.qos,.qr{grid-template-columns:minmax(0,1fr)}.rl{height:auto;border:0;background:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:18px}.rl-h{display:none}.rl-b{position:static;transform:none;min-width:0;height:48px;justify-content:center;gap:6px;border:1px solid var(--line-d);border-radius:10px}.rl-b i{height:0;width:0}.rl-b.is-on{background:color-mix(in srgb,var(--c) 30%,transparent);border-color:var(--c)}.rl-b.is-on i{height:0}.ex-p>p:not(.lb){font-size:16px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-rv]:not(.is-in){opacity:1;transform:none}.ht.is-on i{transform:scaleX(1)}@view-transition{navigation:none}}
