:root{--bg:#070908;--bg2:#0d110f;--card:#111815;--line:#1f2a25;--txt:#eef3f0;--mut:#9aa8a1;--g:#1fc46a;--warn:#f2b632;--r:10px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:16px/1.6 'Barlow',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.btn,.nav a{font-family:'Chakra Petch','Barlow',sans-serif;text-transform:uppercase;letter-spacing:.02em}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.wrap{width:min(1200px,100% - 32px);margin:auto}
.notice{background:#1a1608;color:var(--warn);font-size:.85rem;text-align:center;padding:6px 12px;border-bottom:1px solid #2c2410}
header.top{position:sticky;top:0;z-index:50;background:rgba(7,9,8,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font:italic 700 1.35rem 'Chakra Petch'}.brand img{width:44px;height:44px;border-radius:50%}.brand b{color:var(--g)}
.nav{display:none;gap:28px}.nav a{font-weight:600;font-size:.95rem;font-style:italic;padding:6px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.on{border-color:var(--g)}
.icons{display:flex;gap:6px}.ib{background:none;border:0;color:var(--txt);width:44px;height:44px;display:grid;place-items:center;cursor:pointer;position:relative;border-radius:8px}.ib:hover{background:var(--card)}
.ib svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.cnt{position:absolute;top:4px;right:2px;background:var(--g);color:#031;font:700 .7rem sans-serif;border-radius:9px;min-width:18px;height:18px;display:grid;place-items:center}
.menu-btn{order:-1}
@media(min-width:900px){.nav{display:flex}.menu-btn{display:none}}
.drawer{position:fixed;inset:0;z-index:80;visibility:hidden}.drawer.open{visibility:visible}
.drawer .shade{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:.25s}.drawer.open .shade{opacity:1}
.drawer .panel{position:absolute;top:0;bottom:0;width:min(420px,100%);background:#0b0e0c;transform:translateX(-100%);transition:.25s;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.drawer.right .panel{right:0;transform:translateX(100%);border:0;border-left:1px solid var(--line)}.drawer.open .panel{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.dl a{display:block;padding:16px 20px;font:italic 700 1.1rem 'Chakra Petch';text-transform:uppercase;border-bottom:1px solid var(--line)}.dl a:hover{background:var(--card)}
.dfoot{margin-top:auto;padding:20px;border-top:1px solid var(--line);display:grid;gap:10px;color:var(--mut)}
.cartbody{flex:1;overflow:auto;padding:16px}.empty{text-align:center;padding:60px 16px}.empty h3{font-size:1.5rem;margin-bottom:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:8px;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;background:var(--g);color:#02130a;transition:filter .15s}.btn:hover{filter:brightness(1.12)}
.btn.alt{background:#e8eeea;color:#0b0e0c}.btn.ghost{background:transparent;color:var(--txt);border-color:#2f3d36}.btn.sm{padding:10px 16px}.btn.full{width:100%}
.hero{position:relative;padding:72px 0 64px;background:radial-gradient(900px 400px at 85% 0,#0f3a24 0,transparent 70%),linear-gradient(180deg,#0a0f0c,var(--bg));border-bottom:1px solid var(--line);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(31,196,106,.035) 22px 23px)}
.hero .wrap{position:relative}.hero h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.05;max-width:14ch}.hero p.sub{font-size:1.25rem;margin:18px 0 6px;max-width:34ch}.hero p.fine{color:var(--mut);max-width:48ch}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trust{background:var(--bg2);border-bottom:1px solid var(--line)}.trust .wrap{display:flex;gap:28px;overflow:auto;padding:14px 0;color:var(--mut);font-size:.95rem;white-space:nowrap}.trust span:before{content:"";display:inline-block;width:8px;height:8px;background:var(--g);border-radius:50%;margin-right:9px}
section.s{padding:56px 0}section.alt{background:var(--bg2);border-block:1px solid var(--line)}
.sh{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.sh h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}.sh p{color:var(--mut);max-width:56ch;margin-top:6px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.cat{padding:30px 24px;min-height:150px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,#122019,var(--card));display:flex;flex-direction:column;justify-content:flex-end}
.cat:hover{border-color:var(--g)}.cat h3{font-size:1.4rem}.cat span{color:var(--mut);font-size:.95rem}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:18px}}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.pc:hover{border-color:#2d6a49}
.pc .im{position:relative;aspect-ratio:1;background:#fff}.pc img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:10px;left:10px;font:700 .75rem 'Chakra Petch';text-transform:uppercase;padding:3px 9px;border-radius:4px;background:var(--warn);color:#201500}.tag.so{background:#b3201f;color:#fff}
.pc .bd{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.pc h3{font-size:1rem;line-height:1.25}.pr{font:700 1.2rem 'Chakra Petch';color:var(--g)}.pr s{color:var(--mut);font-size:.9rem;margin-left:6px;font-weight:400}.pr.sale{color:var(--warn)}
.pc .bd p{color:var(--mut);font-size:.9rem}.pc .btn{margin-top:auto}
.state{grid-column:1/-1;border:1px dashed #2b3a32;border-radius:var(--r);padding:36px 20px;text-align:center;color:var(--mut)}
.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:700 1.05rem 'Chakra Petch';text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary:after{content:"+";color:var(--g);font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--mut);margin-top:10px}
.nl{display:flex;flex-wrap:wrap;gap:10px;max-width:520px}.nl input{flex:1;min-width:200px;padding:13px 14px;background:var(--bg);border:1px solid #2b3a32;border-radius:8px;color:var(--txt);font-size:1rem}
footer{background:#050706;border-top:1px solid var(--line);padding:48px 0 24px}
.fg{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}footer h4{font:700 1rem 'Chakra Petch';text-transform:uppercase;margin-bottom:12px}footer li{list-style:none;margin:7px 0;color:var(--mut)}footer ul{padding:0}footer a:hover{color:var(--g)}
.fb{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:.88rem;display:grid;gap:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sk{position:relative;overflow:hidden;background:#16201b;border-radius:6px}
.sk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:shim 1.4s ease-in-out infinite}
@keyframes shim{to{transform:translateX(100%)}}
.pc .im.sk{background:#16201b;border-radius:0}
@media(prefers-reduced-motion:reduce){.sk:after{animation:none}}
/* icons, nav, hero, sections (v2) */
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.2em}.ic.fill{fill:currentColor;stroke:none}.ic.sm{width:.85em;height:.85em}
.ib .ic{width:24px;height:24px}.brand b{color:var(--g)}
.nav{list-style:none;padding:0;gap:26px;display:none}@media(min-width:900px){.nav{display:flex}}.nav>li{position:relative}.nav>li>a{display:flex;align-items:center;gap:6px;padding:24px 0;font:italic 600 .95rem 'Chakra Petch';text-transform:uppercase;border-bottom:0}.nav>li:hover>a{color:var(--g)}
.dd{position:absolute;left:-16px;top:100%;min-width:230px;background:#0b0e0c;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:8px 0;list-style:none;display:none;box-shadow:0 14px 30px rgba(0,0,0,.5)}.has:hover .dd,.has:focus-within .dd{display:block}
.dd a{display:block;padding:10px 18px;color:#cfd9d3;font:500 .95rem 'Barlow';font-style:normal;text-transform:none;border:0}.dd a:hover{background:var(--card);color:var(--g)}
.dl details{border-bottom:1px solid var(--line)}.dl summary,.dl .m1{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font:italic 700 1.1rem 'Chakra Petch';text-transform:uppercase;cursor:pointer;list-style:none;border-bottom:1px solid var(--line)}.dl details summary{border:0}.dl summary::-webkit-details-marker{display:none}.dl details[open] summary .ic{transform:rotate(180deg)}
.dl details ul{list-style:none;padding:0 0 8px;background:#080b09}.dl details li a{padding:12px 32px;font:500 1rem 'Barlow';text-transform:none;font-style:normal;border:0;color:#cfd9d3}
.qb{display:flex;align-items:center;gap:10px;margin-top:6px}.qb button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2b3a32;background:none;color:var(--txt);border-radius:6px;cursor:pointer}.qb .ic{width:16px;height:16px}
.hero:before,.hero:after{z-index:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.94),rgba(7,9,8,.5)),var(--hero,none) center/cover}.hero .wrap{z-index:1}
.hero .cta .btn .ic{width:1.3em;height:1.3em}.trust span:before{display:none}.trust .tr{display:flex;align-items:center;gap:9px}.trust .ic{color:var(--g)}.stars{display:inline-flex;gap:2px;color:var(--warn)}.stars .ic{width:1em;height:1em}
.tag{display:flex;align-items:center;gap:5px}.tag .ic{width:.95em;height:.95em}.tag.bs{background:var(--g);color:#02130a}
.btn.vw{padding:0;justify-content:space-between;overflow:hidden;margin-top:auto}.btn.vw span{flex:1;text-align:center;padding:11px}.btn.vw i{display:grid;place-items:center;width:44px;align-self:stretch;border-left:1px solid rgba(0,0,0,.25)}
.car .track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.car .track::-webkit-scrollbar{display:none}.car .pc{flex:0 0 min(72%,260px);scroll-snap-align:start}
@media(min-width:600px){.car .pc{flex-basis:calc((100% - 32px)/3)}}@media(min-width:900px){.car .pc{flex-basis:calc((100% - 48px)/4)}}.cc{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;color:var(--mut)}
.ctg{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.ctg{grid-template-columns:repeat(3,1fr)}}
.ct{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.ct:hover{border-color:var(--g)}.ct .ci{aspect-ratio:4/3;background:radial-gradient(circle at 50% 120%,#144a2e,#0b120e 70%);display:grid;place-items:center;color:#2f7a52}.ct .ci img{width:100%;height:100%;object-fit:cover}.ct .ci .ic{width:56px;height:56px;stroke-width:1.2}
.ct .bd{padding:14px;display:grid;gap:4px}.ct h3{font-size:1.05rem}.ct p{color:var(--mut);font-size:.9rem}.ct em{font-style:normal;color:var(--g);display:flex;align-items:center;gap:4px;font:600 .9rem 'Chakra Petch';text-transform:uppercase;margin-top:6px}
.ben{list-style:none;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ben li{display:flex;gap:10px;align-items:center}.ben .ic{color:var(--g);width:1.3em;height:1.3em}
.bun{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bn{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.bn .im{aspect-ratio:4/3;background:#fff;position:relative}.bn img{width:100%;height:100%;object-fit:cover}.bn .bd{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.bn ul{list-style:none;padding:0;display:grid;gap:6px;color:#c3cfc8}.bn li{display:flex;gap:8px;align-items:center}.bn li .ic{color:var(--g)}.save{background:var(--warn);color:#201500;font-weight:700;border-radius:6px;padding:3px 10px;font-size:.85rem;align-self:flex-start}
.nlb{display:grid;gap:28px}@media(min-width:860px){.nlb{grid-template-columns:1fr 1fr;align-items:center}}.nlb .box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.faq summary:after{content:none}.faq summary .ic{color:var(--g);transition:transform .2s}.faq details[open] summary .ic{transform:rotate(180deg)}.faq ul{color:var(--mut);padding-left:20px;margin-top:8px}
.rv{flex:0 0 min(78%,300px);scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.rv .im{aspect-ratio:4/5;background:#16201b}.rv img,.rv video{width:100%;height:100%;object-fit:cover}.rv .bd{padding:14px;display:grid;gap:4px}.rv small{color:var(--mut)}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(0,0,0,.8);padding:16px}.modal.open{display:grid}.mb{background:#0b0e0c;border:1px solid var(--line);border-radius:14px;width:min(560px,100%);max-height:92vh;overflow:auto;padding:24px}
.prog{height:6px;background:var(--line);border-radius:9px;margin:10px 0 14px}.prog i{display:block;height:100%;background:var(--g);border-radius:9px}.opt{display:flex;gap:12px;align-items:center;width:100%;padding:14px;margin-bottom:10px;background:var(--card);border:2px solid var(--line);border-radius:10px;color:var(--txt);font:inherit;cursor:pointer;text-align:left}.opt[aria-pressed=true]{border-color:var(--g)}.opt .ic{color:var(--g);width:1.4em;height:1.4em}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #2b3a32;border-radius:6px;padding:4px 10px;font:700 .8rem 'Chakra Petch';color:#cfd9d3}
.fchips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.fchips a{padding:8px 14px;border:1px solid #2b3a32;border-radius:99px;color:#cfd9d3;font-size:.92rem}.fchips a.on,.fchips a:hover{border-color:var(--g);color:var(--g)}
.notice.ann{background:#0f2a1c;color:var(--g);border-color:#17402a}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--g);color:#02130a;padding:10px 16px;border-radius:6px;font-weight:700}.skip:focus{left:8px}
.vc{flex:0 0 min(62%,240px);scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.vc .vb,.vc video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:0;padding:0;position:relative;cursor:pointer}.vc img{width:100%;height:100%;object-fit:cover}.vp{position:absolute;inset:0;display:grid;place-items:center}.vp .ic{width:54px;height:54px;padding:14px;border-radius:50%;background:rgba(7,9,8,.7);color:var(--g);box-sizing:content-box}.vc .bd{padding:12px 14px}@media(min-width:760px){.vc{flex-basis:calc((100% - 48px)/4)}}
.pc{position:relative}.wl{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(7,9,8,.75);color:#fff;display:grid;place-items:center;cursor:pointer}.wl:hover{background:#000}.wl.on{color:#ff5a6e}.wl.on .ic,.btn[data-wl].on .ic{fill:currentColor}.btn[data-wl].on{color:#ff5a6e;border-color:#ff5a6e}
.pm{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:6px;padding:6px 12px 6px 8px;font:700 .82rem Arial,sans-serif}
.spec{width:100%;border-collapse:collapse;margin-top:8px}.spec th,.spec td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}.spec th{color:var(--mut);width:40%}.low{color:var(--warn)}.ins{color:var(--g)}.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.pd .main img{cursor:zoom-in}
@media(max-width:520px){.icons a.ib[href="/account.html"]{display:none}}
.pc h3{font-size:.92rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc .bd{padding:12px}.pc .bd p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv{position:relative;flex:0 0 min(70%,250px);aspect-ratio:9/14;background:linear-gradient(160deg,#122019,#0b120e)}.rv img,.rv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rv .ov{position:absolute;inset:auto 0 0 0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9) 55%);display:grid;gap:3px}.rv .ov p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;color:#e3ebe6}.rv .ov small{color:#b9c6bf}@media(min-width:600px){.rv{flex-basis:calc((100% - 32px)/3)}}@media(min-width:900px){.rv{flex-basis:calc((100% - 48px)/4)}}
.sp{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn.busy{pointer-events:none;opacity:.9}.lk.busy{display:inline-flex;gap:8px;align-items:center}
.nt{text-align:center}.nt h2{font-size:1.3rem;margin-bottom:6px}.nt p{color:var(--mut);margin-bottom:18px}.nti{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:4px auto 14px;background:#10261a;color:var(--g);animation:pop .35s ease-out}.nti.bad{background:#2c1513;color:#ff6b61}.nti .ic{width:34px;height:34px;stroke-width:2.2}@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sp{animation-duration:1.6s!important}.nti{animation:none}}
/* shared form fields (used on every page) */
.fld{display:grid;gap:6px;margin-bottom:14px}.fld>label{color:var(--mut);font-size:.9rem}
.fld input,.fld select,.fld textarea{width:100%;padding:13px 14px;background:var(--bg);border:1px solid #2b3a32;border-radius:8px;color:var(--txt);font:inherit;font-size:1rem}
.fld input::placeholder,.fld textarea::placeholder{color:#6b7a73}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(31,196,106,.18)}
.nlb .box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.tags{position:absolute;top:10px;left:0;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}
.tag{position:static;top:auto;left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 16px 4px 10px;border-radius:0 4px 4px 0;font:italic 700 .74rem 'Chakra Petch';letter-spacing:.04em;text-transform:uppercase;line-height:1.2;box-shadow:0 2px 6px rgba(0,0,0,.35);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.tag.bs{background:var(--g);color:#02130a}.tag.sl{background:var(--warn);color:#201500}.tag.nw{background:#e8eeea;color:#0b0e0c}.tag.so{background:#c4251f;color:#fff}
.pc.soldout .im img{opacity:.5;filter:grayscale(.5)}.pc .im .tag.so{position:absolute;top:10px;left:0;z-index:2}.tags .tag{pointer-events:none}
.bn .im{position:relative}.bn .tags{top:10px}
.mq{overflow:hidden;padding:13px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mq-t{display:flex;width:max-content;animation:mq 45s linear infinite}.mq:hover .mq-t,.mq:focus-within .mq-t{animation-play-state:paused}.mq-g{display:flex;gap:44px;padding-right:44px;color:var(--mut);font-size:.95rem;white-space:nowrap}.mq .tr{display:flex;align-items:center;gap:9px}.mq .ic{color:var(--g);width:1.3em;height:1.3em}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mq-t{animation:none}.mq-g[aria-hidden]{display:none}}
/* v3: reference alignment */
.wrap{width:min(1300px,100% - 32px)}
@media(min-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}.car .pc{flex-basis:calc((100% - 64px)/5)}.car6 .pc{flex-basis:calc((100% - 80px)/6)}}
.ctg{grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.ctg{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.ctg{grid-template-columns:repeat(6,1fr)}}
.ct .bd{padding:14px;gap:6px}.ct h3{font-size:1.15rem}.ct .btn.vw{margin-top:10px;pointer-events:none}
.rt2{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:.85rem}.stars .ic{stroke-width:1.4}
.mini{margin:4px 0;display:grid;gap:2px;font-size:.85rem;border-top:1px solid var(--line);padding-top:8px}.mini div{display:flex;justify-content:space-between;gap:8px}.mini dt{color:var(--mut)}.mini dd{margin:0}
.rt{color:#c9d5ce;line-height:1.65;overflow-wrap:anywhere}.rt>*:first-child{margin-top:0}.rt p{margin:0 0 .9em}.rt h2{font-size:1.25rem;margin:1.2em 0 .5em;color:var(--txt)}.rt h3{font-size:1.1rem;margin:1.1em 0 .45em;color:var(--txt)}.rt h4{font-size:1rem;margin:1em 0 .4em;color:var(--txt)}.rt ul,.rt ol{margin:0 0 1em;padding-left:1.3em}.rt li{margin:.25em 0}.rt a{color:var(--g);text-decoration:underline}.rt blockquote{margin:0 0 1em;padding:.4em 1em;border-left:3px solid var(--g);color:var(--mut)}.rt strong{color:var(--txt)}
.bsp{display:grid;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}@media(min-width:800px){.bsp{grid-template-columns:1fr 1fr}}.bimg{min-height:260px;background:#0b120e}.bimg img{width:100%;height:100%;object-fit:cover;display:block}.bt{padding:clamp(20px,4vw,40px);display:flex;flex-direction:column;justify-content:center;gap:16px}.bt h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}
.nlc{display:grid;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}@media(min-width:800px){.nlc{grid-template-columns:1.1fr .9fr}}.nlc .nb{padding:clamp(20px,4vw,40px)}.nlc h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin:6px 0 10px}.nlc .ni{min-height:220px;background:#0b120e}.nlc .ni img{width:100%;height:100%;object-fit:cover;display:block}.kick{color:var(--g);font:700 .85rem 'Chakra Petch';letter-spacing:.1em}.nlc form{margin-top:16px;max-width:460px}
.infc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,40px)}.infc h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:14px}.infc>p{color:var(--mut);margin-bottom:12px;max-width:80ch}.infc .faq{max-width:none;margin-top:18px}
.va{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}.va:before,.va:after{content:"";height:1px;flex:1;max-width:420px;background:linear-gradient(90deg,transparent,#2f4a3b)}.va:after{background:linear-gradient(270deg,transparent,#2f4a3b)}
.va a{display:inline-flex;gap:8px;align-items:center;padding:9px 30px;background:#0d1411;border:1px solid #2f4a3b;font:700 .95rem 'Chakra Petch';text-transform:uppercase;transform:skewX(-14deg);box-shadow:0 0 14px rgba(31,196,106,.15)}.va a:hover{border-color:var(--g);color:var(--g)}
.bn .tg{color:var(--mut)}.sv{text-align:center;color:var(--mut)}.sv b{font:italic 700 1.4rem 'Chakra Petch';color:var(--warn);margin-left:6px}
/* product page */
.crumb2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--mut);padding:22px 0 14px;font-size:.95rem}.crumb2 a:hover{color:var(--g)}.crumb2 span:last-child{color:var(--txt);text-decoration:underline}
.pdx{display:grid;gap:22px;padding-bottom:40px}@media(min-width:960px){.pdx{grid-template-columns:1.05fr 1fr;align-items:start}}
.gal{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}@media(min-width:960px){.gal{position:sticky;top:90px}}
.gm{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff}.gm img,.gm video{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.gc{position:absolute;bottom:10px;left:10px;background:rgba(7,9,8,.75);padding:3px 10px;border-radius:99px;font-size:.8rem}.ga{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(7,9,8,.75);color:#fff;display:grid;place-items:center;cursor:pointer}.ga.l{left:10px}.ga.r{right:10px}
.th{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.th button{flex:0 0 76px;height:76px;padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;display:grid;place-items:center;color:#000}.th button[aria-current=true]{border-color:var(--g)}.th img{width:100%;height:100%;object-fit:cover}
.pi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,30px)}
.pt{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pt h1{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1}.pk{display:flex;gap:2px}.ib[data-wl].on{color:#ff5a6e}.ib[data-wl].on .ic{fill:currentColor}
.pp-price{font:700 1.5rem 'Chakra Petch';color:var(--g);margin:8px 0 4px}.pp-price.sale{color:var(--warn)}.pp-price s{color:var(--mut);font-size:1rem;margin-left:8px;font-weight:400}
.tx{color:var(--mut);font-size:.88rem}.stk{display:flex;align-items:center;gap:8px;font-weight:600;margin:14px 0 4px}.stk i{width:8px;height:8px;border-radius:50%;background:var(--g)}.stk.low i{background:var(--warn)}.stk.out i{background:#c4251f}
.dl2{color:var(--g);font-weight:600}.dl3{color:var(--mut);font-size:.85rem;margin:4px 0 16px}
.desc{margin:16px 0}.desc .more{background:none;border:0;color:var(--txt);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.acc details{border-top:1px solid var(--line)}.acc details:last-child{border-bottom:1px solid var(--line)}.acc summary{display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer;list-style:none;font:700 1rem 'Chakra Petch';text-transform:uppercase}.acc summary::-webkit-details-marker{display:none}.acc summary .chev{margin-left:auto;transition:transform .2s}.acc details[open] summary .chev{transform:rotate(180deg)}.acc .pn{padding:0 0 18px}
.feat{list-style:none;padding:0;display:grid;gap:8px}.feat li{display:flex;gap:10px}.feat .ic{color:var(--g);margin-top:3px}
.specs{width:100%;border-collapse:collapse}.specs th,.specs td{padding:9px 4px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.specs th{color:var(--mut);font-weight:600;width:48%}.specs tr:last-child *{border:0}
.rvl{display:grid;gap:14px;margin-bottom:18px}.rvi{border-bottom:1px solid var(--line);padding-bottom:12px}.rvi b{margin-right:8px}.rvi small{color:var(--mut)}
.rf{display:grid;gap:10px;background:#0a0f0c;border:1px solid var(--line);border-radius:12px;padding:16px}.rf h3{font-size:1rem}.sel{display:flex;gap:4px}.sel button{background:none;border:0;color:var(--warn);cursor:pointer;padding:2px}.sel .ic{width:1.6em;height:1.6em}.sel button.on .ic{fill:currentColor}
.xs{margin:22px 0}.xs h2{font-size:1.25rem;margin-bottom:10px}.xi{display:flex;align-items:center;gap:12px;background:#0a0f0c;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;padding-right:12px}.xi img{width:84px;height:84px;object-fit:cover;background:#fff;flex:none}.xi .xt{flex:1;min-width:0}.xi .xt b{display:block;font:700 .85rem 'Chakra Petch';text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xi .btn{padding:9px 20px}
.tl{list-style:none;padding:0;display:grid;gap:12px;margin:18px 0}.tl li{display:flex;gap:12px;align-items:center}.tl .ic{color:var(--g);width:1.5em;height:1.5em}
.big{padding:16px;font-size:1.05rem}.pay{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 4px}
/* contact */
.cpg{padding:40px 0 72px;max-width:980px;margin:0 auto}.cpg h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:20px}.cpg h2{font-size:1.4rem;margin:30px 0 10px}.cpg>p{color:var(--mut)}
.ast{display:grid;gap:14px}@media(min-width:800px){.ast{grid-template-columns:repeat(3,1fr)}}.ac2{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;display:grid;gap:10px;justify-items:center;text-align:center}.ac2 p{color:var(--mut)}
.aci{width:64px;height:64px;border-radius:50%;background:#10261a;color:var(--g);display:grid;place-items:center}.aci svg,.chn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chn{list-style:none;padding:0;display:grid;gap:6px;margin:12px 0}.chn a,.chn button{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--txt);font:inherit;cursor:pointer;text-decoration:underline;padding:6px 0}.chn svg{color:var(--g);width:22px;height:22px}
/* v4 collection page */
.tag.bs{background:linear-gradient(90deg,#7a1313,#b3201f);color:#fff}.tag.bs .ic{color:#f2b632}
.sbs{display:grid;gap:9px;margin:10px 0 12px}.sb>div{display:flex;justify-content:space-between;font-size:.9rem}.sb span{color:#cfd9d3}.sb b{font-weight:600}.sb i{display:block;height:5px;background:#26302b;border-radius:3px;margin-top:4px;position:relative;overflow:hidden}.sb i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--g);border-radius:3px}
.cph{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:8px}.cdesc{color:var(--mut);max-width:80ch}
.cbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.cbar #cnt2{margin-left:auto;color:var(--mut)}
.fbar{display:flex;flex:1;align-items:center;gap:12px;flex-wrap:wrap}.fh,.fa,#fopen{display:none}.fgroups{display:flex;gap:10px;flex-wrap:wrap}
.fd{position:relative}.fd summary{list-style:none;padding:10px 16px;border:1px solid #2b3a32;border-radius:8px;cursor:pointer;background:var(--card)}.fd summary::-webkit-details-marker{display:none}.fd[open] summary{border-color:var(--g)}
.fdm{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:230px;background:#0b0e0c;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:6px;box-shadow:0 14px 30px rgba(0,0,0,.5)}.fdm label{display:flex;gap:8px;align-items:center;cursor:pointer;padding:4px}
.fsort{display:flex;align-items:center;gap:8px;margin-left:auto}.fsort select{padding:10px;background:var(--card);border:1px solid #2b3a32;border-radius:8px;color:var(--txt);font:inherit}
.promo{background:linear-gradient(160deg,#143824,#0b120e);border:1px solid #1f4a33;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;justify-content:center}.promo h3{font-size:1.4rem}.promo div{display:flex;gap:12px;align-items:center}.promo .ic{color:var(--g);width:1.7em;height:1.7em}.promo small{display:block;color:var(--mut)}
@media(max-width:899px){#fopen{display:inline-flex}.cbar #cnt2{margin-left:0}.fbar{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:#0b0e0c;z-index:90;transform:translateX(100%);transition:transform .25s;flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:16px;overflow:auto;border-left:1px solid var(--line)}.fbar.open{transform:none}.fh{display:flex;justify-content:space-between;align-items:center}.fa{display:flex;gap:10px;margin-top:auto}.fgroups{flex-direction:column}.fdm{position:static;box-shadow:none;margin-top:6px}.fsort{margin-left:0;flex-direction:column;align-items:stretch}}
/* bundles: swipeable carousel on phones, 3-column grid on desktop */
.bun.car{display:block}.bun.car .track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bun.car .track::-webkit-scrollbar{display:none}.bun.car .bn{flex:0 0 min(82%,330px);scroll-snap-align:start}
@media(min-width:900px){.bun.car .track{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.bun.car .bn{flex:none}.bun.car .cc{display:none}}
/* blog */
.bpg{padding:30px 0 60px}.bgrid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.bgrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.bc:hover{border-color:#2d6a49}.bi{display:block;aspect-ratio:16/10;background:#0b120e}.bi img{width:100%;height:100%;object-fit:cover}.bb{padding:16px;display:grid;gap:8px}
.bb h3{font-size:1.05rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb time{color:var(--mut);font-size:.85rem}.bb p{color:var(--mut);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pgn{display:flex;gap:8px;justify-content:center;margin:30px 0}.pgn a,.pgn span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid #2b3a32;border-radius:8px}.pgn .on{border-color:var(--g);color:var(--g)}.pgn a:hover{border-color:var(--g)}
.art{max-width:820px;margin:0 auto;padding:6px 0 50px}.art h1{font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.15;margin:6px 0 8px}.art time{color:var(--mut)}.art .cover{border-radius:14px;overflow:hidden;margin:18px 0;aspect-ratio:16/9;background:#0b120e}.art .cover img{width:100%;height:100%;object-fit:cover}.art .rt{font-size:1.05rem}
.rt img{max-width:100%;height:auto;border-radius:10px;margin:1em 0;display:block}
/* carousel hardening: no browser back-swipe at the ends, hidden pager when nothing to scroll, disabled arrows, aligned bundle buttons */
.cc[hidden]{display:none}.ib:disabled{opacity:.35;cursor:default;background:none}.car .track,.bun.car .track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.bn .vw{margin-top:auto}.bn .im:empty{background:#16201b}

/* Search: opens from the header icon, live results as you type */
.srch{position:fixed;left:0;right:0;top:0;z-index:90;background:#0b0e0c;padding:14px max(14px,calc((100% - 720px)/2));display:none;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.srch.open{display:flex}
.srch input{flex:1;min-width:0;padding:14px;background:var(--bg);border:2px solid var(--g);border-radius:8px;color:var(--txt);font:inherit;font-size:1rem;-webkit-appearance:none;appearance:none}
.srch input::-webkit-search-cancel-button,.srch input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.srch input:focus{outline:0;box-shadow:0 0 0 3px rgba(31,196,106,.18)}
.sr{position:absolute;left:0;right:0;top:100%;background:#0b0e0c;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.6);max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow:auto;padding:6px max(8px,calc((100% - 720px)/2)) 10px;overscroll-behavior:contain}.sr[hidden]{display:none}
.sri{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;color:var(--txt)}.sri:hover,.sri.on{background:var(--card)}
.sth{flex:0 0 48px;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#fff}.sth img{width:100%;height:100%;object-fit:cover;display:block}.sri.so .sth{opacity:.55}
.stx{flex:1;min-width:0;display:grid;gap:2px}.stx b{font:600 .95rem 'Chakra Petch',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stx small{color:var(--mut)}
.spr{flex:none;text-align:right;font-weight:700;color:var(--g);display:grid;gap:2px}.spr em{font:normal 600 .72rem 'Barlow',sans-serif;color:#ff8a8a;text-transform:uppercase;letter-spacing:.04em}
.sall{display:block;margin-top:4px;padding:12px;text-align:center;border-top:1px solid var(--line);color:var(--g);font:600 .95rem 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.03em}.sall:hover{background:var(--card)}
.sno{padding:14px 12px;color:var(--mut)}

/* Reviews: continuous scroll (no snapping while it glides) */
.rvm .track{scroll-snap-type:none}

