/* Test Store — "Dusk" premium theme. Load LAST (after styles.css, ux.css, ux-detail.css). */
:root{color-scheme:dark;--bg:#0a0b10;--s1:#12141b;--s2:#1a1d27;--ink:#f5f2ea;--muted:#a3a0b8;--line:#ffffff1a;--green:#ffb25a;--cream:#1a1d27;--lime:#ffb25a;--orange:#ff7a6b;--paper:#12141b;--grad:linear-gradient(135deg,#ffc178,#ff6a3d 62%,#ff9a3d);--glass:#ffffff0d;--shadow:0 24px 70px #000a;--glow:0 0 0 1px #ffb25a55,0 12px 40px #ff6a3d40;font-family:"Hind Siliguri","Noto Sans Bengali","Plus Jakarta Sans","Segoe UI",sans-serif;font-feature-settings:"kern"}
html{scroll-behavior:smooth}
body{min-height:100vh;color:var(--ink);background:radial-gradient(900px 520px at 88% -8%,#3b5bdb3d,#0000),radial-gradient(700px 480px at -8% 22%,#ff6a3d26,#0000),var(--bg);background-repeat:no-repeat}
::selection{background:#ff6a3d66}
.boot-screen{color:var(--ink)}.brand-mark{background:var(--grad);color:#1a0f12;box-shadow:var(--glow);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-10px)}}
main{animation:rise .55s cubic-bezier(.2,.7,.2,1)}
/* header */
.announcement{background:var(--grad);color:#1a0f12;font-weight:700;padding:9px 16px}
.topbar{background:#0a0b10b8;backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--line);box-shadow:none}
.logo{font-weight:800;letter-spacing:-.05em;font-size:21px}.logo em{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{color:var(--muted);font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-links a:after{background:var(--grad)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--glass);border:1px solid var(--line);color:var(--ink);height:42px;min-width:42px;border-radius:14px;transition:.2s}
.icon-btn:hover{background:#ffffff1f;border-color:#ffb25a66;transform:translateY(-2px)}
.icon-btn svg,.btn svg,.trust svg,.cat-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cart-count{background:var(--grad);color:#1a0f12;font-weight:800;margin:0;width:20px;height:20px}
.nav-links.is-open{background:#0f1118f2!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(20px)}.nav-links.is-open a{border-color:var(--line)!important}
/* buttons */
.btn{position:relative;overflow:hidden;background:var(--grad);color:#1a0f12;font-weight:700;border-radius:13px;padding:14px 22px;box-shadow:0 10px 28px #ff6a3d33;transition:transform .2s,box-shadow .2s,filter .2s}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0000 30%,#fff6 50%,#0000 70%);transform:translateX(-130%);transition:transform .7s}
.btn:hover{background:var(--grad);filter:brightness(1.07);box-shadow:var(--glow);transform:translateY(-2px)}.btn:hover:after{transform:translateX(130%)}.btn:active{transform:scale(.97)}
.btn.btn-secondary{background:var(--glass);color:var(--ink);border:1px solid var(--line);box-shadow:none;backdrop-filter:blur(10px)}.btn.btn-secondary:hover{background:#ffffff1c;border-color:#ffb25a77}
.btn:disabled,.detail-actions .btn:disabled{background:#2a2740;color:#7d7a92;box-shadow:none;filter:none;transform:none}
.checkout-form[aria-busy=true] .checkout-submit:before{content:"";width:16px;height:16px;border:2px solid #1a0f12;border-top-color:#0000;border-radius:50%;animation:spin .7s linear infinite}
.btn:focus-visible,.icon-btn:focus-visible,.size-chip:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffb25a;outline-offset:3px}
/* hero */
.hero{padding:28px 0 56px}
.hero-card{min-height:500px;border-radius:32px;background:linear-gradient(145deg,#1a1d2b,#0f1118 60%,#14131a);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 #ffffff14;isolation:isolate}
.hero-card:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(#ff6a3d55,#0000 65%);z-index:-1}
.hero-card:after{content:"";position:absolute;width:420px;height:420px;left:-140px;bottom:-200px;background:radial-gradient(#3b5bdb55,#0000 65%);z-index:-1}
.hero-copy{padding:50px 0 50px 8%}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--line);color:#ffd7a8;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}.pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
h1{font-weight:800;letter-spacing:-.045em;line-height:1.1}.hero-copy p{color:var(--muted);font-size:15px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 30px}
.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:var(--glass);border:1px solid var(--line);font-size:12px;font-weight:600;color:#e7e3f3}.trust svg{color:#ffb25a}
.hero-art:before{display:none}
.hero-art img{width:min(430px,86%);height:auto;aspect-ratio:1;max-height:none;border-radius:50%;mix-blend-mode:normal;mask:none;-webkit-mask:none;border:1px solid #ffffff26;box-shadow:0 0 0 14px #ffffff08,0 0 90px #ff6a3d55,0 40px 80px #0009;animation:float 6s ease-in-out infinite}
.float-chip{position:absolute;left:6%;bottom:16%;display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:16px;background:#ffffff14;border:1px solid #ffffff26;backdrop-filter:blur(16px);font-size:12px;font-weight:700;box-shadow:var(--shadow)}.float-chip svg{width:18px;height:18px;fill:none;stroke:#ffb25a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{color:#ffb25a;letter-spacing:.14em}
/* sections & categories */
.section-head h2{font-weight:800;letter-spacing:-.04em}.text-link{color:#ffb25a;font-weight:700}.text-link:hover{color:#fff}
.category-row{gap:16px}
.category-card,.category-card:nth-child(2),.category-card:nth-child(3){background:linear-gradient(160deg,#1e1b33,#12141b);border:1px solid var(--line);border-radius:22px;min-height:150px;transition:.3s}
.category-card:after{background:radial-gradient(#ff6a3d40,#0000 70%);width:180px;height:180px;right:-30px;top:-40px}
.category-card:hover{transform:translateY(-5px);border-color:#ffb25a66;box-shadow:var(--glow)}
.cat-ico{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--grad);color:#1a0f12;margin-bottom:auto}
.category-card span{color:var(--muted)}
/* product cards */
.grid{gap:22px 18px}
.product-card{background:linear-gradient(180deg,#171a24,#11131a);border:1px solid var(--line);border-radius:22px;padding:10px 10px 16px!important;transition:transform .3s,border-color .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-6px);border-color:#ffb25a55;box-shadow:0 24px 60px #000a,0 0 40px #ff6a3d22}
.product-image{border-radius:16px;background:linear-gradient(145deg,#262a38,#161923)}.product-image:after{border-color:#ffffff12}
.product-badge{background:#0a0b10b3;color:#ffd7a8;border:1px solid #ffffff26;backdrop-filter:blur(10px)}.product-badge.sold-out{background:#3b1420cc;color:#ff9aa8}
.product-meta{padding:0 6px}.product-meta h3{font-weight:700}
.price{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.old-price{-webkit-text-fill-color:#7a7790;color:#7a7790}
.product-category{padding:0 6px;color:var(--muted)}
/* shop */
.shop-heading h1{font-weight:800}.shop-heading p,.muted,.breadcrumb,.field-hint{color:var(--muted)}
.result-count,.search-field,.sort-field select{background:var(--glass);border-color:var(--line);color:var(--ink)}
.shop-toolbar{background:#12141bcc;border-color:var(--line);border-radius:18px;backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.search-field{border-radius:12px;transition:.2s}.search-field:focus-within{border-color:#ffb25a;box-shadow:0 0 0 4px #ffb25a22}.sort-field{color:var(--muted)}
.empty-mark{background:var(--grad);color:#1a0f12}.empty h2{color:var(--ink)}
/* detail */
.detail-image{background:linear-gradient(145deg,#262a38,#161923);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow),0 0 80px #3b5bdb26}
.detail-copy p{color:var(--muted)}.detail-price{font-weight:800;font-size:30px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.size-chip{background:var(--glass);border-color:var(--line);color:var(--ink);border-radius:12px;font-weight:700;transition:.18s}
.size-chip:hover:not(:disabled){border-color:#ffb25a;background:#ffb25a1a}
.size-chip.selected{background:var(--grad);color:#1a0f12;border-color:#0000;box-shadow:var(--glow);transform:translateY(-2px)}
.size-heading>a{color:#ffb25a}
/* panels, forms, cart */
.panel,.admin-card,.stat,.login-card{background:linear-gradient(180deg,#171a24,#12141b);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);color:var(--ink)}
.field label{color:#e7e3f3}.field label span{color:var(--muted)}
.field input,.field textarea,.field select,.inline-input,.modal input,.modal textarea,.modal select{background:#0c0d13;border:1px solid var(--line);color:var(--ink);border-radius:12px;transition:.2s}
.field input:focus,.field textarea:focus,.field select:focus,.inline-input:focus{border-color:#ffb25a;box-shadow:0 0 0 4px #ffb25a22}
::placeholder{color:#6f6c85}
.notice{background:#ffb25a14;border:1px solid #ffb25a33;color:#ffd7a8;border-radius:14px}.notice.error,.error{background:#ff6a3d1a;border-color:#ff6a3d55;color:#ff9aa8}
.cart-line{border-color:var(--line)}.cart-line img{background:var(--s2);border-radius:14px}
.qty button{background:var(--glass);border:1px solid var(--line);color:var(--ink);border-radius:9px;transition:.15s}.qty button:hover{border-color:#ffb25a;background:#ffb25a22}
.summary-row{color:var(--muted)}.summary-total{border-color:var(--line);color:var(--ink);font-size:18px}.summary-total strong{color:#ffb25a}.discount-row{color:#6ee7b7}
.checkout-steps span,.checkout-steps a{background:var(--glass);border:1px solid var(--line);color:var(--muted)}.checkout-steps .current{background:var(--grad);color:#1a0f12;border-color:#0000}.checkout-steps i{background:var(--line)}
.shipping-progress{background:#6ee7b714;color:#6ee7b7;border:1px solid #6ee7b733;border-radius:12px}.secure-note{border-color:var(--line);color:var(--muted)}
.toast{background:#1a1d27ee;border:1px solid #ffb25a55;backdrop-filter:blur(16px);border-radius:14px;box-shadow:var(--shadow);animation:rise .3s}.toast.bad{background:#3b1420ee;border-color:#ff6a3d88}
/* footer */
.footer{background:linear-gradient(180deg,#0a0b10,#07060c);border-top:1px solid var(--line);margin-top:20px}.footer h3{color:#fff}.footer a:hover{color:#ffb25a}.footer-bottom{border-color:var(--line)}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px;border-radius:28px;background:linear-gradient(120deg,#2a1b3d,#3a1a35 55%,#40202a);border:1px solid #ffffff1f;box-shadow:var(--shadow);position:relative;overflow:hidden}
.cta-band:before{content:"";position:absolute;inset:-40% -10% auto auto;width:360px;height:360px;background:radial-gradient(#ffb25a44,#0000 65%)}
.cta-band>*{position:relative}.cta-band h2{margin:7px 0;font-size:26px;font-weight:800}.cta-band p{margin:0;color:#d6cfe6}
/* admin */
.admin-shell,.admin-login{background:radial-gradient(800px 460px at 90% -10%,#3b5bdb30,#0000),var(--bg)}
.admin-top,.admin-side{background:#0f1118e6;border-color:var(--line);backdrop-filter:blur(16px)}
.admin-nav button{display:flex;align-items:center;gap:11px;color:var(--muted);border-radius:12px;transition:.2s;position:relative}
.admin-nav button:before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}
.admin-nav button:hover{background:#ffffff10;color:var(--ink)}.admin-nav button.active{background:linear-gradient(90deg,#ff6a3d2e,#ffb25a12);color:#ffd7a8;box-shadow:inset 3px 0 0 #ffb25a}
.stat{position:relative;overflow:hidden;transition:.25s}.stat:hover{transform:translateY(-3px);border-color:#ffb25a55}.stat:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}
.stat{background:linear-gradient(180deg,#fff,#f8fafc);color:#111827;border-color:#e1e7ef}
.stat strong{font-weight:800;letter-spacing:-.03em;color:#111827}.stat span{color:#475569;font-size:13px;font-weight:600}
.table th{background:#ffffff08;color:var(--muted)}.table th,.table td{border-color:var(--line)}.table tbody tr{transition:.15s}.table tbody tr:hover{background:#ffb25a0d}
.status{background:#ffffff14;color:#cfcbe0;font-weight:700}.status.pending,.status.open{background:#ffb25a22;color:#ffc178}.status.delivered,.status.paid,.status.resolved{background:#6ee7b722;color:#6ee7b7}.status.cancelled{background:#ff6a3d22;color:#ff8da0}
.modal-backdrop{background:#05040acc;backdrop-filter:blur(8px)}.modal{background:linear-gradient(180deg,#171a24,#11131a);border-color:var(--line);animation:rise .3s}.modal-head{background:#171a24ee;backdrop-filter:blur(12px);border-color:var(--line)}
.product-modal-actions{background:#12141bee;border-color:var(--line)}
.product-stepper>div{color:#7d7a92}.product-stepper>div>span{border-color:var(--line)}.product-stepper>div.active{color:#ffd7a8}.product-stepper>div.active>span{background:var(--grad);color:#1a0f12;border-color:#0000;box-shadow:0 0 0 4px #ffb25a22}.product-stepper>div.complete>span{background:#6ee7b722;border-color:#6ee7b755;color:#6ee7b7}.product-stepper>i{background:var(--line)}
.image-upload-panel,.product-review,.review-grid>div{background:#ffffff08;border-color:var(--line)}
.product-step-error{background:#ff6a3d1a;color:#ff9aa8}
/* responsive */
@media(max-width:900px){.hero-copy{padding-left:7%}.hero-card{min-height:440px}}
@media(max-width:650px){
.hero-card{grid-template-columns:1fr;border-radius:24px}.hero-copy{padding:32px 22px 0}.hero-copy h1{font-size:38px}.hero-art{min-height:270px;height:270px;margin:0 0 20px}.hero-art img{width:min(250px,70%)}.float-chip{left:12px;bottom:6px;font-size:11px}
.hero-cta .btn{flex:1}.trust-row{gap:7px}.trust{padding:8px 10px;font-size:11px}
.category-card{min-height:118px;border-radius:16px}.cat-ico{width:34px;height:34px}
.product-card{border-radius:18px;padding:7px 7px 13px!important}.cta-band{flex-direction:column;align-items:stretch;padding:24px}.cta-band .btn{width:100%}
.admin-side{background:#0f1118f2}.admin-nav button{padding:9px 12px;white-space:nowrap}
.panel,.admin-card,.login-card{border-radius:18px}
}
/* ================= PHASE 1 · TOKENS ================= */
:root{--ember:#ff6a3d;--amber:#ffb25a;--grad:linear-gradient(135deg,#ff6a3d,#ffa24a);--glow:0 0 0 1px #ff6a3d55,0 14px 44px #ff6a3d38;--r-s:12px;--r-m:18px;--r-l:26px;--r-xl:34px;--ease:cubic-bezier(.2,.7,.2,1);--hair:#ffffff14}
body{background:radial-gradient(1000px 560px at 85% -10%,#3b5bdb30,#0000),radial-gradient(760px 520px at -6% 14%,#ff6a3d1c,#0000),var(--bg);background-repeat:no-repeat}
.announcement{background:linear-gradient(90deg,#1a1d27,#241914,#1a1d27);color:#ffcfa3;border-bottom:1px solid var(--hair);font-weight:600}
.btn{color:#1d0e08}
.sk{min-height:100vh}.sk-bar{height:76px;border-bottom:1px solid var(--hair)}.sk-hero{height:min(520px,60vh);border-radius:var(--r-xl);margin:28px 0}.sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sk-grid i{aspect-ratio:1/1.2;border-radius:var(--r-l)}
.sk-b{background:linear-gradient(100deg,#151822 30%,#1f2330 50%,#151822 70%);background-size:300% 100%;animation:shine 1.4s linear infinite}@keyframes shine{to{background-position:-300% 0}}
@keyframes orbit{to{transform:rotate(360deg)}}
/* ================= PHASE 2 · NAV ================= */
@media(max-width:900px){.nav-links{display:none}.mobile-menu{display:inline-flex}.nav-actions{margin-left:auto}.nav-links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 22px 14px;background:#0f1118f7;border-bottom:1px solid var(--line);backdrop-filter:blur(20px);animation:rise .25s var(--ease)}.nav-links.is-open a{padding:15px 4px;border-bottom:1px solid var(--hair);font-size:15px;color:var(--ink)}}
/* ================= HERO ================= */
.hero-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:580px;border-radius:var(--r-xl);background:linear-gradient(135deg,#1a1d2b,#0f1118 62%,#16120f)}
.hero-copy{padding:68px 0 68px 7%}
.hero-copy h1{font-size:clamp(40px,5.4vw,80px);line-height:1.06;max-width:660px;margin:22px 0 18px}
.hero-copy p{font-size:16px;line-height:1.85;max-width:470px}
.trust-row{gap:22px 26px}.trust{background:none;border:0;padding:0;gap:11px;font-size:13px}.trust i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ff6a3d1a;border:1px solid #ff6a3d40;color:#ffb25a}.trust i svg{width:18px;height:18px}
.hero-art{position:relative;height:100%;min-height:0;display:grid;place-items:center;padding:44px 44px 44px 0}
.stage{position:relative;width:min(470px,100%);aspect-ratio:1;display:grid;place-items:center}
.stage:before{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px dashed #ffffff30;animation:orbit 60s linear infinite}
.stage:after{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(#ff6a3d4d,#0000 66%);filter:blur(14px)}
.stage img{position:relative;z-index:1;width:84%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid #ffffff2e;box-shadow:0 0 0 12px #ffffff0a,0 50px 90px #000b;animation:float 7s ease-in-out infinite}
.fchip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;border-radius:18px;background:#12141bcc;border:1px solid #ffffff26;backdrop-filter:blur(16px);box-shadow:0 18px 40px #0009;font-size:12px;color:var(--muted);line-height:1.4}
.fchip b{display:block;color:var(--ink);font-size:14px;font-weight:700}.fchip i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--grad);color:#1d0e08}.fchip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fchip.a{top:7%;right:-2%;animation:float 6s ease-in-out infinite}.fchip.b{bottom:9%;left:-6%;animation:float 8s ease-in-out -2s infinite}
/* ================= CATEGORIES ================= */
.cat-head{margin-bottom:20px}.cat-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.035em;margin:6px 0 0}
.cat-bento{display:grid;gap:16px;margin:0 0 76px;grid-template-columns:1.25fr 1fr;grid-auto-rows:minmax(150px,auto)}
.cat-bento[data-n="1"]{grid-template-columns:1fr}.cat-bento[data-n="2"]{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(220px,auto)}
.cat-bento[data-n="3"] .cat:first-child{grid-row:span 2}
.cat-bento:not([data-n="1"]):not([data-n="2"]):not([data-n="3"]){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:28px;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(155deg,#1d2130,#12141b 70%);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.cat:hover{transform:translateY(-5px);border-color:#ff6a3d66;box-shadow:var(--shadow),0 0 50px #ff6a3d1f}
.cat-wm{position:absolute;right:-26px;top:-26px;width:190px;height:190px;fill:none;stroke:#ffffff;stroke-width:1.2;opacity:.05;z-index:-1;transition:.5s var(--ease)}.cat:hover .cat-wm{opacity:.1;transform:rotate(-8deg) scale(1.08)}
.cat-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#ff6a3d1c;border:1px solid #ff6a3d45;color:#ffb25a}.cat-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat:first-child .cat-ico{width:70px;height:70px;border-radius:22px}.cat:first-child .cat-ico svg{width:34px;height:34px}
.cat-text{display:grid;gap:5px;margin-top:auto;padding-right:54px}.cat-name{font-size:22px;font-weight:800;letter-spacing:-.02em}.cat:first-child .cat-name{font-size:clamp(26px,3vw,34px)}.cat-text small{color:var(--muted);font-size:13px}
.cat-go{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff2e;background:#ffffff0d;transition:.3s var(--ease)}.cat-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cat:hover .cat-go{background:var(--grad);color:#1d0e08;border-color:#0000;transform:rotate(-45deg)}
/* ================= PRODUCT CARD ================= */
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc{position:relative;border-radius:var(--r-l);background:linear-gradient(180deg,#171a24,#11131a);border:1px solid var(--line);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.pc:hover{transform:translateY(-6px);border-color:#ff6a3d55;box-shadow:0 26px 60px #000b,0 0 44px #ff6a3d1c}
.pc-link{display:block;padding:10px 10px 18px;border-radius:inherit}
.pc-stage{position:relative;aspect-ratio:1/1;border-radius:var(--r-m);overflow:hidden;background:radial-gradient(circle at 50% 36%,#3a4058,#161923 74%)}
.pc-stage img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.pc:hover .pc-stage img{transform:scale(1.07)}
.pc.is-sold-out .pc-stage img{filter:grayscale(.7);opacity:.6}
.pc-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap}
.pc-badge{padding:5px 10px;border-radius:99px;font-size:11px;font-weight:700;background:#0a0b10b8;border:1px solid #ffffff26;backdrop-filter:blur(8px);color:#ffd9b0}.pc-badge.sale{background:var(--ember);border-color:#0000;color:#1d0e08}.pc-badge.out{background:#3b1420d9;color:#ff9aa8;border-color:#ff6a3d44}
.pc-go{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--grad);color:#1d0e08;opacity:0;transform:translateY(10px) scale(.9);transition:.35s var(--ease);box-shadow:0 10px 24px #ff6a3d55}.pc-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pc:hover .pc-go,.pc-link:focus-visible .pc-go{opacity:1;transform:none}
@media(hover:none){.pc-go{opacity:1;transform:none;width:36px;height:36px}}
.pc-info{display:grid;gap:3px;padding:15px 8px 0}.pc-cat{font-size:11px;font-weight:600;color:var(--muted)}.pc-info h3{font-size:15px;font-weight:700;margin:0;line-height:1.35}
.pc-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:7px}
.pc .price{background:none;-webkit-text-fill-color:currentColor;color:var(--ink);font-size:18px;font-weight:800}.pc .old-price{font-size:12px;font-weight:500;margin-left:7px}
.pc-sizes{font-size:11px;color:var(--muted);white-space:nowrap}
/* ================= SHOP ================= */
.shop-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 24px}.shop-hero h1{font-size:clamp(34px,5vw,58px);margin:0 0 10px}.shop-hero p{color:var(--muted);margin:0;max-width:520px;line-height:1.75}
.shop-bar{position:sticky;top:78px;z-index:15;display:grid;gap:12px;margin:0 0 28px;padding:12px;border-radius:var(--r-l);background:#0f1118e0;border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.shop-search-form{display:flex;gap:10px;align-items:center}.shop-search-form .search-field{flex:1;min-width:0}.shop-search-form svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.shop-search-form .sort-field select{min-width:170px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 16px;border-radius:99px;font-size:13px;font-weight:600;color:var(--muted);background:var(--glass);border:1px solid var(--line);transition:.25s var(--ease)}
.chip small{font-size:11px;opacity:.7}.chip:hover{color:var(--ink);border-color:#ff6a3d66;transform:translateY(-1px)}.chip.active{background:var(--grad);color:#1d0e08;border-color:#0000;box-shadow:0 8px 22px #ff6a3d40}
.empty.search-empty{padding:70px 20px;border:1px dashed var(--line);border-radius:var(--r-l);background:var(--glass)}.empty-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(26px,3.4vw,40px)}
/* ================= RESPONSIVE ================= */
@media(max-width:1024px){.hero-copy{padding:56px 0 56px 6%}.hero-art{padding-right:30px}.fchip.b{left:-2%}}
@media(max-width:900px){.hero-card{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 36px 8px}.hero-art{padding:20px 36px 48px}.stage{width:min(400px,86%)}.shop-bar{top:78px}}
@media(max-width:650px){
.hero{padding:14px 0 40px}.hero-card{border-radius:26px}.hero-copy{padding:30px 22px 4px}.hero-copy h1{font-size:40px;margin:18px 0 14px}.hero-copy p{font-size:14px}
.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 24px}.hero-cta .btn{padding:15px 12px;min-height:50px}
.trust-row{display:grid;grid-template-columns:1fr;gap:12px}
.hero-art{padding:14px 22px 34px}.stage{width:84%}.fchip{padding:8px 11px 8px 8px;border-radius:14px;font-size:10px}.fchip b{font-size:12px}.fchip i{width:28px;height:28px;border-radius:9px}.fchip.a{top:2%;right:-8%}.fchip.b{bottom:2%;left:-8%}
.cat-bento{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:10px;margin-bottom:50px}.cat{flex-direction:row;align-items:center;gap:14px;padding:16px;border-radius:20px;min-height:0}.cat:first-child{grid-row:auto!important}.cat .cat-ico,.cat:first-child .cat-ico{width:50px;height:50px;border-radius:16px;flex:none}.cat:first-child .cat-ico svg{width:26px;height:26px}.cat-text{margin:0;padding:0;flex:1}.cat-name,.cat:first-child .cat-name{font-size:17px}.cat-go{position:static;width:38px;height:38px;flex:none}.cat-wm{width:130px;height:130px}
.grid,.grid.g3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc{border-radius:20px}.pc-link{padding:6px 6px 14px}.pc-stage{border-radius:15px}.pc-info{padding:12px 6px 0}.pc-info h3{font-size:13px}.pc .price{font-size:15px}.pc .old-price{display:block;margin:2px 0 0}.pc-foot{flex-direction:column;gap:3px}.pc-badge{font-size:10px;padding:4px 8px}
.shop-hero{flex-direction:column;align-items:flex-start;gap:12px}.shop-bar{top:64px;margin:0 -8px 20px;padding:10px;border-radius:20px}.shop-search-form{flex-wrap:wrap}.shop-search-form .search-field{flex:1 1 100%}.shop-search-form .sort-field{flex:1}.shop-search-form .sort-field span{display:none}.shop-search-form .sort-field select{width:100%;min-width:0}.shop-search-form .btn{padding:0 18px;height:44px}
.chip{padding:10px 14px}.sk-grid{grid-template-columns:1fr 1fr}.sk-hero{height:440px}
}
/* ===== refinements after browser review ===== */
.mobile-menu{display:none!important}
@media(max-width:900px){.mobile-menu{display:inline-flex!important}}
.search-field input{background:transparent!important;color:var(--ink)!important;border-radius:0!important}
.search-field{background:#0c0d13}
.cta-band{background:linear-gradient(120deg,#1d2130,#2a1c16 60%,#3a2014)}
@media(max-width:650px){.trust-row{grid-template-columns:repeat(3,1fr);gap:8px}.trust{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;background:var(--glass);border:1px solid var(--line);font-size:11px;line-height:1.4}.trust i{width:34px;height:34px}}