*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ══════════ TOKENS ══════════ */
:root{
  --lime:var(--crs-primary, #AAFF47);
  --lime-dim:rgba(170,255,71,.1);
  --lime-glow:rgba(170,255,71,.22);
  --lime-border:rgba(170,255,71,.2);

  --bg:var(--crs-bg, #07070B);
  --bg1:#0D0D13;
  --bg2:#121219;
  --bg3:#18181F;
  --border:rgba(255,255,255,0.07);
  --border2:rgba(255,255,255,0.12);

  --text:var(--crs-text, #EEEEF2);
  --muted:var(--crs-muted, #6D6D7A);
  --muted2:#9595A5;
  --white:#ffffff;

  --font-d:'Unbounded',sans-serif;
  --font-b:'Plus Jakarta Sans',sans-serif;
  /* ── Major Third type scale (1.250 ratio, base 16px) ──────────────
     Step -2 → +8   |  typescale.com/majorThird
     --fs-xs:   10px  (step -2 | 10.24)
     --fs-sm:   13px  (step -1 | 12.80)
     --fs-base: 16px  (step  0 | 16.00)
     --fs-md:   20px  (step +1 | 20.00)
     --fs-lg:   25px  (step +2 | 25.00)
     --fs-xl:   31px  (step +3 | 31.25)
     --fs-2xl:  39px  (step +4 | 39.06)
     --fs-3xl:  49px  (step +5 | 48.83)
     --fs-4xl:  61px  (step +6 | 61.04)
     --fs-7xl:  76px  (step +7 | 76.29)
     --fs-8xl:  95px  (step +8 | 95.37)
  ─────────────────────────────────────────────────────────────────── */
  --fs-xs:   10px;
  --fs-sm:   13px;
  --fs-base: 16px;
  --fs-md:   20px;
  --fs-lg:   25px;
  --fs-xl:   31px;
  --fs-2xl:  39px;
  --fs-3xl:  49px;
  --fs-4xl:  61px;
  --fs-7xl:  76px;
  --fs-8xl:  95px;

}


/* ═══════════════════════════════════════════════════════════════
   TYPOGRAPHIC SCALE — Major Third 1.250 | base 16px
   h1 → +6  = 61px   page heroes
   h2 → +4  = 39px   section / article headings
   h3 → +2  = 25px   card / component headings
   h4 → +1  = 20px   small headings inside components
   h5 → 0   = 16px   label-level headings
   h6 → -1  = 13px   micro headings
   .d1–.d4 display classes override for hero display text
═══════════════════════════════════════════════════════════════ */
h1{font-family:var(--font-d);font-size:61px;font-weight:900;letter-spacing:-.04em;line-height:1.0;color:var(--white);}
h2{font-family:var(--font-d);font-size:39px;font-weight:900;letter-spacing:-.04em;line-height:1.05;color:var(--white);}
h3{font-family:var(--font-d);font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--white);}
h4{font-family:var(--font-d);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--white);}
h5{font-family:var(--font-d);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--white);}
h6{font-family:var(--font-d);font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.3;color:var(--muted2);}
/* ══════════ BASE ══════════ */
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-b);font-size:16px;line-height:1.7;overflow-x:hidden;}
a{color:var(--lime);text-decoration:none;transition:color .18s;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
a:hover{color:var(--white);}
/* ── Lime buttons: keep dark text on hover regardless of a:hover global ── */
.btn-lime:hover,.btn-nav:hover,.buy-now-btn:hover,.co-full-btn:hover,
.place-btn:hover,.dl-main:hover,.save-btn:hover,.sc-coupon-apply:hover,
.sc-bump-accept:hover,.sc-proceed-btn:hover,.sc-track-btn:hover,
.mock-co:hover,.co-signin-btn:hover,.blog-comments .submit:hover,
.sprt-new-btn:hover,.sprt-submit-btn:hover,.odp-btn-primary:hover,
.fr-submit-btn:hover,.bss-ad-btn:hover{color:var(--crs-bg) !important;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.55;}

/* ══════════ PAGE SYSTEM ══════════ */
.page{display:none;}
.page.active{display:block;animation:pgIn .38s cubic-bezier(.22,1,.36,1) forwards;}
@keyframes pgIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* ══════════ LAYOUT ══════════ */
.container{max-width:1140px;margin:0 auto;padding:0 28px;position:relative;z-index:1;}
section{padding:100px 0;}

/* ══════════ TYPOGRAPHY ══════════ */
.d1{font-family:var(--font-d);font-size:clamp(39px,6vw,76px);font-weight:900;letter-spacing:-.045em;line-height:.95;color:var(--white);}
.d2{font-family:var(--font-d);font-size:clamp(31px,4.5vw,61px);font-weight:900;letter-spacing:-.04em;line-height:1.0;color:var(--white);}
.d3{font-family:var(--font-d);font-size:clamp(20px,2.8vw,39px);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:var(--white);}
.d4{font-family:var(--font-d);font-size:clamp(20px,2.4vw,31px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--white);}
.hl{color:var(--lime);}
.sec-label{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);display:block;margin-bottom:14px;}
.body-lg{font-size:20px;line-height:1.8;}
.body-md{font-size:16px;line-height:1.75;}
.body-sm{font-size:13px;line-height:1.7;}
.c-muted{color:var(--muted2);}
.c-lime{color:var(--lime);}

/* ══════════ BUTTONS ══════════ */
.btn-lime{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;border:none;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .15s,box-shadow .18s;}
.btn-lime:hover{background:#C2FF60;transform:translateY(-2px);box-shadow:0 0 28px var(--lime-glow);}
.btn-lime-sm{font-size:13px;padding:10px 20px;}
.btn-lime-md{font-size:16px;padding:13px 28px;}
.btn-lime-lg{font-size:16px;padding:16px 34px;}
.btn-ghost{background:transparent;color:var(--muted2);font-family:var(--font-b);font-weight:600;border:1px solid var(--border2);border-radius:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .18s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.btn-ghost-sm{font-size:13px;padding:10px 18px;}
.btn-ghost-md{font-size:16px;padding:13px 24px;}
.btn-ghost-lg{font-size:16px;padding:16px 30px;}
.btn-text{background:none;border:none;color:var(--muted2);font-family:var(--font-b);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .18s;padding:0;}
.btn-text:hover{color:var(--white);}

/* ══════════ PILL / BADGE ══════════ */
.pill{display:inline-flex;align-items:center;gap:7px;background:var(--lime-dim);border:1px solid var(--lime-border);color:var(--lime);font-family:var(--font-b);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;letter-spacing:.02em;}
.pill-ghost{background:rgba(255,255,255,.04);border:1px solid var(--border2);color:var(--muted2);font-family:var(--font-b);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;letter-spacing:.02em;display:inline-block;}
.pulse{width:6px;height:6px;background:var(--lime);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.75);}}

/* ══════════ CHECK ══════════ */
.ck{width:18px;height:18px;background:var(--lime-dim);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.ck::before{content:'';width:6px;height:4px;border-left:1.5px solid var(--lime);border-bottom:1.5px solid var(--lime);transform:rotate(-45deg) translateY(-1px);display:block;}

/* ══════════ CARD ══════════ */
.card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;}

/* ══════════ CHECKOUT MOCKUP VISUAL ══════════ */
.co-mockup-vis{background:var(--bg2);display:flex;flex-direction:column;gap:14px;}
.co-steps{display:flex;align-items:center;gap:0;margin-bottom:4px;}
.co-step{display:flex;flex-direction:column;align-items:center;gap:5px;}
.co-step-dot{width:24px;height:24px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--muted);font-family:var(--font-d);}
.co-step-dot-done{background:var(--lime);border-color:var(--lime);color:var(--crs-bg);font-size:10px;}
.co-step-dot-active{background:var(--lime-dim);border-color:var(--lime);color:var(--lime);}
.co-step-lbl{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;}
.co-step-lbl-active{color:var(--lime);}
.co-step-line{flex:1;height:1px;background:var(--border2);margin:0 6px;margin-bottom:14px;}
.co-step-line-done{background:var(--lime);opacity:.5;}
.co-google-btn{display:flex;align-items:center;gap:12px;background:var(--lime-dim);border:1px solid var(--lime-border);border-radius:10px;padding:12px 14px;cursor:pointer;}
.co-g-logo{width:28px;height:28px;background:var(--white);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#4285F4;font-family:sans-serif;flex-shrink:0;}
.co-g-text{flex:1;}
.co-g-text p{font-size:13px;font-weight:700;color:var(--white);}
.co-g-text span{font-size:10px;color:var(--muted2);}
.co-g-arrow{font-size:13px;color:var(--lime);}
.co-or-divider{display:flex;align-items:center;gap:10px;}
.co-or-divider::before,.co-or-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.co-or-divider span{font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap;}
.co-fields{display:flex;flex-direction:column;gap:8px;}
.co-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.co-field{background:var(--bg1);border:1px solid var(--border);border-radius:8px;padding:10px 12px;}
.co-field-filled{border-color:var(--border2);}
.co-field-focus{border-color:var(--lime-border);background:var(--lime-dim);}
.co-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;}
.co-field-value{font-size:13px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;}
.co-autocomplete-tag{font-size:10px;font-weight:700;color:var(--lime);background:var(--lime-dim);border:1px solid var(--lime-border);padding:2px 7px;border-radius:99px;white-space:nowrap;flex-shrink:0;}
.co-trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px;}
.co-trust-badge{background:var(--bg1);border:1px solid var(--border);border-radius:7px;padding:8px 10px;font-size:10px;color:var(--muted2);font-weight:500;text-align:center;}

/* ══════════ GLOW ══════════ */
.glow-orb{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--lime-dim),transparent 70%);filter:blur(60px);}

/* ══════════════════════════════════════════
   MOBILE NAV HAMBURGER
══════════════════════════════════════════ */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:1px solid var(--border2);border-radius:8px;padding:8px 10px;cursor:pointer;width:40px;height:38px;}
.nav-hamburger span{display:block;height:1.5px;background:var(--muted2);border-radius:2px;transition:all .25s cubic-bezier(.22,1,.36,1);}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);background:var(--white);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);background:var(--white);}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:699;display:none;backdrop-filter:blur(4px);}
.mobile-nav-overlay.open{display:block;}
.mobile-nav-menu{position:fixed;top:0;right:-100%;width:min(300px,85vw);height:100dvh;background:var(--bg2);border-left:1px solid var(--border);z-index:700;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.22,1,.36,1);overflow-y:auto;}
.mobile-nav-menu.open{right:0;}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);gap:10px;}
.mobile-nav-head-actions{display:flex;align-items:center;gap:8px;flex:1;}
.mobile-nav-head-actions .nav-login-btn{height:34px;padding:0 12px;font-size:13px;display:flex;align-items:center;}
.mobile-nav-close{background:none;border:none;color:var(--muted2);font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:color .18s;flex-shrink:0;}
.mobile-nav-close:hover{color:var(--white);}
.mobile-user-btn{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--muted2);font-family:var(--font-b);font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;}
.mobile-user-btn:hover{color:var(--white);border-color:var(--border2);}
.mobile-user-btn .nav-user-avatar{width:22px;height:22px;font-size:10px;}
.mobile-nav-links{padding:16px 12px;display:flex;flex-direction:column;gap:4px;}
.mobile-nav-links button,.mobile-nav-links .mnl-item{width:100%;text-align:left;background:none;border:none;color:var(--muted2);font-family:var(--font-b);font-size:15px;font-weight:500;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:10px;text-decoration:none;}
.mobile-nav-links button:hover,.mobile-nav-links .mnl-item:hover{color:var(--white);background:rgba(255,255,255,.05);}
.mobile-nav-links button.nav-active,.mobile-nav-links .mnl-item.nav-active{color:var(--lime);background:rgba(170,255,71,.08);}
.mobile-nav-divider{height:1px;background:var(--border);margin:8px 12px;}
.mobile-nav-actions{padding:12px;}

@media(max-width:768px){
  .nav-links{display:none !important;}
  .nav-hamburger{display:flex;}
  .nav-account-item{display:none;}
}

/* ══════════ DIVIDER ══════════ */
.div-neon{height:1px;background:linear-gradient(90deg,transparent,var(--lime-glow),transparent);opacity:.6;}
/* ══════════════════════════════════════════
   ANNUAL / LIFETIME BILLING TOGGLE
══════════════════════════════════════════ */
.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:0;background:var(--bg3);border:1px solid var(--border2);border-radius:99px;padding:4px;margin-bottom:20px;width:fit-content;}
.billing-toggle-btn{background:none;border:none;font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--muted2);padding:7px 18px;border-radius:99px;cursor:pointer;transition:all .22s;white-space:nowrap;}
.billing-toggle-btn.active{background:var(--bg1);color:var(--white);box-shadow:0 1px 6px rgba(0,0,0,.4);}
.billing-toggle-btn.active.lifetime-active{background:var(--lime);color:var(--crs-bg);}
.billing-save-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(170,255,71,.15);border:1px solid var(--lime-border);color:var(--lime);font-size:10px;font-weight:700;padding:2px 9px;border-radius:99px;letter-spacing:.04em;margin-left:6px;}
.billing-toggle-btn.active.lifetime-active .billing-save-badge{background:rgba(0,0,0,.2);border-color:rgba(0,0,0,.25);color:var(--crs-bg);}

/* ══════════════════════════════════════════
   DEMO MODAL
══════════════════════════════════════════ */
.demo-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:800;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);}
.demo-modal-backdrop.open{display:flex;}
.demo-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:24px;width:min(860px,92vw);max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.8);}
.demo-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
.demo-modal-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.02em;}
.demo-modal-close{background:none;border:1px solid var(--border2);border-radius:8px;color:var(--muted2);font-size:18px;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:all .18s;line-height:1;}
.demo-modal-close:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.demo-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;}
.demo-video-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg3);border:1px solid var(--border2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s;}
.demo-video-placeholder:hover{border-color:var(--lime-border);}
.demo-play-btn{width:72px;height:72px;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--crs-bg);box-shadow:0 0 40px rgba(170,255,71,.35);transition:transform .2s,box-shadow .2s;}
.demo-video-placeholder:hover .demo-play-btn{transform:scale(1.08);box-shadow:0 0 60px rgba(170,255,71,.5);}
.demo-video-label{font-family:var(--font-b);font-size:13px;color:var(--muted2);}
.demo-feature-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.demo-tab-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;color:var(--muted2);font-family:var(--font-b);font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;transition:all .18s;}
.demo-tab-btn.active{background:var(--lime-dim);border-color:var(--lime-border);color:var(--lime);}

/* ══════════════════════════════════════════
   GUARANTEE BADGE (buy box)
══════════════════════════════════════════ */
.guarantee-badge{display:flex;align-items:flex-start;gap:14px;background:rgba(170,255,71,.06);border:1.5px solid rgba(170,255,71,.28);border-radius:14px;padding:14px 16px;margin-top:14px;}
.guarantee-badge-icon{font-size:28px;flex-shrink:0;}
.guarantee-badge-text strong{display:block;font-family:var(--font-b);font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px;}
.guarantee-badge-text span{font-size:12px;color:var(--muted2);line-height:1.5;}

/* ══════════════════════════════════════════
   ONBOARDING CARD (account downloads)
══════════════════════════════════════════ */
.onboarding-card{background:linear-gradient(135deg,rgba(170,255,71,.06) 0%,rgba(170,255,71,.02) 100%);border:1px solid rgba(170,255,71,.2);border-radius:20px;padding:24px 26px;margin-bottom:20px;}
.onboarding-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.02em;margin-bottom:4px;}
.onboarding-sub{font-size:13px;color:var(--muted2);margin-bottom:20px;}
.onboarding-steps{display:flex;flex-direction:column;gap:14px;}
.onboarding-step{display:flex;align-items:flex-start;gap:14px;}
.onboarding-step-num{width:28px;height:28px;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:11px;font-weight:900;color:var(--crs-bg);flex-shrink:0;margin-top:1px;}
.onboarding-step-body strong{display:block;font-family:var(--font-b);font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px;}
.onboarding-step-body span{font-size:12px;color:var(--muted2);line-height:1.5;display:block;margin-bottom:4px;}
.onboarding-step-action{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--lime);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-b);transition:opacity .18s;}
.onboarding-step-action:hover{opacity:.75;}

/* ══════════════════════════════════════════
   VOTE POLL (coming soon card)
══════════════════════════════════════════ */
.poll-wrap{display:flex;flex-direction:column;gap:8px;}
.poll-title{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.01em;margin-bottom:2px;}
.poll-option{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s;}
.poll-option:hover{border-color:rgba(255,255,255,.18);}
.poll-option.voted{border-color:rgba(170,255,71,.35);background:rgba(170,255,71,.05);cursor:default;}
.poll-bar-wrap{flex:1;position:relative;height:38px;display:flex;align-items:center;padding:0 12px;}
.poll-bar-fill{position:absolute;left:0;top:0;height:100%;background:rgba(170,255,71,.08);transition:width .5s cubic-bezier(.22,1,.36,1);}
.poll-option.voted .poll-bar-fill{background:rgba(170,255,71,.14);}
.poll-label{position:relative;z-index:1;font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--text);}
.poll-option.voted .poll-label{color:var(--lime);}
.poll-pct{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--muted2);padding:0 12px;flex-shrink:0;position:relative;z-index:1;}
.poll-option.voted .poll-pct{color:var(--lime);}
.poll-note{font-size:11px;color:var(--muted);margin-top:2px;}

/* ══════════ REVEAL ══════════ */
.reveal{opacity:0;transform:translateY(22px);}
.revealed{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}

/* ══════════ TOAST ══════════ */
.toast{position:fixed;bottom:28px;right:28px;background:var(--bg2);border:1px solid var(--lime-border);border-radius:12px;padding:13px 18px;font-family:var(--font-b);font-size:13px;font-weight:500;z-index:9000;display:none;gap:10px;align-items:center;max-width:300px;box-shadow:0 8px 40px rgba(0,0,0,.6);}
.toast.on{display:flex;animation:tIn .3s ease;}
@keyframes tIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.tdot{width:8px;height:8px;background:var(--lime);border-radius:50%;flex-shrink:0;}

/* ══════════════════════════════════
   NAV
══════════════════════════════════ */
nav{position:sticky;top:0;z-index:700;background:rgba(7,7,11,.88);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:15px 0;}
.nav-inner{max-width:1140px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.logo{display:flex;align-items:center;gap:9px;cursor:pointer;text-decoration:none;}
.logo-mark{width:30px;height:30px;background:var(--lime);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .2s;}
.logo:hover .logo-mark{box-shadow:0 0 20px var(--lime-glow);}
.logo-mark svg{width:14px;height:14px;}
.logo-text{font-family:var(--font-d);font-weight:900;font-size:13px;letter-spacing:-.02em;color:var(--white);}
.logo-img{width:auto;height:32px;display:block;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-links a,.nav-links button{color:var(--muted2);text-decoration:none;font-family:var(--font-b);font-size:13px;font-weight:500;transition:all .18s;background:none;border:none;cursor:pointer;padding:7px 13px;border-radius:8px;}
.nav-links a.nav-active,.nav-links button.nav-active,.nav-links li.current-menu-item>a,.nav-links li.current-menu-ancestor>a{color:var(--lime) !important;background:rgba(170,255,71,.1) !important;box-shadow:0 0 14px rgba(170,255,71,.12);}
.nav-links a:hover,.nav-links button:hover{color:var(--white);background:rgba(255,255,255,.04);}
.nav-right{display:flex;align-items:center;gap:10px;}
.cart-btn{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:8px 14px;color:var(--text);font-size:13px;cursor:pointer;font-family:var(--font-b);font-weight:500;transition:border-color .18s;}
.cart-btn:hover{border-color:rgba(255,255,255,.18);}
.cart-n{background:var(--lime);color:var(--crs-bg);font-size:10px;font-weight:800;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);}
.btn-nav{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;padding:9px 20px;border:none;border-radius:8px;cursor:pointer;transition:background .18s;white-space:nowrap;}
.btn-nav:hover{background:#C2FF60;}

/* ══════════════════════════════════
   HOME PAGE
══════════════════════════════════ */
.home-hero{padding:96px 0;position:relative;overflow:hidden;}
.hero-badge{margin-bottom:30px;}
.home-hero h1{max-width:820px;margin-bottom:28px;}
.home-hero p{max-width:520px;margin-bottom:52px;}

/* PRODUCTS GRID */
.products-sect{padding:64px 0 100px;}
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);border-radius:24px;overflow:hidden;margin-top:52px;}

.prod-snappy{background:linear-gradient(150deg,#0E0A06 0%,#0D0D13 100%);padding:44px;cursor:pointer;transition:background .25s;}
.prod-snappy:hover{background:linear-gradient(150deg,#120C07 0%,#100D14 100%);}
.prod-coming{background:var(--bg1);padding:44px;}

.prod-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-family:var(--font-b);font-size:10px;font-weight:700;padding:5px 12px;margin-bottom:18px;}
.prod-pill-live{background:var(--lime-dim);border:1px solid var(--lime-border);color:var(--lime);}
.prod-pill-soon{background:rgba(255,255,255,.04);border:1px solid var(--border2);color:var(--muted2);}

.prod-name{font-family:var(--font-d);font-size:clamp(31px,4.2vw,61px);font-weight:900;letter-spacing:-.04em;color:var(--white);line-height:1.0;margin-bottom:14px;}
.prod-desc{font-size:16px;color:var(--muted2);line-height:1.75;max-width:400px;margin-bottom:26px;}
.prod-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.prod-tag{font-family:var(--font-b);font-size:10px;font-weight:600;padding:4px 11px;border-radius:99px;background:var(--lime-dim);border:1px solid var(--lime-border);color:var(--lime);}
.prod-tag-ghost{background:rgba(255,255,255,.04);border:1px solid var(--border2);color:var(--muted2);}
.prod-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* mini cart mockup in product card */
.prod-visual{background:var(--bg3);border:1px solid rgba(170,255,71,.1);border-radius:14px;overflow:hidden;margin-top:32px;}
.pv-head{background:rgba(170,255,71,.06);border-bottom:1px solid rgba(170,255,71,.08);padding:10px 16px;display:flex;justify-content:space-between;}
.pv-head span:first-child{font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--white);letter-spacing:-.01em;}
.pv-head span:last-child{font-size:10px;font-weight:600;color:var(--lime);font-family:var(--font-b);}
.pv-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);}
.pv-sq{width:30px;height:30px;background:var(--lime-dim);border-radius:6px;flex-shrink:0;}
.pv-inf{flex:1;}.pv-inf p{font-size:10px;font-weight:600;color:var(--text);font-family:var(--font-b);}.pv-inf span{font-size:10px;color:var(--muted);}
.pv-price{font-size:10px;font-weight:700;color:var(--lime);font-family:var(--font-d);letter-spacing:-.02em;}
.pv-prog{padding:10px 16px;}
.pv-prog-lbl{font-size:10px;color:var(--lime);font-weight:600;margin-bottom:4px;font-family:var(--font-b);}
.pv-track{height:3px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden;}
.pv-fill{height:100%;width:70%;background:var(--lime);border-radius:99px;}

/* COMING SOON CARD */
.cs-name{font-family:var(--font-d);font-size:clamp(31px,4.2vw,61px);font-weight:900;letter-spacing:-.04em;color:rgba(255,255,255,.18);line-height:1.0;margin-bottom:12px;}
.cs-desc{font-size:16px;color:var(--muted);line-height:1.75;max-width:380px;margin-bottom:28px;}
.notify-row{display:flex;gap:10px;max-width:380px;}
.notify-in{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:11px 14px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;transition:border-color .18s;}
.notify-in:focus{border-color:rgba(255,255,255,.2);}
.notify-in::placeholder{color:var(--muted);}
.notify-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:11px 18px;color:var(--muted2);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-b);transition:all .18s;white-space:nowrap;}
.notify-btn:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.cs-visual{margin-top:32px;height:140px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border2);border-radius:14px;}
.cs-icon{font-size:61px;opacity:.07;}

/* VALUES STRIP */
.values-sect{padding:0 0 100px;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border-radius:20px;overflow:hidden;margin-top:52px;}
.val-card{background:var(--bg1);padding:34px 26px;position:relative;}
.val-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--lime-glow),transparent);}
.val-icon{font-size:25px;margin-bottom:16px;display:block;}
.val-card h3{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--lime);margin-bottom:9px;letter-spacing:-.02em;}
.val-card p{font-size:13px;color:var(--muted);line-height:1.7;}

/* ══════════════════════════════════
   SNAPPY CART PAGE
══════════════════════════════════ */
.sc-hero{padding:80px 0;position:relative;overflow:hidden;}

.sc-trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px;}
.sc-trust span{font-size:13px;color:var(--muted2);font-weight:500;display:flex;align-items:center;gap:7px;}

/* ── BUY BOX ── */
.buy-box-sect{padding:80px 0 0;border-top:1px solid var(--border);}
.buy-box-wrap{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;}
.buy-box-copy h2{margin-bottom:14px;}
.buy-box-copy p{font-size:16px;color:var(--muted2);line-height:1.8;margin-bottom:24px;max-width:480px;}
.buy-box-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:0;}
.buy-box-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);}

/* THE BUY BOX CARD */
.buy-box{background:var(--bg2);border:1px solid var(--lime-border);border-radius:20px;padding:32px;position:relative;overflow:hidden;}
.buy-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);}
.buy-box-label{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-bottom:18px;display:block;}

/* DROPDOWN SELECTOR */
.license-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
.license-option{display:flex;align-items:center;gap:0;cursor:pointer;}
.license-option input[type="radio"]{display:none;}
.license-opt-body{flex:1;display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg3);border:1px solid var(--border2);border-radius:12px;transition:all .2s;cursor:pointer;position:relative;}
.license-option input:checked + .license-opt-body{border-color:var(--lime);background:rgba(170,255,71,.05);box-shadow:0 0 0 1px var(--lime);}
.license-opt-body::before{content:'';width:16px;height:16px;border-radius:50%;border:2px solid var(--border2);transition:all .2s;flex-shrink:0;}
.license-option input:checked + .license-opt-body::before{border-color:var(--lime);background:var(--lime);box-shadow:inset 0 0 0 3px var(--bg3);}
.lic-opt-info{flex:1;}
.lic-opt-name{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--white);letter-spacing:-.02em;}
.lic-opt-sites{font-size:13px;color:var(--muted2);font-weight:500;margin-top:1px;}
.lic-opt-price-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;position:relative;padding-top:8px;min-width:116px;}
.license-option-popular .lic-opt-price-col{padding-top:18px;}
.lic-opt-price-row{display:inline-flex;align-items:flex-end;justify-content:flex-end;gap:6px;line-height:1;}
.lic-opt-price{font-family:var(--font-d);font-size:20px;font-weight:900;color:var(--lime);letter-spacing:-.04em;line-height:1;}
.lic-opt-per{font-size:10px;color:var(--muted);font-weight:500;font-family:var(--font-b);margin-top:0;line-height:1.1;white-space:nowrap;text-align:right;}
.lic-opt-reg-price{font-size:12px;color:var(--muted);text-decoration:line-through;text-align:right;line-height:1;margin-bottom:4px;}
.lic-save{position:absolute;top:-10px;right:-22px;background:var(--lime);color:var(--crs-bg);font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px;font-family:var(--font-b);letter-spacing:.04em;z-index:2;line-height:1.2;}

/* TOTAL + BUY */
.buy-box-total-row{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px;}
.buy-box-total-label{font-size:13px;color:var(--muted2);font-weight:500;}
.buy-box-total-price{font-family:var(--font-d);font-size:31px;font-weight:900;color:var(--white);letter-spacing:-.04em;line-height:1;}
.buy-box-total-price span{font-size:20px;color:var(--lime);}
.buy-box-total-price #bb-price{vertical-align:baseline;}
.buy-box-period{font-size:13px;color:var(--muted);margin-left:4px;font-family:var(--font-b);}
.buy-box-total-reg{font-size:14px;color:var(--muted);text-decoration:line-through;margin-right:6px;font-family:var(--font-b);}
.buy-box-desc{font-size:13px;color:var(--muted2);line-height:1.55;margin-bottom:14px;padding:10px 12px;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid var(--border);}
.buy-now-btn{width:100%;padding:16px;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:14px;}
.buy-now-btn:hover{background:#C2FF60;box-shadow:0 0 32px var(--lime-glow);}
.buy-box-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.buy-box-trust span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;}
.buy-box-note{font-size:13px;color:var(--muted);text-align:center;margin-top:12px;}

/* ── FEATURES ── */
.feat-sect{padding:100px 0;border-top:1px solid var(--border);}
.feat-block{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:100px;}
.feat-block:last-child{margin-bottom:0;}
.feat-block.rev .feat-vis{order:-1;}
.feat-text h2{margin-bottom:16px;}
.feat-text p{font-size:16px;color:var(--muted2);line-height:1.8;margin-bottom:22px;}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;}
.feat-list li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--text);}
.feat-vis{background:var(--bg1);border:1px solid var(--border);border-radius:20px;padding:26px;position:relative;overflow:hidden;}
.feat-vis::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,var(--lime-dim),transparent 70%);pointer-events:none;}

/* CART MOCKUP */
.mock{background:var(--bg3);border:1px solid rgba(170,255,71,.1);border-radius:14px;overflow:hidden;}
.mock-head{background:rgba(170,255,71,.06);border-bottom:1px solid rgba(170,255,71,.08);padding:11px 16px;display:flex;justify-content:space-between;}
.mock-head span:first-child{font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--white);letter-spacing:-.01em;}
.mock-head span:last-child{font-size:10px;font-weight:600;color:var(--lime);font-family:var(--font-b);}
.mock-row{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);}
.mock-sq{width:34px;height:34px;background:var(--lime-dim);border-radius:7px;flex-shrink:0;}
.mock-inf{flex:1;}.mock-inf p{font-size:10px;font-weight:600;color:var(--text);}.mock-inf span{font-size:10px;color:var(--muted);}
.mock-prc{font-size:13px;font-weight:700;color:var(--lime);font-family:var(--font-d);}
.mock-qty{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;padding:4px 9px;}
.mock-qty span{font-size:10px;font-weight:600;color:var(--text);}
.mock-q{color:var(--muted);font-size:13px;cursor:pointer;background:none;border:none;line-height:1;}
.mock-prog{padding:10px 16px;}
.mock-prog-lbl{font-size:10px;color:var(--lime);font-weight:600;margin-bottom:5px;}
.mock-track{height:3px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden;}
.mock-fill{height:100%;width:68%;background:var(--lime);border-radius:99px;}
.mock-bump{margin:0 16px 12px;border:1px solid var(--lime-border);border-radius:9px;padding:10px;background:rgba(170,255,71,.03);display:flex;gap:9px;align-items:center;}
.mock-bump-sq{width:28px;height:28px;background:var(--lime-dim);border-radius:6px;flex-shrink:0;}
.mock-bump-inf{flex:1;}.mock-bump-inf p{font-size:10px;font-weight:600;color:var(--text);}.mock-bump-inf span{font-size:10px;color:var(--muted);}
.mock-add{font-size:10px;font-weight:700;color:var(--crs-bg);background:var(--lime);border:none;border-radius:5px;padding:4px 9px;cursor:pointer;}
.mock-co{margin:0 16px 14px;display:block;width:calc(100% - 32px);background:var(--lime);color:var(--crs-bg);border:none;border-radius:8px;padding:11px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-b);text-align:center;}

/* AOV GRID */
.aov-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.aov-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s;}
.aov-card:hover{border-color:var(--lime-border);}
.aov-icon{font-size:20px;margin-bottom:11px;}
.aov-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;letter-spacing:-.01em;}
.aov-card p{font-size:13px;color:var(--muted);line-height:1.65;}

/* FRICTION */
.friction-list{display:flex;flex-direction:column;gap:3px;margin-top:20px;}
.f-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg3);border-radius:10px;transition:background .18s;}
.f-row:hover{background:rgba(170,255,71,.03);}
.f-num{font-family:var(--font-d);font-size:10px;color:var(--muted);width:22px;flex-shrink:0;}
.f-lbl{font-size:13px;font-weight:600;color:var(--white);flex:1;}
.f-done{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);}

/* METRICS */
.metrics-sect{padding:100px 0;background:var(--bg1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border-radius:16px;overflow:hidden;margin-top:52px;}
.met{background:var(--bg1);padding:48px 36px;text-align:center;position:relative;overflow:hidden;}
.met::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(170,255,71,.06),transparent 60%);pointer-events:none;}
.met-num{font-family:var(--font-d);font-size:61px;font-weight:900;color:var(--lime);letter-spacing:-.05em;line-height:.95;margin-bottom:10px;}
.met h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:7px;letter-spacing:-.01em;}
.met p{font-size:13px;color:var(--muted);}

/* TESTIMONIALS */
.testi-sect{padding:100px 0;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;}
.testi{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .22s,transform .2s;}
.testi:hover{border-color:var(--lime-border);transform:translateY(-3px);}
.stars{color:var(--lime);font-size:13px;letter-spacing:2px;}
.testi-txt{font-size:13px;color:var(--text);line-height:1.8;flex:1;}
.testi-auth{display:flex;align-items:center;gap:10px;}
.testi-av{width:36px;height:36px;border-radius:50%;background:var(--lime-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--lime);flex-shrink:0;}
.testi-auth p{font-size:13px;font-weight:600;color:var(--white);}
.testi-auth span{font-size:10px;color:var(--muted);}

/* WHO IT'S FOR */
.for-sect{padding:100px 0;border-top:1px solid var(--border);}
.for-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;}
.for-card{background:var(--bg1);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s,transform .2s;}
.for-card:hover{border-color:var(--lime-border);transform:translateY(-2px);}
.for-icon{width:36px;height:36px;background:var(--lime-dim);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.for-card h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:5px;}
.for-card p{font-size:13px;color:var(--muted);line-height:1.65;}

/* CTA BOX */
.cta-box{background:var(--bg1);border:1px solid var(--border);border-radius:24px;padding:72px 56px;text-align:center;position:relative;overflow:hidden;}
.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);}
.cta-box h2{margin-bottom:18px;}
.cta-box p{font-size:16px;color:var(--muted2);max-width:460px;margin:0 auto 36px;line-height:1.7;}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:32px;}
.cta-note{margin-top:48px;font-size:13px;color:var(--muted);}

/* ══════════════════════════════════
   ABOUT PAGE
══════════════════════════════════ */
.about-hero{padding:80px 0;position:relative;overflow:hidden;}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.story-text p{font-size:16px;color:var(--muted2);line-height:1.85;margin-bottom:18px;}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.vs-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:26px;position:relative;overflow:hidden;transition:border-color .2s;}
.vs-card:hover{border-color:var(--lime-border);}
.vs-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--lime);border-radius:2px 0 0 2px;}
.vs-card h3{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--lime);margin-bottom:8px;letter-spacing:-.01em;}
.vs-card p{font-size:13px;color:var(--muted);line-height:1.7;}

/* ══════════════════════════════════
   CONTACT PAGE
══════════════════════════════════ */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;padding:80px 0 100px;}
.contact-info p{font-size:16px;color:var(--muted2);line-height:1.8;margin-bottom:32px;}
.channels{display:flex;flex-direction:column;gap:12px;}
.channel{background:var(--bg1);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s;}
.channel:hover{border-color:var(--lime-border);}
.ch-icon{width:38px;height:38px;background:var(--lime-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.channel h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:3px;}
.channel p{font-size:13px;color:var(--muted);margin-bottom:5px;}
.channel a{font-size:13px;font-weight:600;color:var(--lime);text-decoration:none;transition:opacity .18s;}
.channel a:hover{opacity:.75;}
.contact-form{background:var(--bg1);border:1px solid var(--border);border-radius:20px;padding:34px;}
.contact-form h3{font-family:var(--font-d);font-size:20px;font-weight:700;color:var(--white);margin-bottom:22px;letter-spacing:-.02em;}
.contact-form .f-row{background:transparent !important;border:none !important;border-radius:0 !important;margin-bottom:0 !important;padding:0 !important;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent;padding:0;}
.f-row.full{grid-template-columns:1fr;}
.f-group{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;}
.f-lbl{font-size:13px;font-weight:600;color:var(--muted2);letter-spacing:.03em;}
.f-in{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:11px 14px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;transition:border-color .18s;width:100%;}
.f-in:focus{border-color:rgba(170,255,71,.3);box-shadow:0 0 0 3px rgba(170,255,71,.05);}
.f-in::placeholder{color:var(--muted);}
textarea.f-in{resize:vertical;min-height:110px;line-height:1.6;}
select.f-in{appearance:none;}

/* ══════════════════════════════════
   FAQ PAGE
══════════════════════════════════ */
.faq-wrap{padding:80px 0 100px;}
.faq-layout{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start;}
.faq-sidebar{position:sticky;top:84px;padding-top:52px;}
.faq-sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:2px;}
.faq-sidebar-nav button{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-b);font-size:13px;font-weight:500;color:var(--muted2);padding:8px 11px;border-radius:7px;transition:all .15s;}
.faq-sidebar-nav button:hover{background:rgba(255,255,255,.04);color:var(--white);}
.faq-sidebar-nav button.active{color:var(--lime);background:var(--lime-dim);}
.faq-main{display:flex;flex-direction:column;gap:44px;}
.faq-cat h3{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin-bottom:14px;}
.faq-items{display:flex;flex-direction:column;gap:3px;}
.faq-item{background:var(--bg1);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--white);padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .18s;}
.faq-q:hover{background:rgba(255,255,255,.03);}
.faq-arr{font-size:10px;color:var(--muted);transition:transform .25s;flex-shrink:0;}
.faq-item.open .faq-arr{transform:rotate(180deg);color:var(--lime);}
.faq-a{display:none;padding:0 18px 16px;font-size:13px;color:var(--muted2);line-height:1.8;}
.faq-item.open .faq-a{display:block;}

/* ══════════════════════════════════
   POLICY PAGES
══════════════════════════════════ */
.policy-wrap{padding:80px 0 100px;}
.policy-layout{display:grid;grid-template-columns:210px 1fr;gap:48px;align-items:start;}
.pol-toc{position:sticky;top:84px;}
.pol-toc h5{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.pol-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px;}
.pol-toc ul li a{font-size:13px;font-weight:500;color:var(--muted2);text-decoration:none;padding:6px 10px;border-radius:6px;display:block;transition:all .15s;border-left:2px solid transparent;}
.pol-toc ul li a:hover{color:var(--white);background:rgba(255,255,255,.04);}
.pol-toc ul li a.active{color:var(--lime);border-left-color:var(--lime);}
.pol-body{max-width:700px;}
.pol-meta{font-size:13px;color:var(--muted);margin-bottom:44px;}
.pol-hl{background:var(--bg2);border-left:2px solid var(--lime);border-radius:0 8px 8px 0;padding:14px 18px;margin-bottom:16px;}
.pol-hl p{font-size:13px;color:var(--muted2);margin:0;}
.pol-sec{margin-bottom:44px;}
.pol-sec h2{font-family:var(--font-d);font-size:25px;font-weight:700;color:var(--white);margin-bottom:14px;letter-spacing:-.02em;}
.pol-sec h3{font-size:20px;font-weight:700;color:var(--white);margin:18px 0 9px;}
.pol-sec p{font-size:16px;color:var(--muted2);line-height:1.85;margin-bottom:13px;}
.pol-sec ul,.pol-sec ol{padding-left:20px;margin-bottom:13px;}
.pol-sec li{font-size:16px;color:var(--muted2);line-height:1.8;margin-bottom:7px;}

/* ══════════════════════════════════
   CART / CHECKOUT / ACCOUNT
══════════════════════════════════ */
.pg-header{padding:52px 0 36px;border-bottom:1px solid var(--border);}
.pg-header h1{font-size:clamp(31px,4vw,61px);}

.pg-header h1{letter-spacing:-.04em;}
.bc{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.bc span,.bc button{font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer;font-family:var(--font-b);padding:0;transition:color .15s;}
.bc button:hover{color:var(--text);}
.bc-sep{font-size:10px;color:var(--muted);}

.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;padding:52px 0 100px;align-items:start;}
.cart-tbl{background:var(--bg1);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.cart-th{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 34px;gap:12px;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--border);}
.cart-th span{font-family:var(--font-d);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);}
.cart-tr{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 34px;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);align-items:center;}
.cart-prod{display:flex;align-items:center;gap:11px;}
.cart-thumb{width:44px;height:44px;background:var(--lime-dim);border-radius:8px;flex-shrink:0;}
.cart-pname{font-size:13px;font-weight:600;color:var(--text);}
.cart-psub{font-size:10px;color:var(--muted);}
.cart-pc{font-size:13px;font-weight:600;color:var(--text);}
.cart-tc{font-size:13px;font-weight:700;color:var(--lime);}
.c-qty{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:5px 9px;width:fit-content;}
.c-qty span{font-size:13px;font-weight:600;color:var(--text);}
.c-qbtn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;transition:color .15s;}
.c-qbtn:hover{color:var(--lime);}
.c-rmv{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;transition:color .15s;}
.c-rmv:hover{color:#FF4F4F;}
.coupon-row{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:10px;}
.coupon-in{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:10px 13px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;transition:border-color .18s;}
.coupon-in:focus{border-color:rgba(170,255,71,.3);}
.coupon-in::placeholder{color:var(--muted);}
.coupon-go{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:10px 16px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-b);transition:all .18s;white-space:nowrap;}
.coupon-go:hover{border-color:rgba(255,255,255,.18);}
.ord-sum{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:22px;position:sticky;top:84px;}
.ord-sum h3{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:16px;letter-spacing:-.02em;}
.sum-r{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);}
.sum-r:last-of-type{border-bottom:none;}
.sum-r span:first-child{font-size:13px;color:var(--muted2);}
.sum-r span:last-child{font-size:13px;font-weight:600;color:var(--text);}
.sum-tot{display:flex;justify-content:space-between;padding:14px 0 16px;border-top:1px solid var(--border);margin-top:4px;}
.sum-tot span:first-child{font-size:13px;font-weight:700;color:var(--text);}
.sum-tot span:last-child{font-family:var(--font-d);font-size:25px;font-weight:900;color:var(--lime);letter-spacing:-.04em;}
.co-full-btn{width:100%;padding:14px;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;border:none;border-radius:12px;cursor:pointer;transition:all .18s;}
.co-full-btn:hover{background:#C2FF60;box-shadow:0 0 24px var(--lime-glow);}
.sec-ln{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);margin-top:11px;}

/* Checkout */
.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;padding:52px 0 100px;align-items:start;}
.form-col{display:flex;flex-direction:column;gap:18px;}
.form-sec{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:24px;}
.form-sec h3{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:18px;display:flex;align-items:center;gap:9px;letter-spacing:-.01em;}
.step-n{width:20px;height:20px;background:var(--lime-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--lime);flex-shrink:0;font-family:var(--font-d);}
.pay-opts{display:flex;flex-direction:column;gap:9px;}
.pay-opt{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:11px;cursor:pointer;transition:border-color .18s;}
.pay-opt.active{border-color:var(--lime-border);background:var(--lime-dim);}
.pay-opt input[type="radio"]{accent-color:var(--lime);width:14px;height:14px;}
.pay-opt-info p{font-size:13px;font-weight:600;color:var(--text);}
.pay-opt-info span{font-size:10px;color:var(--muted);}
.card-flds{padding:13px;background:var(--bg2);border:1px solid var(--border);border-radius:11px;display:flex;flex-direction:column;gap:10px;}
.place-btn{width:100%;padding:16px;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;}
.place-btn:hover{background:#C2FF60;box-shadow:0 0 32px var(--lime-glow);transform:translateY(-2px);}
.ord-note{font-size:13px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.6;}
.trust-sm{display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap;}
.trust-sm span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;}
.co-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border);}
.co-item:last-child{border-bottom:none;}
.co-thumb{width:40px;height:40px;background:var(--lime-dim);border-radius:7px;flex-shrink:0;position:relative;}
.co-badge{position:absolute;top:-5px;right:-5px;background:var(--muted);color:var(--crs-bg);font-size:10px;font-weight:800;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.co-name{font-size:13px;font-weight:600;color:var(--text);flex:1;}
.co-price{font-size:13px;font-weight:700;color:var(--lime);font-family:var(--font-d);}
.what-next{background:var(--lime-dim);border:1px solid var(--lime-border);border-radius:8px;padding:11px 13px;margin-top:6px;}
.what-next p:first-child{font-size:10px;color:var(--lime);font-weight:700;margin-bottom:3px;}
.what-next p:last-child{font-size:13px;color:var(--muted);line-height:1.6;}

/* Account */
.account-layout{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:52px 0 100px;align-items:start;}
.acc-sidebar{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:16px;position:sticky;top:84px;}
.acc-user{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:12px;}
.acc-av{width:38px;height:38px;border-radius:50%;background:var(--lime-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--lime);flex-shrink:0;}
.acc-user p{font-size:13px;font-weight:600;color:var(--white);}
.acc-user span{font-size:10px;color:var(--muted);}
.acc-nav{list-style:none;display:flex;flex-direction:column;gap:2px;}
.acc-nav button{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-b);font-size:13px;font-weight:500;color:var(--muted2);padding:8px 10px;border-radius:7px;transition:all .15s;display:flex;align-items:center;gap:8px;}
.acc-nav button:hover{background:var(--bg2);color:var(--text);}
.acc-nav button.active{background:var(--lime-dim);color:var(--lime);}
.acc-content{display:flex;flex-direction:column;gap:10px;}
.acc-tab{display:none;}
.acc-tab.active{display:flex;flex-direction:column;gap:14px;}
.acc-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.03em;}
.acc-sub{font-size:13px;color:var(--muted2);}
.dl-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;transition:border-color .2s;}
.dl-card:hover{border-color:var(--lime-border);}
.dl-ic{width:46px;height:46px;background:var(--lime-dim);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.dl-info h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px;}
.dl-info p{font-size:13px;color:var(--muted);margin-bottom:7px;}
.dl-tags{display:flex;gap:6px;flex-wrap:wrap;}
.dl-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);}
.dl-tag-y{background:rgba(255,226,52,.07);color:#FFE234;border-color:rgba(255,226,52,.18);}
.dl-btns{display:flex;flex-direction:column;gap:7px;align-items:flex-end;}
.dl-main{display:flex;align-items:center;gap:6px;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;padding:8px 14px;border-radius:8px;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;}
.dl-main:hover{background:#C2FF60;}
.dl-sec{background:var(--bg2);color:var(--muted2);font-family:var(--font-b);font-weight:500;font-size:10px;padding:6px 11px;border-radius:7px;border:1px solid var(--border2);cursor:pointer;transition:all .18s;white-space:nowrap;}
.dl-sec:hover{border-color:rgba(255,255,255,.18);color:var(--text);}
.lic-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s;}
.lic-card:hover{border-color:var(--lime-border);}
.lic-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.lic-head h4{font-size:16px;font-weight:700;color:var(--white);}
.lic-status{font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);}
.lic-key-row{background:var(--bg3);border:1px solid var(--border2);border-radius:7px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.lic-key{font-family:'Courier New',monospace;font-size:13px;color:var(--lime);letter-spacing:.06em;}
.copy-btn{background:none;border:1px solid var(--border2);border-radius:5px;padding:3px 9px;color:var(--muted2);font-size:10px;font-weight:600;cursor:pointer;font-family:var(--font-b);transition:all .15s;}
.copy-btn:hover{border-color:rgba(255,255,255,.2);color:var(--text);}
.lic-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.lic-m p{font-size:10px;color:var(--muted);margin-bottom:2px;}
.lic-m span{font-size:13px;font-weight:600;color:var(--text);}
/* License sites */
.lic-sites-section{margin-top:16px;border-top:1px solid var(--border);padding-top:14px;}
.lic-sites-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;}
.lic-site-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;margin-bottom:6px;}
.lic-site-row:last-child{margin-bottom:0;}
.lic-site-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
.lic-site-url{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lic-site-date{font-size:11px;color:var(--muted);}
.lic-deact-btn{flex-shrink:0;background:none;border:1px solid rgba(255,100,100,.3);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:#ff9090;cursor:pointer;transition:all .15s;font-family:var(--font-b);}
.lic-deact-btn:hover{background:rgba(255,80,80,.08);border-color:rgba(255,100,100,.55);color:#ffb0b0;}
.lic-deact-btn:disabled{opacity:.45;cursor:not-allowed;}
/* Add site form */
.lic-add-site{margin-top:14px;border-top:1px solid var(--border);padding-top:14px;}
.lic-add-site-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;}
.lic-add-site-row{display:flex;gap:8px;align-items:center;}
.lic-add-msg{font-size:12px;margin-top:6px;min-height:16px;}
.orders-tbl{background:var(--bg1);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.orders-head{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:12px;padding:11px 18px;background:var(--bg2);border-bottom:1px solid var(--border);}
.orders-head span{font-family:var(--font-d);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);}
.orders-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);align-items:center;cursor:pointer;transition:background .15s;}
.orders-row:last-child{border-bottom:none;}
.orders-row:hover{background:var(--bg2);}
.ord-n{font-size:13px;font-weight:600;color:var(--lime);}
.ord-p{font-size:13px;color:var(--text);}
.ord-d{font-size:10px;color:var(--muted);}
.ord-a{font-size:13px;font-weight:700;color:var(--text);}
.ord-s{font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--lime-dim);color:var(--lime);border:1px solid var(--lime-border);}
.profile-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:22px;}
.profile-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase;}
.profile-av-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.profile-av{width:56px;height:56px;border-radius:50%;background:var(--lime-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--lime);}
.chg-av{background:var(--bg2);border:1px solid var(--border2);border-radius:7px;padding:7px 13px;color:var(--muted2);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-b);transition:all .18s;}
.chg-av:hover{border-color:rgba(255,255,255,.18);color:var(--text);}
.save-btn{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;padding:10px 22px;border:none;border-radius:8px;cursor:pointer;transition:all .18s;}
.save-btn:hover{background:#C2FF60;}

/* ══════════════════════════════════
   FOOTER
══════════════════════════════════ */
.footer-bar{height:1px;background:linear-gradient(90deg,transparent,var(--lime-glow),transparent);}
.site-footer{padding:56px 0 30px;}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:32px;margin-bottom:44px;}
.footer-brand-p{font-size:13px;color:var(--muted);line-height:1.75;margin-top:11px;max-width:240px;}
.footer-col h5{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);margin-bottom:13px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col ul li a,.footer-col ul li button{font-size:13px;color:var(--muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-b);padding:0;transition:color .18s;text-align:left;}
.footer-col ul li a:hover,.footer-col ul li button:hover{color:var(--text);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;}
.footer-bottom p{font-size:13px;color:var(--muted);}
.footer-legal{display:flex;gap:10px;}
.footer-legal a,.footer-legal button{font-size:13px;color:var(--muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-b);transition:color .18s;padding:0;}
.footer-legal a:hover,.footer-legal button:hover{color:var(--text);}
/* ── Footer language translator ── */
.ft-lang-wrap{position:relative;}
.ft-lang-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--border2);border-radius:99px;padding:5px 12px 5px 10px;cursor:pointer;font-family:var(--font-b);font-size:12px;font-weight:600;color:var(--muted);transition:color .18s,border-color .18s;white-space:nowrap;}
.ft-lang-btn:hover{color:var(--text);border-color:var(--border);}
.ft-lang-btn[aria-expanded="true"]{color:var(--text);border-color:var(--border);}
.ft-lang-globe{width:13px;height:13px;flex-shrink:0;}
.ft-lang-chevron{width:9px;height:6px;flex-shrink:0;transition:transform .2s;}
.ft-lang-btn[aria-expanded="true"] .ft-lang-chevron{transform:rotate(180deg);}
.ft-lang-drop{display:none;position:absolute;bottom:calc(100% + 8px);right:0;min-width:140px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:6px;list-style:none;margin:0;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.45);}
.ft-lang-drop.ft-lang-drop--open{display:block;}
.ft-lang-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;font-family:var(--font-b);color:var(--muted);cursor:pointer;transition:background .14s,color .14s;}
.ft-lang-opt:hover,.ft-lang-opt:focus{background:var(--bg3);color:var(--text);outline:none;}
.ft-lang-opt--active{color:var(--lime);}
.ft-lang-opt--active svg{width:10px;height:8px;color:var(--lime);flex-shrink:0;}
@media(max-width:600px){.ft-lang-drop{right:auto;left:0;}}

/* ══════════════════════════════════
   RESPONSIVE
══════════════════════════════════ */
@media(max-width:1024px){
  .prod-grid,.story-grid,.contact-layout,.faq-layout,.policy-layout,.account-layout{grid-template-columns:1fr;}
  .values-grid,.testi-grid,.footer-grid,.vs-grid,.for-grid,.aov-grid{grid-template-columns:1fr 1fr;}
  .metrics-grid{grid-template-columns:1fr 1fr;}
  .feat-block{grid-template-columns:1fr;gap:36px;}
  .feat-block.rev .feat-vis{order:0;}
  .cart-layout,.checkout-layout{grid-template-columns:1fr;}
  .acc-sidebar{position:static;}
  .pol-toc,.faq-sidebar{display:none;}
  .nav-links{display:none;}
  .buy-box-wrap{grid-template-columns:1fr;}
  .nav-inner{padding:0 15px;}
  .mobile-nav-close{font-size:25px;}
  .container{padding:0 20px;}
}
@media(max-width:640px){
  .home-hero,.sc-hero,.about-hero{padding:80px 0 60px;}
  /* Sections — standardized 24px padding */
  .prod-snappy,.prod-fr{padding:24px !important;}
  .story-grid{padding:24px !important;}
  /* Buy box */
  #buy-box{padding:36px 0 !important;}
  .buy-box{padding:24px !important;}
  /* CTA */
  .cta-box{padding:50px 24px !important;}
  /* FAQ — zero top padding */
  .faq-wrap{padding:0 0 60px;}
  /* Contact */
  .contact-layout{padding:24px 0 60px;}
  /* Footer link columns side by side */
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-grid>*:first-child{grid-column:1 / -1;}
  /* Grids */
  .values-grid,.testi-grid,.metrics-grid,.vs-grid,.for-grid,.aov-grid{grid-template-columns:1fr;}
  .dl-card{grid-template-columns:1fr;gap:12px;}
  .dl-btns{flex-direction:row;align-items:center;}
  .lic-meta{grid-template-columns:1fr 1fr;}
  .f-row:not(.full){grid-template-columns:1fr;}
  .cart-th,.cart-tr{grid-template-columns:3fr 1fr 1fr 34px;}
  .cart-th span:nth-child(3),.cart-tr>*:nth-child(3){display:none;}
}

/* ═══════════════════════════════════════
   SNAPPY CART DRAWER
═══════════════════════════════════════ */

/* Overlay */
.sc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:800;opacity:0;pointer-events:none;transition:opacity .35s ease;backdrop-filter:blur(4px);}
.sc-backdrop.open{opacity:1;pointer-events:all;}

/* Drawer shell */
.sc-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#0D0D14;border-left:1px solid rgba(255,255,255,.08);z-index:900;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .38s cubic-bezier(.22,1,.36,1);overflow:hidden;}
.sc-drawer.open{transform:translateX(0);}

/* Header */
.sc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;background:#0D0D14;}
.sc-brand{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--lime);letter-spacing:-.01em;}
.sc-step-title{font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--muted2);}
.sc-close{width:30px;height:30px;background:rgba(255,255,255,.06);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:16px;line-height:1;transition:all .18s;}
.sc-close:hover{background:rgba(255,255,255,.12);color:var(--white);}

/* Step indicator tabs */
.sc-steps-bar{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);gap:0;flex-shrink:0;}
.sc-step-item{display:flex;align-items:center;gap:6px;font-family:var(--font-b);font-size:10px;font-weight:600;color:var(--muted);transition:color .2s;}
.sc-step-item.active{color:var(--lime);}
.sc-step-item.done{color:var(--muted2);}
.sc-step-num{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:var(--font-d);flex-shrink:0;transition:all .2s;}
.sc-step-item.active .sc-step-num{background:var(--lime);border-color:var(--lime);color:var(--crs-bg);}
.sc-step-item.done .sc-step-num{background:var(--muted2);border-color:var(--muted2);color:var(--crs-bg);font-size:10px;}
.sc-step-line{flex:1;height:1px;background:rgba(255,255,255,.07);margin:0 8px;}
.sc-step-line.done{background:rgba(170,255,71,.3);}

/* Scrollable body */
.sc-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;}
.sc-body::-webkit-scrollbar{width:3px;}
.sc-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px;}

/* Step panels */
.sc-panel{display:none;flex-direction:column;}
.sc-panel.active{display:flex;min-height:100%;}

/* ── CART STEP ── */
.sc-items{padding:16px 20px;display:flex;flex-direction:column;gap:10px;}

/* Item card */
.sc-item{display:flex;gap:12px;align-items:flex-start;background:#18181F;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;}
.sc-item-img{width:52px;height:52px;background:rgba(170,255,71,.08);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;}
.sc-item-badge{position:absolute;top:-5px;right:-5px;background:#FF4F4F;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:99px;font-family:var(--font-b);}
.sc-item-info{flex:1;min-width:0;}
.sc-item-name{font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-item-variant{font-size:10px;color:var(--muted);margin-bottom:8px;}
.sc-item-price{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--lime);letter-spacing:-.02em;}
.sc-item-price del{font-size:10px;color:var(--muted);font-family:var(--font-b);font-weight:400;margin-left:4px;text-decoration:line-through;}
.sc-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;}
.sc-item-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;transition:color .15s;padding:0;}
.sc-item-remove:hover{color:#FF4F4F;}
.sc-qty-pill{display:flex;align-items:center;gap:0;background:var(--crs-bg);border:1px solid rgba(255,255,255,.1);border-radius:99px;overflow:hidden;}
.sc-qty-btn{background:none;border:none;color:var(--muted2);cursor:pointer;font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-weight:700;}
.sc-qty-btn:hover{color:var(--lime);}
.sc-qty-val{font-family:var(--font-d);font-size:10px;font-weight:700;color:var(--white);min-width:22px;text-align:center;padding:0 2px;}
.sc-savings-banner{margin:0 20px;background:rgba(170,255,71,.07);border:1px solid rgba(170,255,71,.18);border-radius:8px;padding:8px 12px;font-family:var(--font-b);font-size:13px;color:var(--lime);font-weight:600;display:none;align-items:center;gap:6px;}
.sc-savings-banner.show{display:flex;}

/* Free shipping progress */
.sc-shipping-bar{margin:0 20px;margin-bottom:14px;}
.sc-shipping-msg{font-family:var(--font-b);font-size:13px;color:var(--muted2);margin-bottom:7px;}
.sc-shipping-msg strong{color:var(--lime);}
.sc-ship-track{height:4px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;}
.sc-ship-fill{height:100%;background:linear-gradient(90deg,var(--lime),#C2FF60);border-radius:99px;transition:width .5s cubic-bezier(.22,1,.36,1);}

/* Coupon */
.sc-coupon-wrap{margin:0 20px 14px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;}
.sc-coupon-toggle{background:none;border:none;cursor:pointer;font-family:var(--font-b);font-size:13px;color:var(--muted2);display:flex;align-items:center;gap:6px;padding:0;transition:color .18s;}
.sc-coupon-toggle:hover{color:var(--text);}
.sc-coupon-row{display:flex;gap:8px;margin-top:9px;display:none;}
.sc-coupon-row.open{display:flex;}
.sc-coupon-in{flex:1;background:var(--crs-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;transition:border-color .18s;}
.sc-coupon-in:focus{border-color:rgba(170,255,71,.3);}
.sc-coupon-in::placeholder{color:var(--muted);}
.sc-coupon-apply{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;padding:9px 16px;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .18s;}
.sc-coupon-apply:hover{background:#C2FF60;}

/* Upsell strip */
.sc-upsell-section{padding:0 20px 14px;}
.sc-upsell-title{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.sc-upsell-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;cursor:grab;}
.sc-upsell-scroll:active{cursor:grabbing;}
.sc-upsell-scroll::-webkit-scrollbar{display:none;}
.sc-upsell-card{flex-shrink:0;width:130px;background:#18181F;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;cursor:pointer;transition:border-color .2s;scroll-snap-align:start;}
.sc-upsell-card:hover{border-color:rgba(170,255,71,.2);}
.sc-upsell-thumb{width:100%;height:60px;background:rgba(170,255,71,.06);border-radius:7px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:25px;}
.sc-upsell-name{font-family:var(--font-b);font-size:10px;font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sc-upsell-price{font-family:var(--font-d);font-size:13px;color:var(--lime);margin-bottom:8px;}
.sc-upsell-add{width:100%;background:rgba(170,255,71,.1);border:1px solid rgba(170,255,71,.2);border-radius:6px;color:var(--lime);font-family:var(--font-b);font-size:10px;font-weight:700;padding:5px;cursor:pointer;transition:all .18s;}
.sc-upsell-add:hover{background:var(--lime);color:var(--crs-bg);}

/* Order bump */
.sc-bump-section{margin:0 20px 14px;}
.sc-bump-section-title{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.sc-bump-card+.sc-bump-card{margin-top:10px;}
.sc-bump-card{background:rgba(170,255,71,.04);border:1.5px solid rgba(170,255,71,.18);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:flex-start;}
.sc-bump-badge{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px;letter-spacing:.04em;margin-bottom:6px;display:inline-block;}
.sc-bump-img{width:44px;height:44px;background:rgba(170,255,71,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.sc-bump-info{flex:1;min-width:0;}
.sc-bump-name{font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px;}
.sc-bump-desc{font-size:10px;color:var(--muted);line-height:1.55;margin-bottom:8px;}
.sc-bump-price{font-family:var(--font-d);font-size:13px;color:var(--lime);}
.sc-bump-price del{font-size:10px;color:var(--muted);font-family:var(--font-b);}
.sc-bump-accept{background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:10px;padding:6px 14px;border:none;border-radius:7px;cursor:pointer;margin-top:8px;transition:background .18s;white-space:nowrap;}
.sc-bump-accept:hover{background:#C2FF60;}

/* Bill summary — flows naturally after cart content, no auto margin gap */
.sc-bill{margin:0 20px;margin-top:16px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px;margin-bottom:8px;}
.sc-bill-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;}
.sc-bill-label{font-family:var(--font-b);font-size:13px;color:var(--muted2);}
.sc-bill-value{font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--text);}
.sc-bill-value.green{color:var(--lime);}
.sc-bill-total{display:flex;justify-content:space-between;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.07);margin-top:4px;}
.sc-bill-total-lbl{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--white);}
.sc-bill-total-val{font-family:var(--font-d);font-size:20px;font-weight:900;color:var(--lime);letter-spacing:-.04em;}

/* Sticky footer */
.sc-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.07);background:#0D0D14;flex-shrink:0;}
.sc-proceed-btn{width:100%;padding:15px;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:16px;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.sc-proceed-btn:hover{background:#C2FF60;box-shadow:0 0 28px rgba(170,255,71,.3);}
.sc-proceed-btn:disabled{background:rgba(170,255,71,.3);cursor:not-allowed;box-shadow:none;}
.sc-secure-note{text-align:center;font-family:var(--font-b);font-size:10px;color:var(--muted);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;}

/* ── ADDRESS STEP ── */
.sc-address-list{padding:16px 20px;display:flex;flex-direction:column;gap:10px;}
.sc-addr-card{background:#18181F;border:1.5px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s;}
.sc-addr-card:hover{border-color:rgba(170,255,71,.2);}
.sc-addr-card.selected{border-color:var(--lime);background:rgba(170,255,71,.04);}
.sc-addr-top{display:flex;align-items:flex-start;gap:10px;}
.sc-addr-radio{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;margin-top:2px;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.sc-addr-card.selected .sc-addr-radio{border-color:var(--lime);background:var(--lime);}
.sc-addr-card.selected .sc-addr-radio::after{content:'';width:6px;height:6px;background:var(--crs-bg);border-radius:50%;}
.sc-addr-body{flex:1;}
.sc-addr-name{font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px;}
.sc-addr-text{font-size:13px;color:var(--muted2);line-height:1.6;}
.sc-addr-phone{font-size:13px;color:var(--muted);margin-top:2px;}
.sc-addr-type-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.06);border-radius:99px;font-size:10px;font-weight:700;color:var(--muted2);padding:2px 8px;margin-top:6px;font-family:var(--font-b);}
.sc-addr-edit{background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--muted2);font-family:var(--font-b);font-size:10px;padding:4px 10px;cursor:pointer;margin-top:8px;transition:all .18s;}
.sc-addr-edit:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.sc-add-address-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:1.5px dashed rgba(255,255,255,.12);border-radius:12px;padding:14px;color:var(--muted2);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:all .2s;}
.sc-add-address-btn:hover{border-color:rgba(170,255,71,.3);color:var(--lime);}

/* Address form */
.sc-addr-form{padding:0 20px 16px;display:none;flex-direction:column;gap:10px;}
.sc-addr-form.open{display:flex;}
.sc-form-title{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);padding:12px 0 4px;letter-spacing:-.01em;}
.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.sc-form-group{display:flex;flex-direction:column;gap:5px;}
.sc-form-lbl{font-family:var(--font-b);font-size:10px;font-weight:600;color:var(--muted2);letter-spacing:.03em;}
.sc-form-in{background:var(--crs-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;transition:border-color .18s;width:100%;}
.sc-form-in:focus{border-color:rgba(170,255,71,.3);}
.sc-form-in::placeholder{color:var(--muted);}
.sc-label-toggles{display:flex;gap:7px;}
.sc-label-toggle{flex:1;background:var(--crs-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;text-align:center;font-family:var(--font-b);font-size:10px;font-weight:600;color:var(--muted2);cursor:pointer;transition:all .2s;}
.sc-label-toggle.active{border-color:var(--lime);color:var(--lime);background:rgba(170,255,71,.06);}

/* ── PAYMENT STEP ── */
.sc-payment-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px;}
.sc-delivery-summary{background:#18181F;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;}
.sc-delivery-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.sc-delivery-info{flex:1;}
.sc-delivery-label{font-family:var(--font-b);font-size:10px;color:var(--muted);margin-bottom:3px;}
.sc-delivery-addr{font-family:var(--font-b);font-size:13px;color:var(--text);line-height:1.5;}
.sc-delivery-change{background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--muted2);font-family:var(--font-b);font-size:10px;padding:4px 10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s;}
.sc-delivery-change:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.sc-pay-methods{display:flex;flex-direction:column;gap:8px;}
.sc-pay-method{display:flex;align-items:center;gap:12px;background:#18181F;border:1.5px solid rgba(255,255,255,.07);border-radius:10px;padding:13px 14px;cursor:pointer;transition:all .2s;}
.sc-pay-method.selected{border-color:var(--lime);background:rgba(170,255,71,.04);}
.sc-pay-radio{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .2s;position:relative;}
.sc-pay-method.selected .sc-pay-radio{border-color:var(--lime);}
.sc-pay-method.selected .sc-pay-radio::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--lime);border-radius:50%;}
.sc-pay-icon{font-size:20px;flex-shrink:0;}
.sc-pay-name{font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--text);}
.sc-pay-sub{font-size:10px;color:var(--muted);}
/* UPI input that slides in */
.sc-upi-input-wrap{background:var(--crs-bg);border:1px solid rgba(255,255,255,.09);border-radius:0 0 10px 10px;padding:10px 14px;margin-top:-8px;margin-bottom:0;display:none;}
.sc-upi-input-wrap.open{display:block;}
.sc-upi-in{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.12);padding:6px 0;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;}
.sc-upi-in::placeholder{color:var(--muted);}
/* Card fields */
.sc-card-fields{background:var(--crs-bg);border:1px solid rgba(255,255,255,.09);border-radius:0 0 10px 10px;padding:12px 14px;margin-top:-8px;display:none;flex-direction:column;gap:9px;}
.sc-card-fields.open{display:flex;}
/* Order note */
.sc-note-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-b);font-size:13px;color:var(--muted2);background:none;border:none;padding:0;transition:color .18s;}
.sc-note-toggle:hover{color:var(--text);}
.sc-note-area{width:100%;background:var(--crs-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;font-family:var(--font-b);outline:none;resize:none;height:80px;margin-top:8px;display:none;transition:border-color .18s;}
.sc-note-area.open{display:block;}
.sc-note-area:focus{border-color:rgba(170,255,71,.3);}
.sc-note-area::placeholder{color:var(--muted);}
/* Trust badges */
.sc-trust-badges{display:flex;gap:7px;flex-wrap:wrap;}
.sc-trust-badge{display:flex;align-items:center;gap:5px;background:#18181F;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:7px 10px;font-family:var(--font-b);font-size:10px;color:var(--muted2);}

/* ── PROCESSING STEP ── */
.sc-processing{padding:40px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.sc-proc-stages{display:flex;flex-direction:column;gap:20px;width:100%;max-width:280px;margin-bottom:40px;}
.sc-proc-stage{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#18181F;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:all .4s;}
.sc-proc-stage.done{border-color:rgba(170,255,71,.2);background:rgba(170,255,71,.04);}
.sc-proc-stage.active{border-color:var(--lime);background:rgba(170,255,71,.06);}
.sc-proc-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .4s;}
.sc-proc-stage.done .sc-proc-icon{background:rgba(170,255,71,.12);}
.sc-proc-stage.active .sc-proc-icon{background:rgba(170,255,71,.15);animation:sc-pulse 1s infinite;}
@keyframes sc-pulse{0%,100%{box-shadow:0 0 0 0 rgba(170,255,71,.3);}50%{box-shadow:0 0 0 8px rgba(170,255,71,0);}}
.sc-proc-label{font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--muted2);}
.sc-proc-stage.active .sc-proc-label{color:var(--lime);}
.sc-proc-stage.done .sc-proc-label{color:var(--text);}

/* Success state */
.sc-success{padding:28px 20px;display:none;flex-direction:column;align-items:center;text-align:center;gap:20px;}
.sc-success.show{display:flex;}
.sc-confetti-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;}
.sc-success-icon{width:72px;height:72px;background:rgba(170,255,71,.12);border:2px solid rgba(170,255,71,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;}
.sc-confetti-dot{position:absolute;width:6px;height:6px;border-radius:50%;animation:sc-confetti-out .6s ease forwards;}
@keyframes sc-confetti-out{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0;}}
.sc-success-title{font-family:var(--font-d);font-size:25px;font-weight:900;color:var(--white);letter-spacing:-.03em;}
.sc-success-sub{font-size:13px;color:var(--muted2);max-width:280px;line-height:1.7;}
.sc-order-card{background:#18181F;border:1px solid rgba(170,255,71,.15);border-radius:14px;padding:18px;width:100%;text-align:left;}
.sc-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);}
.sc-order-num{font-family:var(--font-d);font-size:13px;color:var(--lime);}
.sc-order-status{font-family:var(--font-b);font-size:10px;font-weight:700;background:rgba(170,255,71,.1);color:var(--lime);padding:3px 10px;border-radius:99px;}
.sc-order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.sc-order-item:last-of-type{border-bottom:none;}
.sc-order-item p{font-family:var(--font-b);font-size:13px;color:var(--text);}
.sc-order-item span{font-family:var(--font-d);font-size:13px;color:var(--lime);}
.sc-order-total{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);}
.sc-order-total p{font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--white);}
.sc-order-total span{font-family:var(--font-d);font-size:20px;color:var(--lime);}
.sc-track-btn{width:100%;background:var(--lime);color:var(--crs-bg);font-family:var(--font-b);font-weight:700;font-size:13px;border:none;border-radius:10px;padding:13px;cursor:pointer;transition:all .18s;}
.sc-track-btn:hover{background:#C2FF60;}
.sc-continue-btn{background:none;border:none;color:var(--muted2);font-family:var(--font-b);font-size:13px;cursor:pointer;transition:color .18s;}
.sc-continue-btn:hover{color:var(--text);}

/* Toast inside drawer */
.sc-toast{position:absolute;bottom:80px;left:16px;right:16px;background:#1E1E28;border:1px solid rgba(170,255,71,.2);border-radius:10px;padding:11px 14px;display:none;gap:8px;align-items:center;font-family:var(--font-b);font-size:13px;color:var(--text);z-index:10;box-shadow:0 4px 24px rgba(0,0,0,.5);}
.sc-toast.show{display:flex;animation:tIn .3s ease;}
.sc-toast-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;flex-shrink:0;}

/* Skeleton loader */
.sc-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 100%);background-size:200%;animation:sc-shimmer 1.5s infinite;}
@keyframes sc-shimmer{0%{background-position:200%;}100%{background-position:-200%;}}

/* Cart count badge on nav button */
.cart-n{transition:transform .2s;}
.cart-n.bump{animation:badge-bump .3s ease;}
@keyframes badge-bump{0%,100%{transform:scale(1);}50%{transform:scale(1.4);}}

@media(max-width:480px){
  .sc-drawer{width:100vw;}
}



/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  GLASS UI REDESIGN — Visual Hierarchy + Depth Layer                 ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

/* ── ENHANCED TOKENS ─────────────────────────────────────────────────── */
:root {
  /* Glass surfaces */
  --glass-1: rgba(255,255,255,0.032);
  --glass-2: rgba(255,255,255,0.055);
  --glass-3: rgba(255,255,255,0.08);
  --glass-lime: rgba(170,255,71,0.07);
  --glass-lime-strong: rgba(170,255,71,0.13);

  /* Borders */
  --glass-border: rgba(255,255,255,0.09);
  --glass-border-strong: rgba(255,255,255,0.16);
  --lime-border-glass: rgba(170,255,71,0.25);

  /* Backgrounds - deeper darks */
  --bg:  #04040A;
  --bg1: #08080F;
  --bg2: #0E0E18;
  --bg3: #141420;

  /* Glow shadows */
  --shadow-card: 0 4px 24px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.06) inset;
  --shadow-lime: 0 0 40px rgba(170,255,71,0.12), 0 4px 20px rgba(0,0,0,0.6);
  --shadow-hover: 0 8px 40px rgba(0,0,0,0.6), 0 0 20px rgba(170,255,71,0.08);
}

/* ── GLOBAL BACKGROUND — deep space gradient ────────────────────────── */
body {
  background: #04040A;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(170,255,71,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(170,255,71,0.04) 0%, transparent 50%);
  background-attachment: fixed;
}

/* ── NAV — frosted glass ────────────────────────────────────────────── */
nav {
  background: rgba(4,4,10,0.7) !important;
  backdrop-filter: blur(28px) saturate(1.6);
  -webkit-backdrop-filter: blur(28px) saturate(1.6);
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 1px 0 rgba(170,255,71,0.06), 0 4px 32px rgba(0,0,0,0.4);
  z-index: 700 !important;
}

/* ── SECTION LABEL — glowing pill ───────────────────────────────────── */
.sec-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(170,255,71,0.08);
  border: 1px solid rgba(170,255,71,0.2);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 10px !important;
  letter-spacing: 0.18em;
  color: var(--lime) !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.12);
  margin-bottom: 22px !important;
}
.sec-label::before {
  content: '';
  width: 5px;
  height: 5px;
  background: var(--lime);
  border-radius: 50%;
  box-shadow: 0 0 6px var(--lime);
  animation: pulse 2s infinite;
}

/* ── HERO SECTION ENHANCEMENTS ──────────────────────────────────────── */
.home-hero, .sc-hero, .about-hero {
  position: relative;
}
.home-hero::before, .sc-hero::before, .about-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 100% 60% at 50% 0%, rgba(170,255,71,0.07) 0%, transparent 65%);
  pointer-events: none;
}

/* Hero text gradient on hl spans */
.hl {
  background: linear-gradient(135deg, var(--crs-primary) 0%, #C8FF80 40%, var(--crs-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(170,255,71,0.4));
}

/* ── PILL BADGE ─────────────────────────────────────────────────────── */
.pill {
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 12px rgba(0,0,0,0.3), 0 0 0 1px rgba(170,255,71,0.1);
}

/* ── PRODUCT CARDS — glass panels ───────────────────────────────────── */
.prod-grid {
  background: none !important;
  gap: 16px !important;
  border-radius: 28px !important;
  overflow: visible !important;
  /* overflow:hidden on the base rule was clipping the hover translateY on child cards */
}

.prod-snappy, .prod-coming {
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  background: rgba(255,255,255,0.03) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: var(--shadow-card);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.prod-snappy {
  background: linear-gradient(145deg,
    rgba(170,255,71,0.06) 0%,
    rgba(255,255,255,0.03) 40%,
    rgba(255,255,255,0.02) 100%) !important;
  border-color: rgba(170,255,71,0.15) !important;
}
.prod-snappy:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--shadow-hover), 0 0 60px rgba(170,255,71,0.1) !important;
  border-color: rgba(170,255,71,0.3) !important;
  position: relative;
  z-index: 1;
}
.prod-coming:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,255,255,0.16) !important;
  box-shadow: var(--shadow-hover) !important;
}

/* ── GENERAL GLASS CARD ─────────────────────────────────────────────── */
.card, .val-card, .prob-card, .testi, .for-card, .vs-card,
.aov-card, .sc-addr-card, .sc-order-card, .sc-proc-stage,
.co-mockup-vis, .sc-bump-card {
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* ── VALUES STRIP ───────────────────────────────────────────────────── */
.values-grid {
  background: none !important;
  gap: 14px !important;
  border-radius: 24px !important;
  overflow: visible !important;
}
.val-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-card);
  padding: 36px 28px !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
  position: relative;
  overflow: hidden;
}
.val-card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(170,255,71,0.5), transparent);
  opacity: 0.7;
}
.val-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(170,255,71,0.2) !important;
  box-shadow: var(--shadow-hover) !important;
}
.val-icon {
  width: 48px;
  height: 48px;
  background: rgba(170,255,71,0.1);
  border: 1px solid rgba(170,255,71,0.2);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 20px;
  box-shadow: 0 0 20px rgba(170,255,71,0.1);
}

/* ── PROBLEM SECTION ────────────────────────────────────────────────── */
.prob-sect {
  position: relative;
}
.prob-sect::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(170,255,71,0.03) 0%, transparent 70%);
  pointer-events: none;
}
.prob-grid {
  background: none !important;
  gap: 14px !important;
  border-radius: 24px !important;
  overflow: visible !important;
}
.prob-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-card) !important;
  padding: 36px 28px !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
  position: relative !important;
  overflow: hidden !important;
}
.prob-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5) !important;
}
.prob-card::after {
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(255,80,80,0.5), transparent) !important;
}
.prob-icon {
  font-size: 32px !important;
  margin-bottom: 20px !important;
  display: block;
  filter: drop-shadow(0 0 8px rgba(255,80,80,0.3));
}

/* ── FEATURE BLOCKS ─────────────────────────────────────────────────── */
.feat-vis {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(170,255,71,0.15) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow:
    0 0 0 1px rgba(170,255,71,0.08),
    0 8px 40px rgba(0,0,0,0.5),
    0 0 80px 10px rgba(170,255,71,0.10),
    0 0 160px 30px rgba(170,255,71,0.06),
    0 0 260px 60px rgba(170,255,71,0.03) !important;
}
.feat-vis::before {
  content: '' !important;
  position: absolute !important;
  top: -100px !important; right: -100px !important;
  width: 340px !important; height: 340px !important;
  background: radial-gradient(circle, rgba(170,255,71,0.13) 0%, transparent 65%) !important;
  pointer-events: none !important;
}
/* Bottom-left secondary glow */
.feat-vis::after {
  content: '' !important;
  position: absolute !important;
  bottom: -80px !important; left: -60px !important;
  width: 260px !important; height: 260px !important;
  background: radial-gradient(circle, rgba(170,255,71,0.07) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Cart mockup glass */
.mock, .co-welcome-card, .co-steps, .co-auth-tabs, .co-fields, .co-signin-btn, .co-guest-btn {
  position: relative;
  z-index: 1;
}
.mock {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(170,255,71,0.12) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
}
.mock-head {
  background: rgba(170,255,71,0.08) !important;
  border-bottom: 1px solid rgba(170,255,71,0.1) !important;
}
.mock-bump {
  background: rgba(170,255,71,0.05) !important;
  border: 1px solid rgba(170,255,71,0.18) !important;
  border-radius: 10px !important;
}

/* AOV cards */
.aov-grid { gap: 12px !important; }
.aov-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.3) !important;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s !important;
  padding: 20px !important;
}
.aov-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(170,255,71,0.25) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.45), 0 0 20px rgba(170,255,71,0.08) !important;
}
.aov-icon {
  width: 44px; height: 44px;
  background: rgba(170,255,71,0.1);
  border: 1px solid rgba(170,255,71,0.18);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; margin-bottom: 14px;
}

/* Friction rows */
.f-row {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  margin-bottom: 4px !important;
  transition: background 0.2s, border-color 0.2s !important;
}
.f-row:hover {
  background: rgba(170,255,71,0.05) !important;
  border-color: rgba(170,255,71,0.18) !important;
}
.f-num {
  width: 26px; height: 26px;
  background: rgba(170,255,71,0.1);
  border: 1px solid rgba(170,255,71,0.2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: var(--lime) !important; font-weight: 700;
}
.f-done {
  background: rgba(170,255,71,0.1) !important;
  border: 1px solid rgba(170,255,71,0.22) !important;
  color: var(--lime) !important;
  box-shadow: 0 0 10px rgba(170,255,71,0.1);
}

/* ── CHECKOUT MOCKUP ────────────────────────────────────────────────── */
.co-mockup-vis {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(20px) !important;
}
.co-field {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 10px !important;
  transition: border-color 0.2s !important;
}
.co-field-focus {
  border-color: rgba(170,255,71,0.35) !important;
  background: rgba(170,255,71,0.06) !important;
  box-shadow: 0 0 0 3px rgba(170,255,71,0.07) !important;
}
.co-google-btn {
  background: rgba(170,255,71,0.07) !important;
  border: 1px solid rgba(170,255,71,0.2) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.2), 0 0 20px rgba(170,255,71,0.06) !important;
  transition: all 0.2s !important;
}
.co-google-btn:hover {
  background: rgba(170,255,71,0.12) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3), 0 0 28px rgba(170,255,71,0.1) !important;
}
.co-trust-badge {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px) !important;
}

/* ── MOCK + CHECKOUT: PINK ACCENT TOKENS ────────────────────────────── */
.mock,.co-mockup-vis{
  --mpink:var(--lime);
  --mpink-dim:var(--lime-dim);
  --mpink-border:var(--lime-border);
}

/* ── CART MOCK OVERHAUL ──────────────────────────────────────────────── */
.mock{border-radius:18px !important;overflow:hidden;}

/* Step indicator */
.mock-stepper{display:flex;align-items:center;padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07);}
.mock-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;}
.mock-step .mock-step-dot{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);font-family:var(--font-d);}
.mock-step-on .mock-step-dot{background:var(--mpink);border-color:var(--mpink);color:var(--crs-bg);}
.mock-step .mock-step-lbl{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;}
.mock-step-on .mock-step-lbl{color:var(--mpink);}
.mock-step-bar{flex:1;height:1px;background:rgba(255,255,255,.1);margin:0 6px 16px;}

/* Header */
.mock-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:transparent !important;border-bottom:1px solid rgba(255,255,255,.07);}
.mock-back{width:32px;height:32px;background:var(--mpink);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000 !important;font-size:20px;line-height:1;flex-shrink:0;font-weight:700;}
.mock-title{font-family:var(--font-d);font-size:15px;font-weight:700;color:var(--white);}
.mock-badge{width:28px;height:28px;background:var(--mpink);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000 !important;font-size:11px;font-weight:700;}

/* Item rows */
.mock-sq{display:flex;align-items:center;justify-content:center;width:46px !important;height:46px !important;border-radius:10px !important;flex-shrink:0;}
.mock-sq span{font-size:24px;line-height:1;}
.mock-sq-a{background:linear-gradient(135deg,rgba(100,160,255,.18),rgba(60,100,220,.08)) !important;border:1px solid rgba(100,150,255,.2) !important;}
.mock-sq-b{background:linear-gradient(135deg,rgba(255,200,120,.2),rgba(255,160,60,.1)) !important;border:1px solid rgba(255,170,60,.15) !important;}
.mock-sq-c{background:linear-gradient(135deg,rgba(100,200,120,.2),rgba(60,180,80,.1)) !important;border:1px solid rgba(60,180,80,.15) !important;}
.mock-row{padding:13px 16px !important;}
.mock-row-last{border-bottom:none;}
.mock-inf p{font-size:13px !important;font-weight:600;}
.mock-inf span{color:var(--mpink) !important;font-size:11px !important;}
.mock-qty{border-color:var(--mpink-border) !important;background:var(--mpink-dim) !important;padding:6px 11px !important;gap:9px !important;}
.mock-qty span{font-size:13px !important;}
.mock-q{color:var(--mpink) !important;font-size:15px !important;}
.mock-prc{color:var(--white) !important;font-size:14px !important;}

/* Free delivery */
.mock-free-del{padding:10px 16px;font-size:12px;color:var(--muted2);border-bottom:1px solid rgba(255,255,255,.07);font-weight:500;}

/* Coupon */
.mock-coupon{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07);}
.mock-coupon-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.mock-coupon-icon{font-size:16px;}
.mock-coupon-hd p{font-size:13px;font-weight:700;color:var(--white);line-height:1.3;margin:0;}
.mock-coupon-hd span{font-size:11px;color:var(--muted);}
.mock-coupon-inp{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;}
.mock-coupon-inp span{flex:1;font-size:12px;color:var(--muted);padding:10px 13px;}
.mock-coupon-inp button{background:none;border:none;border-left:1px solid rgba(255,255,255,.1);color:var(--mpink);font-size:12px;font-weight:700;padding:10px 13px;cursor:pointer;font-family:var(--font-b);}

/* Total row */
.mock-total-row{display:flex;align-items:center;gap:8px;padding:11px 16px 6px;font-size:13px;}
.mock-total-old{text-decoration:line-through;color:var(--muted);}
.mock-total-arr{color:var(--muted);}
.mock-total-val{font-weight:700;color:var(--white);font-family:var(--font-d);font-size:15px;}

/* CTA lime override */
.mock-co{background:var(--mpink) !important;color:#000 !important;border-radius:12px !important;font-size:14px !important;padding:13px !important;margin:0 16px 16px !important;width:calc(100% - 32px) !important;}

/* ── CHECKOUT MOCK OVERHAUL ──────────────────────────────────────────── */

/* Pink step dots scoped to checkout mockup */
.co-mockup-vis .co-step-dot-done{background:var(--mpink) !important;border-color:var(--mpink) !important;color:var(--crs-bg) !important;}
.co-mockup-vis .co-step-dot-active{background:var(--mpink-dim) !important;border-color:var(--mpink) !important;color:var(--mpink) !important;}
.co-mockup-vis .co-step-lbl-active{color:var(--mpink) !important;}
.co-mockup-vis .co-step-line-done{background:var(--mpink) !important;}

/* Welcome card wrapper */
.co-welcome-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;}
.co-welcome-title{font-family:var(--font-d);font-size:18px;font-weight:900;color:var(--white);letter-spacing:-.03em;margin:0;line-height:1.15;text-align:center;}
.co-welcome-sub{font-size:11px;color:var(--muted2);margin:0;line-height:1.5;text-align:center;}

/* Google btn inside welcome card — standard Google button design */
.co-welcome-card .co-google-btn{background:#fff !important;border:1px solid #dadce0 !important;border-radius:10px !important;padding:11px 16px !important;justify-content:center !important;align-items:center !important;gap:10px !important;box-shadow:0 1px 3px rgba(0,0,0,.18) !important;text-align:center;cursor:pointer;}
.co-welcome-card .co-google-btn:hover{background:#f8f8f8 !important;box-shadow:0 2px 8px rgba(0,0,0,.22) !important;}
.co-welcome-card .co-google-btn svg.co-g-logo{flex-shrink:0;display:block;}
.co-welcome-card .co-g-text{flex:unset;}
.co-welcome-card .co-g-text p{font-size:13px;font-weight:600;color:#3c4043;margin:0;line-height:1;white-space:nowrap;font-family:var(--font-b);}
.co-welcome-card .co-g-text span{display:none;}
.co-welcome-card .co-g-arrow{display:none;}

/* OR divider inside welcome card */
.co-welcome-card .co-or-divider span{font-size:13px !important;font-weight:600 !important;letter-spacing:.08em;}

/* Auth tabs */
.co-auth-tabs{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:0;}
.co-auth-tab{flex:1;background:none;border:none;color:var(--muted2);font-size:13px;font-weight:600;padding:10px 14px;border-radius:9px;cursor:pointer;font-family:var(--font-b);transition:all .18s;}
.co-auth-tab-active{background:var(--mpink) !important;color:var(--crs-bg) !important;}

/* Field overrides inside welcome card */
.co-welcome-card .co-field{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important;padding:12px 14px !important;}
.co-welcome-card .co-field-filled{border-color:rgba(255,255,255,.14) !important;}
.co-welcome-card .co-field-label{font-size:11px !important;margin-bottom:5px !important;}
.co-field-ph{color:var(--muted) !important;font-size:13px !important;}
.co-welcome-card .co-field-value{font-size:13px !important;}

/* Sign In CTA */
.co-signin-btn{display:block;width:100%;background:var(--mpink);color:var(--crs-bg);border:none;border-radius:12px;padding:14px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-b);text-align:center;}
.co-signin-btn:hover{background:#C2FF60;}

/* Guest button */
.co-guest-btn{display:block;width:100%;background:rgba(255,255,255,.04);color:var(--muted2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-b);text-align:center;}
.co-guest-btn:hover{border-color:rgba(255,255,255,.18);color:var(--white);}

/* ── METRICS SECTION ────────────────────────────────────────────────── */
.metrics-sect {
  background: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
  position: relative;
}
.metrics-sect::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.015);
  backdrop-filter: blur(40px);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.metrics-grid {
  background: none !important;
  gap: 14px !important;
  border-radius: 24px !important;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}
.met {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  padding: 48px 32px !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
  overflow: hidden !important;
}
.met:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-hover) !important;
}
.met::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 80%, var(--orb-color, rgba(170,255,71,0.06)) 0%, transparent 65%) !important;
  pointer-events: none !important;
}
.met-num {
  font-size: 61px !important;
  background: linear-gradient(135deg, var(--crs-primary) 0%, #C8FF80 50%, var(--crs-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 24px rgba(170,255,71,0.4));
  line-height: 1 !important;
  margin-bottom: 12px !important;
}

/* ── TESTIMONIALS ───────────────────────────────────────────────────── */
.testi {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
  padding: 28px !important;
}
.testi:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(170,255,71,0.2) !important;
  box-shadow: var(--shadow-hover) !important;
}
.testi-av {
  background: rgba(170,255,71,0.12) !important;
  border: 1px solid rgba(170,255,71,0.2) !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.12) !important;
}
.stars {
  letter-spacing: 4px !important;
  filter: drop-shadow(0 0 6px rgba(170,255,71,0.5)) !important;
}

/* ── FOR CARDS ──────────────────────────────────────────────────────── */
.for-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(12px) !important;
  padding: 26px !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}
.for-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(170,255,71,0.22) !important;
  box-shadow: var(--shadow-hover) !important;
}
.for-icon {
  background: rgba(170,255,71,0.1) !important;
  border: 1px solid rgba(170,255,71,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.1) !important;
}

/* ── BUY BOX ────────────────────────────────────────────────────────── */
#buy-box {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(170,255,71,0.25) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 0 0 1px rgba(170,255,71,0.08) inset,
              0 8px 48px rgba(0,0,0,0.5),
              0 0 60px rgba(170,255,71,0.06) !important;
  padding: 36px;
}
#buy-box::before {
  background: linear-gradient(90deg, transparent, rgba(170,255,71,0.5), transparent) !important;
  height: 1px !important;
}
.license-option .license-opt-body {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 14px !important;
  transition: all 0.2s !important;
  backdrop-filter: blur(8px) !important;
}
.license-option input:checked + .license-opt-body {
  border-color: rgba(170,255,71,0.4) !important;
  background: rgba(170,255,71,0.07) !important;
  box-shadow: 0 0 0 1px rgba(170,255,71,0.2), 0 0 24px rgba(170,255,71,0.08) !important;
}
.license-option .license-opt-body:hover {
  border-color: rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.06) !important;
}
.buy-box-total-row {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* ── CTA BOX ────────────────────────────────────────────────────────── */
.cta-box {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 28px !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
  box-shadow: 0 8px 64px rgba(0,0,0,0.5), 0 0 80px rgba(170,255,71,0.04) !important;
  padding: 80px 64px !important;
  position: relative !important;
  overflow: hidden !important;
}
.cta-box::after {
  content: '';
  position: absolute;
  bottom: -80px; left: 50%; transform: translateX(-50%);
  width: 500px; height: 200px;
  background: radial-gradient(ellipse, rgba(170,255,71,0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* ── ABOUT PAGE ─────────────────────────────────────────────────────── */
.story-grid {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 24px;
  padding: 56px;
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow-card);
}
.vs-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(12px) !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}
.vs-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: var(--shadow-hover) !important;
}
.vs-card::before {
  border-radius: 4px 0 0 4px !important;
  box-shadow: 0 0 12px var(--lime) !important;
}

/* ── CONTACT PAGE ───────────────────────────────────────────────────── */
.channel {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(12px) !important;
  transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s !important;
}
.channel:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(170,255,71,0.2) !important;
  box-shadow: var(--shadow-hover) !important;
}
.ch-icon {
  background: rgba(170,255,71,0.1) !important;
  border: 1px solid rgba(170,255,71,0.18) !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.1) !important;
  border-radius: 12px !important;
}
.contact-form {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(24px) !important;
  box-shadow: var(--shadow-card) !important;
  padding: 40px !important;
}

/* ── FORM INPUTS — glass style ──────────────────────────────────────── */
.f-in, .sc-form-in, .sc-coupon-in, .notify-in {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px) !important;
  color: var(--text) !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}
.f-in:focus, .sc-form-in:focus, .sc-coupon-in:focus {
  border-color: rgba(170,255,71,0.4) !important;
  background: rgba(170,255,71,0.04) !important;
  box-shadow: 0 0 0 3px rgba(170,255,71,0.08) !important;
  outline: none !important;
}

/* ── BUTTONS — enhanced ─────────────────────────────────────────────── */
.btn-lime {
  box-shadow: 0 4px 20px rgba(170,255,71,0.3), 0 2px 0 rgba(255,255,255,0.15) inset !important;
  position: relative;
  overflow: hidden;
}
.btn-lime::after {
  content: '';
  position: absolute;
  top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s ease;
}
.btn-lime:hover::after { left: 100%; }
.btn-lime:hover {
  box-shadow: 0 6px 32px rgba(170,255,71,0.45), 0 2px 0 rgba(255,255,255,0.2) inset !important;
}

.buy-now-btn {
  box-shadow: 0 4px 24px rgba(170,255,71,0.35) !important;
  position: relative; overflow: hidden;
}
.buy-now-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s ease;
}
.buy-now-btn:hover::after { left: 100%; }

/* ── FAQ PAGE ───────────────────────────────────────────────────────── */
.faq-item {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(12px) !important;
  margin-bottom: 6px !important;
  overflow: visible !important;
  transition: border-color 0.2s !important;
}
.faq-item:hover { border-color: rgba(255,255,255,0.13) !important; }
.faq-item.open {
  border-color: rgba(170,255,71,0.2) !important;
  background: rgba(170,255,71,0.03) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.3), 0 0 20px rgba(170,255,71,0.06) !important;
}
.faq-q { border-radius: 14px 14px 0 0 !important; }

/* ── POLICY PAGES ───────────────────────────────────────────────────── */
.pol-hl {
  background: rgba(170,255,71,0.06) !important;
  border-left: 2px solid var(--lime) !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 0 0 20px rgba(170,255,71,0.06) !important;
  backdrop-filter: blur(8px) !important;
  padding: 16px 20px !important;
}
.pol-sec h2 {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 18px !important;
}

/* ── MY ACCOUNT SIDEBAR + CARDS ─────────────────────────────────────── */
.acc-sidebar {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: var(--shadow-card) !important;
}
.acc-nav button.active {
  background: rgba(170,255,71,0.1) !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.08) !important;
}
.dl-card, .lic-card, .orders-tbl, .profile-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-card) !important;
  backdrop-filter: blur(16px) !important;
  transition: border-color 0.22s, box-shadow 0.22s !important;
}
.dl-card:hover, .lic-card:hover {
  border-color: rgba(170,255,71,0.2) !important;
  box-shadow: var(--shadow-hover) !important;
}
.lic-key-row {
  background: rgba(170,255,71,0.06) !important;
  border: 1px solid rgba(170,255,71,0.16) !important;
  border-radius: 10px !important;
}
.lic-key {
  color: var(--lime) !important;
  filter: drop-shadow(0 0 6px rgba(170,255,71,0.3)) !important;
}

/* ── ORDER SUMMARY SIDEBARS ─────────────────────────────────────────── */
.ord-sum {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(24px) !important;
  box-shadow: var(--shadow-card) !important;
}

/* ── CART TABLE ─────────────────────────────────────────────────────── */
.cart-tbl {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: var(--shadow-card) !important;
  overflow: hidden !important;
}
.cart-th {
  background: rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* ── CHECKOUT FORM ──────────────────────────────────────────────────── */
.form-sec {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: var(--shadow-card) !important;
  padding: 28px !important;
}
.pay-opt {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.2s !important;
}
.pay-opt.active {
  border-color: rgba(170,255,71,0.35) !important;
  background: rgba(170,255,71,0.06) !important;
  box-shadow: 0 0 20px rgba(170,255,71,0.08) !important;
}

/* ── SNAPPY CART DRAWER ─────────────────────────────────────────────── */
.sc-drawer {
  background: rgba(8,8,18,0.82) !important;
  backdrop-filter: blur(40px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.8) !important;
  border-left: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: -8px 0 64px rgba(0,0,0,0.7) !important;
}
.sc-header {
  background: rgba(4,4,14,0.6) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 1px 0 rgba(170,255,71,0.07) !important;
}
.sc-item {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
  transition: border-color 0.2s, background 0.2s !important;
}
.sc-item:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.sc-bump-card {
  background: rgba(170,255,71,0.05) !important;
  border: 1px solid rgba(170,255,71,0.2) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 0 24px rgba(170,255,71,0.07) !important;
}
.sc-addr-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.2s !important;
}
.sc-addr-card:hover { border-color: rgba(170,255,71,0.2) !important; }
.sc-addr-card.selected {
  border-color: rgba(170,255,71,0.4) !important;
  background: rgba(170,255,71,0.06) !important;
  box-shadow: 0 0 20px rgba(170,255,71,0.08) !important;
}
.sc-pay-method {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.2s !important;
}
.sc-pay-method.selected {
  border-color: rgba(170,255,71,0.38) !important;
  background: rgba(170,255,71,0.07) !important;
  box-shadow: 0 0 24px rgba(170,255,71,0.1) !important;
}
.sc-upsell-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}
.sc-order-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(170,255,71,0.15) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 0 30px rgba(170,255,71,0.06) !important;
}
.sc-proc-stage {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
}
.sc-proc-stage.active {
  border-color: rgba(170,255,71,0.35) !important;
  background: rgba(170,255,71,0.06) !important;
  box-shadow: 0 0 24px rgba(170,255,71,0.1) !important;
}
.sc-proc-stage.done {
  border-color: rgba(170,255,71,0.2) !important;
  background: rgba(170,255,71,0.04) !important;
}
.sc-footer {
  background: rgba(4,4,14,0.8) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 -1px 0 rgba(170,255,71,0.08) !important;
}
.sc-proceed-btn {
  box-shadow: 0 4px 24px rgba(170,255,71,0.35) !important;
}
.sc-backdrop {
  background: rgba(0,0,0,0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* ── PAGE HEADER ────────────────────────────────────────────────────── */
.pg-header {
  padding: 64px 0 44px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  position: relative;
}
.pg-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 100% at 30% 50%, rgba(170,255,71,0.04) 0%, transparent 60%);
  pointer-events: none;
}

/* ── FOOTER ─────────────────────────────────────────────────────────── */
.footer-bar {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(170,255,71,0.35), transparent) !important;
  box-shadow: 0 0 20px rgba(170,255,71,0.15) !important;
}
.site-footer {
  background: rgba(255,255,255,0.015) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* ── NEON DIVIDER ───────────────────────────────────────────────────── */
.div-neon {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(170,255,71,0.4), rgba(170,255,71,0.4), transparent) !important;
  box-shadow: 0 0 16px rgba(170,255,71,0.2) !important;
  opacity: 1 !important;
}

/* ── TOAST ──────────────────────────────────────────────────────────── */
#toast {
  background: rgba(8,8,18,0.85) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(170,255,71,0.25) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.6), 0 0 20px rgba(170,255,71,0.1) !important;
}

/* ── SCROLL REVEAL ENHANCEMENTS ─────────────────────────────────────── */
.reveal { opacity: 0; transform: translateY(28px); }
.revealed {
  opacity: 1; transform: translateY(0);
  transition: opacity 0.7s cubic-bezier(.22,1,.36,1), transform 0.7s cubic-bezier(.22,1,.36,1);
}

/* ── SECTION VISUAL HIERARCHY — spacing & dividers ─────────────────── */
section { border: none !important; }
.prob-sect, .pricing-sect, .feat-sect, .metrics-sect,
.testi-sect, .for-sect, .values-sect, .about-hero, .faq-wrap {
  position: relative;
}
/* Subtle top-light on alternating sections */
.feat-sect::before, .testi-sect::before, .values-sect::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
}

/* ── BREADCRUMB GLASS ───────────────────────────────────────────────── */
.bc {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  padding: 6px 16px;
  backdrop-filter: blur(10px);
  margin-bottom: 20px !important;
}

/* ── PRODUCT VISUAL STRIP ───────────────────────────────────────────── */
.prod-visual {
  background: rgba(170,255,71,0.04) !important;
  border: 1px solid rgba(170,255,71,0.1) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px) !important;
  overflow: hidden !important;
  margin-top: 32px !important;
}
.pv-head {
  background: rgba(170,255,71,0.07) !important;
  border-bottom: 1px solid rgba(170,255,71,0.08) !important;
}

/* ── FRONT PAGE SNAPPY CART MOCKUP (fp-sc-) ────────────────────────── */
/* Step bar */
.fp-sc-steps{display:flex;align-items:center;gap:0;padding:12px 16px;background:rgba(170,255,71,.05);border-bottom:1px solid rgba(170,255,71,.08);}
.fp-sc-step{display:flex;align-items:center;gap:5px;}
.fp-sc-sn{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--muted);font-family:var(--font-b);flex-shrink:0;}
.fp-sc-step--on .fp-sc-sn{background:var(--lime);border-color:var(--lime);color:var(--crs-bg);}
.fp-sc-sl{font-size:9px;font-weight:700;color:var(--muted);font-family:var(--font-b);letter-spacing:.02em;text-transform:uppercase;}
.fp-sc-step--on .fp-sc-sl{color:var(--lime);}
.fp-sc-sline{flex:1;height:1px;background:rgba(255,255,255,.08);margin:0 8px;}
/* Drawer header */
.fp-sc-head{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--border);}
.fp-sc-htitle{font-family:var(--font-d);font-size:11px;font-weight:700;color:var(--white);letter-spacing:-.01em;}
.fp-sc-hcnt{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--lime);color:var(--crs-bg);border-radius:50%;font-size:8px;font-weight:800;margin-left:5px;vertical-align:middle;}
.fp-sc-hclose{font-size:11px;color:var(--muted);cursor:default;}
/* Item rows */
.fp-sc-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);}
.fp-sc-ico{width:32px;height:32px;background:rgba(170,255,71,.08);border:1px solid rgba(170,255,71,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.fp-sc-iinf{flex:1;min-width:0;}
.fp-sc-iinf p{font-size:10px;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fp-sc-iinf span{font-size:9px;color:var(--muted);}
.fp-sc-ir{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;}
.fp-sc-qty{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;padding:3px 8px;}
.fp-sc-qty span{font-size:10px;font-weight:700;color:var(--text);min-width:10px;text-align:center;}
.fp-sc-qb{background:none;border:none;color:var(--muted);font-size:12px;cursor:default;padding:0;line-height:1;}
.fp-sc-iprc{font-size:11px;font-weight:700;color:var(--lime);font-family:var(--font-d);}
/* Coupon row */
.fp-sc-coupon{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(170,255,71,.04);border-bottom:1px solid rgba(170,255,71,.1);}
.fp-sc-ctag{font-size:10px;font-weight:600;color:var(--lime);font-family:var(--font-b);}
.fp-sc-cdis{font-size:10px;font-weight:700;color:var(--lime);font-family:var(--font-d);}
/* Footer */
.fp-sc-foot{padding:12px 16px 14px;}
.fp-sc-totrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.fp-sc-tlbl{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-b);}
.fp-sc-tvals{display:flex;align-items:baseline;gap:7px;}
.fp-sc-torig{font-size:10px;color:var(--muted);text-decoration:line-through;font-family:var(--font-b);}
.fp-sc-tfinal{font-size:15px;font-weight:800;color:var(--lime);font-family:var(--font-d);}
.fp-sc-cta{display:block;width:100%;background:var(--lime);color:var(--crs-bg);border:none;border-radius:9px;padding:10px;font-size:12px;font-weight:800;cursor:default;font-family:var(--font-b);text-align:center;letter-spacing:.01em;}
/* Float animation on the whole mockup */
.fp-sc-mock{animation:fpScFloat 4s ease-in-out infinite;}
@keyframes fpScFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

/* ── UPSELL / BUMP IN DRAWER ────────────────────────────────────────── */
.sc-upsell-thumb {
  background: rgba(170,255,71,0.08) !important;
  border-radius: 10px !important;
}
.sc-delivery-summary {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
}
.sc-trust-badge {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important;
  backdrop-filter: blur(8px) !important;
}
.sc-steps-bar {
  background: rgba(255,255,255,0.02) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* ── ORDERS TABLE ───────────────────────────────────────────────────── */
.orders-tbl {
  overflow: hidden !important;
}
.orders-head {
  background: rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.orders-row:hover { background: rgba(255,255,255,0.04) !important; }
.ord-s {
  background: rgba(170,255,71,0.1) !important;
  border: 1px solid rgba(170,255,71,0.18) !important;
  box-shadow: 0 0 8px rgba(170,255,71,0.1) !important;
}


.friction-list .f-row{display:flex !important;grid-template-columns:unset !important;align-items:center !important;gap:14px !important;padding:12px !important;}

/* ═══════════════════════════════════════
   NAV LOGIN / ACCOUNT DROPDOWN
═══════════════════════════════════════ */

/* Login button */
.nav-login-btn {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  color: var(--text);
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.nav-login-btn:hover {
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.22);
  color: var(--white);
}

/* User trigger button */
.nav-account-item { position: relative; }
.nav-user-wrap { position: relative; }
.nav-user-btn {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 999px;
  padding: 5px 14px 5px 5px;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text);
  font-family: var(--font-b);
}
.nav-user-btn:hover,
.nav-user-btn.open {
  background: rgba(255,255,255,0.09);
  border-color: rgba(170,255,71,0.3);
  box-shadow: 0 0 16px rgba(170,255,71,0.08);
}
.nav-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(170,255,71,0.3), rgba(170,255,71,0.1));
  border: 1.5px solid rgba(170,255,71,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-d);
  font-size: 9px;
  font-weight: 700;
  color: var(--lime);
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(170,255,71,0.2);
}
.nav-user-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-dropdown-arrow {
  font-size: 10px;
  color: var(--muted2);
  transition: transform 0.25s;
  margin-left: 2px;
}
.nav-user-btn.open .nav-dropdown-arrow { transform: rotate(180deg); }

/* Dropdown panel */
.nav-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 260px;
  background: #0E0E1A;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  box-shadow:
    0 8px 48px rgba(0,0,0,0.7),
    0 2px 0 rgba(255,255,255,0.06) inset,
    0 0 0 1px rgba(170,255,71,0.06);
  overflow: hidden;
  display: none;
  z-index: 600;
  animation: ddIn 0.22s cubic-bezier(0.22,1,0.36,1);
  transform-origin: top right;
}
.nav-dropdown.open { display: block; }
@keyframes ddIn {
  from { opacity: 0; transform: scale(0.95) translateY(-6px); }
  to   { opacity: 1; transform: scale(1)   translateY(0); }
}

/* Dropdown header — user card */
.nav-dropdown-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 18px 16px;
  background: rgba(170,255,71,0.04);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.nav-dd-avatar-lg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(170,255,71,0.25), rgba(170,255,71,0.08));
  border: 1.5px solid rgba(170,255,71,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-d);
  font-size: 12px;
  font-weight: 700;
  color: var(--lime);
  flex-shrink: 0;
  box-shadow: 0 0 14px rgba(170,255,71,0.15);
}
.nav-dd-name {
  font-family: var(--font-b);
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
}
.nav-dd-email {
  font-size: 11px;
  color: var(--muted2);
  margin-top: 2px;
}

/* Divider */
.nav-dropdown-divider {
  height: 1px;
  background: rgba(255,255,255,0.07);
  margin: 4px 0;
}

/* Menu items */
.nav-dd-item {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px 18px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 500;
  color: var(--muted2);
  text-align: left;
  transition: all 0.15s;
}
.nav-dd-item:hover {
  background: rgba(255,255,255,0.05);
  color: var(--white);
}
.nav-dd-item:hover .nav-dd-icon { filter: none; }
.nav-dd-icon {
  font-size: 14px;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
  filter: grayscale(0.4);
}

/* Sign out */
.nav-dd-logout {
  margin: 0;
  color: rgba(255,100,100,0.8);
}
.nav-dd-logout:hover {
  background: rgba(255,80,80,0.07);
  color: #FF6B6B;
}

/* Overlay to close dropdown on outside click */
.nav-dd-overlay {
  position: fixed;
  inset: 0;
  z-index: 699;
  display: none;
}
.nav-dd-overlay.open { display: block; }


/* ═══════════════════════════════════════
   ACTIVE NAV ITEM
═══════════════════════════════════════ */
.nav-links a.nav-active,
.nav-links button.nav-active {
  color: var(--lime) !important;
  background: rgba(170,255,71,0.09) !important;
  box-shadow: 0 0 14px rgba(170,255,71,0.1);
  border-radius: 8px;
}

/* Nav account in right rail */
.nav-account-item { position: relative; }

/* ═══════════════════════════════════════
   COMING SOON — REDESIGNED
═══════════════════════════════════════ */
.cs-redesigned {
  background: linear-gradient(145deg,
    rgba(255,255,255,0.04) 0%,
    rgba(255,255,255,0.02) 100%) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 24px !important;
  padding: 44px !important;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  overflow: hidden;
}
.cs-redesigned::before {
  content: '';
  position: absolute;
  top: -120px; right: -120px;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(170,255,71,0.06) 0%, transparent 65%);
  pointer-events: none;
}
.cs-redesigned::after {
  content: '';
  position: absolute;
  bottom: -60px; left: -60px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
  pointer-events: none;
}

/* Top row: badge + countdown */
.cs-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.cs-blink {
  width: 6px; height: 6px;
  background: var(--muted2);
  border-radius: 50%;
  animation: cs-blink 1.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes cs-blink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }
.cs-counter-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.cs-counter-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 6px 10px 4px;
  min-width: 44px;
}
.cs-counter-num {
  font-family: var(--font-d);
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: -.03em;
  line-height: 1;
}
.cs-counter-lbl {
  font-size: 9px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 3px;
}
.cs-counter-sep {
  font-family: var(--font-d);
  font-size: 18px;
  color: var(--muted);
  line-height: 1;
  padding-bottom: 10px;
}

/* Mystery icon */
.cs-mystery-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
}
.cs-mystery-icon {
  width: 72px; height: 72px;
  border-radius: 20px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  backdrop-filter: blur(10px);
}
.cs-mystery-glow {
  position: absolute;
  inset: -1px;
  border-radius: 20px;
  background: linear-gradient(135deg,
    rgba(255,255,255,0.06) 0%,
    transparent 60%);
  pointer-events: none;
}
.cs-mystery-q {
  font-family: var(--font-d);
  font-size: 36px;
  font-weight: 900;
  color: rgba(255,255,255,0.18);
  letter-spacing: -.04em;
}
.cs-name-mystery {
  color: var(--white) !important;
  font-size: clamp(22px, 2.5vw, 31px) !important;
  line-height: 1.1 !important;
}
.cs-name-sub {
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 500;
  color: var(--muted2);
  letter-spacing: 0;
}

/* Teaser bullets */
.cs-teaser-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cs-teaser-item {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 14px;
  color: var(--muted2);
  line-height: 1.5;
}
.cs-teaser-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
  flex-shrink: 0;
}

/* Waitlist */
.cs-waitlist-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cs-waitlist-label {
  font-size: 12px;
  color: var(--muted2);
  font-weight: 500;
}
.cs-waitlist-count {
  font-family: var(--font-d);
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
}
.cs-waitlist-row {
  display: flex;
  gap: 9px;
}
.cs-notify-in {
  flex: 1;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  color: var(--text) !important;
  font-family: var(--font-b) !important;
  outline: none;
  transition: border-color .18s, background .18s !important;
}
.cs-notify-in:focus {
  border-color: rgba(255,255,255,0.22) !important;
  background: rgba(255,255,255,0.07) !important;
}
.cs-notify-in::placeholder { color: var(--muted) !important; }
.cs-notify-btn {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 10px;
  color: var(--white);
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 700;
  padding: 11px 18px;
  cursor: pointer;
  white-space: nowrap;
  transition: all .2s;
}
.cs-notify-btn:hover {
  background: rgba(255,255,255,0.13);
  border-color: rgba(255,255,255,0.24);
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.cs-waitlist-note {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.5;
}

/* ═══════════════════════════════════════
   LICENSE KEY EYE REVEAL
═══════════════════════════════════════ */
.lic-key-row {
  background: rgba(170,255,71,0.06) !important;
  border: 1px solid rgba(170,255,71,0.16) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  gap: 10px !important;
}
.lic-key {
  font-family: 'Courier New', monospace !important;
  font-size: 13px !important;
  color: var(--lime) !important;
  letter-spacing: .1em !important;
  transition: all .3s !important;
  user-select: none;
  flex: 1;
}
.lic-key.revealed {
  user-select: text;
  filter: drop-shadow(0 0 6px rgba(170,255,71,0.3));
}
.lic-key-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}
.lic-eye-btn {
  background: none;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 6px;
  width: 30px; height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--muted2);
  transition: all .18s;
  padding: 0;
}
.lic-eye-btn:hover {
  border-color: rgba(170,255,71,0.3);
  color: var(--lime);
  background: rgba(170,255,71,0.07);
}
.lic-eye-btn.active {
  border-color: rgba(170,255,71,0.35);
  color: var(--lime);
  background: rgba(170,255,71,0.1);
}


/* ═══════════════════════════════════════════════════
   ORDER DETAIL PANEL
═══════════════════════════════════════════════════ */
.ord-clickable { cursor: pointer; }
.ord-s-completed { background: rgba(170,255,71,.09) !important; color: var(--lime) !important; border: 1px solid rgba(170,255,71,.18) !important; box-shadow: 0 0 8px rgba(170,255,71,.08); }
.ord-s-refunded { background: rgba(255,80,80,.08) !important; color: #FF6B6B !important; border: 1px solid rgba(255,80,80,.18) !important; }

/* Back button + header */
.odp-header { display:flex; align-items:center; justify-content:space-between; padding: 0 0 20px; border-bottom: 1px solid rgba(255,255,255,.07); margin-bottom: 20px; }
.odp-back { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 8px 16px; color: var(--muted2); font-family: var(--font-b); font-size: 13px; font-weight: 600; cursor: pointer; transition: all .18s; display: flex; align-items: center; gap: 6px; }
.odp-back:hover { background: rgba(255,255,255,.09); color: var(--white); }
.odp-header-right { display: flex; align-items: center; gap: 10px; }
.odp-order-num { font-family: var(--font-d); font-size: 16px; font-weight: 700; color: var(--lime); letter-spacing: -.02em; }
.odp-status { font-family: var(--font-b); font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 99px; background: rgba(170,255,71,.09); color: var(--lime); border: 1px solid rgba(170,255,71,.18); }

/* Banners */
.odp-refund-eligible, .odp-refund-expired, .odp-refunded-badge {
  display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px;
  border-radius: 12px; margin-bottom: 20px; font-size: 13px;
}
.odp-refund-eligible { background: rgba(170,255,71,.06); border: 1px solid rgba(170,255,71,.2); color: var(--muted2); }
.odp-refund-eligible strong { color: var(--lime); display: block; margin-bottom: 2px; }
.odp-refund-eligible .odp-re-icon { font-size: 18px; flex-shrink: 0; }
.odp-refund-expired { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); color: var(--muted); font-size: 13px; }
.odp-refunded-badge { background: rgba(170,255,71,.05); border: 1px solid rgba(170,255,71,.15); color: var(--lime); font-size: 13px; font-weight: 600; }

/* Two-col grid */
.odp-grid { display: grid; grid-template-columns: 1fr 280px; gap: 20px; align-items: start; }

/* Sections */
.odp-section { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 22px; margin-bottom: 14px; backdrop-filter: blur(12px); }
.odp-section:last-child { margin-bottom: 0; }
.odp-section-title { font-family: var(--font-d); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }

/* Item card */
.odp-item-card { display: flex; align-items: flex-start; gap: 14px; }
.odp-item-icon { width: 52px; height: 52px; background: rgba(170,255,71,.08); border: 1px solid rgba(170,255,71,.12); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.odp-item-info { flex: 1; }
.odp-item-name { font-family: var(--font-b); font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.odp-item-meta { font-size: 12px; color: var(--muted2); margin-bottom: 10px; }
.odp-item-tags { display: flex; gap: 7px; flex-wrap: wrap; }
.odp-tag { font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 99px; background: rgba(170,255,71,.08); border: 1px solid rgba(170,255,71,.16); color: var(--lime); }
.odp-item-price { font-family: var(--font-d); font-size: 18px; font-weight: 700; color: var(--lime); letter-spacing: -.03em; flex-shrink: 0; }

/* License key box */
.odp-license-box { background: rgba(170,255,71,.06); border: 1px solid rgba(170,255,71,.16); border-radius: 10px; padding: 12px 14px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; gap: 10px; }
.odp-lic-key { font-family: 'Courier New', monospace; font-size: 14px; color: var(--lime); letter-spacing: .08em; filter: drop-shadow(0 0 6px rgba(170,255,71,.25)); }
.odp-copy-btn { background: none; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: 4px 12px; color: var(--muted2); font-family: var(--font-b); font-size: 11px; font-weight: 600; cursor: pointer; transition: all .15s; white-space: nowrap; }
.odp-copy-btn:hover { border-color: rgba(255,255,255,.22); color: var(--white); }
.odp-lic-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.odp-lic-meta-item { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 8px; padding: 10px 12px; text-align: center; }
.odp-lic-meta-item span { display: block; font-size: 10px; color: var(--muted); margin-bottom: 4px; font-family: var(--font-b); }
.odp-lic-meta-item strong { font-family: var(--font-d); font-size: 13px; font-weight: 700; color: var(--white); }

/* Invoice */
.odp-invoice { display: flex; flex-direction: column; gap: 0; }
.odp-inv-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 13px; color: var(--muted2); }
.odp-inv-row span:last-child { color: var(--text); font-weight: 600; }
.odp-inv-total { display: flex; justify-content: space-between; padding: 14px 0 8px; font-size: 15px; font-weight: 700; }
.odp-inv-total span:first-child { color: var(--text); }
.odp-inv-total span:last-child { font-family: var(--font-d); font-size: 20px; color: var(--lime); letter-spacing: -.03em; }
.odp-green { color: var(--lime) !important; }

/* Right action cards */
.odp-right { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 84px; }
.odp-action-card { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 10px; backdrop-filter: blur(12px); }
.odp-action-title { font-family: var(--font-d); font-size: 13px; font-weight: 700; color: var(--white); letter-spacing: -.01em; }
.odp-action-desc { font-size: 12px; color: var(--muted); line-height: 1.6; }
.odp-btn-primary { width: 100%; padding: 11px; background: var(--lime); color: #07070B; font-family: var(--font-b); font-weight: 700; font-size: 13px; border: none; border-radius: 9px; cursor: pointer; transition: all .18s; }
.odp-btn-primary:hover { background: #C2FF60; box-shadow: 0 0 20px rgba(170,255,71,.3); }
.odp-btn-secondary { width: 100%; padding: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: var(--muted2); font-family: var(--font-b); font-weight: 600; font-size: 12px; cursor: pointer; transition: all .18s; }
.odp-btn-secondary:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.2); color: var(--white); }

/* Refund card */
.odp-refund-card { background: rgba(255,80,80,.04); border: 1px solid rgba(255,80,80,.15); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 12px; backdrop-filter: blur(12px); }
.odp-refund-header { display: flex; align-items: flex-start; gap: 12px; }
.odp-refund-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.odp-refund-deadline { font-size: 11px; color: rgba(255,120,120,.7); font-weight: 600; }
.odp-btn-refund { width: 100%; padding: 10px; background: rgba(255,80,80,.12); border: 1px solid rgba(255,80,80,.25); border-radius: 9px; color: #FF8080; font-family: var(--font-b); font-weight: 700; font-size: 13px; cursor: pointer; transition: all .18s; }
.odp-btn-refund:hover { background: rgba(255,80,80,.2); border-color: rgba(255,80,80,.4); color: #FFAAAA; }
.odp-refund-reason-wrap { display: flex; flex-direction: column; gap: 9px; animation: fadeIn .25s ease; }
.odp-reason-label { font-size: 12px; color: var(--muted2); font-weight: 600; }
.odp-reason-textarea { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 10px 12px; color: var(--text); font-family: var(--font-b); font-size: 13px; resize: none; height: 80px; outline: none; transition: border-color .18s; }
.odp-reason-textarea:focus { border-color: rgba(255,80,80,.3); }
.odp-reason-textarea::placeholder { color: var(--muted); }
.odp-refund-confirm-btns { display: flex; gap: 8px; }
.odp-btn-danger { flex: 1; padding: 10px; background: rgba(255,80,80,.2); border: 1px solid rgba(255,80,80,.35); border-radius: 9px; color: #FF8080; font-family: var(--font-b); font-weight: 700; font-size: 12px; cursor: pointer; transition: all .18s; }
.odp-btn-danger:hover { background: rgba(255,80,80,.32); }

/* Responsive */
@media(max-width:768px) {
  .odp-grid { grid-template-columns: 1fr; }
  .odp-right { position: static; }
}

/* WordPress-specific utilities kept outside the v5 source map */
img{max-width:100%;height:auto;}
.aligncenter{display:block;margin:0 auto;}
.screen-reader-text{position:absolute;left:-9999px;}
.woo-content-wrap{padding:60px 28px 100px;}

/* Disable single-file app page-hiding rules when running as a WP theme */
.page{display:block;}
body.page{display:block !important;}

/* ══════════ SINGLE POST PROSE ══════════ */
.single-content p{margin-bottom:1.6em;color:var(--text);}
.single-content h2{font-size:clamp(22px,3vw,31px);margin:2.2em 0 .8em;color:var(--white);}
.single-content h3{font-size:clamp(18px,2.5vw,25px);margin:2em 0 .7em;color:var(--white);}
.single-content h4{font-size:18px;margin:1.8em 0 .6em;color:var(--white);}
.single-content ul,.single-content ol{margin:0 0 1.6em 1.5em;color:var(--text);}
.single-content li{margin-bottom:.5em;}
.single-content blockquote{border-left:3px solid var(--lime);margin:2em 0;padding:14px 22px;background:var(--bg1);border-radius:0 8px 8px 0;font-style:italic;color:var(--muted2);}
.single-content code{background:var(--bg2);border:1px solid var(--border2);border-radius:5px;padding:2px 7px;font-family:'Courier New',monospace;font-size:.9em;color:var(--lime);}
.single-content pre{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:20px;overflow-x:auto;margin-bottom:1.6em;}
.single-content pre code{background:none;border:none;padding:0;color:var(--text);}
.single-content a{color:var(--lime);text-decoration:none;border-bottom:1px solid var(--lime-border);transition:border-color .15s;}
.single-content a:hover{border-color:var(--lime);}
.single-content img{border-radius:10px;margin:1.5em 0;}
.single-content table{width:100%;border-collapse:collapse;margin-bottom:1.6em;}
.single-content th{padding:10px 14px;background:var(--bg2);border:1px solid var(--border2);font-weight:700;color:var(--white);text-align:left;}
.single-content td{padding:10px 14px;border:1px solid var(--border);color:var(--text);}
.single-content hr{border:none;border-top:1px solid var(--border);margin:2.5em 0;}

/* ══════════ SEARCH / ARCHIVE POST PAGINATION ══════════ */
.nav-links{display:flex;gap:8px;flex-wrap:wrap;}
.nav-links a,.nav-links span{padding:8px 16px;background:var(--bg1);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:all .18s;}
.nav-links a:hover{border-color:var(--lime-border);color:var(--lime);}
.nav-links .current{background:var(--lime-dim);border-color:var(--lime-border);color:var(--lime);}


/* ══════════════════════════════════════════════════════════════
   BLOG — Apple-style glass UI  (archive · index · search · single)
══════════════════════════════════════════════════════════════ */

/* ── Page wrapper ── */
.blog-page{padding:52px 0 100px;}

/* ── Category filter pills ── */
.blog-cats-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;}
.blog-cat-pill{
  display:inline-flex;align-items:center;padding:7px 16px;
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.08);border-radius:99px;
  font-family:var(--font-b);font-size:12px;font-weight:600;
  color:rgba(255,255,255,0.5);text-decoration:none;
  transition:all .2s cubic-bezier(.22,1,.36,1);white-space:nowrap;
}
.blog-cat-pill:hover{
  background:rgba(255,255,255,0.09);
  border-color:rgba(255,255,255,0.15);
  color:var(--white);
}
.blog-cat-pill.active{
  background:rgba(170,255,71,0.12);
  border-color:rgba(170,255,71,0.3);
  color:var(--lime);
}

/* ── Post grid ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-grid--3{grid-template-columns:repeat(3,1fr);}

/* ── Glass card ── */
.blog-card{
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.22,1,.36,1),
             border-color .3s,
             box-shadow .3s cubic-bezier(.22,1,.36,1);
  cursor:pointer;
}
.blog-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,0.13);
  box-shadow:
    0 2px 4px rgba(0,0,0,.12),
    0 8px 24px rgba(0,0,0,.28),
    0 24px 48px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06);
}

/* Featured image */
.blog-card-img{
  display:block;aspect-ratio:16/9;overflow:hidden;
  background:rgba(255,255,255,0.04);flex-shrink:0;
  position:relative;
}
.blog-card-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.25));
  pointer-events:none;
}
.blog-card-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.blog-card:hover .blog-card-img img{transform:scale(1.05);}
.blog-card-img-placeholder{
  width:100%;height:100%;display:flex;align-items:center;
  justify-content:center;font-size:44px;
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
}

/* Card body */
.blog-card-body{
  padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;gap:10px;
}
.blog-card-cat{
  display:inline-flex;align-items:center;padding:3px 10px;
  background:rgba(170,255,71,0.1);border:1px solid rgba(170,255,71,0.2);
  border-radius:99px;font-size:11px;font-weight:700;color:var(--lime);
  text-decoration:none;letter-spacing:.05em;text-transform:uppercase;width:fit-content;
  transition:all .18s;
}
.blog-card-cat:hover{background:rgba(170,255,71,0.18);border-color:rgba(170,255,71,0.35);}
.blog-card-title{
  font-family:var(--font-d);font-size:16px;font-weight:800;
  color:rgba(255,255,255,0.9);line-height:1.4;letter-spacing:-.025em;margin:0;
}
.blog-card-title a{color:inherit;text-decoration:none;transition:color .18s;}
.blog-card-title a:hover{color:var(--lime);}
.blog-card-excerpt{
  font-size:13px;color:rgba(255,255,255,0.42);line-height:1.7;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.blog-card-meta{
  display:flex;align-items:center;gap:6px;font-size:12px;
  color:rgba(255,255,255,0.3);margin-top:auto;padding-top:6px;
}
.blog-card-dot{opacity:.5;}

/* ── Empty state ── */
.blog-empty{text-align:center;padding:100px 24px;}
.blog-empty-icon{font-size:56px;margin-bottom:20px;filter:drop-shadow(0 4px 24px rgba(0,0,0,.4));}
.blog-empty h2{font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--white);margin-bottom:12px;letter-spacing:-.03em;}
.blog-empty p{font-size:14px;color:rgba(255,255,255,0.4);margin-bottom:32px;line-height:1.7;}

/* ── Pagination ── */
.blog-pagination{margin-top:56px;display:flex;justify-content:center;}

/* ── Search (search.php) ── */
.blog-search-wrap{margin-bottom:40px;}
.blog-search-form-lg{
  display:flex;gap:10px;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;padding:8px 8px 8px 18px;
}
.blog-search-in-lg{
  flex:1;background:transparent;border:none;
  font-size:15px;color:var(--white);font-family:var(--font-b);outline:none;
  min-width:0;
}
.blog-search-in-lg::placeholder{color:rgba(255,255,255,0.3);}

/* ── Single post ── */
.blog-single-title{max-width:860px;}
.blog-single-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;}
.blog-single-author{
  display:flex;align-items:center;gap:8px;text-decoration:none;
  color:rgba(255,255,255,0.7);font-size:13px;font-weight:600;transition:color .18s;
}
.blog-single-author:hover{color:var(--lime);}
.blog-author-avatar{border-radius:50%;flex-shrink:0;}
.blog-meta-sep{color:rgba(255,255,255,0.2);}
.blog-single-wrap{
  display:grid;grid-template-columns:44px 1fr;gap:40px;
  padding:52px 0 0;max-width:900px;
}
.blog-single{width:100%;}
.blog-single-hero{margin-bottom:48px;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.5);}
.blog-single-hero-img{width:100%;height:auto;display:block;max-height:500px;object-fit:cover;}

/* ── Prose / blog content ── */
.blog-content{line-height:1.88;font-size:16.5px;color:rgba(255,255,255,0.72);}
.blog-content h2{
  font-family:var(--font-d);font-size:clamp(20px,2.8vw,26px);font-weight:800;
  color:rgba(255,255,255,0.95);margin:2.4em 0 .7em;letter-spacing:-.03em;
}
.blog-content h3{
  font-family:var(--font-d);font-size:clamp(17px,2vw,21px);font-weight:700;
  color:rgba(255,255,255,0.9);margin:1.9em 0 .6em;letter-spacing:-.02em;
}
.blog-content h4{font-family:var(--font-b);font-size:16px;font-weight:700;color:rgba(255,255,255,0.88);margin:1.5em 0 .5em;}
.blog-content p{margin-bottom:1.6em;}
.blog-content a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(170,255,71,0.25);transition:border-color .15s;}
.blog-content a:hover{border-color:var(--lime);}
.blog-content ul,.blog-content ol{padding-left:1.6em;margin-bottom:1.5em;}
.blog-content li{margin-bottom:.5em;line-height:1.78;}
.blog-content ul li::marker{color:var(--lime);}
.blog-content ol li::marker{color:var(--lime);font-weight:700;}
.blog-content blockquote{
  border-left:2px solid var(--lime);
  background:rgba(170,255,71,0.04);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-radius:0 14px 14px 0;padding:18px 22px;margin:2em 0;
  color:rgba(255,255,255,0.55);font-size:15px;line-height:1.75;
}
.blog-content blockquote p{margin:0;}
.blog-content code{
  font-family:'JetBrains Mono','Fira Code',monospace;font-size:.86em;
  background:rgba(170,255,71,0.08);border:1px solid rgba(170,255,71,0.15);
  border-radius:5px;padding:2px 7px;color:var(--lime);
}
.blog-content pre{
  background:rgba(0,0,0,0.4);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:14px;padding:22px 24px;overflow-x:auto;margin-bottom:1.8em;
}
.blog-content pre code{background:none;border:none;padding:0;font-size:13px;color:rgba(255,255,255,0.75);}
.blog-content img{border-radius:14px;margin:1.8em 0;width:100%;height:auto;display:block;box-shadow:0 8px 32px rgba(0,0,0,.4);}
.blog-content figcaption,.blog-content .wp-caption-text{font-size:12px;color:rgba(255,255,255,0.3);text-align:center;margin-top:-10px;margin-bottom:1.4em;}
.blog-content hr{border:none;border-top:1px solid rgba(255,255,255,0.07);margin:2.6em 0;}
.blog-content table{width:100%;border-collapse:collapse;margin-bottom:1.8em;}
.blog-content th{padding:11px 15px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.07);font-weight:700;color:rgba(255,255,255,0.9);text-align:left;}
.blog-content td{padding:11px 15px;border:1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.6);}

/* Tags + links */
.blog-tags-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:44px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.07);}
.blog-tags-label{font-size:12px;color:rgba(255,255,255,0.3);font-weight:700;text-transform:uppercase;letter-spacing:.1em;}
.blog-tag-pill{
  display:inline-flex;padding:4px 11px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);
  border-radius:7px;font-size:12px;color:rgba(255,255,255,0.4);
  text-decoration:none;transition:all .18s;
}
.blog-tag-pill:hover{border-color:rgba(170,255,71,0.3);color:var(--lime);background:rgba(170,255,71,0.06);}
.blog-page-links{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap;}

/* Post prev/next */
.blog-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:52px;padding-top:36px;border-top:1px solid rgba(255,255,255,0.07);}
.blog-post-nav-item{
  display:block;padding:18px 20px;
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.07);border-radius:14px;
  text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);
}
.blog-post-nav-item:hover{
  border-color:rgba(255,255,255,0.13);
  background:rgba(255,255,255,0.05);
  transform:translateY(-2px);
}
.blog-post-nav-item--right{text-align:right;}
.blog-post-nav-dir{font-size:11px;color:rgba(255,255,255,0.3);display:block;margin-bottom:7px;font-weight:600;letter-spacing:.04em;}
.blog-post-nav-title{font-size:14px;font-weight:700;color:rgba(255,255,255,0.8);display:block;line-height:1.4;}

/* Social share rail */
.blog-share-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:60px;position:sticky;top:120px;}
.blog-share-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.25);text-transform:uppercase;letter-spacing:.14em;margin-bottom:2px;}
.blog-share-btn{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.08);border-radius:10px;
  color:rgba(255,255,255,0.4);cursor:pointer;text-decoration:none;
  transition:all .2s cubic-bezier(.22,1,.36,1);
}
.blog-share-btn:hover{
  border-color:rgba(170,255,71,0.3);
  color:var(--lime);
  background:rgba(170,255,71,0.07);
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}

/* Author bio */
.author-bio{
  display:flex;gap:22px;align-items:flex-start;
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.07);border-radius:20px;
  padding:28px 32px;margin:56px 0 52px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.author-bio-avatar{flex-shrink:0;}
.author-bio-img{border-radius:50%;display:block;box-shadow:0 4px 16px rgba(0,0,0,.4);}
.author-bio-name{
  font-family:var(--font-d);font-size:15px;font-weight:800;
  color:rgba(255,255,255,0.9);text-decoration:none;display:block;margin-bottom:10px;
  transition:color .18s;
}
.author-bio-name:hover{color:var(--lime);}
.author-bio-desc{font-size:14px;color:rgba(255,255,255,0.45);line-height:1.72;margin-bottom:14px;}
.author-bio-link{font-size:13px;font-weight:700;color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(170,255,71,0.25);transition:border-color .15s;}
.author-bio-link:hover{border-color:var(--lime);}

/* Related posts */
.related-posts{margin-bottom:72px;}
.related-posts-title{
  font-family:var(--font-d);font-size:19px;font-weight:800;
  color:rgba(255,255,255,0.9);letter-spacing:-.03em;margin-bottom:26px;
}

/* Comments */
.blog-comments{margin-bottom:80px;}
.blog-comments .comment-form input,.blog-comments .comment-form textarea{
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,0.07);border-radius:10px;
  padding:11px 15px;font-size:14px;color:rgba(255,255,255,0.8);
  font-family:var(--font-b);width:100%;transition:border-color .18s;outline:none;
}
.blog-comments .comment-form input:focus,.blog-comments .comment-form textarea:focus{border-color:rgba(170,255,71,0.35);}
.blog-comments .submit{background:var(--lime);color:var(--crs-bg);border:none;border-radius:10px;padding:12px 26px;font-family:var(--font-b);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;margin-top:8px;}
.blog-comments .submit:hover{background:#C2FF60;transform:translateY(-1px);box-shadow:0 4px 20px rgba(170,255,71,.25);}

/* ── Responsive ── */
@media(max-width:1024px){
  .blog-grid,.blog-grid--3{grid-template-columns:repeat(2,1fr);}
  .blog-single-wrap{grid-template-columns:1fr;}
  .blog-share-rail{flex-direction:row;position:static;padding-top:0;margin-bottom:28px;}
  .blog-share-label{writing-mode:horizontal-tb;}
}
@media(max-width:640px){
  .blog-grid,.blog-grid--3{grid-template-columns:1fr;}
  .blog-cats-bar{gap:6px;}
  .blog-post-nav{grid-template-columns:1fr;}
  .author-bio{flex-direction:column;gap:16px;padding:20px;}
  .blog-single-wrap{gap:0;}
  .blog-search-form-lg{border-radius:12px;padding:6px 6px 6px 14px;}
}

/* ══════════════════════════════════════════════
   SINGLE POST — 2-column layout with sidebar
══════════════════════════════════════════════ */
.blog-single-layout{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:48px;
  align-items:start;
  padding:52px 0 100px;
}

/* Sticky sidebar */
.blog-single-sidebar{
  position:sticky;
  top:100px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* Sidebar widget glass card */
.bss-widget{
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:16px;
  padding:20px 22px;
}
.bss-widget-title{
  font-family:var(--font-d);font-size:11px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,0.3);margin-bottom:16px;
}

/* Categories list */
.bss-widget-list{list-style:none;display:flex;flex-direction:column;gap:2px;}
.bss-widget-list li{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.05);gap:8px;
}
.bss-widget-list li:last-child{border-bottom:none;}
.bss-widget-list a{
  font-size:13px;color:rgba(255,255,255,0.6);
  text-decoration:none;flex:1;transition:color .15s;
}
.bss-widget-list a:hover{color:var(--lime);}
.bss-widget-count{
  font-size:11px;color:rgba(255,255,255,0.25);
  background:rgba(255,255,255,0.05);
  border-radius:99px;padding:2px 8px;flex-shrink:0;
}

/* Recent posts */
.bss-widget-recent{list-style:none;display:flex;flex-direction:column;gap:14px;}
.bss-widget-recent li{display:flex;align-items:flex-start;gap:10px;}
.bss-recent-thumb{
  width:50px;height:50px;flex-shrink:0;
  border-radius:8px;overflow:hidden;display:block;
}
.bss-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.bss-recent-info{display:flex;flex-direction:column;gap:4px;flex:1;}
.bss-recent-info a{
  font-size:13px;font-weight:600;color:rgba(255,255,255,0.7);
  text-decoration:none;line-height:1.4;transition:color .15s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.bss-recent-info a:hover{color:var(--lime);}
.bss-recent-info span{font-size:11px;color:rgba(255,255,255,0.3);}

/* ── Snappy Cart sidebar ad ── */
.bss-ad-card{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(170,255,71,0.08) 0%,rgba(255,255,255,0.03) 100%);
  border:1px solid rgba(170,255,71,0.2);
  border-radius:18px;padding:24px 22px 20px;
  display:flex;flex-direction:column;gap:12px;
}
.bss-ad-glow{
  position:absolute;top:-40px;right:-40px;
  width:140px;height:140px;
  background:radial-gradient(circle,rgba(170,255,71,0.15) 0%,transparent 70%);
  pointer-events:none;
}
.bss-ad-badge{
  display:inline-flex;align-items:center;width:fit-content;
  padding:3px 10px;background:rgba(170,255,71,0.12);
  border:1px solid rgba(170,255,71,0.25);border-radius:99px;
  font-size:11px;font-weight:700;color:var(--lime);letter-spacing:.05em;
}
.bss-ad-icon{font-size:36px;line-height:1;filter:drop-shadow(0 0 12px rgba(170,255,71,0.3));}
.bss-ad-title{
  font-family:var(--font-d);font-size:20px;font-weight:900;
  color:#fff;letter-spacing:-.04em;margin:0;
}
.bss-ad-desc{
  font-size:13px;color:rgba(255,255,255,0.55);line-height:1.68;margin:0;
}
.bss-ad-features{
  list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;
}
.bss-ad-features li{
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.7);
  display:flex;align-items:center;gap:6px;
}
.bss-ad-features li::before{content:none;}
.bss-ad-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;padding:12px 16px;margin-top:4px;
  background:var(--lime);color:var(--crs-bg);
  font-family:var(--font-b);font-size:14px;font-weight:700;
  border:none;border-radius:10px;cursor:pointer;text-decoration:none;
  transition:all .22s cubic-bezier(.22,1,.36,1);
  box-shadow:0 4px 20px rgba(170,255,71,0.2);
}
.bss-ad-btn:hover{
  background:#C2FF60;
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(170,255,71,0.35);
}
.bss-ad-note{
  font-size:11px;color:rgba(255,255,255,0.3);text-align:center;margin:0;
}

/* Responsive — stack at 900px */
@media(max-width:900px){
  .blog-single-layout{
    grid-template-columns:1fr;
    gap:0;
    padding-bottom:80px;
  }
  .blog-single-sidebar{
    position:static;
    margin-top:48px;
  }
}

/* ══════════════════════════════════════════════
   FEATURE REQUEST CARD
══════════════════════════════════════════════ */
.prod-fr{display:flex;flex-direction:column;gap:20px;}

/* Kill the default pill bottom margin inside this card */
.prod-fr .prod-pill{margin-bottom:0;}

/* Header */
.fr-header{display:flex;flex-direction:column;gap:10px;}
.fr-icon{font-size:36px;line-height:1;}
.fr-title{
  font-family:var(--font-d);font-size:22px;font-weight:900;
  color:#fff;letter-spacing:-.045em;line-height:1.15;margin:0;
}
.fr-title-accent{color:var(--lime);display:block;}
.fr-desc{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.65;margin:0;}

/* Form */
.fr-form{display:flex;flex-direction:column;gap:10px;}
.fr-textarea{
  width:100%;box-sizing:border-box;resize:vertical;min-height:100px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);border-radius:10px;
  padding:12px 14px;
  font-family:var(--font-b);font-size:13.5px;color:rgba(255,255,255,0.85);
  line-height:1.65;outline:none;
  transition:border-color .18s,background .18s;
}
.fr-textarea::placeholder{color:rgba(255,255,255,0.28);}
.fr-textarea:focus{border-color:rgba(170,255,71,0.4);background:rgba(255,255,255,0.06);}
.fr-email-in{
  width:100%;box-sizing:border-box;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);border-radius:10px;
  padding:11px 14px;
  font-family:var(--font-b);font-size:13px;color:rgba(255,255,255,0.85);
  outline:none;transition:border-color .18s,background .18s;
}
.fr-email-in::placeholder{color:rgba(255,255,255,0.28);}
.fr-email-in:focus{border-color:rgba(170,255,71,0.4);background:rgba(255,255,255,0.06);}

/* Newsletter checkbox */
.fr-checkbox-row{
  display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:2px 0;
}
.fr-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.fr-checkbox-box{
  width:18px;height:18px;flex-shrink:0;margin-top:1px;
  border-radius:5px;border:1.5px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255,0.04);
  display:flex;align-items:center;justify-content:center;
  position:relative;transition:all .18s cubic-bezier(.22,1,.36,1);
}
.fr-checkbox-box::after{
  content:'✓';font-size:11px;font-weight:800;color:var(--crs-bg,#07070B);
  opacity:0;transform:scale(.5);
  transition:opacity .15s,transform .18s cubic-bezier(.22,1,.36,1);
}
.fr-checkbox:checked ~ .fr-checkbox-box{
  background:var(--lime);border-color:var(--lime);
  box-shadow:0 0 8px rgba(170,255,71,0.3);
}
.fr-checkbox:checked ~ .fr-checkbox-box::after{opacity:1;transform:scale(1);}
.fr-checkbox-label{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.55;user-select:none;}
.fr-checkbox-row:hover .fr-checkbox-box{border-color:rgba(170,255,71,0.4);}

/* Submit button */
.fr-submit-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:13px 18px;
  background:var(--lime);color:var(--crs-bg,#07070B);
  font-family:var(--font-b);font-size:14px;font-weight:700;letter-spacing:-.01em;
  border:none;border-radius:10px;cursor:pointer;
  transition:all .22s cubic-bezier(.22,1,.36,1);
  box-shadow:0 4px 20px rgba(170,255,71,0.22);
}
.fr-submit-btn:hover:not(:disabled){
  background:#C2FF60;transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(170,255,71,0.35);
}
.fr-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}

/* Success state */
.fr-success{
  display:none;flex-direction:column;align-items:center;
  gap:10px;text-align:center;padding:24px 16px;
  background:rgba(170,255,71,0.05);
  border:1px solid rgba(170,255,71,0.18);border-radius:14px;
}
.fr-success.visible{display:flex;}
.fr-success-icon{font-size:36px;line-height:1;}
.fr-success-title{
  font-family:var(--font-d);font-size:18px;font-weight:800;
  color:#fff;margin:0;letter-spacing:-.03em;
}
.fr-success-sub{font-size:13px;color:rgba(255,255,255,0.45);margin:0;line-height:1.6;}

/* Footer note */
.fr-footer-note{
  font-size:11.5px;color:rgba(255,255,255,0.28);
  text-align:center;margin:0;line-height:1.5;
}

/* ════════════════════════════════════════════════════════════════
   SUPPORT TICKET SYSTEM — Frontend
════════════════════════════════════════════════════════════════ */

/* ── Top bar ── */
.sprt-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap;}
.sprt-heading{font-size:20px;font-weight:700;color:var(--text);margin:0 0 4px;}
.sprt-subheading{font-size:13px;color:var(--muted2);margin:0;}
.sprt-new-btn{background:var(--lime);color:#07070b;border:none;padding:9px 20px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,transform .1s;white-space:nowrap;}
.sprt-new-btn:hover{background:#c8ff80;transform:translateY(-1px);}

/* ── Filter bar ── */
.sprt-filters{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;}
.sprt-filter-tabs{display:flex;gap:4px;background:rgba(255,255,255,.04);padding:4px;border-radius:10px;flex-wrap:wrap;}
.sprt-filter-tab{background:none;border:none;color:var(--muted2);font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .18s;}
.sprt-filter-tab:hover{color:var(--text);}
.sprt-filter-tab.active{background:rgba(170,255,71,.12);color:var(--lime);}
.sprt-search-wrap{margin-left:auto;}
.sprt-search-in{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text);padding:7px 14px;border-radius:9px;font-size:13px;width:200px;transition:border-color .18s;}
.sprt-search-in:focus{outline:none;border-color:var(--lime);}
.sprt-search-in::placeholder{color:var(--muted2);}

/* ── Skeleton loading ── */
.sprt-loading{display:flex;flex-direction:column;gap:10px;}
.sprt-skeleton{height:72px;background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;border-radius:12px;animation:sprtShimmer 1.4s infinite;}
@keyframes sprtShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Ticket list ── */
.sprt-ticket-list{display:flex;flex-direction:column;gap:8px;}
.sprt-ticket-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 18px;cursor:pointer;transition:background .18s,border-color .18s,transform .12s;}
.sprt-ticket-card:hover{background:rgba(255,255,255,.055);border-color:rgba(170,255,71,.25);transform:translateY(-1px);}
.sprt-tc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;}
.sprt-tc-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sprt-tc-id{font-family:monospace;font-size:11px;color:var(--muted2);}
.sprt-tc-subject{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px;line-height:1.3;}
.sprt-tc-footer{display:flex;justify-content:space-between;align-items:center;}
.sprt-tc-cat{font-size:11px;color:var(--muted2);}
.sprt-tc-arrow{font-size:12px;color:var(--lime);opacity:0;transition:opacity .18s;}
.sprt-ticket-card:hover .sprt-tc-arrow{opacity:1;}
.sprt-tc-date{font-size:12px;color:var(--muted2);white-space:nowrap;}

/* ── Status + Priority pills ── */
.sprt-status-pill,.sprt-priority-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;}
.sprt-pill-open{background:rgba(170,255,71,.12);color:var(--lime);}
.sprt-pill-inprogress{background:rgba(100,200,255,.12);color:#64c8ff;}
.sprt-pill-resolved{background:rgba(0,200,150,.12);color:#00c896;}
.sprt-pill-closed{background:rgba(255,255,255,.06);color:var(--muted2);}
.sprt-pri-low{background:rgba(149,149,165,.1);color:var(--muted2);}
.sprt-pri-medium{background:rgba(100,200,255,.1);color:#64c8ff;}
.sprt-pri-high{background:rgba(255,200,50,.1);color:#ffc832;}
.sprt-pri-urgent{background:rgba(255,80,80,.1);color:#ff5050;}

/* ── Pagination ── */
.sprt-pager{display:flex;gap:6px;justify-content:center;margin-top:20px;flex-wrap:wrap;}
.sprt-page-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text);width:34px;height:34px;border-radius:7px;font-size:13px;cursor:pointer;transition:all .18s;}
.sprt-page-btn:hover{border-color:var(--lime);color:var(--lime);}
.sprt-page-btn.active{background:var(--lime);color:#07070b;border-color:var(--lime);font-weight:700;}

/* ── Empty state ── */
.sprt-empty{text-align:center;padding:56px 24px;}
.sprt-empty-icon{font-size:40px;margin-bottom:14px;}
.sprt-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px;}
.sprt-empty-sub{font-size:13px;color:var(--muted2);}
.sprt-error-msg{text-align:center;padding:32px;font-size:14px;color:#ff7b7b;}

/* ── View header (back button) ── */
.sprt-view-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;}
.sprt-back-btn{background:none;border:none;color:var(--lime);font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;transition:color .18s;}
.sprt-back-btn:hover{color:#fff;}
.sprt-tkt-id-badge{font-family:monospace;font-size:12px;color:var(--muted2);background:rgba(255,255,255,.05);padding:4px 10px;border-radius:6px;}

/* ── New ticket form ── */
.sprt-form-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px 28px 24px;}
.sprt-form-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px;}
.sprt-form-subtitle{font-size:13px;color:var(--muted2);margin:0 0 22px;}
.sprt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.sprt-textarea{min-height:130px;resize:vertical;}
.sprt-req{color:var(--lime);}
.sprt-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;}
.sprt-submit-btn{background:var(--lime);color:#07070b;border:none;padding:10px 22px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s;}
.sprt-submit-btn:hover{background:#c8ff80;}
.sprt-submit-btn:disabled{opacity:.5;cursor:not-allowed;}
.sprt-cancel-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--text);padding:9px 18px;border-radius:9px;font-size:13px;cursor:pointer;transition:background .18s;}
.sprt-cancel-btn:hover{background:rgba(255,255,255,.1);}
.sprt-form-msg{font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:14px;}
.sprt-msg-error{background:rgba(255,80,80,.1);color:#ff7b7b;border:1px solid rgba(255,80,80,.2);}
.sprt-msg-success{background:rgba(170,255,71,.08);color:var(--lime);border:1px solid rgba(170,255,71,.2);}

/* ── Thread view ── */
.sprt-thread-meta{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.sprt-thread-meta-left{flex:1;min-width:0;}
.sprt-thread-subject{font-size:18px;font-weight:700;color:var(--text);margin:0 0 10px;word-break:break-word;}
.sprt-thread-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.sprt-thread-meta-right{font-size:12px;color:var(--muted2);white-space:nowrap;}

/* ── Conversation messages ── */
.sprt-conversation{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.sprt-msg{display:flex;gap:12px;align-items:flex-start;}
.sprt-msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;}
.sprt-msg-avatar-user{background:rgba(170,255,71,.15);color:var(--lime);}
.sprt-msg-avatar-staff{background:rgba(100,200,255,.15);color:#64c8ff;}
.sprt-staff-icon{font-size:16px;}
.sprt-msg-body{flex:1;min-width:0;}
.sprt-msg-header{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap;}
.sprt-msg-author{font-size:13px;font-weight:700;color:var(--text);}
.sprt-msg-time{font-size:11px;color:var(--muted2);}
.sprt-staff-tag{display:inline-block;font-size:10px;font-weight:600;background:rgba(100,200,255,.15);color:#64c8ff;padding:1px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;}
.sprt-msg-text{font-size:14px;color:var(--text);line-height:1.65;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:12px 16px;border-radius:10px;}
.sprt-msg-staff .sprt-msg-text{background:rgba(100,200,255,.05);border-color:rgba(100,200,255,.15);}
.sprt-awaiting{text-align:center;padding:24px;font-size:13px;color:var(--muted2);background:rgba(255,255,255,.02);border-radius:10px;border:1px dashed rgba(255,255,255,.08);}

/* ── Reply form ── */
.sprt-reply-form{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px 20px 16px;}
.sprt-reply-ta{min-height:90px;resize:vertical;}
.sprt-reply-hint{font-size:11px;color:var(--muted2);}

/* ── Closed notice ── */
.sprt-closed-notice{text-align:center;padding:20px;font-size:13px;color:var(--muted2);background:rgba(255,255,255,.02);border-radius:10px;border:1px solid rgba(255,255,255,.06);}
.sprt-inline-link{background:none;border:none;color:var(--lime);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;}

/* ── Reopen ticket ── */
.sprt-reopen-wrap{text-align:center;padding:20px 20px 24px;background:rgba(170,255,71,.04);border:1px solid rgba(170,255,71,.15);border-radius:12px;margin-top:4px;}
.sprt-reopen-hint{font-size:13px;color:var(--muted2);margin-bottom:14px;}
.sprt-reopen-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:rgba(170,255,71,.1);border:1px solid rgba(170,255,71,.35);border-radius:9px;color:var(--lime);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,transform .13s;}
.sprt-reopen-btn:hover{background:rgba(170,255,71,.18);transform:translateY(-1px);}
.sprt-reopen-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}

/* ── New Reply badge (ticket list) ── */
.sprt-new-reply-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--lime);color:#07070B;font-size:10px;font-weight:700;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;animation:sprtPulse 2s ease-in-out infinite;}
.sprt-ticket-card.sprt-has-new-reply{border-color:rgba(170,255,71,.3);background:rgba(170,255,71,.035);}
@keyframes sprtPulse{0%,100%{opacity:1;}50%{opacity:.65;}}

/* ── Order reference in thread ── */
.sprt-msg-order-ref{margin-top:8px;font-size:12px;color:var(--muted2);background:rgba(255,255,255,.04);border-radius:6px;padding:4px 10px;display:inline-block;}

/* ── Responsive ── */
@media(max-width:640px){
  .sprt-filters{flex-direction:column;align-items:stretch;}
  .sprt-search-wrap{margin-left:0;}
  .sprt-search-in{width:100%;}
  .sprt-form-row{grid-template-columns:1fr;}
  .sprt-thread-meta{flex-direction:column;}
  .sprt-topbar{flex-direction:column;}
  .sprt-new-btn{width:100%;text-align:center;}
}

/* ═══════════════════════════════════════════════════════
   GLASS AUTH CARD  (.crs-auth-*)
   Scoped — does NOT touch global styles.
═══════════════════════════════════════════════════════ */

/* Outer wrapper — centers the card */
.crs-auth-wrap{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:52px 16px 100px;
}

/* The card */
.crs-auth-card{
  background:rgba(255,255,255,0.03);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(170,255,71,0.12);
  border-radius:28px;
  padding:48px 44px;
  width:100%;
  max-width:460px;
  box-shadow:0 8px 64px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.04) inset;
  position:relative;
}

/* Header */
.crs-auth-hd{text-align:center;margin-bottom:30px;}
.crs-auth-logo{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;
  background:linear-gradient(135deg,rgba(170,255,71,0.15) 0%,rgba(170,255,71,0.04) 100%);
  border:1px solid rgba(170,255,71,0.28);
  border-radius:16px;
  font-family:var(--font-d);font-size:17px;font-weight:900;
  color:var(--lime);letter-spacing:-0.04em;
  margin-bottom:20px;
}
.crs-auth-title{
  font-family:var(--font-d);font-size:26px;font-weight:700;
  color:var(--white);letter-spacing:-0.03em;margin:0 0 6px;
}
.crs-auth-sub{font-size:14px;color:var(--muted2);margin:0;}

/* Google button */
.crs-auth-google{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:13px 18px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:12px;
  color:var(--white);font-family:var(--font-b);font-size:14px;font-weight:600;
  cursor:pointer;transition:background .2s,border-color .2s,transform .18s;
  margin-bottom:22px;
}
.crs-auth-google:hover{
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.22);
  transform:translateY(-1px);
}
.crs-auth-google:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.crs-auth-g-icon{width:18px;height:18px;flex-shrink:0;}

/* OR divider */
.crs-auth-divider{
  display:flex;align-items:center;gap:12px;
  margin-bottom:22px;
  color:var(--muted);font-size:11px;font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;
}
.crs-auth-divider::before,.crs-auth-divider::after{
  content:'';flex:1;height:1px;
  background:rgba(255,255,255,0.08);
}

/* Tab switcher */
.crs-auth-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:4px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;padding:4px;
  margin-bottom:28px;
}
.crs-auth-tab{
  padding:9px 16px;border:none;border-radius:9px;
  background:transparent;color:var(--muted2);
  font-family:var(--font-b);font-size:14px;font-weight:600;
  cursor:pointer;transition:background .2s,color .2s;
}
.crs-auth-tab.active,.crs-auth-tab[aria-selected="true"]{
  background:rgba(170,255,71,0.13);
  color:var(--lime);
  box-shadow:0 1px 8px rgba(170,255,71,0.1);
}
.crs-auth-tab:hover:not(.active){
  color:var(--text);background:rgba(255,255,255,0.05);
}

/* Panels */
.crs-auth-panel{display:none;animation:crsAuthFadeUp .22s ease both;}
.crs-auth-panel.active{display:block;}
@keyframes crsAuthFadeUp{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}

/* Form groups */
.crs-auth-fg{
  display:flex;flex-direction:column;gap:6px;margin-bottom:16px;
}
.crs-auth-lbl{
  font-size:13px;font-weight:600;color:var(--text);font-family:var(--font-b);
}
.crs-auth-in{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:11px 14px;
  color:var(--white);font-family:var(--font-b);font-size:14px;
  outline:none;width:100%;box-sizing:border-box;
  transition:border-color .18s,box-shadow .18s;
}
.crs-auth-in:focus{
  border-color:rgba(170,255,71,0.45);
  box-shadow:0 0 0 3px rgba(170,255,71,0.09);
}
.crs-auth-in.invalid{
  border-color:rgba(255,90,90,0.55);
  box-shadow:0 0 0 3px rgba(255,90,90,0.08);
}
.crs-auth-in.valid{border-color:rgba(170,255,71,0.35);}

/* Password row */
.crs-auth-pw-wrap{position:relative;}
.crs-auth-pw-wrap .crs-auth-in{padding-right:42px;}
.crs-auth-eye{
  position:absolute;right:11px;top:50%;transform:translateY(-50%);
  background:none;border:none;color:var(--muted2);cursor:pointer;
  padding:3px;line-height:1;transition:color .15s;display:flex;
}
.crs-auth-eye:hover{color:var(--white);}
.crs-auth-eye.revealed{color:var(--lime);}

/* Inline errors */
.crs-auth-err{font-size:12px;color:#ff7b7b;min-height:14px;display:block;line-height:1.4;}

/* Password strength bar */
.crs-auth-strength{
  height:3px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden;margin-top:5px;
}
.crs-auth-strength-bar{
  height:100%;width:0;border-radius:2px;
  transition:width .3s ease,background .3s ease;
}

/* Global status message */
.crs-auth-msg{
  font-size:13px;min-height:0;border-radius:9px;
  transition:all .2s ease;
}
.crs-auth-msg:empty{margin-bottom:0;}
.crs-auth-msg:not(:empty){margin-bottom:14px;padding:10px 14px;}
.crs-auth-msg.error{color:#ff7b7b;background:rgba(255,90,90,0.08);border:1px solid rgba(255,90,90,0.15);}
.crs-auth-msg.success{color:var(--lime);background:rgba(170,255,71,0.07);border:1px solid rgba(170,255,71,0.15);}

/* Submit button */
.crs-auth-submit{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:13px 18px;
  background:var(--lime);color:#07070B;
  border:none;border-radius:12px;
  font-family:var(--font-b);font-size:15px;font-weight:700;
  cursor:pointer;transition:background .22s,transform .18s,box-shadow .22s;
  box-shadow:0 4px 20px rgba(170,255,71,0.22);
  margin-bottom:18px;
}
.crs-auth-submit:hover:not(:disabled){
  background:#C2FF60;transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(170,255,71,0.38);
}
.crs-auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.crs-auth-submit.loading .crs-auth-btn-icon{
  display:inline-block;animation:crsAuthSpin .7s linear infinite;
}
@keyframes crsAuthSpin{to{transform:rotate(360deg);}}

/* First + last name row */
.crs-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

/* Switch link */
.crs-auth-switch{text-align:center;font-size:13px;color:var(--muted2);margin:0;}
.crs-auth-link{
  background:none;border:none;color:var(--lime);
  font-family:var(--font-b);font-size:13px;font-weight:600;
  cursor:pointer;padding:0;transition:opacity .15s;
}
.crs-auth-link:hover{opacity:.75;}

/* Mobile */
@media(max-width:520px){
  .crs-auth-card{padding:32px 22px;border-radius:20px;}
  .crs-auth-row{grid-template-columns:1fr;}
  .crs-auth-title{font-size:22px;}
}

/* ═══════════════════════════════════════
   SNAPPY CART - VIEW MORE FEATURES
═══════════════════════════════════════ */
.sc-more-features-wrap{
  margin-top:18px;
  text-align:center;
}
.sc-more-features-toggle{
  width:auto;
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  border:none;
  background:none;
  border-radius:0;
  padding:0;
  color:var(--lime);
  font-family:var(--font-b);
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:color .2s,opacity .2s;
}
.sc-more-features-toggle:hover{
  color:#c8ff79;
  opacity:.92;
}
.sc-more-features-toggle:focus-visible{
  outline:none;
  text-decoration:underline;
}
.sc-more-features-toggle .sc-toggle-text{
  border-bottom:1px solid rgba(170,255,71,.5);
  line-height:1.2;
}
.sc-toggle-inline-arrow{
  display:inline-block;
  margin-left:6px;
  font-size:13px;
  transform:translateY(1px);
}
.sc-more-features-toggle.is-hidden{
  display:none !important;
}

.sc-more-features-panel{
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin-top:14px;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transform:translateY(-6px);
  transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .28s ease,transform .28s ease,padding .28s ease;
}
.sc-more-features-panel.is-open{
  opacity:1;
  transform:translateY(0);
  padding:28px;
}
.sc-more-features-head{
  margin-bottom:28px;
  text-align:center;
}
.sc-more-features-head .sec-label{
  margin-bottom:10px;
}
.sc-more-features-head .d4{
  margin:0 0 6px;
}
.sc-more-features-sub{
  margin:10px 0 0;
  font-size:13px;
  color:var(--muted2);
}

.sc-feature-single{
  text-align:left;
}
.sc-feature-table{
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  overflow:hidden;
  background:rgba(9,9,14,.72);
}
.sc-feature-row{
  display:grid;
  grid-template-columns:minmax(0,70%) minmax(0,30%);
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sc-feature-row:last-child{
  border-bottom:none;
}
.sc-feature-row:nth-child(odd){
  background:rgba(255,255,255,.015);
}
.sc-feature-head{
  background:rgba(255,255,255,.03);
}
.sc-feature-name{
  font-size:14px;
  color:var(--text);
  line-height:1.5;
}
.sc-feature-head .sc-feature-name{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.sc-feature-head-right{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  justify-self:center;
}
.sc-feature-ok{
  width:24px;
  height:24px;
  border-radius:999px;
  border:1px solid rgba(170,255,71,.24);
  background:rgba(170,255,71,.12);
  color:var(--lime);
  font-size:13px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  box-shadow:0 0 9px rgba(170,255,71,.22);
}

@media (max-width:640px){
  .sc-more-features-toggle{
    font-size:14px;
    min-width:0;
    padding:0;
  }
  .sc-more-features-panel{
    border-radius:16px;
    padding:0 16px;
  }
  .sc-more-features-panel.is-open{
    padding:20px 16px;
  }
  .sc-feature-table{
    border-radius:12px;
  }
  .sc-feature-row{
    grid-template-columns:minmax(0,70%) minmax(0,30%);
    gap:10px;
    padding:10px 10px;
  }
  .sc-feature-name{
    font-size:13px;
  }
  .sc-feature-ok{
    width:22px;
    height:22px;
    font-size:12px;
  }
}