/* ===== base ===== */
:root{
--ink:#08080A;--panel:#101013;--panel-2:#17171B;--panel-3:#1E1E23;
--yellow:#E9C15A;--yellow-deep:#C6982F;--blue:#C6CBD4;--blue-deep:#9AA0AC;
--green:#39d98a;--red:#ff5a52;--orange:#ff8a4d;
--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.14);
--mut:#A6A6B0;--mut-2:#82828C;--txt:#F5F5F6;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#07070A;overflow-x:clip}
body{font-family:'Barlow',system-ui,sans-serif;background:transparent;color:var(--txt);-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100vw}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
.display{font-family:'Anton';text-transform:uppercase;letter-spacing:.5px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.hide{display:none!important}
/* stock urgency + locations */
.pc-urg{font-size:11px;font-weight:800;color:var(--orange);margin-top:6px;letter-spacing:.2px}
.loc-note{font-size:12px;font-weight:800;letter-spacing:.4px;color:#E9C15A;background:rgba(233,193,90,.12);border:1px solid rgba(233,193,90,.28);padding:6px 12px;border-radius:99px;align-self:center;white-space:nowrap}
#locations .sec-head{flex-direction:column;align-items:center;text-align:center;gap:10px}
.loc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px;margin-top:6px}
.loc-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 42%,rgba(10,10,14,.30));-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -16px 34px rgba(0,0,0,.32),0 18px 46px rgba(0,0,0,.42);transition:transform .2s,border-color .2s}
.loc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent);pointer-events:none}
.loc-card::after{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(120% 80% at 12% 0%,rgba(255,255,255,.12),transparent 55%);mix-blend-mode:screen;pointer-events:none}
.loc-card>*{position:relative;z-index:1}
.loc-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24)}
.loc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.loc-city{font-family:'Anton';font-size:20px;letter-spacing:.5px}
.loc-open{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--green);display:flex;align-items:center;gap:5px;white-space:nowrap}
.loc-open .d{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.loc-addr{font-size:13px;line-height:1.55;color:var(--mut);flex:1}
.loc-actions{display:flex;gap:8px}
.loc-btn{flex:1;text-align:center;font-size:12.5px;font-weight:800;padding:10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--txt);transition:border-color .2s,background .2s}
.loc-btn:hover{border-color:var(--line-2);background:var(--panel-3)}
.loc-btn.primary{background:var(--yellow);color:#000;border-color:var(--yellow)}
.loc-btn.primary:hover{background:var(--yellow-deep)}
/* NAV */
nav{position:relative;z-index:60;background:rgba(10,10,12,.5);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06)}
nav.scrolled{background:rgba(10,10,12,.66);border-bottom-color:rgba(255,255,255,.09)}
.nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:78px;transition:height .25s}
nav.scrolled .nav-in{height:62px}
.nav-brand{justify-self:start;display:flex;align-items:center;gap:13px}
.nav-in .logo{width:54px;height:54px;border-radius:50%;flex:0 0 auto;transition:width .25s,height .25s}
nav.scrolled .nav-in .logo{width:46px;height:46px}
.nav-in .nm{font-family:'Anton';font-size:22px;line-height:.78;letter-spacing:.5px;color:#fff}
.nm .y{color:var(--yellow)} .nm small{display:block;font-family:'Barlow';font-weight:800;font-size:8px;letter-spacing:4.5px;color:var(--blue);margin-top:3px}
.nav-links{justify-self:center;display:flex;gap:2px}
.nav-brand{grid-area:1/1}
.nav-links{grid-area:1/2}
.nav-right{grid-area:1/3}
.nav-status{grid-area:1/2;display:none;align-items:center;gap:8px;justify-self:center;font-size:12.5px;font-weight:700;color:var(--mut);white-space:nowrap}
.nav-status .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pinPulse 2.4s ease-in-out infinite;flex:0 0 auto}
.nav-status b{color:var(--txt);font-weight:800}
.nav-links .nl{position:relative;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;font-size:14.5px;font-weight:600;color:#C9C9D2;padding:9px 15px;border-radius:10px;transition:color .2s,background .2s}
.nav-links .nl:hover{color:#fff;background:rgba(255,255,255,.05)}
.search svg{width:16px;height:16px;color:var(--mut);flex:0 0 auto}
.rew-pill svg{width:15px;height:15px;flex:0 0 auto}
.icon-btn svg{width:20px;height:20px}
.icon-btn svg,.rew-pill svg,.search svg{pointer-events:none}
.nav-links .nl::after{content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--yellow),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nav-links .nl:hover::after{transform:scaleX(1)}
.nav-right{justify-self:end;display:flex;align-items:center;gap:10px}
.store-sel{display:flex;align-items:center;gap:7px;height:40px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--txt);transition:border-color .2s}
.store-sel:hover{border-color:var(--line-2)}
.store-sel select{background:transparent;border:0;color:var(--txt);font-weight:700;font-size:12.5px;outline:none;cursor:pointer}
.store-sel select option{background:#15151a}
.store-sel .pin{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:0 0 auto;animation:pinPulse 2.4s ease-in-out infinite}
@keyframes pinPulse{0%,100%{box-shadow:0 0 6px var(--green);opacity:.9}50%{box-shadow:0 0 13px var(--green);opacity:1}}
.search{display:flex;align-items:center;gap:8px;height:40px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:0 14px;width:190px;transition:width .25s cubic-bezier(.2,.8,.2,1),border-color .2s}
.search:focus-within{border-color:var(--blue);width:230px}
.search input{background:transparent;border:0;color:var(--txt);outline:none;width:100%;font-size:13px}
.search input::placeholder{color:var(--mut)}
.icon-btn{position:relative;width:40px;height:40px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-size:18px;color:var(--txt);transition:border-color .2s,background .2s}
.icon-btn:hover{border-color:var(--line-2);background:var(--panel-3)}
.cart-count{position:absolute;top:-6px;right:-6px;background:var(--yellow);color:#000;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;padding:0 5px}
.owner-link{font-size:12.5px;color:var(--mut);font-weight:600;transition:color .2s}
.owner-link:hover{color:var(--yellow)}
@media(max-width:1080px){.search{display:none}}
@media(max-width:980px){.nav-links{display:none}.nav-status{display:flex}}
@media(max-width:640px){.nav-status{display:none}}
@media(max-width:860px){.owner-link{display:none}}
@media(max-width:780px){.nav-in .nm{display:none}}
.nav-burger{display:none;width:40px;height:40px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--txt);place-items:center;cursor:pointer}
.nav-burger svg{width:20px;height:20px;pointer-events:none}
.mobile-nav{display:none;flex-direction:column;background:var(--panel);border-bottom:1px solid var(--line);padding:6px 20px}
.mobile-nav.on{display:flex}
.mobile-nav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:11px 4px;font-size:15px;font-weight:600;color:#C9C9D2;border-bottom:1px solid var(--line)}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a.mn-accent{color:var(--yellow);font-weight:800}
@media(max-width:980px){.nav-burger{display:grid}}
/* HERO compact */
.hero{position:relative;padding:42px 0 30px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(233,193,90,.12),transparent 62%)}
.hero::before{content:"";position:absolute;width:520px;height:520px;left:-200px;top:-40px;border-radius:50%;background:radial-gradient(circle,rgba(198,203,212,.13),transparent 62%)}
.hero-in{position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--yellow);margin-bottom:12px}
.hero .eyebrow .d{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.hero h1{font-family:'Anton';font-size:clamp(30px,5vw,52px);line-height:.95;text-transform:uppercase}
.hero h1 .y{color:var(--yellow)}.hero h1 .b{color:var(--blue)}
.hero p{font-size:14.5px;color:var(--mut);max-width:440px;margin-top:12px;line-height:1.55}
/* DEALS strip */
.deals-strip{border-bottom:1px solid var(--line);overflow:hidden}
.deals-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px;flex-wrap:wrap}
.deals-strip .tag{display:inline-flex;align-items:center;gap:5px;font-family:'Anton';font-size:12.5px;letter-spacing:.5px;color:#0a0a0a;background:var(--yellow);padding:7px 13px;border-radius:10px;flex:0 0 auto;white-space:nowrap}
.deals-track{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.deal-cd{font-size:12px;font-weight:800;color:var(--mut);letter-spacing:.3px;white-space:nowrap}
.deal-cd b{color:var(--yellow);font-variant-numeric:tabular-nums}
/* full-bleed photo band */
.photo-band{position:relative;margin:34px 0 6px;min-height:min(58vw,560px);display:grid;align-items:end;background:#050507;overflow:hidden}
.photo-band::before{content:"";position:absolute;inset:0;z-index:0;background-image:image-set(url("store-interior.webp") type("image/webp"), url("store-interior.jpg") type("image/jpeg"));background-position:center 42%;background-size:cover;background-repeat:no-repeat;transform-origin:56% 36%;animation:pbKen 26s ease-in-out infinite alternate;will-change:transform,filter}
@media(max-width:760px){.photo-band::before{background-image:none}}
.photo-band::after{content:"";position:absolute;inset:0;z-index:1;background:
radial-gradient(115% 80% at 68% 34%, transparent 30%, rgba(5,5,7,.5) 100%),
radial-gradient(70% 60% at 8% 108%, rgba(233,193,90,.22), transparent 62%),
linear-gradient(180deg, rgba(5,5,7,.66), rgba(5,5,7,.05) 34%, rgba(5,5,7,.12) 55%, rgba(5,5,7,.97)),
linear-gradient(90deg, rgba(5,5,7,.82), rgba(5,5,7,.15) 52%, transparent 70%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.pb-in{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:50px}
.pb-kick{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}
.pb-kick::before{content:"";width:26px;height:2px;background:var(--yellow);box-shadow:0 0 14px rgba(233,193,90,.8)}
.pb-h{font-family:'Anton';font-size:clamp(48px,7.4vw,104px);line-height:.92;text-transform:uppercase;margin-top:12px;letter-spacing:.5px;text-shadow:0 6px 40px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.5)}
.pb-h .y{text-shadow:0 0 34px rgba(233,193,90,.45)}
@keyframes pbKen{0%{transform:scale(1.04);filter:saturate(1.18) contrast(1.08) brightness(1.01)}100%{transform:scale(1.13);filter:saturate(1.28) contrast(1.13) brightness(1.09)}}
.photo-band.reveal .pb-kick,.photo-band.reveal .pb-h{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1)}
.photo-band.in .pb-kick{opacity:1;transform:none;transition-delay:.12s}
.photo-band.in .pb-h{opacity:1;transform:none;transition-delay:.3s}
.photo-band.reveal .pb-kick::before{width:0;transition:width .85s cubic-bezier(.16,1,.3,1) .5s}
.photo-band.in .pb-kick::before{width:26px}
@media(prefers-reduced-motion:reduce){.photo-band::before{animation:none;transform:scale(1.04);filter:saturate(1.2) contrast(1.1) brightness(1.05)}.photo-band .pb-kick,.photo-band .pb-h{opacity:1!important;transform:none!important}.photo-band .pb-kick::before{width:26px!important}}
/* footer ghost wordmark */
.foot-mark{font-family:'Anton';font-size:clamp(64px,13.5vw,185px);line-height:.85;text-align:center;letter-spacing:3px;margin-top:36px;margin-bottom:-8px;white-space:nowrap;user-select:none;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.01));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* ===== GIFT CARDS ===== */
.gift-in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:38px;overflow:hidden;position:relative}
@media(max-width:820px){.gift-in{grid-template-columns:1fr;gap:30px;padding:26px}}
.gc-card{position:relative;overflow:hidden;aspect-ratio:1.586;max-width:400px;width:100%;justify-self:center;border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;
background:linear-gradient(150deg,#1d1a10,#0b0b10 65%);
border:1px solid rgba(233,193,90,.45);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -24px rgba(0,0,0,.85),0 0 40px -18px rgba(233,193,90,.5)}
.gc-card::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 100% 0%,rgba(233,193,90,.16),transparent 55%),radial-gradient(70% 60% at 0% 100%,rgba(198,203,212,.08),transparent 60%);pointer-events:none}
.gc-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.09) 50%,transparent 57%);transform:translateX(-130%);animation:cardShine 6.5s ease-in-out infinite;pointer-events:none}
.gc-top{display:flex;justify-content:space-between;align-items:center}
.gc-top img{height:34px;width:auto;filter:drop-shadow(0 0 10px rgba(233,193,90,.35))}
.gc-lbl{font-size:10px;font-weight:800;letter-spacing:3px;color:var(--mut)}
.gc-amt{font-family:'Anton';font-size:54px;line-height:1;background:linear-gradient(180deg,#FCEDB6,#E9C15A 55%,#C6982F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gc-code{font-size:13px;font-weight:800;letter-spacing:2.5px;color:var(--mut);font-variant-numeric:tabular-nums;margin-top:4px}
.gc-meta{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:700;color:var(--mut-2);letter-spacing:.6px}
.gcamt{display:flex;gap:8px;flex-wrap:wrap}
.gcamt button{flex:1;min-width:62px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:800;font-size:14px;color:var(--mut);transition:border-color .2s,color .2s}
.gcamt button.on{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border-color:transparent}
.gcv{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px;flex-wrap:wrap}
.gcv input{flex:1;min-width:200px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--txt);font-size:13px;outline:none}
.gcv button{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border:0;border-radius:10px;padding:10px 16px;font-weight:800;font-size:12.5px}
.gcv #gcvOut{font-size:12.5px;font-weight:700}
#coGiftMsg{display:block;font-size:11.5px;font-weight:700;margin-top:6px}
/* brand ticker (replaces stat counters) */
#trustIn{display:block}
.bw-name{color:inherit;text-decoration:none;transition:color .2s}
.bw-name:hover{color:#E9C15A}
.bw-hold{margin:14px 0 0;font-size:12.5px;color:var(--mut-2);letter-spacing:.2px}
.bw-hold a{color:#E9C15A;text-decoration:none;border-bottom:1px solid rgba(233,193,90,.35)}
.news-form{flex-direction:column;align-items:stretch}
.news-row{display:flex;gap:10px;align-items:center}
.news-row input{flex:1;min-width:0}
.news-consent{display:flex;gap:10px;align-items:flex-start;margin-top:12px;max-width:52ch}
.news-consent{max-width:none}
.news-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:#E9C15A}
.news-consent label{font-size:11.5px;line-height:1.55;color:var(--mut-2)}
.news-consent a{color:var(--mut);text-decoration:underline}
.news-fine{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--mut-2);max-width:52ch}
.brand-wall{position:relative;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}
.bw-label{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;color:var(--mut-2)}
.bw-lanes{position:relative;flex:1;overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bw-lane{display:flex;align-items:center;gap:42px;width:max-content;animation:bwScroll 46s linear infinite}
.brand-wall:hover .bw-lane{animation-play-state:paused}
@keyframes bwScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bw-name{flex:0 0 auto;font-family:'Anton';font-size:16px;letter-spacing:2px;color:#9a9aa4;white-space:nowrap;transition:color .3s}
.bw-name:hover{color:#cfcfd6}
@media(prefers-reduced-motion:reduce){.bw-lane{animation:none}}
@media(max-width:640px){.brand-wall{flex-direction:column;gap:12px;align-items:flex-start}.bw-lanes{width:100%}}
.bt-marq{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bt-track{display:flex;gap:34px;width:max-content;animation:locScroll 32s linear infinite}
.bt-track span{font-family:'Anton';font-size:15px;letter-spacing:1.5px;color:var(--mut);white-space:nowrap;display:flex;align-items:center;gap:34px}
.bt-track i{font-style:normal;color:var(--yellow);font-size:8px}
/* gift ledger (owner) */
.gcl{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.gcl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13.5px}
.gcl-head span{color:var(--mut);font-size:12px;font-weight:700}
.gcl-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px;flex-wrap:wrap}
.gcl-code{font-weight:800;letter-spacing:1px;color:var(--yellow);font-variant-numeric:tabular-nums}
.gcl-who{color:var(--mut);flex:1;min-width:120px}
.gcl-date{color:var(--mut-2);font-size:11.5px}
.gcl-st.used{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--mut-2);border:1px solid var(--line-2);border-radius:99px;padding:3px 9px}
.gcl-use{background:var(--panel-2);border:1px solid var(--line-2);color:var(--txt);border-radius:8px;padding:5px 10px;font-weight:700;font-size:11.5px;cursor:pointer}
.gcl-use:hover{border-color:var(--yellow);color:var(--yellow)}
.gcl-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto}
.gcl-mini{background:var(--panel-2);border:1px solid var(--line-2);color:var(--mut);border-radius:8px;padding:5px 10px;font-weight:700;font-size:11.5px;cursor:pointer;transition:border-color .18s,color .18s,background .18s;display:inline-flex;align-items:center;gap:5px}
.gcl-mini:hover{border-color:var(--yellow);color:var(--yellow)}
.gcl-mini.danger:hover{border-color:var(--red);color:var(--red)}
.gcl-mini svg{width:12px;height:12px}
.gcl-st.part{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--yellow);border:1px solid rgba(233,193,90,.4);border-radius:99px;padding:3px 9px}
/* staff link (discreet owner access) */
.staff-link{font-size:11px;color:var(--mut-2);letter-spacing:.6px;font-weight:600}
.staff-link:hover{color:var(--yellow)}
/* gift experience */
#gcLive{margin:2px 0 16px}
#modalBox .gc-card{animation:gcIn .55s cubic-bezier(.2,.9,.3,1.08)}
@keyframes gcIn{0%{opacity:0;transform:scale(.86) rotate(-2.5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.gc-amt.pop{animation:gcAmtPop .45s cubic-bezier(.3,1.6,.4,1)}
@keyframes gcAmtPop{0%{transform:scale(.82)}60%{transform:scale(1.09)}100%{transform:scale(1)}}
.gcstyles{display:flex;gap:12px}
.gcsty{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s}
.gcsty:hover{transform:scale(1.1)}
.gcsty[data-s="G"]{background:linear-gradient(140deg,#F3DA8F,#C6982F)}
.gcsty[data-s="B"]{background:linear-gradient(140deg,#454b58,#0e0e12)}
.gcsty[data-s="R"]{background:linear-gradient(140deg,#C8102E,#5E0A16)}
.gcsty.on{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.gc-card.th-b{border-color:rgba(198,203,212,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -24px rgba(0,0,0,.85),0 0 40px -18px rgba(198,203,212,.45)}
.gc-card.th-b .gc-amt{background:linear-gradient(180deg,#ffffff,#C6CBD4 55%,#8b93a3);-webkit-background-clip:text;background-clip:text}
.gc-card.th-b .gc-top img{filter:drop-shadow(0 0 10px rgba(198,203,212,.4))}
.gc-card.th-r{border-color:rgba(200,16,46,.6);background:linear-gradient(150deg,#200e11,#0b0b10 65%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -24px rgba(0,0,0,.85),0 0 40px -18px rgba(200,16,46,.55)}
.gc-card.th-r .gc-amt{background:linear-gradient(180deg,#FCEDB6,#E9C15A 45%,#C8102E);-webkit-background-clip:text;background-clip:text}
.gc-burst{position:relative;height:0;z-index:5}
.gc-burst span{position:absolute;left:50%;top:64px;width:7px;height:7px;border-radius:50%;background:#F3DA8F;box-shadow:0 0 10px #E9C15A;animation:gcBurst .9s ease-out forwards}
@keyframes gcBurst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--bx),var(--by)) scale(.3)}}
/* tighter gift section */
#giftcards{padding-top:34px;padding-bottom:0}
#giftcards{position:relative}
#giftcards::before{content:"";position:absolute;inset:-6% -4%;pointer-events:none;z-index:0;
background:radial-gradient(32% 44% at 16% 14%,rgba(233,193,90,.24),transparent 62%),radial-gradient(30% 40% at 88% 86%,rgba(200,16,46,.18),transparent 62%);
filter:blur(26px);animation:storyBlobs 12s ease-in-out infinite alternate}
.gift-in{position:relative;z-index:1;gap:36px;padding:32px;
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03) 55%);
-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
border:1px solid rgba(255,255,255,.16);border-radius:26px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05),0 30px 60px -30px rgba(0,0,0,.8)}
.gift-in::after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none;
background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.09) 50%,transparent 58%);
transform:translateX(-130%);animation:vetSweep 6s ease-in-out 2.4s infinite}
/* ===== ELITE SHOWCASE CARD ===== */
.gc-stage{position:relative;justify-self:center;width:100%;max-width:400px;perspective:1100px}
.gc-stage .gc-card{position:relative;z-index:2;max-width:none;transform-style:preserve-3d;will-change:transform;transition:box-shadow .3s;
animation:gcFloat 7s ease-in-out infinite,gcGlowPulse 4.5s ease-in-out infinite}
@keyframes gcFloat{0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}30%{transform:translateY(-9px) rotateX(2.6deg) rotateY(-3.4deg)}65%{transform:translateY(-3px) rotateX(-1.8deg) rotateY(2.8deg)}}
@keyframes gcGlowPulse{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -24px rgba(0,0,0,.85),0 0 34px -16px rgba(233,193,90,.45)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 34px 64px -24px rgba(0,0,0,.9),0 0 58px -14px rgba(233,193,90,.75)}}
.gc-halo{position:absolute;inset:-14% -10%;z-index:1;pointer-events:none;background:radial-gradient(52% 52% at 50% 55%,rgba(233,193,90,.22),rgba(198,203,212,.05) 55%,transparent 72%);filter:blur(10px);animation:gcHaloBreathe 5s ease-in-out infinite}
@keyframes gcHaloBreathe{0%,100%{opacity:.65;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
.gc-hexes{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'%3E%3Cpolygon points='28,2 54,17 54,47 28,62 2,47 2,17' fill='none' stroke='%23E9C15A' stroke-width='1.4'/%3E%3C/svg%3E");background-size:52px auto;
-webkit-mask-image:linear-gradient(115deg,transparent 38%,#000 78%);mask-image:linear-gradient(115deg,transparent 38%,#000 78%)}
.gc-holo{position:absolute;inset:-45%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.8;
background:conic-gradient(from 0deg,transparent 0 10%,rgba(233,193,90,.16) 17%,rgba(122,178,255,.10) 25%,rgba(255,128,156,.09) 32%,transparent 40%,transparent 54%,rgba(198,203,212,.11) 62%,rgba(233,193,90,.14) 71%,transparent 80%);
animation:gcHolo 10s linear infinite}
@keyframes gcHolo{to{transform:rotate(360deg)}}
.gc-glare{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .35s;mix-blend-mode:screen;
background:radial-gradient(230px circle at var(--gx,50%) var(--gy,50%),rgba(255,244,214,.26),rgba(233,193,90,.09) 42%,transparent 68%)}
.gc-card.live .gc-glare{opacity:1}
.gc-stage .gc-shine{animation-duration:4.6s}
.gc-chiprow{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gc-chip{width:42px;height:31px;border-radius:6px;position:relative;flex:0 0 auto;
background:linear-gradient(135deg,#F3DA8F,#C6982F 55%,#E9C15A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.55)}
.gc-chip::before{content:"";position:absolute;inset:5px;border:1px solid rgba(20,14,2,.45);border-radius:3px}
.gc-chip::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(20,14,2,.45)}
.gc-nfc{display:grid;place-items:center;color:rgba(233,193,90,.85)}
.gc-nfc svg{width:22px;height:22px}
.gc-nfc path{opacity:.35;animation:nfcPulse 2.6s ease-in-out infinite}
.gc-nfc path:nth-child(2){animation-delay:.22s}
.gc-nfc path:nth-child(3){animation-delay:.44s}
@keyframes nfcPulse{0%,100%{opacity:.3}28%{opacity:1}}
.gc-stage .gc-amt{background:linear-gradient(100deg,#C6982F,#FCEDB6 28%,#E9C15A 50%,#FCEDB6 72%,#C6982F);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:gcAmtSheen 4.2s ease-in-out infinite}
@keyframes gcAmtSheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.gc-spark{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#F3DA8F;box-shadow:0 0 9px #E9C15A;opacity:0;pointer-events:none;animation:gcTwinkle 3.8s ease-in-out infinite}
.gc-spark.s1{top:-4px;left:13%}
.gc-spark.s2{top:20%;right:-9px;animation-delay:.8s}
.gc-spark.s3{bottom:-7px;left:32%;animation-delay:1.5s;width:4px;height:4px}
.gc-spark.s4{bottom:24%;left:-9px;animation-delay:2.2s}
.gc-spark.s5{top:-8px;right:20%;animation-delay:2.9s;width:4px;height:4px}
@keyframes gcTwinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
/* ===== PREMIUM GIFT MODAL ===== */
.gc-lux .gc-amt{background:linear-gradient(100deg,#C6982F,#FCEDB6 28%,#E9C15A 50%,#FCEDB6 72%,#C6982F);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:gcAmtSheen 4.2s ease-in-out infinite}
.gc-lux.th-b .gc-amt{background:linear-gradient(100deg,#8b93a3,#ffffff 30%,#C6CBD4 50%,#ffffff 70%,#8b93a3);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
.gc-lux.th-r .gc-amt{background:linear-gradient(100deg,#C8102E,#FCEDB6 30%,#E9C15A 50%,#FCEDB6 70%,#C8102E);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
.modal:has(.gm){width:min(620px,100%);border-color:rgba(233,193,90,.26)}
.gm{padding:0!important}
.gm-hero{position:relative;padding:24px 24px 8px;overflow:hidden;border-bottom:1px solid rgba(233,193,90,.15);
background:radial-gradient(130% 100% at 50% -25%,rgba(233,193,90,.17),transparent 58%),linear-gradient(180deg,#141419,#0c0c10)}
.gm-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'%3E%3Cpolygon points='28,2 54,17 54,47 28,62 2,47 2,17' fill='none' stroke='%23E9C15A' stroke-width='1.4'/%3E%3C/svg%3E");background-size:46px auto}
.gm-x{position:absolute;top:14px;right:14px;z-index:6}
.gm-kick{display:block;text-align:center;font-size:9.5px;font-weight:800;letter-spacing:3.5px;color:var(--yellow);margin-bottom:7px}
.gm-title{font-family:'Anton';font-size:26px;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.8px;margin:0 0 5px}
.gm-sub{text-align:center;color:var(--mut);font-size:12.5px;margin:0 0 18px}
.gm #gcLive{margin:0;position:relative;z-index:2}
.gm #gcLive .gc-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 46px -26px rgba(0,0,0,.95),0 0 48px -16px rgba(233,193,90,.5)}
.gm-refl{width:min(320px,78%);height:24px;margin:6px auto 0;border-radius:50%;filter:blur(9px);
background:radial-gradient(50% 100% at 50% 0%,rgba(233,193,90,.3),transparent 72%);animation:gcHaloBreathe 5s ease-in-out infinite}
.gm-body{padding:22px 24px 24px}
.gm-sec{margin-bottom:18px}
.gm-lbl{display:flex;align-items:center;gap:12px;font-size:10.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.gm-lbl::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.gm .two .field,.gm .gm-body>.field{margin-bottom:0}
.gm .two{margin-bottom:0}
.gm-body>.field{margin-top:14px}
.gm .field label{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut-2)}
.gm .field input{background:linear-gradient(180deg,#141419,#0f0f13)}
.gm .gcamt{gap:9px}
.gm .gcamt button{position:relative;min-width:58px;background:linear-gradient(180deg,#17171d,#101014);border:1px solid var(--line-2);border-radius:14px;padding:13px 6px;
font-family:'Anton';font-size:17px;letter-spacing:.6px;font-weight:400;color:var(--mut);transition:transform .18s,border-color .2s,color .2s,box-shadow .25s}
.gm .gcamt button:hover{border-color:rgba(233,193,90,.45);color:var(--txt);transform:translateY(-2px)}
.gm .gcamt button.on{background:linear-gradient(180deg,#F3DA8F,#D2A63F);color:#1a1206;border-color:transparent;transform:translateY(-2px);
box-shadow:0 12px 26px -11px rgba(210,166,63,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.gm .gcstyles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.gm .gcsty{width:auto;height:auto;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;
background:linear-gradient(180deg,#17171d,#101014);border:1px solid var(--line-2);box-shadow:none;
font-size:12px;font-weight:800;letter-spacing:.6px;color:var(--mut);transition:transform .18s,border-color .2s,color .2s,box-shadow .25s}
.gm .gcsty i{width:16px;height:16px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 2px 5px rgba(0,0,0,.55)}
.gm .gcsty[data-s="G"]{background:linear-gradient(180deg,#17171d,#101014)}
.gm .gcsty[data-s="B"]{background:linear-gradient(180deg,#17171d,#101014)}
.gm .gcsty[data-s="R"]{background:linear-gradient(180deg,#17171d,#101014)}
.gm .gcsty[data-s="G"] i{background:linear-gradient(140deg,#F3DA8F,#C6982F)}
.gm .gcsty[data-s="B"] i{background:linear-gradient(140deg,#454b58,#0e0e12)}
.gm .gcsty[data-s="R"] i{background:linear-gradient(140deg,#C8102E,#5E0A16)}
.gm .gcsty:hover{transform:translateY(-2px);border-color:rgba(233,193,90,.4);color:var(--txt)}
.gm .gcsty.on{transform:translateY(-2px);border-color:rgba(233,193,90,.65);color:var(--txt);box-shadow:0 0 0 3px rgba(233,193,90,.13),0 10px 22px -12px rgba(0,0,0,.85)}
.gm .place-btn{position:relative;overflow:hidden;border-radius:14px;padding:16px;font-size:15px;letter-spacing:.4px;margin-top:20px;
background:linear-gradient(180deg,#F3DA8F,#D2A63F);box-shadow:0 16px 34px -13px rgba(210,166,63,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.gm .place-btn::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translateX(-140%);animation:cardShine 3.8s ease-in-out infinite}
.gm .place-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.gm .co-note{text-align:center}
/* premium success modals */
.gm-hero{text-align:center}
.ok-hero{padding-bottom:22px}
.ok-seal{width:70px;height:70px;margin:4px auto 12px;position:relative;display:grid;place-items:center}
.ok-seal::before{content:"";position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(233,193,90,.22),transparent 65%);animation:gcHaloBreathe 4.5s ease-in-out infinite}
.ok-seal svg{width:100%;height:100%;overflow:visible;position:relative}
.ok-seal circle{fill:rgba(233,193,90,.06);stroke:#E9C15A;stroke-width:2;stroke-dasharray:189;stroke-dashoffset:189;transform:rotate(-90deg);transform-origin:center;animation:sealRing .9s cubic-bezier(.4,0,.2,1) .15s forwards}
.ok-seal path{fill:none;stroke:#F3DA8F;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:42;stroke-dashoffset:42;filter:drop-shadow(0 0 7px rgba(233,193,90,.65));animation:sealTick .45s ease-out .75s forwards}
@keyframes sealRing{to{stroke-dashoffset:0}}
@keyframes sealTick{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ok-seal circle,.ok-seal path{stroke-dashoffset:0}}
.ok-id{display:inline-block;margin:2px auto 12px;padding:7px 18px;border-radius:99px;border:1px solid rgba(233,193,90,.4);background:rgba(233,193,90,.08);font-family:'Anton';font-size:15px;letter-spacing:2.5px;color:var(--yellow);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.gm .place-btn.ghost{background:linear-gradient(180deg,#17171d,#101014);color:var(--txt);border:1px solid var(--line-2);box-shadow:none}
.gm .place-btn.ghost::after{display:none}
.gm .place-btn.ghost:hover{border-color:rgba(233,193,90,.5);filter:none;transform:translateY(-1px)}
.gm .gm-body.stack .place-btn{margin-top:10px}
.ok-hint{text-align:center;color:var(--mut-2);font-size:11.5px;line-height:1.55;margin:10px 0 0}
.gm .rew-won{margin:0 0 4px;text-align:left;background:linear-gradient(160deg,rgba(233,193,90,.14),rgba(233,193,90,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.gm .gm-sec .field{margin-bottom:0}
.gm .gm-sec>.field{margin-top:14px}
/* product variants */
.pv-group{margin:0 0 13px}
.pv-l{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--mut);text-transform:uppercase;margin-bottom:7px}
.pv-chips{display:flex;gap:8px;flex-wrap:wrap}
.pv-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:700;color:var(--mut);transition:border-color .15s,color .15s}
.pv-chip:hover{border-color:var(--line-2);color:var(--txt)}
.pv-chip.on{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border-color:transparent;box-shadow:0 6px 16px -9px rgba(210,166,63,.6)}
.ci-var{font-size:11px;color:var(--mut-2);font-weight:600;margin:-1px 0 2px}
.deal-pill{flex:0 0 auto;display:flex;align-items:center;gap:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:7px 13px;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .25s}
.deal-pill:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 10px 22px -12px rgba(0,0,0,.8)}
.dp-name{font-size:12.5px;font-weight:700;color:var(--txt);white-space:nowrap}
.dp-price{display:flex;align-items:center;gap:6px}
.dp-price b{font-family:'Anton';font-size:14.5px;color:var(--yellow)}
.dp-price s{font-size:11px;color:var(--mut-2)}
.dp-off{font-size:12px;font-weight:800;color:var(--green);background:rgba(57,217,138,.14);border-radius:99px;padding:3px 9px;flex:0 0 auto}
/* CATEGORY tabs */
.cats{position:sticky;top:0;z-index:40;padding:12px 0;background:transparent;border-bottom:0}
nav.scrolled ~ .cats,.scrolled+.cats{top:0}
.cats-wrap{display:flex;align-items:center;justify-content:center}
.cats-in{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:6px 10px;border-radius:99px;
background:linear-gradient(160deg,rgba(30,30,36,.78),rgba(16,16,20,.72));
-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
border:1px solid rgba(255,255,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 38px -18px rgba(0,0,0,.85)}
.cats-in::-webkit-scrollbar{height:0}
.chip{flex:0 0 auto;position:relative;background:transparent;border:1px solid transparent;border-radius:99px;padding:11px 20px;
font-size:13.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut-2);white-space:nowrap;
transition:color .2s,background .25s,border-color .25s,box-shadow .25s}
.chip:hover{color:var(--txt);background:rgba(255,255,255,.06)}
.chip.on{color:#1a1206;background:linear-gradient(180deg,#F3DA8F,#D2A63F);border-color:rgba(255,255,255,.25);
box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px -8px rgba(210,166,63,.65)}
.chip::after{display:none}
@media(max-width:640px){.cats-kick{display:none}}
/* PRODUCT grid */
.shop{padding:26px 0 70px}
.shop-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.shop-head h2{font-size:18px;font-weight:800}
.shop-head span{font-size:13px;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.pcard:hover{border-color:var(--line-2);transform:translateY(-3px)}
.pcard .ph{aspect-ratio:1;background:radial-gradient(120% 95% at 50% 0%, #191920 0%, #101014 55%, #0c0c0f 100%);position:relative;display:grid;place-items:center;overflow:hidden;cursor:pointer}
.pcard .ph img{width:100%;height:100%;object-fit:cover}
.pcard .ph .ph-fb{font-family:'Anton';font-size:15px;letter-spacing:1px;color:var(--mut-2)}
.badge{position:absolute;top:10px;left:10px;font-size:12px;font-weight:800;letter-spacing:.4px;padding:4px 9px;border-radius:99px}
.badge.deal{background:var(--yellow);color:#000}
.badge.low{background:rgba(255,138,77,.16);color:var(--orange);border:1px solid rgba(255,138,77,.4)}
.badge.out{background:rgba(255,90,82,.16);color:var(--red);border:1px solid rgba(255,90,82,.4)}
.pcard .body{padding:13px;display:flex;flex-direction:column;gap:3px;flex:1}
.pcard .cat-l{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.pcard .nm-l{font-size:14px;font-weight:700;line-height:1.3}
.pcard .price-l{margin-top:6px;display:flex;align-items:center;gap:8px}
.pcard .price{font-family:'Anton';font-size:18px}
.pcard .price.sale{color:var(--yellow)}
.pcard .was{font-size:12px;color:var(--mut-2);text-decoration:line-through}
.pcard .foot{margin-top:auto;padding:13px;padding-top:0}
.add-btn{width:100%;min-height:46px;background:var(--panel-2);color:var(--txt);border:1px solid var(--line-2);border-radius:12px;padding:12px;font-weight:800;font-size:13.5px}
.add-btn:not(:disabled):hover{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border-color:transparent}
.add-btn:disabled{background:var(--panel-3);color:var(--mut-2);cursor:not-allowed}
/* ===== product art ===== */
.prod{height:74%;aspect-ratio:200/228;position:relative;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.prod svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.pd-ph .prod{height:88%}
.ci-ph .prod{height:94%;filter:none;animation:none}
.a-ph .prod{height:92%;filter:none;animation:none}
/* ===== scroll reveal ===== */
.reveal{opacity:1}
.reveal.in{animation:revealIn .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes revealIn{from{transform:translateY(14px)}to{transform:none}}
/* ===== card motion ===== */
.pcard{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .35s}
.pcard:hover{box-shadow:0 22px 46px -20px rgba(0,0,0,.85)}
.pcard .badge{z-index:3}
/* product-card shine sweep removed for a cleaner look */
.pcard:hover .prod{transform:translateY(-5px) scale(1.05)}
/* ===== deal strip shimmer ===== */
.deals-strip{background:var(--panel)}
@keyframes shimmer{to{background-position:200% 0}}
/* ===== hero life ===== */
.hero::before,.hero::after{animation:drift 9s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(26px,20px) scale(1.1)}}
.hero h1 .y{color:var(--yellow)}
@keyframes sheen{to{background-position:220% 0}}
/* ===== buttons / cart pop ===== */
.add-btn{transition:transform .12s,box-shadow .22s}
.add-btn:not(:disabled):hover{box-shadow:0 8px 22px -6px rgba(233,193,90,.5)}
.add-btn:not(:disabled):active{transform:scale(.96)}
.checkout-btn,.place-btn,.big-y,.gate-btn{transition:transform .12s,box-shadow .22s}
.checkout-btn:active,.place-btn:active,.gate-btn:active{transform:scale(.98)}
.cart-count{transition:transform .28s cubic-bezier(.3,1.7,.5,1)}
.cart-count.bump{transform:scale(1.4)}
/* add-to-cart button success flash (fires for every add button via addToCart) */
.add-flash{animation:addFlash .62s cubic-bezier(.3,1.4,.5,1)}
@keyframes addFlash{0%{box-shadow:0 0 0 0 rgba(57,217,138,.6)}100%{box-shadow:0 0 0 13px rgba(57,217,138,0)}}
.chip{transition:transform .15s,background .2s,color .2s,border-color .2s}
.chip:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* ===== announcement bar ===== */
.announce{background:linear-gradient(90deg,var(--yellow-deep),var(--yellow) 50%,var(--yellow-deep));background-size:200% 100%;animation:annSheen 6s linear infinite;color:#0a0a0a;overflow:hidden;height:38px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative}
@keyframes annSheen{to{background-position:200% 0}}
.ann-live{font-weight:800;font-size:12.5px;letter-spacing:.3px;white-space:nowrap}
.ann-live b{font-weight:900}
.ann-live #pickupCountdown{font-variant-numeric:tabular-nums}
.ann-pulse{width:8px;height:8px;border-radius:50%;background:#0a0a0a;position:relative;flex:0 0 auto}
.ann-pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(10,10,10,.55);animation:annPing 1.8s ease-out infinite}
@keyframes annPing{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.7);opacity:0}}
/* ===== nav links (styled in nav block above) ===== */
/* ===== hero (rebuilt) ===== */
.hero{padding:56px 0 50px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:2}
.hero-copy h1{font-family:'Anton';font-size:clamp(38px,5.6vw,74px);line-height:.92;text-transform:uppercase}
.hero-copy p{font-size:15.5px;color:#C7C7CF;max-width:460px;margin:18px 0 18px;line-height:1.6}
.hero-rate{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut);margin-bottom:22px}
.hero-rate b{color:var(--txt)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.big-y{background:var(--yellow);color:#000;font-weight:800;font-size:15px;padding:15px 24px;border-radius:13px;border:0}
.big-o{background:transparent;color:var(--txt);font-weight:700;font-size:15px;padding:15px 22px;border-radius:13px;border:1px solid var(--line-2)}
.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:12.5px;color:#C7C7CF;font-weight:600}
.hero-visual{position:relative;display:grid;place-items:center;min-height:340px}
.hero-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(233,193,90,.16),rgba(198,203,212,.08),transparent 68%);animation:drift 8s ease-in-out infinite alternate}
.feat-card{position:relative;z-index:2;width:min(340px,86%);background:linear-gradient(180deg,#151519,#0d0d10);border:1px solid var(--line-2);border-radius:24px;padding:20px;text-align:center;box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.feat-card .fbadge{position:absolute;top:14px;left:14px;background:var(--yellow);color:#000;font-size:12px;font-weight:800;letter-spacing:.4px;padding:5px 11px;border-radius:99px;z-index:3}
.feat-card .fart{height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border-radius:16px;background:radial-gradient(100% 80% at 50% 2%, #26262f 0%, #131319 46%, #0b0b0f 100%)}
.feat-card .fart .prod{height:100%}
.feat-card .fname{font-size:16px;font-weight:800;margin-top:6px}
.feat-card .fcat{font-size:11px;color:var(--blue);font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.feat-card .fprice{font-family:'Anton';font-size:24px;margin-top:8px}
.feat-card .fprice .was{font-size:14px;color:var(--mut-2);text-decoration:line-through;font-family:'Barlow';margin-left:6px}
.feat-card .fbuy{width:100%;margin-top:14px;background:var(--yellow);color:#000;border:0;border-radius:12px;padding:13px;font-weight:800;font-size:14px}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:24px}.hero-copy p,.hero-rate,.hero-points,.hero-cta{justify-content:center;margin-inline:auto}}
/* ===== stars ===== */
.stars{position:relative;display:inline-block;font-size:13px;letter-spacing:2px;line-height:1;color:#34343b;font-family:Arial}
.stars .s-fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--yellow)}
.rate-line{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mut)}
/* ===== trust stats ===== */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 20px}
.stat-i{position:relative;text-align:center;padding:22px 14px 18px;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .2s}
.stat-i:hover{transform:translateY(-4px);border-color:var(--line-2)}
.stat-i::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--acc,var(--yellow))}
.stat-i::after{content:"";position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:120px;height:60px;border-radius:50%;background:radial-gradient(circle,var(--acc,var(--yellow)),transparent 70%);opacity:.16;pointer-events:none}
.stat-i .v{position:relative;font-family:'Anton';font-size:clamp(28px,3.4vw,40px);line-height:1}
.stat-i .v .u{color:var(--acc,var(--yellow))}
.stat-i .l{font-size:12px;color:#9a9aa3;margin-top:7px;font-weight:600;letter-spacing:.3px}
@media(max-width:640px){.trust-in{grid-template-columns:1fr 1fr}}
/* ===== section shells ===== */
.blk{padding:60px 0 10px}
.blk-full{padding:60px 0 20px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.kick{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}
.h2{font-family:'Anton';font-size:clamp(26px,3.8vw,42px);text-transform:uppercase;line-height:.98;margin-top:8px}
.h2 .y{color:var(--yellow)}
.lead{font-size:15px;color:#C7C7CF;line-height:1.6;max-width:480px;margin-top:14px}
/* ===== veteran-owned story — liquid glass ===== */
.story-sec{position:relative;overflow:hidden;padding:96px 0 84px;background:#08080b}
.story-sec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none;
background:linear-gradient(180deg,transparent,#C8102E 22%,#C8102E 78%,transparent)}
.story-in{position:relative;z-index:1;display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:center;
max-width:none;background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.vet-emblem{position:relative;margin:0;width:380px;flex:0 0 auto}
.vet-photo{position:relative;width:380px;height:480px;overflow:hidden;background:#0b0b0e;border-radius:3px;
box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.vet-photo::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
background:linear-gradient(0deg,rgba(6,6,9,.72),transparent 46%)}
.vet-photo picture{display:block;width:100%;height:100%}
.vet-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block;filter:grayscale(.12) contrast(1.06) brightness(1.06)}
/* one confident reveal — clip up, no loops */
.story-in.reveal .vet-photo{clip-path:inset(0 0 100% 0)}
.story-in.reveal.in .vet-photo,.story-in.in .vet-photo{clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1)}
.vet-plate{position:absolute;left:0;right:auto;bottom:22px;z-index:3;padding:0 0 0 24px;text-align:left;border-left:2px solid var(--yellow);margin-left:24px}
.vet-plate b{display:block;font-family:'Anton';font-size:16px;letter-spacing:1px;color:#fff;font-weight:400;text-transform:uppercase}
.vet-plate small{display:block;font-size:10px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--yellow);margin-top:6px}
.story-copy .kick{color:var(--yellow);letter-spacing:3px}
.story-copy .h2{font-size:clamp(40px,4.6vw,64px);line-height:.94;margin-top:12px}
.story-copy .lead{max-width:600px;margin-top:20px;font-size:16px;line-height:1.66;color:#C7C7CF}
.story-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.1)}
.val-card{padding:22px 26px 0 0;border:0;border-left:1px solid rgba(255,255,255,.1);padding-left:26px;background:none;box-shadow:none;transition:none}
.val-card:first-child{border-left:0;padding-left:0}
.val-card:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.1)}
.val-card h4{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:#fff}
.val-card p{font-size:13px;line-height:1.6;color:var(--mut)}
/* restrained staged entrance */
.story-in.reveal .story-copy>*{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.story-in.in .story-copy>*{opacity:1;transform:none}
.story-in.in .story-copy>*:nth-child(1){transition-delay:.2s}
.story-in.in .story-copy>*:nth-child(2){transition-delay:.32s}
.story-in.in .story-copy>*:nth-child(3){transition-delay:.44s}
.story-in.in .story-copy>*:nth-child(4){transition-delay:.56s}
@media(prefers-reduced-motion:reduce){.story-in.reveal .story-copy>*{opacity:1;transform:none}.story-in.reveal .vet-photo{clip-path:none}}
@media(max-width:860px){.story-in{grid-template-columns:1fr;gap:34px}
.vet-emblem{width:100%}
.story-vals{grid-template-columns:1fr;gap:0}
.val-card{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:18px 0 0}
.val-card:first-child{border-top:0;padding-top:0}}
/* ===== goals ===== */
.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
@media(max-width:820px){.goal-grid{grid-template-columns:1fr 1fr}}
.goal{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);padding:30px 20px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;cursor:pointer;background:var(--panel);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s,background .25s}
.goal::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--yellow);transition:width .3s cubic-bezier(.2,.8,.2,1)}
.goal:hover{transform:translateY(-5px);border-color:var(--line-2);background:var(--panel-2)}
.goal:hover::after{width:46px}
.goal h4{font-size:18px;font-weight:800}
.goal p{font-size:13px;color:var(--mut)}
#goals .sec-head,#bundles .sec-head,#reviews .sec-head,#theShop .sec-head{justify-content:center;text-align:center}
/* ===== bestsellers rail ===== */
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:38px;height:38px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);color:var(--txt);font-size:18px;line-height:1}
.rail{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail .rcard{flex:0 0 232px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .2s}
.rail .rcard:hover{transform:translateY(-4px);border-color:var(--line-2)}
.rail .rcard .rph{aspect-ratio:1;background:radial-gradient(115% 82% at 50% 4%, #2b2b36 0%, #17171e 40%, #0b0b0f 100%);position:relative;overflow:hidden;display:grid;place-items:center;cursor:pointer}
.rail .rcard .rph .badge{position:absolute;top:9px;left:9px;font-size:12px;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--yellow);color:#000;z-index:2}
.rail .rcard .rb{padding:13px}
.rail .rcard .rb .rc{font-size:10px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.rail .rcard .rb .rn{font-size:13.5px;font-weight:700;margin:2px 0 5px;line-height:1.3}
.rail .rcard .rb .rpr{font-family:'Anton';font-size:17px;margin-top:6px}
.rail .rcard .rb .rpr .was{font-family:'Barlow';font-size:12px;color:var(--mut-2);text-decoration:line-through;margin-left:5px}
.rail .rcard .radd{width:100%;margin-top:10px;background:var(--panel-3);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:9px;font-weight:700;font-size:12.5px;transition:background .2s,color .2s}
.rail .rcard .radd:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}
/* ===== spotlight ===== */
.spotlight-sec{background:linear-gradient(180deg,transparent,rgba(198,203,212,.05),transparent)}
.spotlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;background:linear-gradient(150deg,#141418,#0d0d10);border:1px solid var(--line);border-radius:26px;padding:34px;margin:34px 0}
.spotlight .sp-art{position:relative;display:grid;place-items:center;min-height:280px}
.spotlight .sp-art .glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(233,193,90,.14),transparent 68%)}
.spotlight .sp-art .prod{height:84%;z-index:2}
.spotlight .sp-tag{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}
.spotlight h3{font-family:'Anton';font-size:clamp(26px,3.4vw,38px);text-transform:uppercase;line-height:1;margin:8px 0 10px}
.spotlight .sp-desc{font-size:14.5px;color:var(--mut);line-height:1.6;margin-bottom:16px}
.spotlight .sp-ben{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.spotlight .sp-ben li{font-size:13.5px;display:flex;gap:9px}
.spotlight .sp-ben li .c{color:var(--green);font-weight:800}
.spotlight .sp-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.spotlight .sp-price{font-family:'Anton';font-size:30px}
.spotlight .sp-price .was{font-family:'Barlow';font-size:15px;color:var(--mut-2);text-decoration:line-through;margin-left:7px}
.spotlight .sp-add{background:var(--yellow);color:#000;border:0;border-radius:12px;padding:14px 26px;font-weight:800;font-size:14.5px}
@media(max-width:820px){.spotlight{grid-template-columns:1fr;gap:20px;padding:24px}.spotlight .sp-art{order:-1;min-height:220px}}
/* ===== bundles ===== */
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.bundle-grid{grid-template-columns:1fr}}
.bundle{border:1px solid var(--line-2);border-radius:20px;padding:22px;background:var(--panel-2);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .2s}
.bundle:hover{transform:translateY(-5px);border-color:var(--line-2)}
.bundle .save{position:absolute;top:16px;right:16px;background:rgba(57,217,138,.16);color:var(--green);font-size:11px;font-weight:800;padding:5px 10px;border-radius:99px}
.bundle .bt{font-family:'Anton';font-size:20px;text-transform:uppercase}
.bundle .bs{font-size:12.5px;color:var(--mut);margin:3px 0 16px}
.bundle .bitems{display:flex;gap:8px;margin-bottom:16px}
.bundle .bitems .bi{width:52px;height:52px;border-radius:11px;background:radial-gradient(120% 120% at 50% 15%,#1d1d23,#101014);display:grid;place-items:center;overflow:hidden}
.bundle .bitems .bi .prod{height:88%;filter:none;animation:none}
.bundle .bprice{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}
.bundle .bprice .now{font-family:'Anton';font-size:24px}
.bundle .bprice .was{font-size:14px;color:var(--mut-2);text-decoration:line-through}
.bundle .badd{width:100%;background:var(--panel-2);color:var(--txt);border:1px solid var(--line-2);border-radius:12px;padding:13px;font-weight:800;font-size:14px;transition:background .2s,color .2s,border-color .2s}
.bundle .badd:hover{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border-color:transparent}
/* ===== restock section ===== */
.restock-sec{padding:56px 0}
.restock-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.rfeat{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.rfeat li{display:flex;gap:11px;font-size:14px}
.rfeat li .c{width:20px;height:20px;border-radius:6px;background:rgba(233,193,90,.14);color:var(--yellow);display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.sms-card{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(22px) saturate(1.45);backdrop-filter:blur(22px) saturate(1.45);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 26px 64px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05)}
.sms-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 30%);z-index:0}
.sms-card>*{position:relative;z-index:1}
.sms-card::before{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(57,217,138,.14),transparent 70%)}
.sms-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.sms-head img{width:40px;height:40px;border-radius:50%}
.sms-head b{font-size:13px} .sms-head small{display:block;color:var(--mut);font-size:11px}
.sms-b{background:#202b22;border:1px solid rgba(57,217,138,.25);border-radius:18px 18px 18px 5px;padding:13px 15px;font-size:14px;line-height:1.5;max-width:300px}
.sms-b .grn{color:#5fe39a}
.sms-r{margin-left:auto;margin-top:11px;background:var(--blue);color:#fff;border-radius:18px 18px 5px 18px;padding:9px 14px;font-size:14px;font-weight:600;width:fit-content}
.sms-s{font-size:10.5px;color:var(--mut);margin-top:10px;text-align:center}
@media(max-width:820px){.restock-in{grid-template-columns:1fr;gap:28px}}
/* ===== reviews ===== */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:820px){.review-grid{grid-template-columns:1fr}}
.review{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 42%,rgba(10,10,14,.30));-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -16px 34px rgba(0,0,0,.32),0 18px 46px rgba(0,0,0,.42)}
.review::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent);pointer-events:none}
.review::after{content:"";position:absolute;inset:0;border-radius:18px;background:radial-gradient(120% 80% at 12% 0%,rgba(255,255,255,.12),transparent 55%);mix-blend-mode:screen;pointer-events:none}
.review>*{position:relative;z-index:1}
.review .rv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.review .rv-ver{font-size:10px;font-weight:800;color:var(--green);background:rgba(57,217,138,.13);padding:4px 8px;border-radius:99px}
.review p{font-size:14px;line-height:1.6;color:var(--txt);margin-bottom:14px}
.review .rv-who{display:flex;align-items:center;gap:10px}
.review .rv-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--blue));display:grid;place-items:center;font-weight:800;color:#000;font-size:14px}
.review .rv-nm{font-size:13px;font-weight:700}.review .rv-nm small{display:block;color:var(--mut);font-weight:500}
/* ===== newsletter ===== */
.news{padding:20px 0 60px}
.news-in{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.news-in::before{content:"";position:absolute;right:-60px;top:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(233,193,90,.2),transparent 70%);pointer-events:none}
.news-copy{position:relative;z-index:2}
.news-kick{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--yellow)}
.news-in h3{font-family:'Anton';font-size:clamp(26px,3.4vw,38px);text-transform:uppercase;line-height:1;margin-top:8px}
.news-in h3 .y{color:var(--yellow)}
.news-in p{font-size:14.5px;color:#C7C7CF;margin-top:10px;max-width:420px;line-height:1.55}
.news-form{position:relative;z-index:2;display:flex;gap:10px}
.news-form input{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:15px 18px;color:var(--txt);outline:none;font-size:14.5px;width:220px;letter-spacing:.3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 2px 10px rgba(0,0,0,.35);transition:border-color .2s,box-shadow .2s,background .2s}
.news-form input::placeholder{color:#8A8A94}
.news-form input:focus{border-color:var(--yellow);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 3px rgba(233,193,90,.22)}
.news-form button{background:var(--yellow);color:#000;border:0;border-radius:13px;padding:15px 24px;font-weight:800;font-size:14.5px;transition:transform .12s,box-shadow .22s}
.news-form button:hover{box-shadow:0 10px 26px -8px rgba(233,193,90,.6)}
.news-form button:active{transform:scale(.97)}
@media(max-width:560px){.news-form{width:100%}.news-form input{flex:1}}
/* .news-form input (above) and the responsive .news-form input rules both set
width/flex at the same specificity as .news-consent input, and being later in
source they were also sizing the SMS consent CHECKBOX to the phone field's
220px. Scope it up so the checkbox wins on specificity, not source order. */
.news-form .news-consent input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;min-width:0;padding:0;border-radius:4px}
/* ===== footer ===== */
.foot{border-top:1px solid var(--line);padding:50px 0 34px;background:var(--panel)}
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px}
.foot-brand img{width:46px;height:46px;border-radius:50%;margin-bottom:12px}
.foot-brand p{font-size:13px;color:var(--mut);max-width:250px;line-height:1.6}
.foot-col h5{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);margin-bottom:12px;font-weight:800}
.foot-col a{display:block;font-size:13.5px;color:var(--txt);margin-bottom:8px;font-weight:500;min-height:24px;padding:3px 0}
.foot-col a:hover{color:var(--yellow)}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--mut-2)}
.foot-bot .pays{letter-spacing:1px}
.foot-fda{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px;line-height:1.6;color:var(--mut-2);max-width:820px}
/* ===== location marquee ===== */
.loc-strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;background:linear-gradient(90deg,rgba(233,193,90,.07),rgba(198,203,212,.06) 50%,rgba(233,193,90,.07))}
.loc-strip .marquee{display:flex;width:max-content;white-space:nowrap;animation:locScroll 34s linear infinite;will-change:transform}
.loc-strip:hover .marquee{animation-play-state:paused}
.loc-strip .marquee span{display:inline-flex;align-items:center;gap:22px;padding:0 24px;font-family:'Anton';font-size:clamp(19px,2.3vw,30px);text-transform:uppercase;letter-spacing:1px;color:var(--txt);opacity:.85;transition:opacity .2s,color .2s}
.loc-strip .marquee span:hover{opacity:1;color:var(--yellow)}
.loc-strip .marquee span i{font-style:normal;color:var(--yellow);font-size:.6em;line-height:1;transform:translateY(-1px)}
@keyframes locScroll{to{transform:translateX(-50%)}}
/* ===== grid card stars ===== */
.pcard .body .rate-line{margin:1px 0 2px}
/* ===== film grain ===== */
.grain{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,")}
/* ===== fly to cart ===== */
.fly{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--yellow);z-index:9999;pointer-events:none;box-shadow:0 0 18px var(--yellow);transition:transform .62s cubic-bezier(.5,0,.3,1),opacity .62s ease-in}
/* ===== 3D tilt ===== */
.pcard,.rail .rcard,.goal,.bundle{will-change:transform}
/* ===== hero particles ===== */
.hero-visual .pdot{position:absolute;border-radius:50%;filter:blur(.5px);opacity:.85;z-index:1}
.pdot.d1{width:11px;height:11px;background:var(--yellow);top:10%;left:12%;animation:orb 6s ease-in-out infinite}
.pdot.d2{width:7px;height:7px;background:var(--blue);top:24%;right:10%;animation:orb 7.5s ease-in-out infinite reverse}
.pdot.d3{width:6px;height:6px;background:var(--blue);bottom:18%;left:18%;animation:orb 5.5s ease-in-out infinite}
.pdot.d4{width:9px;height:9px;background:var(--yellow);bottom:14%;right:16%;animation:orb 8s ease-in-out infinite reverse}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(11px,-15px)}}
/* ===== nav shrink ===== */
nav .nav-in{transition:height .25s}
nav.scrolled .nav-in{height:56px}
nav.scrolled{background:rgba(10,10,12,.66)}
/* ===== rewards ===== */
.rew-pill{display:inline-flex;align-items:center;gap:6px;height:40px;background:rgba(233,193,90,.13);color:var(--yellow);border:1px solid rgba(233,193,90,.3);border-radius:12px;padding:0 15px;font-size:12.5px;font-weight:700;transition:background .2s,box-shadow .22s}
.rew-pill:hover{background:rgba(233,193,90,.22);box-shadow:0 8px 20px -10px rgba(233,193,90,.6)}
@media(max-width:760px){.rew-pill{display:none}}
.rewards-sec{padding:56px 0}
.rewards-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:38px;position:relative;overflow:hidden;box-shadow:0 34px 80px -34px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.04)}
.rewards-in::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 100% 0%,rgba(233,193,90,.1),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%);z-index:0}
.rewards-in>*{position:relative;z-index:1}
.rw-head .h2{margin:8px 0 12px}
.rw-head .big-y{margin-top:20px}
.rw-tiers{display:flex;flex-direction:column;gap:12px}
.rw-tiers .rt{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 18px;box-shadow:0 16px 34px -20px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s}
.rw-tiers .rt:hover{transform:translateY(-3px);border-color:rgba(233,193,90,.45);box-shadow:0 24px 48px -20px rgba(0,0,0,.82),0 0 0 1px rgba(233,193,90,.14),inset 0 1px 0 rgba(255,255,255,.28)}
.rw-tiers .rt-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;flex:0 0 auto;box-shadow:0 0 0 4px rgba(255,255,255,.05)}
.rw-tiers .rt-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.rw-tiers .rt-top{display:flex;align-items:center;gap:10px}
.rw-tiers .rt-top b{font-size:15.5px;letter-spacing:.2px}
.rw-tiers .rt-req{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--mut-2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:3px 9px;border-radius:999px;white-space:nowrap}
.rw-tiers .rt em{font-style:normal;font-size:13px;color:var(--mut);line-height:1.4}
.rw-tiers .rt.hot{border-color:rgba(233,193,90,.34);background:linear-gradient(150deg,rgba(233,193,90,.13),rgba(233,193,90,.02))}
.rw-tiers .rt.hot .rt-dot{box-shadow:0 0 0 4px rgba(233,193,90,.14),0 0 16px rgba(233,193,90,.65)}
.rw-tiers .rt.hot .rt-req{color:#0c0c0d;background:var(--yellow);border-color:transparent}
@media(max-width:820px){.rewards-in{grid-template-columns:1fr;gap:26px;padding:26px}.rw-tiers .rt em{text-align:left}}
/* checkout rewards row */
.rew-co{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:0;margin:-4px 0 14px}
.rew-co:empty{display:none}
.rew-co .rp{font-size:12.5px;font-weight:700;color:var(--yellow)}
.rew-co .rp-note{font-size:12px;color:var(--mut)}
.rew-co .rp-red{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--green);cursor:pointer}
.rew-co .rp-red input{accent-color:var(--green);width:15px;height:15px}
.rew-won{background:rgba(233,193,90,.1);border:1px solid rgba(233,193,90,.3);border-radius:14px;padding:14px;font-size:13.5px;color:var(--yellow);font-weight:700;margin-bottom:20px}
.rew-won b{font-size:16px} .rew-won span{display:block;color:var(--mut);font-weight:500;font-size:12px;margin-top:3px}
/* rewards modal */
.rew-card{display:flex;align-items:center;gap:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:16px;margin:2px 0 16px}
.rew-card .rc-pts{font-family:'Anton';font-size:34px;line-height:1;color:var(--yellow)}
.rew-card .rc-pts span{font-family:'Barlow';font-size:12px;color:var(--mut);margin-left:4px}
.rew-card .rc-meta b{font-size:14px} .rew-card .rc-meta small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
.rew-tiers{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.rew-tiers .rtm{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:11px 14px}
.rew-tiers .rtm b{font-size:13px} .rew-tiers .rtm small{display:block;color:var(--mut-2);font-size:11px}
.rew-tiers .rtm em{font-style:normal;font-size:11.5px;color:var(--mut);text-align:right}
.rtm.cur{border-color:var(--yellow);background:rgba(233,193,90,.07)}
.rw-mcard{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line-2);padding:20px 22px;margin:2px 0 16px;background:linear-gradient(150deg,#181820,#0a0a0e 72%);box-shadow:0 16px 38px -14px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.05)}
.rw-mcard::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% -10%,rgba(233,193,90,.16),transparent 52%),radial-gradient(90% 80% at -10% 110%,rgba(198,203,212,.14),transparent 55%);pointer-events:none}
.rw-mcard::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.10) 50%,transparent 57%);transform:translateX(-130%);animation:cardShine 6.5s ease-in-out infinite;pointer-events:none}
@keyframes cardShine{0%,62%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
.rw-mtop{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.rw-mbrandwrap{display:flex;align-items:center;gap:9px}
.rw-mlogo{width:30px;height:30px;border-radius:50%;flex:0 0 auto}
.rw-mbrand{font-family:'Anton';font-size:15px;letter-spacing:.5px;line-height:.85;color:#fff}
.rw-mbrand small{display:block;font-family:'Barlow';font-weight:800;font-size:7.5px;letter-spacing:3px;color:var(--blue);margin-top:3px}
.rw-mtier{font-family:'Anton';font-size:12px;letter-spacing:1.2px;border:1px solid;border-radius:99px;padding:5px 11px}
.rw-mpts{font-family:'Anton';font-size:48px;line-height:1;margin-top:18px;color:var(--yellow);position:relative;z-index:2}
.rw-mpts span{font-family:'Barlow';font-size:14px;color:var(--mut);font-weight:600}
.rw-mmeta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mut);margin-top:10px;position:relative;z-index:2;letter-spacing:.3px}
/* checkout receipt */
.co-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.co-sub{color:var(--mut);font-size:13px;margin-top:4px}
.co-receipt{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:16px 18px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.cr-row{display:flex;align-items:baseline;gap:10px;font-size:13px;margin-bottom:9px}
.cr-row .cr-q{color:var(--yellow);font-weight:800;font-size:12px;min-width:26px}
.cr-row .cr-n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-row .cr-p{color:var(--mut);font-weight:700;white-space:nowrap}
.cr-div{height:1px;background:var(--line);margin:11px 0}
.cr-line{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-bottom:7px}
.cr-line.disc{color:var(--green);font-weight:700}
.cr-line.total{font-size:15px;font-weight:800;color:var(--txt);margin:10px 0 0}
.cr-line.total span:last-child{font-family:'Anton';font-size:21px}
.co-note{text-align:center;color:var(--mut-2);font-size:11px;margin-top:12px;letter-spacing:.3px}
/* SMS consent — glass checkbox */
.co-consent{display:flex;align-items:flex-start;gap:11px;margin:14px 0 2px;padding:12px 14px;cursor:pointer;
border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
transition:border-color .2s,background .2s}
.co-consent:hover{border-color:rgba(233,193,90,.32)}
.co-consent input{position:absolute;opacity:0;width:0;height:0}
.co-consent .cc-box{flex:0 0 auto;width:21px;height:21px;margin-top:1px;border-radius:7px;display:grid;place-items:center;
background:linear-gradient(180deg,#17171d,#101014);border:1px solid rgba(255,255,255,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .2s,border-color .2s}
.co-consent .cc-box svg{width:13px;height:13px;fill:none;stroke:#1a1206;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .3s ease}
.co-consent input:checked ~ .cc-box{background:linear-gradient(180deg,#F3DA8F,#D2A63F);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px -6px rgba(210,166,63,.7)}
.co-consent input:checked ~ .cc-box svg{stroke-dashoffset:0}
.co-consent input:focus-visible ~ .cc-box{outline:2px solid var(--yellow);outline-offset:2px}
.co-consent .cc-txt{font-size:11.5px;line-height:1.5;color:var(--mut);letter-spacing:.2px}
.seg button svg{width:16px;height:16px;flex:0 0 auto}
/* ===== REWARDS POWER CORE (novel) ===== */
.rx-wrap{display:flex;flex-direction:column;align-items:center;margin:8px 0 2px}
.rx-core{position:relative;width:214px;height:214px;display:grid;place-items:center;margin-bottom:8px}
.rx-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rx-prog{transition:stroke-dashoffset 1.15s cubic-bezier(.2,.8,.2,1)}
.rx-pulse{position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(233,193,90,.3);animation:rxPulse 3s ease-out infinite;pointer-events:none}
.rx-pulse.d2{animation-delay:1.5s}
@keyframes rxPulse{0%{transform:scale(.72);opacity:.7}100%{transform:scale(1.4);opacity:0}}
.rx-center{position:relative;z-index:2;text-align:center}
.rx-tierlabel{font-family:'Anton';font-size:12px;letter-spacing:2px;margin-bottom:3px}
.rx-pts{font-family:'Anton';font-size:54px;line-height:.85;color:#fff}
.rx-ptslbl{font-size:9px;font-weight:800;letter-spacing:3px;color:var(--mut-2);margin-top:4px}
.rx-ready{margin-top:6px;font-size:11px;font-weight:800;color:var(--yellow)}
.rx-note{font-size:12.5px;color:var(--mut);text-align:center;margin:2px 0 18px}
.rx-track{position:relative;display:flex;justify-content:space-between;width:100%;margin-bottom:4px}
.rx-rail{position:absolute;top:9px;height:2px;background:rgba(255,255,255,.1)}
.rx-fill{position:absolute;top:9px;height:2px;background:linear-gradient(90deg,var(--blue),var(--yellow));transition:width 1s ease .35s;box-shadow:0 0 8px rgba(233,193,90,.4)}
.rx-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.rx-dot{width:20px;height:20px;border-radius:50%;background:var(--panel-3);border:2px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:9px;color:#000;transition:.3s}
.rx-node.done .rx-dot{border-color:currentColor;background:transparent}
.rx-node.cur .rx-dot{transform:scale(1.4);background:currentColor;border-color:currentColor;box-shadow:0 0 14px currentColor}
.rx-nm{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--mut-2)}
.rx-node.cur .rx-nm{color:#fff}
.rx-node.done .rx-nm{color:var(--mut)}
.rx-particles{position:absolute;inset:0;overflow:hidden;border-radius:50%;z-index:1;pointer-events:none}
.rx-particles span{position:absolute;bottom:16%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;box-shadow:0 0 6px currentColor;animation:rxRise 2.9s ease-in infinite}
.rx-particles span:nth-child(1){left:31%;animation-delay:0s}
.rx-particles span:nth-child(2){left:47%;width:4px;height:4px;animation-delay:.5s}
.rx-particles span:nth-child(3){left:61%;animation-delay:1s}
.rx-particles span:nth-child(4){left:39%;width:3px;height:3px;animation-delay:1.5s}
.rx-particles span:nth-child(5){left:66%;width:4px;height:4px;animation-delay:2s}
.rx-particles span:nth-child(6){left:53%;animation-delay:2.45s}
@keyframes rxRise{0%{opacity:0;transform:translateY(0) scale(.6)}18%{opacity:.95}70%{opacity:.65}100%{opacity:0;transform:translateY(-74px) scale(1.15)}}
.rx-perk{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--mut);margin-top:16px;text-align:center}
.rx-perk b{color:#fff}
/* ===== NEW ERA HIVE (rewards, novel) ===== */
.hive-wrap{display:flex;flex-direction:column;align-items:center;margin:6px 0 2px}
.hive-stage{position:relative;width:250px;height:224px;display:grid;place-items:center;margin-bottom:8px}
.hive-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hive-cell{fill:rgba(233,193,90,.05);stroke:rgba(255,255,255,.09);stroke-width:1.1;transition:fill .5s ease,stroke .5s ease}
.hive-cell.lit{fill:url(#hiveGold);stroke:rgba(255,224,150,.9);filter:drop-shadow(0 0 5px rgba(233,193,90,.85));animation:hiveCellGlow 3.6s ease-in-out infinite;animation-delay:calc(var(--o,0)*-.22s)}
@keyframes hiveCellGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(233,193,90,.5));stroke:rgba(255,224,150,.65)}50%{filter:drop-shadow(0 0 10px rgba(233,193,90,1));stroke:rgba(255,238,185,1)}}
.hive-core-hex{animation:hiveCorePulse 3s ease-in-out infinite}
@keyframes hiveCorePulse{0%,100%{stroke:rgba(233,193,90,.4)}50%{stroke:rgba(233,193,90,.95)}}
.hive-stage{animation:hiveFloat 6s ease-in-out infinite}
@keyframes hiveFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hive-ready{animation:hiveReadyBlink 1.6s ease-in-out infinite}
@keyframes hiveReadyBlink{0%,100%{opacity:1}50%{opacity:.45}}
/* FOUNDER hive — veteran scarlet & gold */
.hive-wrap.founder .hive-cell.lit{fill:url(#hiveEm);stroke:rgba(233,193,90,.85);animation-name:hiveCellGlowF}
.hive-wrap.founder .hive-cell.lit[data-ring="3"]{fill:url(#hiveEm2)}
@keyframes hiveCellGlowF{0%,100%{filter:drop-shadow(0 0 3px rgba(200,16,46,.55));stroke:rgba(233,193,90,.5)}50%{filter:drop-shadow(0 0 11px rgba(255,90,70,.95));stroke:rgba(252,226,158,1)}}
.hive-wrap.founder .hive-core{background:linear-gradient(180deg,#F3DA8F,#C8102E 58%,#5E0A16);filter:drop-shadow(0 0 16px rgba(200,16,46,.55)) drop-shadow(0 12px 22px rgba(0,0,0,.65));animation:hiveHeart 2.6s ease-in-out infinite}
@keyframes hiveHeart{0%,100%{transform:scale(1)}12%{transform:scale(1.05)}24%{transform:scale(1)}36%{transform:scale(1.03)}48%{transform:scale(1)}}
.hive-wrap.founder .hive-lbl{color:#F3DA8F}
.hive-ring{position:absolute;inset:-26px;width:calc(100% + 52px);height:calc(100% + 52px);pointer-events:none;z-index:1;animation:hiveRingSpin 26s linear infinite;opacity:.92}
.hive-ring text{font-family:'Barlow',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:3.5px;fill:#E9C15A}
@keyframes hiveRingSpin{to{transform:rotate(360deg)}}
.hive-wrap.founder .hive-rung.cur{background:rgba(200,16,46,.12);border:1px solid rgba(233,193,90,.5);border-radius:10px;box-shadow:0 0 18px -6px rgba(200,16,46,.7)}
.hive-wrap.founder .hive-rung.cur .rg-dot{position:relative;box-shadow:0 0 10px #C8102E}
.hive-wrap.founder .hive-rung.cur .rg-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(233,193,90,.7);animation:gcPing 1.8s ease-out infinite}
@keyframes gcPing{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.hive-embers{position:absolute;inset:-14px;pointer-events:none;z-index:1}
.hive-embers span{position:absolute;bottom:5%;width:5px;height:5px;border-radius:50%;background:#F3DA8F;box-shadow:0 0 8px #E9C15A,0 0 16px rgba(200,16,46,.6);opacity:0;animation:emberRise 2.8s ease-in infinite}
.hive-embers span:nth-child(1){left:10%;animation-delay:0s}
.hive-embers span:nth-child(2){left:24%;width:4px;height:4px;animation-delay:.7s;animation-duration:3.4s}
.hive-embers span:nth-child(3){left:38%;animation-delay:1.5s}
.hive-embers span:nth-child(4){left:52%;width:6px;height:6px;animation-delay:.3s;animation-duration:2.4s}
.hive-embers span:nth-child(5){left:64%;animation-delay:2s;animation-duration:3.1s}
.hive-embers span:nth-child(6){left:76%;width:4px;height:4px;animation-delay:1.1s}
.hive-embers span:nth-child(7){left:88%;animation-delay:1.8s;animation-duration:2.6s}
.hive-embers span:nth-child(8){left:46%;width:3.5px;height:3.5px;animation-delay:2.4s;animation-duration:3.6s}
@keyframes emberRise{0%{opacity:0;transform:translateY(0) scale(.55)}14%{opacity:1}65%{opacity:.55}100%{opacity:0;transform:translateY(-200px) scale(1.25)}}
.hive-core-hex{fill:#0b0b10;stroke:rgba(233,193,90,.5);stroke-width:1.5}
.hive-cell.lit[data-ring="3"]{fill:url(#hiveGold2)}
.hive-core{position:relative;z-index:2;pointer-events:none;width:96px;height:106px;display:grid;place-items:center;
clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
background:linear-gradient(180deg,#F3DA8F,rgba(198,152,47,.8) 55%,#8a6a1e);
filter:drop-shadow(0 0 14px rgba(233,193,90,.45)) drop-shadow(0 12px 22px rgba(0,0,0,.65))}
.hive-core-in{position:absolute;inset:2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
background:radial-gradient(95% 70% at 50% 28%,#201a0b 0%,#0b0b10 72%);
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.hive-pts{font-family:'Anton';font-size:32px;line-height:.9;background:linear-gradient(180deg,#FCEDB6,#E9C15A 55%,#C6982F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hive-pts.dim{background:linear-gradient(180deg,#9a9aa4,#5f5f6a);-webkit-background-clip:text;background-clip:text}
.hive-lbl{font-size:8.5px;font-weight:800;letter-spacing:3px;color:#cfcfd8;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.hive-ready{margin-top:4px;font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--yellow)}
.hive-status{font-size:12.5px;color:var(--mut);text-align:center;line-height:1.55;margin:0 6px 16px}
.hive-status b{color:var(--yellow);font-weight:800}
.hive-wrap.founder .hive-status{color:var(--yellow)}
.hive-usmc{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:6;width:46px;height:46px;border-radius:50%;
background:radial-gradient(circle at 50% 34%,#F3DA8F,#C8102E 66%,#5E0A16);border:2px solid #E9C15A;display:grid;place-items:center;
box-shadow:0 4px 12px rgba(0,0,0,.6),0 0 15px rgba(200,16,46,.55);animation:usmcPulse 3.4s ease-in-out infinite}
.hive-usmc svg{width:25px;height:25px;color:#180507}
@keyframes usmcPulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.6),0 0 12px rgba(200,16,46,.45)}50%{box-shadow:0 4px 12px rgba(0,0,0,.6),0 0 22px rgba(233,193,90,.75)}}
.hive-ladder{display:flex;gap:7px;width:100%;margin-bottom:12px}
.hive-rung{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:9px 5px;text-align:center;transition:.3s}
.hive-rung .rg-dot{display:block;width:9px;height:9px;border-radius:50%;margin:0 auto 6px;box-shadow:0 0 8px currentColor}
.hive-rung b{font-size:11px;font-weight:800;display:block;letter-spacing:.2px}
.hive-rung small{font-size:9.5px;color:var(--mut-2);display:block;margin-top:2px}
.hive-rung.cur{border-color:currentColor;background:rgba(233,193,90,.06)}
.hive-rung.done{opacity:.55}
.hive-perk{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:12.5px;color:var(--mut);text-align:center;width:100%}
.hive-perk b{color:#fff}
/* ===== REWARDS MODAL SHELL ===== */
.rwm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.rwm-brand{display:flex;align-items:center;gap:11px}
.rwm-logo{width:42px;height:42px;border-radius:50%;flex:0 0 auto}
.rwm-head h3{margin:0;line-height:1}
.rwm-sub{font-size:11.5px;color:var(--mut);font-weight:600;margin-top:3px;display:block}
.rwm-how{display:flex;gap:8px;margin-bottom:18px}
.rwm-how-i{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center}
.rwm-how-i b{display:block;font-family:'Anton';font-size:17px;color:var(--yellow);line-height:1}
.rwm-how-i small{font-size:10.5px;color:var(--mut);font-weight:600;margin-top:4px;display:block}
.rwm-lookup{position:relative;margin-bottom:6px}
.rwm-lookup input{padding-left:38px!important}
.rwm-lookup::before{content:"";position:absolute;left:13px;bottom:16px;width:15px;height:15px;opacity:.55;background:no-repeat center/contain url("data:image/svg+xml;utf8,");pointer-events:none}
.rw-prog{margin-bottom:14px}
.rw-prog-h{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:7px}
.rw-prog-h span:last-child{color:var(--mut)}
.rw-bar{height:8px;border-radius:99px;background:var(--panel-3);overflow:hidden}
.rw-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--blue));transition:width .7s cubic-bezier(.2,.8,.2,1)}
.rw-prog-note{font-size:12px;color:var(--mut);margin-top:6px}
.rw-ready{background:rgba(233,193,90,.12);border:1px solid rgba(233,193,90,.35);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700;color:var(--yellow);margin-bottom:16px}
.rw-join{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:16px;margin:2px 0 16px}
.rw-join b{font-size:14px} .rw-join p{font-size:12.5px;color:var(--mut);margin-top:5px;line-height:1.5}
/* admin members */
.mem-sum{display:flex;gap:10px;margin-bottom:16px}
.mem-sum div{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.mem-sum b{font-family:'Anton';font-size:22px;display:block} .mem-sum small{font-size:11px;color:var(--mut)}
.mem-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin-bottom:9px}
.mem-act{display:flex;gap:6px}
@media(max-width:600px){.mem-row{grid-template-columns:auto 1fr auto;gap:10px}.mem-tier{display:none}.mem-p{grid-column:2/3;text-align:left}.mem-act{grid-column:3/4}}
.mem-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#000;font-size:16px}
.mem-i b{font-size:14px} .mem-i small{display:block;color:var(--mut-2);font-size:12px}
.mem-tier{font-size:11px;font-weight:800;border:1px solid;border-radius:99px;padding:4px 10px}
.mem-p{text-align:right} .mem-p b{font-size:14px;color:var(--yellow)} .mem-p small{display:block;color:var(--mut-2);font-size:11px}
/* ===== animated aurora background ===== */
.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(115% 70% at 50% -12%,rgba(233,193,90,.055),transparent 52%),radial-gradient(90% 60% at 88% 8%,rgba(198,203,212,.04),transparent 55%),#08080b}
.aurora .blob{display:none}
.aurora .grid{display:none}
#storefront,#admin{position:relative;z-index:1}
/* CART drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;transition:.25s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:var(--ink);border-left:1px solid var(--line);z-index:100;transform:translateX(100%);transition:.28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.drawer.on{transform:translateX(0)}
.drawer-h{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}
.drawer-h h3{font-family:'Anton';font-size:20px}
.x{width:34px;height:34px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-size:18px;color:var(--mut)}
.drawer-b{flex:1;overflow-y:auto;padding:14px 20px}
.ci{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.ci .ci-ph{width:60px;height:60px;border-radius:11px;background:var(--panel-2);flex:0 0 auto;overflow:hidden;display:grid;place-items:center}
.ci .ci-ph img{width:100%;height:100%;object-fit:contain}
.ci .ci-ph span{font-family:'Anton';font-size:10px;color:var(--mut-2)}
.ci .ci-info{flex:1}
.ci .ci-info .n{font-size:13px;font-weight:700;line-height:1.3}
.ci .ci-info .p{font-size:13px;color:var(--yellow);font-weight:700;margin-top:3px;font-family:'Anton'}
.qty{display:flex;align-items:center;gap:0;margin-top:8px;border:1px solid var(--line);border-radius:9px;width:fit-content;overflow:hidden}
.qty button{width:28px;height:28px;background:var(--panel-2);border:0;color:var(--txt);font-size:15px}
.qty span{min-width:30px;text-align:center;font-size:13px;font-weight:700}
.ci .rm{color:var(--mut-2);font-size:11px;background:none;border:0;align-self:flex-start}
.empty{text-align:center;color:var(--mut);padding:50px 20px;font-size:14px}
.drawer-f{padding:18px 20px;border-top:1px solid var(--line)}
.sub-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13.5px;color:var(--mut)}
.sub-row.total{font-size:18px;color:var(--txt);font-weight:800;margin:10px 0 16px}
.sub-row.total b{font-family:'Anton';font-size:22px}
.checkout-btn{width:100%;background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border:0;border-radius:13px;padding:15px;font-weight:800;font-size:15px;box-shadow:0 12px 26px -14px rgba(210,166,63,.6),inset 0 1px 0 rgba(255,255,255,.35)}
/* MODAL */
.modal-scrim{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:110;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}
.modal-scrim.on{opacity:1;pointer-events:auto}
.modal{background:linear-gradient(170deg,#15151b,#0e0e12 62%);border:1px solid rgba(255,255,255,.14);border-radius:24px;width:min(560px,100%);max-height:90vh;overflow-y:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 90px -20px rgba(0,0,0,.9)}
.modal{max-height:min(92dvh,calc(100dvh - 30px))}
.modal-pad{padding:24px}
.modal h3{font-family:'Anton';font-size:22px;margin-bottom:4px}
.modal .mh{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 0}
/* product detail */
.pd-ph{aspect-ratio:1/1;max-height:420px;background:radial-gradient(110% 90% at 50% 2%, #2b2b36 0%, #17171e 42%, #0b0b0f 100%);border-radius:16px;overflow:hidden;display:grid;place-items:center;margin-bottom:18px}
.pd-ph img{width:100%;height:100%;object-fit:contain;padding:12px}
.pd-ph span{font-family:'Anton';font-size:22px;color:var(--mut-2)}
.pd-cat{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.pd-name{font-size:24px;font-weight:800;margin:4px 0 8px}
.pd-price{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pd-price .p{font-family:'Anton';font-size:30px}.pd-price .p.sale{color:var(--yellow)}
.pd-price .was{font-size:16px;color:var(--mut-2);text-decoration:line-through}
.pd-desc{font-size:14px;color:var(--mut);line-height:1.6;margin-bottom:20px}
.pd-stock{font-size:12.5px;font-weight:700;margin-bottom:16px}
.pd-stock.ok{color:var(--green)}.pd-stock.low{color:var(--orange)}.pd-stock.out{color:var(--red)}
/* checkout */
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;font-weight:700;color:var(--mut);margin-bottom:6px;letter-spacing:.3px}
.field input,.field select,.field textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 13px;color:var(--txt);font-size:14px;outline:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(233,193,90,.55);box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 0 0 3px rgba(233,193,90,.12)}
.field select option{background:#15151a}
.seg{display:flex;gap:8px}
.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px;font-weight:700;font-size:13.5px;color:var(--mut);transition:border-color .2s,color .2s}
.seg button.on{background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border-color:transparent;box-shadow:0 8px 20px -10px rgba(210,166,63,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.place-btn{width:100%;background:linear-gradient(180deg,#E9C15A,#D2A63F);color:#1a1206;border:0;border-radius:13px;padding:15px;font-weight:800;font-size:15px;margin-top:6px;letter-spacing:.2px;box-shadow:0 12px 26px -14px rgba(210,166,63,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.place-btn:hover{filter:brightness(1.05)}
/* product-sheet trust row */
.pd-trust{display:flex;flex-direction:column;gap:9px;margin:16px 0 4px;padding:14px 16px;border-radius:14px;
background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.pd-trust .pt-i{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--mut);letter-spacing:.2px}
.pd-trust .pt-i svg{width:16px;height:16px;flex:0 0 auto;color:var(--yellow)}
.pd-trust .pt-i.low{color:#F0A24B;font-weight:700}
.pd-trust .pt-dot{width:8px;height:8px;border-radius:50%;background:#F0A24B;flex:0 0 auto;box-shadow:0 0 0 0 rgba(240,162,75,.6);animation:ptPulse 1.8s ease-out infinite}
@keyframes ptPulse{0%{box-shadow:0 0 0 0 rgba(240,162,75,.55)}70%{box-shadow:0 0 0 7px rgba(240,162,75,0)}100%{box-shadow:0 0 0 0 rgba(240,162,75,0)}}
@media(prefers-reduced-motion:reduce){.pd-trust .pt-dot{animation:none}}
@media(max-width:700px){.field input,.field select,.field textarea{font-size:16px}}
@media(max-width:420px){.two{grid-template-columns:1fr}}
.ok-tick{width:64px;height:64px;border-radius:50%;background:rgba(57,217,138,.15);color:var(--green);display:grid;place-items:center;font-size:32px;margin:0 auto 16px}
/* ===== ADMIN ===== */
#admin{min-height:100vh;position:relative;z-index:2;background:#0a0a0c}
.admin-bar{position:sticky;top:0;z-index:40;background:#0c0c0e;border-bottom:1px solid var(--line)}
.admin-bar .wrap{display:flex;align-items:center;gap:14px;height:62px}
.admin-bar .logo{width:36px;height:36px;border-radius:50%}
.admin-bar .t{font-family:'Anton';font-size:16px}
.admin-bar .t small{display:block;font-family:'Barlow';font-weight:700;font-size:8px;letter-spacing:2px;color:var(--blue)}
.exit{margin-left:auto;font-size:12.5px;color:var(--mut);font-weight:600;background:var(--panel-2);border:1px solid var(--line);padding:9px 15px;border-radius:10px}
/* pin gate */
.gate{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;
background:
radial-gradient(120% 90% at 50% -10%,rgba(233,193,90,.16),transparent 55%),
radial-gradient(80% 60% at 50% 120%,rgba(198,203,212,.07),transparent 60%),
#07070A}
.gate::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 72%)}
.gate::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-140px;
background:radial-gradient(circle,rgba(233,193,90,.30),transparent 68%);filter:blur(30px);pointer-events:none;animation:gateGlow 7s ease-in-out infinite}
@keyframes gateGlow{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.gate-card{position:relative;z-index:2;width:min(392px,100%);text-align:center;padding:40px 32px 34px;border-radius:24px;
background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.022) 44%,rgba(10,10,14,.34));
border:1px solid rgba(255,255,255,.13);
-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -22px 46px rgba(0,0,0,.34),0 34px 80px -24px rgba(0,0,0,.7),0 0 0 1px rgba(233,193,90,.06)}
.gate-card::before{content:"";position:absolute;left:0;right:0;top:0;height:38%;border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);pointer-events:none}
.gate-card>*{position:relative;z-index:1}
.gate-card .logo{width:74px;height:74px;border-radius:50%;margin:0 auto 20px}
.gate-lock{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--yellow);background:rgba(233,193,90,.10);border:1px solid rgba(233,193,90,.26);padding:5px 11px;border-radius:99px;margin-bottom:16px}
.gate-lock svg{width:11px;height:11px}
.gate-card h2{font-family:'Anton';font-size:27px;letter-spacing:.5px;margin-bottom:7px}
.gate-card p{font-size:13.5px;color:var(--mut);margin-bottom:24px;line-height:1.5}
.gate-field{position:relative;margin-bottom:12px;text-align:left}
.gate-field .fl{display:block;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut-2);margin:0 0 7px 3px}
.pin-in{width:100%;background:rgba(10,10,13,.55);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;text-align:center;font-size:24px;letter-spacing:10px;color:var(--txt);outline:none;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}
.pin-in::placeholder{color:var(--mut-2);opacity:.7}
.pin-in:focus{border-color:rgba(233,193,90,.65);background:rgba(10,10,13,.7);box-shadow:0 0 0 4px rgba(233,193,90,.12)}
.gate-btn{width:100%;background:linear-gradient(180deg,#F2CE6A,#D9A93C);color:#1a1408;border:0;border-radius:14px;padding:16px;font-weight:900;font-size:15px;letter-spacing:.4px;margin-top:16px;cursor:pointer;
box-shadow:0 12px 26px -12px rgba(233,193,90,.7),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .16s,box-shadow .2s,filter .2s}
.gate-btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 34px -12px rgba(233,193,90,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.gate-btn:active{transform:translateY(0)}
.gate-btn:disabled{filter:saturate(.5) brightness(.85);cursor:default;transform:none}
.gate-err{color:var(--red);font-size:13px;margin-top:12px;min-height:18px;font-weight:600}
.gate-card .owner-link{color:var(--mut);transition:color .2s}
.gate-card .owner-link:hover{color:var(--txt)}
#magicLink{color:var(--yellow)!important}
#adminGate .brand-logo{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 18px}
#adminGate .gate-lock{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}
/* admin stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
@media(max-width:780px){.stats{grid-template-columns:1fr 1fr}}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.stat .v{font-family:'Anton';font-size:30px;line-height:1}
.stat .l{font-size:11.5px;color:var(--mut);margin-top:6px;font-weight:600}
.stat.warn .v{color:var(--orange)}.stat.bad .v{color:var(--red)}.stat.good .v{color:var(--green)}
/* ===== ELITE OVERVIEW ===== */
.ov-hello{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:22px 0 18px;flex-wrap:wrap}
.ov-hello h2{font-family:'Anton';font-size:26px;letter-spacing:.5px}
.ov-hello .sub{font-size:13px;color:var(--mut);margin-top:4px}
.ov-hello .status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--green);background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 14px;white-space:nowrap}
.ov-hello .status .d{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.demo-chip{font-size:11px;font-weight:700;color:var(--mut-2);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer;white-space:nowrap}
.demo-chip:hover{color:var(--red);border-color:rgba(255,90,82,.4)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
@media(max-width:860px){.kpi-grid{grid-template-columns:1fr 1fr}}
.kpi{background:linear-gradient(#131318,#0e0e12);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden}
.kpi .klbl{font-size:11.5px;font-weight:700;color:var(--mut);letter-spacing:.3px}
.kpi .kval{font-family:'Anton';font-size:32px;line-height:1;margin-top:10px;position:relative;z-index:2}
.kpi .ksub{font-size:11.5px;color:var(--mut-2);margin-top:8px;display:flex;align-items:center;gap:6px;position:relative;z-index:2}
.kdelta{font-weight:800;font-size:11.5px;padding:2px 7px;border-radius:7px}
.kdelta.up{color:var(--green);background:rgba(57,217,138,.13)}
.kdelta.dn{color:var(--red);background:rgba(255,90,82,.13)}
.kdelta.flat{color:var(--mut-2);background:var(--panel-2)}
.kspark{position:absolute;right:0;bottom:0;left:0;height:38px;opacity:.95;z-index:1;pointer-events:none}
.kpi-spark{padding-bottom:46px}
.ov-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:16px}
@media(max-width:860px){.ov-cols{grid-template-columns:1fr}}
.panel{background:linear-gradient(#131318,#0e0e12);border:1px solid var(--line);border-radius:18px;padding:20px}
.panel-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:10px}
.panel-h h3{font-size:15px;font-weight:800}
.panel-h .ph-note{font-size:11.5px;color:var(--mut-2);font-weight:600;white-space:nowrap}
.bars{display:flex;align-items:flex-end;gap:9px;height:158px}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.bar .col{width:100%;max-width:36px;border-radius:7px 7px 3px 3px;background:linear-gradient(#C6CBD4,#9AA0AC);min-height:4px;transition:height .55s cubic-bezier(.2,.8,.2,1)}
.bar .col.today{background:linear-gradient(#E9C15A,#C6982F)}
.bar .bd{font-size:10.5px;color:var(--mut-2);font-weight:700}
.bar .bv{font-size:10px;color:var(--mut);font-weight:700;height:13px}
.att{display:flex;flex-direction:column;gap:9px}
.att-row{display:flex;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.att-row .aic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.att-row .an{font-size:13px;font-weight:700;flex:1;min-width:0}
.att-row .an small{display:block;color:var(--mut-2);font-weight:600;font-size:11px;margin-top:1px}
.att-row .abtn{font-size:12px;font-weight:800;color:#000;background:var(--yellow);border:0;border-radius:8px;padding:7px 11px;flex:0 0 auto}
.att-row .abtn:hover{background:var(--yellow-deep)}
.att-empty{font-size:13px;color:var(--green);display:flex;align-items:center;gap:8px;padding:10px 2px}
.rankrow{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.rankrow:last-child{margin-bottom:0}
.rankrow .rn{font-family:'Anton';font-size:15px;color:var(--mut-2);width:18px;flex:0 0 auto;text-align:center}
.rankrow .rmid{flex:1;min-width:0}
.rankrow .rmid .rt{font-size:12.5px;font-weight:700;display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.rankrow .rmid .rt span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankrow .rmid .rt span:last-child{color:var(--mut);white-space:nowrap}
.rankbar{height:6px;border-radius:4px;background:var(--panel-3);overflow:hidden}
.rankbar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#E9C15A,#C6CBD4)}
.chan{display:flex;flex-direction:column;gap:11px}
.chan-row{display:flex;align-items:center;font-size:12.5px;font-weight:700}
.chan-row>span:first-child{min-width:78px}
.chan-row>span:last-child{min-width:52px;text-align:right;color:var(--mut)}
.chan-row .cbar{flex:1;margin:0 11px;height:6px;border-radius:4px;background:var(--panel-3);overflow:hidden}
.chan-row .cbar i{display:block;height:100%;border-radius:4px}
.inv-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:600px){.inv-strip{grid-template-columns:1fr}}
.inv-strip .iv{font-family:'Anton';font-size:26px;line-height:1}
.inv-strip .il{font-size:11.5px;color:var(--mut);margin-top:6px;font-weight:600}
.atool{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.asearch{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:0 13px;height:42px}
.asearch input{background:transparent;border:0;color:var(--txt);outline:none;width:100%;font-size:13.5px}
.asearch input::placeholder{color:var(--mut)}
.ofilter{display:flex;gap:7px;flex-wrap:wrap}
.ochip{font-size:12.5px;font-weight:700;color:var(--mut);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 13px;white-space:nowrap}
.ochip.on{color:#000;background:var(--yellow);border-color:var(--yellow)}
.osum{display:flex;gap:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 18px;margin-bottom:14px;flex-wrap:wrap}
.osum .ov{font-family:'Anton';font-size:21px;line-height:1}.osum .ol{font-size:11px;color:var(--mut);font-weight:600;margin-top:4px}
/* Onyx credit */
.onyx{font-weight:800;background:linear-gradient(90deg,#E9C15A,#C6CBD4,#39d98a,#E9C15A);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:onyxShimmer 4.5s linear infinite;letter-spacing:.3px;white-space:nowrap;padding:1px 2px}
.onyx:hover{animation-duration:1.1s}
@keyframes onyxShimmer{to{background-position:250% center}}
/* ===== AI COACH ===== */
#coachFab{position:fixed;right:20px;bottom:20px;z-index:85;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#E9C15A,#C6CBD4);color:#000;border:0;border-radius:99px;padding:13px 18px 13px 14px;font-weight:800;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.5);cursor:pointer;transition:transform .2s}
#coachFab:hover{transform:translateY(-2px)}
#coachFab .cf-ic{width:26px;height:26px;border-radius:50%;background:#0a0a0e;color:#E9C15A;display:grid;place-items:center;font-size:14px}
#coachFab .cf-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#39d98a;border:2px solid #07070A}
@media(max-width:600px){
#coachFab .cf-t{display:none}
#coachFab{padding:0;width:58px;height:58px;justify-content:center;right:16px;bottom:16px;border-radius:50%;
background:radial-gradient(circle at 50% 32%,#F7E4A6,#E9C15A 46%,#C6982F);
box-shadow:0 10px 26px -6px rgba(0,0,0,.7),0 0 0 4px rgba(233,193,90,.12),inset 0 1px 0 rgba(255,255,255,.6)}
#coachFab .cf-ic{width:100%;height:100%;border-radius:50%;font-size:22px;background:transparent;color:#1a1206}
#coachFab .cf-dot{top:3px;right:3px;width:11px;height:11px;background:#2fd27f;border:2.5px solid #C6982F;box-shadow:0 0 8px rgba(47,210,127,.7)}
}
#coachPanel{position:fixed;right:20px;bottom:20px;z-index:120;width:min(358px,calc(100vw - 28px));height:min(496px,calc(100vh - 118px));background:var(--panel);border:1px solid var(--line-2);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.6);transform:translateY(20px) scale(.98);opacity:0;pointer-events:none;transition:.25s cubic-bezier(.2,.8,.2,1)}
#coachPanel.on{transform:none;opacity:1;pointer-events:auto}
.coach-h{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--line);background:linear-gradient(#141418,#101013)}
.coach-h .ch-av{width:38px;height:38px;border-radius:50%;background:#0a0a0e;border:1px solid var(--line-2);display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.coach-h .ch-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.coach-h .ch-t{flex:1}
.coach-h .ch-t b{font-size:14.5px;font-weight:800}
.coach-h .ch-t small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green);font-weight:700;margin-top:2px}
.coach-h .ch-x{width:32px;height:32px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);color:var(--mut);font-size:14px}
.coach-b{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cmsg{max-width:87%;font-size:13.5px;line-height:1.55;padding:11px 14px;border-radius:16px;white-space:pre-wrap}
.cmsg.bot{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:5px}
.cmsg.me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:5px}
.cmsg.typing{color:var(--mut);font-style:italic}
.cstack{align-self:stretch;display:flex;flex-direction:column;gap:8px}
.cprod{display:flex;align-items:center;gap:11px;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;padding:9px 11px}
.cprod .cp-ph{width:42px;height:42px;border-radius:9px;background:var(--panel-3);overflow:hidden;flex:0 0 auto;display:grid;place-items:center}
.cprod .cp-ph svg,.cprod .cp-ph img{width:100%;height:100%;object-fit:contain}
.cprod .cp-i{flex:1;min-width:0}
.cprod .cp-i b{font-size:12.5px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cprod .cp-i small{font-size:11px;color:var(--mut);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cprod .cp-add{background:var(--yellow);color:#000;border:0;border-radius:9px;font-weight:800;font-size:12px;padding:9px 12px;flex:0 0 auto}
.coach-chips{display:flex;gap:7px;padding:0 16px 10px;flex-wrap:wrap}
.coach-chips button{font-size:12px;font-weight:700;color:var(--txt);background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:8px 12px;transition:border-color .2s}
.coach-chips button:hover{border-color:var(--yellow)}
.coach-f{display:flex;gap:9px;padding:12px 14px 6px;border-top:1px solid var(--line)}
.coach-f input{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--txt);outline:none;font-size:13.5px}
.coach-f input:focus{border-color:var(--blue)}
.coach-f button{width:44px;border:0;border-radius:12px;background:var(--yellow);color:#000;font-size:16px;font-weight:800;flex:0 0 auto}
.coach-note{font-size:10px;color:var(--mut-2);text-align:center;padding:6px 18px 12px}
/* admin tabs */
.atabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
.atab{padding:13px 4px;margin-right:14px;font-size:14px;font-weight:700;color:var(--mut);border-bottom:2px solid transparent;background:none;border-top:0;border-left:0;border-right:0;white-space:nowrap}
.atab.on{color:var(--yellow);border-bottom-color:var(--yellow)}
/* admin product rows */
.arow{display:grid;grid-template-columns:54px 1fr auto auto auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.arow .a-ph{width:54px;height:54px;border-radius:11px;background:var(--panel-2);overflow:hidden;display:grid;place-items:center}
.arow .a-ph img{width:100%;height:100%;object-fit:cover}
.arow .a-ph span{font-family:'Anton';font-size:9px;color:var(--mut-2)}
.arow .a-nm{font-size:14px;font-weight:700}
.arow .a-nm .c{font-size:11px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.arow .a-pr{font-family:'Anton';font-size:16px;text-align:right}
.arow .a-pr .w{font-size:11px;color:var(--mut-2);text-decoration:line-through;display:block;font-family:'Barlow'}
.a-stock{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.a-stock button{width:30px;height:30px;background:var(--panel-2);border:0;color:var(--txt);font-size:15px}
.a-stock .num{min-width:42px;text-align:center;font-size:14px;font-weight:800}
.a-stock .num.low{color:var(--orange)}.a-stock .num.out{color:var(--red)}
.arow-actions{display:flex;gap:7px}
.mini{width:34px;height:34px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-size:15px;color:var(--mut)}
.mini.del:hover{color:var(--red);border-color:rgba(255,90,82,.4)}
.mini.edit:hover{color:var(--yellow)}
@media(max-width:780px){.arow{grid-template-columns:46px 1fr;gap:10px}.arow .a-pr,.a-stock,.arow-actions{grid-column:2}.arow .a-pr{text-align:left}}
.add-product-btn{background:var(--yellow);color:#000;border:0;border-radius:11px;padding:11px 18px;font-weight:800;font-size:13.5px;margin-bottom:18px;display:inline-flex;align-items:center;gap:7px}
/* photo upload */
.upload{border:2px dashed var(--line-2);border-radius:14px;padding:24px;text-align:center;cursor:pointer;transition:.18s;position:relative;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}
.upload:hover{border-color:var(--yellow)}
.upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.upload .up-txt{position:relative;z-index:2}
.upload .up-txt .ic{font-size:26px;margin-bottom:6px}
.upload .up-txt p{font-size:13px;color:var(--mut)}
.upload.has::after{content:"Change photo";position:absolute;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;opacity:0;transition:.18s;z-index:3}
.upload.has:hover::after{opacity:1}
/* multi-photo uploader */
.up-gallery{display:flex;flex-wrap:wrap;gap:10px}
.up-thumb{position:relative;width:92px;height:92px;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);background:var(--panel-2);flex:0 0 auto}
.up-thumb img{width:100%;height:100%;object-fit:cover}
.up-thumb .up-rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;border:0;font-size:12px;display:grid;place-items:center;cursor:pointer;line-height:1;padding:0}
.up-thumb .up-cover{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.6px;text-align:center;padding:2px}
.up-add{width:92px;height:92px;border-radius:12px;border:2px dashed var(--line-2);display:grid;place-items:center;cursor:pointer;color:var(--mut);font-size:11.5px;text-align:center;line-height:1.35;background:none}
.up-add:hover{border-color:var(--yellow);color:var(--yellow)}
.up-add .ic{font-size:22px}
/* product detail thumbnails */
.pd-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pd-track::-webkit-scrollbar{height:0}
.pd-slide{flex:0 0 100%;height:100%;scroll-snap-align:center;display:grid;place-items:center}
.pd-slide img{width:100%;height:100%;object-fit:contain;padding:12px}
.pd-thumbs{display:flex;gap:8px;margin:-8px 0 14px;flex-wrap:wrap}
.pd-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2);padding:0;cursor:pointer;flex:0 0 auto;opacity:.65;transition:opacity .15s,border-color .15s}
.pd-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.pd-thumb.on,.pd-thumb:hover{opacity:1;border-color:var(--yellow)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.deal-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:13px;margin-bottom:14px}
.deal-toggle .lt{font-size:13.5px;font-weight:700}.deal-toggle .lt small{display:block;color:var(--mut);font-weight:400;font-size:11.5px;margin-top:2px}
.switch{width:46px;height:26px;border-radius:99px;background:var(--panel-3);border:1px solid var(--line);position:relative;flex:0 0 auto}
.switch i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--mut);transition:.2s}
.switch.on{background:var(--yellow);border-color:var(--yellow)}.switch.on i{left:22px;background:#000}
.save-bar{display:flex;gap:10px;margin-top:8px}
.save-bar .save{flex:1;background:var(--yellow);color:#000;border:0;border-radius:12px;padding:14px;font-weight:800;font-size:14.5px}
.save-bar .cancel{background:var(--panel-2);border:1px solid var(--line);color:var(--mut);border-radius:12px;padding:14px 20px;font-weight:600}
/* orders */
.order{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}
.order .oh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.order .oid{font-family:'Anton';font-size:15px}
.order .ostatus{font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:99px;background:rgba(198,203,212,.16);color:var(--blue);letter-spacing:.5px}
.order .ostatus.done{background:rgba(57,217,138,.16);color:var(--green)}
.order .ometa{font-size:12.5px;color:var(--mut);margin-bottom:8px}
.order .ometa b{color:var(--txt)}
.order .oitems{font-size:13px;color:var(--txt);line-height:1.6;border-top:1px solid var(--line);padding-top:10px}
.order .ot{font-family:'Anton';font-size:16px;color:var(--yellow);margin-top:8px}
.order-done-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;margin-top:10px}
.blank{text-align:center;color:var(--mut);padding:60px 20px}
.blank .ic{font-size:40px;margin-bottom:12px;opacity:.5}
/* ===== mobile quick-actions bar ===== */
.mob-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;display:none;grid-template-columns:repeat(3,1fr);gap:6px;
background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);
border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 22px 54px -18px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.05);
padding:7px}
.mob-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 0 7px;border-radius:15px;
font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--txt);
background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);transition:transform .18s,background .18s,border-color .18s}
.mob-bar a:active{transform:scale(.95);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
.mob-bar svg{width:19px;height:19px;display:block}
.mob-bar .mb-call{color:#E9C15A}
/* ===== language toggle ===== */
.lang-tgl{height:40px;padding:0 13px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--txt);font-weight:800;font-size:12px;letter-spacing:1px;transition:border-color .2s,color .2s}
.lang-tgl:hover{border-color:var(--yellow);color:var(--yellow)}
@media(max-width:700px){.lang-tgl{display:none}}
@media(max-width:700px){
.mob-bar{display:grid}
#storefront{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
#coachFab{bottom:calc(110px + env(safe-area-inset-bottom))!important}
.toast{bottom:calc(86px + env(safe-area-inset-bottom))}
/* ── #2 modals become bottom sheets ── */
.modal-scrim{align-items:end;place-items:end center;padding:0}
.modal{width:100%!important;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;border-bottom:0;
transform:translateY(100%);transition:transform .34s cubic-bezier(.22,1,.36,1);
padding-bottom:env(safe-area-inset-bottom)}
.modal-scrim.on .modal{transform:translateY(0)}
.modal::before{content:"";display:block;width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.24);margin:9px auto 0;flex:0 0 auto}
.modal-pad{padding:16px 18px 20px}
/* ── #1 sticky add-to-cart inside product sheet ── */
.modal-pad{position:relative}
.pd-desc{margin-bottom:14px}
[data-add2].place-btn{position:sticky;bottom:0;z-index:4;margin:14px -18px -20px;border-radius:0;
padding:17px;font-size:16px;box-shadow:0 -10px 24px -8px rgba(0,0,0,.7)}
/* ── #6 coach full-height sheet + big chips ── */
#coachPanel{right:0;left:0;bottom:0;width:100%;height:88dvh;border-radius:20px 20px 0 0;
transform:translateY(100%);opacity:1;transition:transform .34s cubic-bezier(.22,1,.36,1);
padding-bottom:env(safe-area-inset-bottom)}
#coachPanel.on{transform:translateY(0)}
#coachPanel .coach-h::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.24)}
.coach-h{position:relative;padding-top:20px}
.coach-chips{gap:8px;padding:0 16px 12px}
.coach-chips button{font-size:13.5px;padding:11px 15px}
.coach-f input{font-size:16px;padding:14px 16px}
.coach-f button{width:52px;font-size:18px}
.cmsg{font-size:14.5px}
/* ── #8 a11y: 44px+ tap targets, readable inputs ── */
.field input,.field select,.field textarea{font-size:16px;min-height:48px}
.place-btn,.seg button,.gm .gcamt button,.gm .gcsty,.cats .chip{min-height:46px}
.icon-btn,.nav-burger,.ch-x,.x{min-width:44px;min-height:44px}
.cprod .cp-add{min-height:40px;padding:10px 14px}
.pd-name{font-size:22px}
.pd-desc{font-size:14px}
}
@media(max-width:600px){.modal-pad h3,.gm-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.modal,#coachPanel{transition:none}}
/* toast */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--yellow);color:#000;font-weight:800;font-size:14px;padding:13px 22px;border-radius:99px;z-index:200;transition:.3s;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.toast.on{transform:translateX(-50%) translateY(0)}
/* ================= LIVING LOGO ================= */
.brand-logo{position:relative;display:inline-block;line-height:0;flex:0 0 auto;border-radius:50%}
.brand-logo img{margin:0!important;position:relative;z-index:2;border-radius:50%;transition:transform .5s cubic-bezier(.3,.9,.3,1.15)}
.brand-logo::before{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:0;
background:radial-gradient(circle,rgba(233,193,90,.4),rgba(198,203,212,.22) 55%,transparent 72%);
animation:logoGlow 3.6s ease-in-out infinite;transition:opacity .3s}
@keyframes logoGlow{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.6;transform:scale(1.12)}}
.brand-logo .halo{position:absolute;inset:-5px;border-radius:50%;z-index:1;pointer-events:none;
border:1.5px solid transparent;border-top-color:rgba(233,193,90,.95);border-right-color:rgba(198,203,212,.55);
animation:haloSpin 6.5s linear infinite}
@keyframes haloSpin{to{transform:rotate(360deg)}}
.brand-logo .shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:3;pointer-events:none}
.brand-logo .shine::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%);transform:translateX(-130%);animation:logoShineIdle 7s ease-in-out infinite}
@keyframes logoShineIdle{0%{transform:translateX(-130%)}10%{transform:translateX(130%)}100%{transform:translateX(130%)}}
.brand-logo:hover img{animation:logoSpin .75s cubic-bezier(.3,.9,.3,1.15)}
.brand-logo:hover::before{opacity:.85;animation-play-state:paused}
.brand-logo:hover .shine::after{animation:logoShineHover .7s ease-out}
@keyframes logoSpin{0%{transform:rotate(0) scale(1)}55%{transform:rotate(205deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}
@keyframes logoShineHover{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.foot-brand .brand-logo{margin-bottom:12px}
.gate-card .brand-logo{margin-bottom:18px}
h1,h2,.h2,h3{text-wrap:balance}
p,.lead,li{text-wrap:pretty}
/* ================= INTRO SPLASH ================= */
#introSplash{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:#050506}
#introSplash::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 220px 70px rgba(0,0,0,.92)}
#introSplash.done{animation:splashOut .7s cubic-bezier(.6,0,.2,1) forwards}
@keyframes splashOut{to{opacity:0;transform:scale(1.04);visibility:hidden}}
.splash-stage{position:relative;display:grid;place-items:center;text-align:center;z-index:2}
.splash-glow{position:absolute;width:min(56vw,360px);height:min(56vw,360px);border-radius:50%;z-index:1;opacity:0;
background:radial-gradient(circle,rgba(233,193,90,.20),rgba(233,193,90,.05) 48%,transparent 72%);
animation:glowIn 1.4s .85s ease forwards}
@keyframes glowIn{to{opacity:1}}
.splash-badge{position:relative;display:grid;place-items:center}
.splash-badge img{position:relative;z-index:3;display:block;width:100%;height:auto;animation:badgeIn 1.15s .82s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes badgeIn{0%{opacity:0;transform:scale(.55) translateY(14px);filter:blur(12px)}
55%{opacity:1;filter:blur(0)}
70%{transform:scale(1.06) translateY(0)}
100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}
/* orbit ring sweep */
.splash-ring{position:absolute;left:50%;top:50%;z-index:1;width:min(52vw,340px);height:min(52vw,340px);pointer-events:none;opacity:0;border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 60%,rgba(252,237,182,.05) 68%,#E9C15A 82%,#FCEDB6 91%,transparent 100%);
-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%,#000 69%,transparent 70%);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 69%,transparent 70%);
filter:drop-shadow(0 0 9px rgba(233,193,90,.7));animation:splashRing 1.45s .82s cubic-bezier(.2,.7,.2,1) both}
@keyframes splashRing{0%{opacity:0;transform:translate(-50%,-50%) rotate(-150deg) scale(.7)}
25%{opacity:1}
100%{opacity:1;transform:translate(-50%,-50%) rotate(275deg) scale(1)}}
/* spark burst */
.splash-spark{position:absolute;left:50%;top:50%;z-index:2;width:7px;height:7px;border-radius:50%;background:#FCEDB6;box-shadow:0 0 11px #E9C15A;opacity:0;
animation:splashSpark 1s 1.18s ease-out both}
@keyframes splashSpark{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}
18%{opacity:1}
100%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.2)}}
.splash-tag{margin-top:22px;font-family:'Barlow';font-weight:700;font-size:10.5px;letter-spacing:5px;text-transform:uppercase;color:#8a8a93;opacity:0;animation:tagIn .85s 1.5s cubic-bezier(.2,.8,.2,1) both}
.splash-tag b{color:#E9C15A;font-weight:700}
@keyframes tagIn{0%{opacity:0;transform:translateY(9px);letter-spacing:2px}100%{opacity:1;transform:none;letter-spacing:5px}}
.splash-bar{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:60px;height:1.5px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;z-index:2;opacity:0;animation:tagIn .6s 1.65s both}
.splash-bar i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,rgba(233,193,90,.4),#E9C15A);animation:barFill 1.4s .3s cubic-bezier(.5,0,.3,1) forwards}
@keyframes barFill{to{width:100%}}
/* splash honeycomb — cinematic "lights on" ripple */
.splash-hex{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;place-items:center;opacity:1}
.splash-hex svg{width:min(134vw,1020px);height:auto;overflow:visible}
.splash-hex use{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;animation:hexIgnite 1.9s ease-out both;animation-delay:calc(var(--i,0) * 2.4ms + 200ms)}
@keyframes hexIgnite{0%{stroke:rgba(255,255,255,0);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
7%{stroke:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 28px rgba(233,193,90,.45))}
42%{stroke:rgba(255,255,255,.5);filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}
100%{stroke:rgba(255,255,255,.52);filter:drop-shadow(0 0 6px rgba(255,255,255,.48))}}
.splash-skip{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mut-2);z-index:2;opacity:0;animation:wordUp .6s 1.4s both}
/* ================= SCROLL PROGRESS ================= */
#scrollProg{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow));box-shadow:0 0 10px rgba(198,203,212,.5);transition:width .08s linear}
@media(prefers-reduced-motion:reduce){#introSplash{display:none!important}.brand-logo .halo,.brand-logo::before{display:none}}
/* ===== MOBILE POLISH (phones only) ===== */
@media(max-width:600px){
.wrap{padding:0 16px}
.hero{padding:26px 0 32px}
.hero-copy h1{font-size:42px;line-height:.9}
.hero-copy p{font-size:14.5px;margin:14px auto 18px}
.hero-cta{flex-direction:column;align-items:stretch;gap:10px;width:100%}
.hero-cta button{width:100%}
.hero-points{gap:10px 16px}
.blk{padding:42px 0 4px}
.blk-full{padding:42px 0 10px}
.rewards-sec,.restock-sec{padding:42px 0}
.sec-head{margin-bottom:16px}
.h2{font-size:31px}
.rewards-in{padding:24px}
.spotlight{padding:22px}
.news-in{padding:26px 22px}
}
/* ===== NEW ERA LOGO OVERRIDES (landscape logo) ===== */
.nav-brand .nm{display:none}
.nav-in .logo{width:auto!important;height:66px!important;border-radius:0!important;
filter:drop-shadow(0 0 14px rgba(233,193,90,.32)) drop-shadow(0 3px 8px rgba(0,0,0,.6));
transition:width .25s,height .25s,filter .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
nav.scrolled .nav-in .logo{height:54px!important}
.nav-brand:hover .logo{filter:drop-shadow(0 0 26px rgba(233,193,90,.65)) drop-shadow(0 3px 8px rgba(0,0,0,.6));transform:scale(1.06)}
/* nav logo entrance — fires as the intro splash clears (class removed after it ends) */
.nav-brand .logo.brand-in{animation:navBrandIn .9s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes navBrandIn{0%{opacity:0;transform:translateY(-15px) scale(.78);filter:drop-shadow(0 0 0 rgba(233,193,90,0)) drop-shadow(0 3px 8px rgba(0,0,0,.6))}
55%{opacity:1;filter:drop-shadow(0 0 24px rgba(233,193,90,.7)) drop-shadow(0 3px 8px rgba(0,0,0,.6))}
72%{transform:translateY(0) scale(1.07)}
100%{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 14px rgba(233,193,90,.32)) drop-shadow(0 3px 8px rgba(0,0,0,.6))}}
@media(prefers-reduced-motion:reduce){.nav-brand .logo.brand-in{animation:none}}
.brand-logo{border-radius:0!important}
.brand-logo img{border-radius:0!important}
.brand-logo::before,.brand-logo .halo,.brand-logo .shine{display:none!important}
.brand-logo img{animation:logoAura 4s ease-in-out infinite}
.brand-logo:hover img{animation:none;transform:scale(1.05) rotate(-1.5deg)}
@keyframes logoAura{0%,100%{filter:drop-shadow(0 0 10px rgba(233,193,90,.22)) drop-shadow(0 3px 8px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 24px rgba(233,193,90,.5)) drop-shadow(0 3px 8px rgba(0,0,0,.55))}}
.foot-brand img{width:auto;height:92px;border-radius:0;filter:drop-shadow(0 0 18px rgba(233,193,90,.3))}
.splash-ring{display:none!important}
.splash-badge{border-radius:0!important;width:min(78vw,340px)!important;height:auto!important;box-shadow:none!important;margin:0 auto!important}
.splash-badge img{border-radius:0!important;object-fit:contain}
.rwm-logo{width:auto!important;height:40px!important;border-radius:6px!important}
.coach-h .ch-av{width:auto!important;height:auto!important;background:none!important;border:0!important;border-radius:0!important}
.coach-h .ch-av img{width:auto!important;height:30px!important;border-radius:0!important}
.sms-head img{width:auto!important;height:36px!important;border-radius:0!important}
.admin-bar .logo{width:auto!important;height:42px!important;border-radius:0!important}
.gate-card .logo{width:auto!important;height:100px!important;border-radius:0!important;filter:drop-shadow(0 0 22px rgba(233,193,90,.4))}
/* ===== New Era — refined gold identity (matte, not shiny) ===== */
.hero-copy h1 .y,.h2 .y,.hero h1 .y,.pb-h .y{
background:linear-gradient(176deg,#F0D48A 0%,#E4BC63 55%,#C99A38 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
filter:none}
.nm .y{color:#E9C15A;text-shadow:none}
/* primary gold surfaces — solid champagne, subtle single-stop depth */
.big-y,.news-form button,.deals-strip .tag,.feat-card .fbuy,.feat-card .fbadge{
background:linear-gradient(180deg,#E9C15A,#D2A63F)!important;color:#1a1206!important}
.big-y:hover,.news-form button:hover,.feat-card .fbuy:hover{
background:linear-gradient(180deg,#EFC968,#DAAF48)!important;
box-shadow:0 8px 22px -10px rgba(210,166,63,.45)!important}
.add-btn:disabled{background:var(--panel-3)!important;color:var(--mut-2)!important}
.cart-count{background:#E9C15A!important;color:#1a1206!important}
/* ===== liquid glass product boxes ===== */
.pcard,.rail .rcard,.bundle,.feat-card,.goal{
background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.022) 42%,rgba(255,255,255,.008))!important;
backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
border:1px solid rgba(255,255,255,.1)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 14px 36px -20px rgba(0,0,0,.75)!important}
.pcard:hover,.rail .rcard:hover,.bundle:hover,.feat-card:hover,.goal:hover{
border-color:rgba(233,193,90,.36)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 22px 50px -20px rgba(0,0,0,.85)!important}
/* ===== BEYOND: ambient gold atmosphere ===== */
.ne-nebula{position:fixed;inset:-22%;z-index:0;pointer-events:none;
background:radial-gradient(38% 30% at 18% 24%,rgba(233,193,90,.075),transparent 62%),
radial-gradient(34% 28% at 84% 68%,rgba(198,203,212,.055),transparent 62%),
radial-gradient(28% 24% at 62% 8%,rgba(233,193,90,.05),transparent 60%);
animation:neDrift 44s ease-in-out infinite alternate}
@keyframes neDrift{0%{transform:rotate(-2deg) scale(1)}100%{transform:rotate(5deg) scale(1.14) translateY(-3%)}}
.ne-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:180px 180px}
#goldDust{position:fixed;inset:0;z-index:0;pointer-events:none}
/* ===== site-wide honeycomb LED backdrop ===== */
.ne-hexbg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.16;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110.85' height='192' viewBox='0 0 110.85 192'%3E%3Cg fill='none' stroke='%23aeb3bd' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpolygon points='0,-64 55.43,-32 55.43,32 0,64 -55.43,32 -55.43,-32'/%3E%3Cpolygon points='110.85,-64 166.28,-32 166.28,32 110.85,64 55.42,32 55.42,-32'/%3E%3Cpolygon points='0,128 55.43,160 55.43,224 0,256 -55.43,224 -55.43,160'/%3E%3Cpolygon points='110.85,128 166.28,160 166.28,224 110.85,256 55.42,224 55.42,160'/%3E%3Cpolygon points='55.43,32 110.86,64 110.86,128 55.43,160 0,128 0,64'/%3E%3C/g%3E%3C/svg%3E");
background-size:110.85px 192px;
-webkit-mask-image:radial-gradient(140% 120% at 50% 0%,#000 0%,rgba(0,0,0,.35) 55%,transparent 92%);
mask-image:radial-gradient(140% 120% at 50% 0%,#000 0%,rgba(0,0,0,.35) 55%,transparent 92%);
animation:hexPan 120s linear infinite}
@keyframes hexPan{to{background-position:110.85px 192px}}
.ne-hexglow{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110.85' height='192' viewBox='0 0 110.85 192'%3E%3Cg fill='none' stroke='%23E9C15A' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpolygon points='0,-64 55.43,-32 55.43,32 0,64 -55.43,32 -55.43,-32'/%3E%3Cpolygon points='110.85,-64 166.28,-32 166.28,32 110.85,64 55.42,32 55.42,-32'/%3E%3Cpolygon points='0,128 55.43,160 55.43,224 0,256 -55.43,224 -55.43,160'/%3E%3Cpolygon points='110.85,128 166.28,160 166.28,224 110.85,256 55.42,224 55.42,160'/%3E%3Cpolygon points='55.43,32 110.86,64 110.86,128 55.43,160 0,128 0,64'/%3E%3C/g%3E%3C/svg%3E");
background-size:110.85px 192px;
filter:drop-shadow(0 0 10px rgba(233,193,90,.6));
-webkit-mask-image:radial-gradient(430px 370px at 16% 14%,#000,transparent 70%);mask-image:radial-gradient(430px 370px at 16% 14%,#000,transparent 70%);
animation:hexPan 120s linear infinite,hexGlowA 13s ease-in-out infinite}
.ne-hexglow.g2{-webkit-mask-image:radial-gradient(470px 410px at 86% 60%,#000,transparent 70%);mask-image:radial-gradient(470px 410px at 86% 60%,#000,transparent 70%);
animation:hexPan 120s linear infinite,hexGlowB 17s ease-in-out infinite}
@keyframes hexGlowA{0%,100%{opacity:.05}50%{opacity:.3}}
@keyframes hexGlowB{0%,100%{opacity:.04}55%{opacity:.24}}
#catChips{display:none}
@media(min-width:761px){.hero-vid{background:#0c0c0f url(store-loop-poster.jpg) center/cover no-repeat}}
.rw-inline{margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.rw-inline b{display:block;font:800 12px/1 Barlow,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:var(--y,#E9C15A);margin-bottom:7px}
.rw-inline span{display:block;font-size:14px;line-height:1.6;color:var(--mut)}
.rw-inline-btn{margin-top:13px;min-height:44px;padding:0 20px;background:transparent;color:var(--txt);
border:1px solid var(--line-2);border-radius:10px;font:800 12px/1 Barlow,sans-serif;letter-spacing:.7px;
text-transform:uppercase;cursor:pointer}
.rw-inline-btn:hover{border-color:#E9C15A;color:#fff}
#cursorGlow{position:fixed;top:0;left:0;width:520px;height:520px;z-index:1500;pointer-events:none;
opacity:0;transition:opacity .6s;mix-blend-mode:screen;filter:blur(2px);
background:radial-gradient(circle,rgba(233,193,90,.09),rgba(233,193,90,.03) 42%,transparent 68%)}
/* breathing gold headline */
.hero-copy h1 .y{}
/* 3D tilt state */
.tilting{transition:transform .13s ease-out,box-shadow .25s ease,border-color .25s ease!important;
box-shadow:0 28px 64px -22px rgba(0,0,0,.8),0 0 0 1px rgba(233,193,90,.3)!important;
border-color:rgba(233,193,90,.42)!important;will-change:transform;z-index:3}
.big-y,.big-ghost,.rew-pill{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background .2s}
/* ===== liquid glass controls ===== */
nav{border-bottom:1px solid rgba(233,193,90,.14)}
nav.scrolled{box-shadow:0 14px 34px -18px rgba(0,0,0,.75)}
.nav-in .logo{box-shadow:none}
.store-sel{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.028));
-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.store-sel:hover{border-color:rgba(233,193,90,.4)}
.rew-pill{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(233,193,90,.2),rgba(233,193,90,.07))!important;
-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(233,193,90,.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important}
.rew-pill::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);
transform:translateX(-130%);animation:vetSweep 5s ease-in-out 1.6s infinite}
.nav-status{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:7px 14px;
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.icon-btn,.nav-burger,.rail-nav button,.x,.search{
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.028))!important;
backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important}
.icon-btn:hover,.nav-burger:hover,.rail-nav button:hover,.x:hover{
border-color:rgba(233,193,90,.4)!important;
background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05))!important}
/* (category tabs are now text tabs — styled in the CATEGORY tabs block) */
/* ===== liquid glass panels ===== */
.news-in,footer.foot{
background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 45%,rgba(255,255,255,.008))!important;
backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
border:1px solid rgba(255,255,255,.1)!important}
.news-in{box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 44px -22px rgba(0,0,0,.7)!important}
footer.foot{border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
/* ===== small-screen refinements ===== */
@media(max-width:760px){
/* mobile search — lives in the category dock */
.msearch{display:flex}
}
/* one big card per row on phones — label type stays readable */
@media(max-width:720px){
/* 4:3 crop — studio shots are framed so the tub survives it, and two cards fit a screen */
.pcard .ph{aspect-ratio:4/3}
}
@media(max-width:540px){
.grid{grid-template-columns:1fr;gap:14px}
.pcard .body{padding:15px 16px}
.pcard .nm-l{font-size:17px}
.pcard .price{font-size:22px}
.pcard .foot{padding:15px 16px;padding-top:0}
}
/* mobile search field */
.msearch{display:none;align-items:center;gap:9px;height:44px;margin:0 auto 10px;max-width:100%;
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.028));
backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:0 14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.msearch svg{width:17px;height:17px;color:var(--mut-2);flex:0 0 auto}
.msearch input{background:transparent;border:0;color:var(--txt);outline:none;width:100%;font-size:15px;font-weight:600}
.msearch input::placeholder{color:var(--mut-2)}
.msearch:focus-within{border-color:var(--blue)}
@media(max-width:760px){
/* single-line scrollable category dock — NOT sticky on phones */
.cats{padding:10px 0;position:static;top:auto}
.cats-in{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none;
-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-radius:99px;gap:4px;padding:5px 8px;max-width:100%}
.cats-wrap{justify-content:stretch}
.chip{scroll-snap-align:center;padding:11px 18px;font-size:13.5px;letter-spacing:1.2px}
/* veteran band — mobile */
.story-sec{padding:56px 0 44px}
.story-in{gap:30px}
.vet-photo{width:100%;max-width:340px;height:auto;aspect-ratio:1/1.26;margin:0 auto}
.vet-emblem{width:100%}
.story-vals{gap:0;margin-top:26px}
.story-copy .h2{font-size:clamp(34px,10vw,50px);line-height:.94}
.story-copy .lead{font-size:15px}
/* premium gift panel spacing */
.gift-in{padding:24px 18px;border-radius:22px}
#giftcards{padding-top:26px}
}
@media(max-width:640px){
.news-in{flex-direction:column;text-align:center;gap:20px;padding:30px 22px}
.news-form{width:100%;justify-content:center;flex-wrap:wrap}
.news-form input{flex:1;min-width:0}
.sec-head{flex-wrap:wrap;gap:10px}
.review-grid{grid-template-columns:1fr}
/* generous section rhythm on phones */
.blk,.wrap{padding-left:16px;padding-right:16px}
.rewards-in{padding:24px 18px;border-radius:22px}
}
@media(max-width:560px){
.nav-in{gap:10px}
.nav-in .logo{height:48px!important}
nav.scrolled .nav-in .logo{height:42px!important}
.shop-shot{height:340px}
}
/* ===== honeycomb LED motif (from the real shop ceiling) ===== */
.hero{position:relative;overflow:hidden}
.hex-ceiling{position:absolute;top:-50px;right:-70px;width:min(50vw,620px);z-index:0;pointer-events:none;
transform:perspective(800px) rotateX(44deg) rotateZ(-9deg);transform-origin:top right;
-webkit-mask-image:radial-gradient(90% 90% at 68% 28%,#000 35%,transparent 76%);
mask-image:radial-gradient(90% 90% at 68% 28%,#000 35%,transparent 76%)}
.hex-ceiling svg{width:100%;height:auto;overflow:visible;display:block}
.hex-ceiling use{fill:none;stroke:#fff;stroke-width:8;stroke-linejoin:round;stroke-linecap:round;
filter:drop-shadow(0 0 5px rgba(255,255,255,1)) drop-shadow(0 0 15px rgba(255,255,255,.6)) drop-shadow(0 0 30px rgba(233,193,90,.22));
animation:hexGlow 7s ease-in-out infinite}
.hex-ceiling use:nth-child(2){animation-delay:1.1s}.hex-ceiling use:nth-child(3){animation-delay:2.3s}
.hex-ceiling use:nth-child(4){animation-delay:3.4s}.hex-ceiling use:nth-child(5){animation-delay:.6s}
.hex-ceiling use:nth-child(6){animation-delay:4.5s}.hex-ceiling use:nth-child(7){animation-delay:1.8s}
.hex-ceiling use:nth-child(8){animation-delay:5.2s}
@keyframes hexGlow{0%,100%{opacity:.5}50%{opacity:.95}}
@media(max-width:860px){.hex-ceiling{width:80vw;right:-90px;top:-60px}}
/* mirrored cluster — top-left */
.hex-ceiling.hcl{right:auto;left:-95px;top:-64px;width:min(34vw,430px);
transform:perspective(800px) rotateX(44deg) rotateZ(9deg) scaleX(-1);transform-origin:top left;
-webkit-mask-image:radial-gradient(85% 85% at 30% 26%,#000 30%,transparent 72%);
mask-image:radial-gradient(85% 85% at 30% 26%,#000 30%,transparent 72%)}
.hex-ceiling.hcl use{stroke-width:7;
filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 13px rgba(255,255,255,.5)) drop-shadow(0 0 26px rgba(233,193,90,.18))}
@media(max-width:860px){.hex-ceiling.hcl{display:none}}
/* ===== inside-the-shop gallery ===== */
.shop-gallery{display:grid;grid-template-columns:1fr 1.06fr 1fr;gap:16px;align-items:stretch}
.shop-shot{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line-2);height:480px;background:var(--panel)}
.shop-shot picture{display:block;width:100%;height:100%}
.shop-shot img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.shop-shot:hover img{transform:scale(1.09)}
.shop-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));pointer-events:none}
.shop-shot figcaption{position:absolute;bottom:16px;left:18px;right:18px;z-index:2;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff}
.shop-shot figcaption i{font-style:normal;color:var(--yellow);margin-right:7px}
.shop-mid{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 42%,rgba(10,10,14,.30));-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -18px 40px rgba(0,0,0,.35),0 22px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px 30px;text-align:center}
.shop-mid::before{content:"";position:absolute;left:0;right:0;top:0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);pointer-events:none}
.shop-mid::after{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(120% 80% at 15% 0%,rgba(255,255,255,.14),transparent 55%);mix-blend-mode:screen;pointer-events:none}
.shop-mid>*{position:relative;z-index:1}
.shop-mid .hexrow{display:flex;justify-content:center;gap:6px;margin-bottom:4px}
.shop-mid .hexrow svg{width:30px;height:34px;fill:none;stroke:#fff;stroke-width:7;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 12px rgba(255,255,255,.5))}
.shop-mid .hexrow svg:nth-child(2){transform:translateY(8px)}
.shop-mid h3{font-family:'Anton';font-size:clamp(24px,2.6vw,34px);text-transform:uppercase;line-height:1}
.shop-mid h3 .y{color:var(--yellow)}
.shop-mid p{font-size:14px;color:var(--mut);line-height:1.65;max-width:300px;margin:0 auto}
.shop-mid .big-y{align-self:center}
@media(max-width:900px){.shop-gallery{grid-template-columns:1fr 1fr}.shop-mid{grid-column:1/-1;order:-1;padding:28px 22px}.shop-shot{height:400px}}
/* ===== DASHBOARD — BRIGHTER / PREMIUM (scoped to #admin) ===== */
#admin{
--panel:#1c1c23;--panel-2:#26262f;--panel-3:#31313c;
--line:rgba(255,255,255,.13);--line-2:rgba(255,255,255,.22);
--yellow:#F2CE6A;--yellow-deep:#D4A83E;
--txt:#F8F8FB;--mut:#C4C4D0;--mut-2:#9696A6;
background:
radial-gradient(130% 80% at 80% -10%,rgba(242,206,106,.15),transparent 55%),
radial-gradient(90% 70% at 8% 2%,rgba(198,203,212,.08),transparent 58%),
linear-gradient(180deg,#17171d,#121218 62%,#0f0f14) !important;
}
/* top bar — luminous glass */
#admin .admin-bar{
background:linear-gradient(180deg,rgba(34,34,42,.9),rgba(23,23,29,.82));
border-bottom:1px solid var(--line-2);
-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
box-shadow:0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(0,0,0,.8);
}
/* KPI + overview panels — premium glass */
#admin .panel,#admin .kpi{
background:linear-gradient(162deg,rgba(255,255,255,.062),rgba(255,255,255,.016) 55%,rgba(255,255,255,.028)) !important;
border:1px solid var(--line-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 22px 46px -26px rgba(0,0,0,.72);
}
/* row cards — order, ledger, stats, product rows, summaries, inputs */
#admin .order,#admin .gcl,#admin .stat,#admin .arow,#admin .osum,
#admin .att-row,#admin .asearch,#admin .kpi.kpi-spark{
background:linear-gradient(162deg,rgba(255,255,255,.052),rgba(255,255,255,.013) 60%) !important;
border:1px solid var(--line-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 32px -24px rgba(0,0,0,.66);
}
#admin .order{transition:transform .18s,border-color .18s,box-shadow .18s}
#admin .order:hover{transform:translateY(-2px);border-color:rgba(242,206,106,.32);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px -22px rgba(0,0,0,.72),0 0 0 1px rgba(242,206,106,.06)}
/* brighter tab underline + section pills */
#admin .atab.on{text-shadow:0 0 18px rgba(242,206,106,.35)}
#admin .ochip.on{box-shadow:0 8px 20px -10px rgba(242,206,106,.6)}
/* crisper hairlines inside cards */
#admin .gcl-row,#admin .order .oitems{border-top-color:var(--line)}
/* premium gold buttons — gradient + inner highlight */
#admin .add-product-btn,#admin .att-row .abtn,#admin .cprod .cp-add,#admin .coach-f button{
background:linear-gradient(180deg,#F7DE8C,#E1B24C 94%) !important;color:#1c1408 !important;
box-shadow:0 10px 22px -12px rgba(242,206,106,.7),inset 0 1px 0 rgba(255,255,255,.55);
}
#admin .ochip.on{background:linear-gradient(180deg,#F7DE8C,#E1B24C 94%);color:#1c1408;border-color:transparent}
#admin .order-done-btn{transition:border-color .18s,color .18s}
#admin .order-done-btn:hover{border-color:rgba(242,206,106,.5);color:var(--yellow)}
/* faint grid texture behind dashboard for depth */
#adminApp::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
background-size:54px 54px;
-webkit-mask-image:radial-gradient(125% 78% at 50% 0%,#000,transparent 80%);mask-image:radial-gradient(125% 78% at 50% 0%,#000,transparent 80%)}
#adminApp>.admin-bar{position:sticky;z-index:40}
#adminApp>*{position:relative;z-index:1}
/* KPI hierarchy — brighter primary, gold shimmer on headline value */
#admin .kpi .kval{letter-spacing:.4px}
#admin .kpi:first-child .kval{filter:drop-shadow(0 2px 14px rgba(242,206,106,.28))}
#admin .osum .ov{letter-spacing:.4px}
/* premium top bar — taller, gold-lit logo, refined buttons */
#admin .admin-bar .wrap{height:76px;gap:16px}
#admin .admin-bar .logo{filter:drop-shadow(0 0 14px rgba(242,206,106,.42))}
#admin .admin-bar .t{font-size:21px;letter-spacing:.5px}
#admin .admin-bar .t small{font-size:9px;letter-spacing:2.6px;color:var(--yellow);opacity:.9;margin-top:3px}
#admin .exit{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
border:1px solid var(--line-2);color:var(--txt);padding:11px 17px;border-radius:12px;font-weight:700;
transition:border-color .18s,transform .18s,background .18s}
#admin .exit:hover{transform:translateY(-1px);border-color:rgba(242,206,106,.45)}
#admin #exitAdmin{background:linear-gradient(180deg,#F7DE8C,#E1B24C 94%);color:#1c1408;border-color:transparent;
box-shadow:0 10px 22px -12px rgba(242,206,106,.7),inset 0 1px 0 rgba(255,255,255,.55)}
/* bigger, premium segmented tab bar */
#admin .atabs{gap:6px;border-bottom:0;padding:7px;margin:22px 0 28px;border-radius:16px;
background:linear-gradient(162deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
border:1px solid var(--line-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 44px -28px rgba(0,0,0,.72);
-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
width:-moz-fit-content;width:fit-content;max-width:100%}
#admin .atab{padding:14px 24px;margin:0;font-size:16px;font-weight:700;color:var(--mut);
border:0;border-radius:11px;letter-spacing:.2px;transition:color .18s,background .18s,box-shadow .18s}
#admin .atab:hover{color:var(--txt);background:rgba(255,255,255,.045)}
#admin .atab.on{color:#1c1408;background:linear-gradient(180deg,#F7DE8C,#E1B24C 94%);border:0;
box-shadow:0 10px 22px -12px rgba(242,206,106,.75),inset 0 1px 0 rgba(255,255,255,.5);text-shadow:none}
/* motion — entrance, hover, press */
@keyframes dashIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#admin .kpi,#admin .stat,#admin .panel,#admin .arow{transition:transform .2s,border-color .2s,box-shadow .2s}
#admin .kpi:hover,#admin .stat:hover{transform:translateY(-3px);border-color:rgba(242,206,106,.32)}
#admin .att-row{transition:transform .18s,border-color .18s}
#admin .att-row:hover{transform:translateX(3px);border-color:rgba(242,206,106,.28)}
#admin .rankbar i,#admin .cbar i,#admin .bar .col{transition:width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1)}
#admin button:active{transform:translateY(1px) scale(.985)}
#admin .gcl-row{transition:background .18s}
#admin .gcl-row:hover{background:rgba(255,255,255,.03)}
/* make the gift-card totals pop — it's a key metric */
#admin .gcl-head{align-items:center}
#admin .gcl-head b{font-size:15px}
#admin .gcl-head span{
font-size:13px;font-weight:800;letter-spacing:.2px;color:#F4D274;
background:linear-gradient(180deg,rgba(242,206,106,.18),rgba(242,206,106,.06));
border:1px solid rgba(242,206,106,.4);border-radius:99px;padding:6px 13px;
box-shadow:0 8px 20px -10px rgba(242,206,106,.55),inset 0 1px 0 rgba(255,255,255,.14);
white-space:nowrap;text-shadow:0 0 16px rgba(242,206,106,.3)}
@media (prefers-reduced-motion: reduce){#admin *{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* ===== PRODUCT FORM MODAL — brighter / premium ===== */
.modal:has(.mh){
background:linear-gradient(168deg,#25252e,#1b1b22 58%,#16161c);
border:1px solid rgba(255,255,255,.17);
box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 44px 96px -30px rgba(0,0,0,.78),0 0 0 1px rgba(242,206,106,.07);
}
.modal:has(.mh) .mh{padding:22px 26px 0}
.modal:has(.mh) .mh h3{font-size:25px}
.modal:has(.mh) .modal-pad{padding-left:26px;padding-right:26px}
.modal:has(.mh) .field label{color:#BBBBC8;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.modal:has(.mh) .field input,
.modal:has(.mh) .field select,
.modal:has(.mh) .field textarea{
background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
border:1px solid rgba(255,255,255,.17);color:#F8F8FB;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.modal:has(.mh) .field input:focus,
.modal:has(.mh) .field select:focus,
.modal:has(.mh) .field textarea:focus{
border-color:rgba(242,206,106,.65);
box-shadow:0 0 0 3px rgba(242,206,106,.16);
background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04));
}
.modal:has(.mh) .field input::placeholder,
.modal:has(.mh) .field textarea::placeholder{color:#85858f}
.modal:has(.mh) .field select option{background:#22222b}
.modal:has(.mh) .upload{border:1.5px dashed rgba(255,255,255,.24);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016))}
.modal:has(.mh) .upload:hover{border-color:rgba(242,206,106,.6)}
.modal:has(.mh) .upload .up-txt p{color:#B0B0BC}
.modal:has(.mh) .deal-toggle{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.15)}
.modal:has(.mh) .save-bar .save{background:linear-gradient(180deg,#F7DE8C,#E1B24C 94%);color:#1c1408;
box-shadow:0 12px 26px -12px rgba(242,206,106,.72),inset 0 1px 0 rgba(255,255,255,.55)}
.modal:has(.mh) .save-bar .cancel{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.17);color:#C6C6D2}
.modal:has(.mh) .save-bar .cancel:hover{border-color:rgba(242,206,106,.4);color:#F8F8FB}
/* ===== id="ne-energy" ===== */
/* ============ ENERGY PASS — additive, reduced-motion safe ============ */
@media (prefers-reduced-motion: no-preference){
/* the site-wide reveal was a near-invisible 14px nudge — give it a real fade+rise */
.reveal{opacity:1}
@keyframes revealIn{from{opacity:0;transform:translateY(30px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.reveal.in{animation:revealIn .72s cubic-bezier(.16,1,.3,1) both}
/* staggered entrances for cards that previously just popped in */
.ne-rise{opacity:0;transform:translateY(36px) scale(.965);filter:blur(4px);
transition:opacity .74s cubic-bezier(.16,1,.3,1),transform .74s cubic-bezier(.16,1,.3,1),filter .74s ease;will-change:opacity,transform}
.ne-rise.ne-in{opacity:1;transform:none;filter:blur(0)}
/* live cursor tilt */
.ne-tilt{transition:transform .5s cubic-bezier(.2,.9,.3,1)}
}
/* restored animated stat band */
.ne-stats{position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(233,193,90,.045),transparent 70%)}
.ne-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 20px}
.ne-stat{position:relative;text-align:center;padding:24px 14px 20px;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s}
.ne-stat:hover{transform:translateY(-4px);border-color:var(--line-2)}
.ne-stat::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--sa,var(--yellow));transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1) .1s}
.ne-stat.ne-in::before{transform:scaleX(1)}
.ne-stat .v{font-family:'Anton';font-size:clamp(32px,4.2vw,46px);line-height:1;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums}
.ne-stat .v .u{color:var(--sa,var(--yellow))}
.ne-stat .l{font-size:11.5px;color:#9a9aa3;margin-top:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
@media(max-width:640px){.ne-stats-in{grid-template-columns:1fr 1fr}.ne-stat .v{font-size:34px}}
@media (prefers-reduced-motion: reduce){.ne-stat::before{transform:scaleX(1)}}
/* ===== id="ne-commerce" ===== */
/* ============ COMMERCE PASS ============ */
/* live pickup ETA pill */
.ne-eta{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 14px;border-radius:99px;
background:rgba(233,193,90,.10);border:1px solid rgba(233,193,90,.30);font-size:12.5px;font-weight:700;color:#F1E4BF;white-space:nowrap}
.ne-eta .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:0 0 auto;animation:pinPulse 2.4s ease-in-out infinite}
.ne-eta .dot.closed{background:var(--orange);box-shadow:0 0 8px var(--orange)}
.ne-eta b{color:#fff;font-weight:800}
.sp-eta{margin-top:14px}
/* hero goal chips → Coach */
.ne-goal{margin-top:22px;max-width:430px}
.ne-goal .gl{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--mut-2);margin-bottom:10px}
.ne-goal .gc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ne-goal button{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 6px;min-height:44px;border-radius:10px;background:var(--panel-2);
border:1px solid var(--line);color:#C9CBD2;font-weight:700;font-size:11.5px;letter-spacing:.4px;line-height:1.15;transition:border-color .2s,color .2s,background .2s}
.ne-goal button:hover{border-color:var(--yellow);color:#fff;background:var(--panel-3)}
@media(max-width:560px){.ne-goal{max-width:none}.ne-goal .gc-row{grid-template-columns:repeat(2,1fr)}}
/* sticky buy bar */
#neBuyBar{position:fixed;left:50%;bottom:22px;transform:translate(-50%,150%);z-index:88;width:min(760px,calc(100vw - 32px));
display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;border-radius:16px;
background:rgba(18,18,22,.86);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
border:1px solid var(--line-2);box-shadow:0 24px 60px rgba(0,0,0,.55);
opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.9,.3,1),opacity .4s}
#neBuyBar.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
#neBuyBar .bb-info{flex:1;min-width:0}
#neBuyBar .bb-tag{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--yellow)}
#neBuyBar .bb-name{font-family:'Anton';font-size:19px;letter-spacing:.4px;line-height:1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#neBuyBar .bb-eta{font-size:11.5px;font-weight:700;color:var(--mut);margin-top:5px;display:flex;align-items:center;gap:6px}
#neBuyBar .bb-eta .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
#neBuyBar .bb-price{font-family:'Anton';font-size:24px;letter-spacing:.5px;flex:0 0 auto}
#neBuyBar .bb-add{flex:0 0 auto;background:var(--yellow);color:#0a0a0a;border:0;border-radius:12px;padding:14px 24px;font-weight:800;font-size:14px;transition:background .2s,transform .15s}
#neBuyBar .bb-add:hover{background:#F2D06E;transform:translateY(-1px)}
#neBuyBar .bb-add:active{transform:scale(.97)}
a#neBuyBar-x,#neBuyBar a.bb-add{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1}
@media(max-width:700px){#neBuyBar{display:none}}
@media (prefers-reduced-motion: reduce){#neBuyBar{transition:opacity .3s}#neBuyBar.on{transform:translate(-50%,0)}}
/* ===== id="ne-ops" ===== */
/* ============ GOD MODE · OPS TAB ============ */
#tab-ops .op-sec{margin-bottom:22px}
#tab-ops .op-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
#tab-ops .op-h h3{font-family:'Anton';font-size:20px;letter-spacing:.5px;color:#fff}
#tab-ops .op-h .note{font-size:12px;color:var(--mut-2);font-weight:600}
#tab-ops .op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pq-card{position:relative;background:linear-gradient(162deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%);border:1px solid var(--line-2);border-radius:16px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px}
.pq-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pq-cust b{font-size:15px;font-weight:800}
.pq-cust small{display:block;color:var(--mut);font-size:12px;margin-top:2px;font-variant-numeric:tabular-nums}
.pq-pill{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.pq-pill.queued{color:#F1D98A;background:rgba(233,193,90,.12);border:1px solid rgba(233,193,90,.32)}
.pq-pill.ready{color:#39d98a;background:rgba(57,217,138,.12);border:1px solid rgba(57,217,138,.34)}
.pq-items{font-size:12.5px;color:var(--mut);line-height:1.55}
.pq-eta{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700}
.pq-eta .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.pq-eta.over .dot{background:var(--red);box-shadow:0 0 8px var(--red)}
.pq-eta.over{color:#ff8a82}
.pq-eta b{color:#fff;font-variant-numeric:tabular-nums}
.pq-acts{display:flex;gap:8px;margin-top:2px}
.pq-acts>*{flex:1;text-align:center;font-size:12.5px;font-weight:800;padding:10px 8px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--txt);transition:border-color .2s,background .2s,transform .12s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.pq-acts>*:hover{border-color:var(--yellow);color:#fff}
.pq-acts>*:active{transform:scale(.97)}
.pq-acts .prim{background:var(--yellow);color:#0a0a0a;border-color:var(--yellow)}
.pq-acts .prim:hover{background:#F2D06E;color:#0a0a0a}
.pq-acts .done{background:rgba(57,217,138,.14);border-color:rgba(57,217,138,.4);color:#5fe0a2}
.pq-acts .off{opacity:.4;pointer-events:none}
/* restock blast */
.rs-box{background:linear-gradient(162deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%);border:1px solid var(--line-2);border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.rs-box{grid-template-columns:1fr}}
.rs-box label{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut-2);margin-bottom:7px}
.rs-box select,.rs-box textarea{width:100%;background:var(--panel-2);border:1px solid var(--line-2);border-radius:11px;color:var(--txt);font-family:inherit;font-size:13.5px;padding:11px 12px;outline:none}
.rs-box textarea{min-height:118px;resize:vertical;line-height:1.5}
.rs-box select:focus,.rs-box textarea:focus{border-color:var(--yellow)}
.rs-aud{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;margin-top:2px}
.rs-aud .n{font-family:'Anton';font-size:26px;color:#fff;line-height:1}
.rs-aud .t{font-size:12px;color:var(--mut);font-weight:600;line-height:1.4}
.rs-send{width:100%;margin-top:12px;background:var(--yellow);color:#0a0a0a;border:0;border-radius:12px;padding:14px;font-weight:800;font-size:14.5px;transition:background .2s,transform .12s}
.rs-send:hover{background:#F2D06E}.rs-send:active{transform:scale(.98)}
.rs-log{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.rs-log .row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--mut);padding:9px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}
.rs-log .row b{color:var(--txt)}
/* margin */
.mg-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
@media(max-width:760px){.mg-kpis{grid-template-columns:1fr 1fr}}
.mg-kpi{background:linear-gradient(#131318,#0e0e12);border:1px solid var(--line-2);border-radius:14px;padding:15px}
.mg-kpi .v{font-family:'Anton';font-size:26px;letter-spacing:.4px;color:#fff}
.mg-kpi .l{font-size:11px;color:var(--mut);font-weight:700;margin-top:5px;letter-spacing:.3px}
.mg-target{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--mut);margin-bottom:14px;flex-wrap:wrap}
.mg-target input{width:74px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;color:#fff;font-weight:800;font-size:13px;padding:8px 10px;outline:none;text-align:center}
.mg-target input:focus{border-color:var(--yellow)}
.mg-table{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mg-row{display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr 1fr;gap:10px;align-items:center;background:#101014;padding:12px 14px;font-size:13px}
.mg-row.head{background:#15151a;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut-2)}
.mg-row .nm{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-row .nm .warn{color:var(--red);font-size:11px;font-weight:800;display:block;margin-top:2px}
.mg-row input{width:84px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;color:#fff;font-weight:700;font-size:13px;padding:8px 10px;outline:none;font-variant-numeric:tabular-nums}
.mg-row input:focus{border-color:var(--yellow)}
.mg-row .mm{font-weight:800;font-variant-numeric:tabular-nums}
.mg-row .mm.good{color:#5fe0a2}.mg-row .mm.mid{color:#F1D98A}.mg-row .mm.bad{color:#ff8a82}
.mg-row .pf{color:var(--mut);font-variant-numeric:tabular-nums}
@media(max-width:640px){.mg-row{grid-template-columns:1.6fr 1fr 1fr;gap:8px;font-size:12px}.mg-row .col-pr,.mg-row .col-pf{display:none}}
/* ===== id="ne-owner" ===== */
/* ============ OWNER PASS — Z-report, reorder worksheet, activity log, overview profit ============ */
@media(min-width:601px){#tab-overview .inv-strip:has(#ovProfit){grid-template-columns:repeat(4,1fr)}}
.zr-box{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:linear-gradient(162deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%);border:1px solid var(--line-2);border-radius:16px;padding:18px}
.zr-stats{display:flex;gap:28px;flex-wrap:wrap;flex:1}
.zr-stat .v{font-family:'Anton';font-size:24px;letter-spacing:.4px;color:#fff}
.zr-stat.gold .v{color:var(--yellow)}
.zr-stat .l{font-size:11px;color:var(--mut);font-weight:700;margin-top:4px;letter-spacing:.3px}
.zr-run{background:var(--yellow);color:#0a0a0a;border:0;border-radius:12px;padding:13px 22px;font-weight:800;font-size:14px;transition:background .2s,transform .12s}
.zr-run:hover{background:#F2D06E}.zr-run:active{transform:scale(.98)}
.zr-sheet{margin:16px 0 4px;font-variant-numeric:tabular-nums}
.zr-row{display:flex;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1px dashed var(--line-2);font-size:13.5px;color:var(--mut);font-weight:600}
.zr-row b{color:#fff;font-weight:800;text-align:right}
.zr-row.big{border-bottom:1px solid var(--line-2);align-items:center}
.zr-row.big b{color:var(--yellow);font-family:'Anton';font-size:22px;letter-spacing:.4px;font-weight:400}
.ro-table{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ro-row{display:grid;grid-template-columns:2fr .8fr .9fr .9fr 1fr 1fr;gap:10px;align-items:center;background:#101014;padding:12px 14px;font-size:13px;font-variant-numeric:tabular-nums}
.ro-row.head{background:#15151a;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut-2)}
.ro-row .nm{font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ro-row .st{font-weight:800}.ro-row .st.out{color:#ff8a82}.ro-row .st.low{color:#F1D98A}
.ro-row input{width:74px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;color:#fff;font-weight:800;font-size:13px;padding:8px 10px;outline:none;text-align:center;font-variant-numeric:tabular-nums}
.ro-row input:focus{border-color:var(--yellow)}
.ro-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.ro-tot{font-size:13px;font-weight:700;color:var(--mut)}
.ro-tot b{color:#fff;font-variant-numeric:tabular-nums}
.ro-copy{background:var(--panel-2);border:1px solid var(--line-2);color:var(--txt);border-radius:12px;padding:12px 20px;font-weight:800;font-size:13.5px;transition:border-color .2s,color .2s}
.ro-copy:hover{border-color:var(--yellow);color:#fff}
@media(max-width:640px){.ro-row{grid-template-columns:1.6fr .7fr .9fr 1fr;font-size:12px}.ro-row .col-dl,.ro-row .col-ec{display:none}}
.al-list{display:flex;flex-direction:column;gap:8px}
.al-row{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:10px 13px;background:linear-gradient(162deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:10px;color:var(--txt);font-weight:600}
.al-row .t{color:var(--mut-2);font-variant-numeric:tabular-nums;flex:0 0 auto}
.al-clear{font-size:11.5px;font-weight:800;color:var(--mut-2);cursor:pointer;border:1px solid var(--line-2);border-radius:99px;padding:5px 12px;background:none}
.al-clear:hover{color:#fff;border-color:var(--yellow)}
/* ===== id="ne-polish" ===== */
/* ============ POLISH PASS — trust + gold rationing ============ */
/* anchor-price strikethroughs out, everywhere (hero card, rails, product page, deals ticker) */
.was,.dp-price s{display:none !important}
/* spotlight live-stock line replaces the fake "was" price */
.sp-stock{font-family:'Barlow';font-size:13px;font-weight:700;color:var(--mut);margin-left:9px;letter-spacing:.2px}
/* stimulant warning on high-caffeine products (C2) */
.pd-warn{font-size:12px;line-height:1.55;color:#F1D98A;background:rgba(233,193,90,.08);border:1px solid rgba(233,193,90,.25);border-radius:10px;padding:10px 12px;margin:10px 0 4px}
/* one gold moment per screen: section headers go back to white — hero H1 and photo band keep it */
.h2 .y,.news-in h3 .y,.shop-mid h3 .y{background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:currentColor !important;color:inherit !important;text-shadow:none !important}
/* ===== id="ne-design" ===== */
/* ============ DESIGN PASS — hierarchy, legibility, consistency ============ */
/* D2: the grid's primary action is now brand gold (was muted dark) */
.add-btn{background:linear-gradient(180deg,#F0CB6B,#DDAF4A);color:#1a1206;border-color:transparent}
.add-btn:not(:disabled):hover{background:linear-gradient(180deg,#F7DE8C,#E9C15A);color:#1a1206}
.add-btn:disabled{background:var(--panel-3);color:var(--mut-2)}
/* D1: raise the smallest read-text to a 12px floor (decorative lockups exempt) */
.pc-urg{font-size:12px}
.hero .eyebrow{font-size:12px}
.loc-open{font-size:11.5px}
.bw-label{font-size:11.5px}
.gc-lbl{font-size:11px}
.deal-cd{font-size:12.5px}
.goal p{font-size:13.5px}
/* D4: goal titles may wrap to two lines on mobile instead of clipping */
@media(max-width:820px){
.goal{min-height:140px;padding:26px 14px}
.goal h4{font-size:16px;line-height:1.18;overflow-wrap:anywhere}
}
/* D5: "Call" gets real presence next to gold "Directions" */
.loc-btn{border-color:rgba(255,255,255,.26);color:#fff}
.loc-btn:hover{border-color:var(--yellow);background:var(--panel-3)}
/* D8: uniform product image frames — no more ragged card tops */
.pcard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px}
/* D10: cart-drawer thumbnail — the img box was resolving to its intrinsic
aspect height (75px) inside a 60px clipping box, cropping the tub. Pin the
box to the parent and let object-fit letterbox instead. */
.ci .ci-ph img{width:100%!important;height:60px!important;max-height:100%!important;object-fit:contain!important;padding:4px}
/* D11: studio shots are on white, so the tile itself goes white and the photo
runs full-bleed — no white square inset in a dark frame. */
.pcard .ph.ph-light{background:#f5f5f8}
.pcard .ph.ph-light img{padding:0!important;object-fit:cover!important}
.pcard .ph.ph-light .badge{background:rgba(12,12,15,.82);color:#F1D98A;border:1px solid rgba(0,0,0,.15)}
.rail .rcard .rph.ph-light{background:#f5f5f8}
.rail .rcard .rph.ph-light img{padding:0;object-fit:cover}
/* D9: deals ticker steps down so it stops out-shouting the goal section */
.deals-strip .tag{background:rgba(233,193,90,.14);color:#F1D98A;border:1px solid rgba(233,193,90,.35)}
/* D10: give Anton hero lines breathing room */
.hero-copy h1,.hero h1{letter-spacing:.8px}
/* D11: secondary hero CTA is discoverable on the honeycomb */
.big-o{border:1.5px solid rgba(255,255,255,.34);background:rgba(255,255,255,.045)}
.big-o:hover{border-color:var(--yellow)}
/* D12: the trust number reads like a trust number */
.hero-rate b{font-size:15px;color:#fff}
/* D14: carousel arrows at touch-target size */
.rail-nav button{width:44px;height:44px;border-radius:12px;transition:border-color .2s,color .2s}
.rail-nav button:hover{border-color:var(--yellow);color:#fff}
/* D16: hero block breathing room */
.hero-rate{margin-bottom:24px}
.hero-copy p{margin:20px 0}
/* D7: consistent badge anchor on product cards */
.pcard .badge,.rcard .badge{top:10px;left:10px}
/* ============================================================
PERF PASS — the page was spending its whole frame budget on
glass and looping animation. Phones get the calm version:
no live blur, no idle motion, no oversized shadows.
============================================================ */
@media(max-width:900px){
/* live backdrop blur is the single most expensive thing here:
every glass surface forces its own compositing pass */
nav,.cats-in,.search,.msearch,.icon-btn,.nav-burger,.rail-nav button,.x,
.modal-scrim,.store-sel,.rew-pill,.bt-marq,.glass,.pd-share{
backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
nav{background:rgba(10,10,13,.96)!important}
.cats-in{background:rgba(20,20,25,.96)!important}
.modal-scrim{background:rgba(0,0,0,.78)!important}
.search,.msearch,.icon-btn,.nav-burger,.rail-nav button,.x{background:#1a1a20!important}
/* nothing animates forever on a phone — marquees, pulses, shimmers off */
.bw-lane,.bt-track,.deals-track,.store-sel .pin,.deals-strip,
.pcard::after,.spotlight::after,.big-y::after,.place-btn::after{
animation:none!important}
/* decorative blur layers cost a full-screen paint each */
.hero-glow,.ph::after,.spotlight .sp-art::before{filter:none!important;opacity:.5}
/* trim shadow spread — large blur radii are pure fill cost */
.pcard,.rcard,.bundle,.review,.goal{box-shadow:none!important}
.pcard:hover{box-shadow:none!important;transform:none!important}
}
/* skip work entirely for sections that are still below the fold */
.spotlight-sec,.story-sec,.restock-sec,.news,.brand-wall{
content-visibility:auto;contain-intrinsic-size:auto 620px}
/* respect the OS setting everywhere, not just in a few places */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
transition-duration:.001ms!important;scroll-behavior:auto!important}
}
/* verifier: .sec-head is display:flex — a .loc-note with only margin-top
overlapped the Anton h2 line box by ~3px. Give the row real alignment. */
.sec-head{flex-wrap:wrap;align-items:flex-end;row-gap:10px}
.sec-head .loc-note{align-self:flex-end;line-height:1.5}
#theShop .sec-head>div{display:flex;flex-direction:column}
#theShop .sec-head .loc-note{margin-top:10px!important}
/* ne-sechead-fix */
/* ---------- YOUR USUAL — reorder what this person actually buys ---------- */
.usual-h{display:flex;align-items:baseline;gap:9px;margin:2px 0 11px}
.usual-h b{font-family:'Anton';font-size:19px;letter-spacing:.4px}
.usual-h span{font-size:12.5px;color:var(--mut)}
.usual-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;margin-bottom:6px;scroll-snap-type:x proximity}
.usual-row::-webkit-scrollbar{height:0}
.usual-c{flex:0 0 152px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);
border-radius:15px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}
.usual-c .up{aspect-ratio:1;background:#f5f5f8}
.usual-c .up img{width:100%;height:100%;object-fit:cover;display:block}
.usual-c .ub{padding:9px 10px 10px;display:flex;flex-direction:column;gap:5px;flex:1}
.usual-c .un{font-size:12.5px;font-weight:700;line-height:1.25}
.usual-c .uq{font-size:11px;color:var(--mut-2);font-weight:600}
.usual-c .ua{margin-top:auto;min-height:38px;width:100%;background:var(--panel-2);color:var(--txt);
border:1px solid var(--line-2);border-radius:10px;font-weight:800;font-size:12px;
display:grid;place-items:center;text-decoration:none}
@media(pointer:coarse){.usual-c .ua{min-height:44px}}
/* ---------- 1b SPEC CARD ----------
Buyers compare dose, servings and cost per serving. Put those on the card
so the decision happens in the grid, not two taps deep. */
.pcard .specs{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 2px}
.pcard .spec{font:800 10px Barlow,sans-serif;letter-spacing:.4px;white-space:nowrap;
background:rgba(255,255,255,.07);color:#B4B4C0;border-radius:6px;padding:4px 7px}
.pcard .spec.lead{background:rgba(233,193,90,.14);color:#E9C15A}
.pcard .price-l .per{font-size:11.5px;color:var(--mut-2);font-weight:700;letter-spacing:.2px}
.pd-per{font-size:13px;color:var(--mut);font-weight:600;margin:-6px 0 12px}
@media(max-width:540px){
.pcard .spec{font-size:11px;padding:5px 9px}
.pcard .price-l .per{font-size:12.5px}
}
/* ---------- REWARDS: a ledger, not a light show ----------
Was: a glass panel with a diagonal gloss overlay, holding three more glass
cards that each blur the background, carry their own inset highlight and
lift on hover, with a glow around the MVP dot. Same failure as the gift
block — effects stacked until the thing reads as generated. A loyalty tier
list should look like a ledger: one surface, hairline rules, aligned
figures, and a single accent on the tier worth wanting. */
.rewards-in{
background:linear-gradient(168deg,#15161A 0%,#101115 62%,#0D0E12 100%)!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 48px -32px rgba(0,0,0,.9)!important;
padding:44px 42px!important;gap:48px!important}
.rewards-in::before{display:none!important}
.rw-tiers{gap:0!important}
.rw-tiers .rt{
background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;box-shadow:none!important;
padding:18px 2px!important;transition:none!important;align-items:center!important}
.rw-tiers .rt:first-child{border-top:0!important}
.rw-tiers .rt:hover{transform:none!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.rw-tiers .rt-dot{width:7px!important;height:7px!important;margin-top:0!important;box-shadow:none!important}
.rw-tiers .rt-top b{font-size:14px!important;letter-spacing:1.6px!important;text-transform:uppercase!important}
.rw-tiers .rt-req{
background:none!important;border:0!important;padding:0!important;
font-size:11px!important;letter-spacing:.8px!important;color:#8b929c!important;
font-variant-numeric:tabular-nums}
.rw-tiers .rt em{font-size:12.5px!important;color:#9aa0a9!important}
/* the tier worth wanting gets a rule, not a glow */
.rw-tiers .rt.hot{background:none!important;border-left:2px solid var(--yellow)!important;padding-left:14px!important}
.rw-tiers .rt.hot .rt-dot{box-shadow:none!important}
.rw-tiers .rt.hot .rt-req{color:var(--yellow)!important;background:none!important}
@media(max-width:820px){.rewards-in{padding:30px 22px!important;gap:26px!important}}
/* ---------- TAP TARGETS ----------
Primary actions were shipping at 31-38px. Phones need 44 to hit reliably;
these are the buttons people actually reach for on a product card, in the
reorder row, and on a store listing. */
.radd,.ua,.loc-btn,.greviews-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ch-x,.x{min-width:40px;min-height:40px}
/* ---------- GIFT CARDS: premium by restraint ----------
Was: glass panel + drifting colour blobs + a 6s shine sweep + five
floating sparks + three stacked gloss layers on the card. That stack of
effects is what makes a section read as generated. Premium is a still
object, precise type, and one light source — so the motion comes out and
the card is left to look like a thing you could hold. */
#giftcards::before{display:none}
.gift-in{
background:linear-gradient(168deg,#15161A 0%,#101115 62%,#0D0E12 100%)!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 48px -32px rgba(0,0,0,.9)!important;
padding:44px 42px!important;gap:48px!important}
.gift-in::after{display:none!important}
.gc-halo,.gc-spark,.gc-holo,.gc-shine,.gc-glare{display:none!important}
.gc-card{
background:linear-gradient(155deg,#23201A 0%,#14141A 55%,#0B0B0F 100%)!important;
border:1px solid rgba(233,193,90,.26)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 40px -22px rgba(0,0,0,.95)!important;
animation:none!important;transform:none!important}
.gc-hexes{opacity:.05!important;animation:none!important}
.gc-lbl{letter-spacing:2.6px!important;font-size:9.5px!important;color:rgba(255,255,255,.5)!important}
.gc-amt{letter-spacing:-1px!important}
.gc-code{letter-spacing:1.4px!important;color:rgba(255,255,255,.42)!important}
.gc-meta span{letter-spacing:1.8px!important;font-size:8.5px!important;color:rgba(255,255,255,.36)!important}
@media(max-width:820px){.gift-in{padding:30px 22px!important;gap:30px!important}}
/* ---------- HERO: real store footage ----------
The shop's own ceiling is in the footage, so the drawn honeycomb comes
out of the hero — two ceilings read as decoration. Video sits under a
veil heavy enough to keep the headline at full contrast. */
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;
z-index:0;pointer-events:none;opacity:.42;filter:saturate(.85) contrast(1.05)}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(90deg,rgba(9,10,12,.94) 0%,rgba(9,10,12,.86) 38%,rgba(9,10,12,.55) 68%,rgba(9,10,12,.72) 100%)}
.hero .hex-ceiling{display:none}
.hero::before,.hero::after{z-index:1}
@media(max-width:860px){
.hero-vid{opacity:.3;object-position:50% 38%}
.hero-veil{background:linear-gradient(180deg,rgba(9,10,12,.82) 0%,rgba(9,10,12,.9) 55%,rgba(9,10,12,.96) 100%)}
}
@media(prefers-reduced-motion:reduce){.hero-vid{display:none}}
/* ---------- HONEYCOMB CEILING v2 ----------
Real LED panels don't breathe in unison, aren't pure white, and don't
mirror perfectly. Four corrections: kill the pulse, warm the tube, add
depth falloff, break the symmetry — then let the light spill downward. */
.hex-ceiling use{
stroke:#FFF6E2!important; /* warm tube, not screen-white */
animation:none!important; /* LEDs are on, not breathing */
filter:drop-shadow(0 0 3px rgba(255,248,232,1))
drop-shadow(0 0 11px rgba(255,240,205,.75))
drop-shadow(0 0 26px rgba(233,193,90,.34))
drop-shadow(0 0 54px rgba(233,193,90,.16))!important}
/* depth: cells further up the perspective sit dimmer and thinner */
.hex-ceiling use:nth-child(1){opacity:.55;stroke-width:6}
.hex-ceiling use:nth-child(2){opacity:.68;stroke-width:6.5}
.hex-ceiling use:nth-child(3){opacity:.84;stroke-width:7.5}
.hex-ceiling use:nth-child(4){opacity:1;stroke-width:8.5}
.hex-ceiling use:nth-child(5){opacity:.9;stroke-width:8}
.hex-ceiling use:nth-child(6){opacity:.62;stroke-width:6.5}
.hex-ceiling use:nth-child(7){opacity:.78;stroke-width:7}
.hex-ceiling use:nth-child(8){opacity:.5;stroke-width:6}
/* break the mirror — the left cluster reads as a copy at identical angle */
.hex-ceiling.hcl{
transform:perspective(760px) rotateX(39deg) rotateZ(13deg) scaleX(-1) translateY(-14px)!important;
opacity:.72}
.hex-ceiling.hcl use:nth-child(4){opacity:.8}
.hex-ceiling.hcl use:nth-child(5){opacity:.6}
/* the light has to land on something or it's just a drawing */
.hero::before{content:"";position:absolute;top:-40px;right:-6%;width:62%;height:78%;
background:radial-gradient(58% 62% at 62% 0%,rgba(255,238,201,.13),rgba(233,193,90,.05) 46%,transparent 72%);
pointer-events:none;z-index:0}
@media(max-width:900px){
/* one cluster only on phones, and no extra full-screen paint */
.hero::before{display:none}
.hex-ceiling use{filter:drop-shadow(0 0 3px rgba(255,248,232,.95))
drop-shadow(0 0 12px rgba(233,193,90,.3))!important}
}
/* audit: every control clears 44px on touch */
@media(pointer:coarse){
.radd,.deal-pill,.chip,.pv-chip,.sw,.rail-nav button,.up-rm,.pd-thumb,
.seg button,.gcsty,.qty button,.foot .links a{min-height:44px}
.radd,.deal-pill{padding-block:12px}
select,.store-sel select,#storePick{min-height:44px;font-size:16px}
.skip-link{min-height:44px;display:inline-flex;align-items:center}
}
/* ===== id="ne-desktop-pass-css" ===== */
/* wide screens get a wider canvas — the 1180px cap left big monitors empty */
@media(min-width:1400px){
.wrap{max-width:1320px}
.grid{gap:20px}
}
@media(min-width:1700px){.wrap{max-width:1420px}}
/* hover affordance on the photo — the photo already opens the product */
@media(pointer:fine){
.pcard .ph::after{content:var(--ql,"QUICK LOOK");position:absolute;left:0;right:0;bottom:0;
padding:9px 0 10px;text-align:center;font:800 10.5px/1 Barlow,sans-serif;letter-spacing:1.4px;
color:#0b0b0d;background:var(--yellow);transform:translateY(101%);
transition:transform .22s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}
.pcard:hover .ph::after,.pcard .ph:focus-visible::after{transform:none}
.pcard .ph:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}
}
/* two-column product detail on desktop */
.pd-two{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:0 30px;align-items:start}
.pd-two .pd-col-a{position:sticky;top:0}
.pd-two .pd-col-b{padding-top:2px}
.pd-two .pd-name{font-size:26px;line-height:1.12}
/* mobile: keep Add to cart in the thumb zone */
@media(max-width:760px){
.modal-pad .place-btn{position:sticky;bottom:0;z-index:5}
.modal-pad{padding-bottom:0}
}
.kbd-hint{display:none}
@media(min-width:1081px){
.kbd-hint{display:inline-flex;align-items:center;gap:5px;font:700 10px/1 Barlow,sans-serif;
letter-spacing:.8px;text-transform:uppercase;color:var(--mut-2)}
.kbd-hint kbd{font-family:inherit;border:1px solid var(--line-2);border-radius:4px;padding:3px 5px;color:var(--mut)}
}
/* ===== id="ne-touch-targets" ===== */
.store-sel select,#storePick{min-height:30px;padding-block:4px}
/* ===== id="ne-share" ===== */
.pd-share{width:100%;margin-top:10px;padding:12px;background:transparent;border:1px solid rgba(233,193,90,.35);color:#E9C15A;font:600 13px/1 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}
.pd-share:hover{background:rgba(233,193,90,.08)}
.pd-share svg{width:15px;height:15px;flex:none}
@media (prefers-reduced-motion:reduce){.pd-share{transition:none}}
/* ===== id="ne-trust3" ===== */
.rate-line{display:none!important}
#reviews{display:none!important}
.skip-link{position:fixed;top:-60px;left:12px;z-index:9999;background:#E9C15A;color:#111;font:700 14px/1 Barlow,sans-serif;padding:12px 18px;border-radius:8px;transition:top .15s;text-decoration:none}
.skip-link:focus{top:12px}
@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}
/* ===== id="ne-audit2" ===== */
/* overlay priority: never more than one persistent layer */
body.ne-ov-drawer #coachFab,body.ne-ov-modal #coachFab,body.ne-ov-drawer #cookieBar,body.ne-ov-modal #cookieBar,body.ne-ov-drawer #mobBar,body.ne-ov-modal #mobBar,body.ne-ov-coach #mobBar,body.ne-ov-coach #cookieBar,body.ne-ov-drawer #neBuyBar,body.ne-ov-modal #neBuyBar,body.ne-ov-coach #neBuyBar{opacity:0!important;pointer-events:none!important}
#coachFab,#cookieBar,#mobBar,#neBuyBar{transition:opacity .25s}
@media(max-width:760px){body.appmode #cookieBar{bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:118!important;right:10px!important;left:10px!important;width:auto!important}
body.ne-cookie #installBar{display:none!important}
body.ne-cookie #coachFab{opacity:0;pointer-events:none}}
@media (prefers-reduced-motion:reduce){#coachFab,#cookieBar,#mobBar,#neBuyBar{transition:none}}
#mobShopSearch{display:none;margin:0 0 14px}
#mobShopSearch input{width:100%;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:var(--txt);font-size:16px;font-family:'Barlow',sans-serif;outline:none}
#mobShopSearch input:focus{border-color:var(--yellow)}
@media(max-width:700px){#mobShopSearch{display:block}}
.greviews-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--yellow);border:1px solid rgba(233,193,90,.35);border-radius:99px;padding:9px 16px;text-decoration:none;transition:background .2s}
.greviews-link:hover{background:rgba(233,193,90,.12)}
.pd-facts{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:12.5px;line-height:1.65;color:var(--mut);text-align:left;display:grid;gap:4px}
.pd-facts b{color:var(--txt)}
.pd-facts .fda{margin-top:6px;font-size:11px;color:var(--mut-2)}
/* ===== id="ne-more-tab" ===== */
@media(max-width:760px){
body.appmode #moreMenu{display:none!important}
body.appmode.tab-more:not(.sub) #moreMenu{display:block!important}
}
/* ===== id="ne-appshell" ===== */
#appTabs{display:none}
#installBar{display:none}
@media(max-width:760px){
/* ---- screens: one job per tab ---- */
body.appmode [data-screen]{display:none}
body.appmode [data-screen].on{display:block}
body.appmode{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
body.appmode header.hero{display:none}
/* one bottom bar, not two — the floating Call/Directions/Instagram pill
collided with the tab bar, so its actions move to the header + More */
body.appmode .mob-bar{display:none!important}
body.appmode #storefront{padding-bottom:0!important}
body.appmode #coachFab{bottom:calc(74px + env(safe-area-inset-bottom))!important}
body.appmode .cats{padding-top:12px}
body.appmode main.shop{padding-top:4px}
body.appmode .shop-head{align-items:baseline}
body.appmode #coachFab{bottom:calc(74px + env(safe-area-inset-bottom))}
body.appmode #navCall{display:grid}
#navCall{display:none;color:#E9C15A}
body.appmode #appTabs{
display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;
background:rgba(12,12,15,.985);border-top:1px solid rgba(255,255,255,.09);
padding-bottom:env(safe-area-inset-bottom)}
#appTabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
background:none;border:0;padding:9px 2px 8px;min-height:56px;color:#7B7B87;
font:800 10px/1.1 Barlow,sans-serif;letter-spacing:.4px;cursor:pointer;-webkit-tap-highlight-color:transparent}
#appTabs button svg{width:23px;height:23px;stroke-width:1.8}
#appTabs button[aria-selected="true"]{color:#E9C15A}
#appTabs button:active{opacity:.55}
/* ---- install prompt ---- */
body.appmode #installBar{display:flex;position:fixed;left:10px;right:10px;
bottom:calc(70px + env(safe-area-inset-bottom));z-index:121;align-items:center;gap:11px;
background:#17171d;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:11px 12px;
box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
#installBar img{border-radius:9px;flex:0 0 auto}
#installBar div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
#installBar b{font-size:13px;font-weight:800;color:#fff}
#installBar span{font-size:11.5px;color:#8C8C98}
#installBar #installGo{background:#E9C15A;color:#1a1206;border:0;border-radius:10px;
padding:9px 14px;font:800 12.5px Barlow,sans-serif;flex:0 0 auto}
#installBar #installNo{background:none;border:0;color:#9A9AA6;font-size:17px;line-height:1;
width:44px;height:44px;min-width:44px;display:grid;place-items:center;flex:0 0 auto;
border-radius:12px;-webkit-tap-highlight-color:transparent}
#installBar #installNo:active{background:rgba(255,255,255,.08);color:#fff}
}
/* ===== id="ne-reviews-css" ===== */
.rv{margin:22px 0 0;border-top:1px solid var(--line);padding-top:18px}
.rv h4{font:800 12px/1 Barlow,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);margin:0 0 12px}
.rv-avg{display:flex;align-items:baseline;gap:9px;margin:0 0 14px}
.rv-avg b{font:800 26px/1 Barlow,sans-serif;letter-spacing:-.5px}
.rv-avg span{font-size:12px;color:var(--mut-2)}
.rv-it{padding:11px 0;border-top:1px solid var(--line)}
.rv-it:first-of-type{border-top:0}
.rv-hd{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:4px}
.rv-hd b{font-size:13px;font-weight:800}
.rv-hd i{font-style:normal;font-size:11px;color:var(--mut-2)}
.rv-st{color:var(--yellow);font-size:12.5px;letter-spacing:2px}
.rv-tx{font-size:13.5px;line-height:1.55;color:var(--mut);text-wrap:pretty}
.rv-form{margin-top:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}
.rv-form .pick{display:flex;gap:6px;margin:0 0 10px}
.rv-form .pick button{background:none;border:0;font-size:23px;line-height:1;color:var(--line-2);cursor:pointer;padding:0 1px}
.rv-form .pick button.on{color:var(--yellow)}
.rv-form input,.rv-form textarea{width:100%;background:var(--panel-3);border:1px solid var(--line-2);border-radius:10px;
color:var(--txt);font:500 13.5px/1.5 Barlow,sans-serif;padding:11px 12px;outline:none;margin-bottom:9px}
.rv-form textarea{min-height:80px;resize:vertical}
.rv-form input:focus,.rv-form textarea:focus{border-color:var(--yellow)}
.rv-form .go{width:100%;min-height:44px;background:var(--yellow);color:#000;border:0;border-radius:10px;
font:800 13px/1 Barlow,sans-serif;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}
.rv-none{font-size:13px;color:var(--mut-2);line-height:1.55}
/* ===== id="ne-mobile-first-css" ===== */
#mHero,#mFoot{display:none}
/* every nav link on this site is an in-page anchor, and the filter bar is sticky —
without this the target heading lands underneath it. */
html{scroll-padding-top:160px}
@media(max-width:760px){
/* the phone is the primary site — it gets the pitch, not just the shelf */
body.appmode #mHero.on{display:block}
#mHero{display:none;padding:18px 15px 4px}
#mHero h1,#mHero .mh-h1{font:400 clamp(30px,9vw,40px)/0.98 Anton,sans-serif;letter-spacing:.4px;
text-transform:uppercase;margin:0 0 10px;color:#fff;text-wrap:balance}
#mHero h1 em,#mHero .mh-h1 em{font-style:normal;color:#E9C15A}
#mHero .mh-p{font:600 14px/1.5 Barlow,sans-serif;color:#C2C2CC;margin:0 0 13px;letter-spacing:.1px}
#mHero .mh-b{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
#mHero .mh-b span{font:800 10.5px/1 Barlow,sans-serif;letter-spacing:.9px;text-transform:uppercase;
color:#9C9CA8;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 10px}
#mHero .mh-cta{display:flex;gap:8px}
#mHero .mh-cta a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;
border-radius:12px;font:800 13.5px Barlow,sans-serif;letter-spacing:.5px;text-decoration:none}
#mHero .mh-cta .p{background:#E9C15A;color:#17110300;color:#191203}
#mHero .mh-cta .s{border:1px solid rgba(255,255,255,.2);color:#EDEDF2}
/* the shelf needs its filters back */
body.appmode .cats{display:block!important;position:sticky;top:0;z-index:90;
background:rgba(12,12,15,.97);border-bottom:1px solid rgba(255,255,255,.07)}
body.appmode #catChips{display:flex!important;gap:7px;overflow-x:auto;scrollbar-width:none;padding:9px 3px 10px}
body.appmode #catChips::-webkit-scrollbar{display:none}
body.appmode #catChips .chip{flex:0 0 auto;min-height:38px}
body.appmode .msearch input::placeholder{font-size:13px}
/* an opaque bar — content was ghosting through it */
body.appmode #appTabs{background:#0c0c0f;-webkit-backdrop-filter:none;backdrop-filter:none}
/* condensed footer on every tab */
body.appmode #mFoot{display:block}
#mFoot{display:none;margin-top:26px;padding:22px 15px calc(26px + env(safe-area-inset-bottom));
border-top:1px solid rgba(255,255,255,.09);background:#0b0b0e}
#mFoot b{display:block;font:800 13px Barlow,sans-serif;letter-spacing:.5px;color:#fff;margin-bottom:3px}
#mFoot .mf-l{font:500 13px/1.65 Barlow,sans-serif;color:#9C9CA8}
#mFoot .mf-l a{color:#C9C9D2;text-decoration:none}
#mFoot .mf-links{display:flex;flex-wrap:wrap;gap:0 14px;margin:14px 0 12px}
#mFoot .mf-links a{font:700 12px Barlow,sans-serif;color:#E9C15A;text-decoration:none;
min-height:44px;display:flex;align-items:center}
#mFoot .mf-fda{font:500 10.5px/1.5 Barlow,sans-serif;color:#6E6E7A;margin:0;
border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
/* tap targets */
body.appmode #storePick{min-height:44px}
body.appmode .goal-chip,body.appmode .gchip{min-height:44px}
body.appmode #installBar #installGo{min-height:44px}
}
/* =====================================================================
Desktop & mobile audit, 17 Aug 2026 — appended last so it wins the
cascade without editing the merged blocks above.
===================================================================== */
/* #1 The sticky filter bar was painting UNDER the product cards. Cause: every
card carries will-change:transform, which promotes it to its own compositing
layer that outranks a z-index:40 sibling. Drop the promotion (keep it for the
hover transform only), isolate the grid, and lift the bar. */
.pcard.ne-tilt{will-change:auto}
.pcard.ne-tilt:hover,.pcard.ne-tilt:focus-within{will-change:transform}
#productGrid{isolation:isolate;position:relative;z-index:0}
.cats{z-index:92;background:#0c0c0f;background:rgba(12,12,15,.97);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
/* #3 An 11,000px page with no sticky nav leaves no way back to search, the cart,
the store switcher or the language toggle. NOTE: is the
hero section — the navigation is the