/* LayerVFX — dark glass theme for product pages (loads after styles.css) */
:root{
  --bg:#000;
  --bg-elevated:#07070a;
  --surface:rgba(255,255,255,.05);
  --surface-2:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.18);
  --text-secondary:#a3a3b0;
  --text-muted:#6b6b78;
  --accent:#9b6bff;
  --accent-strong:#b79bff;
  --accent-text:#cdb9ff;
  --success:#b79bff;
  --success-bg:rgba(155,107,255,.12);
  --radius-sm:12px;
  --radius:16px;
  --radius-lg:24px;
}

/* black background + drifting stars + film grain */
body{background:#000;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.85;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.75),transparent 100%),
    radial-gradient(1px 1px at 27% 64%,rgba(255,255,255,.55),transparent 100%),
    radial-gradient(1.4px 1.4px at 41% 33%,rgba(210,190,255,.7),transparent 100%),
    radial-gradient(1px 1px at 58% 82%,rgba(255,255,255,.5),transparent 100%),
    radial-gradient(1.2px 1.2px at 73% 22%,rgba(255,255,255,.65),transparent 100%),
    radial-gradient(1px 1px at 86% 58%,rgba(255,190,230,.6),transparent 100%),
    radial-gradient(1.3px 1.3px at 94% 90%,rgba(255,255,255,.6),transparent 100%),
    radial-gradient(1px 1px at 6% 86%,rgba(255,255,255,.5),transparent 100%);
  background-size:380px 380px,310px 310px,450px 450px,340px 340px,420px 420px,360px 360px,500px 500px,290px 290px;
  animation:lvfx-drift 120s linear infinite}
@keyframes lvfx-drift{to{background-position:380px 380px,-310px 310px,450px -450px,-340px 340px,420px 420px,-360px 360px,500px -500px,290px 290px}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.09;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* remove old grid + glow */
.grid-bg{background:transparent}
.grid-bg::before,.hero-glow{display:none}

/* nav */
.site-nav{background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-links a:hover{color:var(--accent-strong)}
.brand span{font-weight:700;letter-spacing:-.02em}

/* buttons: pill + purple */
.btn{border-radius:999px;font-weight:600}
.btn:hover{border-color:var(--accent);background:var(--surface-2)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 30px -8px rgba(155,107,255,.8)}
.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px)}

/* glass surfaces */
.buy-box,.product-gallery,.product-card,.review-card,.bundle-offer,.bundle-panel,.stat,.feature-card,.capture{
  background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.buy-box{border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 80px -40px rgba(155,107,255,.45)}
.product-gallery{border-radius:24px}
.product-card{border-radius:22px;padding:8px}
.product-card:hover{border-color:rgba(183,155,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 44px -14px rgba(155,107,255,.6)}
.product-thumb{border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.product-body{padding:14px 8px 8px}
.review-card{border-radius:20px}
.bundle-offer{border-color:rgba(155,107,255,.4);background:linear-gradient(165deg,rgba(155,107,255,.14),rgba(255,255,255,.03))}

/* bundle panels (bundle/lifetime cross-sells) */
.bundle-panel::before,.bundle-panel::after{display:none}
.bundle-panel .btn-pill{background:var(--accent);color:#fff}
.bundle-panel .btn-pill:hover{background:var(--accent-strong)}

/* accents */
.price,.bundle-panel .bundle-price-row .now{color:#fff}
.discount-note{color:var(--accent-text);background:rgba(155,107,255,.14);border-color:rgba(155,107,255,.4);border-radius:999px;padding:6px 14px}
.offer-timer{background:rgba(155,107,255,.12);border-color:rgba(155,107,255,.4);color:var(--accent-text);border-radius:14px}
.live-dot{background:var(--accent);box-shadow:0 0 0 3px rgba(155,107,255,.3)}
.step-list li::before{background:var(--accent);border-color:var(--accent);color:#fff}
.content-section,#reviews{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item[open] summary i{color:var(--accent-strong)}
.section-head h2,.content-section h2{letter-spacing:-.02em}

/* footer */
footer{border-top:1px solid var(--border)}
footer .foot-links a:hover{color:var(--accent-strong)}