:root{color-scheme:dark;--bg:#0b1416;--bg2:#0f1f22;--card:#1a2326;--card2:#141d20;--line:rgba(255,255,255,.09);--ink:#f2f6f7;--muted:#9aa8ad;--cyan:#5ee6f0;--cyan-d:#2fd0dc;--green:#3ccf91;--amber:#f5b84a;--pink:#f06a8a;--r:8px}
html.light{--bg:#ffffff;--bg2:#f5f8fa;--card:#ffffff;--card2:#f8fafb;--line:rgba(15,30,40,.10);--ink:#0f1b22;--muted:#5a6870;--cyan:#0891b2;--cyan-d:#0891b2;--green:#059669;--amber:#d97706;--pink:#e11d48;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--cyan)}html.light a{color:var(--cyan-d)}img,svg{max-width:100%}
html.light .brand img,html.light footer img,html.light .dash-side img{filter:invert(1) hue-rotate(180deg)}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.15}h1{font-size:44px;font-weight:800;letter-spacing:-.035em}
header{background:rgba(11,20,22,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
html.light header{background:rgba(244,248,249,.9)}
.nav{display:flex;align-items:center;height:58px;gap:20px}.nav nav{flex:1;display:flex;align-items:center}
.nav .center{flex:1;display:flex;justify-content:center;gap:26px}.nav .right{display:flex;align-items:center;gap:10px}
.nav nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:500}.nav nav a i{font-style:normal;color:var(--muted);font-size:11px;margin-left:2px}
.login{margin-right:6px}.theme{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;cursor:pointer}
.menu{display:none;background:none;border:0;font-size:24px;color:var(--ink);margin-left:auto}
.btn{display:inline-block;background:var(--cyan);color:#071012!important;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:600;border:1px solid var(--cyan);cursor:pointer;font-size:15px;font-family:inherit;transition:.2s}
.btn:hover{background:#8ef0f6;box-shadow:0 0 24px rgba(94,230,240,.35)}
.btn.alt{background:transparent;color:var(--cyan)!important;border-color:var(--cyan)}.btn.alt:hover{background:rgba(94,230,240,.1)}
html.light .btn.alt{color:var(--cyan-d)!important;border-color:var(--cyan-d)}
.btn.sm{padding:7px 14px;font-size:14px}
.hero{position:relative;overflow:hidden;padding:84px 0 60px;background:radial-gradient(ellipse at 20% 0%,#12343a 0%,transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg))}
html.light .hero{background:linear-gradient(180deg,#dff3f5,var(--bg))}
#net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero .wrap{position:relative}
.hero h1{font-size:88px;line-height:.98;margin:18px 0 22px;letter-spacing:-.045em}.hl{color:var(--cyan)}html.light .hl{color:var(--cyan-d)}
.lead{font-size:19px;color:var(--muted);max-width:620px;margin-bottom:30px}
.pill{display:inline-block;border:1px solid var(--line);background:rgba(94,230,240,.06);color:var(--muted);padding:5px 12px;border-radius:999px;font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 54px}.chips a{border:1px solid var(--line);background:var(--card2);color:var(--ink);text-decoration:none;padding:7px 14px;border-radius:6px;font-size:14px}.chips a:hover{border-color:var(--cyan)}
.dash{display:grid;grid-template-columns:200px 1fr;background:#0d1719;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
html.light .dash{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.1)}
.dash-side{padding:18px;border-right:1px solid var(--line);font-size:13px}.dash-side a{display:block;padding:7px 10px;border-radius:6px;color:var(--muted);margin:2px 0}.dash-side a.on{background:var(--card);color:var(--ink)}
.dash-side small{display:flex;justify-content:space-between;color:var(--muted);padding:5px 0}.dash-side em{font-style:normal;opacity:.6}
.dash-main{padding:20px}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:18px}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dgrid .card{padding:16px}.dgrid .wide{grid-column:1/-1}
.dgrid h4{margin:2px 0 4px;font-size:15px}.dgrid small{color:var(--muted)}
.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted);margin:14px 0 6px}.dgrid .lbl{margin-top:0}
.c1{color:var(--cyan)}.c2{color:var(--green)}.c3{color:var(--amber)}.c4{color:var(--pink)}
.big{font-size:44px;font-weight:800;letter-spacing:-.03em;margin:8px 0 2px}
.track{list-style:none;padding:0;margin:10px 0 0;font-size:13px}.track li{padding:4px 0 4px 20px;position:relative;color:var(--muted)}
.track li:before{content:'';position:absolute;left:2px;top:10px;width:9px;height:9px;border-radius:50%;border:1px solid var(--muted)}
.track li.d{color:var(--ink)}.track li.d:before{background:var(--green);border-color:var(--green)}.track li.n:before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 4px rgba(245,184,74,.2)}
.donut{width:120px;height:120px;border-radius:50%;margin:10px auto;background:conic-gradient(#5ee6f0 0 28%,#3ccf91 0 62%,#f5b84a 0 85%,#f06a8a 0);display:grid;place-items:center}
.donut span{width:84px;height:84px;border-radius:50%;background:var(--card);display:grid;place-items:center;align-content:center;font-weight:800;font-size:20px}.donut small{font-size:10px;font-weight:500}
.legend{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;border-top:1px solid var(--line);padding-top:12px}.tl b{display:block;color:var(--cyan)}
section{padding:72px 0}h2{font-size:36px;margin:0 0 10px;font-weight:800}.sub{color:var(--muted);margin-bottom:34px}
.alt-bg{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.card p,.legal p,li{color:var(--muted)}.card b,.card h3{color:var(--ink)}
.step{font-size:12px;font-weight:700;color:#071012;background:var(--cyan);width:28px;height:28px;border-radius:6px;display:grid;place-items:center;margin-bottom:12px}
.stars{color:var(--cyan)}.sample{font-size:11px;background:rgba(245,184,74,.12);color:var(--amber);border:1px solid rgba(245,184,74,.3);padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:.04em;vertical-align:middle}
.trust{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:center;color:var(--muted);font-size:14px;font-weight:500}
.cta{background:radial-gradient(ellipse at top,#143b41,var(--card));border:1px solid var(--line);text-align:center;border-radius:12px;padding:56px 20px}.cta p{color:var(--muted)}
footer{background:#081012;color:var(--muted);padding:44px 0;border-top:1px solid var(--line);font-size:14px}footer a{color:var(--ink);margin-right:16px;text-decoration:none}
html.light footer{background:#e4eced}
.notice{background:rgba(94,230,240,.06);border:1px solid rgba(94,230,240,.25);color:var(--ink);padding:12px 16px;border-radius:var(--r);margin:16px 0;font-size:14px}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.choice{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:16px;cursor:pointer;text-align:left;font-size:15px;font-weight:600;font-family:inherit;text-decoration:none;transition:.15s}
.choice:hover{border-color:var(--cyan)}.choice small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.progress{display:flex;gap:6px;margin:20px 0}.progress span{flex:1;height:4px;border-radius:4px;background:var(--line)}.progress span.on{background:var(--cyan)}
.offer{text-align:center;padding:36px}.offer .amt{font-size:72px;font-weight:800;color:var(--cyan);letter-spacing:-.04em}
label{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}
input,select,textarea{width:100%;padding:11px 12px;background:var(--card2);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:15px;font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(94,230,240,.15)}
input[type=radio],input[type=checkbox]{accent-color:var(--cyan)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal h2{font-size:22px;margin-top:28px}
details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin-bottom:10px}details p{color:var(--muted)}summary{font-weight:600;cursor:pointer}
.layout{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}
#locator .row{grid-template-columns:1fr}.loc{margin:6px 4px 0 0;padding:7px 14px;font-size:14px}
main>section:first-child:not(.hero){padding-top:56px}
.reveal{opacity:0;transform:translateY(14px);transition:.6s}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.nav .center{gap:14px}.login,.right .btn.alt{display:none}}
@media(max-width:820px){.grid3,.layout,.row,.dash,.dgrid{grid-template-columns:1fr}.dash-side{display:none}.hero h1{font-size:50px}.hero{padding:52px 0 40px}.tl{grid-template-columns:1fr 1fr}
.nav nav{display:none;position:absolute;top:58px;left:0;right:0;background:var(--bg);padding:12px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}
.nav nav.open{display:flex}.nav .center,.nav .right{flex-direction:column;align-items:flex-start;gap:12px}.login,.right .btn.alt{display:inline-block}.menu{display:block}}

/* light mode polish */
html.light body{background:var(--bg)}
html.light .card,html.light details,html.light .choice{box-shadow:0 1px 2px rgba(15,30,40,.04),0 4px 14px rgba(15,30,40,.05)}
html.light .btn{color:#fff!important}html.light .btn:hover{background:#0e7490;border-color:#0e7490;box-shadow:0 6px 18px rgba(8,145,178,.25)}
html.light .btn.alt:hover{background:rgba(8,145,178,.08)}
html.light .step{color:#fff}
html.light .hero{background:radial-gradient(ellipse at 20% 0%,#e0f4f8 0%,transparent 55%),linear-gradient(180deg,#f3fafc,#fff)}
html.light .dash{background:#f8fafb;border-color:rgba(15,30,40,.12);box-shadow:0 24px 60px rgba(15,30,40,.12)}
html.light .dash-side a.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}
html.light .notice{background:#ecf8fb;border-color:#b6e3ee}
html.light .sample{background:#fff7e6;border-color:#f5d48a;color:#92580a}
html.light .cta{background:radial-gradient(ellipse at top,#e0f4f8,#fff)}
html.light footer{background:#f5f8fa}
html.light header{background:rgba(255,255,255,.88)}
html.light .donut span{background:#fff}
html.light .alt-bg{background:#f5f8fa}
.theme svg{width:16px;height:16px;display:block;margin:auto}.theme .moon{display:none}html.light .theme .sun{display:none}html.light .theme .moon{display:block}

.rp{border-top:1px solid var(--line);margin-top:22px;padding-top:6px}.cardui{margin:12px 0;padding:16px;background:var(--card2)}.cardhead{display:flex;justify-content:space-between;align-items:center}
.sumrow{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:6px 0}.sumrow b{color:var(--ink)}
.legal li{margin:2px 0}
/* price tables (sell pages) */
.ptable{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}.ptable th,.ptable td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}.ptable th{color:var(--muted);font-weight:600}.ptable td.n{font-variant-numeric:tabular-nums;font-weight:600}
.tscroll{overflow-x:auto}.crumbs{font-size:14px;color:var(--muted);margin:0 0 8px}.crumbs a{text-decoration:none}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.mgrid a{display:block;text-decoration:none;color:var(--ink)}.mgrid a b{display:block}.mgrid a small{color:var(--muted)}
/* ===== Accessibility (WCAG 2.1 AA) ===== */
html.light{--cyan:#0e7490;--cyan-d:#0e7490;--muted:#4f5d64}
.dash-side em{opacity:1;color:var(--muted)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--cyan);color:#071012;padding:10px 16px;border-radius:6px;font-weight:700;text-decoration:none}
html.light .skip{color:#fff}
.skip:focus{top:12px}
main:focus{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;box-shadow:0 0 0 5px var(--bg)}
input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline-offset:3px}
p a,li a,.crumbs a,.notice a,td a,th a,dd a,summary+p a{text-decoration:underline;text-underline-offset:2px}
input:invalid[aria-invalid=true],select[aria-invalid=true]{border-color:var(--pink)}
.err{color:var(--pink);font-size:14px;margin:4px 0 0;font-weight:600}
html.light .err{color:#b4123a}
.form-errors{border:2px solid var(--pink);border-radius:var(--r);padding:12px 16px;margin:12px 0}
.form-errors:focus{outline:3px solid var(--pink)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
img,svg,video,canvas{max-width:100%}
.tscroll{max-width:100%}
@media(max-width:400px){.hero h1{font-size:40px}.wrap{padding-left:16px;padding-right:16px}.btn{white-space:normal}}
/* ===== Rotating word ===== */
.rot{display:inline-grid;vertical-align:bottom;text-align:left;color:var(--cyan);overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
html.light .rot{color:var(--cyan-d)}
.rot>span{grid-area:1/1;opacity:0;transform:translateY(.45em);transition:opacity .45s ease,transform .45s ease;white-space:nowrap}
.rot>span.on{opacity:1;transform:none}
.rot>span.out{opacity:0;transform:translateY(-.45em)}
.mbr{display:none}
@media(max-width:820px){.mbr{display:inline}}
@media(prefers-reduced-motion:reduce){.rot>span{transition:none}}
.rot-toggle{display:inline-block;background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;margin:-8px 0 14px}
.rot-toggle:hover{color:var(--ink)}
footer p:has(a){display:flex;flex-wrap:wrap;gap:6px 16px}footer p a{margin-right:0;padding:4px 0}
/* ===== Shop ===== */
.h3{font-size:18px;margin:8px 0 4px}.filters .frow{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px}
.pgrid{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pcard{position:relative;padding:18px}.pcard h2 a{color:var(--ink);text-decoration:none}.pcard h2 a::after{content:"";position:absolute;inset:0}.pcard h2 a:focus-visible{outline:none}.pcard:focus-within{outline:3px solid var(--cyan);outline-offset:2px}
.pcard .sample{position:absolute;top:12px;right:12px}
.ph{display:flex;align-items:center;justify-content:center;height:140px;border-radius:var(--r);background:var(--card2);border:1px dashed var(--line);font-size:44px}
.ph.big{height:340px;flex-direction:column;gap:8px;font-size:72px}.ph.big span{font-size:14px;color:var(--muted)}
.price{font-size:22px;font-weight:800;margin:6px 0}.price.big{font-size:36px;margin:4px 0 8px}
.pdp{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;margin-top:8px}@media(max-width:820px){.pdp{grid-template-columns:1fr}.ph.big{height:220px}}
.spec{margin-top:20px}.spec th{color:var(--muted);width:38%}
.linkbtn{background:none;border:0;padding:0;color:var(--cyan);text-decoration:underline;cursor:pointer;font:inherit}
.sumrow{display:flex;justify-content:space-between;gap:12px}
.nav nav a{white-space:nowrap}.nav .center{gap:18px}
@media(min-width:821px) and (max-width:1240px){.nav .right .btn.alt{display:none}.nav .center{gap:14px}.nav nav a i{display:none}}
.ph.big span{display:block;word-spacing:normal;letter-spacing:normal;white-space:normal}
#cartlink{margin-left:12px;white-space:nowrap}
.timeline{list-style:none;padding:0;margin:12px 0 24px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:6px 0 12px 22px}.timeline li::before{content:"";position:absolute;left:-7px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--muted)}.timeline li.done::before{background:var(--cyan);border-color:var(--cyan)}.timeline li.cur b{color:var(--cyan)}
/* ===== Shop v2 (premium) ===== */
.pgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.pcard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0;transition:transform .25s ease,border-color .25s ease}
.pcard:hover{transform:translateY(-3px);border-color:rgba(47,208,220,.45)}
.pimg{aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,#22272e,#14171c 70%);display:flex;align-items:center;justify-content:center}
.pimg img{width:100%;height:auto;display:block}
.pmeta{padding:16px 18px 20px}.pmeta h2{margin:8px 0 2px;font-size:19px;letter-spacing:-.01em}.pmeta .sub{margin:0}.pmeta .price{font-size:19px;margin:10px 0 0}
.gbadge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid}
.g-excellent{color:#5ee0b0;border-color:rgba(94,224,176,.45);background:rgba(94,224,176,.08)}
.g-good{color:#7fd4ff;border-color:rgba(127,212,255,.45);background:rgba(127,212,255,.08)}
.g-fair{color:#f5c26b;border-color:rgba(245,194,107,.45);background:rgba(245,194,107,.08)}
html.light .pimg{background:radial-gradient(circle at 50% 40%,#ffffff,#eef1f4 70%)}
html.light .g-excellent{color:#0b6b4a;border-color:#8fd3b6;background:#e8f8f1}
html.light .g-good{color:#0b5a85;border-color:#9ccbe6;background:#e9f5fc}
html.light .g-fair{color:#7a4b00;border-color:#e6c27a;background:#fff6e3}
.pdpsec{padding-top:24px}
.pdp2{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;margin-top:12px}
.gallery{position:sticky;top:90px}
.gmain{aspect-ratio:1/1;border-radius:24px;background:radial-gradient(circle at 50% 42%,#262c34,#12151a 72%);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
html.light .gmain{background:radial-gradient(circle at 50% 42%,#fff,#eceff3 72%)}
.gmain img{width:96%;height:auto}
.thumbs{list-style:none;display:flex;gap:10px;padding:0;margin:14px 0 0}
.thumb{width:76px;height:76px;padding:4px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:contain}.thumb[aria-pressed=true]{border:2px solid var(--cyan)}
.buy h1{font-size:44px;letter-spacing:-.03em;margin:4px 0 6px;line-height:1.05}
.eyebrow{margin:0;font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.pricerow{display:flex;align-items:center;gap:14px;margin:18px 0 22px}.pricerow .price.big{margin:0;font-size:34px}
.opt{margin:0 0 16px}.olab{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 8px;text-transform:none;letter-spacing:0}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.pill{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.pill.on{border:2px solid var(--cyan);padding:7px 15px}
.btn.big{width:100%;justify-content:center;padding:16px;font-size:17px;border-radius:14px;margin-top:8px}
.facts{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:14px;color:var(--ink)}
.acc{border-top:1px solid var(--line);padding:2px 0}.acc:last-of-type{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.acc summary::-webkit-details-marker{display:none}.acc summary::after{content:"+";color:var(--muted);font-weight:400;font-size:20px;line-height:1}
.acc[open] summary::after{content:"–"}.acc p{margin:0 0 14px;color:var(--muted);font-size:15px}
.notice.slim{font-size:13px;padding:8px 12px}
.citem{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.citem img{width:96px;height:96px;border-radius:14px;background:radial-gradient(circle,#262c34,#12151a);border:1px solid var(--line)}
html.light .citem img{background:radial-gradient(circle,#fff,#eceff3)}
.citem h2{font-size:17px;margin:0 0 4px}.citem h2 a{color:var(--ink);text-decoration:none}.citem .price{font-size:18px;margin:0}
.csum{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:22px}
@media(max-width:900px){.pdp2{grid-template-columns:1fr;gap:24px}.gallery{position:static}.buy h1{font-size:34px}}
@media(max-width:520px){.pgrid{grid-template-columns:1fr 1fr;gap:12px}.pmeta{padding:12px}.pmeta h2{font-size:15px}.pmeta .price{font-size:16px}.gbadge{font-size:11px;padding:2px 8px}.citem{grid-template-columns:72px 1fr auto}.citem img{width:72px;height:72px}}

.filters.slim{background:none;border:0;padding:0;margin:8px 0 6px}.filters.slim .frow{gap:10px}.filters.slim label{font-size:12px;color:var(--muted)}
.acc{background:none!important;border:0;border-top:1px solid var(--line);border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none}.acc summary{padding:14px 2px!important}
.btn.big{display:block;text-align:center}.csum .sumrow{font-size:16px}.csum .sumrow:first-child b{font-size:20px}.citem .price{color:var(--ink)}

/* shop v3 */
.pgrid{grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1000px){.pgrid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}}
.pcard{border-radius:24px}
.pimg{aspect-ratio:1/1;background:radial-gradient(ellipse 70% 55% at 50% 30%,#3a4450 0%,#1b2027 55%,#0f1216 100%);overflow:hidden}
html.light .pimg{background:radial-gradient(ellipse 70% 55% at 50% 30%,#ffffff 0%,#eef1f5 60%,#dfe4ea 100%)}
.pimg img{width:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pimg img,.pcard:focus-within .pimg img{transform:scale(1.045) translateY(-4px)}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.pmeta{padding:20px 22px 24px}.pmeta h2{font-size:21px}.pmeta .price{font-size:20px}
.pdp2{grid-template-columns:1.45fr 1fr;gap:56px}
.gmain{border-radius:28px;background:radial-gradient(ellipse 70% 55% at 50% 30%,#3a4450 0%,#1b2027 55%,#0f1216 100%)}
html.light .gmain{background:radial-gradient(ellipse 70% 55% at 50% 30%,#fff 0%,#eef1f5 60%,#dfe4ea 100%)}
.gmain img{width:100%}
.pdpsec .wrap{max-width:1320px}
@media(prefers-reduced-motion:reduce){.pimg img,.pcard{transition:none}.pcard:hover .pimg img{transform:none}}
.ftoggle{display:none}
@media(max-width:700px){.ftoggle{display:inline-flex;align-items:center;gap:8px}.filters.slim{display:none}.filters.slim.open{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:10px}.filters.slim .frow{grid-template-columns:1fr 1fr}}

/* ===== Shop search ===== */
.search{position:relative;max-width:720px;margin:22px 0 18px}
.search input{width:100%;height:56px;padding:0 52px 0 54px;font-size:18px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:0 8px 30px rgba(0,0,0,.25);transition:border-color .2s,box-shadow .2s}
.search input::placeholder{color:var(--muted)}
.search input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(47,208,220,.25),0 10px 34px rgba(0,0,0,.3)}
.sico{position:absolute;left:18px;top:19px;color:var(--muted);display:flex}
.sclear{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--card2);color:var(--ink);font-size:20px;cursor:pointer}
#q-list{position:absolute;z-index:30;left:0;right:0;top:64px;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);max-height:420px;overflow:auto}
#q-list li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:8px 10px;border-radius:12px;cursor:pointer}
#q-list li img{width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#3a4450,#14181d)}
#q-list li[aria-selected=true]{background:rgba(47,208,220,.14);outline:2px solid var(--cyan);outline-offset:-2px}
#q-list .on{font-weight:600}#q-list .op{font-weight:700}
#q-list .qnone{display:block;color:var(--muted);cursor:default}
html.light .search input{box-shadow:0 6px 20px rgba(15,30,40,.08)}html.light #q-list{box-shadow:0 18px 40px rgba(15,30,40,.15)}html.light #q-list li img{background:radial-gradient(circle,#fff,#e6eaef)}
html.light #q-list li[aria-selected=true]{background:#e6f6f8}
.empty{text-align:center;padding:56px 20px;border:1px dashed var(--line);border-radius:20px;margin:10px 0 30px}
.empty .etitle{font-size:24px;font-weight:700;margin:0 0 6px}.sugg{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;margin:18px 0}
.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--cyan)}
.navsearch{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--ink)}.navsearch:hover{background:var(--card2)}
@media(max-width:600px){.search input{height:52px;font-size:16px}.sico{top:17px}}
.nav .brand{flex-shrink:0}.msearch{display:none}@media(max-width:820px){.msearch{display:inline-flex;margin-left:auto}.msearch+.menu{margin-left:6px}}#q-list .on{color:var(--ink)}
/* ===== Support chat ===== */
#cpo-chat{position:fixed;right:24px;bottom:24px;z-index:60;font-size:15px}
.cc-fab{width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:#06222a;background:linear-gradient(145deg,#6ff0f7,#22c3d0);box-shadow:0 12px 30px rgba(34,195,208,.35),0 4px 12px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}
.cc-fab:hover{transform:translateY(-2px) scale(1.04)}.cc-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}
#cpo-chat.open .cc-fab{transform:scale(.9)}
.cc-panel{position:absolute;right:0;bottom:76px;width:390px;height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;background:rgba(20,24,30,.92);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;animation:ccin .22s ease}
.cc-panel[hidden]{display:none}
@keyframes ccin{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.cc-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.cc-head h2{font-size:16px;margin:0;letter-spacing:-.01em}.cc-sub{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.cc-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#6ff0f7,#1aa5b2);color:#06222a;font-weight:800;display:flex;align-items:center;justify-content:center}
.cc-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.07);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cc-log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.cc-msg{max-width:85%;line-height:1.45}.cc-msg p{margin:0;padding:10px 14px;border-radius:18px}
.cc-msg.bot p{background:rgba(255,255,255,.07);border-bottom-left-radius:6px;color:var(--ink)}
.cc-msg.user{align-self:flex-end}.cc-msg.user p{background:linear-gradient(145deg,#5fe6ee,#22c3d0);color:#04222a;border-bottom-right-radius:6px;font-weight:500}
.cc-msg a{color:var(--cyan)}.cc-msg.user a{color:#04222a}
.cc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cc-chip{border:1px solid rgba(47,208,220,.45);background:rgba(47,208,220,.08);color:var(--ink);border-radius:999px;padding:8px 13px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.cc-chip:hover{background:rgba(47,208,220,.18)}
.cc-typing{display:flex;gap:5px;padding:14px 16px;background:rgba(255,255,255,.07);border-radius:18px;border-bottom-left-radius:6px;width:max-content}
.cc-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:ccdot 1.2s infinite}.cc-typing i:nth-child(3){animation-delay:.15s}.cc-typing i:nth-child(4){animation-delay:.3s}
@keyframes ccdot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.cc-form{display:flex;align-items:flex-end;gap:8px;margin:0 12px;padding:6px 6px 6px 14px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(0,0,0,.25)}
.cc-form:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(47,208,220,.2)}
.cc-form textarea{flex:1;resize:none;border:0;background:none;color:var(--ink);font:inherit;padding:8px 0;max-height:120px;outline:none;min-height:22px}
.cc-send{width:38px;height:38px;border-radius:50%;border:0;background:var(--cyan);color:#04222a;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-send:disabled{opacity:.5}
.cc-foot{font-size:12px;color:var(--muted);text-align:center;margin:8px 12px 12px}.cc-foot a{color:var(--cyan);font-weight:600}
html.light .cc-panel{background:rgba(255,255,255,.94);border-color:#dfe5ea;box-shadow:0 30px 70px rgba(15,30,40,.2)}
html.light .cc-msg.bot p,html.light .cc-typing{background:#eef2f5}html.light .cc-x{background:#eef2f5}
html.light .cc-form{background:#fff;border-color:#d5dde3}html.light .cc-chip{background:#eaf8fa;border-color:#8fd6de}
html.light .cc-msg a,html.light .cc-foot a{color:#0e7490}html.light .cc-fab{color:#04222a}
html.light .cc-head{border-color:#e6ebef}
@media(max-width:600px){#cpo-chat{right:16px;bottom:16px}
 .cc-panel{position:fixed;inset:0;width:auto;height:100%;height:100dvh;border-radius:0;bottom:0;animation:ccup .25s ease;background:#14181e;backdrop-filter:none;-webkit-backdrop-filter:none}
 html.light .cc-panel{background:#fff}
 #cpo-chat.open .cc-fab{display:none}.cc-form{margin-bottom:max(0px,env(safe-area-inset-bottom))}}
@keyframes ccup{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
html.cc-lock{overflow:hidden}@media(min-width:601px){html.cc-lock{overflow:auto}}
@media(prefers-reduced-motion:reduce){.cc-panel{animation:none}.cc-typing i{animation:none}.cc-fab{transition:none}}