*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* Anything marked hidden stays hidden, even if a class gives it display:flex/grid */
[hidden]{display:none!important}
/* Ensure text visible while fonts load */
:root{
  --bg:rgb(var(--bg-rgb)); --bg2:#141a21; --card:#1b222c; --card2:#222b37; --card3:#2a3543;
  --line:#2c3742; --line2:#3a4756;
  --text:#eef2f6; --muted:#b0bbc8; --dim:#8a96a3;
  --gold:var(--accent); --gold2:var(--accent-hi); --goldbg:var(--accent); --goldsoft:rgba(var(--accent-rgb),.12);
  --green:#3ddc97; --blue:#5aa9f8; --purple:#a78bfa; --orange:#fb923c; --red:#f87171;
  --r:10px; --shadow:0 8px 28px rgba(0,0,0,.45);
  /* theme tokens (Site editor → Theme can change these) */
  --accent:#e2b658; --accent-rgb:226,182,88; --accent-hi:#f2cf87; --on-accent:#12161b; --bg-rgb:15,18,22;
  --fh:'Bebas Neue'; --fb:Inter; --fl:Barlow; --rs:1;
}
html.light{
  --bg:#f7f4ee; --bg2:#efeae1; --card:#ffffff; --card2:#faf8f4; --card3:#f1ede5;
  --line:#e6dfd2; --line2:#d6ccbb;
  --text:#15181d; --muted:#4f5560; --dim:#6b717b;
  --gold:#8f6400; --gold2:#a87708; --goldbg:#d6a63d; --goldsoft:rgba(176,124,10,.10);
  --green:#17794a; --blue:#1d5fd6; --purple:#6d28d9; --orange:#b4501a; --red:#c03030;
  --shadow:0 2px 4px rgba(70,52,20,.05),0 12px 32px rgba(70,52,20,.10);
}
html.light body{ background:var(--bg); }
html.light header{ background:rgba(247,244,238,.9); border-bottom-color:var(--line); }
html.light .hero-img::after{ background:linear-gradient(to top,rgba(247,244,238,.96) 0%,rgba(247,244,238,.5) 26%,rgba(247,244,238,0) 55%); }
html{scroll-behavior:smooth}
body{font-family:var(--fb),system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:calc(6px*var(--rs))}::-webkit-scrollbar-thumb:hover{background:#4a5866}
a{color:inherit;text-decoration:none}
a.pc-name{display:block}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.bebas{font-family:var(--fh),sans-serif;font-weight:400;letter-spacing:.03em}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}

/* ============ HEADER ============ */
header{position:sticky;top:0;z-index:300;background:rgba(var(--bg-rgb),.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:18px;height:62px}
.logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.logo img{height:52px;max-width:220px;object-fit:contain;display:block}
.logo-badge{background:var(--goldbg);color:var(--on-accent);font-size:9px;font-weight:800;padding:3px 6px;border-radius:calc(4px*var(--rs));letter-spacing:.04em;font-family:var(--fb),system-ui,sans-serif}
.logo-word{font-family:var(--fh),sans-serif;font-size:22px;letter-spacing:.14em;color:var(--text)}
.search{position:relative;flex:1;max-width:520px}
.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim);pointer-events:none}
.search input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:calc(8px*var(--rs));color:var(--text);font-size:13.5px;padding:10px 12px 10px 36px;outline:none;transition:border-color .15s,background .15s}
.search input::placeholder{color:var(--dim)}
.search input:focus{border-color:var(--gold);background:var(--card2)}
#searchDrop{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line2);border-radius:calc(10px*var(--rs));box-shadow:var(--shadow);max-height:400px;overflow-y:auto;z-index:400}
.sd-item{display:flex;gap:11px;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line)}
.sd-item:last-child{border-bottom:0}
.sd-item:hover,.sd-item.sd-active{background:var(--card2);border-left:3px solid var(--gold)}
.sd-img{width:48px;height:36px;border-radius:calc(5px*var(--rs));object-fit:cover;background:var(--card3);flex-shrink:0}
.sd-nm{font-size:13px;font-weight:600}
.sd-ct{font-size:11.5px;color:var(--muted);font-weight:500}
.sd-pr{margin-left:auto;font-family:var(--fb),system-ui,sans-serif;font-size:13px;color:var(--gold);font-weight:500}
.sd-empty{padding:16px;text-align:center;color:var(--dim);font-size:13px}
.hactions{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}
.icon-btn{position:relative;width:38px;height:38px;border-radius:calc(8px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.icon-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--card2)}
.icon-btn svg{width:17px;height:17px}
.badge-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:calc(9px*var(--rs));background:var(--goldbg);color:var(--on-accent);font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center}
.btn-login{display:flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:calc(8px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.btn-login:hover{border-color:var(--gold);color:var(--gold)}
.btn-login svg{width:15px;height:15px}
.user-chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 5px;border-radius:calc(20px*var(--rs));border:1px solid var(--line);background:var(--card);cursor:pointer;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.user-chip:hover{border-color:var(--gold)}
.user-chip img{width:28px;height:28px;border-radius:50%}
.user-chip{color:var(--text)}
.user-chip span{font-size:12.5px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.burger{display:none;width:38px;height:38px;border-radius:calc(8px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger i{display:block;width:16px;height:2px;background:currentColor;border-radius:calc(2px*var(--rs));transition:opacity .2s,transform .2s,border-color .2s}
.burger.on i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* nav row */
.navrow{border-top:1px solid var(--line);height:46px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}
.navrow::-webkit-scrollbar{display:none}
.navlink{padding:7px 14px;border-radius:calc(7px*var(--rs));font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;cursor:pointer;transition:.15s;border:1px solid transparent}
.navlink:hover{color:var(--text);background:var(--card)}
.navlink.on{color:var(--gold);background:var(--goldsoft);border-color:rgba(var(--accent-rgb),.28)}
.navsep{width:1px;height:20px;background:var(--line);margin:0 6px;flex-shrink:0}
.nav-vb{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 14px 5px;border-radius:calc(7px*var(--rs));background:var(--goldbg);color:var(--on-accent);border:1px solid var(--gold);font-family:var(--fh),Impact,sans-serif;font-size:17px;font-weight:400;letter-spacing:.07em;line-height:1;white-space:nowrap;cursor:pointer;transition:.15s;flex-shrink:0}
.nav-vb:hover{background:var(--gold2);border-color:var(--gold2);color:var(--on-accent);transform:translateY(-1px)}
.nav-vb.on{box-shadow:0 0 0 3px var(--goldsoft)}
.nav-vb svg{width:15px;height:15px;flex-shrink:0}
.nav-vb-off{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;letter-spacing:.06em;background:#12161b;color:var(--gold);border-radius:calc(4px*var(--rs));padding:2px 5px 1px}

/* mobile menu */
#mmenu{display:none}

/* announcement */
#ann{min-height:0;padding:0 24px;font-size:13px;font-weight:500;border-bottom:1px solid transparent;text-align:center;overflow:hidden;max-height:0;transition:max-height .25s ease,padding .25s ease,border-color .25s ease}
#ann.visible{max-height:60px;padding:10px 24px;border-bottom:1px solid var(--line)}

/* ============ HERO ============ */
.hero{position:relative;width:100%;overflow:hidden;border-bottom:1px solid var(--line2);background:var(--card);height:560px;display:flex;align-items:flex-end}
.hero-img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--bg-rgb),.94) 0%,rgba(var(--bg-rgb),.4) 26%,rgba(var(--bg-rgb),0) 55%)}
.hero-in{position:relative;z-index:2;padding:30px 40px;width:100%;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:15px}
.trust{display:flex;gap:18px;flex-wrap:wrap}
.trust div{display:flex;align-items:center;gap:7px;font-size:13px;color:#dde4ec;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.trust svg{width:14px;height:14px;color:var(--green)}

/* compact square featured card floating over the banner */
.featcard{position:absolute;top:50%;left:max(30px,calc((100vw - 1320px)/2 + 24px));transform:translateY(-50%);z-index:3;width:282px;
  background:rgba(20,25,32,.86);backdrop-filter:blur(14px);border:1px solid var(--line2);
  border-radius:calc(14px*var(--rs));overflow:hidden;box-shadow:0 20px 54px rgba(0,0,0,.7);cursor:pointer;
  transition:transform .2s,border-color .2s;display:none}
.featcard.on{display:block}
.featcard:hover{transform:translateY(-50%) translateY(-4px);border-color:var(--gold)}
#heroCarousel .featcard{position:static;top:auto;left:auto;transform:none;width:100%;display:block}
#heroCarousel .featcard:hover{transform:none;border-color:var(--gold)}
#heroCarousel .hc-card{border-radius:calc(14px*var(--rs));overflow:hidden}
.featcard-media{position:relative;aspect-ratio:1;background:var(--card2);overflow:hidden}
.featcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;will-change:transform;transform:translateZ(0);backface-visibility:hidden}
.featcard:hover .featcard-media img{transform:scale(1.05)}
.featcard-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh),sans-serif;font-size:14px;letter-spacing:.16em;color:var(--dim)}
.featcard-flag{position:absolute;top:10px;left:10px;background:var(--goldbg);color:var(--on-accent);font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 9px;border-radius:calc(5px*var(--rs))}
.featcard-b{padding:14px 15px 15px}
.featcard-cat{font-family:var(--fb),system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:5px}
.featcard-n{font-family:var(--fh),sans-serif;font-size:21px;line-height:1.1;letter-spacing:.04em;margin-bottom:10px}
.featcard-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid var(--line)}
.featcard-p{font-family:var(--fb),system-ui,sans-serif;font-size:17px;color:var(--gold)}
#hcDots .hcd{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:background .2s}
#hcDots .hcd.on{background:var(--gold,var(--accent))}
@media(max-width:900px){#heroCarousel{display:none!important}}
#hcTrack{overflow:hidden;border-radius:calc(14px*var(--rs))}
.hc-card{transition:opacity .3s ease;width:100%}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:calc(9px*var(--rs));font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap}
.btn::after,.btn-login::after,.dcbtn::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;transform:skewX(-22deg);pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent)}
.btn-ghost::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent)}
.btn:hover::after,.btn-login:hover::after,.dcbtn:hover::after{animation:shine .8s ease}
@keyframes shine{from{left:-130%}to{left:140%}}
.btn-login,.dcbtn{position:relative;overflow:hidden}
.btn svg{width:15px;height:15px}
.btn-gold{background:var(--goldbg);color:var(--on-accent)}
.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}
.btn-ghost{background:var(--card2);border-color:var(--line2);color:var(--text)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-sm{height:36px;padding:0 16px;font-size:12px;border-radius:calc(8px*var(--rs))}
.btn-full{width:100%}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ============ SECTIONS ============ */
section{padding:56px 0}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
/* ---- recently viewed ---- */
.rv-scroll{overflow-x:auto;margin:0 -4px;padding:4px 4px 12px;-webkit-overflow-scrolling:touch}
.rv-scroll::-webkit-scrollbar{height:4px}
.rv-scroll::-webkit-scrollbar-track{background:var(--card)}
.rv-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:calc(2px*var(--rs))}
.rv-row{display:flex;gap:12px;width:max-content}
.rv-card{width:160px;flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:calc(11px*var(--rs));overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}
.rv-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.rv-img{width:160px;height:110px;object-fit:cover;display:block;background:var(--card2)}
.rv-info{padding:9px 10px}
.rv-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-price{font-size:12px;color:var(--gold);font-weight:600;margin-top:3px;font-family:var(--fb),system-ui,sans-serif}
.shead h2{font-size:clamp(28px,3.4vw,40px);line-height:1}
.shead .sub{font-size:14px;color:var(--muted);font-weight:500;margin-top:5px}
.slink{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--gold);cursor:pointer}
.slink:hover{gap:9px}
.slink svg{width:14px;height:14px}

/* ============ PRODUCT CARD ============ */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}
/* ---- scroll reveal ---- */
@keyframes reveal-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes reveal-fade{from{opacity:0}to{opacity:1}}
.sr{opacity:0}
.sr.revealed{animation:reveal-up .55s cubic-bezier(.22,.68,0,1.2) both}
.sr-fade{opacity:0}
.sr-fade.revealed{animation:reveal-fade .5s ease both}
.sr-delay-1{animation-delay:.08s}
.sr-delay-2{animation-delay:.16s}
.sr-delay-3{animation-delay:.24s}
.sr-delay-4{animation-delay:.32s}
.sr-delay-5{animation-delay:.40s}
.sr-delay-6{animation-delay:.48s}
.sr-delay-7{animation-delay:.56s}
.sr-delay-8{animation-delay:.64s}
@media(prefers-reduced-motion:reduce){.sr,.sr-fade{opacity:1!important;animation:none!important}}
.pcard:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--shadow)}
.pc-media{position:relative;aspect-ratio:4/3;background:var(--card2);overflow:hidden}
.pc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pcard:hover .pc-media img{transform:scale(1.06)}
.pc-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh),sans-serif;font-size:14px;letter-spacing:.18em;color:var(--dim);background:linear-gradient(135deg,var(--card2),var(--card))}
.pc-tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.tag{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:calc(5px*var(--rs));backdrop-filter:blur(6px)}
.tag-new{background:rgba(61,220,151,.16);color:var(--green);border:1px solid rgba(61,220,151,.35)}
.tag-resell{background:rgba(var(--accent-rgb),.16);color:var(--gold2);border:1px solid rgba(var(--accent-rgb),.38)}
.tag-instant{background:rgba(90,169,248,.16);color:var(--blue);border:1px solid rgba(90,169,248,.35)}
.pc-quick{position:absolute;inset:0;background:rgba(var(--bg-rgb),.72);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:1}
.pcard:hover .pc-quick{opacity:1}
.pc-quick span{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line2);padding:9px 16px;border-radius:calc(8px*var(--rs));font-size:12px;font-weight:700}
.pc-quick svg{width:14px;height:14px}
.pc-body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1}
.pc-cat{font-family:var(--fb),system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.pc-name{font-family:var(--fh),sans-serif;font-size:20px;line-height:1.12;letter-spacing:.04em;color:var(--text)}
.pc-desc{font-size:13px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.pc-price{font-family:var(--fb),system-ui,sans-serif;font-size:17px;font-weight:500;color:var(--gold)}
.pc-price small{font-size:11.5px;color:var(--muted);display:block;font-weight:400}

/* category tiles */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ctile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;cursor:pointer;overflow:hidden;transition:opacity .18s,transform .18s,border-color .18s}
.ctile:hover{transform:translateY(-3px);border-color:var(--line2);background:var(--card2)}
.ct-ico{width:44px;height:44px;border-radius:calc(11px*var(--rs));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ct-ico svg{width:22px;height:22px}
.ct-name{font-family:var(--fh),sans-serif;font-size:22px;letter-spacing:.05em;margin-bottom:3px}
.ct-count{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;color:var(--muted);font-weight:600}
.ct-arrow{position:absolute;right:22px;bottom:22px;color:var(--dim);font-size:18px;transition:opacity .18s,transform .18s,border-color .18s}
.ctile:hover .ct-arrow{color:var(--gold);transform:translateX(4px)}

/* value strip */
.vstrip{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line)}
.vcell{background:var(--bg2);padding:30px 24px;display:flex;gap:14px;align-items:flex-start}
.vcell .vi{width:38px;height:38px;border-radius:calc(9px*var(--rs));background:var(--goldsoft);border:1px solid rgba(var(--accent-rgb),.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vcell svg{width:17px;height:17px;color:var(--gold)}
.vcell h4{font-size:14px;font-weight:700;margin-bottom:4px}
.vcell p{font-size:13px;color:var(--muted);line-height:1.55}

/* CTA */
.cta{border-radius:calc(16px*var(--rs));border:1px solid var(--line2);background:linear-gradient(115deg,var(--card2),var(--card));padding:44px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta h2{font-size:clamp(26px,3vw,38px);line-height:1.02;margin-bottom:8px}
.cta p{font-size:14px;color:var(--muted);font-weight:500;max-width:420px}

/* ============ FOOTER ============ */
footer{border-top:1px solid var(--line);background:var(--bg2);margin-top:20px}
.fsocial{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
.fsoc{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:calc(8px*var(--rs));font-size:12px;font-weight:700;color:#fff}
.fsoc svg{width:16px;height:16px;flex:none;fill:#fff}
.fsoc:hover{opacity:.87}
.f-dc{background:#5865F2}.f-pt{background:#FF424D}
/* ---- ToS modal ---- */
.tos-section{padding:16px 0;border-bottom:1px solid var(--line)}
.tos-section h4{font-family:var(--fh),sans-serif;font-size:16px;letter-spacing:.08em;color:var(--gold);margin-bottom:8px}
.tos-list{padding-left:18px;margin:8px 0;display:flex;flex-direction:column;gap:6px}
.tos-list li{color:var(--muted);font-size:13px;line-height:1.6}
.tos-list li::marker{color:var(--gold)}
/* ---- 404 ---- */
.notfound-box{text-align:center;padding:100px 24px;max-width:520px;margin:0 auto}
.notfound-code{font-family:var(--fh),sans-serif;font-size:clamp(100px,18vw,160px);line-height:1;color:var(--gold);opacity:.18;letter-spacing:.06em;margin-bottom:-20px}
.notfound-title{font-family:var(--fh),sans-serif;font-size:clamp(28px,5vw,42px);letter-spacing:.12em;color:var(--text);margin-bottom:12px}
.notfound-sub{font-size:14px;color:var(--dim);line-height:1.7}
/* ---- gallery bulk upload ---- */
#galDropZone.drag-over{border-color:var(--gold);background:rgba(var(--accent-rgb),.06)}
#pmImgDrop.drag-over,#pmFileDrop.drag-over{border-color:var(--adm-accent)!important;background:rgba(var(--accent-rgb),.07)!important}
.gal-queue-item{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:calc(9px*var(--rs));padding:8px 10px}
.gal-queue-thumb{width:52px;height:52px;border-radius:calc(6px*var(--rs));object-fit:cover;flex-shrink:0;background:var(--card3)}
.gal-queue-info{flex:1;min-width:0}
.gal-queue-name{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.gal-queue-caption{width:100%;background:var(--card);border:1px solid var(--line);border-radius:calc(6px*var(--rs));color:var(--text);font-size:12px;padding:5px 9px;outline:none}
.gal-queue-caption:focus{border-color:var(--gold)}
.gal-queue-status{font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;min-width:64px;text-align:right}
.gal-queue-rm{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;padding:0 4px;flex-shrink:0;line-height:1}
.gal-queue-rm:hover{color:var(--red)}

/* ============ VIEWS ============ */
.view{display:none}
.view.on{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.phead{padding:38px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px}
/* ---- custom order page ---- */
.custom-intro{background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:28px 32px;margin-bottom:36px;line-height:1.75;color:var(--muted);font-size:14px}
.custom-intro p{margin-bottom:12px}.custom-intro p:last-of-type{margin-bottom:20px}
.custom-section-title{font-family:var(--fh),sans-serif;font-size:26px;letter-spacing:.12em;color:var(--text);margin-bottom:24px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.price-block{background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:28px 28px 24px;margin-bottom:20px}
.price-block-h{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.price-block-icon{font-size:24px}
.price-block-h h3{font-family:var(--fh),sans-serif;font-size:22px;letter-spacing:.08em;color:var(--text)}
.price-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.price-tier{background:var(--bg2);border:1px solid var(--line);border-radius:calc(10px*var(--rs));padding:18px 16px;position:relative}
.price-tier-mid{border-color:var(--line2)}
.price-tier-top{border-color:var(--gold);background:rgba(var(--accent-rgb),.04)}
.price-tier-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--goldbg);color:#111;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:calc(20px*var(--rs));white-space:nowrap}
.price-tier-name{font-weight:700;font-size:13.5px;color:var(--text);margin-bottom:6px}
.price-tier-cost{font-family:var(--fb),system-ui,sans-serif;font-size:18px;color:var(--gold);font-weight:700;margin-bottom:12px}
.price-addon{font-size:11px;color:var(--dim);font-weight:400}
.price-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}
.price-list li{font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}
.price-list li:last-child{border-bottom:none}
.qty{font-family:var(--fb),system-ui,sans-serif;font-size:11px;color:var(--gold);flex-shrink:0}
.price-note{font-size:12px;color:var(--dim);font-style:italic;margin-bottom:20px;padding:10px 14px;background:var(--bg2);border-radius:calc(8px*var(--rs));border-left:3px solid var(--gold)}
.price-addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.price-addon-group{background:var(--bg2);border-radius:calc(10px*var(--rs));padding:14px 16px}
.price-addon-title{font-family:var(--fb),system-ui,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.price-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.price-row:last-of-type{border-bottom:none}
.price-row small{font-size:10.5px;color:var(--dim)}
.price-val{font-family:var(--fb),system-ui,sans-serif;color:var(--text);font-weight:600;white-space:nowrap;flex-shrink:0;font-size:12.5px}
.price-sub{font-size:11px;color:var(--dim);line-height:1.5;margin:6px 0 10px}
.custom-policy{background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);border-radius:calc(10px*var(--rs));padding:18px 22px;font-size:12.5px;color:var(--dim);line-height:1.7;margin:24px 0}
.custom-policy strong{color:var(--text)}
/* ---- custom hero ---- */
.custom-hero{background:linear-gradient(135deg,var(--card) 0%,var(--bg2) 100%);border-bottom:1px solid var(--line);padding:56px 0 48px}
.custom-hero-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.custom-hero-eyebrow{font-family:var(--fb),system-ui,sans-serif;font-size:11px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
.custom-hero-title{font-family:var(--fh),sans-serif;font-size:clamp(42px,6vw,72px);letter-spacing:.06em;color:var(--text);line-height:1;margin-bottom:14px}
.custom-hero-sub{font-size:14px;color:var(--muted);line-height:1.7;max-width:540px}
.custom-hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:200px}
.chb{background:var(--card2);border:1px solid var(--line);border-radius:calc(10px*var(--rs));padding:14px 16px;text-align:center}
.chb-val{font-size:20px;margin-bottom:4px}
.chb-lbl{font-size:11px;color:var(--dim);font-weight:600;letter-spacing:.04em}
/* ---- floating ticket button ---- */
.float-ticket{position:fixed;bottom:24px;right:24px;z-index:900;background:var(--goldbg);color:#111;font-weight:800;font-size:13px;padding:12px 20px;border-radius:calc(50px*var(--rs));display:none;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:opacity .2s,transform .2s}
.float-ticket:hover{opacity:.9;transform:translateY(-2px)}
#v-custom.on ~ * .float-ticket,
.float-ticket.visible{display:flex}
@media(max-width:760px){
  .custom-hero-inner{grid-template-columns:1fr}
  .custom-hero-badges{display:none}
  .custom-hero{padding:36px 0 32px}
  .float-ticket{bottom:16px;right:16px;font-size:12px;padding:10px 16px}
}
.custom-cta-box{text-align:center;padding:48px 24px;background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));margin-top:40px;margin-bottom:40px}
.custom-cta-box h3{font-family:var(--fh),sans-serif;font-size:28px;letter-spacing:.1em;color:var(--text);margin-bottom:10px}
.custom-cta-box p{font-size:14px;color:var(--muted);margin-bottom:22px}
/* gallery lightbox */
.gal-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:calc(10px*var(--rs));cursor:pointer;transition:transform .15s,opacity .15s}
.gal-img:hover{transform:scale(1.02);opacity:.9}
.gal-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:calc(12px*var(--rs));overflow:hidden}
.gal-caption{font-size:11.5px;color:var(--dim);padding:8px 10px}
@media(max-width:760px){
  .price-tiers{grid-template-columns:1fr}
  .custom-intro{padding:20px}
  .price-block{padding:20px 16px}
}
.pback{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;margin-bottom:16px}
.pback:hover{color:var(--gold)}
.pback svg{width:13px;height:13px}
.phead h1{font-size:clamp(34px,5vw,54px);line-height:1;margin-bottom:8px}
.phead p{font-size:14px;color:var(--muted)}

/* filter bar */
.fbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.fsearch{position:relative;flex:1;min-width:220px}
.fsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim)}
.fsearch input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:calc(9px*var(--rs));color:var(--text);font-size:13.5px;padding:11px 14px 11px 38px;outline:none}
.fsearch input:focus{border-color:var(--gold)}
.fselect{background:var(--card);border:1px solid var(--line);border-radius:calc(9px*var(--rs));color:var(--text);font-size:13px;padding:11px 14px;outline:none;cursor:pointer}
.fselect:focus{border-color:var(--gold)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;position:relative}
.chip{padding:8px 15px;border-radius:calc(20px*var(--rs));border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s;position:relative;z-index:1}
.chip:hover{border-color:var(--line2);color:var(--text)}
.chip.on{color:var(--on-accent);border-color:transparent;font-weight:700;background:var(--goldbg)}
.chips-slid .chip.on{background:transparent}
.ptag{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:calc(20px*var(--rs));font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--muted);transition:border-color .15s,background .15s,color .15s;white-space:nowrap}
.ptag:hover{border-color:var(--gold);color:var(--gold)}
.ptag.on{background:rgba(var(--accent-rgb),.15);border-color:var(--gold);color:var(--gold)}
.ptag .ptag-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7}
.chip-slider{position:absolute;top:0;height:100%;border-radius:calc(20px*var(--rs));background:var(--goldbg);transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}
.rescount{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;color:var(--dim);margin-bottom:18px}
.empty{text-align:center;padding:70px 20px;color:var(--dim)}
.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}
.empty h4{font-family:var(--fh),sans-serif;font-size:24px;letter-spacing:.1em;color:var(--text);margin-bottom:8px}
.empty p{font-size:13px;color:var(--dim);line-height:1.7;margin-bottom:20px}
.empty-cta{display:inline-flex;align-items:center;gap:7px;background:var(--goldbg);color:#111;font-weight:700;font-size:13px;padding:10px 22px;border-radius:calc(8px*var(--rs));border:none;cursor:pointer;text-decoration:none;letter-spacing:.03em}
.empty-cta:hover{opacity:.88}
.empty h4{font-family:var(--fh),sans-serif;font-size:22px;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.empty p{font-size:13px}

/* ============ PRODUCT DETAIL ============ */
.dgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;padding-bottom:60px}
.dmain{position:relative;aspect-ratio:4/3;border-radius:calc(12px*var(--rs));overflow:hidden;border:1px solid var(--line2);background:var(--card);cursor:zoom-in}
.dmain img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .18s}
.dmain .dbg{position:absolute;inset:-24px;background:center/cover no-repeat;filter:blur(26px) brightness(.5) saturate(1.15);transform:scale(1.08);pointer-events:none}
html.light .dmain .dbg{filter:blur(26px) brightness(1.05) saturate(1.1);opacity:.55}
.dmain .darrow,.dmain .dcount,.dmain .dzoom{z-index:2}
.darrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(var(--bg-rgb),.8);border:1px solid var(--line2);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.18s;z-index:2}
.dmain:hover .darrow{opacity:1}
.darrow:hover{background:var(--goldbg);color:var(--on-accent)}
.darrow.l{left:12px}.darrow.r{right:12px}
.dzoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:rgba(var(--bg-rgb),.82);border:1px solid rgba(255,255,255,.18);padding:7px 11px;border-radius:calc(7px*var(--rs));font-size:11px;font-weight:600;color:#c3ccd7;z-index:2}
.dzoom svg{width:12px;height:12px}
.dthumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.dthumb{width:78px;height:58px;border-radius:calc(7px*var(--rs));overflow:hidden;border:2px solid var(--line);cursor:pointer;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.dthumb:hover{border-color:var(--line2)}
.dthumb.on{border-color:var(--gold)}
.dthumb img{width:100%;height:100%;object-fit:cover;display:block}
.dinfo{display:flex;flex-direction:column;gap:16px}
.dcat{font-family:var(--fb),system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.dinfo h1{font-size:clamp(30px,3.6vw,46px);line-height:1.02}
.dtags{display:flex;gap:7px;flex-wrap:wrap}
.dprice-box{background:var(--card);border:1px solid var(--line2);border-radius:calc(12px*var(--rs));padding:20px}
/* ---- license selector ---- */
.lic-btn{display:flex;align-items:center;gap:7px;flex:1;padding:10px 14px;border:1.5px solid var(--line);border-radius:calc(10px*var(--rs));background:var(--card2);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.lic-btn:hover{border-color:var(--gold);color:var(--text)}
.lic-btn.on{border-color:var(--gold);background:rgba(var(--accent-rgb),.1);color:var(--gold)}
.lic-btn-icon{font-size:16px}
.lic-info-panel{background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.2);border-left:3px solid var(--gold);border-radius:calc(8px*var(--rs));padding:12px 14px;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease,margin .3s ease;margin:0}
.lic-info-panel.visible{max-height:200px;opacity:1;margin-bottom:14px}
.lic-info-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin-bottom:6px}
.lic-info-body{font-size:12.5px;color:var(--muted);line-height:1.7}
.dprice{font-family:var(--fb),system-ui,sans-serif;font-size:34px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:4px}
.dprice-sale{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:4px;font-size:22px}
.dprice-note{font-size:11.5px;color:var(--dim);margin-bottom:16px}
.ddesc{font-size:14.5px;line-height:1.8;color:var(--muted);font-weight:400;white-space:pre-wrap}
.dfeat{display:grid;gap:10px}
.dfeat div{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.dfeat svg{width:15px;height:15px;color:var(--green);flex-shrink:0}
.dsug{border-top:1px solid var(--line);padding:44px 0 60px}
.dsug h3{font-size:26px;margin-bottom:20px}

/* ============ PERSON / REVIEW CARDS ============ */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;min-height:400px}
/* ---- skeletons ---- */
@keyframes skel-sweep{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skel-card{background:var(--card);border-radius:calc(14px*var(--rs));overflow:hidden;border:1px solid var(--line)}
.skel-img{height:200px;background:var(--card2)}
.skel-body{padding:14px 16px 16px}
.skel-line{border-radius:calc(4px*var(--rs));background:linear-gradient(90deg,var(--card2) 25%,var(--line) 50%,var(--card2) 75%);background-size:800px 100%;animation:skel-sweep 1.4s infinite linear}
.skel-img{animation:skel-sweep 1.4s infinite linear;background:linear-gradient(90deg,var(--card2) 25%,var(--line) 50%,var(--card2) 75%);background-size:800px 100%}
.skel-t1{height:14px;width:70%;margin-bottom:8px}
.skel-t2{height:12px;width:45%;margin-bottom:14px}
.skel-pr{height:16px;width:30%;margin-left:auto}
.person{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.person:hover{transform:translateY(-3px);border-color:var(--line2)}
.person-av{aspect-ratio:1;max-height:230px;background:var(--card2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.person-av img{width:100%;height:100%;object-fit:cover}
.person-ini{width:84px;height:84px;border-radius:50%;background:var(--card3);display:flex;align-items:center;justify-content:center;font-family:var(--fh),sans-serif;font-size:30px;color:var(--gold)}
.person-b{padding:18px;display:flex;flex-direction:column;gap:7px;flex:1}
.person-n{font-family:var(--fh),sans-serif;font-size:22px;letter-spacing:.04em}
.person-r{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.person-bio{font-size:13px;color:var(--muted);line-height:1.6;flex:1}
.person-dc{display:inline-flex;align-items:center;gap:7px;background:#5865F2;color:#fff;font-size:11.5px;font-weight:700;padding:8px 13px;border-radius:calc(7px*var(--rs));margin-top:6px;width:fit-content}
.person-dc:hover{opacity:.88}
.person-dc svg{width:13px;height:13px}
.rcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}
.stars{display:flex;gap:2px}
.stars span{color:var(--gold);font-size:16px}
.stars span.off{color:var(--line2)}
.rquote{font-size:14px;line-height:1.7;color:var(--muted);font-style:italic;flex:1}
.rauth{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.rini{width:36px;height:36px;border-radius:50%;background:var(--card3);display:flex;align-items:center;justify-content:center;font-family:var(--fh),sans-serif;font-size:14px;color:var(--gold)}
.rname{font-size:13px;font-weight:700}
.rrole{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--dim)}

/* ============ CART ============ */
#scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);z-index:600}
#scrim.on{display:block}
#cart{position:fixed;top:0;right:-430px;width:400px;max-width:92vw;height:100dvh;background:var(--bg2);border-left:1px solid var(--line2);z-index:700;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1)}
#cart.on{right:0}
.cart-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.cart-h h3{font-size:22px;letter-spacing:.08em}
.xbtn{width:32px;height:32px;border-radius:calc(7px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}
.xbtn:hover{color:var(--text);border-color:var(--line2)}
.cart-items{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.citem{display:flex;gap:11px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:calc(9px*var(--rs));padding:11px}
.citem img{width:52px;height:40px;border-radius:calc(6px*var(--rs));object-fit:cover;background:var(--card2);flex-shrink:0}
.ci-i{flex:1;min-width:0}
.ci-n{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ci-p{font-family:var(--fb),system-ui,sans-serif;font-size:12px;color:var(--gold);margin-top:2px}
.qty{display:flex;align-items:center;gap:6px}
.qbtn{width:24px;height:24px;border-radius:calc(6px*var(--rs));border:1px solid var(--line2);background:var(--card2);color:var(--text);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
.qbtn:hover{border-color:var(--gold);color:var(--gold)}
.qn{font-family:var(--fb),system-ui,sans-serif;font-size:12.5px;min-width:16px;text-align:center}
.crm{background:none;border:0;color:var(--dim);cursor:pointer;font-size:13px;padding:3px}
.crm:hover{color:var(--red)}
.cart-f{border-top:1px solid var(--line);padding:18px 20px;background:var(--card);max-height:64dvh;overflow-y:auto}
.gift-box{margin-bottom:12px;padding:11px 12px;border:1px dashed rgba(var(--accent-rgb),.4);border-radius:calc(10px*var(--rs));background:rgba(var(--accent-rgb),.05)}
.gift-tog{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text)}
.gift-tog input{width:17px;height:17px;accent-color:var(--accent);flex:none}
#giftForm{margin-top:10px}
#giftQ,#giftMsg{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line2);border-radius:calc(8px*var(--rs));padding:9px 11px;color:#fff;font-size:13px;font-family:inherit}
#giftMsg{margin-top:8px;resize:vertical;min-height:54px}
.gift-res{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:calc(8px*var(--rs));margin-top:6px;cursor:pointer;background:var(--bg2);font-size:13px}
.gift-res:hover{border-color:var(--gold)}
.gift-res img{width:26px;height:26px;border-radius:50%}
.gift-res span{margin-left:auto;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--dim)}
.gift-none{font-size:12px;color:var(--dim);margin-top:6px}
.gift-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:calc(8px*var(--rs));background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.35);font-size:13px}
.gift-chip button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px}
.gift-warn{margin-top:8px;font-size:12px;color:#f6ad55;line-height:1.5}
.ref-banner{margin-bottom:10px;padding:9px 12px;border-radius:calc(9px*var(--rs));background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.3);font-size:12.5px;line-height:1.5}
#offerBar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:9px max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,#2a2212,#3a2e14 50%,#2a2212);border-bottom:1px solid rgba(var(--accent-rgb),.35);color:#f5e6c4;font-size:13px;text-align:center}
#offerBar b{color:var(--gold);font-weight:700}
#offerBar .ob-name{font-family:var(--fh),Impact,sans-serif;font-size:17px;letter-spacing:.06em;color:var(--gold)}
#offerBar .ob-time{font-family:var(--fb),system-ui,sans-serif;font-size:12px;background:rgba(0,0,0,.3);border-radius:calc(5px*var(--rs));padding:2px 7px;color:#f5e6c4}
#offerBar .ob-go{background:var(--goldbg);color:var(--on-accent);border:0;border-radius:calc(6px*var(--rs));padding:5px 12px;font-weight:700;font-size:12.5px;cursor:pointer}
#offerBar .ob-x{background:none;border:0;color:#c9b88f;font-size:16px;line-height:1;cursor:pointer;padding:2px 6px}
html.light #offerBar{background:linear-gradient(90deg,#fdf3dc,#f9e6b8 50%,#fdf3dc);color:#5a4413;border-bottom-color:rgba(184,134,11,.35)}
html.light #offerBar .ob-time{background:rgba(255,255,255,.6);color:#5a4413}
.offer-note{margin:-4px 0 12px;padding:8px 12px;border-radius:calc(8px*var(--rs));border:1px solid rgba(var(--accent-rgb),.35);background:var(--goldsoft);font-size:13px;color:var(--text)}
.offer-note b{color:var(--gold)}
#creditBox{margin-bottom:10px;padding:10px 12px;border-radius:calc(9px*var(--rs));border:1px solid rgba(var(--accent-rgb),.35);background:var(--goldsoft)}
.cart-cred{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);margin-top:8px}
.cart-mys-note{font-size:12px;color:var(--muted);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18);border-radius:8px;padding:7px 10px;margin:6px 0 2px;line-height:1.45}
.cart-cred b{font-family:var(--fb),system-ui,sans-serif;font-weight:500;color:var(--green)}
.cart-was{font-family:var(--fb),system-ui,sans-serif;font-size:12px;color:var(--dim);text-decoration:line-through;margin-right:8px;font-weight:400}
.umenu-cr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;padding:9px 12px;border-radius:calc(8px*var(--rs));background:var(--goldsoft);border:1px solid rgba(var(--accent-rgb),.28);font-size:12px;color:var(--muted);cursor:pointer}
.umenu-cr b{font-family:var(--fh),Impact,sans-serif;font-size:20px;font-weight:400;letter-spacing:.03em;color:var(--gold)}
.acct-cred{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-8px 0 22px;padding:14px 18px;border-radius:var(--r);border:1px solid rgba(var(--accent-rgb),.3);background:var(--goldsoft)}
.acct-cred .l{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.acct-cred .v{font-family:var(--fh),Impact,sans-serif;font-size:34px;color:var(--gold);line-height:1;margin-top:2px}
.acct-cred p{font-size:13px;color:var(--muted);max-width:46ch;line-height:1.5}

.cart-tot{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cart-tot span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cart-tot b{font-family:var(--fb),system-ui,sans-serif;font-size:22px;color:var(--gold);font-weight:500}
.cart-note{font-size:11px;color:var(--dim);text-align:center;margin-top:10px;line-height:1.5}
/* ---- cart upsell ---- */
.cart-upsell{padding:14px 14px 0;border-top:1px solid var(--line);margin-top:4px}
.cart-upsell-title{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.upsell-row{display:flex;flex-direction:column;gap:8px}
.upsell-item{display:flex;align-items:center;gap:10px;background:var(--card2);border-radius:calc(9px*var(--rs));padding:8px 10px;cursor:pointer;border:1px solid var(--line);transition:border-color .15s}
.upsell-item:hover{border-color:var(--gold)}
.upsell-img{width:44px;height:44px;border-radius:calc(6px*var(--rs));object-fit:cover;background:var(--card3);flex-shrink:0}
.upsell-info{flex:1;min-width:0}
.upsell-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upsell-price{font-size:11px;color:var(--dim);margin-top:2px}
.upsell-add{background:var(--goldbg);color:#111;border:none;border-radius:calc(6px*var(--rs));font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer;white-space:nowrap;flex-shrink:0}
.upsell-add:hover{opacity:.85}

/* ============ MODALS ============ */
.modal{display:none;position:fixed;inset:0;z-index:800;background:rgba(9,11,14,.9);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}
.modal.on{display:flex}
.msheet{background:var(--bg2);border:1px solid var(--line2);border-radius:calc(14px*var(--rs));width:100%;max-width:420px;padding:36px 32px;text-align:center;position:relative;box-shadow:var(--shadow)}
.msheet h3{font-size:24px;letter-spacing:.06em;margin-bottom:6px}
.msheet p{font-size:13px;color:var(--muted);line-height:1.6}
.mx{position:absolute;top:14px;right:14px}
.dcbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:calc(9px*var(--rs));background:#5865F2;color:#fff;border:0;font-size:14px;font-weight:700;cursor:pointer;margin:22px 0 12px}
.dcbtn:hover{opacity:.92}
.dcbtn svg{width:19px;height:19px}

/* full page overlay (account/admin) */
.fullpage{display:none;position:fixed;inset:0;z-index:750;background:var(--bg);overflow-y:auto}

/* ==================== ADMIN DASHBOARD ==================== */
:root{
  --adm-bg:rgb(var(--bg-rgb));
  --adm-sidebar:#12171d;
  --adm-card:#171d25;
  --adm-card2:#1e2630;
  --adm-border:#252e39;
  --adm-text:#eef2f6;
  --adm-muted:#8b97a6;
  --adm-accent:var(--accent);
  --adm-accent2:rgba(var(--accent-rgb),.12);
  --adm-danger:#ef4444;
  --adm-success:#22c55e;
  --adm-sidebar-w:240px;
}
#adminPage{overflow:hidden}
.adm-shell{display:flex;height:100vh;background:var(--adm-bg);font-family:'Barlow','Inter',system-ui,sans-serif;color:var(--adm-text)}

/* Sidebar */
.adm-sidebar{width:var(--adm-sidebar-w);min-width:var(--adm-sidebar-w);background:var(--adm-sidebar);border-right:1px solid var(--adm-border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;flex-shrink:0;position:relative;z-index:10}
.adm-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid var(--adm-border)}
.adm-brand-badge{background:var(--adm-accent);color:#111;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.1em;padding:3px 7px;border-radius:5px;flex-shrink:0}
.adm-brand-name{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:.08em;color:var(--adm-text);line-height:1}
.adm-brand-sub{font-size:10px;color:var(--adm-muted);letter-spacing:.06em;margin-top:1px}
.adm-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.adm-nav-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--adm-muted);padding:8px 8px 4px;margin-top:4px}
.adm-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--adm-muted);cursor:pointer;transition:background .15s,color .15s;text-decoration:none;border:none;background:none;width:100%;text-align:left}
.adm-link svg{width:16px;height:16px;flex-shrink:0}
.adm-link:hover{background:rgba(255,255,255,.05);color:var(--adm-text)}
.adm-link.on{background:var(--adm-accent2);color:var(--adm-accent);font-weight:600}
.adm-link.on svg{stroke:var(--adm-accent)}
.adm-sidebar-footer{padding:14px 10px;border-top:1px solid var(--adm-border)}
.adm-back-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:8px;background:none;border:1px solid var(--adm-border);color:var(--adm-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:.15s}
.adm-back-btn svg{width:14px;height:14px}
.adm-back-btn:hover{background:rgba(255,255,255,.04);color:var(--adm-text)}

/* Main */
.adm-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100vh}
.adm-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;border-bottom:1px solid var(--adm-border);background:var(--adm-sidebar);flex-shrink:0}
.adm-topbar-left{display:flex;align-items:center;gap:14px}
.adm-page-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.06em;color:var(--adm-text);margin:0}
.adm-mob-toggle{display:none;background:none;border:none;color:var(--adm-muted);cursor:pointer;padding:4px}
.adm-mob-toggle svg{width:20px;height:20px}
.adm-live-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--adm-success);background:rgba(34,197,94,.1);padding:5px 10px;border-radius:20px}
.adm-live-dot{width:7px;height:7px;border-radius:50%;background:var(--adm-success);animation:pulse-upd 2s ease-in-out infinite}

/* ===== Admin revamp: sidebar, top bar, dashboard ===== */
.adm-section-title{display:none}
.adm-nav-label{font-size:10.5px;letter-spacing:.14em;color:#7d8a9a;padding:14px 10px 6px;margin-top:0}
.adm-link{font-size:13.5px;color:#c3ccd7;min-height:36px;padding:7px 10px}
.adm-link svg{width:17px;height:17px;opacity:.9}
.adm-link:hover{background:#1b222c}
.adm-badge{margin-left:auto;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:500;border-radius:9px;padding:2px 7px;background:rgba(251,146,60,.18);color:#fdba74}
.adm-badge.info{background:#26303c;color:var(--adm-text)}
.adm-brand{padding:18px 18px 14px}
.adm-brand-name{font-size:19px}
.adm-topbar{gap:14px;height:64px;padding:0 24px;background:var(--adm-bg)}
.adm-page-title{font-size:28px}
.adm-topbar-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end;min-width:0}
.adm-sbtn{display:flex;align-items:center;gap:8px;flex:0 1 420px;min-width:0;height:40px;padding:0 12px;border-radius:10px;background:var(--adm-card);border:1px solid var(--adm-border);color:var(--adm-muted);font:500 13.5px 'Barlow',sans-serif;cursor:pointer;text-align:left}
.adm-sbtn:hover{border-color:#3a4756;color:var(--adm-text)}
.adm-sbtn svg{width:16px;height:16px;flex-shrink:0}
.adm-sbtn span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.adm-sbtn kbd,.adx-search-in kbd{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;border:1px solid #2a3440;border-radius:5px;padding:2px 6px;color:var(--adm-muted)}
.adm-store-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--adm-border);color:var(--adm-text);font:600 13px 'Barlow',sans-serif;text-decoration:none;white-space:nowrap}
.adm-store-link:hover{border-color:var(--adm-accent);color:var(--adm-accent)}
@media(max-width:884px){.adm-sbtn kbd,.adm-store-link{display:none}.adm-topbar{padding:0 14px}.adm-page-title{font-size:22px}}

.adx{display:flex;flex-direction:column;gap:22px;max-width:1320px;transition:opacity .2s}
.adx section{padding:0;margin:0;min-height:0;border:0}
.adx section.adx-card{border:1px solid var(--adm-border)}
.adx section.adx-card.pad{padding:16px 18px}
.adx.loading{opacity:.6}
.adx .mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.adx .gold{color:var(--adm-accent)}
.adx-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:10px}
.adx-head.pad{padding:16px 18px 6px;margin:0}
.adx-h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:22px;letter-spacing:.05em;color:var(--adm-text);margin:0}
.adx-lbl{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:#8b97a6}
.adx-sub{font-size:12.5px;color:#9aa6b4;line-height:1.4}
.adx-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:12px;overflow:hidden}
.adx-card.pad{padding:16px 18px}
.adx-empty{padding:14px 18px;color:var(--adm-muted);font-size:13.5px}
.adx-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#5aa9f8;flex-shrink:0}
.adx-dot.warn{background:#fb923c}.adx-dot.gold{background:var(--adm-accent)}.adx-dot.ok{background:#3ddc97}
.adx-att-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.adx-att{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:12px;background:var(--adm-card);border:1px solid var(--adm-border);text-align:left;cursor:pointer;color:inherit;font:inherit}
.adx-att:hover{border-color:#3a4756}
.adx-att-v{font-family:'Bebas Neue',Impact,sans-serif;font-size:32px;letter-spacing:.02em;line-height:1;color:var(--adm-text)}
.adx-clear{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:12px;background:var(--adm-card);border:1px solid var(--adm-border);font-size:14px;color:#c3ccd7}
.adx-tabs{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.adx-tabs button{border:1px solid #2a3440;background:#1b222c;color:#c3ccd7;border-radius:20px;padding:7px 14px;font:600 12.5px 'Barlow',sans-serif;cursor:pointer}
.adx-tabs button[aria-pressed="true"]{border-color:var(--adm-accent);color:var(--adm-accent);background:rgba(226,182,88,.08)}
.adx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.adx-tile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:var(--adm-card);border:1px solid var(--adm-border)}
.adx-big{font-family:'Bebas Neue',Impact,sans-serif;font-size:36px;letter-spacing:.02em;line-height:1.05;color:var(--adm-text)}
.adx-big.gold{color:var(--adm-accent)}
.adx-tile .adx-sub{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px}
.adx-up{color:#5fe3a9}.adx-down{color:#fca5a5}.adx-flat{color:#9aa6b4}
.adx-chart{padding:16px 20px 14px}
.adx-plot{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}
.adx-yax{display:flex;flex-direction:column;justify-content:space-between;height:180px;font-size:10.5px;color:#7d8a9a;text-align:right}
.adx-bars{height:180px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #2a3440;background:linear-gradient(#222a34 1px,transparent 1px) 0 0/100% 90px}
.adx-bar{flex:1;background:#4a5a6d;border-radius:3px 3px 0 0;min-width:0}
.adx-bar.recent{background:var(--adm-accent)}
.adx-bar:hover{filter:brightness(1.25)}
.adx-xax{display:flex;justify-content:space-between;font-size:10.5px;color:#7d8a9a}
.adx-legend{display:flex;gap:16px;margin-top:10px;font-size:12px;color:#9aa6b4}
.adx-legend span{display:flex;align-items:center;gap:6px}
.adx-legend i{width:10px;height:10px;border-radius:2px;background:#4a5a6d;display:inline-block}
.adx-legend i.recent{background:var(--adm-accent)}
.adx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}
.adx-stack{display:flex;flex-direction:column;gap:16px}
.adx-link{margin-left:auto;background:none;border:0;color:var(--adm-accent);font:600 13px 'Barlow',sans-serif;cursor:pointer;padding:0}
.adx-orow,.adx-urow,.adx-trow,.adx-sr{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.adx-orow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid #222a34}
.adx-orow:hover,.adx-urow:hover{background:#1a212b}
.adx-cell{min-width:0}
.adx-cell b{display:block;font-size:14px;font-weight:600;color:var(--adm-text)}
.adx-cell small{display:block;font-size:12.5px;color:#9aa6b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adx-amt{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:13.5px}
.adx-pill{display:inline-flex;align-items:center;font:600 10.5px 'Barlow',sans-serif;letter-spacing:.05em;border-radius:20px;padding:2px 8px;white-space:nowrap;background:#232c37;color:#c3ccd7}
.adx-pill.ok{background:rgba(61,220,151,.12);color:#5fe3a9}
.adx-pill.warn{background:rgba(251,146,60,.14);color:#fdba74}
.adx-pill.gold{background:rgba(226,182,88,.14);color:var(--adm-accent)}
.adx-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.adx-qa button{padding:11px 14px;border-radius:10px;background:var(--adm-card2);border:1px solid #2a3440;color:var(--adm-text);font:600 13.5px 'Barlow',sans-serif;text-align:left;cursor:pointer}
.adx-qa button:hover{border-color:var(--adm-accent);color:var(--adm-accent)}
.adx-urow{display:flex;align-items:center;gap:10px;padding:9px 18px;border-top:1px solid #222a34}
.adx-urow img,.adx-av{width:30px;height:30px;border-radius:50%;background:#26303c;flex-shrink:0}
.adx-urow b{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adx-when{font-size:11.5px;color:#8b97a6;min-width:64px;text-align:right}
.adx-trow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:7px 0}
.adx-tname{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adx-trow:hover .adx-tname{color:var(--adm-accent)}
.adx-track{grid-column:1/-1;height:5px;border-radius:3px;background:#222a34;overflow:hidden}
.adx-track span{display:block;height:100%;background:var(--adm-accent);border-radius:3px}
.adx-search{position:fixed;inset:0;z-index:9000;background:rgba(5,7,10,.7);display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.adx-search-box{width:min(640px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--adm-card);border:1px solid #2f3a47;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden;font-family:'Barlow','Inter',sans-serif;color:var(--adm-text)}
.adx-search-in{display:flex;align-items:center;gap:10px;padding:0 16px;height:56px;border-bottom:1px solid var(--adm-border);color:var(--adm-muted)}
.adx-search-in svg{width:18px;height:18px}
.adx-search-in input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--adm-text);font:500 16px 'Barlow',sans-serif}
.adx-search-res{overflow-y:auto;padding:6px 0 10px}
.adx-sg{padding:10px 16px 4px;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:#7d8a9a}
.adx-sr{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 16px;font-size:13.5px}
.adx-sr .mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:#9aa6b4;overflow:hidden;text-overflow:ellipsis}
.adx-sr .gold{color:var(--adm-accent)}
.adx-sr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adx-sr.on,.adx-sr:hover{background:#1f2832}
.adx-search .adx-sub{font-size:12px}
@media(max-width:600px){.adx-att-grid,.adx-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adx-att,.adx-tile{padding:12px 14px}.adx-att-v{font-size:24px}.adx-big{font-size:28px}.adx-att .adx-sub{font-size:11.5px}.adx-sr{grid-template-columns:90px minmax(0,1fr)}.adx-sr>span:last-child{display:none}.adx-qa{grid-template-columns:1fr}.adx-cols{grid-template-columns:minmax(0,1fr)}}

/* Sections */
.adm-section{display:none;overflow-y:auto;padding:24px}
@keyframes globePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
@keyframes dotPulse{0%,100%{opacity:.9}50%{opacity:.3}}
.adm-section.on{display:flex;flex-direction:column;flex:1;min-height:0}

/* Cards */
.adm-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:12px;padding:20px 22px}
.adm-card-h{font-size:14px;font-weight:700;color:var(--adm-text);letter-spacing:.02em;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--adm-border)}

/* Stats */
.adm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.adm-stat-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}
.adm-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adm-stat-icon svg{width:20px;height:20px}
.adm-stat-val{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.04em;color:var(--adm-text);line-height:1}
.adm-stat-lbl{font-size:11px;color:var(--adm-muted);margin-top:2px;font-weight:500}
.adm-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Toolbar */
.adm-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}
.adm-search{flex:1;background:var(--adm-card);border:1px solid var(--adm-border);border-radius:8px;color:var(--adm-text);font-size:13px;padding:9px 14px;outline:none}
.adm-search:focus{border-color:var(--adm-accent)}
.adm-search::placeholder{color:var(--adm-muted)}

/* Buttons */
.adm-btn-primary{background:var(--adm-accent);color:#111;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.adm-btn-primary:hover{opacity:.88}
.spbar{padding:12px 16px 0;max-width:1180px;margin:0 auto}
.spwrap{position:relative;margin:0 auto 4px;max-width:840px}   /* banner ads: ~13% smaller than the 970px original */
@media(max-width:760px){.spwrap{max-width:92%}}
.spslot{display:block;position:relative;border-radius:calc(10px*var(--rs));overflow:hidden;border:1px solid var(--line2);background:var(--card);line-height:0}
.spslot img{width:100%;height:auto;display:block;aspect-ratio:970/250;object-fit:cover}
.sptag{position:absolute;top:8px;left:8px;font:700 9.5px/1 var(--fb),system-ui,sans-serif;letter-spacing:.1em;background:rgba(0,0,0,.65);color:var(--accent);padding:4px 7px;border-radius:calc(5px*var(--rs));border:1px solid rgba(var(--accent-rgb),.4)}
.spx{position:absolute;top:6px;right:6px;z-index:3;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.7);color:#fff;font:700 14px/1 sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.spx:hover{background:#000;border-color:var(--accent);color:var(--accent)}
.sphouse{position:relative}.sphouse .spx{top:50%;transform:translateY(-50%);right:10px}
.spshow{background:transparent;border:1px solid var(--line2);color:var(--muted);font:600 11px/1 var(--fb),system-ui,sans-serif;letter-spacing:.04em;padding:6px 10px;border-radius:calc(999px*var(--rs));cursor:pointer}.spshow:hover{color:var(--gold);border-color:var(--gold)}

.tadc{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:calc(14px*var(--rs));padding:20px;margin-bottom:16px}
.tadc-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.tadc-t{font-size:16px;font-weight:700;color:var(--adm-text)}.tadc-s{font-size:12.5px;color:var(--adm-muted);margin-top:3px}
.tadc-g{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tadc-l{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--adm-muted);margin:12px 0 6px}.tadc-l:first-child{margin-top:0}.tadc-l b{color:var(--gold);letter-spacing:0;text-transform:none;font-size:12px;margin-left:4px}
.tadc-i{width:100%;box-sizing:border-box;background:var(--adm-bg);border:1px solid var(--adm-border);border-radius:calc(10px*var(--rs));padding:10px 12px;color:var(--adm-text);font-size:13.5px;outline:none;transition:border-color .15s}.tadc-i:focus{border-color:var(--gold)}
.tadc-r{width:100%;accent-color:var(--accent);height:6px;margin:6px 0 0;cursor:pointer}
.tadc-ticks{display:flex;justify-content:space-between;font:600 10px var(--fb),system-ui,sans-serif;color:var(--adm-muted);margin-top:4px}
.tadc-sw{display:flex;gap:12px;align-items:center;margin-top:18px;cursor:pointer}.tadc-sw input{display:none}
.tadc-sw i{flex:none;width:40px;height:23px;border-radius:calc(99px*var(--rs));background:var(--adm-border);position:relative;transition:background .2s}
.tadc-sw i:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s}
.tadc-sw input:checked+i{background:var(--accent)}.tadc-sw input:checked+i:after{transform:translateX(17px)}
.tadc-sw b{display:block;font-size:13px;color:var(--adm-text)}.tadc-sw small{font-size:11.5px;color:var(--adm-muted)}
.tadc-drop{display:block;cursor:pointer;border:1.5px dashed var(--adm-border);border-radius:calc(12px*var(--rs));background:var(--adm-bg);overflow:hidden;transition:border-color .15s,background .15s}.tadc-drop:hover,.tadc-drop.on{border-color:var(--gold);background:rgba(var(--accent-rgb),.05)}
.tadc-prev{position:relative;min-height:170px;display:flex;align-items:center;justify-content:center}.tadc-prev img{width:100%;display:block}
.tadc-ph{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-align:center;color:var(--adm-muted)}.tadc-ph b{color:var(--adm-text);font-size:13.5px}.tadc-ph small{font-size:11.5px}
.tadc-st{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11.5px;padding:5px 9px;border-radius:calc(7px*var(--rs))}.tadc-st.ok{color:#5ee0a0}
.tadc-f{margin-top:18px;display:flex;justify-content:flex-end}
@media(max-width:720px){.tadc-g{grid-template-columns:1fr}}

.spstage{position:relative}
.spstage.multi{padding:0 30px}
.spmain{position:relative;z-index:2}
.spmain.fr{animation:spInR .35s cubic-bezier(.2,.8,.2,1)}.spmain.fl{animation:spInL .35s cubic-bezier(.2,.8,.2,1)}
@keyframes spInR{from{opacity:.2;transform:translateX(34px) scale(.97)}to{opacity:1;transform:none}}
@keyframes spInL{from{opacity:.2;transform:translateX(-34px) scale(.97)}to{opacity:1;transform:none}}
.sppeek{position:absolute;top:7%;bottom:7%;width:calc(100% - 60px);z-index:1;border-radius:calc(10px*var(--rs));overflow:hidden;cursor:pointer;border:1px solid var(--line2);opacity:.7;transition:transform .2s,opacity .2s}
.sppeek img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55) saturate(.8)}
.sppeek.r{right:0;transform:scale(.97);transform-origin:right center}.sppeek.l{left:0;transform:scale(.97);transform-origin:left center}
.sppeek.r:hover{transform:translateX(5px) scale(.97);opacity:1}.sppeek.l:hover{transform:translateX(-5px) scale(.97);opacity:1}
.sparr{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(10,12,18,.88);color:#fff;font:400 22px/1 sans-serif;padding:0 0 3px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.5);transition:all .15s}
.sparr:hover{background:var(--accent);color:#111;border-color:var(--accent)}
.sparr.l{left:-3px}.sparr.r{right:-3px}
@media(max-width:720px){.spstage.multi{padding:0 22px}.sppeek{width:calc(100% - 44px)}.sparr{width:30px;height:30px;font-size:19px}.sparr.l{left:-5px}.sparr.r{right:-5px}}

.prm-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(900px 340px at 50% -80px,rgba(var(--accent-rgb),.22),transparent 70%),linear-gradient(180deg,rgba(var(--accent-rgb),.05),transparent)}
.prm-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);pointer-events:none}
.prm-hero-in{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:44px 20px 34px}
.prm-eye{display:inline-block;font:700 11px/1 var(--fb),system-ui,sans-serif;letter-spacing:.22em;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08);padding:7px 12px;border-radius:calc(99px*var(--rs));margin-bottom:16px}
.prm-h1{font-size:clamp(34px,5.4vw,58px);line-height:1.02;margin:0 0 14px;max-width:820px}.prm-h1 span{background:linear-gradient(90deg,#f4d58a,#c99a2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.prm-sub{font-size:15.5px;color:var(--muted);line-height:1.7;max-width:620px;margin:0 0 20px}
.prm-chips{display:flex;flex-wrap:wrap;gap:8px}.prm-chips span{font-size:12.5px;font-weight:600;color:var(--text);padding:8px 13px;border-radius:calc(99px*var(--rs));border:1px solid var(--line2);background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.prm-body{max-width:1040px!important;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;padding-top:28px}
.prm-form{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--line2);border-radius:calc(18px*var(--rs));padding:26px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.prm-step{display:flex;gap:12px;align-items:center;margin:26px 0 14px}.prm-step:first-child{margin-top:0}
.prm-n{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f4d58a,#c99a2e);color:#17130a;font:800 13px/28px var(--fb),system-ui,sans-serif;text-align:center}
.prm-sh b{display:block;font-size:15px;color:var(--text)}.prm-sh small{font-size:12px;color:var(--dim)}
.prm-kind{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.prm-kind label{position:relative;display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line2);border-radius:calc(13px*var(--rs));background:var(--bg2);cursor:pointer;transition:all .15s}
.prm-kind label:hover{border-color:rgba(var(--accent-rgb),.5)}
.prm-kind input{position:absolute;opacity:0}
.prm-kind label:has(input:checked){border-color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}
.prm-ic{font-size:22px}.prm-kind b{display:block;font-size:13.5px;color:var(--text)}.prm-kind small{font-size:11.5px;color:var(--muted)}
.prm-l{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);margin:14px 0 7px}.prm-l em{font-style:normal;font-weight:500;color:var(--dim)}
.prm-i{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line2);border-radius:calc(11px*var(--rs));padding:12px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.prm-i:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.prm-drop{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:26px 16px;border:1.5px dashed var(--line2);border-radius:calc(14px*var(--rs));background:var(--bg2);color:var(--muted);cursor:pointer;transition:all .15s}
.prm-drop:hover,.prm-drop.on{border-color:var(--accent);background:rgba(var(--accent-rgb),.06);color:var(--accent)}
.prm-drop b{color:var(--text);font-size:14px}.prm-drop small{font-size:12px;color:var(--dim)}
.prm-chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.55;margin-top:12px;cursor:pointer}
.prm-chk input{display:none}.prm-chk i{flex:none;width:20px;height:20px;border-radius:calc(6px*var(--rs));border:1.5px solid var(--line2);background:var(--bg2);margin-top:1px;position:relative;transition:all .15s}
.prm-chk input:checked+i{background:var(--accent);border-color:var(--accent)}.prm-chk input:checked+i:after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #17130a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.prm-gl{margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.65}.prm-gl summary{cursor:pointer;color:var(--accent)}.prm-gl div{margin-top:8px}
.prm-pay{width:100%;margin-top:20px;border:0;border-radius:calc(13px*var(--rs));padding:15px;font:800 15px/1 var(--fb),system-ui,sans-serif;letter-spacing:.02em;color:#17130a;cursor:pointer;background:linear-gradient(135deg,#f4d58a,#d9a93c 55%,#c08f25);box-shadow:0 10px 30px rgba(var(--accent-rgb),.28);transition:transform .15s,box-shadow .15s}
.prm-pay:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(var(--accent-rgb),.38)}.prm-pay:disabled{opacity:.6;cursor:wait;transform:none}
.prm-sec{text-align:center;font-size:12px;color:var(--dim);margin-top:10px}
.prm-side{position:sticky;top:20px}
.prm-card{border:1px solid rgba(var(--accent-rgb),.35);border-radius:calc(18px*var(--rs));padding:24px;background:radial-gradient(300px 160px at 100% 0,rgba(var(--accent-rgb),.14),transparent 70%),var(--bg2);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.prm-price{display:flex;align-items:baseline;gap:8px}.prm-price span{font:400 58px/1 var(--fh),sans-serif;background:linear-gradient(90deg,#f4d58a,#c99a2e);-webkit-background-clip:text;background-clip:text;color:transparent}.prm-price small{color:var(--muted);font-size:14px}
.prm-pl{font-size:12.5px;color:var(--dim);margin:2px 0 18px}
.prm-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.prm-ul li{display:flex;gap:11px;font-size:12.5px;color:var(--muted);line-height:1.5}.prm-ul li b{display:block;color:var(--text);font-size:13px}
.prm-ul i{flex:none;width:20px;height:20px;border-radius:50%;background:rgba(var(--accent-rgb),.15);color:var(--accent);font-style:normal;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
@media(max-width:860px){.prm-body{grid-template-columns:1fr}.prm-side{position:static;order:-1}.prm-kind{grid-template-columns:1fr}.prm-form{padding:20px 16px}.prm-hero-in{padding:32px 16px 24px}}
.tadd{margin-bottom:16px}.tadd>summary{cursor:pointer;padding:12px 16px;border:1px dashed var(--adm-border);border-radius:calc(12px*var(--rs));color:var(--adm-muted);font-size:13px}.tadd[open]>summary{margin-bottom:12px}.prmbox{border-color:rgba(var(--accent-rgb),.4)}.prmbox .tadc-drop{max-width:760px}
.sptest{font:700 9.5px/1 var(--fb),system-ui,sans-serif;letter-spacing:.08em;background:rgba(80,160,255,.18);color:#7fb8ff;padding:3px 6px;border-radius:calc(4px*var(--rs));margin-left:6px}
.spfoot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--dim);padding:5px 2px 0}
.spfoot a{cursor:pointer;color:var(--muted)} .spfoot a:hover{color:var(--gold)}
.spdots{display:flex;gap:6px;justify-content:center;margin-top:6px}
.spdots i{width:7px;height:7px;border-radius:50%;background:var(--line2);cursor:pointer}.spdots i.on{background:var(--goldbg)}
.sphouse{display:block;cursor:pointer;padding:12px 46px;border:1px dashed rgba(var(--accent-rgb),.45);border-radius:calc(10px*var(--rs));background:rgba(var(--accent-rgb),.05);text-align:center}
.sphouse b{display:block;font-size:14px;color:var(--text);margin-bottom:3px}.sphouse span{font-size:12.5px;color:var(--muted)}.sphouse u{color:var(--gold)}
.spprev-l{font-size:11px;color:var(--dim);margin:8px 0 4px;letter-spacing:.04em}
/* sponsor banner: picture + headline, text lines and a button (same 970×250 slot) */
.spad{position:relative;display:block;aspect-ratio:970/250;overflow:hidden;border-radius:calc(10px*var(--rs));border:1px solid var(--line2);background:linear-gradient(120deg,#1b222c,#2a3543);color:#fff;text-decoration:none;isolation:isolate;container-type:inline-size}
.spad>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
a.spad:hover>img{transform:scale(1.03)}
.spad::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,14,.9) 0%,rgba(8,10,14,.66) 38%,rgba(8,10,14,.12) 72%,rgba(8,10,14,0) 100%)}
.spad.bare::before{background:linear-gradient(0deg,rgba(8,10,14,.6) 0%,rgba(8,10,14,0) 45%)}
.spad-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(4px,1.1cqw,11px);padding:clamp(10px,2.4cqw,24px) clamp(12px,3cqw,30px);max-width:70%;box-sizing:border-box}
.spad.bare .spad-in{justify-content:space-between;max-width:none}
.spad.bare .spad-cta{align-self:flex-end;margin-top:auto;height:clamp(24px,3.2cqw,34px);font-size:clamp(9px,1.1cqw,12px)}
.spad-tag{font:700 clamp(9px,1.15cqw,11.5px)/1 var(--fl),sans-serif;padding:4px 9px;border-radius:calc(5px*var(--rs));background:var(--goldbg);color:var(--on-accent);letter-spacing:.02em}
.spad-h{font:800 clamp(17px,4.3cqw,44px)/1.04 var(--fl),var(--fb),sans-serif;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.spad-t{font:500 clamp(11px,1.6cqw,16px)/1.35 var(--fl),sans-serif;color:#e8edf3;white-space:pre-line;text-shadow:0 1px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.spad-cta{display:inline-flex;align-items:center;gap:7px;height:clamp(28px,3.9cqw,40px);padding:0 clamp(10px,1.6cqw,16px);margin-top:clamp(2px,.6cqw,6px);border-radius:calc(7px*var(--rs));background:var(--goldbg);color:var(--on-accent);font:800 clamp(10px,1.3cqw,13px)/1 var(--fl),sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:background .2s}
.spad-cta svg{width:1.15em;height:1.15em}
a.spad:hover .spad-cta{background:var(--accent-hi)}
a.spad:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@container (max-width:560px){.spad-in{max-width:88%}.spad.bare .spad-tag{display:none}.spad.bare .spad-cta{padding:0 9px}}
@media(max-width:600px){.spmain .spad.txt,#advPrev .spad.txt{aspect-ratio:16/7}}
.spthumbw{max-width:520px;margin-bottom:10px}.adm-adimgw{width:300px;max-width:44%;flex:none}
@media(max-width:720px){.adm-adimgw{width:100%;max-width:100%}}
.prm-tips{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:12px 14px;border-radius:calc(12px*var(--rs));border:1px solid rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.06);margin-bottom:12px;font-size:12.5px;color:var(--muted);line-height:1.45}
.prm-tips b{color:var(--text)}.prm-tips span::before{content:"✓ ";color:var(--gold);font-weight:800}
.prm-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.prm-cnt{float:right;font-weight:500;color:var(--dim);font-size:11px}
.prm-pos{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;font-size:12px;color:var(--muted);margin-top:10px}
.prm-pos input{accent-color:var(--gold);width:100%}
.prm-info{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5}.prm-info.warn{color:#f0b86b}
@media(max-width:620px){.prm-tips,.prm-row2{grid-template-columns:1fr}}
.advform label.advl{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:14px 0 6px}
.advform input[type=text],.advform input[type=url],.advform input[type=file]{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--line2);border-radius:calc(8px*var(--rs));padding:11px 12px;color:#fff;font-size:14px;font-family:inherit}
.advkind{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.advkind label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--line2);border-radius:calc(10px*var(--rs));cursor:pointer;background:var(--bg2);font-size:13px;line-height:1.4}
.advkind input{margin-top:2px;accent-color:var(--accent)}
.advchk{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5;margin-top:12px}.advchk input{margin-top:3px;width:17px;height:17px;accent-color:var(--accent);flex:none}
.advspec{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0}
.advspec div{padding:12px 14px;border:1px solid var(--line);border-radius:calc(10px*var(--rs));background:var(--bg2);font-size:13px;color:var(--muted);line-height:1.5}.advspec b{display:block;color:var(--text);margin-bottom:2px}
.spthumb{width:100%;max-width:520px;border-radius:calc(8px*var(--rs));border:1px solid var(--line2);display:block;margin-bottom:10px}
.spchip{display:inline-block;font:700 10px/1 var(--fb),system-ui,sans-serif;letter-spacing:.08em;padding:4px 8px;border-radius:calc(20px*var(--rs));border:1px solid;vertical-align:middle}
.spnote{margin-top:10px;padding:9px 12px;border-radius:calc(8px*var(--rs));background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.25);font-size:12.5px;line-height:1.5;color:var(--muted)}
.spnote.bad{background:rgba(224,92,92,.08);border-color:rgba(224,92,92,.3)}
.sptiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:6px 0 12px}.sptiles.sm{grid-template-columns:repeat(4,1fr)}
.sptile{padding:11px 12px;border:1px solid var(--line);border-radius:calc(10px*var(--rs));background:var(--bg2)}
.sptile-l{font:700 9.5px/1 var(--fb),system-ui,sans-serif;letter-spacing:.08em;color:var(--dim)}.sptile-v{font:400 26px/1.1 var(--fh),sans-serif;color:var(--text);margin-top:6px}.sptile-s{font-size:10.5px;color:var(--dim);margin-top:2px}
.spcharts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 14px}.spbreak{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spc-t{font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}
.sprow{display:grid;grid-template-columns:96px 1fr;gap:2px 8px;align-items:center;margin-bottom:8px;font-size:12px}.sprow-n{grid-row:1;color:var(--text)}.sprow-b{grid-row:1;height:6px;border-radius:calc(4px*var(--rs));background:rgba(255,255,255,.07);overflow:hidden}.sprow-b i{display:block;height:100%;background:var(--goldbg)}.sprow-v{grid-column:1/3;font-size:11px;color:var(--dim)}
.spsel{background:var(--bg2);border:1px solid var(--line2);border-radius:calc(8px*var(--rs));color:#fff;padding:6px 10px;font-size:12px}
.sp-an{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.adm-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.adm-pill{background:var(--adm-card);border:1px solid var(--adm-border);color:var(--adm-text);border-radius:20px;padding:7px 14px;font-size:12.5px;cursor:pointer}.adm-pill.on{border-color:var(--gold);color:var(--gold)}.adm-pill b{opacity:.7;margin-left:3px}
.adm-adcard{margin-bottom:14px}.adm-adtop{display:flex;gap:14px;align-items:flex-start}.adm-adimg{width:260px;max-width:42%;border-radius:8px;border:1px solid var(--adm-border);flex:none}
.adm-adacts{display:flex;gap:8px;flex-wrap:wrap}.adm-act{background:var(--adm-bg);border:1px solid var(--adm-border);color:var(--adm-text);border-radius:8px;padding:9px 14px;font-size:12.5px;font-weight:600;cursor:pointer}.adm-act:hover{border-color:var(--gold)}.adm-act.danger{color:#f08a8a;border-color:rgba(224,92,92,.4)}
@media(max-width:720px){.spcharts,.spbreak{grid-template-columns:1fr}.sptiles.sm{grid-template-columns:repeat(2,1fr)}.adm-adtop{flex-direction:column}.adm-adimg{max-width:100%;width:100%}.advkind{grid-template-columns:1fr}.spbar{padding:10px 10px 0}}
.adm-input{background:var(--adm-bg);border:1px solid var(--adm-border);border-radius:8px;padding:9px 12px;color:var(--adm-text);font-size:13px;box-sizing:border-box}
.adm-btn-ghost{background:none;border:1px solid var(--adm-border);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--adm-text);cursor:pointer;transition:.15s}
.adm-btn-ghost:hover{background:rgba(255,255,255,.05)}
.adm-btn-ghost-sm{background:none;border:1px solid var(--adm-border);border-radius:6px;padding:5px 12px;font-size:12px;color:var(--adm-muted);cursor:pointer}
.adm-btn-danger{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--adm-danger);cursor:pointer;transition:.15s}
.adm-btn-danger:hover{background:rgba(239,68,68,.2)}
.adm-btn-danger-sm{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--adm-danger);cursor:pointer}
.adm-action-btn{display:flex;align-items:center;gap:8px;background:var(--adm-card2);border:1px solid var(--adm-border);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:500;color:var(--adm-text);cursor:pointer;transition:.15s;text-align:left}
.adm-action-btn svg{width:15px;height:15px;flex-shrink:0;color:var(--adm-accent)}
.adm-action-btn:hover{border-color:var(--adm-accent);background:var(--adm-accent2)}

/* Form fields */
.adm-field{display:flex;flex-direction:column;gap:5px}
.adm-lbl{font-size:11.5px;font-weight:700;color:var(--adm-muted);letter-spacing:.06em;text-transform:uppercase}
.adm-inp{background:var(--adm-card2);border:1px solid var(--adm-border);border-radius:8px;color:var(--adm-text);font-size:13px;padding:9px 12px;outline:none;width:100%;font-family:'Inter',sans-serif}
.adm-inp:focus{border-color:var(--adm-accent)}
.adm-inp::placeholder{color:var(--adm-muted)}
.adm-sel{background:var(--adm-card2);border:1px solid var(--adm-border);border-radius:8px;color:var(--adm-text);font-size:13px;padding:9px 12px;outline:none;width:100%;cursor:pointer}
.adm-sel:focus{border-color:var(--adm-accent)}
.adm-textarea{resize:vertical;min-height:100px;line-height:1.6}
.adm-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adm-msg{font-size:12.5px;margin-top:12px;padding:10px 14px;border-radius:8px;display:none}
.adm-msg.ok{display:block;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:var(--adm-success)}
.adm-msg.err{display:block;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:var(--adm-danger)}

/* Product list + editor */
.adm-prod-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
.adm-prod-list{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:12px;overflow-y:auto;display:flex;flex-direction:column}
.adm-prod-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--adm-border);cursor:pointer;transition:background .12s}
.adm-prod-item:hover{background:rgba(255,255,255,.04)}
.adm-prod-item.on{background:var(--adm-accent2);border-left:3px solid var(--adm-accent)}
.adm-prod-thumb{width:40px;height:40px;border-radius:7px;object-fit:cover;background:var(--adm-card2);flex-shrink:0}
.adm-prod-info{flex:1;min-width:0}
.adm-prod-iname{font-size:13px;font-weight:600;color:var(--adm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-prod-icat{font-size:11px;color:var(--adm-muted);margin-top:2px}
.adm-prod-iprice{font-size:12px;font-weight:700;color:var(--adm-accent);white-space:nowrap}
.adm-prod-editor{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}
.adm-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--adm-muted);font-size:13px}
.adm-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--adm-border);gap:10px;flex-wrap:wrap;background:var(--adm-sidebar)}
.adm-editor-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.06em;color:var(--adm-text)}
.adm-editor-body{padding:20px;overflow-y:auto;height:calc(100vh - 280px)}
.adm-file-state{font-size:12.5px;padding:10px 12px;border-radius:8px;background:var(--adm-card2);border:1px solid var(--adm-border);color:var(--adm-muted)}
.adm-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}

/* Category list rows */
.adm-cat-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--adm-card2);border:1px solid var(--adm-border);border-radius:9px;margin-bottom:8px}
.adm-cat-row:last-child{margin-bottom:0}
.vis-btn{font-size:11px;font-weight:700;padding:4px 10px;border-radius:calc(6px*var(--rs));cursor:pointer;border:1px solid;white-space:nowrap;background:transparent;transition:background .15s}
.vis-btn.shown{border-color:rgba(72,187,120,.45);color:#68d391}
.vis-btn.shown:hover{background:rgba(72,187,120,.12)}
.vis-btn.hiddenb{border-color:rgba(245,101,101,.45);color:#fc8181}
.vis-btn.hiddenb:hover{background:rgba(245,101,101,.12)}
.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}
.confirm-box{background:var(--adm-card,#161a20);border:1px solid var(--adm-border,#2a2f38);border-radius:14px;max-width:360px;width:100%;padding:22px;text-align:center}
.confirm-box h4{font-size:16px;font-weight:700;color:var(--adm-text,#e8eaed);margin-bottom:8px}
.confirm-box p{font-size:13px;color:var(--adm-muted,#8b93a1);line-height:1.5;margin-bottom:18px}
.confirm-box .cbtns{display:flex;gap:10px}
.confirm-box .cbtns button{flex:1;height:40px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--adm-border,#2a2f38)}
.confirm-cancel{background:transparent;color:var(--adm-muted,#8b93a1)}
.confirm-yes{background:var(--adm-accent,#e2b658);color:#000;border-color:transparent!important}
/* ── Giveaway banner ── */
#gaBanner{display:none;background:linear-gradient(90deg,#1a1400 0%,#2a1f00 40%,#1a1400 100%);border-bottom:1px solid rgba(var(--accent-rgb),.35);padding:0;overflow:hidden;position:relative}
@media(max-width:900px){#gaBanner{display:none!important}}
#gaBanner.show{display:block;animation:gaBannerIn .4s ease}
@keyframes gaBannerIn{from{max-height:0;opacity:0}to{max-height:80px;opacity:1}}
#gaBanner .ga-inner{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;gap:12px;flex-wrap:wrap}
#gaBanner .ga-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
#gaBanner .ga-emoji{font-size:20px;flex-shrink:0}
#gaBanner .ga-text{font-size:13px;color:#f0d580;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#gaBanner .ga-sub{font-size:11px;color:rgba(240,213,128,.65);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gaBanner .ga-cta{flex-shrink:0;background:var(--gold,var(--accent));color:#000;border:none;border-radius:calc(8px*var(--rs));padding:7px 16px;font-size:12px;font-weight:800;cursor:pointer;letter-spacing:.04em;white-space:nowrap}
#gaBanner .ga-cta:hover{opacity:.88}
#gaBanner .ga-x{flex-shrink:0;background:none;border:none;color:rgba(240,213,128,.5);font-size:18px;cursor:pointer;padding:2px 4px;line-height:1}
#gaBanner .ga-x:hover{color:rgba(240,213,128,.9)}
/* ── Giveaway float card ── */

.an-rbtn{padding:7px 14px;border-radius:calc(8px*var(--rs));font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--adm-border);background:var(--adm-card2);color:var(--adm-muted)}
.an-rbtn.on{border-color:var(--adm-accent);background:rgba(var(--accent-rgb),.12);color:var(--adm-accent)}
.an-bar{flex:1;background:linear-gradient(180deg,var(--adm-accent),rgba(var(--accent-rgb),.35));border-radius:calc(3px*var(--rs)) calc(3px*var(--rs)) 0 0;min-height:2px;position:relative;cursor:default}
.an-bar:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0c0f14;border:1px solid var(--adm-border);border-radius:calc(6px*var(--rs));padding:4px 8px;font-size:10px;color:var(--adm-text);white-space:nowrap;z-index:5}
.an-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--adm-border);font-size:12.5px}
.an-row:last-child{border-bottom:none}
.an-row .an-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--adm-text);font-weight:600}
.an-row .an-fill{height:5px;border-radius:calc(3px*var(--rs));background:var(--adm-accent);opacity:.55;min-width:3px}
.an-row .an-val{color:var(--adm-muted);white-space:nowrap;font-size:11.5px}
#sproof{position:fixed;left:16px;bottom:16px;z-index:900;max-width:290px;background:var(--card,#161a20);border:1px solid var(--line,#2a2f38);border-radius:calc(12px*var(--rs));padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease;pointer-events:auto;cursor:pointer}
#sproof.show{opacity:1;transform:translateY(0)}
#sproof img{width:42px;height:42px;border-radius:calc(8px*var(--rs));object-fit:cover;flex-shrink:0;background:var(--card2,#1c212a)}
#sproof .sp-noimg{width:42px;height:42px;border-radius:calc(8px*var(--rs));flex-shrink:0;background:var(--card2,#1c212a);display:flex;align-items:center;justify-content:center;font-size:18px}
#sproof .sp-txt{min-width:0}
#sproof .sp-name{font-size:12px;font-weight:700;color:var(--text,#e8eaed);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sproof .sp-prod{font-size:11.5px;color:var(--gold,var(--accent));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sproof .sp-time{font-size:10px;color:var(--muted,#8b93a1);margin-top:1px}
#sproof .sp-x{position:absolute;top:4px;right:7px;font-size:12px;color:var(--muted,#8b93a1);background:none;border:none;cursor:pointer;padding:2px}
@media(max-width:640px){#sproof{left:10px;bottom:10px;max-width:245px;padding:8px 10px}}

/* Mobile */
@media(max-width:900px){
  .adm-sidebar{position:fixed;left:-260px;top:0;height:100%;z-index:200;transition:left .25s}
  .adm-sidebar.open{left:0;box-shadow:4px 0 24px rgba(0,0,0,.5)}
  .adm-mob-toggle{display:flex}
  .adm-stat-grid{grid-template-columns:1fr 1fr}
  .adm-dash-grid{grid-template-columns:1fr}
  .adm-prod-layout{grid-template-columns:1fr;height:auto}
  .adm-prod-list{max-height:320px}
  .adm-field-grid{grid-template-columns:1fr}
}
.fullpage.on{display:block}
.fp-bar{position:sticky;top:0;z-index:5;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg2);border-bottom:1px solid var(--line)}
.fp-brand{display:flex;align-items:center;gap:10px;font-family:var(--fh),sans-serif;font-size:19px;letter-spacing:.1em}
.pill{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;font-weight:500;padding:3px 8px;border-radius:calc(5px*var(--rs));background:var(--goldsoft);color:var(--gold);border:1px solid rgba(var(--accent-rgb),.3);letter-spacing:.08em}
.fp-body{padding:32px 24px 70px;max-width:1180px;margin:0 auto}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:12px 18px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.tab:hover{color:var(--text)}
.tab.on{color:var(--gold);border-bottom-color:var(--gold)}
.tabview{display:none}.tabview.on{display:block}
.panel{background:var(--card);border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:24px;margin-bottom:18px}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.panel-h h3{font-size:19px;letter-spacing:.06em}
.panel-h .sub{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;color:var(--muted);margin-top:2px}
.stat4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.sbox{background:var(--card);border:1px solid var(--line);border-radius:calc(11px*var(--rs));padding:18px}
.sbox b{font-family:var(--fh),sans-serif;font-size:30px;color:var(--gold);display:block;line-height:1}
.sbox span{font-family:var(--fb),system-ui,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.inp,.sel,.ta{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:calc(8px*var(--rs));color:var(--text);font-size:13px;padding:10px 12px;outline:none;transition:border-color .15s}
.inp:focus,.sel:focus,.ta:focus{border-color:var(--gold)}
.inp::placeholder,.ta::placeholder{color:var(--dim)}
.ta{min-height:84px;resize:vertical}
.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.fgrid2 .full{grid-column:1/-1}
.lbl{font-size:12.5px;font-weight:700;margin-bottom:6px;display:block;color:var(--muted)}
.lbl small{font-weight:400;color:var(--dim)}
.row{display:flex;align-items:center;gap:11px;background:var(--bg2);border:1px solid var(--line);border-radius:calc(9px*var(--rs));padding:11px;margin-bottom:8px;flex-wrap:wrap}
.row img{width:52px;height:40px;border-radius:calc(6px*var(--rs));object-fit:cover;background:var(--card2);flex-shrink:0}
.row-i{flex:1;min-width:150px}
.row-n{font-size:13px;font-weight:600}
.row-m{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--dim);margin-top:3px;display:flex;gap:9px;flex-wrap:wrap}
.row-a{display:flex;gap:7px}
.mini{height:30px;padding:0 11px;border-radius:calc(6px*var(--rs));font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--line2);background:var(--card2);color:var(--text)}
.mini:hover{border-color:var(--gold);color:var(--gold)}
.mini.dgr{color:var(--red);border-color:rgba(248,113,113,.35)}
.mini.dgr:hover{background:rgba(248,113,113,.1);border-color:var(--red)}
.imgchips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.ichip{position:relative;width:74px;height:56px;border-radius:calc(7px*var(--rs));overflow:hidden;border:1px solid var(--line2)}
.ichip img{width:100%;height:100%;object-fit:cover}
.ichip button{position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:calc(4px*var(--rs));background:rgba(9,11,14,.85);color:var(--red);border:0;cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center}
.ichip i{position:absolute;bottom:0;left:0;right:0;background:var(--goldbg);color:var(--on-accent);font-size:7.5px;font-weight:800;text-align:center;padding:1px;font-style:normal;letter-spacing:.06em}
.msg{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;margin-top:10px;display:none}
.editor{display:none;background:var(--bg2);border:1px solid var(--gold);border-radius:calc(11px*var(--rs));padding:20px;margin-bottom:18px}
.editor.on{display:block}
.editor h4{font-size:17px;letter-spacing:.06em;color:var(--gold);margin-bottom:14px}
.stat-badge{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;padding:3px 8px;border-radius:calc(5px*var(--rs));letter-spacing:.08em;text-transform:uppercase}
.st-paid{background:rgba(61,220,151,.12);color:var(--green)}
.st-pend{background:rgba(var(--accent-rgb),.12);color:var(--gold)}

/* lightbox */
#lb{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:900;background:rgba(6,8,10,.96);flex-direction:column;align-items:center;justify-content:center}
#lb.on{display:flex}
.lb-x{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:calc(9px*var(--rs));border:1px solid var(--line2);background:var(--card);color:#fff;font-size:17px;cursor:pointer;z-index:5}
.lb-stage{position:relative;flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:60px 76px 10px;box-sizing:border-box}
.lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;object-fit:contain;border-radius:calc(8px*var(--rs))}
@media(max-width:700px){.lb-stage{padding:56px 8px 6px}.lb-a{width:38px;height:38px}.lb-a.l{left:6px}.lb-a.r{right:6px}}
.lb-a{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(27,34,44,.9);color:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-a:hover{background:var(--goldbg);color:var(--on-accent)}
.lb-a.l{left:18px}.lb-a.r{right:18px}
.lb-n,.lb-t{flex:none}
.lb-n{font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;color:var(--dim);padding:12px}
.lb-t{display:flex;gap:8px;padding:0 20px 22px;flex-wrap:wrap;justify-content:center}
.lb-t div{width:62px;height:46px;border-radius:calc(6px*var(--rs));overflow:hidden;border:2px solid transparent;cursor:pointer;opacity:.55}
.lb-t div.on{border-color:var(--gold);opacity:1}
.lb-t img{width:100%;height:100%;object-fit:cover}

/* toast */
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--card2);border:1px solid var(--gold);color:var(--text);padding:13px 20px;border-radius:calc(10px*var(--rs));font-size:13px;font-weight:600;z-index:950;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow);display:flex;align-items:center;gap:9px}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
#toast svg{width:16px;height:16px;color:var(--green)}
#toast.warn{border-color:#fb923c}#toast.warn svg{color:#fb923c}

/* discord widget */
.dcw{position:fixed;bottom:22px;right:22px;z-index:400;display:flex;align-items:center;gap:10px;background:#5865F2;color:#fff;border-radius:calc(12px*var(--rs));padding:11px 16px;box-shadow:0 8px 26px rgba(88,101,242,.42);cursor:pointer;transition:opacity .2s,transform .2s,border-color .2s}
.dcw:hover{transform:translateY(-2px)}
.dcw svg{width:22px;height:22px}
.dcw small{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:1}
.dcw b{font-size:13.5px;display:flex;align-items:center;gap:6px}
.dot{width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 6px #3ddc97}

/* effects */
.flake{position:fixed;top:0;left:0;z-index:200;pointer-events:none;will-change:transform;line-height:1;user-select:none}
@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}6%{opacity:.9}92%{opacity:.9}100%{transform:translateY(112vh) rotate(340deg);opacity:0}}
body.t-halloween{--gold:#fb923c;--gold2:#fdba74;--goldsoft:rgba(251,146,60,.13)}
body.t-christmas{--gold:#f26b6b;--gold2:#fca5a5;--goldsoft:rgba(242,107,107,.13)}
.glow{position:fixed;top:0;bottom:0;width:38vw;pointer-events:none;z-index:0;opacity:0;transition:opacity .9s}
body.glow-on .glow{opacity:1}
.glow-l{left:0;background:radial-gradient(ellipse 55% 60% at 0% 50%,rgba(248,113,113,.09),transparent 72%)}
.glow-r{right:0;background:radial-gradient(ellipse 55% 60% at 100% 50%,rgba(90,169,248,.09),transparent 72%)}
main,header,footer{position:relative;z-index:1}

@media(max-width:1050px){
  .hero{height:320px;flex-direction:column;align-items:stretch}
  .hero-img{position:absolute;inset:0;height:320px}
  .hero-in{align-items:flex-start;text-align:left;padding:22px 20px}
  .featcard{position:static;transform:none;width:auto;left:auto;margin:14px 16px 0;box-shadow:none;max-width:420px}
  .featcard:hover{transform:translateY(-2px)}
  .featcard-media{aspect-ratio:16/9}
}
@media(max-width:980px){
  .dgrid{grid-template-columns:1fr;gap:26px}
  /* Mobile footer — compact 2-col link grid */
  .hero-in{padding:38px 26px}
}
@media(max-width:760px){
  .navrow,.search{display:none}
  .burger{display:flex}
  .hrow{gap:10px}
  .cta{padding:30px 24px}
  .fgrid2{grid-template-columns:1fr}
  .featcard{display:none!important}
  /* hero CTA pinned to bottom on mobile */
  .hero{height:260px;align-items:stretch}
  .hero-in{position:absolute;bottom:0;left:0;right:0;align-items:flex-start;text-align:left;padding:16px 16px 20px;justify-content:flex-end;max-width:100%}
  .hero-cta{margin-bottom:0}
  .hero-cta .btn{height:40px;padding:0 18px;font-size:12.5px}
  .trust{display:none}



  .wrap{padding:0 16px}
  section{padding:40px 0}
  .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  .pc-name{font-size:17px}
  /* hide username text — show avatar only */
  .user-chip span:not(.caret){display:none}
  .user-chip{padding:0 8px 0 5px;gap:4px}
  .vip-badge{display:none}
  /* cart + notif drawers full-width */
  #cart,#notifDrawer{width:100vw;max-width:100vw}
  /* account modal full-width */
  .modal-box{width:100vw;max-width:100vw;margin:0;border-radius:calc(14px*var(--rs)) calc(14px*var(--rs)) 0 0;position:fixed;bottom:0;top:auto;max-height:90vh;overflow-y:auto}
  /* product detail layout */
  .dgrid{grid-template-columns:1fr;gap:20px}
  /* filter bar stack */
  .fbar{flex-direction:column;gap:10px}
  .fselect{width:100%}
  .fsearch input{width:100%}
  /* upsell items smaller */
  .upsell-item{padding:7px 8px}
  .upsell-img{width:36px;height:36px}
  /* bigger tap targets for qty buttons */
  .qbtn{width:34px;height:34px;font-size:16px}
  /* spend bar text smaller */
  .spend-bar-msg{font-size:11px}
  /* order cards */
  .ord-h{padding:12px 14px}
  /* chips wrap */
  .chips{gap:7px}
}

/* ---- NOTIFICATIONS ---- */
.notif-wrap{position:relative}

.notif-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.notif-h b{font-family:var(--fh),sans-serif;font-size:17px;letter-spacing:.08em}
.notif-mark{font-size:11px;font-weight:600;color:var(--gold);cursor:pointer;background:none;border:0}
.notif-mark:hover{text-decoration:underline}
.notif-list{max-height:420px;overflow-y:auto}
.notif{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}
.notif:last-child{border-bottom:0}
.notif:hover{background:var(--card2)}
.notif.unread{background:rgba(var(--accent-rgb),.05)}
.notif.unread::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--goldbg);flex-shrink:0;margin-top:6px}
.notif.read::before{content:'';width:6px;flex-shrink:0}
.notif-ico{width:32px;height:32px;border-radius:calc(8px*var(--rs));display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.ni-update{background:rgba(90,169,248,.14);color:var(--blue)}
.ni-release{background:rgba(61,220,151,.14);color:var(--green)}
.ni-discount{background:rgba(var(--accent-rgb),.14);color:var(--gold)}
.ni-info{background:rgba(156,163,175,.12);color:var(--muted)}
.notif-b{flex:1;min-width:0}
.notif-t{font-size:13px;font-weight:600;color:var(--text);line-height:1.35}
.notif-x{font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}
.notif-time{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);margin-top:5px}
.notif-empty{padding:44px 20px;text-align:center;color:var(--dim);font-size:13px}
.notif-login{padding:32px 22px;text-align:center}
.notif-login p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}

/* download meta in My Account */
.dl-meta{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--dim);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.update-badge{background:rgba(90,169,248,.14);color:var(--blue);border:1px solid rgba(90,169,248,.3);
  font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:calc(4px*var(--rs))}
.ver-badge{background:var(--card3);color:var(--muted);font-size:9.5px;padding:3px 7px;border-radius:calc(4px*var(--rs));font-family:var(--fb),system-ui,sans-serif}

/* ---- ORDER RECEIPT CARDS ---- */
.ord{background:var(--card);border:1px solid var(--line);border-radius:calc(11px*var(--rs));margin-bottom:12px;overflow:hidden}
.ord-h{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;transition:background .15s;flex-wrap:wrap}
.ord-h:hover{background:var(--card2)}
.ord-i{flex:1;min-width:180px}
.ord-t{font-size:14px;font-weight:700;color:var(--text)}
.ord-s{font-family:var(--fb),system-ui,sans-serif;font-size:11px;color:var(--dim);margin-top:4px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.ord-amt{font-family:var(--fb),system-ui,sans-serif;font-size:17px;color:var(--gold);font-weight:600}
.ord-chev{color:var(--dim);font-size:13px;transition:transform .2s;flex-shrink:0}
.ord.open .ord-chev{transform:rotate(180deg)}
.ord-d{display:none;border-top:1px solid var(--line);background:var(--bg2);padding:17px}
.ord.open .ord-d{display:block}
.ord-sec{margin-bottom:16px}
.ord-sec:last-child{margin-bottom:0}
.ord-lbl{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.ord-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.ord-line:last-child{border-bottom:0}
.ord-line .n{color:var(--text)}
.ord-line .n small{color:var(--dim);font-family:var(--fb),system-ui,sans-serif;margin-left:6px}
.ord-line .v{font-family:var(--fb),system-ui,sans-serif;color:var(--muted);text-align:right;white-space:nowrap}
.ord-tot{display:flex;justify-content:space-between;padding-top:11px;margin-top:4px;border-top:1px solid var(--line2)}
.ord-tot span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ord-tot b{font-family:var(--fb),system-ui,sans-serif;font-size:18px;color:var(--gold)}
.ord-kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:12.5px}
.ord-kv dt{color:var(--dim)}
.ord-kv dd{color:var(--muted);font-family:'JetBrains Mono',monospace;word-break:break-all}
.card-chip{display:inline-flex;align-items:center;gap:6px;background:var(--card3);border:1px solid var(--line2);
  padding:4px 9px;border-radius:calc(5px*var(--rs));font-size:11px;color:var(--text);font-family:var(--fb),system-ui,sans-serif}
.ord-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

/* ---- USER MENU ---- */
.umenu-wrap{position:relative}
#umenu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:216px;
  background:var(--card);border:1px solid var(--line2);border-radius:calc(11px*var(--rs));
  box-shadow:var(--shadow);z-index:500;overflow:hidden}
#umenu.on{display:block}
.umenu-top{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--bg2)}
.umenu-top img{width:34px;height:34px;border-radius:50%;flex-shrink:0}
.umenu-nm{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umenu-rl{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:2px}
.umenu-i{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background:none;border:0;
  color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.umenu-i:hover{background:var(--card2);color:var(--text)}
.umenu-i svg{width:15px;height:15px;flex-shrink:0}
.umenu-i.gold{color:var(--gold)}
.umenu-i.gold:hover{background:var(--goldsoft)}
.umenu-i.red{color:var(--red);border-top:1px solid var(--line)}
.umenu-i.red:hover{background:rgba(248,113,113,.08)}

/* ---- USER MENU ---- */
.umenu-wrap{position:relative}
.user-chip{position:relative}
.user-chip .caret{color:var(--dim);font-size:9px;margin-left:2px;transition:transform .18s}
.umenu-wrap.on .caret{transform:rotate(180deg)}
#uMenu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:214px;
  background:var(--card);border:1px solid var(--line2);border-radius:calc(11px*var(--rs));box-shadow:var(--shadow);
  z-index:500;overflow:hidden;padding:6px}
.umenu-wrap.on #uMenu{display:block}
.umenu-head{padding:11px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;display:flex;gap:10px;align-items:center}
.umenu-head img{width:34px;height:34px;border-radius:50%;flex-shrink:0}
.umenu-nm{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umenu-rl{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.umenu-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:calc(8px*var(--rs));font-size:13px;
  font-weight:600;color:var(--muted);cursor:pointer;transition:.15s;width:100%;background:none;border:0;text-align:left}
.umenu-i:hover{background:var(--card2);color:var(--text)}
.umenu-i svg{width:15px;height:15px;flex-shrink:0}
.umenu-i.gold{color:var(--gold)}
.umenu-i.gold:hover{background:var(--goldsoft)}
.umenu-i.danger:hover{color:var(--red);background:rgba(248,113,113,.08)}
.umenu-sep{height:1px;background:var(--line);margin:6px 0}

/* dropdown stacking + clipping fixes */
header{overflow:visible}
header .wrap,.hrow,.hactions,.notif-wrap,.umenu-wrap{overflow:visible}
#uMenu{z-index:1200}
.notif-wrap,.umenu-wrap{position:relative;z-index:901}
main{z-index:1}

/* ---- NOTIFICATIONS DRAWER (mirrors the cart) ---- */
#notifDrawer{position:fixed;top:0;right:-430px;width:400px;max-width:92vw;height:100dvh;
  background:var(--bg2);border-left:1px solid var(--line2);z-index:700;display:flex;flex-direction:column;
  transition:right .3s cubic-bezier(.4,0,.2,1)}
#notifDrawer.on{right:0}
#notifDrawer .notif-list{flex:1;overflow-y:auto}

/* header + menus must sit above everything on the page */
header{z-index:1000!important;overflow:visible!important}
.hrow,.hactions,.umenu-wrap{overflow:visible!important}
#uMenu{z-index:1200!important}
.umenu-wrap{position:relative;z-index:1201}
/* hero must never create a stacking context above the header */
.hero{z-index:0}
main{position:relative;z-index:1}

/* ---- LAYER ORDER (single source of truth) ---- */
main{z-index:1}
.hero{z-index:0}
header{z-index:1000!important;overflow:visible!important}
#uMenu{z-index:1100!important}
.umenu-wrap{position:relative;z-index:1101}
#scrim{z-index:1300!important}
#cart,#notifDrawer{z-index:1400!important}
.fullpage{z-index:1500!important}   /* admin + account sit ABOVE the header */
.modal{z-index:1600!important}
#lb{z-index:1700!important}
#toast{z-index:1800!important}

/* ---- STAR RATINGS (supports halves) ---- */
.stars-wrap{position:relative;display:inline-block;line-height:1;white-space:nowrap}
.stars-bg,.stars-fg{display:block;font-size:inherit;letter-spacing:2px}
.stars-bg{color:var(--line2)}
.stars-fg{position:absolute;top:0;left:0;color:var(--gold);overflow:hidden;white-space:nowrap}
.rate-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rate-num{font-family:var(--fb),system-ui,sans-serif;font-size:13px;color:var(--gold);font-weight:600}
.rate-cnt{font-size:12px;color:var(--dim)}
.pc-rate{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:2px}
.pc-rate .rate-num{font-size:11.5px}
.pc-rate .rate-cnt{font-size:10.5px}

/* interactive picker */
.star-pick{display:inline-flex;gap:3px;cursor:pointer;font-size:30px;line-height:1;user-select:none}
.sp-star{position:relative;width:1em;height:1em;color:var(--line2)}
.sp-star .full,.sp-star .half{position:absolute;top:0;left:0;overflow:hidden;color:var(--gold);white-space:nowrap}
.sp-star .half{width:50%}
.sp-hit{position:absolute;top:0;height:100%;width:50%;z-index:2}
.sp-hit.l{left:0}.sp-hit.r{right:0}

/* reviews block */
.rev-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--card);
  border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:20px 22px;margin-bottom:20px}
.rev-big{font-family:var(--fh),sans-serif;font-size:46px;color:var(--gold);line-height:1}
.rev-of{font-size:12px;color:var(--dim);margin-top:2px}
.rev-item{background:var(--card);border:1px solid var(--line);border-radius:calc(11px*var(--rs));padding:17px;margin-bottom:11px}
.rev-top{display:flex;align-items:center;gap:11px;margin-bottom:9px;flex-wrap:wrap}
.rev-av{width:36px;height:36px;border-radius:50%;background:var(--card3);flex-shrink:0;object-fit:cover}
.rev-who{flex:1;min-width:120px}
.rev-nm{font-size:13px;font-weight:700;color:var(--text)}
.rev-vf{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--green);background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.3);
  padding:2px 6px;border-radius:calc(4px*var(--rs));margin-left:6px}
.rev-dt{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);margin-top:2px}
.rev-tx{font-size:13.5px;color:var(--muted);line-height:1.7;white-space:pre-wrap}
.rev-prod{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--gold);cursor:pointer;margin-top:8px;display:inline-block}
.rev-prod:hover{text-decoration:underline}
.rev-form{background:var(--bg2);border:1px solid var(--line2);border-radius:calc(12px*var(--rs));padding:20px;margin-bottom:20px}
.rev-form h4{font-family:var(--fh),sans-serif;font-size:19px;letter-spacing:.06em;margin-bottom:12px}
.rev-locked{background:var(--card);border:1px dashed var(--line2);border-radius:calc(11px*var(--rs));padding:18px;
  font-size:13px;color:var(--dim);text-align:center;margin-bottom:20px}

/* ---- USER TABLE ---- */
.utbl{width:100%;border-collapse:collapse;font-size:12.5px}
.utbl th{text-align:left;font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:600}
.utbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--muted)}
.utbl tr:last-child td{border-bottom:0}
.utbl tr:hover td{background:var(--card2)}
.u-av{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--card3);vertical-align:middle;margin-right:8px}
.u-nm{font-weight:600;color:var(--text)}
.u-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;
  border-radius:calc(4px*var(--rs));margin-left:5px}
.u-admin{background:rgba(var(--accent-rgb),.12);color:var(--gold)}
.u-email{font-family:"JetBrains Mono",monospace;font-size:11px}
.u-check{color:var(--green)}
.u-cross{color:var(--dim)}
.u-money{font-family:var(--fb),system-ui,sans-serif;color:var(--gold)}
.upag{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
.upag button{background:var(--card);border:1px solid var(--line2);color:var(--muted);padding:6px 14px;
  border-radius:calc(7px*var(--rs));font-size:12px;cursor:pointer}
.upag button:hover{border-color:var(--gold);color:var(--gold)}
.upag button:disabled{opacity:.35;cursor:not-allowed}
.upag span{font-family:var(--fb),system-ui,sans-serif;font-size:11px;color:var(--dim)}
.usr-search{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.usr-search input{flex:1;min-width:200px}

/* ---- USER DIRECTORY ---- */
.udir-row{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--line);
  border-radius:calc(9px*var(--rs));padding:12px 14px;margin-bottom:8px;flex-wrap:wrap}
.udir-av{width:38px;height:38px;border-radius:50%;background:var(--card3);object-fit:cover;flex-shrink:0}
.udir-info{flex:1;min-width:160px}
.udir-nm{font-size:13px;font-weight:700;color:var(--text)}
.udir-meta{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);
  margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.udir-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.ubadge{font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 6px;border-radius:calc(3px*var(--rs))}
.ubadge-email{background:rgba(90,169,248,.12);color:var(--blue);border:1px solid rgba(90,169,248,.3)}
.ubadge-upd{background:rgba(61,220,151,.12);color:var(--green);border:1px solid rgba(61,220,151,.28)}
.ubadge-rel{background:rgba(var(--accent-rgb),.12);color:var(--gold);border:1px solid rgba(var(--accent-rgb),.28)}
.ubadge-dis{background:rgba(251,146,60,.12);color:var(--orange);border:1px solid rgba(251,146,60,.28)}
.ubadge-buyer{background:rgba(167,139,250,.12);color:var(--purple);border:1px solid rgba(167,139,250,.28)}
.udir-spend{font-family:var(--fb),system-ui,sans-serif;font-size:13px;color:var(--gold);font-weight:600;flex-shrink:0}
.pref-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:13px 0;border-bottom:1px solid var(--line)}
.pref-row:last-child{border-bottom:0}
.toggle{position:relative;width:42px;height:22px;flex-shrink:0;cursor:pointer}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle .sl{position:absolute;inset:0;background:var(--line2);border-radius:calc(22px*var(--rs));transition:opacity .2s,transform .2s,border-color .2s}
.toggle .sl::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;
  background:var(--muted);border-radius:50%;transition:opacity .2s,transform .2s,border-color .2s}
.toggle input:checked+.sl{background:var(--goldbg)}
.toggle input:checked+.sl::before{transform:translateX(20px);background:#12161b}

/* ---- WISHLIST ---- */
.wl-btn{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:50%;
  background:rgba(var(--bg-rgb),.75);backdrop-filter:blur(4px);border:1px solid var(--line2);
  color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:16px;transition:.18s;line-height:1}
.wl-btn:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.12)}
.wl-btn.on{color:#e05c5c;border-color:rgba(224,92,92,.5);background:rgba(224,92,92,.1)}
.wl-btn.on:hover{color:#f87171}
.wl-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;display:flex;gap:0;transition:.18s;position:relative}
.wl-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.wl-card-img{width:110px;flex-shrink:0;background:var(--card2);overflow:hidden}
.wl-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.wl-card-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.wl-card-name{font-family:var(--fh),sans-serif;font-size:19px;letter-spacing:.04em;
  line-height:1.1;color:var(--text)}
.wl-card-cat{font-family:var(--fb),system-ui,sans-serif;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--dim)}
.wl-card-price{font-family:var(--fb),system-ui,sans-serif;font-size:16px;color:var(--gold);font-weight:500}
.wl-card-meta{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim)}
.wl-card-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.wl-empty{border:1px dashed var(--line);border-radius:calc(10px*var(--rs));padding:48px 24px;text-align:center}
.wl-empty h4{font-family:var(--fh),sans-serif;font-size:20px;letter-spacing:.08em;
  color:var(--muted);margin-bottom:6px}
.wl-empty p{font-size:13px;color:var(--dim);line-height:1.6}

/* ---- DISCOUNTS / SALE PRICES ---- */
.sale-tag{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;background:rgba(248,113,113,.14);
  color:#f87171;border:1px solid rgba(248,113,113,.35);padding:3px 8px;border-radius:calc(4px*var(--rs))}
.price-was{font-family:var(--fb),system-ui,sans-serif;font-size:12px;color:var(--dim);
  text-decoration:line-through;margin-right:5px}
.price-now{font-family:var(--fb),system-ui,sans-serif;font-size:17px;color:#f87171;font-weight:600}
.pc-price-was{font-family:var(--fb),system-ui,sans-serif;font-size:11px;color:var(--dim);
  text-decoration:line-through}
.pc-price-now{font-family:var(--fb),system-ui,sans-serif;font-size:16px;color:#f87171;font-weight:500}
.disc-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);
  border-radius:calc(9px*var(--rs));padding:11px 14px;margin-bottom:8px;flex-wrap:wrap}
.disc-badge{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 7px;border-radius:calc(3px*var(--rs));background:rgba(248,113,113,.12);color:#f87171;
  border:1px solid rgba(248,113,113,.3)}
.disc-info{flex:1;min-width:140px}
.disc-nm{font-size:13px;font-weight:700;color:var(--text)}
.disc-meta{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);margin-top:3px}
/* discounts / BOGO admin */
.adm-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.adm-inp[type=date]{min-width:0;width:100%;box-sizing:border-box;min-height:40px;-webkit-appearance:none;appearance:none}
.adm-info{font-size:12.5px;line-height:1.5;color:var(--adm-muted);background:rgba(226,182,88,.07);border:1px solid rgba(226,182,88,.22);border-radius:8px;padding:10px 12px}
.pk-res{max-height:230px;overflow-y:auto;border:1px solid var(--adm-border);border-radius:calc(8px*var(--rs));margin-top:6px;background:var(--adm-card2)}
.pk-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--adm-border)}
.pk-item:last-child{border-bottom:0}
.pk-item:hover,.pk-item.on{background:rgba(var(--accent-rgb),.09)}
.pk-item.on .pk-nm{color:var(--adm-accent)}
.pk-nm{font-weight:600;color:var(--adm-text);min-width:0}
.pk-meta{font-size:11px;color:var(--adm-muted);white-space:nowrap;flex:none}
.pk-empty{padding:12px;font-size:12.5px;color:var(--adm-muted)}
.pk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);color:var(--adm-text);border-radius:calc(999px*var(--rs));padding:5px 6px 5px 11px}
.pk-chip button{background:none;border:0;color:var(--adm-muted);cursor:pointer;font-size:12px;padding:2px 5px}
.pk-hint{font-size:12px;color:var(--adm-muted)}
.pk-cats{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;border:1px solid var(--adm-border);border-radius:calc(8px*var(--rs));background:var(--adm-card2);padding:6px}
.pk-cat{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:calc(6px*var(--rs));font-size:13px;color:var(--adm-text);cursor:pointer}
.pk-cat:hover{background:rgba(var(--accent-rgb),.08)}
.pk-cat input{width:18px;height:18px;flex:none;accent-color:var(--adm-accent)}
.pk-cat em{font-style:normal;color:var(--adm-muted);font-size:11px}
.cart-bogo{margin-top:6px;font-size:10.5px;font-weight:700;color:var(--green,#22c55e)}
.cart-bogo-hint{margin:10px 0 0;padding:10px 12px;border:1px dashed rgba(34,197,94,.45);border-radius:calc(10px*var(--rs));background:rgba(34,197,94,.07);color:var(--green,#22c55e);font-size:12px;line-height:1.45}
.bogo-note{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--green,#22c55e);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:calc(8px*var(--rs));padding:6px 10px}


/* ---- CART SPEND BAR ---- */
.spend-bar-wrap{padding:14px 16px 0;border-top:1px solid var(--line)}
.spend-bar-msg{font-size:12.5px;color:var(--muted);margin-bottom:8px;line-height:1.5}
.spend-bar-msg strong{color:var(--gold)}
.spend-bar-msg .unlocked{color:var(--green);font-weight:700}
.spend-bar-track{height:6px;background:var(--line2);border-radius:calc(6px*var(--rs));overflow:hidden}
.spend-bar-fill{height:100%;border-radius:calc(6px*var(--rs));transition:transform .35s ease;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--gold2))}
.spend-bar-fill.done{background:linear-gradient(90deg,var(--green),#6ee7b7)}

/* ---- VIP ---- */
.vip-badge{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(242,207,135,.1));
  color:var(--gold2);border:1px solid rgba(var(--accent-rgb),.4);padding:4px 10px;border-radius:calc(5px*var(--rs))}
.vip-badge svg{width:11px;height:11px}
.price-vip{font-family:var(--fb),system-ui,sans-serif;font-size:16px;color:var(--green);font-weight:600}
.price-vip-was{font-family:var(--fb),system-ui,sans-serif;font-size:12px;color:var(--dim);
  text-decoration:line-through;margin-right:6px}
.vip-cart-notice{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(61,220,151,.05));
  border:1px solid rgba(var(--accent-rgb),.3);border-radius:calc(10px*var(--rs));padding:14px 16px;
  margin-bottom:14px;text-align:center}
.vip-cart-notice h4{font-family:var(--fh),sans-serif;font-size:18px;color:var(--gold);
  letter-spacing:.06em;margin-bottom:4px}
.vip-cart-notice p{font-size:12px;color:var(--muted);line-height:1.5}

/* ---- ORDER CONFIRMATION PAGE ---- */
#orderConfirmPage{display:none;position:fixed;inset:0;z-index:1500;
  background:var(--bg);overflow-y:auto}
#orderConfirmPage.on{display:block}
.oc-wrap{max-width:660px;margin:0 auto;padding:48px 24px 80px}
.oc-check{width:72px;height:72px;border-radius:50%;background:rgba(61,220,151,.12);
  border:2px solid rgba(61,220,151,.4);display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;font-size:32px}
.oc-title{font-family:var(--fh),sans-serif;font-size:clamp(34px,5vw,52px);
  letter-spacing:.04em;text-align:center;margin-bottom:6px}
.oc-sub{font-size:14px;color:var(--muted);text-align:center;line-height:1.6;margin-bottom:32px}
.oc-num{display:inline-block;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.3);
  color:var(--green);font-family:var(--fb),system-ui,sans-serif;font-size:14px;font-weight:700;
  padding:7px 16px;border-radius:calc(7px*var(--rs));margin-bottom:28px}
.oc-card{background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));
  overflow:hidden;margin-bottom:16px}
.oc-card-head{padding:14px 18px;border-bottom:1px solid var(--line);
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.oc-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.oc-item:last-child{border-bottom:0}
.oc-item-img{width:72px;height:54px;border-radius:calc(8px*var(--rs));object-fit:cover;
  background:var(--card2);flex-shrink:0;border:1px solid var(--line2)}
.oc-item-info{flex:1;min-width:0}
.oc-item-name{font-size:14px;font-weight:700;color:var(--text)}
.oc-item-cat{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);margin-top:3px}
.oc-item-price{font-family:var(--fb),system-ui,sans-serif;font-size:14px;color:var(--gold);
  font-weight:600;flex-shrink:0}
.oc-total-row{display:flex;justify-content:space-between;align-items:center;
  padding:16px 18px;border-top:1px solid var(--line2)}
.oc-total-label{font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted)}
.oc-total-val{font-family:var(--fb),system-ui,sans-serif;font-size:22px;
  color:var(--gold);font-weight:700}
.oc-pay-row{display:flex;justify-content:space-between;font-size:13px;
  padding:6px 0;border-bottom:1px solid var(--line)}
.oc-pay-row:last-child{border-bottom:0}
.oc-pay-label{color:var(--dim)}
.oc-pay-val{font-family:var(--fb),system-ui,sans-serif;color:var(--muted)}
.oc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}
.oc-step{background:var(--card);border:1px solid var(--line);border-radius:calc(11px*var(--rs));padding:16px}
.oc-step-icon{font-size:22px;margin-bottom:8px}
.oc-step-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.oc-step-desc{font-size:12px;color:var(--dim);line-height:1.55}

/* rich My Orders */
.ord-item-img{width:56px;height:42px;border-radius:calc(6px*var(--rs));object-fit:cover;
  background:var(--card2);border:1px solid var(--line);flex-shrink:0}
.ord-num{font-family:var(--fb),system-ui,sans-serif;font-size:11px;
  color:var(--gold);font-weight:700;margin-bottom:2px}

/* ---- USER DIRECTORY EXPANDED ---- */
.udir-row{cursor:pointer;transition:background .15s}
.udir-row:hover{background:var(--card2)}
.udir-expand{display:none;border-top:1px solid var(--line);background:var(--bg2);
  padding:14px 16px;border-radius:0 0 calc(9px*var(--rs)) calc(9px*var(--rs))}
.udir-expand.on{display:block}
.udir-section{margin-bottom:14px}
.udir-section:last-child{margin-bottom:0}
.udir-sec-label{font-family:var(--fb),system-ui,sans-serif;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-weight:700}
.role-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;
  padding:4px 10px;border-radius:calc(5px*var(--rs));margin:2px;border:1px solid rgba(255,255,255,.08)}
.role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.prod-row{display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid var(--line)}
.prod-row:last-child{border-bottom:0}
.prod-thumb{width:54px;height:40px;border-radius:calc(5px*var(--rs));object-fit:cover;
  background:var(--card3);flex-shrink:0;border:1px solid var(--line)}
.prod-info{flex:1;min-width:0}
.prod-name{font-size:12.5px;font-weight:600;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prod-meta{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);
  margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}
.udir-caret{color:var(--dim);font-size:11px;transition:transform .2s;flex-shrink:0;
  margin-left:auto}
.udir-row.open .udir-caret{transform:rotate(180deg)}
.udir-loading{font-size:12px;color:var(--dim);padding:10px 0;font-family:var(--fb),system-ui,sans-serif}

/* ---- OWNERSHIP STATES ---- */
.owned-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;background:rgba(61,220,151,.12);
  color:var(--green);border:1px solid rgba(61,220,151,.3);padding:3px 8px;border-radius:calc(4px*var(--rs))}
.update-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;background:rgba(251,146,60,.12);
  color:var(--orange);border:1px solid rgba(251,146,60,.35);padding:3px 8px;border-radius:calc(4px*var(--rs));
  animation:pulse-upd 2s ease-in-out infinite}
@keyframes pulse-upd{0%,100%{opacity:1}50%{opacity:.6}}
.pc-owned-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(61,220,151,.12);
  border-top:1px solid rgba(61,220,151,.25);padding:5px 10px;display:flex;
  align-items:center;justify-content:space-between;gap:6px;font-size:10px;
  backdrop-filter:blur(4px)}
.pc-owned-bar.has-update{background:rgba(251,146,60,.12);border-top-color:rgba(251,146,60,.3)}
.pc-update-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);
  animation:pulse-upd 1.5s ease-in-out infinite;flex-shrink:0}
.pc-owned-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}
.dl-update-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);
  display:inline-block;margin-right:6px;animation:pulse-upd 1.5s ease-in-out infinite;
  vertical-align:middle}
.dl-owned-dot{width:10px;height:10px;border-radius:50%;background:var(--green);
  display:inline-block;margin-right:6px;vertical-align:middle}

/* ---- NOTIFICATION DISMISS ---- */
.notif-dismiss-all{font-size:11px;color:var(--dim);cursor:pointer;padding:3px 8px;
  border:1px solid var(--line2);border-radius:calc(5px*var(--rs));background:transparent;
  transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.notif-dismiss-all:hover{color:var(--text);border-color:var(--line)}
.notif-item{position:relative;padding:13px 14px 13px 14px;border-bottom:1px solid var(--line);
  cursor:pointer;transition:background .12s}
.notif-item:hover{background:var(--card2)}
.notif-item.unread{background:rgba(var(--accent-rgb),.04)}
.notif-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;
  width:3px;background:var(--goldbg);border-radius:calc(2px*var(--rs))}

.notif-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;
  padding-right:24px}
.notif-body{font-size:12.5px;color:var(--muted);line-height:1.55;padding-right:24px}
.notif-time{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);
  margin-top:5px}

/* ---- NOTIFICATION DISMISS ---- */
.notif-dismiss-all{font-size:11px;color:var(--dim);cursor:pointer;padding:3px 8px;
  border:1px solid var(--line2);border-radius:calc(5px*var(--rs));background:transparent;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s}
.notif-dismiss-all:hover{color:var(--text);border-color:var(--line)}
.notif-item{position:relative;padding:13px 14px;border-bottom:1px solid var(--line);
  cursor:pointer;transition:background .12s}
.notif-item:hover{background:var(--card2)}
.notif-item.unread{background:rgba(var(--accent-rgb),.04)}
.notif-item.unread::before{content:"";position:absolute;left:0;top:0;bottom:0;
  width:3px;background:var(--goldbg);border-radius:calc(2px*var(--rs))}

.notif-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;padding-right:26px}
.notif-body{font-size:12px;color:var(--muted);line-height:1.55;padding-right:26px}
.notif-time{font-family:var(--fb),system-ui,sans-serif;font-size:10px;color:var(--dim);margin-top:5px}

/* dismiss button on notification items */
.ndismiss{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;
  background:transparent;border:1px solid transparent;color:var(--dim);cursor:pointer;
  font-size:11px;display:flex;align-items:center;justify-content:center;transition:.15s;
  line-height:1;z-index:2}
.ndismiss:hover{background:var(--card3);border-color:var(--line2);color:var(--text)}

/* notification body text */
.notif-bd{font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px;padding-right:28px}
/* dismiss X button */
.ndismiss{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;
  background:transparent;border:1px solid transparent;color:var(--dim);cursor:pointer;
  font-size:11px;display:flex;align-items:center;justify-content:center;
  transition:.15s;line-height:1;flex-shrink:0}
.ndismiss:hover{background:var(--card3);border-color:var(--line2);color:var(--text)}

/* ============ MY ACCOUNT HUB ============ */
#accountPage{background:radial-gradient(900px 400px at 85% -120px,rgba(var(--accent-rgb),.08),transparent 70%),var(--bg)}
.ach{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;max-width:1280px;margin:0 auto;padding:26px 24px 80px;align-items:start}
.ach-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:6px}
.ach-me{display:flex;align-items:center;gap:12px;padding:14px;border-radius:calc(14px*var(--rs));border:1px solid var(--line);background:linear-gradient(160deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.02) 60%),var(--card);margin-bottom:8px}
.ach-me img,.ach-me .ach-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(var(--accent-rgb),.5);background:var(--card2)}
.ach-me b{display:block;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-me small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.ach-me .ach-chip{display:inline-block;margin-top:5px;font:700 10.5px var(--fb),system-ui,sans-serif;padding:3px 7px;border-radius:calc(6px*var(--rs));background:rgba(61,220,151,.12);color:#3ddc97;border:1px solid rgba(61,220,151,.3);cursor:pointer}
.ach-nav{display:flex;flex-direction:column;gap:2px}
.ach-g{font:700 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:14px 12px 6px}
.ach-l{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:calc(10px*var(--rs));border:1px solid transparent;background:none;color:var(--muted);font:600 13.5px var(--fl),var(--fb),sans-serif;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}
.ach-l svg{width:18px;height:18px;flex:none}
.ach-l:hover{background:var(--card);color:var(--text)}
.ach-l.on{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.35);color:var(--accent-hi)}
.ach-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:calc(10px*var(--rs));background:var(--card2);color:var(--text);font:700 11px var(--fb),system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center}
.ach-l.on .ach-badge{background:rgba(var(--accent-rgb),.2);color:var(--accent-hi)}
.ach-badge.hot{background:#3ddc97;color:#08130d}
.ach-out{margin-top:10px;color:var(--dim)}.ach-out:hover{color:#f87171;background:rgba(248,113,113,.08)}
.ach-main{min-width:0}
.ach-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ach-head h1{font-size:40px;line-height:1;margin:0}
.ach-head p{font-size:13.5px;color:var(--muted);margin:6px 0 0}
#accountPage .acct-cred{margin:0 0 20px}
#accountPage:not([data-tab="a-ref"]) .acct-cred{display:none!important}
#accountPage .tabview.on{animation:achIn .25s ease}
@keyframes achIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* overview */
.ach-hero{position:relative;overflow:hidden;border-radius:calc(18px*var(--rs));border:1px solid rgba(var(--accent-rgb),.35);padding:24px 26px;background:radial-gradient(500px 220px at 100% 0,rgba(var(--accent-rgb),.18),transparent 70%),linear-gradient(160deg,var(--card2),var(--card));margin-bottom:16px}
.ach-hero h2{font:400 34px/1 var(--fh),sans-serif;letter-spacing:.03em;margin:0}
.ach-hero h2 span{color:var(--gold)}
.ach-hero p{margin:8px 0 0;font-size:14px;color:var(--muted);max-width:60ch}
.ach-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ach-stat{padding:16px;border-radius:calc(14px*var(--rs));border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;color:var(--text);font-family:inherit;transition:transform .2s,border-color .2s}
.ach-stat:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.45)}
.ach-stat small{display:flex;align-items:center;gap:6px;font:700 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.ach-stat small svg{width:14px;height:14px;color:var(--gold)}
.ach-stat b{display:block;font:400 34px/1.05 var(--fh),sans-serif;margin-top:8px}
.ach-stat span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.ach-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.ach-cols>div{min-width:0}
@media(max-width:520px){#accountPage .fp-brand{font-size:0}#accountPage .fp-bar{padding:0 14px}.ach-hero{padding:18px}.ach-hero h2{font-size:28px}}
.ach-card{border-radius:calc(16px*var(--rs));border:1px solid var(--line);background:var(--card);padding:18px 18px 16px;margin-bottom:16px}
.ach-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font:400 21px/1 var(--fh),sans-serif;letter-spacing:.05em;margin:0 0 14px}
.ach-card h3 a{font:600 12.5px var(--fl),sans-serif;letter-spacing:0;color:var(--gold);cursor:pointer}
.ach-mini{display:flex;align-items:center;gap:12px;padding:10px;border-radius:calc(11px*var(--rs));border:1px solid var(--line);background:var(--bg2);margin-bottom:8px;cursor:pointer;transition:border-color .2s}
.ach-mini:hover{border-color:rgba(var(--accent-rgb),.45)}
.ach-mini img,.ach-mini .ph{width:54px;height:42px;border-radius:calc(8px*var(--rs));object-fit:cover;flex:none;background:var(--card2)}
.ach-mini .t{flex:1;min-width:0}.ach-mini .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-mini .t small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.ach-mini .v{font:600 13px var(--fb),system-ui,sans-serif;color:var(--gold);white-space:nowrap}
.ach-offer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-radius:calc(16px*var(--rs));padding:16px 18px;margin-bottom:16px;border:1px solid rgba(var(--accent-rgb),.5);background:linear-gradient(90deg,#2a2212,#3a2e14 60%,#2a2212)}
.ach-offer .t{flex:1 1 240px}.ach-offer b{display:block;font-size:15px;color:#f5e6c4}.ach-offer small{font-size:12.5px;color:#d9c9a3}
.ach-ref{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ach-ref code{flex:1 1 200px;min-width:0;padding:10px 12px;border-radius:calc(9px*var(--rs));background:var(--bg2);border:1px solid var(--line);font:500 12.5px 'JetBrains Mono',monospace;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ach-quick button{display:flex;align-items:center;gap:9px;padding:12px;border-radius:calc(11px*var(--rs));border:1px solid var(--line);background:var(--bg2);color:var(--text);font:600 13px var(--fl),sans-serif;cursor:pointer;text-align:left}
.ach-quick button:hover{border-color:rgba(var(--accent-rgb),.45);color:var(--accent-hi)}.ach-quick svg{width:17px;height:17px;color:var(--gold);flex:none}
.ach-empty{font-size:13px;color:var(--muted);line-height:1.6;padding:6px 2px}
/* rank & rewards */
.rk-em{display:block;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.rk-bar{height:10px;border-radius:calc(6px*var(--rs));background:rgba(255,255,255,.07);border:1px solid var(--line);overflow:hidden;margin:8px 0}
.rk-bar i{display:block;height:100%;border-radius:calc(6px*var(--rs));background:linear-gradient(90deg,#b8862f,var(--accent) 55%,#f6dc9c);box-shadow:0 0 12px rgba(var(--accent-rgb),.45);transition:width .9s cubic-bezier(.2,.8,.2,1);animation:rkFill 1.1s cubic-bezier(.2,.8,.2,1)}
.rk-bar.big{height:14px;border-radius:calc(8px*var(--rs))}.rk-bar.thin{height:7px;margin:4px 0 10px}
.rk-bar.done i{background:linear-gradient(90deg,#1fa86f,#3ddc97);box-shadow:0 0 12px rgba(61,220,151,.45)}
@keyframes rkFill{from{width:0}}
.rk-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;border-radius:calc(18px*var(--rs));padding:22px 26px;margin-bottom:16px;border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(420px 220px at 0 50%,rgba(var(--accent-rgb),.2),transparent 70%),linear-gradient(160deg,var(--card2),var(--card));position:relative;overflow:hidden}
.rk-hero.t0{border-color:rgba(192,138,90,.45);background:radial-gradient(420px 220px at 0 50%,rgba(192,138,90,.22),transparent 70%),linear-gradient(160deg,var(--card2),var(--card))}
.rk-hero.t1{border-color:rgba(185,196,208,.4);background:radial-gradient(420px 220px at 0 50%,rgba(185,196,208,.18),transparent 70%),linear-gradient(160deg,var(--card2),var(--card))}
.rk-hero.t3{border-color:rgba(125,211,252,.4);background:radial-gradient(420px 220px at 0 50%,rgba(125,211,252,.18),transparent 70%),linear-gradient(160deg,var(--card2),var(--card))}
.rk-hero.t4{border-color:rgba(196,165,255,.45);background:radial-gradient(420px 220px at 0 50%,rgba(196,165,255,.2),transparent 70%),linear-gradient(160deg,var(--card2),var(--card))}
.rk-hero-em{animation:rkPop .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes rkPop{from{transform:scale(.6);opacity:0}}
.rk-hero-t small{font:700 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.rk-hero-t h2{font:400 46px/1 var(--fh),sans-serif;letter-spacing:.04em;margin:4px 0 2px;color:var(--text)}
.rk-hero-t p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.rk-hero-t p b{color:var(--text)}
.rk-hero-s{display:flex;gap:10px}
.rk-hero-s div{min-width:78px;padding:12px 10px;border-radius:calc(12px*var(--rs));border:1px solid var(--line);background:rgba(0,0,0,.18);text-align:center}
.rk-hero-s b{display:block;font:400 28px/1 var(--fh),sans-serif;color:var(--text)}
.rk-hero-s small{display:block;font:700 10px var(--fb),system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.rk-h-sub{font:600 12.5px var(--fl),sans-serif;letter-spacing:0;color:var(--muted)}
.rk-ladder{display:grid;grid-template-columns:repeat(9,minmax(64px,1fr));gap:4px;overflow-x:auto;padding:4px 2px 2px;position:relative}
.rk-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 4px;border-radius:calc(12px*var(--rs));opacity:.38;filter:grayscale(1);transition:.2s}
.rk-step.done{opacity:.85;filter:none}
.rk-step.cur{opacity:1;filter:none;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.4)}
.rk-step b{font-size:12.5px;color:var(--text)}.rk-step small{font:600 10.5px var(--fb),system-ui,sans-serif;color:var(--muted)}
.rk-rewards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.rk-rw{display:flex;flex-direction:column;border-radius:calc(16px*var(--rs));border:1px solid var(--line);background:var(--card);padding:18px}
.rk-rw.ready{border-color:rgba(61,220,151,.45);background:radial-gradient(300px 140px at 100% 0,rgba(61,220,151,.12),transparent 70%),var(--card)}
.rk-rw-ic{width:42px;height:42px;border-radius:calc(12px*var(--rs));display:flex;align-items:center;justify-content:center;background:var(--goldsoft);border:1px solid rgba(var(--accent-rgb),.4);color:var(--gold);font:400 24px var(--fh),sans-serif;margin-bottom:12px}
.rk-rw-ic svg{width:22px;height:22px}
.rk-rw.ready .rk-rw-ic{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.45);color:#3ddc97}
.rk-rw-h b{display:block;font:400 24px/1 var(--fh),sans-serif;letter-spacing:.04em;color:var(--text)}
.rk-rw-h small{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
.rk-rw-n{display:flex;justify-content:space-between;margin-top:16px;font:600 12px var(--fb),system-ui,sans-serif;color:var(--muted)}
.rk-rw .rk-bar.rw{margin:6px 0 14px}
.rk-rw .btn{margin-top:auto}
.rk-sub{font-size:13px;color:var(--muted);margin-top:auto}.rk-sub b{color:var(--text)}
.rk-ok{margin-top:auto;padding:11px 12px;border-radius:calc(10px*var(--rs));background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.35);color:#7cebbd;font-size:13px;font-weight:600}
.rk-foot{margin-top:10px;font-size:11.5px;color:var(--dim)}
.rk-note{padding:12px 14px;border-radius:calc(12px*var(--rs));margin-bottom:16px;border:1px solid var(--line2);background:var(--card);color:var(--muted);font-size:13.5px}
.rk-bg-g{font:700 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:6px 0 8px}
.rk-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.rk-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:14px 8px 12px;border-radius:calc(13px*var(--rs));border:1px dashed var(--line2);background:var(--bg2)}
.rk-badge .rk-bi{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card2);color:var(--dim)}
.rk-badge .rk-bi svg{width:20px;height:20px}
.rk-badge b{font-size:13px;color:var(--muted)}.rk-badge small{font-size:11px;color:var(--dim);line-height:1.35}
.rk-badge.on{border:1px solid rgba(var(--accent-rgb),.45);background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),transparent 70%),var(--bg2)}
.rk-badge.on .rk-bi{background:radial-gradient(circle at 35% 30%,#f6dc9c,#c8952f);color:var(--on-accent);box-shadow:0 0 16px rgba(var(--accent-rgb),.35)}
.rk-badge.on b{color:var(--text)}.rk-badge.on small{color:#3ddc97;font-weight:700}
.rk-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rk-how div{padding:14px;border-radius:calc(12px*var(--rs));background:var(--bg2);border:1px solid var(--line)}
.rk-how span{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--goldbg);color:var(--on-accent);font:800 13px var(--fl),sans-serif}
.rk-how b{display:block;margin:8px 0 3px;font-size:14px;color:var(--text)}.rk-how small{font-size:12.5px;color:var(--muted);line-height:1.5}
.rk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.rk-pv{display:flex;flex-direction:column;text-align:left;padding:0;border-radius:calc(12px*var(--rs));border:2px solid var(--line);background:var(--bg2);overflow:hidden;cursor:pointer;color:var(--text);font-family:inherit;transition:border-color .15s,transform .15s}
.rk-pv:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.5)}
.rk-pv.on{border-color:#3ddc97;box-shadow:0 0 0 3px rgba(61,220,151,.2)}
.rk-pv img,.rk-pv .ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--card2)}
.rk-pv b{font-size:13px;padding:8px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-pv small{padding:2px 10px 10px;font:700 12px var(--fb),system-ui,sans-serif;color:#3ddc97}.rk-pv small s{color:var(--dim);font-weight:500;margin-right:4px}
.rk-pick-go{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line);background:var(--card);font-size:13.5px;color:var(--muted)}
.rk-pick-go b{color:var(--text)}
.rk-road{display:flex;flex-direction:column;gap:6px}
.rk-rd{display:grid;grid-template-columns:auto minmax(90px,140px) minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:calc(12px*var(--rs));border:1px solid var(--line);background:var(--bg2)}
.rk-rd .rk-em{filter:grayscale(1);opacity:.45}.rk-rd.done .rk-em,.rk-rd.cur .rk-em,.rk-rd.ready .rk-em{filter:none;opacity:1}
.rk-rd.cur{border-color:rgba(var(--accent-rgb),.5);background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),transparent 60%),var(--bg2)}
.rk-rd.ready{border-color:rgba(61,220,151,.45)}
.rk-rd .t b{display:block;font-size:14px;color:var(--text)}.rk-rd .t small{font:600 11px var(--fb),system-ui,sans-serif;color:var(--muted)}
.rk-rd .g{font-size:13.5px;color:var(--text);min-width:0}.rk-rd .g:empty{visibility:hidden}
.rk-chip{display:inline-block;padding:5px 10px;border-radius:calc(8px*var(--rs));font:700 11.5px var(--fl),sans-serif;background:var(--card2);color:var(--muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.rk-chip.ok{background:rgba(61,220,151,.12);color:#3ddc97}.rk-chip.dim{color:var(--dim)}
.rk-cash{display:flex;gap:8px;margin-top:auto}.rk-sel{flex:1;min-width:0;height:42px;padding:0 10px;border-radius:calc(10px*var(--rs));border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:600 13px var(--fl),sans-serif}
.rk-fine{margin:12px 0 0;font-size:12px;color:var(--dim);line-height:1.5}
@media(max-width:620px){.rk-rd{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.rk-rd .g{grid-column:2/4;grid-row:2;font-size:12.5px;color:var(--muted)}.rk-rd .a{grid-column:3;grid-row:1}.rk-rd .g:empty{display:none}}
.rk-mini-top{display:flex;gap:14px;align-items:center;margin-bottom:12px}.rk-mini-top .t{flex:1;min-width:0}
.rk-mini-top b{display:block;font:400 26px/1 var(--fh),sans-serif;letter-spacing:.04em}.rk-mini-top small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rk-mini-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.rk-mini-row em{font:600 11.5px var(--fb),system-ui,sans-serif;font-style:normal;color:var(--text)}
.ach-me .ach-rank{display:flex;align-items:center;gap:6px;margin-top:5px;font:700 11px var(--fb),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hi);cursor:pointer}
.ach-me .ach-rank svg{filter:none}
.ach-me .ach-rank+.rk-bar{height:5px;margin:5px 0 0;cursor:pointer}
.ach-me .ach-chips{display:flex;gap:6px;flex-wrap:wrap}
.cart-pts{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:calc(9px*var(--rs));background:var(--goldsoft);border:1px solid rgba(var(--accent-rgb),.3);font-size:12.5px;color:var(--muted)}
.cart-pts[hidden]{display:none}.cart-pts b{color:var(--accent-hi)}
@media(max-width:900px){.rk-hero{grid-template-columns:auto minmax(0,1fr)}.rk-hero-s{grid-column:1/-1}.rk-hero-s div{flex:1}}
@media(max-width:900px){.rk-pick-go{bottom:calc(62px + env(safe-area-inset-bottom))}}
@media(max-width:700px){.rk-rewards,.rk-how{grid-template-columns:1fr}.rk-ladder{grid-template-columns:repeat(9,74px)}}
@media(max-width:520px){.rk-hero{padding:18px;gap:14px}.rk-hero-em svg{width:72px;height:84px}.rk-hero-t h2{font-size:36px}.rk-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* library */
.lib-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.lib-sw{position:relative;flex:1 1 240px}.lib-sw svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--dim)}
.lib-in{width:100%;box-sizing:border-box;height:42px;padding:0 12px 0 36px;border-radius:calc(11px*var(--rs));border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:500 14px var(--fl),sans-serif;outline:none}
.lib-in:focus{border-color:var(--gold)}
.lib-sel{height:42px;padding:0 10px;border-radius:calc(11px*var(--rs));border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:600 13px var(--fl),sans-serif}
.lib-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:thin}
.lib-chip{height:32px;padding:0 13px;border-radius:calc(16px*var(--rs));border:1px solid var(--line2);background:var(--bg2);color:var(--muted);font:600 12.5px var(--fl),sans-serif;cursor:pointer;white-space:nowrap}
.lib-chip.on{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.6);color:var(--accent-hi)}
.lib-chip b{opacity:.7;margin-left:4px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.lib-c{display:flex;flex-direction:column;border-radius:calc(14px*var(--rs));border:1px solid var(--line);background:var(--card);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.lib-c:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 16px 34px rgba(0,0,0,.35)}
.lib-m{position:relative;aspect-ratio:4/3;background:var(--bg2);overflow:hidden;cursor:pointer}
.lib-m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.lib-c:hover .lib-m img{transform:scale(1.05)}
.lib-tags{position:absolute;top:8px;left:8px;display:flex;gap:5px;flex-wrap:wrap}
.lib-tag{font:800 9.5px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:calc(5px*var(--rs));background:rgba(var(--bg-rgb),.85);color:var(--text);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px)}
.lib-tag.new{background:#3ddc97;color:#08130d;border-color:#3ddc97}.lib-tag.upd{background:var(--orange);color:var(--on-accent);border-color:var(--orange)}
.lib-tag.res{color:var(--accent-hi);border-color:rgba(var(--accent-rgb),.5)}.lib-tag.com{color:#c4b5fd;border-color:rgba(167,139,250,.5)}.lib-tag.gift{color:#7dd3fc;border-color:rgba(125,211,252,.45)}
.lib-b{padding:12px 13px 13px;display:flex;flex-direction:column;gap:4px;flex:1}
.lib-cat{font:600 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-n{font-weight:700;font-size:14px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lib-meta{font-size:11.5px;color:var(--muted)}
.lib-act{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.lib-act .btn{flex:1;justify-content:center;height:38px;font-size:13px}
.lib-act .mini{height:38px;display:inline-flex;align-items:center}
.lib-sec{font:400 22px/1 var(--fh),sans-serif;letter-spacing:.05em;margin:26px 0 12px}
.lib-count{font-size:12.5px;color:var(--muted);margin-bottom:10px}
/* orders, wishlist, settings polish */
#accountPage .ord{border-radius:calc(14px*var(--rs))}
#accountPage #wlList{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
#accountPage #wlList .wl-alert,#accountPage #wlList .empty{grid-column:1/-1}
#accountPage .wl-card{margin:0;border-radius:calc(14px*var(--rs))}
#accountPage .panel{border-radius:calc(16px*var(--rs))}
#a-acc input[type=checkbox]{appearance:none;-webkit-appearance:none;width:40px!important;height:22px!important;border-radius:calc(11px*var(--rs));background:var(--line2);position:relative;cursor:pointer;flex:none;transition:background .2s}
#a-acc input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
#a-acc input[type=checkbox]:checked{background:var(--goldbg)}#a-acc input[type=checkbox]:checked::after{transform:translateX(18px)}
#a-acc input[type=checkbox]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* gifts */
.gf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.gf{padding:14px;border-radius:calc(14px*var(--rs));border:1px solid var(--line);background:var(--card)}
.gf b{display:block;font-size:14px}.gf small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.gf q{display:block;margin-top:8px;font-size:13px;font-style:italic;color:var(--text)}
/* phones */
.ach-bottom{display:none}
.ach-sheet{position:fixed;inset:0;z-index:30;background:rgba(5,7,10,.55);display:flex;align-items:flex-end}
.ach-sheet[hidden]{display:none}
.ach-sheet-in{width:100%;padding:12px 12px calc(84px + env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line2);border-radius:calc(18px*var(--rs)) calc(18px*var(--rs)) 0 0;display:flex;flex-direction:column;gap:2px}
@media(max-width:900px){
  .ach{grid-template-columns:1fr;padding:16px 16px 110px;gap:14px}
  .ach-side{position:static}
  .ach-side .ach-nav,.ach-side .ach-out{display:none}
  .ach-me{margin:0}
  .ach-head h1{font-size:32px}
  .ach-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ach-cols{grid-template-columns:1fr}
  .ach-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:31;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(var(--bg-rgb),.96);backdrop-filter:blur(12px);border-top:1px solid var(--line2)}
  .ach-bt{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:0;background:none;color:var(--dim);font:600 10.5px var(--fl),sans-serif;cursor:pointer;border-radius:calc(10px*var(--rs))}
  .ach-bt svg{width:21px;height:21px}
  .ach-bt.on{color:var(--accent-hi);background:rgba(var(--accent-rgb),.08)}
  .lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lib-act{flex-direction:column}
  #accountPage #wlList{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){#accountPage *{animation:none!important;transition:none!important}}

/* ============ BUNDLES ============ */
.bcol{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:100%;height:100%;background:var(--bg)}
.bcol.n2{grid-template-rows:1fr}.bcol.n3>span:first-child{grid-row:span 2}
.bcol span{display:block;overflow:hidden;background:var(--card2)}
.bcol img{width:100%;height:100%;object-fit:cover;display:block}
.tag-bundle{background:rgba(var(--accent-rgb),.16);color:var(--accent-hi);border:1px solid rgba(var(--accent-rgb),.45)}
.tag-save{background:#3ddc97;color:#08130d}
.dbund-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 2px;padding:10px 12px;border-radius:calc(10px*var(--rs));background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.3);font-size:13px;color:var(--muted)}
.dbund-sum b{color:var(--text)}.dbund-sum .sv{color:#3ddc97;font-weight:800}
.dbund{border-top:1px solid var(--line);padding:36px 0 8px}
.dbund h3{font-size:26px;margin-bottom:4px}
.dbund .dp-sub{font-size:13px;color:var(--muted);margin-bottom:16px}
.dbund-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.dbund-i{display:flex;flex-direction:column;border-radius:calc(12px*var(--rs));border:1px solid var(--line2);background:var(--card);overflow:hidden;cursor:pointer;text-align:left;padding:0;color:var(--text);font-family:inherit;transition:transform .2s,border-color .2s}
.dbund-i:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.6)}
.dbund-i .dp-m{aspect-ratio:4/3;background:var(--bg2);overflow:hidden}.dbund-i .dp-m img{width:100%;height:100%;object-fit:cover;display:block}
.dbund-i .dp-b{padding:9px 11px 11px;display:flex;flex-direction:column;gap:3px}
.dbund-own{font:800 9.5px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#3ddc97}
.dinb{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:calc(12px*var(--rs));border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.07);cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:inherit;transition:border-color .2s}
.dinb:hover{border-color:var(--gold)}
.dinb .bcol,.dinb img{width:64px;height:48px;border-radius:calc(7px*var(--rs));overflow:hidden;flex:none;object-fit:cover}
.dinb small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.dinb b{font-size:13.5px}.dinb .sv{color:#3ddc97;font-weight:800}
/* footer advertise strip */
.fadv{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin:34px 0 0;padding:18px 22px;border-radius:calc(14px*var(--rs));border:1px solid rgba(var(--accent-rgb),.4);background:radial-gradient(420px 140px at 0 0,rgba(var(--accent-rgb),.14),transparent 70%),var(--bg2)}
.fadv-ic{width:44px;height:44px;border-radius:calc(12px*var(--rs));background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.35);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:none}
.fadv-ic svg{width:22px;height:22px}
.fadv-t{flex:1 1 280px;min-width:0}
.fadv-t b{display:block;font-size:15px;color:var(--text)}
.fadv-t span{font-size:13px;color:var(--muted)}
.wl-alert{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:14px;border-radius:calc(10px*var(--rs));border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06);font-size:13px;color:var(--muted)}
.wl-alert b{color:var(--text)}.wl-alert a{color:var(--gold);cursor:pointer;margin-left:auto;white-space:nowrap}
.wl-was{color:var(--dim);text-decoration:line-through;font-size:12px;margin-left:6px}
.wl-drop{display:inline-block;margin-left:6px;font:800 10px var(--fl),sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:calc(5px*var(--rs));background:#3ddc97;color:#08130d}

/* ============ STOREFRONT REFRESH (body.sx — switched on from the Site editor) ============ */
body:not(.sx) .sx-only{display:none!important}
body.sx .cl-only{display:none!important}
.pc-alt{position:absolute;inset:0;opacity:0}
.pc-qa,.pc-offer{display:none}
body.sx header{transition:box-shadow .25s,background .25s}
body.sx header .logo img{transition:height .25s}
body.sx header.sx-small{box-shadow:0 10px 30px rgba(0,0,0,.4);background:rgba(var(--bg-rgb),.96)}
body.sx header.sx-small .logo img{height:40px!important}
@keyframes sxBump{0%,100%{transform:translateY(0)}30%{transform:translateY(-5px) scale(1.06)}60%{transform:translateY(1px)}}
@keyframes sxPop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.sx-bump{animation:sxBump .45s ease}
.sx-bump .badge-count{animation:sxPop .45s cubic-bezier(.3,1.6,.5,1)}

/* hero */
body.sx .hero{height:auto;min-height:560px;align-items:center}
body.sx #heroImgEl{animation:sxDrift 28s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes sxDrift{0%{transform:scale(1)}100%{transform:scale(1.06) translate(-1.2%,-.8%)}}
body.sx .hero-img::after{background:linear-gradient(90deg,rgba(var(--bg-rgb),.97) 0%,rgba(var(--bg-rgb),.9) 38%,rgba(var(--bg-rgb),.45) 68%,rgba(var(--bg-rgb),.25) 82%,rgba(var(--bg-rgb),.6) 100%),linear-gradient(0deg,rgb(var(--bg-rgb)) 0%,rgba(var(--bg-rgb),0) 35%)}
body.sx .hero-in{align-items:flex-start;text-align:left;padding:56px 40px}
body.sx #heroCarousel{left:auto!important;right:max(30px,calc((100vw - 1320px)/2 + 24px))}
.sx-hero-copy{max-width:620px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.sx-eyebrow{font-family:var(--fb),system-ui,sans-serif;font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:600}
.sx-h1{margin:0;font-family:var(--fh),sans-serif;font-weight:400;font-size:clamp(46px,6.4vw,84px);line-height:.95;letter-spacing:.03em;color:#eef2f6}
.sx-h1 .sx-gold{color:var(--gold)}
.sx-sub{margin:0;font-size:17px;line-height:1.55;color:#c3ccd7;max-width:48ch}
body.sx .sx-hero-copy>*,body.sx .hero-cta{animation:sxRise .7s cubic-bezier(.2,.8,.2,1) both}
body.sx .sx-h1{animation-delay:.08s}body.sx .sx-sub{animation-delay:.16s}body.sx .hero-cta{animation-delay:.24s}
@keyframes sxRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.sx .hero-cta .btn-gold{position:relative;overflow:hidden}
body.sx .hero-cta .btn-gold::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .6s ease}
body.sx .hero-cta .btn-gold:hover::after{left:130%}

/* trust strip */
.sx-trustw{padding:28px 0 0}
.sx-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:calc(14px*var(--rs));overflow:hidden}
.sx-trust>div{background:var(--bg2);padding:18px 20px;display:flex;align-items:center;gap:14px}
.sx-trust svg{width:26px;height:26px;color:var(--gold);flex-shrink:0}
.sx-trust b{display:block;font-size:15px;color:var(--text)}
.sx-trust small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.sx-live{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font:600 11px var(--fb),system-ui,sans-serif;color:var(--green);vertical-align:middle}
.sx-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}

/* product cards */
body.sx .pcard{border-radius:calc(14px*var(--rs));transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
body.sx .pcard:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.7);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(var(--accent-rgb),.25),0 10px 40px -10px rgba(var(--accent-rgb),.35)}
body.sx .pc-media img{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .45s}
body.sx .pcard:hover .pc-media img.pc-alt{opacity:1;transform:scale(1.03)}
body.sx .pc-quick{display:none}
body.sx .pc-qa{display:flex;position:absolute;left:10px;right:10px;bottom:10px;gap:8px;z-index:2;transform:translateY(130%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
body.sx .pcard:hover .pc-qa,body.sx .pcard:focus-within .pc-qa{transform:none;opacity:1}
.pc-qa button{flex:1;height:38px;border-radius:calc(9px*var(--rs));font:700 12.5px var(--fl),sans-serif;cursor:pointer;border:0;transition:background .2s,transform .12s,color .2s,border-color .2s}
.pc-qa button:active{transform:scale(.96)}
.pc-qa .qa-add{background:var(--goldbg);color:var(--on-accent)}
.pc-qa .qa-add:hover{background:var(--accent-hi)}
.pc-qa .qa-view{background:rgba(var(--bg-rgb),.85);color:#eef2f6;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.pc-qa .qa-view:hover{border-color:var(--gold);color:var(--gold)}
body.sx .pc-offer:not([hidden]){display:inline-flex}
.pc-offer{font:800 9.5px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--goldbg);color:var(--on-accent);border-radius:calc(5px*var(--rs));padding:3px 7px}
@media(hover:none){
  body.sx .pc-qa{left:auto;right:8px;bottom:8px;transform:none;opacity:1}
  body.sx .pc-qa .qa-view{display:none}
  body.sx .pc-qa .qa-add{flex:none;width:38px;height:38px;border-radius:50%;font-size:0;box-shadow:0 6px 16px rgba(0,0,0,.4)}
  body.sx .pc-qa .qa-add::before{content:"+";font-size:22px;font-weight:700;line-height:1}
  body.sx .pcard:hover{transform:none}
}

/* category tiles */
.ct-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.8) brightness(.6);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}
body.sx .ctile{border-radius:calc(14px*var(--rs));isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
body.sx .ctile:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.6);box-shadow:0 16px 36px rgba(0,0,0,.4)}
body.sx .ctile.has-bg{min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
body.sx .ctile.has-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,15,.92),rgba(10,12,15,.12) 72%);z-index:-1}
body.sx .ctile.has-bg .ct-ico{display:none}
body.sx .ctile.has-bg .ct-name{font-size:28px;color:#eef2f6}
body.sx .ctile.has-bg .ct-count{color:#c3ccd7}
body.sx .ctile:hover .ct-bg{transform:scale(1.08);filter:saturate(1) brightness(.8)}
body.sx .ctile .ct-arrow{color:var(--gold)}

/* quick view */
#sxQv{position:fixed;inset:0;z-index:2000;background:rgba(5,7,10,.72);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:sxFade .2s ease}
@keyframes sxFade{from{opacity:0}to{opacity:1}}
.sxqv{position:relative;width:min(920px,100%);max-height:100%;overflow:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:calc(18px*var(--rs));background:var(--bg2);border:1px solid var(--line2);box-shadow:0 40px 90px rgba(0,0,0,.6);animation:sxZoom .3s cubic-bezier(.2,.8,.2,1)}
@keyframes sxZoom{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
.sxqv-media{padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.sxqv-big{aspect-ratio:4/3;border-radius:calc(12px*var(--rs));overflow:hidden;background:var(--card2)}
.sxqv-big img{width:100%;height:100%;object-fit:cover;display:block}
.sxqv-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.sxqv-thumbs button{width:64px;height:48px;border-radius:calc(7px*var(--rs));overflow:hidden;border:1px solid var(--line2);cursor:pointer;padding:0;background:none}
.sxqv-thumbs button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.sxqv-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.sxqv-info{padding:28px 26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.sxqv-cat{font:600 11px var(--fb),system-ui,sans-serif;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.sxqv-name{margin:0;font-family:var(--fh),sans-serif;font-weight:400;font-size:34px;line-height:1;letter-spacing:.03em}
.sxqv-desc{margin:0;font-size:14px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sxqv-lic{display:flex;gap:8px}
.sxqv-lic button{flex:1;padding:12px;border-radius:calc(10px*var(--rs));border:1px solid var(--line2);background:var(--card);color:var(--muted);text-align:left;cursor:pointer;font:600 13px var(--fl),sans-serif}
.sxqv-lic button b{display:block;color:var(--text)}
.sxqv-lic button.on{border-color:var(--gold);background:rgba(var(--accent-rgb),.08)}
.sxqv-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:rgba(var(--bg-rgb),.85);color:#eef2f6;cursor:pointer;font-size:15px;z-index:2}
.sxqv-more{font-size:13px;font-weight:600;color:var(--gold);cursor:pointer;background:none;border:0;padding:0;text-align:left;width:fit-content}

@media(max-width:1050px){
  body.sx .hero{min-height:440px}
  body.sx .hero-img{height:100%}
  body.sx .sx-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.sx .hero{min-height:400px;height:auto}
  body.sx .hero-in{position:relative;padding:44px 16px 24px}
  body.sx .hero-img::after{background:linear-gradient(0deg,rgb(var(--bg-rgb)) 0%,rgba(var(--bg-rgb),.82) 40%,rgba(var(--bg-rgb),.74) 100%)}
  body.sx .sx-sub{font-size:15px}
  body.sx .sx-trust>div{padding:14px}
  body.sx .sx-trust svg{width:22px;height:22px}
  body.sx .ctile.has-bg{min-height:150px}
  .sxqv{grid-template-columns:1fr}
  .sxqv-info{padding:20px 18px 24px}
}
@media(max-width:420px){ body.sx .sx-trust{grid-template-columns:1fr} }

/* ============ PRODUCT PAGE REFRESH (new layout only) ============ */
.dcount{display:none}
body.sx .dgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
body.sx .dgal{position:sticky;top:96px}
body.sx .dmain{border-radius:calc(16px*var(--rs));box-shadow:0 20px 50px rgba(0,0,0,.35)}
body.sx .dmain img{transition:opacity .18s,transform .6s cubic-bezier(.2,.8,.2,1)}
body.sx .dmain:hover img{transform:scale(1.04)}
body.sx .dcount{display:block;position:absolute;left:12px;bottom:12px;z-index:2;font:600 11.5px var(--fb),system-ui,sans-serif;padding:6px 10px;border-radius:calc(7px*var(--rs));background:rgba(var(--bg-rgb),.82);border:1px solid rgba(255,255,255,.18);color:#eef2f6}
body.sx .dthumbs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 6px;scrollbar-width:thin}
body.sx .dthumb{flex:none;width:96px;height:72px;border-radius:calc(10px*var(--rs));scroll-snap-align:start;opacity:.7}
body.sx .dthumb:hover,body.sx .dthumb.on{opacity:1}
body.sx .dthumb.on{box-shadow:0 0 0 1px var(--gold),0 6px 16px rgba(var(--accent-rgb),.18)}
body.sx .dprice-box{border-radius:calc(16px*var(--rs));background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--card);box-shadow:0 18px 44px rgba(0,0,0,.3)}
body.sx #dBuy{height:50px;font-size:15px}
body.sx .dfeat{grid-template-columns:1fr 1fr;gap:10px 14px}
body.sx .dfeat div{padding:10px 12px;border:1px solid var(--line);border-radius:calc(10px*var(--rs));background:var(--bg2);font-size:12.5px;line-height:1.35}
@media(max-width:980px){body.sx .dgal{position:static}body.sx .dgrid{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){
  body.sx .dmain{margin:0 -16px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  body.sx .darrow{opacity:1;width:34px;height:34px}
  body.sx .dzoom{display:none}
  body.sx .dthumb{width:76px;height:57px}
  body.sx .dfeat{grid-template-columns:1fr}
}

/* sticky buy bar on phones */
.dstick{position:fixed;left:0;right:0;bottom:0;z-index:450;display:none;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(var(--bg-rgb),.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line2);box-shadow:0 -10px 30px rgba(0,0,0,.45);transform:translateY(110%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.dstick img{width:44px;height:44px;border-radius:calc(8px*var(--rs));object-fit:cover;flex:none;background:var(--card)}
.dstick-t{flex:1;min-width:0}
.dstick-n{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.dstick-p{font:600 13px var(--fb),system-ui,sans-serif;color:var(--gold);margin-top:2px;white-space:nowrap;overflow:hidden}
.dstick-p .price-was,.dstick-p .price-vip-was{font-size:11px}
.dstick .btn{height:44px;padding:0 16px;flex:none;font-size:13.5px}
@media(max-width:760px){body.sx .dstick{display:flex}body.sx .dstick.on{transform:none}body.sx.dstick-on .dcw{bottom:84px}}
@media (prefers-reduced-motion:reduce){.dstick{transition:none}}

/* pairs well with */
.dpairs{border-top:1px solid var(--line);padding:40px 0 10px}
.dpairs h3{font-size:26px;margin-bottom:4px}
.dpairs .dp-sub{font-size:13px;color:var(--muted);margin-bottom:18px}
.dp-wrap{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap}
.dp-row{display:flex;gap:10px;align-items:stretch;flex:0 1 auto;min-width:0;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
.dp-item{position:relative;flex:0 0 170px;display:flex;flex-direction:column;border-radius:calc(14px*var(--rs));border:1px solid var(--line2);background:var(--card);overflow:hidden;cursor:pointer;text-align:left;padding:0;color:var(--text);font-family:inherit;transition:opacity .2s,border-color .2s,transform .2s}
.dp-item:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.6)}
.dp-item.off{opacity:.45}
.dp-item.this{cursor:default}.dp-item.this:hover{transform:none;border-color:var(--line2)}
.dp-m{aspect-ratio:4/3;background:var(--bg2);overflow:hidden}
.dp-m img{width:100%;height:100%;object-fit:cover;display:block}
.dp-b{padding:9px 11px 11px;display:flex;flex-direction:column;gap:3px}
.dp-n{font-weight:700;font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-p{font:600 12.5px var(--fb),system-ui,sans-serif;color:var(--gold)}
.dp-why{font-size:10.5px;color:var(--dim)}
.dp-ck{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:calc(7px*var(--rs));border:2px solid rgba(255,255,255,.75);background:rgba(var(--bg-rgb),.6);display:flex;align-items:center;justify-content:center;color:var(--on-accent)}
.dp-ck svg{width:14px;height:14px;opacity:0}
.dp-item.on .dp-ck{background:var(--goldbg);border-color:var(--gold)}.dp-item.on .dp-ck svg{opacity:1}
.dp-tag{position:absolute;top:8px;left:8px;font:800 9.5px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:calc(5px*var(--rs));background:rgba(var(--bg-rgb),.85);color:var(--gold);border:1px solid rgba(var(--accent-rgb),.45)}
.dp-plus{align-self:center;flex:none;font:400 26px/1 var(--fh),sans-serif;color:var(--dim)}
.dp-sum{flex:0 0 250px;align-self:center;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:calc(14px*var(--rs));border:1px solid rgba(var(--accent-rgb),.4);background:radial-gradient(240px 120px at 100% 0,rgba(var(--accent-rgb),.12),transparent 70%),var(--bg2)}
.dp-sum small{font-size:12px;color:var(--muted)}
.dp-tot{font:400 34px/1 var(--fh),sans-serif;color:var(--text)}
.dp-tot s{font-size:18px;color:var(--dim);margin-left:6px}
@media(max-width:760px){.dp-sum{flex:1 1 100%}.dp-item{flex-basis:146px}}
@media (prefers-reduced-motion:reduce){
  body.sx *,body.sx *::before,body.sx *::after{animation:none!important;transition:none!important}
}

/* ============ SITE EDITOR (admin only) ============ */
body.se-on [data-ed]{outline:1px dashed rgba(var(--accent-rgb),.55);outline-offset:3px;cursor:text;border-radius:calc(3px*var(--rs))}
body.se-on [data-ed]:hover{outline:2px solid var(--gold);background:rgba(var(--accent-rgb),.08)}
body.se-on [data-ed].se-editing{outline:2px solid var(--gold);background:rgba(var(--accent-rgb),.12)}
body.se-on [data-ed].se-changed{outline-color:#5aa9f8}
body.se-on{padding-bottom:84px}
.se-chip{position:absolute;top:12px;right:12px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(226,182,88,.7);background:rgba(15,18,22,.88);color:#f2cf87;font:700 12px Barlow,sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
.se-chip:hover{background:var(--goldbg);color:#12161b}
.se-chip svg{width:14px;height:14px}


/* ============ LIGHT MODE POLISH ============ */
html.light ::-webkit-scrollbar-thumb:hover{background:#bfb3a0}
/* buttons: brighter brand gold behind dark text, since --gold is now a darker text gold */
html.light .btn-gold{background:linear-gradient(180deg,#deb04a,#cf9f33);color:#15181d;box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 2px 8px rgba(150,105,10,.22)}
html.light .btn-gold:hover{background:linear-gradient(180deg,#e4b851,#d0a136)}
html.light .btn-ghost{background:#fff;box-shadow:0 1px 2px rgba(70,52,20,.06)}
/* cards lift off the page */
html.light .pcard{border-color:var(--line);box-shadow:0 1px 2px rgba(70,52,20,.05),0 4px 14px rgba(70,52,20,.06)}
html.light .pcard:hover{border-color:#e2cf9f;box-shadow:0 2px 6px rgba(70,52,20,.07),0 18px 40px rgba(70,52,20,.14)}
html.light .sx-trust{background:var(--line);border-color:var(--line);box-shadow:0 4px 16px rgba(70,52,20,.06)}
html.light .sx-trust>div{background:#fff}
/* hero: keep the photo, wash the text side light */
html.light body.sx .hero{background:var(--bg);border-bottom-color:var(--line)}
html.light body.sx .hero-img::after{background:linear-gradient(90deg,rgba(247,244,238,.98) 0%,rgba(247,244,238,.95) 42%,rgba(247,244,238,.62) 60%,rgba(247,244,238,.12) 80%,rgba(247,244,238,0) 100%),linear-gradient(0deg,#f7f4ee 0%,rgba(247,244,238,0) 30%)}
html.light .sx-h1{color:var(--text)}
html.light .sx-sub{color:var(--muted)}
html.light .trust div{color:var(--text);text-shadow:none}
@media(max-width:760px){
  html.light body.sx .hero-img::after{background:linear-gradient(0deg,#f7f4ee 0%,rgba(247,244,238,.92) 45%,rgba(247,244,238,.8) 100%)}
}
/* gold accents sitting on dark photos keep the bright gold */
html.light body.sx .ctile.has-bg .ct-arrow{color:var(--accent)}
html.light body.sx .ctile:hover{box-shadow:0 16px 36px rgba(70,52,20,.22)}

/* ============ RANK BADGE ============ */
.user-chip .u-rank{display:flex!important;margin:0 0 0 -1px;position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.user-chip .u-rank .rk-em{filter:none}
.umenu-rank{display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin:0 6px 6px;padding:9px 10px;border-radius:calc(10px*var(--rs));border:1px solid var(--line);background:var(--goldsoft);color:var(--text);cursor:pointer;text-align:left;font:inherit}
.umenu-rank:hover{border-color:var(--gold)}
.umenu-rank span{flex:1;min-width:0}
.umenu-rank b{display:block;font-size:12.5px}
.umenu-rank small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.umenu-rank em{font-style:normal;font-size:11px;font-weight:700;color:var(--gold);white-space:nowrap}

/* ============ PHONE BOTTOM BAR + MORE SHEET ============ */
.sbar{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.ms-open{overflow:hidden}
  .burger,header .hactions .icon-btn[aria-label="Cart"]{display:none!important}
  .sbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(var(--bg-rgb),.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #3a4756}
  .sbar-b{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:0;background:none;color:#8a96a3;font:600 10.5px var(--fl),var(--fb),sans-serif;cursor:pointer;border-radius:calc(10px*var(--rs));-webkit-tap-highlight-color:transparent}
  .sbar-b svg{width:21px;height:21px}
  .sbar-b.on{color:var(--accent-hi);background:rgba(var(--accent-rgb),.08)}
  .sbar-b:active{transform:scale(.94)}
  .sbar-n{position:absolute;top:1px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:calc(9px*var(--rs));background:var(--accent);color:var(--on-accent);font:800 10px/17px var(--fb),sans-serif;font-style:normal;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgb(var(--bg-rgb))}
  /* search drops down under the header when Search is tapped */
  body.msearch .hrow{flex-wrap:wrap;height:auto;padding:8px 0 10px;row-gap:8px}
  body.msearch .search{display:block;order:10;flex:1 0 100%;max-width:none}
  body.msearch .search input{font-size:16px;padding:12px 12px 12px 38px}
  .dcw{bottom:calc(76px + env(safe-area-inset-bottom))}
  body.sx.dstick-on .dcw{bottom:calc(140px + env(safe-area-inset-bottom))}
  body.sx .dstick{bottom:calc(62px + env(safe-area-inset-bottom));padding-bottom:10px}
  #toast{bottom:calc(80px + env(safe-area-inset-bottom))}
  .float-ticket{bottom:calc(78px + env(safe-area-inset-bottom))}
  #mmenu{position:fixed;inset:0;z-index:1150;background:rgba(5,7,10,.55);align-items:flex-end}
  #mmenu.on{display:flex;animation:sxFade .18s ease}
  .ms-in{width:100%;max-height:82vh;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px calc(84px + env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line2);border-radius:calc(18px*var(--rs)) calc(18px*var(--rs)) 0 0;display:flex;flex-direction:column;gap:1px;animation:msUp .24s cubic-bezier(.2,.8,.2,1)}
  @keyframes msUp{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
  .ms-grab{width:38px;height:4px;border-radius:calc(2px*var(--rs));background:var(--line2);margin:2px auto 10px;flex:none}
  .ms-h{font:700 10.5px var(--fb),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:12px 10px 4px}
  .ms-l{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:calc(10px*var(--rs));color:var(--text);font-size:15.5px;font-weight:500;cursor:pointer;text-decoration:none}
  .ms-l:active{background:var(--card2)}
  .ms-l svg{width:21px;height:21px;color:var(--muted);flex:none}
  .ms-l span{flex:1}
  .ms-l.gold,.ms-l.gold svg{color:var(--gold)}
  .ms-sep{height:1px;background:var(--line);margin:8px 6px}
  .ms-tg{width:38px;height:22px;border-radius:calc(11px*var(--rs));background:var(--line2);position:relative;flex:none;transition:background .2s}
  .ms-tg::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
  .ms-tg.on{background:var(--goldbg)}.ms-tg.on::after{left:18px}
  .ms-me{display:flex;align-items:center;gap:12px;width:100%;padding:12px;margin-bottom:4px;border-radius:calc(14px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--text);text-align:left;font:inherit;cursor:pointer}
  .ms-me-av{position:relative;flex:none;display:flex}
  .ms-me-av img{width:46px;height:46px;border-radius:50%;border:2px solid var(--line2)}
  .ms-me-av .u-rank{position:absolute;right:-4px;bottom:-5px;display:flex;filter:drop-shadow(0 0 1.5px var(--card)) drop-shadow(0 1px 2px rgba(0,0,0,.4))}
  .ms-me-av .u-rank .rk-em{filter:none}
  .ms-me-t{flex:1;min-width:0}
  .ms-me-t b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ms-me-t small{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ms-me-t small em{font-style:normal;font-weight:700;color:var(--gold)}
  .ms-me-bar{height:4px;border-radius:calc(2px*var(--rs));background:var(--line);margin-top:7px;overflow:hidden}
  .ms-me-bar i{display:block;height:100%;background:var(--goldbg);border-radius:calc(2px*var(--rs))}
  .ms-me-go{font-size:24px;color:var(--dim);line-height:1}
}
@media (prefers-reduced-motion:reduce){#mmenu.on,.ms-in{animation:none}}

/* ============ TOP BAR: Shop menu, logo, banner placement ============ */
header .wrap{position:relative}
.hrow{height:68px}
#navCats{display:contents}
.nav-shop{display:inline-flex;align-items:center;gap:6px;background:none;font:inherit;font-size:13px;font-weight:600;line-height:normal}
.nav-shop .nav-car{width:12px;height:12px;opacity:.7;transition:transform .2s}
.nav-shop.open{background:var(--card);border-color:var(--line)}
.nav-shop.open .nav-car{transform:rotate(180deg)}
.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--goldbg);box-shadow:0 0 0 3px var(--goldsoft);margin-left:-1px}
.nav-dot[hidden]{display:none}
.shopmenu{position:absolute;top:calc(100% - 4px);left:24px;z-index:350;width:min(900px,calc(100% - 48px));padding:14px;border-radius:calc(16px*var(--rs));border:1px solid var(--line2);background:var(--bg2);box-shadow:0 22px 50px rgba(0,0,0,.45);animation:shmIn .16s ease}
.shopmenu[hidden]{display:none}
@keyframes shmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.shm-head{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.shm-all,.shm-cus{position:relative;display:block;padding:13px 40px 13px 16px;border-radius:calc(12px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}
.shm-all{background:linear-gradient(120deg,var(--goldsoft),var(--card) 70%);border-color:rgba(var(--accent-rgb),.35)}
.shm-all b,.shm-cus b{display:block;font-size:14.5px}
.shm-all small,.shm-cus small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.shm-all span,.shm-cus span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:16px;transition:transform .15s}
.shm-all:hover,.shm-cus:hover{border-color:var(--gold)}
.shm-all:hover span,.shm-cus:hover span{transform:translate(3px,-50%)}
.shm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.shm-t{display:flex;align-items:center;gap:12px;padding:8px;border-radius:calc(12px*var(--rs));color:var(--text);text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s}
.shm-t:hover,.shm-t:focus-visible{background:var(--card);border-color:var(--line);outline:none}
.shm-img{position:relative;flex:none;width:66px;height:48px;border-radius:calc(9px*var(--rs));overflow:hidden;background:var(--card3)}
.shm-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.shm-t:hover .shm-img img{transform:scale(1.08)}
.shm-new,.ms-new{position:absolute;left:4px;top:4px;font:800 8.5px/1 var(--fb),sans-serif;letter-spacing:.06em;font-style:normal;padding:3px 5px;border-radius:calc(4px*var(--rs));background:var(--goldbg);color:var(--on-accent)}
.ms-new{position:static;flex:none;font-size:9.5px;padding:3px 6px}
.shm-tx{min-width:0}
.shm-tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shm-tx small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
html.light .shopmenu{box-shadow:0 22px 50px rgba(70,52,20,.18)}
html.light body.sx header.sx-small{background:rgba(247,244,238,.95);box-shadow:0 10px 30px rgba(70,52,20,.12)}
.spbar.sp-home{padding-top:26px}
@media(max-width:760px){
  .shopmenu{display:none!important}
  .hrow{height:62px}
  .logo img{height:44px!important}
  .spbar.sp-home{padding-top:16px}
}
@media (prefers-reduced-motion:reduce){.shopmenu{animation:none}}

/* ============ FOOTER ============ */
footer.ft{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg) 85%);margin-top:20px;position:relative}
footer.ft::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.55),transparent)}
.ft-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 0;border:1px solid var(--line);border-radius:calc(16px*var(--rs));background:var(--card);overflow:hidden}
.ft-stat{padding:20px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ft-stat+.ft-stat{border-left:1px solid var(--line)}
.ft-stat b{font-family:var(--fh),Impact,sans-serif;font-weight:400;font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:.03em;color:var(--gold);white-space:nowrap}
.ft-stat span{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);line-height:1.35}
.ft-main{display:grid;grid-template-columns:1.25fr 1.45fr .9fr .95fr;gap:40px;padding:44px 0 36px}
.ft-logo{height:60px;width:auto;display:block;margin-bottom:14px}
.ft-tag{font-size:14px;line-height:1.65;color:var(--muted);max-width:34ch;margin:0 0 18px}
.ft-social{display:flex;gap:10px;flex-wrap:wrap}
.ft-social .fsoc{padding:10px 16px;border-radius:calc(10px*var(--rs));font-size:13px}
.ft-col h5{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin:4px 0 16px;display:flex;align-items:center;gap:10px}
.ft-col h5::after{content:"";flex:1;height:1px;background:var(--line)}
.ft-links{display:flex;flex-direction:column;gap:2px}
.ft-shop .ft-links{display:block;columns:2;column-gap:20px}
.ft-shop .ft-links a{break-inside:avoid}
.ft-links #footerCats{display:contents}
.ft-links a{display:block;padding:6px 0;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;text-decoration:none;transition:color .15s,transform .15s;width:fit-content}
.ft-links a:hover{color:var(--gold);transform:translateX(2px)}
.ft-legal{margin:16px 0 0;font-size:12px;line-height:1.6;color:var(--dim);max-width:30ch}
.ft-bot{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:18px 0 26px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.ft-copy{flex:1 1 auto}
.ft-secure{display:inline-flex;align-items:center;gap:7px}
.ft-secure svg{width:14px;height:14px;color:var(--green)}
.ft-top{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:calc(9px*var(--rs));border:1px solid var(--line2);background:var(--card);color:var(--text);font:600 12.5px var(--fb),sans-serif;cursor:pointer;transition:border-color .15s,color .15s}
.ft-top svg{width:14px;height:14px}
.ft-top:hover{border-color:var(--gold);color:var(--gold)}
html.light footer.ft{background:linear-gradient(180deg,var(--bg2),var(--bg) 85%)}
@media(max-width:1100px){
  .ft-main{grid-template-columns:1fr 1fr;gap:34px 40px}
}
@media(max-width:760px){
  .ft-stats{grid-template-columns:1fr 1fr;margin-top:20px}
  .ft-stat{padding:16px}
  .ft-stat:nth-child(3){border-left:0}
  .ft-stat:nth-child(n+3){border-top:1px solid var(--line)}
  .ft-stat b{font-size:30px}
  .ft-stat span{font-size:10.5px}
  .ft-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding:30px 0 26px}
  .ft-brand,.ft-shop{grid-column:1/-1}
  .ft-logo{height:52px}
  .ft-social .fsoc{flex:1;justify-content:center}
  .ft-links a{padding:7px 0;font-size:14.5px}
  .ft-bot{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:20px}
  .ft-top{align-self:stretch;justify-content:center}
}
.dcw{transition:opacity .25s,transform .25s}
body.ft-end .dcw{opacity:0;transform:translateY(12px);pointer-events:none}

/* store reply under a review */
.rev-reply{margin-top:10px;padding:10px 12px;border-left:3px solid var(--gold);border-radius:0 calc(8px*var(--rs)) calc(8px*var(--rs)) 0;background:var(--goldsoft)}
.rev-reply-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:12px}
.rev-reply-h b{color:var(--gold);font-weight:700}.rev-reply-h span{color:var(--muted)}
.rev-reply .rev-tx{color:var(--text)}

/* ============ SITE BUILDER (Site editor → Customize) ============ */
/* section options */
.sxs-pad-none{padding-top:0!important;padding-bottom:0!important}
.sxs-pad-s{padding-top:26px!important;padding-bottom:26px!important}
.sxs-pad-l{padding-top:100px!important;padding-bottom:100px!important}
.sxs-bg-surface{background:var(--bg2)}
.sxs-bg-accent{background:linear-gradient(180deg,rgba(var(--accent-rgb),.10),rgba(var(--accent-rgb),.04))}
.sxs-bg-color{background:var(--sxs-bg)}
.sxs-bg-image{background:linear-gradient(rgba(var(--bg-rgb),var(--sxs-dim,.6)),rgba(var(--bg-rgb),var(--sxs-dim,.6))),var(--sxs-img) center/cover no-repeat}
.sxs-bg-surface,.sxs-bg-accent,.sxs-bg-color,.sxs-bg-image{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sxs-w-narrow>.wrap{max-width:880px}.sxs-w-full>.wrap{max-width:none}
.sxs-tc,.sxs-tc .sxs-h,.sxs-tc h2{color:var(--sxs-tc)}.sxs-tc .sub,.sxs-tc .sxs-p{color:var(--sxs-tc);opacity:.82}
.sxs-al-center .shead{justify-content:center;text-align:center}.sxs-al-center .shead>div{margin:0 auto}
.sxs-al-right .shead{flex-direction:row-reverse;text-align:right}
.sxs-hide{display:none!important}
@media(max-width:760px){.sxs-hm{display:none!important}}
@media(min-width:761px){.sxs-hd{display:none!important}}
.sxs-empty{color:var(--muted);font-size:14px;padding:18px 0;grid-column:1/-1}
/* shared text block */
.sxs-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:660px;position:relative;z-index:1}
.sxs-eyebrow{font:700 12px var(--fl),sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.sxs-h{font-size:calc(clamp(30px,4vw,54px)*var(--hs,1));line-height:1.02}
.sxs-p{font-size:15.5px;line-height:1.65;color:var(--muted);white-space:pre-line}
.sxs-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.sxs-al-center .sxs-copy{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
.sxs-al-right .sxs-copy{align-items:flex-end;text-align:right;margin-left:auto}
.sxs-al-center .sxs-btns{justify-content:center}
/* product rows */
@media(min-width:1100px){.sxs .sxs-grid:not(.sxs-row){grid-template-columns:repeat(var(--sxs-cols,4),minmax(0,1fr))}}
.sxs-row{grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 54px)/var(--sxs-cols,4)));grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.sxs-row>*{scroll-snap-align:start}
@media(max-width:640px){.sxs-row{grid-auto-columns:72%}}
/* image banner */
.sxs-banner-in{position:relative;display:flex;align-items:center;min-height:var(--bh,340px);padding:48px clamp(22px,5vw,64px);border-radius:calc(18px*var(--rs));overflow:hidden;border:1px solid var(--line2);background:radial-gradient(900px 400px at 0% 0%,rgba(var(--accent-rgb),.16),transparent 60%),linear-gradient(115deg,var(--card2),var(--card))}
.sxs-banner-in[style*="--sxs-bimg"],.sxs-cd[style*="--sxs-bimg"]{background:linear-gradient(90deg,rgba(8,10,13,calc(var(--sxs-bdim) + .25)),rgba(8,10,13,var(--sxs-bdim))),var(--sxs-bimg) center/cover no-repeat;border-color:rgba(255,255,255,.08)}
.sxs-banner-in[style*="--sxs-bimg"] .sxs-h,.sxs-cd[style*="--sxs-bimg"] .sxs-h{color:#fff}
.sxs-banner-in[style*="--sxs-bimg"] .sxs-p,.sxs-cd[style*="--sxs-bimg"] .sxs-p{color:rgba(255,255,255,.86)}
.sxs-h-s{--bh:220px}.sxs-h-m{--bh:340px}.sxs-h-l{--bh:480px}.sxs-h-xl{--bh:640px}
.sxs-al-center .sxs-banner-in{justify-content:center}.sxs-al-right .sxs-banner-in{justify-content:flex-end}
/* image + text */
.sxs-it{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.sxs-side-right .sxs-it-img{order:2}
.sxs-it-img{aspect-ratio:4/3;border-radius:calc(16px*var(--rs));overflow:hidden;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:13px}
.sxs-it-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:820px){.sxs-it{grid-template-columns:1fr}.sxs-side-right .sxs-it-img{order:0}}
/* text */
.sxs-text{max-width:820px}
/* discord */
.sxs-dc{display:flex;align-items:center;gap:24px;padding:30px clamp(22px,4vw,40px);border-radius:calc(18px*var(--rs));background:linear-gradient(120deg,#5865f2,#4049b8);color:#fff;flex-wrap:wrap}
.sxs-dc-ic{width:64px;height:64px;border-radius:calc(16px*var(--rs));background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none}.sxs-dc-ic svg{width:36px;height:36px}
.sxs-dc .sxs-h{color:#fff;font-size:calc(clamp(26px,3vw,40px)*var(--hs,1))}.sxs-dc .sxs-p{color:rgba(255,255,255,.86)}
.sxs-dc .sxs-copy{flex:1;min-width:220px;gap:6px}
.sxs-dc-btn{background:#fff!important;color:#2b2f86!important;border:0}
/* countdown */
.sxs-cd{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:44px clamp(18px,4vw,48px);border-radius:calc(18px*var(--rs));overflow:hidden;border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(700px 300px at 50% 0%,rgba(var(--accent-rgb),.18),transparent 70%),var(--card)}
.sxs-cd .sxs-copy{align-items:center;text-align:center}
.sxs-timer{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.sxs-timer div{min-width:86px;padding:14px 10px;border-radius:calc(12px*var(--rs));background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}
.sxs-timer b{font:400 48px/1 var(--fh),sans-serif;color:var(--gold)}
.sxs-timer span{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sxs-tm-note{font:400 30px var(--fh),sans-serif;color:var(--gold)}
html.light .sxs-timer div{background:rgba(255,255,255,.7);border-color:var(--line)}
/* gallery */
.sxs-gal{display:grid;grid-template-columns:repeat(var(--sxs-cols,4),minmax(0,1fr));gap:12px}
.sxs-gi{position:relative;display:block;aspect-ratio:4/3;border-radius:calc(12px*var(--rs));overflow:hidden;background:var(--card);border:1px solid var(--line)}
.sxs-gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sxs-gi:hover img{transform:scale(1.06)}
.sxs-gi span{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent)}
@media(max-width:760px){.sxs-gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* reviews */
.sxs-revs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.sxs-rev{margin:0;padding:20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.sxs-stars i{font-style:normal;color:var(--line2);font-size:16px}.sxs-stars i.on,.sxs-stars i.half{color:var(--gold)}
.sxs-rev blockquote{margin:0;font-size:14.5px;line-height:1.6;color:var(--text);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.sxs-rev figcaption{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:13px}.sxs-rev figcaption span{color:var(--muted);font-size:12px}
/* faq */
.sxs-faq{display:flex;flex-direction:column;gap:10px;max-width:880px}
.sxs-al-center .sxs-faq{margin:0 auto}
.sxs-faq details{border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden}
.sxs-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:15px}
.sxs-faq summary::-webkit-details-marker{display:none}
.sxs-faq summary i{font-style:normal;color:var(--gold);font-size:20px;line-height:1}.sxs-faq summary i::after{content:"+"}.sxs-faq details[open] summary i::after{content:"−"}
.sxs-faq details p{padding:0 20px 18px;color:var(--muted);line-height:1.65;font-size:14.5px;white-space:pre-line;text-align:left}
/* video */
.sxs-video{aspect-ratio:16/9;border-radius:calc(16px*var(--rs));overflow:hidden;background:#000;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}
.sxs-video iframe{width:100%;height:100%;border:0;display:block}
.sxs-w-narrow .sxs-video{max-width:880px;margin:0 auto}
/* spacer */
section.sxs-spacer{padding:0!important;display:flex;align-items:center}.sxs-spacer .wrap{width:100%}
.sxs-line{border:0;border-top:1px solid var(--line)}
/* category tiles drawn from Customize */
#catTiles.sd-tiles .ctile{min-width:0}
#catTiles.sd-tiles .ctile.has-bg{display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;border-radius:calc(14px*var(--rs))}
#catTiles.sd-tiles .ctile.has-bg::before{content:"";position:absolute;inset:0;z-index:-1}
#catTiles.sd-tiles .ctile.has-bg .ct-ico{display:none}
#catTiles.sd-tiles .ctile.has-bg .ct-name{font-size:28px;color:#eef2f6}
#catTiles.sd-tiles .ctile.has-bg .ct-count{color:#c3ccd7}
#catTiles.sd-tiles .ctile.has-bg .ct-arrow{color:var(--accent)}
#catTiles.sd-tiles .ct-bg{display:block;filter:saturate(.9) brightness(.85)}
#catTiles.sd-tiles .ctile:hover .ct-bg{transform:scale(1.08);filter:saturate(1) brightness(.95)}
#catTiles.sd-tiles .ctile{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
#catTiles.sd-tiles .ctile:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.6)}
#catTiles.sd-tiles .ctile.sd-min{padding:22px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:640px){#catTiles.sd-tiles .ctile{padding:16px}#catTiles.sd-tiles .ctile.has-bg .ct-name{font-size:21px}#catTiles.sd-tiles .ct-arrow{right:14px;bottom:14px}}
/* category page banner */
.phead.sd-has-ban{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(18px*var(--rs));border:1px solid var(--line);padding:clamp(26px,4vw,48px) clamp(20px,4vw,44px);margin-top:24px;min-height:var(--ph,240px);display:flex;flex-direction:column;justify-content:flex-end}
.sd-pban{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,10,13,calc(var(--sxs-bdim) + .3)),rgba(8,10,13,var(--sxs-bdim))),var(--sxs-bimg) center/cover no-repeat}
.phead.sd-has-ban h1,.phead.sd-has-ban .pback{color:#fff}.phead.sd-has-ban p{color:rgba(255,255,255,.86)}
.phead:has(.sd-pban-s){--ph:170px}.phead:has(.sd-pban-l){--ph:340px}
/* hero overlay layer */
#heroImg .sd-hov{position:absolute;inset:0}

/* ---- My Account → Commissions ---- */
.com-o{border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card);padding:16px 18px;margin-bottom:12px}
.com-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.com-h>div{flex:1;min-width:180px}.com-h b{font-size:15px;color:var(--text)}.com-h small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.com-st{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;border:1px solid var(--line);white-space:nowrap}
.com-st.gold{color:var(--gold);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.com-st.info{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(96,165,250,.08)}
.com-st.ok{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.08)}.com-st.warn{color:#fbbf24;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}.com-st.bad{color:#f87171;border-color:rgba(248,113,113,.35)}
.com-t{font:700 16px var(--fb),system-ui,sans-serif;color:var(--gold)}
.com-track{display:flex;gap:6px;margin:14px 0 4px}.com-track span{flex:1;display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--dim);font-weight:600}
.com-track i{height:4px;border-radius:2px;background:var(--line)}.com-track span.on{color:var(--text)}.com-track span.on i{background:var(--gold)}
.com-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.25);font-size:13px;line-height:1.5;color:var(--text)}.com-note b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.com-d{margin-top:12px;font-size:13px}.com-d summary{cursor:pointer;color:var(--muted);font-weight:600}.com-l{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);color:var(--text)}.com-l small{color:var(--muted)}.com-l i{font-style:normal;font-family:var(--fb),system-ui,sans-serif;font-size:12.5px;white-space:nowrap}
.com-refs{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.com-refs a{width:56px;height:56px;border-radius:8px;border:1px solid var(--line);background:var(--card2) center/cover no-repeat}
.com-a{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.com-cr{font-size:12.5px;color:#4ade80;margin-top:6px}
.com-files{margin-top:12px;padding:12px;border-radius:10px;border:1px solid rgba(74,222,128,.3);background:rgba(74,222,128,.05)}.com-files>b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#4ade80;margin-bottom:6px}
.com-f{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:6px 0;font-size:13.5px;color:var(--text);flex-wrap:wrap}.com-f span{min-width:0;overflow-wrap:anywhere}.com-f small{color:var(--muted)}
.com-un{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:99px;background:var(--gold);color:#111;font-size:11px;font-weight:800}
.com-chat{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:12px}
.com-th{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:6px}
.com-c-empty{font-size:13px;color:var(--muted);padding:4px 0 8px}
.com-m{display:flex;flex-direction:column;align-items:flex-start;max-width:85%}.com-m.me{align-self:flex-end;align-items:flex-end}
.com-mb{padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--card);border:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.com-m.me .com-mb{border-radius:14px 14px 4px 14px;background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}
.com-m small{font-size:11px;color:var(--muted);margin-top:3px}
.com-mi{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.com-mi img{width:88px;height:88px;object-fit:cover;border-radius:8px;display:block}
.com-comp{border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.com-comp textarea{width:100%;box-sizing:border-box;min-height:58px;resize:vertical;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:9px 11px;font:inherit;font-size:13.5px}
.com-comp-b{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.com-att{color:var(--muted);font-size:12px}
.comq-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 10px}.comq-h b{font-family:var(--fh),Impact,sans-serif;font-weight:400;font-size:20px;letter-spacing:.06em;color:var(--text)}.comq-h small{font-size:12.5px;color:var(--muted)}
.comq{border-style:dashed;border-color:rgba(var(--accent-rgb),.4)}.comq-s{font-size:13px;color:var(--muted);margin-top:8px}.com-st.muted{color:var(--muted)}
.comq-lock{font-size:12.5px;color:#4ade80;margin-top:6px}

/* ---- Mystery Product: product page teaser + reveal pop-up ---- */
.mys-box{margin:0 0 16px;padding:16px;border-radius:calc(14px*var(--rs,1));border:1px solid rgba(179,136,255,.38);background:radial-gradient(120% 100% at 0% 0%,rgba(139,92,246,.16),rgba(139,92,246,.03) 60%);color:var(--text)}
.mys-h{display:flex;align-items:center;gap:12px}.mys-h b{display:block;font-family:var(--fh),Impact,sans-serif;font-weight:400;font-size:22px;letter-spacing:.05em}.mys-h small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.mys-dice{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:rgba(179,136,255,.16);border:1px solid rgba(179,136,255,.4);flex:none;animation:mysWob 3.2s ease-in-out infinite}
@keyframes mysWob{0%,100%{transform:rotate(0)}8%{transform:rotate(-14deg)}16%{transform:rotate(10deg)}24%{transform:rotate(0)}}
.mys-peek{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0 4px}
.mys-peek span{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:var(--card2,#1a2029) center/cover no-repeat;border:1px solid var(--line)}
.mys-peek span::before{content:"";position:absolute;inset:-2px;backdrop-filter:blur(7px) saturate(.6);-webkit-backdrop-filter:blur(7px) saturate(.6);background:rgba(30,16,60,.35)}
.mys-peek span i{position:absolute;inset:0;display:grid;place-items:center;font:700 20px var(--fb),sans-serif;font-style:normal;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.mys-cats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}.mys-cats em{font-style:normal;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--text);font-weight:600}
.mys-facts{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--muted)}.mys-facts li{display:flex;gap:8px;align-items:flex-start}.mys-facts b{color:var(--text)}
.mys-left{margin-top:12px;padding:9px 12px;border-radius:10px;font-size:13px;background:rgba(179,136,255,.1);border:1px solid rgba(179,136,255,.3);color:var(--text)}.mys-left b{color:#c4b5fd}.mys-left.none{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.3)}
.mys-ov{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px;background:rgba(6,4,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:mysIn .25s ease}
.mys-ov.out{opacity:0;transition:opacity .2s}
@keyframes mysIn{from{opacity:0}to{opacity:1}}
.mys-m{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;text-align:center;padding:28px 22px 22px;border-radius:calc(20px*var(--rs,1));background:radial-gradient(120% 80% at 50% 0%,rgba(139,92,246,.28),var(--card,#12161c) 62%);border:1px solid rgba(179,136,255,.45);box-shadow:0 30px 80px -20px rgba(139,92,246,.55);color:var(--text)}
.mys-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.mys-kicker{font:800 11.5px var(--fb),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c4b5fd}
.mys-m h3{margin:6px 0 18px;font-family:var(--fh),Impact,sans-serif;font-weight:400;font-size:32px;letter-spacing:.05em}
.mys-cards{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;perspective:1200px}
.mys-card{width:200px;height:260px}
.mys-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:mysFlip .8s cubic-bezier(.2,.7,.2,1.2) var(--d) both}
@keyframes mysFlip{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}
.mys-f{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(179,136,255,.5)}
.mys-back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#2a1858 0 10px,#22134a 10px 20px)}.mys-back span{font:700 64px var(--fh),Impact,sans-serif;color:#c4b5fd;text-shadow:0 0 24px rgba(179,136,255,.8)}
.mys-front{transform:rotateY(180deg);background:var(--card,#12161c);text-align:left;padding:0 0 12px}
.mys-img{height:150px;background:var(--card2,#1a2029) center/cover no-repeat;margin-bottom:10px}.mys-cr{display:grid;place-items:center;font-size:52px}
.mys-front b{display:block;padding:0 12px;font-size:14.5px;line-height:1.3}.mys-front small{display:block;padding:3px 12px 0;font-size:12px;color:var(--muted)}
.mys-bonus{position:absolute;top:10px;left:10px;font-style:normal;font:800 11px var(--fb),sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#c084fc);color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.5)}
.mys-sub{margin:18px 0 14px;font-size:13px;color:var(--muted)}
.mys-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:480px){.mys-card{width:calc(50% - 7px);height:230px}.mys-img{height:120px}.mys-m h3{font-size:26px}.mys-peek{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.mys-in{animation-duration:.01s}.mys-dice{animation:none}}
html.light .mys-back{background:repeating-linear-gradient(45deg,#4c2a9e 0 10px,#3f2285 10px 20px)}

.mys-jack{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(110deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04) 60%);box-shadow:0 0 22px -8px rgba(var(--accent-rgb),.6)}
.mys-jack>span{font-size:28px;flex:none;animation:mysWob 3.2s ease-in-out infinite}.mys-jack b{display:block;font-family:var(--fh),Impact,sans-serif;font-weight:400;font-size:20px;letter-spacing:.05em;color:var(--gold)}.mys-jack small{display:block;font-size:12.5px;color:var(--muted);line-height:1.45}
.mys-card.jack .mys-f{border-color:var(--gold);box-shadow:0 0 34px -4px rgba(var(--accent-rgb),.75)}
.mys-jp{display:grid;place-items:center;font-size:64px;background:radial-gradient(circle,rgba(var(--accent-rgb),.45),rgba(var(--accent-rgb),.05) 70%),var(--card2,#1a2029)}
.mys-bonus-j{background:linear-gradient(90deg,#c99a2e,#f6dd9c);color:#1a1205}

/* ---- Mystery Product: homepage hero card + recently won ticker ---- */
.my-hc{border-color:rgba(179,136,255,.55)!important;background:linear-gradient(160deg,rgba(139,92,246,.22),var(--card) 55%)!important}
.my-hc-flag{background:linear-gradient(90deg,#8b5cf6,#c084fc)!important;color:#fff!important}
.my-hc-sub{font-size:11.5px;color:var(--muted);line-height:1.5;margin:-2px 0 10px}
.my-mcard{border-color:rgba(179,136,255,.45)}
.mys-tk{margin-top:12px;border:1px solid rgba(179,136,255,.3);border-radius:12px;background:rgba(139,92,246,.06);overflow:hidden}
.mys-tk-h{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font:800 11px var(--fb),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c4b5fd}
.mys-live{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:mysPulse 1.8s infinite}
@keyframes mysPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.mys-tk-v{height:34px;overflow:hidden;position:relative}
.mys-tk-t{display:flex;flex-direction:column}
.mys-tk-t.run{animation:mysTick calc(var(--n) * 3.2s) steps(var(--n)) infinite}
.mys-tk-v:hover .mys-tk-t{animation-play-state:paused}
@keyframes mysTick{from{transform:translateY(0)}to{transform:translateY(calc(var(--n) * -34px))}}
.mys-tk-i{display:block;height:34px;line-height:34px;padding:0 12px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mys-tk-i b{color:var(--text)}.mys-tk-i em{font-style:normal;color:var(--text);font-weight:600}.mys-tk-i i{font-style:normal;font-size:11.5px;color:var(--dim)}
.mys-tk-i.jp em,.mys-tk-i.jp{color:var(--gold)}
@media (prefers-reduced-motion:reduce){.mys-tk-t.run{animation:none}.mys-live{animation:none}}

/* ---- Sign in: Discord or email code ---- */
.lg-or{display:flex;align-items:center;gap:12px;margin:4px 0 14px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.lg-or::before,.lg-or::after{content:"";flex:1;height:1px;background:var(--line)}
.lg-in{width:100%;box-sizing:border-box;height:46px;text-align:left;font-size:15px}
.lg-main{width:100%;height:46px;margin-top:10px;justify-content:center;font-size:14.5px}
.lg-small{font-size:12px!important;color:var(--dim)!important;margin-top:12px}
.lg-err{display:none;margin-top:10px;padding:9px 11px;border-radius:9px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3);color:#fca5a5;font-size:13px;text-align:left}
.lg-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3)}
.lg-code{display:flex;gap:8px;justify-content:center;margin:20px 0 4px}
.lg-d{width:46px;height:56px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--text);text-align:center;font:700 24px "JetBrains Mono",monospace;outline:none;transition:border-color .15s,box-shadow .15s;padding:0}
.lg-d:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}
.lg-code.shake{animation:lgShake .4s}
@keyframes lgShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.lg-links{display:flex;justify-content:center;gap:8px;margin-top:14px;font-size:13px;color:var(--dim)}
.lg-links button{background:none;border:0;color:var(--gold);font:inherit;font-weight:600;cursor:pointer;padding:2px}.lg-links button[disabled]{color:var(--dim);cursor:default}
.lg-acc{display:flex;flex-direction:column;gap:14px;width:100%}
.lg-acc-h{display:flex;align-items:center;gap:12px}.lg-acc-h b{display:block;font-size:15px}.lg-acc-h small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.lg-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.35);color:var(--gold);font-weight:800;flex:none}
.lg-acc-r{display:flex;gap:8px}.lg-acc-r .inp{flex:1;min-width:0}
.lg-connect{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:1px solid rgba(88,101,242,.45);background:rgba(88,101,242,.08);flex-wrap:wrap}
.lg-connect>div:nth-child(2){flex:1;min-width:200px}.lg-connect b{display:block;font-size:14px}.lg-connect small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.lg-connect-ic{width:40px;height:40px;border-radius:10px;background:#5865F2;color:#fff;display:grid;place-items:center;flex:none}.lg-connect-ic svg{width:22px;height:22px}
@media (max-width:420px){.lg-d{width:40px;height:50px;font-size:21px}.lg-code{gap:6px}}

/* ===== Notifications drawer (bell) ===== */
#notifDrawer{width:420px}
#notifDrawer .nd-list{max-height:none;flex:1;min-height:0;overflow-y:auto}
.nd-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px 20px;border-bottom:1px solid var(--line)}
.nd-ht h3{margin:0;font-size:24px;letter-spacing:.06em;line-height:1}
.nd-ht small{display:block;font-size:12px;color:var(--muted);margin-top:4px;min-height:15px}
.nd-ha{display:flex;gap:6px;align-items:center}
.nd-ib{width:34px;height:34px;border-radius:calc(8px*var(--rs));border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}
.nd-ib svg{width:17px;height:17px}.nd-ib:hover:not(:disabled){color:var(--gold);border-color:var(--gold)}.nd-ib:disabled{opacity:.4;cursor:default}
.nd-chips{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);flex-shrink:0}
.nd-chips::-webkit-scrollbar{display:none}.nd-chips:empty{display:none}
.nd-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--muted);font:600 12.5px var(--fb),sans-serif;cursor:pointer;transition:all .15s}
.nd-chip b{font-size:10.5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--goldbg);color:var(--on-accent);display:grid;place-items:center}
.nd-chip:hover{color:var(--text);border-color:var(--dim)}
.nd-chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.nd-chip.on b{background:var(--bg);color:var(--text)}
.nd-list{padding:4px 0 10px}
.nd-grp{position:sticky;top:0;z-index:1;font:700 10.5px var(--fl),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:12px 20px 6px;background:var(--bg2)}
.nd-it{position:relative;display:flex;gap:12px;padding:12px 44px 12px 20px;cursor:default;transition:background .15s,opacity .18s,transform .18s;outline:none}
.nd-it.link{cursor:pointer}
.nd-it:hover,.nd-it:focus-visible{background:var(--card)}
.nd-it:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.nd-it.unread::before{content:'';position:absolute;left:8px;top:24px;width:7px;height:7px;border-radius:50%;background:var(--goldbg)}
.nd-it.out{opacity:0;transform:translateX(-40px)}
.nd-ic{flex:none;width:38px;height:38px;border-radius:calc(10px*var(--rs));display:grid;place-items:center;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent);border:1px solid color-mix(in srgb,var(--ic) 30%,transparent)}
.nd-ic svg{width:18px;height:18px}
.nd-b{flex:1;min-width:0}
.nd-t{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.35}
.nd-it:not(.unread) .nd-t{font-weight:500;color:var(--muted)}
.nd-x{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nd-m{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;color:var(--dim)}
.nd-m span+span::before{content:'·';margin-right:10px;color:var(--line2)}
.nd-go{color:var(--gold);font-weight:600}
.nd-dx{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:calc(7px*var(--rs));border:0;background:none;color:var(--dim);cursor:pointer;font-size:12px;opacity:0;transition:opacity .15s,background .15s}
.nd-it:hover .nd-dx,.nd-it:focus-within .nd-dx{opacity:1}.nd-dx:hover{background:var(--card2);color:var(--text)}
@media (hover:none){.nd-dx{opacity:.7}}
.nd-empty{padding:48px 28px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
.nd-empty b{display:block;color:var(--text);font-size:15px;margin:14px 0 4px}.nd-empty p{margin:0 0 16px}
.nd-big{display:inline-flex}.nd-big .nd-ic{width:56px;height:56px;border-radius:calc(16px*var(--rs))}.nd-big .nd-ic svg{width:26px;height:26px}
.nd-more{padding:12px 20px;text-align:center}
.nd-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-shrink:0}
.nd-foot button{background:none;border:0;color:var(--dim);font:600 12.5px var(--fb),sans-serif;cursor:pointer;padding:6px 0}
.nd-foot button:hover{color:var(--text)}.nd-foot button+button{color:var(--gold)}
.nd-skel>div{display:flex;gap:12px;padding:14px 20px}.nd-skel i{width:38px;height:38px;border-radius:10px;background:var(--card2);flex:none}
.nd-skel span{flex:1;display:flex;flex-direction:column;gap:8px}.nd-skel b,.nd-skel em{display:block;height:11px;border-radius:6px;background:var(--card2);animation:ndPulse 1.2s ease-in-out infinite}.nd-skel em{width:60%}
@keyframes ndPulse{50%{opacity:.45}}
.badge-count.pop{animation:ndPop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes ndPop{0%{transform:scale(.4)}100%{transform:scale(1)}}
#notifDrawer:not(.on){right:-460px}
@media (max-width:560px){#notifDrawer{width:100vw;max-width:100vw}#notifDrawer:not(.on){right:-105vw}.nd-h{padding:14px 12px 10px 16px}.nd-it{padding:12px 40px 12px 16px}.nd-grp{padding-left:16px}.nd-chips{padding:10px 12px}}
@media (prefers-reduced-motion:reduce){.nd-it,.badge-count.pop{transition:none;animation:none}}

/* ===== My Account → Settings ===== */
.set-wrap{max-width:860px}
.set-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.set-nav::-webkit-scrollbar{display:none}
.set-nav a{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none;background:var(--card)}
.set-nav a:hover{color:var(--text);border-color:var(--line2)}
.set-main{min-width:0}
.set-card{border-radius:calc(16px*var(--rs));border:1px solid var(--line);background:var(--card);padding:20px;margin-bottom:16px;scroll-margin-top:16px}
.set-ch{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.set-ch h3{margin:0;font:400 21px/1 var(--fh),sans-serif;letter-spacing:.05em}
.set-ch small{display:block;color:var(--dim);font-size:12px;margin-top:3px}
.set-ic{width:36px;height:36px;border-radius:calc(10px*var(--rs));display:grid;place-items:center;background:var(--goldsoft);color:var(--gold);flex:none}.set-ic svg{width:18px;height:18px}
.set-me{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.set-me img{width:48px;height:48px;border-radius:50%;object-fit:cover}.set-me b{display:block;font-size:15px}.set-me small{color:var(--dim);font-size:12px}
.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.set-f{margin-bottom:14px}
.set-f label{display:block;font:700 11px var(--fl),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.set-f label em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--dim);margin-left:6px}
.set-row{display:flex;gap:8px;align-items:center}.set-row .inp{flex:1;min-width:0}
.set-chips{display:flex;flex-wrap:wrap;gap:7px}
.set-chip{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--muted);font:600 12.5px var(--fb),sans-serif;cursor:pointer;transition:all .15s}
.set-chip:hover{border-color:var(--dim);color:var(--text)}
.set-chip.on{background:var(--goldsoft);border-color:var(--gold);color:var(--gold)}
.set-line{display:flex;gap:12px;align-items:flex-start}
.set-line b{display:block;font-size:13.5px}.set-line small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:2px}
.set-note{font-size:12.5px;color:var(--dim);line-height:1.6;margin:12px 0 0}
.set-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.set-sw{position:relative;display:inline-block;width:40px;height:23px;flex:none;cursor:pointer}
.set-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.set-sw i{position:absolute;inset:0;border-radius:999px;background:var(--line2);transition:background .18s}
.set-sw i::after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.set-sw input:checked+i{background:var(--goldbg)}.set-sw input:checked+i::after{transform:translateX(17px)}
.set-sw input:focus-visible+i{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold)}
.set-sw.dis{opacity:.35;cursor:not-allowed}.set-sw.dis input{cursor:not-allowed}
.set-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:calc(12px*var(--rs));overflow:hidden}
.set-li{display:flex;gap:12px;align-items:center;padding:13px 14px;background:var(--bg2)}
.set-li+.set-li{border-top:1px solid var(--line)}
.set-li.ended{opacity:.75}
.set-li-col{flex-direction:column;align-items:stretch}.set-li-top{display:flex;gap:12px;align-items:center}
.set-li-ic{width:36px;height:36px;border-radius:calc(9px*var(--rs));display:grid;place-items:center;background:var(--card2);color:var(--muted);flex:none}.set-li-ic svg{width:18px;height:18px}
.set-li-ic.dc{background:#5865f2;color:#fff}
.set-li-t{flex:1;min-width:0}.set-li-t b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.set-li-t small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
.set-ok,.set-off{display:inline-flex;align-items:center;gap:4px;font:700 10px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(61,220,151,.12);color:var(--green)}
.set-ok svg{width:11px;height:11px}.set-off{background:var(--card2);color:var(--muted)}
.set-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.set-add .inp{flex:1;min-width:180px}
.set-code{letter-spacing:.3em;font-family:'JetBrains Mono',monospace;font-size:16px!important;max-width:200px}
.set-hint{display:block;color:var(--dim);font-size:12px;margin-top:8px}
.set-mx{border:1px solid var(--line);border-radius:calc(12px*var(--rs));overflow:hidden}
.set-mx-r{display:grid;grid-template-columns:1fr repeat(var(--cols),84px);align-items:center;padding:11px 14px;background:var(--bg2)}
.set-mx-r+.set-mx-r{border-top:1px solid var(--line)}
.set-mx-h{background:var(--card2);padding:9px 14px}
.set-mx-h .set-mx-c{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted)}
.set-mx-h .set-mx-c svg{width:16px;height:16px}.set-mx-h em{font:700 10px var(--fl),sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal;text-align:center}
.set-mx-c{display:flex;justify-content:center}
.set-mx-k b{display:block;font-size:13.5px}.set-mx-k small{display:block;font-size:12px;color:var(--dim);line-height:1.45;margin-top:2px;padding-right:10px}
.set-saved{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-weight:600;margin-left:6px}.set-saved svg{width:13px;height:13px}
.set-danger{margin-top:14px;border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.06);border-radius:calc(12px*var(--rs));padding:14px}
.set-danger b{color:var(--red);font-size:14px}.set-danger p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:6px 0 12px}
.set-del{background:var(--red);color:#fff;border-color:var(--red)}.set-del:hover{filter:brightness(1.08)}
@media (max-width:560px){.set-card{padding:16px}.set-grid{grid-template-columns:1fr}.set-mx-r{grid-template-columns:1fr repeat(var(--cols),52px);padding:11px 10px}.set-mx-h em{font-size:9px}.set-mx-k small{display:none}
  .set-li{flex-wrap:wrap}.set-li>.btn,.set-li>a.btn{margin-left:48px}.set-row{flex-wrap:wrap}.set-row .btn{flex:none}}

/* ===== Getting-started checklist (overview) ===== */
.chk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.chk-h small{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}
.chk-n{font:400 26px/1 var(--fh),sans-serif;color:var(--gold)}
.chk-l{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.chk-l li{display:flex;gap:10px;align-items:center;padding:8px 0}
.chk-l li+li{border-top:1px dashed var(--line)}
.chk-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);flex:none;display:grid;place-items:center}
.chk-l li.done .chk-dot{background:var(--green);border-color:var(--green);color:#08130d}.chk-dot svg{width:12px;height:12px}
.chk-t{flex:1;min-width:0}.chk-t b{display:block;font-size:13px}.chk-t small{display:block;font-size:11.5px;color:var(--dim);line-height:1.45}
.chk-l li.done .chk-t b{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line2)}
.chk-l li.done .chk-t small{display:none}
.chk-hide{display:block;margin:10px auto 0;background:none;border:0;color:var(--dim);font-size:12px;cursor:pointer}.chk-hide:hover{color:var(--text)}

/* ===== Downloads: updates, changelog, install notes ===== */
.lib-upd{display:flex;gap:12px;align-items:center;padding:13px 14px;margin-bottom:14px;border-radius:calc(12px*var(--rs));border:1px solid rgba(251,146,60,.4);background:rgba(251,146,60,.08)}
.lib-upd-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#12161b;font-weight:800;font-size:18px;flex:none}
.lib-upd-t{flex:1;min-width:0}.lib-upd-t b{display:block;font-size:14px}.lib-upd-t small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:2px}
.lib-c.has-up{border-color:rgba(251,146,60,.55)}
.lib-more{margin:8px 0 0;font-size:12.5px}
.lib-more summary{cursor:pointer;color:var(--gold);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:5px}
.lib-more summary::-webkit-details-marker{display:none}.lib-more summary::before{content:'▸';font-size:10px;transition:transform .15s}.lib-more[open] summary::before{transform:rotate(90deg)}
.lib-more p{margin:6px 0 0;color:var(--muted);line-height:1.55;white-space:pre-line;background:var(--bg2);border:1px solid var(--line);border-radius:calc(8px*var(--rs));padding:8px 10px}
@media (max-width:560px){.lib-upd{flex-wrap:wrap}.lib-upd .btn{width:100%}}

/* reviews: their server */
.rev-srv{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--muted);border:1px solid var(--line);margin-left:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-code::placeholder{letter-spacing:normal;font-family:var(--fb),sans-serif;font-size:13px}
@media (max-width:560px){.set-li-t{flex:1 1 calc(100% - 60px)}.set-danger .set-row .inp{flex:1 1 100%}.set-danger .set-row .btn{width:100%}}
/* gift recipient (Discord ID only) */
.gift-lbl{display:block;font:700 10.5px var(--fl),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 0 6px}
#giftQ{font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.gift-none.bad{color:var(--red)}
.gift-res .gift-res-t{margin:0;display:flex;flex-direction:column;min-width:0;font-family:inherit;font-size:13px;color:var(--text)}
.gift-res .gift-res-t small{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis}
.gift-res .gift-res-go{margin-left:auto;flex:none;font-family:inherit;font-size:12px;font-weight:700;color:var(--on-accent);background:var(--goldbg);padding:6px 10px;border-radius:calc(7px*var(--rs))}
.gift-how{margin:8px 0 10px;font-size:12px;color:var(--muted)}
.gift-how summary{cursor:pointer;color:var(--gold);font-weight:600}
.gift-how ol{margin:8px 0 6px;padding-left:18px;line-height:1.6}.gift-how p{margin:0;color:var(--dim);line-height:1.5}
.set-gid{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border:1px dashed var(--line2);border-radius:calc(12px*var(--rs))}
.set-gid span{flex:1 1 220px}.set-gid b{display:block;font-size:13.5px}.set-gid small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.set-gid code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:6px 9px;color:var(--text)}

/* ===== Smart search ===== */
.sd-nm mark{background:none;color:var(--gold);font-weight:800}
.sd-pr s{color:var(--dim);font-size:11px;margin-right:2px}
.sd-fix{padding:9px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg2)}
.sd-fix b{color:var(--text)}
.sd-all{padding:11px 12px;text-align:center;font-size:12.5px;font-weight:700;color:var(--gold);cursor:pointer;background:var(--bg2)}
.sd-all:hover{background:var(--card2)}
.sd-pop{padding:12px}.sd-pop small{display:block;font:700 10.5px var(--fl),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.sd-pop>div{display:flex;flex-wrap:wrap;gap:6px}
.sd-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:600 12.5px var(--fb),sans-serif;cursor:pointer}
.sd-chip:hover{border-color:var(--gold);color:var(--gold)}
.sd-empty small{display:block;margin-top:6px}.sd-empty a{color:var(--gold)}
.dept-chips{align-items:center}
.dept-lbl{font:700 10.5px var(--fl),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-right:4px}
.dept-n{font-size:10.5px;color:var(--dim);font-weight:700;margin-left:2px}.chip.on .dept-n{color:inherit;opacity:.75}
.list-note{font-size:13px;color:var(--muted);margin:4px 0 10px}.list-note b{color:var(--text)}
.dchip{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--muted);font:600 12.5px var(--fb),sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s}
.dchip:hover{color:var(--text);border-color:var(--dim)}
.dchip.on{background:var(--goldsoft);border-color:var(--gold);color:var(--gold)}
.dept-chips{gap:7px;flex-wrap:wrap}

/* ===== Quotes from the team (My Account → Commissions) ===== */
.com-o.cq{position:relative;border-color:rgba(var(--accent-rgb),.35)}
.com-o.cq-open{border-color:var(--gold);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25),0 10px 30px rgba(0,0,0,.25)}
.cq-badge{display:inline-flex;align-items:center;gap:6px;font:800 10.5px var(--fl),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--goldsoft);border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.cq-lines{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cq-lines .com-l{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:13px;border-bottom:1px solid var(--line);margin:0}
.cq-lines .com-l small{color:var(--dim)}
.cq-lines .com-l i{font-style:normal;font-family:var(--fb),system-ui,sans-serif;white-space:nowrap}
.cq-lines .cq-cr i{color:var(--green)}
.cq-lines .cq-tot{border-bottom:0;background:var(--bg2);font-weight:800}.cq-lines .cq-tot i{color:var(--gold);font-size:15px}
.cq-credit{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--text);cursor:pointer}
.cq-credit input{width:16px;height:16px;accent-color:var(--goldbg)}
.cq-terms{font-size:11.5px;color:var(--dim);margin:10px 0 0;line-height:1.5}
.cq .cq-no{color:var(--muted)}
/* quotes: credit prompt, how to earn credit, rank rewards */
.cq-credit{display:block;margin-top:12px;padding:14px;border-radius:12px;border:1px solid rgba(61,220,151,.35);background:rgba(61,220,151,.07);cursor:default}
.cq-credit-h{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.cq-credit-h>span{font-size:22px;line-height:1}
.cq-credit-h b{display:block;font-size:14px}.cq-credit-h small{color:var(--muted);font-size:12px}
.cq-yn{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.cq-yn button{flex:1;padding:10px 12px;border:0;background:transparent;color:var(--muted);font:700 13px var(--fb),sans-serif;cursor:pointer}
.cq-yn button+button{border-left:1px solid var(--line2)}.cq-yn button.on{background:var(--green);color:#08130d}
.cq-earn{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line2);background:var(--bg2);font-size:12.5px;color:var(--muted)}
.cq-earn>b{display:block;color:var(--text);font-size:13.5px;margin-bottom:2px}.cq-earn ul{margin:8px 0;padding-left:18px;line-height:1.6}.cq-earn li b{color:var(--text)}
.cq-link{background:none;border:0;color:var(--gold);font:700 12.5px var(--fb),sans-serif;cursor:pointer;padding:4px 0}
.cq-rw{margin-top:12px}.cq-rw>b{display:block;font-size:13.5px;margin-bottom:6px}
.cq-rwb{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:inherit;cursor:pointer}
.cq-rwb i{width:20px;height:20px;border-radius:6px;border:2px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;flex:none}
.cq-rwb.on{border-color:var(--gold);background:var(--goldsoft)}.cq-rwb.on i{background:var(--goldbg);border-color:var(--goldbg);color:var(--on-accent)}
.cq-rwb span{flex:1;font-size:13px;font-weight:600}.cq-rwb small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}.cq-rwb em{font-style:normal;font-family:var(--fb),system-ui,sans-serif;color:var(--green);font-size:13px}
.cq-was{color:var(--dim);font-size:.75em;font-weight:500}
.cq-lines .cq-sub{color:var(--muted)}
.rk-vc{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:12px;background:var(--goldsoft);margin-bottom:8px}
.rk-vc-ic{font-size:22px}.rk-vc-t{flex:1;min-width:0}.rk-vc-t b{display:block;font-size:14px}.rk-vc-t small{color:var(--muted);font-size:12px}
.com-o.cq-flash{animation:cqFlash 1.1s ease-in-out 3;}
@keyframes cqFlash{0%,100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.65),0 0 26px rgba(var(--accent-rgb),.35)}}
.cq-miss{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.5;color:var(--muted);background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.3);border-radius:10px;padding:12px 14px;margin-bottom:14px}
.cq-miss>b{color:#f87171}
/* credit & points tip (account overview) */
.ct-tip{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(var(--accent-rgb),.25);background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.02));border-radius:12px;position:relative}
.ct-ic{font-size:22px;flex:none}
.ct-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ct-t b{font-size:13.5px;color:var(--text)}
.ct-t small{font-size:12.5px;color:var(--muted);line-height:1.5}
.ct-t a,.rk-rw-h a{color:var(--gold);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.ct-tip .btn{flex:none}
.ct-x{flex:none;background:none;border:0;color:var(--dim);font-size:13px;cursor:pointer;padding:6px;border-radius:6px;line-height:1}
.ct-x:hover{color:var(--text);background:rgba(255,255,255,.06)}
@media (max-width:600px){.ct-tip{flex-wrap:wrap;padding-right:34px}.ct-x{position:absolute;top:6px;right:6px}.ct-tip .btn{margin-left:34px}}
.ch-link{background:none;border:1px solid var(--line2);color:var(--gold);font:600 12px inherit;font-family:inherit;border-radius:8px;padding:7px 12px;cursor:pointer}
.ch-link:hover{background:rgba(var(--accent-rgb),.08)}
.ch-sheet{max-width:460px;text-align:left;max-height:calc(100vh - 40px);overflow-y:auto;padding:28px 26px}
.ch-sheet h3{text-align:center}
.ch-sheet .ch-lead{text-align:center;margin-bottom:6px}
.ch-h{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin:16px 0 6px}
.ch-r{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.ch-r>span{font-size:18px;flex:none;width:24px;text-align:center}
.ch-r b{font-size:13.5px;color:var(--text)}
.ch-r p{margin:2px 0 0;font-size:12.5px!important}
.ch-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
/* partner earnings (Credit & referrals) */
.pt{border-color:rgba(var(--accent-rgb),.3)!important}
.pt-badge{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:999px;padding:5px 10px}
.pt-top{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-bottom:14px}
.pt-top>div{background:var(--bg3,rgba(255,255,255,.03));border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.pt-top small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--dim)}
.pt-top b{font-family:'Bebas Neue',var(--font-display,sans-serif);font-size:34px;line-height:1;color:var(--green);letter-spacing:.02em}
.pt-top b.dim{color:var(--text)}.pt-top b.neg{color:#f87171}
.pt-top span{font-size:12px;color:var(--muted);line-height:1.45}
.pt-pp{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin-bottom:12px}
.pt-pp>span{font-weight:700;letter-spacing:.08em;font-size:10.5px;color:var(--dim);text-transform:uppercase}
.pt-pp>div{display:flex;gap:8px}
.pt-pp input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:9px 11px;color:var(--text);font:14px inherit;font-family:inherit}
.pt-open{font-size:13px;color:var(--muted);background:rgba(var(--accent-rgb),.07);border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;padding:10px 12px;margin-bottom:12px;line-height:1.5}
.pt-btns{display:flex;gap:8px;flex-wrap:wrap}
.pt-why{font-size:12px;color:var(--dim);margin:8px 0 0;line-height:1.5}
.pt-h{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.pt-h>span{font-size:16px}.pt-h>div{flex:1;display:flex;flex-direction:column}.pt-h b{font-size:14px}
.pt-h small{font-size:12px;color:var(--muted)}.pt-h small.green{color:var(--green)}.pt-h small.gold{color:var(--gold)}.pt-h small.dim{color:var(--dim)}
.pt-h time{font-size:12px;color:var(--dim)}
@media (max-width:560px){.pt-top{grid-template-columns:1fr}}
/* reviews: badges, screenshots, points hint */
.rev-bd{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:2px 8px;margin-left:6px;border:1px solid var(--line2);color:var(--muted);background:rgba(255,255,255,.03);vertical-align:middle}
.rev-bd .rk-em{width:11px;height:auto}
.rev-bd.rk{color:var(--text)}.rev-bd.yr{color:var(--gold);border-color:rgba(var(--accent-rgb),.3)}.rev-bd.bo{color:#f9a8f6;border-color:rgba(244,127,255,.35)}
.rev-shot{display:inline-block;position:relative;margin:10px 0 2px;border-radius:10px;overflow:hidden;border:1px solid var(--line2);max-width:min(360px,100%)}
.rev-shot img{display:block;width:100%;max-height:220px;object-fit:cover}
.rev-shot.dim img{opacity:.55}
.rev-shot-st{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.75);color:var(--gold)}
.rev-shot-st.rejected{color:#f87171}
.rev-shot-add{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:rgba(255,255,255,.02);border:1px dashed var(--line2);border-radius:10px;padding:10px 12px;color:var(--text);font:600 13px inherit;font-family:inherit;cursor:pointer;margin-top:4px}
.rev-shot-add small{font-weight:500;font-size:11.5px;color:var(--muted)}
.rev-shot-add:hover{border-color:rgba(var(--accent-rgb),.5)}
.rev-shot-up{font-size:12.5px;color:var(--muted);padding:10px 0}
.rev-shot-new{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.rev-shot-new img{width:72px;height:48px;object-fit:cover;border-radius:7px;border:1px solid var(--line2)}
.rev-shot-new span{flex:1}
.rev-perk{font-size:12.5px;color:var(--muted);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);border-radius:9px;padding:8px 11px;margin-bottom:10px;line-height:1.5}
.rev-perk b{color:var(--gold)}
/* double-points event bar */
.pe-bar{display:none;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 16px;font-size:13px;font-weight:600;color:#1a1204;background:linear-gradient(90deg,#e2b658,#f3d27e,#e2b658);text-align:center;position:relative;z-index:5}
.pe-bar.on{display:flex}
.pe-bar b{font-weight:900;letter-spacing:.03em}
.pe-bar .pe-t{font-variant-numeric:tabular-nums;background:rgba(0,0,0,.12);border-radius:999px;padding:2px 9px;font-size:12px}
.pe-bar .pe-x{background:none;border:0;color:#1a1204;opacity:.6;cursor:pointer;font-size:14px;padding:2px 6px}
.com-pts{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin:10px 0 2px;padding:8px 11px;border-radius:9px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18)}
.com-pts b{color:var(--gold)}.com-pts.on b{color:var(--green)}.com-pts .rk-em{flex:none}
.pe-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#1a1204;background:#e2b658;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}
/* more ways to earn (rank page) */
.wte{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.wte>div{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:12px}
.wte>div>span{font-size:20px;flex:none}
.wte b{display:block;font-size:13.5px;color:var(--text)}
.wte small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:2px}
.wte em{font-style:normal;color:var(--gold);font-weight:800}
.wte .on{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.05)}
/* anniversary card */
.anv{display:flex;gap:14px;align-items:center;margin:0 0 16px;padding:16px 18px;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(circle at 0 0,rgba(var(--accent-rgb),.18),transparent 60%),var(--card);position:relative}
.anv-n{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:'Bebas Neue',sans-serif;font-size:30px;color:#1a1204;background:linear-gradient(135deg,#f3d27e,#c99a3d);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15)}
.anv>div>b{display:block;font-size:15px;color:var(--text)}.anv small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.anv .ct-x{position:absolute;top:8px;right:8px}
.ach-svc{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--gold);margin-top:3px}
/* Floating Discord button: a compact round button on phones so it doesn't cover page content; hidden behind open drawers */
body:has(#scrim.on) .dcw{opacity:0;pointer-events:none}
@media(max-width:760px){
  .dcw{width:50px;height:50px;padding:0;border-radius:50%;justify-content:center;right:14px}
  .dcw>div{display:none}
  .dcw svg{width:24px;height:24px}
  .dcw::after{content:'';position:absolute;top:5px;right:5px;width:11px;height:11px;border-radius:50%;background:#3ddc97;border:2px solid #5865F2}
}

/* ===== Lifetime listing (premium) ===== */
.lt-mode #dLicenseSelector{display:none!important}
.lt-mode .dprice,.lt-mode #dPrice{display:none}
.lt-mode #dName{font-size:clamp(38px,6vw,64px);line-height:.95;letter-spacing:.02em}
.lt-mode #dName span{background:linear-gradient(180deg,#f6dc93,#c99a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.lt-mode #dName small{display:block;font-family:var(--fb,Inter),sans-serif;font-size:14px;letter-spacing:.02em;color:var(--muted);margin-top:10px;font-weight:500;line-height:1.4}
.lt-mode .dprice-box{border-color:rgba(var(--accent-rgb),.45);background:radial-gradient(120% 80% at 100% 0,rgba(var(--accent-rgb),.12),transparent 60%),var(--card);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(var(--accent-rgb),.12) inset}
.lt-mode #dBuy{min-height:52px;font-size:16px}
.lt-have{font-size:13px;color:var(--text);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.35);border-radius:10px;padding:10px 12px;margin-bottom:12px;line-height:1.5}
.lt-pick{display:grid;gap:10px;margin-bottom:12px}
.lt-card{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;padding:16px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.02);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.lt-card:hover{border-color:rgba(var(--accent-rgb),.5)}
.lt-card.on{border-color:var(--gold);background:linear-gradient(160deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.03));box-shadow:0 0 0 1px var(--gold) inset}
.lt-card.t2.on{box-shadow:0 0 0 1px var(--gold) inset,0 10px 40px rgba(var(--accent-rgb),.18)}
.lt-ribbon{position:absolute;top:-9px;right:14px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#1a1204;background:linear-gradient(90deg,#f3d27e,#c99a3d);border-radius:999px;padding:3px 10px}
.lt-top{display:flex;align-items:center;gap:12px}
.lt-radio{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--line2);position:relative}
.lt-card.on .lt-radio{border-color:var(--gold)}.lt-card.on .lt-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--gold)}
.lt-nm{flex:1;min-width:0}.lt-nm b{display:block;font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:.06em;line-height:1}
.lt-nm small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.lt-pr{font-family:var(--fb),system-ui,sans-serif;font-size:22px;font-weight:600;color:var(--gold)}
.lt-val{font-size:12.5px;color:var(--muted)}.lt-val b{color:var(--text)}
.lt-card.have .lt-val{color:var(--green);font-weight:700}
.lt-feats{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.lt-card:not(.on) .lt-feats{display:none}
.lt-f{display:flex;gap:10px;align-items:flex-start}.lt-f i{font-style:normal;font-size:16px;flex:none;width:22px;text-align:center}
.lt-f b{display:block;font-size:13.5px}.lt-f small{display:block;font-size:12px;color:var(--muted);line-height:1.45}
.lt-terms{margin:0 0 12px;padding:11px 13px;border-radius:10px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);font-size:12px;line-height:1.5;color:var(--text)}
.lt-terms>b{display:flex;align-items:center;gap:6px;color:#fbbf24;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.lt-terms svg{width:15px;height:15px;flex:none}
.lt-terms ul{margin:0;padding-left:18px}.lt-terms li{margin:2px 0}.lt-terms li b{color:var(--text)}
html.light .lt-terms>b{color:#b45309}
.lt-pr s{display:block;font-size:12px;color:var(--dim);font-weight:400}.lt-pr small{display:block;font-family:Barlow,sans-serif;font-size:10.5px;color:var(--dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ach-lt{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border-radius:calc(14px*var(--rs));border:1px solid rgba(var(--accent-rgb),.45);background:linear-gradient(120deg,rgba(var(--accent-rgb),.14),var(--card) 60%)}
.ach-lt .cr{font-size:26px}.ach-lt .t{flex:1;min-width:0}.ach-lt .t>b{display:block;font-family:'Bebas Neue',Impact,sans-serif;font-size:22px;letter-spacing:.04em;color:var(--gold);font-weight:400}.ach-lt small{font-size:12.5px;color:var(--dim);line-height:1.45}.ach-lt small b{color:var(--text)}
.ach-lt .b{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){.ach-lt{flex-wrap:wrap}.ach-lt .b{width:100%;justify-content:flex-start}}
.lt-fine{font-size:12px;color:var(--dim);line-height:1.55;margin:0 0 12px}.lt-fine b{color:var(--green)}
.lt-unlock{margin:34px 0 10px}
.lt-un-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.lt-un-h h3{margin:0;font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:.06em}.lt-un-h span{font-size:13px;color:var(--gold);font-weight:700}
.lt-strip{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.lt-it{position:relative;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text);scroll-snap-align:start}
.lt-it img,.lt-it .ph{width:150px;height:100px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--card2,#1b222c)}
.lt-it em{position:absolute;top:6px;left:6px;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#1a1204;background:var(--gold);border-radius:999px;padding:2px 7px}
.lt-it b{font-size:11.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lt-it small{font-size:11px;color:var(--dim);text-decoration:line-through}
.lt-up{margin-top:12px;font-size:13px;color:var(--muted);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.25);border-radius:12px;padding:12px 14px;line-height:1.55}
.lt-up b{color:var(--text)}.lt-up button{margin-left:6px;background:none;border:0;color:var(--gold);font:700 13px inherit;font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}
.lt-faq{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}
.lt-faq details{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px 14px}
.lt-faq summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:10px}
.lt-faq summary::after{content:'+';color:var(--gold);font-size:18px;line-height:1}.lt-faq details[open] summary::after{content:'−'}
.lt-faq p{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.6}.lt-faq p b{color:var(--green)}
@media(max-width:600px){.lt-strip{grid-auto-columns:128px}.lt-it img,.lt-it .ph{width:128px;height:86px}.lt-pr{font-size:19px}.lt-nm b{font-size:23px}}

/* ---- local currency ---- */
.fx-pick{position:relative;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line2);background:var(--card2);color:var(--text);font:600 12.5px Barlow,sans-serif;cursor:pointer;white-space:nowrap}
.fx-pick:hover{border-color:rgba(var(--accent-rgb),.5)}
.fx-pick:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.fx-pick svg{width:13px;height:13px;opacity:.7}
.fx-pick select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.fx-pick select option{color:#111;background:#fff}
@media(max-width:900px){.fx-hdr{display:none}}
.fx-est{display:inline-block;font-family:Barlow,sans-serif;font-size:11.5px;font-weight:600;color:var(--dim);letter-spacing:0;white-space:nowrap}
.fx-est.blk{display:block;font-size:11px;margin-top:1px;flex-basis:100%}
.fx-est.ci{margin-left:6px}
.lt-pr .fx-est.lt{display:block;font-size:11.5px;margin-top:2px;text-transform:none}
.fx-detail{margin-top:4px;font-size:13px;color:var(--dim)}.fx-detail .fx-est{font-size:15px;color:var(--text);font-weight:600}.fx-detail span{font-size:12px}
.cart-fx{text-align:right;margin:-4px 0 10px;font-size:12px;color:var(--dim)}.cart-fx .fx-est{font-size:13px;color:var(--text)}
.ms-fx{cursor:default}.ms-fx .fx-pick{margin-left:auto;height:32px}
.ft-fx{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ft-fx small{font-size:11.5px;color:var(--dim)}.ft-fx small a{color:inherit;text-decoration:underline}
.lt-mode #dFx{display:none!important}

/* ---- info pages: About, FAQ, License Terms, Privacy ---- */
.doc-wrap{max-width:980px}
.doc{background:var(--card);border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:26px 30px;margin-bottom:40px;color:var(--muted);font-size:14.5px;line-height:1.75}
.doc h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:26px;letter-spacing:.03em;color:var(--text);margin:26px 0 8px}
.doc h2:first-child{margin-top:0}
.doc ul{padding-left:20px;margin:6px 0 12px}.doc li{margin:6px 0}.doc b{color:var(--text)}
.doc a,.phead p a,.faq-g a{color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.doc-lead{font-size:15.5px;color:var(--text)}
.faq-groups{display:grid;gap:18px;margin-bottom:40px}
.faq-g{background:var(--card);border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:8px 22px 12px}
.faq-g h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:24px;letter-spacing:.03em;color:var(--gold);margin:14px 0 4px}
.faq-g details{border-top:1px solid var(--line)}.faq-g details:first-of-type{border-top:0}
.faq-g summary{list-style:none;cursor:pointer;padding:14px 30px 14px 0;font-weight:600;color:var(--text);position:relative;font-size:14.5px}
.faq-g summary::-webkit-details-marker{display:none}
.faq-g summary::after{content:'+';position:absolute;right:4px;top:10px;font-size:20px;color:var(--gold);transition:transform .2s}
.faq-g details[open] summary::after{transform:rotate(45deg)}
.faq-g summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.faq-g details p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.7}.faq-g details b{color:var(--text)}
.lic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.lic-card{background:var(--card);border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:18px 20px}
.lic-card.lt{border-color:rgba(var(--accent-rgb),.45);background:linear-gradient(160deg,rgba(var(--accent-rgb),.1),var(--card) 60%)}
.lic-card h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:24px;letter-spacing:.03em;color:var(--text);margin:10px 0 6px}
.lic-card ul{list-style:none;padding:0;margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.lic-card li{position:relative;padding-left:22px;margin:8px 0}.lic-card li b{color:var(--text)}
.lic-card li::before{position:absolute;left:0;top:0;font-weight:800}
.lic-card li.y::before{content:'✓';color:var(--green)}.lic-card li.n::before{content:'✕';color:#f87171}
.lic-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;border-radius:6px;padding:3px 8px}
.lic-tag.std{background:rgba(90,169,248,.12);color:#5aa9f8}.lic-tag.rs{background:rgba(var(--accent-rgb),.15);color:var(--gold)}.lic-tag.lt{background:rgba(var(--accent-rgb),.2);color:var(--gold)}
@media(max-width:820px){.lic-grid{grid-template-columns:1fr}.doc{padding:20px 18px}.faq-g{padding:6px 16px 10px}}
.about-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px}
.about-copy{background:var(--card);border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:26px 28px}
.about-copy h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:34px;line-height:1.05;letter-spacing:.02em;color:var(--gold);margin:0 0 12px}
.about-copy p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 12px}
.about-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-stats>div{background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:18px}
.about-stats b{display:block;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:40px;color:var(--gold);line-height:1}
.about-stats span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700}
.about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:40px}
.about-card{background:var(--card);border:1px solid var(--line);border-radius:calc(14px*var(--rs));padding:18px}
.about-card .ic{font-size:24px}.about-card b{display:block;color:var(--text);margin:8px 0 4px;font-size:15px}.about-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}
@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.about-grid{grid-template-columns:1fr}.about-copy{padding:20px 18px}}
/* footer: payment methods + disclaimer */
.ft-pay{display:inline-flex;gap:6px;flex-wrap:wrap}
.ft-pay span{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--muted);border:1px solid var(--line2);border-radius:5px;padding:3px 7px;background:var(--card2)}
.ft-disc{flex-basis:100%;order:10;margin:2px 0 0;font-size:11.5px;line-height:1.5;color:var(--dim)}


/* =====================================================================
   Design polish: quieter, more considered storefront
   - one typeface for text and numbers (even-width digits for prices)
   - labels in normal case instead of tracked capitals
   - gold kept for the main action on a page, not every element
   - motion only where it answers something the visitor did
   ===================================================================== */
:root{--ease-out:cubic-bezier(.2,.75,.25,1)}
body{text-rendering:optimizeLegibility}
.pc-price,.dprice,.cart-tot b,.price-now,.price-was,.pc-price-now,.pc-price-was,.price-vip,.price-vip-was,.ci-p,.lt-pr,.featcard-p,.ord-amt,.ord-tot b,.wl-card-price,.dstick-p,.dp-p,.sd-pr,.qn,.ct-count,.rescount,.oc-total-val,.oc-item-price,.com-t,.ach-mini .v,.cart-was{font-variant-numeric:tabular-nums;letter-spacing:0}

/* prices: confident, not shouty */
.pc-price{font-size:16px;font-weight:600;color:var(--text)}
.dprice{font-size:32px;font-weight:700;color:var(--text);letter-spacing:-.01em}
.cart-tot b{font-size:22px;font-weight:700;color:var(--text)}
.featcard-p{font-weight:600;color:var(--text)}
.ci-p{color:var(--muted);font-weight:500}
.lt-pr{font-weight:700;color:var(--text)}
.price-now,.pc-price-now{font-weight:700}

/* labels in normal case */
.pc-cat,.featcard-cat,.sxqv-cat,.wl-card-cat,.lib-cat{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--dim)}
.dcat{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--gold)}
.ct-count{font-size:12px;font-weight:500}
.rescount{font-size:12.5px}
.sx-eyebrow{letter-spacing:.06em;font-size:12.5px}

/* ---------- 2. restraint ---------- */
/* the double-points bar: a quiet strip instead of a gold slab */
.pe-bar{background:var(--bg2,#0d1014);color:var(--text);border-bottom:1px solid rgba(var(--accent-rgb),.28);font-weight:500;font-size:12.5px;padding:7px 16px}
.pe-bar b{font-weight:700;color:var(--gold);letter-spacing:0}
.pe-bar .pe-t{background:rgba(var(--accent-rgb),.12);color:var(--gold)}
.pe-bar .pe-x{color:var(--muted)}
/* card badges: "Instant" applies to everything, so it's said once on the product page instead of on every card */
.pcard .tag-instant{display:none}
.tag{font-size:10px;letter-spacing:.02em;text-transform:none;font-weight:700;border:0;padding:4px 8px}
.pcard .tag-new{background:rgba(10,12,16,.72);color:#fff;backdrop-filter:blur(8px)}
.pcard .tag-new::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:1px}
/* card buttons: quiet until you reach for them */
.pc-foot .btn-gold{background:transparent!important;color:var(--text)!important;border:1px solid var(--line2)!important;box-shadow:none!important;transition:background .2s,border-color .2s,color .2s}
.pc-foot .btn-gold:hover{background:var(--goldbg,var(--gold))!important;color:var(--on-accent,#14110a)!important;border-color:transparent!important}
/* gift / wishlist icons on cards appear with the card's hover on devices that hover */
@media(hover:hover){.pcard .wl-btn{opacity:0;transition:opacity .2s}.pcard:hover .wl-btn,.pcard .wl-btn:focus-visible,.pcard .wl-btn.on{opacity:1}}
/* the "advertise here" banner: a hairline note, not a dashed coupon */
.sphouse{border:1px solid var(--line);background:transparent}
/* the Discord button floats only where people are planning custom work */
.dcw{display:none!important}
body.on-custom .dcw{display:flex!important}
/* header currency picker: quieter */
.fx-hdr{background:transparent;border-color:transparent}
.fx-hdr:hover{border-color:var(--line2)}

/* ---------- 3. motion that answers what the visitor did ---------- */
/* product photos fade in as they arrive instead of popping in */
.pc-media img:not(.pc-alt),.featcard img,#dMainImg img,.dmain img{transition:opacity .45s var(--ease-out),transform .7s var(--ease-out)}
.img-wait{opacity:0}
/* add to cart: the photo flies to the cart */
.fly-dot{position:fixed;z-index:9999;width:56px;height:56px;border-radius:12px;object-fit:cover;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .7s cubic-bezier(.5,-.2,.3,1),opacity .7s ease-in}
.cart-pop{animation:cartPop .45s var(--ease-out)}
@keyframes cartPop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
/* consistent, visible keyboard focus */
.btn:focus-visible,.pcard a:focus-visible,.icon-btn:focus-visible,.navlink:focus-visible,.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.btn{transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out),box-shadow .2s}
@media(prefers-reduced-motion:reduce){
  .view.on{animation:none}
  .img-wait{opacity:1}
  .fly-dot{display:none}
  .cart-pop{animation:none}
}

/* polish, round 2 */
#dTags .tag-instant{display:none}
.dept-lbl{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600}
/* phones: the round + on the photo is the add button, so the footer shows just the price */
/* the quick-add on the photo is the add button, so the card footer shows just the price (if quick add is switched off in Customize, the button comes back) */
body.sx .pc-foot .btn-gold{display:none}
/* cart: calmer licence tags, numbers and suggestions */
.citem .ci-n span[style*="LICENSE"],.citem .ci-n span{text-transform:none}
.qn{color:var(--text)}
.lic-mini{display:inline-block;font-size:11px;font-weight:600;color:var(--dim);margin-left:6px;vertical-align:1px}
.lic-mini.rs,.lic-mini.lt{color:var(--gold)}
.upsell-add{background:transparent;color:var(--text);border:1px solid var(--line2);transition:background .2s,color .2s,border-color .2s}
.upsell-add:hover{background:var(--goldbg);color:#111;border-color:transparent}

/* ---- phones: drawers fully off-screen, pop-up above the bottom bar ---- */
/* closed drawers sat at right:-430px, so on phones wider than 430px (e.g. Pro Max) a sliver showed on the right edge */
#cart:not(.on),#notifDrawer:not(.on){visibility:hidden;transition:right .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s}
@media(max-width:760px){#cart:not(.on),#notifDrawer:not(.on){right:calc(-100vw - 40px)}}
#cart.on,#notifDrawer.on{visibility:visible;transition:right .3s cubic-bezier(.4,0,.2,1),visibility 0s}
/* nothing can make the page pan sideways */
html{overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
@media(max-width:760px){
  #sproof{bottom:calc(76px + env(safe-area-inset-bottom));z-index:1190}
  body.sx.dstick-on #sproof{bottom:calc(140px + env(safe-area-inset-bottom))}
}


/* =====================================================================
   Cart drawer: items scroll, only the total and Checkout stay pinned
   ===================================================================== */
#cart{display:flex;flex-direction:column}
#cart .cart-h{flex:none;padding:16px 18px}
#cart .cart-h h3{font-size:24px;letter-spacing:.03em}
.cart-hn{font-family:var(--fb),system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--dim);letter-spacing:0;vertical-align:3px}
.cart-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cart-scroll .cart-items{flex:none;overflow:visible;padding:14px 16px 6px;gap:8px}
.citem{padding:10px;gap:12px}
/* savings bar: a slim line under the items */
.cart-scroll .spend-bar-wrap{border-top:0;padding:6px 16px 4px}
.spend-bar-msg{font-size:12.5px}
/* gift + store credit: plain rows, not boxes */
.cart-opts{margin:8px 16px 0;border-top:1px solid var(--line)}
.cart-opts[hidden]{display:none}
.cart-opts .gift-box,.cart-opts #creditBox{margin:0;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.cart-opts .gift-tog{font-weight:500;font-size:13.5px}
.cart-opts .gift-tog input{width:18px;height:18px}
.cart-opts .cart-mys-note{margin:8px 0 0;background:none;border:0;padding:0 2px;font-size:12px;color:var(--dim)}
.cart-opts .ref-banner{margin:12px 0 0}
#giftForm{padding-top:10px}
/* paid add-ons: a slim dashed pill under each vest, a plain row for server install */
.cad-pz{margin:-3px 0 2px;padding-left:2px}
.cad-add{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);border-radius:999px;background:transparent;color:var(--accent);font-family:inherit;font-weight:600;font-size:12px;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s}
.cad-add:hover,.cad-add:focus-visible{background:color-mix(in srgb,var(--accent) 9%,transparent);border-style:solid}
.cad-add em,.cad-hd em,.cad-pr{font-style:normal;font-weight:500;color:var(--dim)}
.cad-pz.on{padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:calc(9px*var(--rs));background:color-mix(in srgb,var(--accent) 5%,var(--card));transition:box-shadow .2s}
.cad-pz.cad-need{box-shadow:0 0 0 2px color-mix(in srgb,#f87171 70%,transparent)}
.cad-hd{display:flex;align-items:center;gap:7px;font-size:12.5px}.cad-hd b{font-weight:600;color:var(--text)}.cad-hd b span{color:var(--accent)}
.cad-x{margin-left:auto;background:none;border:0;padding:2px 0;color:var(--dim);font-family:inherit;font-weight:500;font-size:11.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.cad-x:hover{color:var(--text)}
.cad-chips{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 8px}
.cad-c{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card2);color:var(--muted);font-family:inherit;font-weight:500;font-size:11.5px;line-height:1.2;cursor:pointer;transition:all .15s}
.cad-c:hover{color:var(--text)}.cad-c.on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}
.cad-c.on::before{content:"✓ ";color:var(--accent)}
.cad-ta,.cad-in{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:calc(7px*var(--rs));background:var(--card2);color:var(--text);font-family:inherit;font-size:13px;line-height:1.4;resize:vertical}
.cad-ta{min-height:44px}.cad-ta:focus,.cad-in:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
.cad-s{display:block;margin-top:6px;font-size:11.5px;color:var(--dim);line-height:1.4}
.cart-opts .cad-inst{padding:12px 2px;border-bottom:1px solid var(--line)}.cart-opts .cad-inst[hidden],.cad-instf[hidden],.cad-gn[hidden]{display:none}
.cad-inst .gift-tog .cad-pr{margin-left:auto;font-size:12.5px}
.cad-instf{padding-top:9px}
.cad-gn{padding:8px 2px 0;font-size:12px;color:var(--dim)}
@media(max-width:640px){.cad-ta,.cad-in{font-size:16px}}
.com-addon{margin:10px 0 0;padding:9px 11px;border-radius:calc(8px*var(--rs));background:var(--card2);font-size:12.5px;color:var(--muted);line-height:1.5}
/* suggestions at the end of the list */
.cart-scroll .cart-upsell{border-top:0;margin:14px 0 0;padding:4px 16px 18px}
.cart-upsell-title{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--dim);margin-bottom:8px}
.upsell-row{gap:6px}
.upsell-item{background:transparent;padding:6px 8px}
.upsell-name{font-size:12.5px}
/* pinned footer: lines, total, Checkout */
#cart .cart-f{flex:none;max-height:none;overflow:visible;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line);box-shadow:0 -12px 24px rgba(0,0,0,.18)}
#cart .cart-f .cart-cred{margin:0 0 4px;font-size:12.5px}
#cart .cart-tot{margin:2px 0 6px}
#cart .cart-tot span{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}
#cart .cart-fx{margin:-4px 0 8px}
#cart .cart-pts{margin:0 0 10px;padding:0;background:none;border:0;font-size:12px;color:var(--dim)}
#cart .cart-pts svg,#cart .cart-pts img{width:16px;height:16px}
#cart #checkoutBtn{height:48px;font-size:15px}
#cart .cart-note{margin-top:8px;font-size:11px}
#cart.empty .cart-f .cart-tot,#cart.empty .cart-f .cart-note{opacity:.5}
@media(max-width:760px){
  #cart .cart-h{padding:14px 16px}
  .cart-scroll .cart-items{padding:12px 12px 4px}
  .cart-opts{margin:6px 12px 0}
  .cart-scroll .spend-bar-wrap{padding:6px 12px 4px}
  .cart-scroll .cart-upsell{padding:4px 12px 16px}
  #cart .cart-f{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
}
#cart .ci-n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;line-height:1.3;font-size:13px}
#cart .lic-mini{display:block;margin:2px 0 0}
#cart .ci-p{margin-top:2px}
#cart .citem img{width:56px;height:44px}
@media(max-width:760px){#cart .qbtn{width:30px;height:30px;font-size:15px}#cart .citem{padding:9px}}
#cart.empty .cart-f{display:none}
.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:64px 20px}
.cart-empty svg{width:40px;height:40px;color:var(--dim);margin-bottom:6px}
.cart-empty b{font-size:16px;color:var(--text)}.cart-empty span{font-size:13px;color:var(--dim);margin-bottom:12px}

/* owned products: one label next to the price that also downloads */
.pc-foot.owned{align-items:center}
.pc-own{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--green);text-decoration:none;padding:5px 9px;border-radius:999px;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.28);white-space:nowrap;line-height:1}
.pc-own svg{width:12px;height:12px}
.pc-own .pc-own-dl{font-weight:600;color:var(--muted)}
.pc-own:hover .pc-own-dl{color:var(--text)}
.pc-own.upd{color:var(--orange);background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.3)}
.pc-own .pc-update-dot{margin:0}
@media(max-width:520px){.pc-own .pc-own-dl{display:none}}

/* ---- checkout inside the site ---- */
#ecoModal{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:4vh 16px;background:rgba(5,7,10,.72);backdrop-filter:blur(6px);overflow-y:auto}
#ecoModal.on{display:flex}
body.eco-open{overflow:hidden}
.eco-box{width:min(1000px,100%);background:var(--bg2);border:1px solid var(--line2);border-radius:calc(18px*var(--rs));box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.eco-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.eco-t{display:flex;align-items:center;gap:12px}.eco-t svg{width:22px;height:22px;color:var(--gold);flex:none}
.eco-t b{display:block;font-size:15px;color:var(--text)}.eco-t small{display:block;font-size:12px;color:var(--dim);margin-top:2px}
.eco-body{position:relative;min-height:420px}
.eco-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#4b5563;font-size:14px;background:var(--bg2)}
.eco-load[hidden]{display:none}
.eco-spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(226,182,88,.25);border-top-color:var(--gold);animation:ecoSpin .8s linear infinite}
@keyframes ecoSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){#ecoModal{padding:0}.eco-box{border-radius:0;min-height:100dvh;border:0}.eco-h{padding:12px 14px}}

/* ---- product request form ---- */
.rq-form{background:var(--card);border:1px solid var(--line);border-radius:calc(16px*var(--rs));padding:24px 26px;display:grid;gap:18px;margin-bottom:24px}
.rq-f{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0;min-width:0}
.rq-f>span,.rq-f legend{font-size:13.5px;font-weight:600;color:var(--text);padding:0}
.rq-f em{font-style:normal;font-weight:500;color:var(--dim);font-size:12px;margin-left:4px}
.rq-f .inp{width:100%}
.rq-f textarea.inp{resize:vertical;min-height:130px;line-height:1.55;padding-top:12px}
.rq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rq-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.rq-type{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);color:var(--text);font:600 13.5px var(--fb),sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.rq-type i{font-style:normal;font-size:16px}
.rq-type:hover{border-color:rgba(var(--accent-rgb),.5)}
.rq-type.on{border-color:var(--gold);background:rgba(var(--accent-rgb),.12);color:var(--gold)}
.rq-type:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.rq-refs{display:flex;flex-wrap:wrap;gap:10px}
.rq-refs:empty{display:none}
.rq-ref{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--line2);background:var(--card2);display:grid;place-items:center}
.rq-ref img{width:100%;height:100%;object-fit:cover}
.rq-ref button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:11px;cursor:pointer}
.rq-add{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed var(--line2);border-radius:12px;cursor:pointer;color:var(--text);transition:border-color .2s}
.rq-add:hover,.rq-add:focus-within{border-color:var(--gold)}
.rq-add[hidden]{display:none}
.rq-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rq-add svg{width:22px;height:22px;color:var(--gold);flex:none}
.rq-add span{font-weight:600;font-size:14px}.rq-add small{color:var(--dim);font-size:12px;margin-left:auto}
.rq-msg{color:#f87171;font-size:13px;font-weight:600}
.rq-send{height:50px;font-size:15px}
.rq-fine{margin:-6px 0 0;text-align:center;font-size:12px;color:var(--dim)}
.rq-mine{margin-bottom:40px}
.rq-mine h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:26px;letter-spacing:.03em;color:var(--text);margin:0 0 12px}
.rq-item{background:var(--card);border:1px solid var(--line);border-radius:calc(12px*var(--rs));padding:14px 16px;margin-bottom:10px}
.rq-ih{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rq-ih b{font-size:14.5px;color:var(--text)}
.rq-item small{display:block;color:var(--dim);font-size:12px;margin-top:3px}
.rq-st{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--card2);color:var(--muted);white-space:nowrap}
.rq-st.st-new{color:#93c5fd;background:rgba(90,169,248,.12)}.rq-st.st-reviewing{color:#fbbf24;background:rgba(251,191,36,.12)}
.rq-st.st-planned{color:var(--gold);background:rgba(var(--accent-rgb),.14)}.rq-st.st-done{color:var(--green);background:rgba(61,220,151,.12)}.rq-st.st-declined{color:#f87171;background:rgba(248,113,113,.1)}
.rq-reply{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--card2);font-size:13px;color:var(--muted);line-height:1.5}.rq-reply b{color:var(--text)}
.rq-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 8px;padding:16px 20px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card);color:var(--muted);text-decoration:none;font-size:14px}
.rq-cta b{color:var(--text)}.rq-cta em{font-style:normal;font-weight:700;color:var(--gold);white-space:nowrap}
.rq-cta:hover{border-color:rgba(var(--accent-rgb),.5)}
@media(max-width:700px){.rq-grid{grid-template-columns:1fr}.rq-form{padding:18px 16px}.rq-cta{flex-direction:column;align-items:flex-start}.rq-add small{display:none}}

/* ---- rank leaderboard ---- */
.rkb-wrap{max-width:860px}
.rkb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.rkb-seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.rkb-seg button{height:36px;padding:0 16px;border-radius:9px;border:0;background:none;color:var(--muted);font:600 13.5px var(--fb),sans-serif;cursor:pointer}
.rkb-seg button.on{background:rgba(var(--accent-rgb),.16);color:var(--gold)}
.rkb-seg button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.rkb-how{font-size:13px;font-weight:600;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.rkb-me{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:22px;border-radius:calc(14px*var(--rs));border:1px solid rgba(var(--accent-rgb),.45);background:linear-gradient(120deg,rgba(var(--accent-rgb),.12),var(--card) 60%)}
.rkb-me.cta{justify-content:space-between;color:var(--muted);font-size:14px}.rkb-me.cta b{color:var(--text)}
.rkb-me .rkb-pos{font:400 30px/1 'Bebas Neue',Impact,sans-serif;color:var(--gold);min-width:44px}
.rkb-me em{font-style:normal;font-size:11px;font-weight:600;color:var(--dim);margin-left:6px}
.rkb-av{border-radius:50%;object-fit:cover;background:var(--card2);flex:none}
.rkb-who{flex:1;min-width:0}.rkb-who b{display:block;color:var(--text);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkb-who small{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:12px;margin-top:2px}
.rkb-pts{text-align:right;font-variant-numeric:tabular-nums}.rkb-pts b{display:block;font-size:17px;color:var(--text)}.rkb-pts small{font-size:11px;color:var(--dim)}
.rkb-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;margin-bottom:18px}
.rkb-p{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px 0;border-radius:calc(16px*var(--rs)) calc(16px*var(--rs)) 0 0;background:var(--card);border:1px solid var(--line);border-bottom:0;min-width:0}
.rkb-p.p1{border-color:rgba(var(--accent-rgb),.55);background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),var(--card) 70%)}
.rkb-p.p1 .rkb-av{box-shadow:0 0 0 3px var(--gold)}.rkb-p.p2 .rkb-av{box-shadow:0 0 0 3px #b9c4d0}.rkb-p.p3 .rkb-av{box-shadow:0 0 0 3px #c08a5a}
.rkb-crown{font-size:22px;line-height:1}
.rkb-pn{font-size:15px;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkb-pr{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim)}
.rkb-pp{font-size:12.5px;color:var(--muted)}.rkb-pp b{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}
.rkb-step{display:flex;align-items:center;justify-content:center;width:calc(100% + 26px);margin-top:10px;border-top:1px solid var(--line);background:var(--card2)}
.rkb-step i{font:400 34px/1 'Bebas Neue',Impact,sans-serif;font-style:normal;color:var(--dim);padding:10px 0}
.rkb-p.p1 .rkb-step{height:86px}.rkb-p.p2 .rkb-step{height:62px}.rkb-p.p3 .rkb-step{height:46px}
.rkb-p.p1 .rkb-step i{color:var(--gold)}
.rkb-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card);overflow:hidden}
.rkb-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--line)}
.rkb-row:first-child{border-top:0}
.rkb-row.me{background:rgba(var(--accent-rgb),.09);box-shadow:inset 3px 0 0 var(--gold)}
.rkb-n{width:28px;text-align:center;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums}
.rkb-count{text-align:center;font-size:12.5px;color:var(--dim);margin:14px 0 6px}
.rkb-fine{text-align:center;font-size:12px;color:var(--dim);margin:6px 0 40px}.rkb-fine b{color:var(--muted)}
.rkb-load,.rkb-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--dim);font-size:14px;text-align:center;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card)}
.rk-lb{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;margin-bottom:14px;border-radius:calc(12px*var(--rs));border:1px solid var(--line);background:var(--card);font-size:13.5px;color:var(--muted);cursor:pointer}
.rk-lb b{color:var(--text)}.rk-lb em{font-style:normal;font-weight:700;color:var(--gold)}.rk-lb:hover{border-color:rgba(var(--accent-rgb),.5)}
@media(max-width:560px){.rkb-podium{gap:6px}.rkb-p{padding:14px 6px 0}.rkb-pn{font-size:13px}.rkb-pr{font-size:11px}.rkb-pp b{font-size:15px}.rkb-row{padding:9px 12px;gap:10px}.rkb-me{padding:10px 12px}}

/* ---- written content: category intros, guides, product install steps ---- */
.seo-intro{max-width:860px;margin:40px auto 10px;padding:22px 24px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card);color:var(--muted);font-size:14.5px;line-height:1.7}
.seo-intro h2{font:400 26px/1.1 var(--fh,'Bebas Neue'),sans-serif;letter-spacing:.03em;color:var(--text);margin:0 0 10px}
.seo-intro p{margin:0 0 10px}.seo-intro p:last-child{margin:0}.seo-intro b{color:var(--text)}
.seo-intro a,.gd-body a,.gd-more a,.dinstall a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.seo-intro code,.gd-body code,.dinstall code{font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--text)}
.dinstall{margin-top:16px;border:1px solid var(--line);border-radius:calc(12px*var(--rs));background:var(--bg2);padding:0 16px}
.dinstall summary{cursor:pointer;padding:13px 0;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.dinstall summary::-webkit-details-marker{display:none}.dinstall summary::after{content:'+';font-size:18px;color:var(--muted)}.dinstall[open] summary::after{content:'−'}
.dinstall ol{margin:0 0 10px;padding-left:20px;color:var(--muted);font-size:13.5px;line-height:1.6}.dinstall li{margin:4px 0}.dinstall p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 10px}
.dinstall-more{display:inline-block;margin:0 0 14px;font-size:13px;font-weight:700}
.gd-body{font-size:15.5px;line-height:1.75;color:var(--muted);max-width:760px}
.gd-body h2{font:400 26px/1.15 var(--fh,'Bebas Neue'),sans-serif;letter-spacing:.03em;color:var(--text);margin:30px 0 10px}
.gd-body h3{font-size:16px;color:var(--text);margin:18px 0 6px}
.gd-body p{margin:0 0 14px}.gd-body ol,.gd-body ul{margin:0 0 16px;padding-left:22px}.gd-body li{margin:6px 0}.gd-body b{color:var(--text)}
.gd-body .gd-intro{font-size:17px;color:var(--text)}
.gd-body pre{background:#0b0f14;border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto}.gd-body pre code{background:none;border:0;padding:0;color:#e6edf3}
.gd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:none}
.gd-list a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:var(--card);text-decoration:none!important;color:var(--muted);font-size:13.5px;line-height:1.5;transition:border-color .15s,transform .15s}
.gd-list a:hover{border-color:var(--gold);transform:translateY(-2px)}.gd-list b{color:var(--text);font-size:15.5px;line-height:1.35}
.gd-more{max-width:760px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.gd-more h3{font-size:14px;letter-spacing:.08em;color:var(--dim);margin:20px 0 8px}
.gd-rel{margin:0;padding-left:20px;line-height:1.9}
.gd-cta{display:inline-flex;padding:11px 18px;border-radius:calc(10px*var(--rs));background:var(--goldbg);color:var(--on-accent,#111)!important;text-decoration:none!important;font-weight:800;font-size:14px}
.gd-help{color:var(--muted);font-size:14px;margin-top:18px}

/* support tickets badge in the profile menu */
.umenu-n{margin-left:auto;min-width:18px;text-align:center;background:var(--goldbg,var(--gold));color:var(--on-accent,#111);border-radius:999px;font-size:10.5px;font-weight:800;padding:2px 6px;line-height:1.3}.umenu-n[hidden]{display:none}
/* public support page (/support) when logged out */
.sup-login{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--line);border-radius:calc(14px*var(--rs));background:linear-gradient(140deg,rgba(var(--accent-rgb,226,182,88),.10),transparent 55%),var(--card);margin-bottom:16px}
.sup-login b{display:block;font-size:15.5px;margin-bottom:3px}.sup-login span{color:var(--muted);font-size:13.5px}
.sup-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.sup-cat{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:calc(12px*var(--rs));background:var(--card);color:var(--text);text-decoration:none;transition:border-color .15s}
.sup-cat:hover,.sup-cat.on{border-color:var(--gold)}
.sup-cat b{display:block;font-size:14.5px;margin-bottom:3px}.sup-cat span span{display:block;color:var(--muted);font-size:12.5px;line-height:1.45}
.sup-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:var(--card2);border:1px solid var(--line)}
.sup-fine{margin:14px 0 0;color:var(--muted);font-size:13px}.sup-fine a{color:var(--gold)}
/* themed confirm box (siteAsk) */
.sask-ov{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,7,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .18s}
.sask-ov.on{opacity:1}
.sask{width:100%;max-width:400px;box-sizing:border-box;padding:26px 24px 20px;text-align:center;border:1px solid var(--line2,var(--line));border-radius:calc(18px*var(--rs));background:linear-gradient(160deg,rgba(var(--accent-rgb,226,182,88),.09),transparent 45%),var(--bg2,var(--card));box-shadow:0 30px 80px rgba(0,0,0,.55);transform:translateY(10px) scale(.97);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.sask-ov.on .sask{transform:none}
.sask-ic{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:800;color:var(--gold);background:rgba(var(--accent-rgb,226,182,88),.12);border:1px solid rgba(var(--accent-rgb,226,182,88),.35)}
.sask.bad .sask-ic{color:#f87171;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}
.sask h3{margin:0 0 8px;font:400 26px/1.05 var(--fh,"Bebas Neue"),Impact,sans-serif;letter-spacing:.04em;color:var(--text)}
.sask p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.sask-b{display:flex;gap:10px;margin-top:20px}.sask-b .btn{flex:1;justify-content:center;min-height:44px}
.sask-red{background:#dc2626;color:#fff;border:1px solid #dc2626}.sask-red:hover{background:#b91c1c}
@media(max-width:600px){.sask-ov{align-items:flex-end;padding:0}.sask{max-width:none;border-radius:calc(20px*var(--rs)) calc(20px*var(--rs)) 0 0;padding:24px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%)}.sask-b{flex-direction:column-reverse}}
/* 10-80 Armory: coming soon (public) + admin-only nav link */
.nav-arm[hidden]{display:none!important}.nav-soon{margin-left:4px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:rgba(var(--accent-rgb,226,182,88),.15);color:var(--gold);vertical-align:2px}
.arm-soon{min-height:52vh;display:grid;place-items:center;text-align:center;padding:30px 0 60px}
.arm-soon-in{max-width:720px;padding:46px 30px;border:1px solid var(--line);border-radius:calc(18px*var(--rs));background:radial-gradient(120% 140% at 50% 0%,rgba(var(--accent-rgb,226,182,88),.14),transparent 60%),var(--card)}
.arm-soon-k{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.arm-soon h1{margin:0;font:400 clamp(38px,6vw,64px)/.95 var(--fh,"Bebas Neue"),Impact,sans-serif;letter-spacing:.02em}.arm-soon h1 span{color:var(--gold)}
.arm-soon-in>p:not(.arm-soon-k){margin:16px auto 0;max-width:540px;color:var(--muted);font-size:15px;line-height:1.6}
.arm-soon-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.ms-l .nav-soon{flex:0 0 auto;margin-left:auto}

/* Armory workspace: tools get the whole screen, no store header, footer, menus or pop-ups */
body.ws>header,body.ws .pe-bar,body.ws .glow,body.ws .ft,body.ws #sbar,body.ws #mmenu,body.ws #spBanner,body.ws #sbotFab,body.ws #sbotPanel,body.ws #sbotTip,body.ws #sproof,body.ws #epWrap,body.ws .wnc,body.ws .flake,body.ws #offerBar,body.ws #floatTicket{display:none!important}
body.ws{padding-bottom:0!important}
body.ws #v-armory>.wrap{max-width:none;padding:0!important}
/* Armory beta: applying */
.arm-ap-st{margin:18px auto 0;max-width:540px;padding:12px 14px;border-radius:12px;background:rgba(var(--accent-rgb,226,182,88),.08);border:1px solid rgba(var(--accent-rgb,226,182,88),.28);font-size:13.5px;line-height:1.55;color:var(--muted)}.arm-ap-st b{color:var(--text)}
.arm-ap-ov{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(5,7,10,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:armApIn .18s ease}
@keyframes armApIn{from{opacity:0}to{opacity:1}}
.arm-ap{width:min(640px,100%);max-height:min(92vh,100%);display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(var(--accent-rgb,226,182,88),.3);background:var(--card);box-shadow:0 30px 80px -30px rgba(0,0,0,.9);overflow:hidden}
.arm-ap-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;background:radial-gradient(120% 160% at 0% 0%,rgba(var(--accent-rgb,226,182,88),.14),transparent 60%)}
.arm-ap-h h2{margin:0;font:400 30px/1 var(--fh,"Bebas Neue"),Impact,sans-serif;letter-spacing:.03em}
.arm-ap-x{width:34px;height:34px;border-radius:9px;border:1px solid var(--line2);background:var(--card2);color:var(--text);cursor:pointer;font-size:14px}
.arm-ap-b{padding:4px 20px 14px;overflow:auto}.arm-ap-lead{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.55}
.arm-ap fieldset{border:0;margin:0 0 14px;padding:0}.arm-ap legend{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim,var(--muted));margin-bottom:8px}
.arm-ap-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.arm-ap-t{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);cursor:pointer;transition:border-color .15s,background .15s}
.arm-ap-t:has(input:checked){border-color:var(--gold);background:rgba(var(--accent-rgb,226,182,88),.08)}.arm-ap-t input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px;flex:none}
.arm-ap-t span{display:flex;flex-direction:column;gap:2px}.arm-ap-t b{font-size:14px}.arm-ap-t small{font-size:12px;color:var(--muted);line-height:1.4}
.arm-ap-roles{display:flex;flex-wrap:wrap;gap:6px}.arm-ap-roles label{cursor:pointer}.arm-ap-roles input{position:absolute;opacity:0;pointer-events:none}
.arm-ap-roles span{display:inline-block;padding:7px 12px;border-radius:99px;border:1px solid var(--line2);background:var(--card2);font-size:13px;font-weight:700}
.arm-ap-roles input:checked+span{border-color:var(--gold);color:var(--gold);background:rgba(var(--accent-rgb,226,182,88),.1)}.arm-ap-roles input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.arm-ap-f{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700}.arm-ap-f em{font-style:normal;font-weight:500;color:var(--muted)}
.arm-ap-f textarea,.arm-ap-f input{width:100%;box-sizing:border-box;border-radius:11px;border:1px solid var(--line2);background:var(--card2);color:var(--text);font:500 14px var(--fb,inherit),sans-serif;padding:10px 12px;resize:vertical}
.arm-ap-f textarea:focus,.arm-ap-f input:focus{outline:none;border-color:rgba(var(--accent-rgb,226,182,88),.7);box-shadow:0 0 0 3px rgba(var(--accent-rgb,226,182,88),.12)}
.arm-ap-n{align-self:flex-end;font-weight:500;color:var(--muted);font-size:11.5px}
.arm-ap-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.arm-ap-ag{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.5;cursor:pointer}.arm-ap-ag input{margin-top:2px;accent-color:var(--gold);width:16px;height:16px;flex:none}
.arm-ap-err{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:13px}
.arm-ap-f2{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}
@media(max-width:600px){.arm-ap-tools{grid-template-columns:1fr}.arm-ap-h h2{font-size:26px}.arm-ap-f2 .btn{flex:1;justify-content:center}}
.adm-bcount{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:inline-grid;place-items:center;background:#ef4444;color:#fff;font-size:11px;font-weight:800}.adm-bcount[hidden]{display:none}