/* ===== GLASS STYLE (your original red look + frosted glass) ===== */
:root{--gl:rgba(255,255,255,.06);--gl2:rgba(255,255,255,.12)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(520px 420px at 12% 8%,rgba(255,26,26,.24),transparent),radial-gradient(520px 420px at 92% 38%,rgba(130,70,255,.2),transparent),radial-gradient(520px 420px at 25% 96%,rgba(0,190,255,.13),transparent)}
.header{background:rgba(8,8,10,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gl)}
.vault-door,.product-card{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(255,255,255,.1)}
.vault-door{border-color:rgba(255,26,26,.3)}
#lp-hero,.lp-card,#fx-bar,#fx-pop,#fx-faq>div,#fx-lb>div,#cm-modal>div,#pf-modal>div,#lp-modal>div,#gp-downloader>div{background:var(--gl)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--gl2)!important;box-shadow:0 8px 30px rgba(0,0,0,.35)}
#fx-float button,#fx-top-b,#gl-fab{background:var(--gl2)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18)!important;color:#fff}
.lp-chips span{background:var(--gl);border:1px solid var(--gl2)}
#fx-bar select,.lp-card input,.lp-card textarea,#cm-modal input,#cm-modal textarea,#pf-modal input,#pf-modal select,#lp-hero input{background:rgba(0,0,0,.35);border:1px solid var(--gl2);color:#fff}
/* ---- tidy spacing so new features don't look joined ---- */
#lp-hero{width:calc(100% - 28px);max-width:1072px;margin:18px auto 26px;padding:22px 16px;border-radius:24px}
#lp-hero>*+*{margin-top:12px}
#gl-row{display:flex;gap:10px 16px;justify-content:center;align-items:center;flex-wrap:wrap}#gl-row #fx-live,#gl-row #fx-chan{margin:0}
#fx-bar{width:calc(100% - 28px);max-width:1072px;margin:16px auto 20px;padding:10px 12px;border-radius:16px}
#vault-menu{margin-bottom:28px}
#lp-more{max-width:1072px;gap:18px;margin:36px auto 70px}
.lp-card{padding:18px;border-radius:22px}
.lp-card>h3{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:0}
.lp-card>h3::after{content:"⌄";opacity:.6;transition:.2s}.lp-card.cl>h3::after{transform:rotate(-90deg)}
.lp-card>h3~*{margin-top:12px}.lp-card.cl>*:not(h3){display:none}
#cm-poll+#cm-up{margin-top:16px}
.product-grid{gap:14px}
/* less crowding inside item cards */
.second-row a[href^="https://wa.me/?text"],.cm-btn{display:none!important}
/* floating buttons collapse behind one ✦ button */
#gl-fab{position:fixed;left:12px;bottom:12px;width:44px;height:44px;border-radius:50%;z-index:51;font-size:18px}
#fx-float{display:none;bottom:66px}#fx-float.open{display:flex}
#up-modal>div{background:var(--gl)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--gl2)!important;box-shadow:0 8px 30px rgba(0,0,0,.35)}

/* speed: no blur on every list card, skip drawing off-screen cards */
.product-card{backdrop-filter:none;-webkit-backdrop-filter:none;content-visibility:auto;contain-intrinsic-size:auto 330px}
