/* ═══════════════════════════════════════════
   RESET & TOKENS
═══════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
:root{
  --bg:#060608;
  --bg2:#0a0a0f;
  --bg3:#0f0f18;
  --blue:#0055FF;
  --blue-bright:#1a6eff;
  --blue-glow:rgba(0,85,255,0.45);
  --blue-dim:rgba(0,85,255,0.12);
  --gold:#C9A227;
  --gold-dim:rgba(201,162,39,0.12);
  --gold-glow:rgba(201,162,39,0.4);
  --red:#FF2D2D;
  --green:#00FF88;
  --white:#fff;
  --w70:rgba(255,255,255,0.7);
  --w40:rgba(255,255,255,0.4);
  --w15:rgba(255,255,255,0.15);
  --w06:rgba(255,255,255,0.06);
  --w03:rgba(255,255,255,0.03);
  --glass:rgba(255,255,255,0.04);
  --glass-border:rgba(255,255,255,0.08);
}
body{
  background:var(--bg);color:var(--white);
  font-family:'DM Sans',sans-serif;
  overflow-x:hidden;cursor:auto;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{border:none;cursor:pointer;font-family:inherit}
input,select,textarea{font-family:inherit}

/* ── CURSOR (disabled) ── */
#cur,#cur-r{display:none!important}
@media (pointer: coarse){
  body{cursor:auto}
}

/* ── NOISE ── */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' 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");
  opacity:.5}

/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:800;height:68px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3rem;
  background:rgba(6,6,8,.75);backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.06);transition:background .4s}
.nav-logo{display:flex;align-items:center;gap:.6rem}
.logo-svg{width:30px;height:30px}
.logo-txt{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;letter-spacing:.2em;color:#fff}
.logo-txt em{color:var(--blue);font-style:normal}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--w70);transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-links a:hover{color:#fff}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}
.nav-cart{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);border-radius:50%;font-size:.82rem;font-weight:600;color:var(--w70);transition:all .2s;position:relative;width:56px;height:56px;flex-shrink:0}
.nav-cart:hover{border-color:rgba(0,85,255,.5);color:#fff;background:rgba(0,85,255,.12);box-shadow:0 0 20px rgba(0,85,255,.25)}
.cart-badge{min-width:18px;height:18px;background:var(--blue);border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:-4px;right:-4px}
.cart-badge.show{opacity:1}
.nav-cart.bounce{animation:cart-bounce .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes cart-bounce{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-5px) scale(1.08)}60%{transform:translateY(2px) scale(.96)}}
.nav-buy{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;background:var(--blue);border-radius:7px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:#fff;box-shadow:0 0 24px var(--blue-glow);transition:all .25s;position:relative;overflow:hidden}
.nav-buy::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.nav-buy:hover{transform:translateY(-1px);box-shadow:0 0 36px var(--blue-glow)}
.nav-buy:hover::after{left:100%}
.nav-socials{display:flex;align-items:center;gap:.45rem}
.nav-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--w70);transition:all .22s;text-decoration:none}
.nav-social-link:hover{background:rgba(255,255,255,.1);border-color:rgba(0,85,255,.4);color:#fff;transform:translateY(-1px)}
.nav-social-link svg{width:15px;height:15px;flex-shrink:0}

/* ═══════════════════════════════════════════
   HERO
═══════════════════════════════════════════ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6.5rem 2rem 4rem;overflow:hidden}
#hero-canvas{position:absolute;inset:0;z-index:0}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,85,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,255,.035) 1px,transparent 1px);background-size:64px 64px;z-index:0}
.hero-glow{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,85,255,.18) 0%,transparent 68%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:glow-pulse 4s ease-in-out infinite}
@keyframes glow-pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.hero-ring{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(0,85,255,.15);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:ring-spin 30s linear infinite}
.hero-ring2{position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(201,162,39,.07);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:ring-spin 50s linear infinite reverse}
@keyframes ring-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.hero-live{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.18);border-radius:100px;padding:.35rem 1rem;margin-bottom:1.8rem;animation:hero-in 1s .1s both}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,.7)}50%{box-shadow:0 0 0 6px rgba(0,255,136,0)}}

.hero-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--blue);margin-bottom:.6rem;animation:hero-in 1s .15s both}

.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(5.5rem,14vw,13rem);line-height:.88;letter-spacing:-.01em;margin-bottom:1.2rem;animation:hero-in 1s .2s both;position:relative}
.hero-h1 .line1{color:#fff}
.hero-h1 .line2{
  background:linear-gradient(135deg,var(--blue) 0%,#60a5fa 50%,var(--gold) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block}
.hero-h1 .line3{color:rgba(255,255,255,.85);font-size:.55em;font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:.0em;display:block;margin-top:.4rem;-webkit-text-fill-color:rgba(255,255,255,.85)}

.hero-sub{font-size:clamp(1rem,2vw,1.15rem);font-weight:300;color:var(--w70);max-width:520px;margin:0 auto 2.5rem;line-height:1.75;animation:hero-in 1s .3s both}
.hero-sub strong{color:#fff;font-weight:600}

.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:hero-in 1s .4s both;margin-bottom:2.5rem}

.btn-primary{display:inline-flex;align-items:center;gap:.7rem;padding:1.15rem 3rem;background:var(--blue);border-radius:9px;font-size:1.05rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;box-shadow:0 8px 48px var(--blue-glow);transition:all .25s;position:relative;overflow:hidden}
.btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 50px var(--blue-glow)}
.btn-primary:hover::after{left:100%}
.btn-primary svg{transition:transform .2s}
.btn-primary:hover svg{transform:translateX(3px)}

.btn-ghost{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.2rem;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:.95rem;font-weight:600;color:var(--w70);transition:all .25s}
.btn-ghost:hover{border-color:rgba(0,85,255,.5);color:#fff;background:rgba(0,85,255,.07)}

.hero-social{display:flex;gap:3.5rem;justify-content:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06);animation:hero-in 1s .5s both}
.hstat-val{font-family:'Bebas Neue',sans-serif;font-size:2.6rem;line-height:1;display:block}
.hstat-val .blue{color:var(--blue)}
.hstat-val .gold{color:var(--gold)}
.hstat-label{font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--w40);display:block;margin-top:.25rem}

.online-badge{position:fixed;top:80px;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:rgba(6,6,8,.9);border:1px solid rgba(0,255,136,.2);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--green);backdrop-filter:blur(12px);z-index:600;animation:slide-in-right 1s 2s both}
@keyframes slide-in-right{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}

@keyframes hero-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hero-content{position:relative;z-index:2;max-width:900px}

/* ═══════════════════════════════════════════
   DIVIDER
═══════════════════════════════════════════ */
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,85,255,.35),rgba(201,162,39,.2),transparent);margin:0}

/* ═══════════════════════════════════════════
   SECTIONS SHARED
═══════════════════════════════════════════ */
section{position:relative;z-index:1;padding:9rem 2rem}
.container{max-width:1240px;margin:0 auto}
.sec-tag{font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;display:block}
.sec-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);line-height:.95;letter-spacing:.02em;margin-bottom:1.2rem}
.sec-sub{font-size:1rem;font-weight:300;color:var(--w70);line-height:1.75;max-width:540px}

/* ═══ SCROLL PROGRESS BAR ═══ */
#scroll-progress{position:fixed;top:68px;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--blue),#60a5fa,var(--gold));z-index:801;transition:width .1s linear;box-shadow:0 0 8px rgba(0,85,255,.6)}

/* ═══ GLITCH LINE2 ═══ */
.line2{position:relative}
.line2.glitching{animation:glitch-main .4s steps(1) forwards}
.line2::before,.line2::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.line2::before{background:linear-gradient(135deg,#ff003c 0%,#ff6b6b 100%);clip-path:inset(0 0 60% 0);opacity:0}
.line2::after{background:linear-gradient(135deg,#0055ff 0%,#00ffff 100%);clip-path:inset(60% 0 0 0);opacity:0}
.line2.glitching::before{animation:glitch-top .4s steps(2) forwards}
.line2.glitching::after{animation:glitch-bot .4s steps(2) forwards}
@keyframes glitch-main{
  0%{transform:none;filter:none}
  20%{transform:skewX(-3deg) translateX(4px);filter:brightness(1.4)}
  40%{transform:skewX(2deg) translateX(-6px);filter:brightness(1.2) hue-rotate(20deg)}
  60%{transform:skewX(-1deg) translateX(3px)}
  80%{transform:translateX(-2px);filter:brightness(1.1)}
  100%{transform:none;filter:none}
}
@keyframes glitch-top{
  0%{opacity:0}
  15%{opacity:1;transform:translateX(6px);clip-path:inset(0 0 55% 0)}
  30%{transform:translateX(-4px);clip-path:inset(5% 0 45% 0)}
  50%{transform:translateX(3px);clip-path:inset(0 0 60% 0)}
  70%{opacity:.6;transform:translateX(0)}
  100%{opacity:0}
}
@keyframes glitch-bot{
  0%{opacity:0}
  20%{opacity:1;transform:translateX(-5px);clip-path:inset(55% 0 0 0)}
  40%{transform:translateX(4px);clip-path:inset(60% 0 0 0)}
  60%{transform:translateX(-2px);clip-path:inset(50% 0 0 0)}
  80%{opacity:.5;transform:translateX(0)}
  100%{opacity:0}
}

/* ═══ REVEAL DIRECTIONS ═══ */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s ease}
.reveal.from-left{transform:translateX(-48px)}
.reveal.from-right{transform:translateX(48px)}
.reveal.from-scale{transform:scale(.85);opacity:0}
.reveal.on{opacity:1;transform:none}
.d1{transition-delay:.05s}.d2{transition-delay:.12s}.d3{transition-delay:.2s}.d4{transition-delay:.28s}.d5{transition-delay:.36s}.d6{transition-delay:.44s}

/* ═══ TYPEWRITER ═══ */
.typewriter-wrap{min-height:1.5em;display:block}
.tw-text{color:rgba(255,255,255,.85);font-size:.55em;font-family:'DM Sans',sans-serif;font-weight:300;-webkit-text-fill-color:rgba(255,255,255,.85)}
.tw-cursor{display:inline-block;width:2px;height:.9em;background:var(--blue);margin-left:2px;vertical-align:middle;animation:tw-blink .7s step-end infinite}
@keyframes tw-blink{0%,100%{opacity:1}50%{opacity:0}}

/* ═══ MAGNETIC BUTTON ═══ */
.btn-primary,.nav-buy{will-change:transform}

/* ═══ BUNDLE SPOTLIGHT ═══ */
.bundle-card{overflow:hidden}
.bundle-spotlight{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s;opacity:0;z-index:1}
.bundle-card:hover .bundle-spotlight{opacity:1}

/* ═══ WEAPON 3D TILT ═══ */
.weapon-card{transform-style:preserve-3d;will-change:transform}
.w-shine{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:10;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12) 0%,transparent 65%)}
.weapon-card:hover .w-shine{opacity:1}

/* ═══ SLOT COUNTER ═══ */
.slot-digit{display:inline-block;overflow:hidden;height:1em;vertical-align:top}
.slot-digit-inner{display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1)}

/* ═══ STATS STRIP ═══ */
.stats-strip{background:#040408;border-top:1px solid rgba(0,85,255,.15);border-bottom:1px solid rgba(0,85,255,.15);padding:2.2rem 2rem;overflow:hidden;position:relative;z-index:1}
.stats-strip::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,85,255,.06),transparent);pointer-events:none}
.stats-strip-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.sstat{display:flex;flex-direction:column;align-items:center;padding:0 3.5rem;position:relative}
.sstat:not(:last-child)::after{content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background:rgba(255,255,255,.07)}
.sstat-val{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;line-height:1;letter-spacing:.04em}
.sstat-val.c-blue{color:var(--blue);filter:drop-shadow(0 0 12px rgba(0,85,255,.5))}
.sstat-val.c-gold{color:var(--gold);filter:drop-shadow(0 0 12px rgba(201,162,39,.4))}
.sstat-val.c-white{color:#fff}
.sstat-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w40);margin-top:.2rem}

/* ═══ HERO SPRAY VISUAL ═══ */
.hero-spray-wrap{display:flex;gap:1.2rem;justify-content:center;margin:2rem auto 2.5rem;animation:hero-in 1s .35s both}
.spray-box{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1.4rem;text-align:center;width:130px;backdrop-filter:blur(8px)}
.spray-box canvas{display:block;margin:0 auto}
.spray-box-label{font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:.6rem;display:block}
.spray-box.bad .spray-box-label{color:#ff6b6b}
.spray-box.good .spray-box-label{color:var(--blue)}
#problem{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04)}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.problem-items{display:flex;flex-direction:column;gap:1.2rem;margin-top:2.5rem}
.problem-item{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;background:rgba(255,45,45,.04);border:1px solid rgba(255,45,45,.1);border-radius:10px;transition:all .3s}
.problem-item:hover{border-color:rgba(255,45,45,.25);background:rgba(255,45,45,.07)}
.problem-icon{font-size:1.4rem;flex-shrink:0}
.problem-item h4{font-size:.95rem;font-weight:700;margin-bottom:.25rem;color:#fff}
.problem-item p{font-size:.83rem;color:var(--w40);line-height:1.6}
.problem-vs{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.vs-screen{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative}
.vs-label{position:absolute;top:.8rem;left:.8rem;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .7rem;border-radius:100px;z-index:2}
.vs-label.bad{background:rgba(255,45,45,.2);color:#ff8080;border:1px solid rgba(255,45,45,.3)}
.vs-label.good{background:rgba(0,85,255,.2);color:#80b3ff;border:1px solid rgba(0,85,255,.3)}
#problemCanvas{display:block;width:100%;height:220px}

/* ═══════════════════════════════════════════
   RECOIL DEMO (INTERACTIVE)
═══════════════════════════════════════════ */
#demo{background:var(--bg);padding:7rem 2rem}
.demo-wrap{text-align:center;margin-bottom:4rem}
.demo-arena{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;margin:3rem auto 0}
.demo-side{background:var(--bg3);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;position:relative;overflow:hidden}
.demo-side::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transition:opacity .3s}
.demo-side.bad::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.demo-side.good::before{background:linear-gradient(90deg,transparent,var(--blue),transparent)}
.demo-side-label{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.75rem;display:block}
.demo-side.bad .demo-side-label{color:var(--red)}
.demo-side.good .demo-side-label{color:var(--blue)}
#demoCanvasBad,#demoCanvasGood{display:block;margin:0 auto;border-radius:10px;background:rgba(0,0,0,.6)}
.demo-hold-btn{display:inline-flex;align-items:center;gap:.7rem;padding:1.1rem 3rem;margin-top:2.5rem;background:var(--blue);border-radius:8px;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;box-shadow:0 6px 40px var(--blue-glow);cursor:pointer;transition:all .2s;user-select:none;border:none;position:relative;overflow:hidden}
.demo-hold-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}
.demo-hold-btn:hover::after{left:100%}
.demo-hold-btn:active,.demo-hold-btn.firing{background:#0044cc;transform:scale(.97);box-shadow:0 2px 20px var(--blue-glow)}
.demo-status{font-size:.82rem;color:var(--w40);margin-top:1rem;min-height:1.2em;letter-spacing:.06em;text-transform:uppercase;font-weight:600}

/* ═══════════════════════════════════════════
   FEATURES
═══════════════════════════════════════════ */
#features{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem}
.feat-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:2rem 1.6rem;transition:all .35s;position:relative;overflow:hidden}
.feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .35s}
.feat-card:hover{transform:translateY(-5px);border-color:rgba(0,85,255,.3);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.feat-card:hover::before{opacity:1}
.feat-icon{width:48px;height:48px;border-radius:12px;background:var(--blue-dim);border:1px solid rgba(0,85,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.4rem}
.feat-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}
.feat-card p{font-size:.84rem;color:var(--w70);line-height:1.65}
.feat-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(0,85,255,.25);padding:.25rem .7rem;border-radius:100px}

/* ═══════════════════════════════════════════
   OPTIMIZATION SECTION
═══════════════════════════════════════════ */
#optimization{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.opt-header{text-align:center;margin-bottom:5rem}
.big-stat{font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,12vw,10rem);line-height:1;
  background:linear-gradient(135deg,#fff 30%,rgba(255,255,255,.3) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin:2rem 0}
.big-stat em{-webkit-text-fill-color:var(--blue);font-style:normal}
.fps-counter-demo{display:inline-flex;align-items:center;gap:1.5rem;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 2rem;margin:1.5rem auto 0}
.fps-val{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;line-height:1}
.fps-label{font-size:.7rem;color:var(--w40);text-transform:uppercase;letter-spacing:.1em}
.fps-arrow{font-size:1.5rem;color:var(--blue)}
.opt-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;margin-top:4rem}
.opt-feat{background:var(--bg3);padding:2.5rem 2rem;transition:background .3s;position:relative}
.opt-feat:hover{background:#0f0f1c}
.opt-feat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(0,85,255,.15),rgba(0,85,255,.05));border:1px solid rgba(0,85,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem}
.opt-feat h4{font-size:1rem;font-weight:700;margin-bottom:.5rem}
.opt-feat p{font-size:.87rem;color:var(--w70);line-height:1.6}
.opt-feat .stat-pill{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.78rem;font-weight:700;color:var(--blue);background:var(--blue-dim);padding:.3rem .75rem;border-radius:100px;border:1px solid rgba(0,85,255,.2)}
.opt-plan{position:relative;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all .3s;display:flex;flex-direction:column}

.opt-plan:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.opt-plan.featured{background:linear-gradient(135deg,rgba(0,85,255,.1) 0%,rgba(0,85,255,.04) 100%);border-color:rgba(0,85,255,.35);box-shadow:0 0 40px rgba(0,85,255,.1)}
.opt-plan.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);border-radius:100px 100px 0 0}
.plan-top-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:.3rem 1rem;border-radius:100px;white-space:nowrap}
.plan-num{font-size:.75rem;color:var(--w40);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}
.plan-title{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.05em;margin-bottom:.5rem}
.plan-price-opt{font-size:2.8rem;font-family:'Bebas Neue',sans-serif;color:#fff;margin:1rem 0 .25rem}
.plan-price-opt sup{font-size:1.3rem;vertical-align:super;font-family:'DM Sans',sans-serif;font-weight:700}
.plan-price-note{font-size:.82rem;color:var(--w40);margin-bottom:1.5rem}
.plan-divider{height:1px;background:rgba(255,255,255,.07);margin:1.25rem 0}
.plan-features-list{list-style:none;margin-bottom:1.5rem;flex:1}
.plan-features-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:.88rem;color:var(--w70);padding:.4rem 0;line-height:1.5}
.plan-features-list li::before{content:'';width:16px;height:16px;flex-shrink:0;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%230055FF' stroke-width='1.5' fill='none'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%230055FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.plan-btn-opt{display:flex;align-items:center;justify-content:center;width:100%;padding:.85rem;border-radius:8px;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:all .25s;cursor:pointer;border:none;font-family:inherit}
.plan-btn-opt.primary{background:var(--blue);color:#fff;box-shadow:0 4px 24px var(--blue-glow)}
.plan-btn-opt.primary:hover{box-shadow:0 6px 32px var(--blue-glow);transform:translateY(-1px)}
.plan-btn-opt.outline{background:transparent;color:var(--w70);border:1px solid rgba(255,255,255,.12);margin-top:.75rem}
.plan-btn-opt.outline:hover{border-color:rgba(0,85,255,.4);color:#fff}

/* ═══ PREMIUM OPTIMIZER CARD ═══ */
.opt-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:4rem auto 0;max-width:1200px}
@media(max-width:900px){.opt-pricing{grid-template-columns:1fr!important}}
.opt-plan.premium{
  background:linear-gradient(135deg,rgba(201,162,39,.15) 0%,rgba(201,162,39,.06) 60%,rgba(180,140,20,.1) 100%);
  border:2px solid var(--gold);
  box-shadow:0 0 50px rgba(201,162,39,.2),0 0 20px rgba(201,162,39,.1);
  position:relative;
}
.opt-plan.premium::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),#ffe066,var(--gold),transparent);border-radius:100px 100px 0 0}
.opt-plan.premium .plan-title{color:var(--gold)}
.opt-plan.premium .plan-price-opt{color:var(--gold)}
.opt-plan.premium .plan-top-badge{background:linear-gradient(135deg,var(--gold),#ffe066);color:#1a1000}
.opt-plan.premium .plan-btn-opt.primary{background:linear-gradient(135deg,var(--gold),#e8c547);color:#1a1000;box-shadow:0 4px 24px var(--gold-glow)}
.opt-plan.premium .plan-btn-opt.primary:hover{box-shadow:0 8px 36px var(--gold-glow);transform:translateY(-2px)}
.opt-plan.premium .plan-features-list li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23C9A227' stroke-width='1.5' fill='none'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%23C9A227' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.plan-price-old{font-size:1rem;color:var(--w40);text-decoration:line-through;font-weight:300;margin-top:.5rem;display:block}
.plan-price-discount{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;color:var(--gold);background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.25);padding:.2rem .65rem;border-radius:100px;margin-left:.5rem;vertical-align:middle}

/* ═══ NAV PAY BUTTON ═══ */
.nav-pay{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;
  background:linear-gradient(135deg,#00e5ff,#0077ff);
  border-radius:7px;font-size:.82rem;font-weight:800;letter-spacing:.04em;color:#fff;
  box-shadow:0 0 24px rgba(0,229,255,.35);transition:all .25s;white-space:nowrap;border:none;cursor:pointer;font-family:inherit}
.nav-pay:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(0,229,255,.5)}

/* ═══ PUBG SECTION ═══ */
#pubg-catalog{background:var(--bg);border-top:1px solid rgba(255,255,255,.04)}
.pubg-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}
.pubg-header h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.06em}
.pubg-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border-radius:100px;background:rgba(255,165,0,.1);color:#ffaa44;border:1px solid rgba(255,165,0,.25)}

/* ═══ CART ORDER SUMMARY ═══ */
.cart-order-summary{background:rgba(0,85,255,.05);border:1px solid rgba(0,85,255,.2);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1.2rem}
.cart-order-title{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}
.cart-order-item{font-size:.82rem;color:var(--w70);padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center}
.cart-order-item:last-child{border-bottom:none}
.cart-order-empty{font-size:.82rem;color:var(--w40);font-style:italic}
.cart-order-total{font-size:.88rem;font-weight:800;color:#fff;padding-top:.5rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between}

/* ═══════════════════════════════════════════
   MOUSE COMPAT
═══════════════════════════════════════════ */
#mice{background:var(--bg);border-top:1px solid rgba(255,255,255,.04)}
.mice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.07);margin-top:4rem;min-height:260px}
.mice-card{background:var(--bg);padding:2.5rem 2rem;position:relative;overflow:hidden;transition:background .3s}
.mice-card:not(:last-child){border-right:1px solid rgba(255,255,255,.05)}
.mice-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .35s}
.mice-card:hover{background:#0a0a0f}
.mice-card:hover::before{opacity:1}
.mice-card.logi::before{background:linear-gradient(90deg,transparent,var(--blue),transparent)}
.mice-card.bloody::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.mice-card.razer::before{background:linear-gradient(90deg,transparent,var(--green),transparent)}
.mice-bg-mouse{position:absolute;right:-20px;bottom:-15px;width:200px;height:140px;opacity:.08;transition:opacity .4s,transform .5s}
.mice-card:hover .mice-bg-mouse{opacity:.18;transform:scale(1.06)}
.mice-logo{width:38px;height:38px;margin-bottom:1.6rem}
.mice-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem}
.mice-card p{font-size:.83rem;color:var(--w70);line-height:1.65;margin-bottom:1.4rem}
.mice-format{display:inline-flex;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .75rem;border-radius:100px}
.mice-format.logi-f{color:var(--blue);background:var(--blue-dim);border:1px solid rgba(0,85,255,.2)}
.mice-format.bloody-f{color:#ff9090;background:rgba(255,45,45,.08);border:1px solid rgba(255,45,45,.2)}
.mice-format.razer-f{color:#80ffcc;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2)}
.mice-models{display:block;font-size:.7rem;color:rgba(255,255,255,.22);margin-top:.5rem;letter-spacing:.04em}

/* ═══════════════════════════════════════════
   VIDEO
═══════════════════════════════════════════ */
#video-sec{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04)}
.video-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px rgba(0,85,255,.12);max-width:900px;margin:3rem auto 0}
.video-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:none}

/* ═══════════════════════════════════════════
   WEAPONS CATALOG
═══════════════════════════════════════════ */
#catalog{background:var(--bg);border-top:1px solid rgba(255,255,255,.04)}
.catalog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}
.catalog-header h3{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.06em}
.cat-filters{display:flex;gap:.4rem}
.cf-btn{padding:.35rem 1rem;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--w40);border:1px solid rgba(255,255,255,.08);transition:all .2s;cursor:pointer}
.cf-btn.active,.cf-btn:hover{background:var(--blue-dim);color:#fff;border-color:rgba(0,85,255,.4)}
.weapons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.75rem;margin-top:.5rem}
.weapon-card{background:var(--bg2);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}
.weapon-card.hidden{display:none}
.weapon-card:hover{border-color:rgba(0,85,255,.55);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 30px rgba(0,85,255,.18),0 0 0 1px rgba(0,85,255,.2)}
.weapon-card:hover .w-price{color:#fff;text-shadow:0 0 18px rgba(0,85,255,.9)}
.w-img{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0d0d18 0%,#111125 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.w-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,var(--bg2) 0%,transparent 100%)}
.w-img img{width:95%;height:100%;object-fit:contain;padding:.5rem;filter:drop-shadow(0 4px 16px rgba(0,0,0,.7));transition:transform .4s ease}
.weapon-card:hover .w-img img{transform:scale(1.1) rotate(-1.5deg)}
.w-cat-pill{position:absolute;top:7px;right:7px;z-index:5;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;border-radius:100px}
.pill-rifle{background:rgba(255,45,45,.18);color:#ffaaaa;border:1px solid rgba(255,45,45,.25)}
.pill-smg{background:rgba(59,130,246,.18);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
.pill-pistol{background:rgba(201,162,39,.13);color:#fde68a;border:1px solid rgba(201,162,39,.2)}
.w-info{padding:.75rem .9rem .85rem}
.w-name{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-skin{font-size:.7rem;color:var(--w40);margin-bottom:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.05)}
.w-price{font-size:.88rem;font-weight:800;color:var(--blue);transition:color .3s,text-shadow .3s}
.w-actions{display:flex;gap:.35rem}
.w-add{width:26px;height:26px;border-radius:6px;background:var(--blue-dim);border:1px solid rgba(0,85,255,.25);color:var(--blue);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}
.w-add:hover,.w-add.added{background:var(--blue);color:#fff}
.w-buy{height:26px;padding:0 .85rem;border-radius:6px;background:linear-gradient(135deg,#e8221a,#c0180f);border:1px solid rgba(255,80,60,.35);color:#fff;font-size:.72rem;font-weight:800;cursor:pointer;transition:all .18s;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.35);box-shadow:0 2px 10px rgba(220,40,30,.35)}
.w-buy:hover{background:linear-gradient(135deg,#f0302a,#d41f15);border-color:rgba(255,100,80,.5);box-shadow:0 4px 18px rgba(220,40,30,.55);transform:translateY(-1px)}

/* ═══════════════════════════════════════════
   BUNDLE
═══════════════════════════════════════════ */
#bundle{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.bundle-card{max-width:1040px;margin:3rem auto 0;position:relative;border-radius:24px;padding:4.5rem;overflow:hidden;
  background:linear-gradient(135deg,rgba(0,85,255,.15) 0%,rgba(0,85,255,.05) 60%,rgba(201,162,39,.06) 100%);
  border:1px solid rgba(0,85,255,.45);
  box-shadow:0 0 120px rgba(0,85,255,.18),0 0 60px rgba(0,85,255,.1),inset 0 1px 0 rgba(255,255,255,.08)}
.bundle-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--gold),var(--blue),transparent)}
.bundle-badge{position:absolute;top:2rem;right:2.5rem;background:linear-gradient(135deg,var(--gold),#e8c547);color:#0a0a00;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:.4rem 1.1rem;border-radius:100px;box-shadow:0 4px 24px var(--gold-glow);animation:badge-pulse 2.5s ease-in-out infinite}
@keyframes badge-pulse{0%,100%{box-shadow:0 4px 24px var(--gold-glow);transform:scale(1)}50%{box-shadow:0 4px 40px rgba(201,162,39,.7);transform:scale(1.06)}}
.bundle-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.bundle-left h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:.95;margin-bottom:1rem}
.bundle-left h2 span{color:var(--gold)}
.bundle-price{display:flex;align-items:baseline;gap:.75rem;margin:1.5rem 0}
.bundle-price .old{font-size:1.6rem;color:var(--w40);text-decoration:line-through;font-weight:300}
.bundle-price .new{font-family:'Bebas Neue',sans-serif;font-size:4.5rem;color:#fff;line-height:1}
.bundle-price .new sup{font-size:1.8rem;font-family:'DM Sans',sans-serif;font-weight:700}
.bundle-price .save{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;color:var(--green);background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);padding:.25rem .75rem;border-radius:100px;align-self:center}
.bundle-perks{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}
.bundle-perks li{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--w70)}
.bundle-perks li::before{content:'✓';width:18px;height:18px;border-radius:50%;background:rgba(0,85,255,.2);border:1px solid rgba(0,85,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:var(--blue);font-weight:900}
.bundle-right{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}
.bundle-counter{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem 2rem;width:100%}
.bundle-counter-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--w40);margin-bottom:.5rem}
.timer-row{display:flex;gap:.75rem;align-items:center}
.timer-block{text-align:center}
.timer-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:#fff;line-height:1;display:block}
.timer-sep{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--blue);line-height:1;align-self:flex-start;padding-top:.15rem}
.timer-lbl{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w40);display:block}
.stock-row{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--w70);margin-top:1rem}
.stock-bar-wrap{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.stock-bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-bright));border-radius:2px;width:35%;transition:width 2s ease}

/* ═══════════════════════════════════════════
   SOCIAL PROOF
═══════════════════════════════════════════ */
#proof{background:var(--bg);border-top:1px solid rgba(255,255,255,.04)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}
.review-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:1.8rem;position:relative;transition:all .35s,opacity .5s}
.review-card.fading{opacity:0;transform:translateY(10px)}
.review-card:hover{border-color:rgba(0,85,255,.25);transform:translateY(-3px)}
.review-stars{color:var(--gold);font-size:1rem;margin-bottom:1rem;letter-spacing:.1em}
.review-text{font-size:.88rem;color:var(--w70);line-height:1.7;margin-bottom:1.2rem;font-style:italic}
.review-author{display:flex;align-items:center;gap:.75rem}
.review-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0f1635,#1a2050);border:1.5px solid rgba(0,85,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}
.review-avatar svg{width:34px;height:34px}
.review-name{font-size:.85rem;font-weight:700}
.review-rank{font-size:.72rem;color:var(--w40);margin-top:.1rem}
.review-tg{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;font-size:.68rem;font-weight:700;color:rgba(0,136,204,.8);letter-spacing:.04em}
.review-tg svg{flex-shrink:0}

/* Live notifications */
#live-notif{position:fixed;bottom:2rem;left:2rem;z-index:700;pointer-events:none}
.notif{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.2rem;background:rgba(10,10,16,.95);border:1px solid rgba(0,85,255,.25);border-radius:10px;font-size:.82rem;font-weight:600;backdrop-filter:blur(20px);box-shadow:0 8px 30px rgba(0,0,0,.5);transform:translateX(-120%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:0;max-width:280px}
.notif.show{transform:translateX(0);opacity:1}
.notif-icon{font-size:1.1rem;flex-shrink:0}
.notif-gun{color:var(--blue);font-weight:700}

/* ═══════════════════════════════════════════
   REVIEW FORM
═══════════════════════════════════════════ */
#write-review{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04)}
.wr-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:start;max-width:1000px;margin:4rem auto 0}
.wr-preview{display:none;margin-top:2rem}
.wr-preview.visible{display:block}
.wr-preview-label{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--w40);margin-bottom:.75rem}
.wr-form-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}
.wr-form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue) 50%,transparent)}
.wr-stars-select{display:flex;gap:.35rem;margin-bottom:1.5rem}
.wr-star{font-size:1.6rem;cursor:pointer;color:rgba(255,255,255,.15);transition:color .15s,transform .15s;line-height:1;user-select:none}
.wr-star.active{color:var(--gold)}
.wr-star:hover{transform:scale(1.2)}
.wr-success{display:none;text-align:center;padding:2rem 1rem}
.wr-success.show{display:block}
.wr-success-icon{font-size:2.5rem;margin-bottom:.75rem}
.wr-success-title{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.05em;margin-bottom:.4rem}
.wr-success-sub{font-size:.88rem;color:var(--w40);line-height:1.65}
.wr-live-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(0,85,255,.2);border-radius:100px;padding:.3rem .9rem;margin-bottom:1.5rem}
@media(max-width:900px){.wr-layout{grid-template-columns:1fr;gap:2.5rem}}
#order{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04)}
.order-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:start}
.order-left .sec-sub{margin-top:1.2rem;margin-bottom:2.5rem}
.tg-cards{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}
.tg-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.2rem;border-radius:10px;border:1px solid transparent;transition:all .25s;color:#fff}
.tg-card.chan{background:rgba(0,136,204,.06);border-color:rgba(0,136,204,.18)}
.tg-card.sales{background:rgba(0,85,255,.06);border-color:rgba(0,85,255,.18)}
.tg-card.support{background:rgba(201,162,39,.06);border-color:rgba(201,162,39,.15)}
.tg-card:hover{transform:translateX(4px)}
.tg-card.chan:hover{border-color:rgba(0,136,204,.4);background:rgba(0,136,204,.12)}
.tg-card.sales:hover{border-color:rgba(0,85,255,.4);background:rgba(0,85,255,.12)}
.tg-card.support:hover{border-color:rgba(201,162,39,.35);background:rgba(201,162,39,.1)}
.tg-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tg-card.chan .tg-icon{background:rgba(0,136,204,.15);border:1px solid rgba(0,136,204,.25)}
.tg-card.sales .tg-icon{background:rgba(0,85,255,.15);border:1px solid rgba(0,85,255,.25)}
.tg-card.support .tg-icon{background:rgba(201,162,39,.12);border:1px solid rgba(201,162,39,.2)}
.tg-title{font-size:.92rem;font-weight:700}
.tg-role{font-size:.75rem;color:var(--w40);margin-top:.1rem}
.tg-arrow{margin-left:auto;color:var(--w40);transition:transform .25s,color .25s}
.tg-card:hover .tg-arrow{transform:translateX(3px);color:rgba(255,255,255,.7)}
.form-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}
.form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue) 50%,transparent)}
.form-title{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;letter-spacing:.05em;margin-bottom:.35rem}
.form-sub{font-size:.85rem;color:var(--w40);margin-bottom:2rem}
.fg{margin-bottom:1.2rem}
.flabel{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w40);margin-bottom:.5rem}
.finput{width:100%;padding:.85rem 1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:.95rem;transition:all .25s;outline:none}
.finput::placeholder{color:rgba(255,255,255,.2)}
.finput:focus{border-color:rgba(0,85,255,.5);background:rgba(0,85,255,.05);box-shadow:0 0 0 3px rgba(0,85,255,.1)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;max-height:190px;overflow-y:auto;padding-right:.2rem}
.checks::-webkit-scrollbar{width:3px}
.checks::-webkit-scrollbar-thumb{background:rgba(0,85,255,.4);border-radius:2px}
.check-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.07);border-radius:6px;cursor:pointer;font-size:.78rem;color:var(--w70);transition:all .2s;user-select:none}
.check-row:hover{border-color:rgba(0,85,255,.3);background:rgba(0,85,255,.05)}
.check-row input{display:none}
.check-box{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .2s}
.check-row input:checked~.check-box{background:var(--blue);border-color:var(--blue);box-shadow:0 0 6px rgba(0,85,255,.4)}
.check-row input:checked~.check-txt{color:#fff}
.or-sep{display:flex;align-items:center;gap:.75rem;color:var(--w40);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:.15rem 0}
.or-sep::before,.or-sep::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}
.f-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem;margin-top:1.4rem;background:var(--blue);color:#fff;border-radius:10px;font-size:1rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:all .3s;box-shadow:0 4px 30px var(--blue-glow);position:relative;overflow:hidden;border:none;font-family:inherit}
.f-submit::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .3s}
.f-submit:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--blue-glow)}
.f-submit:hover::after{opacity:1}
#fSuccess{display:none;text-align:center;padding:2rem}
.f-success-icon{width:72px;height:72px;border-radius:50%;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;animation:pop .5s cubic-bezier(.175,.885,.32,1.275)}
@keyframes pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.f-success-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;margin-bottom:.5rem}
.f-success-sub{font-size:.92rem;color:var(--w70);line-height:1.65;margin-bottom:1.5rem}
.tg-btn-big{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:#0088cc;border-radius:8px;font-weight:700;font-size:.95rem;color:#fff;transition:all .25s;text-decoration:none}
.tg-btn-big:hover{background:#0099dd;transform:translateY(-2px)}

/* ═══════════════════════════════════════════
   CART DRAWER
═══════════════════════════════════════════ */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:900;opacity:0;pointer-events:none;transition:opacity .35s;backdrop-filter:blur(4px)}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:360px;z-index:950;background:#0c0c14;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.cart-drawer.open{transform:translateX(0)}
.cart-head{padding:1.5rem 1.5rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.cart-head-title{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.06em}
.cart-close{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--w70);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}
.cart-close:hover{background:rgba(255,255,255,.1);color:#fff}
.cart-items{flex:1;overflow-y:auto;padding:1.2rem 1.5rem}
.cart-items::-webkit-scrollbar{width:3px}
.cart-items::-webkit-scrollbar-thumb{background:rgba(0,85,255,.4);border-radius:2px}
.cart-empty{text-align:center;padding:3rem 1rem;color:var(--w40);font-size:.88rem;line-height:1.7}
.cart-empty-icon{font-size:2.5rem;margin-bottom:1rem}
.ci{display:flex;align-items:center;gap:.85rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ci-type{width:36px;height:36px;border-radius:8px;background:var(--blue-dim);border:1px solid rgba(0,85,255,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.ci-type.opt{background:rgba(201,162,39,.1);border-color:rgba(201,162,39,.2)}
.ci-info{flex:1;min-width:0}
.ci-name{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-sub{font-size:.72rem;color:var(--w40)}
.ci-price{font-size:.88rem;font-weight:800;color:var(--blue);flex-shrink:0}
.ci-rm{width:24px;height:24px;border-radius:5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--w40);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}
.ci-rm:hover{background:rgba(255,45,45,.15);border-color:rgba(255,45,45,.3);color:#ff8080}
.cart-foot{padding:1.5rem;border-top:1px solid rgba(255,255,255,.06)}
.cart-sum-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--w40);margin-bottom:.6rem}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}
.cart-total-label{font-size:1rem;font-weight:700}
.cart-total-val{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff}
.cart-cta{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.95rem;background:var(--blue);color:#fff;border-radius:10px;font-size:.95rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:all .3s;box-shadow:0 4px 24px var(--blue-glow);border:none;font-family:inherit}
.cart-cta:hover{transform:translateY(-2px);box-shadow:0 8px 36px var(--blue-glow)}
.cart-cta:disabled{opacity:.4;cursor:not-allowed;transform:none}
.cart-clear{display:block;width:100%;margin-top:.6rem;padding:.55rem;background:transparent;border:none;color:rgba(255,255,255,.25);font-size:.75rem;cursor:pointer;transition:color .2s}
.cart-clear:hover{color:rgba(255,45,45,.7)}

/* Toast */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);z-index:9999;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:rgba(8,10,22,.95);border:1px solid rgba(0,85,255,.3);border-radius:10px;box-shadow:0 8px 40px rgba(0,0,0,.5);font-size:.88rem;font-weight:600;backdrop-filter:blur(20px);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0;pointer-events:none;white-space:nowrap}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all}
.toast-open{margin-left:.5rem;padding:.22rem .7rem;background:var(--blue);border-radius:4px;font-size:.75rem;cursor:pointer;color:#fff;border:none;transition:background .2s}
.toast-open:hover{background:#0044cc}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer{background:#040406;border-top:1px solid rgba(255,255,255,.06);padding:4rem 2rem 2.5rem;position:relative;z-index:1}
.footer-inner{max-width:1240px;margin:0 auto}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}
.footer-brand .logo-txt{font-size:1.5rem;display:block;margin-bottom:.6rem}
.footer-tag{font-size:.82rem;color:var(--w40);letter-spacing:.06em}
.footer-cols{display:flex;gap:4rem}
.footer-col h6{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--w40);margin-bottom:1.2rem}
.footer-col a{display:block;font-size:.85rem;color:var(--w70);margin-bottom:.6rem;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom span{font-size:.8rem;color:rgba(255,255,255,.22)}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:900px){
  nav{padding:0 1.5rem}.nav-links{display:none}
  .hero-h1{font-size:clamp(4rem,14vw,7rem)}
  .problem-grid,.bundle-inner,.order-layout{grid-template-columns:1fr;gap:2.5rem}
  .features-grid,.reviews-grid{grid-template-columns:1fr 1fr}
  .mice-grid{grid-template-columns:1fr}
  .mice-card:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}
  .demo-arena{grid-template-columns:1fr}
  .bundle-badge{top:1.2rem;right:1.2rem}
  .footer-cols{gap:2rem}
}
@media(max-width:600px){
  .features-grid,.reviews-grid{grid-template-columns:1fr}
  .hero-social{gap:2rem}
  .cart-drawer{width:100%}
  .bundle-card{padding:2rem 1.5rem}
  nav{padding:0 1rem}
  .nav-right .nav-buy span{display:none}
  .nav-socials{gap:.3rem}
  .nav-social-link{width:28px;height:28px}
  .nav-social-link svg{width:13px;height:13px}
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══════════════════════════════════════════
   MOBILE — 768px
═══════════════════════════════════════════ */
@media(max-width:768px){
  /* NAV */
  nav{padding:0 1rem;grid-template-columns:auto 1fr}
  .nav-links{display:none}
  .logo-txt{font-size:1.1rem}
  .nav-right{gap:.4rem}
  .nav-pay{display:none}
  .nav-cart{width:42px;height:42px}
  .nav-buy{padding:.5rem .9rem;font-size:.72rem}

  /* HERO */
  .hero{padding:5rem 1.2rem 3rem;min-height:90vh}
  .hero-h1{font-size:clamp(3.5rem,18vw,6rem)}
  .hero-glow{width:500px;height:500px}
  .hero-ring{width:260px;height:260px}
  .hero-ring2{width:380px;height:380px}

  /* STATS STRIP */
  .stats-strip-inner{gap:0;flex-wrap:wrap}
  .sstat{padding:1rem 1.5rem}
  .sstat-val{font-size:2.2rem}

  /* CONTAINER padding */
  .container{padding:0 1rem}

  /* WEAPONS GRID */
  .weapons-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.5rem}

  /* CATALOG HEADER */
  .catalog-header{flex-direction:column;align-items:flex-start}
  .cat-filters{flex-wrap:wrap}

  /* OPT FEATURES */
  .opt-features{grid-template-columns:1fr}

  /* BUNDLE */
  .bundle-card{padding:2rem 1.2rem}
  .bundle-inner{grid-template-columns:1fr;gap:2rem}
  .bundle-badge{top:.8rem;right:.8rem;font-size:.58rem}
  .bundle-price .new{font-size:3rem}

  /* REVIEWS */
  .reviews-grid{grid-template-columns:1fr}

  /* FEATURES */
  .features-grid{grid-template-columns:1fr 1fr}

  /* MICE */
  .mice-grid{grid-template-columns:1fr}
  .mice-card:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}

  /* DEMO ARENA */
  .demo-arena{grid-template-columns:1fr}

  /* ORDER / WRITE-REVIEW */
  .order-layout{grid-template-columns:1fr;gap:2.5rem}
  .wr-layout{grid-template-columns:1fr;gap:2rem}

  /* FOOTER */
  .footer-top{flex-direction:column;gap:2rem}
  .footer-cols{flex-direction:column;gap:1.5rem}
  .footer-bottom{flex-direction:column;text-align:center}

  /* FPS DEMO */
  .fps-counter-demo{flex-wrap:wrap;justify-content:center;gap:.75rem}

  /* SECTION padding */
  #demo,#features,#proof,#mice,#order,#write-review,#bundle,#optimization,#catalog,#pubg-catalog,#video-sec{padding-top:3.5rem;padding-bottom:3.5rem}
}

/* ═══════════════════════════════════════════
   MOBILE — 480px
═══════════════════════════════════════════ */
@media(max-width:480px){
  .hero-h1{font-size:clamp(3rem,20vw,5rem)}
  .hero-live{font-size:.62rem}
  .btn-primary{padding:.9rem 1.8rem;font-size:.9rem}

  .sstat{padding:.8rem 1rem}
  .sstat-val{font-size:1.8rem}
  .sstat:not(:last-child)::after{display:none}

  .weapons-grid{grid-template-columns:repeat(2,1fr)}

  .features-grid{grid-template-columns:1fr}

  .bundle-price .new{font-size:2.5rem}
  .bundle-price .old{font-size:1.1rem}

  .timer-num{font-size:2rem}

  .sec-h2{font-size:clamp(2rem,9vw,3rem)}

  .opt-pricing{grid-template-columns:1fr!important}

  .cf-btn{font-size:.65rem;padding:.3rem .7rem}

  .nav-buy span{display:none}
  .nav-buy{padding:.5rem .7rem}
}

/* ── ANIMATIONS ── */
/* ── PREMIUM BANNER ── */
.prem-banner{
  position:relative;
  background:radial-gradient(ellipse at 20% 30%,rgba(20,25,45,0.95),rgba(8,10,18,0.98));
  border-radius:48px;
  border:1px solid rgba(0,255,255,0.25);
  box-shadow:0 25px 45px -12px rgba(0,0,0,0.8),0 0 0 1px rgba(0,255,255,0.1) inset,0 0 20px rgba(0,200,255,0.2);
  overflow:hidden;
  transition:transform 0.2s ease,box-shadow 0.2s;
}
.prem-banner:hover{
  transform:scale(1.005);
  box-shadow:0 30px 55px -15px black,0 0 0 2px rgba(0,255,255,0.4) inset;
}
.prem-grid{
  display:grid;
  grid-template-columns:1fr 0.9fr;
  gap:0;
  padding:40px 48px;
}
.prem-left{
  border-right:1px dashed rgba(0,255,255,0.3);
  padding-right:36px;
}
.prem-right{
  padding-left:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.prem-badge-new{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,70,110,0.2);
  padding:6px 16px;
  border-radius:100px;
  font-size:0.8rem;
  font-weight:600;
  letter-spacing:0.5px;
  color:#ff4d6d;
  border:1px solid #ff4d6d60;
  margin-bottom:20px;
}
.prem-old-pattern{
  font-size:1.5rem;
  font-weight:700;
  background:linear-gradient(135deg,#b0b3c5,#6c6f85);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-decoration:line-through;opacity:0.7;
  margin-bottom:8px;
}
.prem-new-shot{
  font-size:2.1rem;
  font-weight:800;
  line-height:1.2;
  background:linear-gradient(125deg,#FFFFFF,#3bc9ff,#a0f0ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:24px;
  animation:premPulse 1.8s infinite alternate;
}
.prem-new-shot span{
  background:linear-gradient(125deg,#ffd966,#ffb347);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;
}
@keyframes premPulse{
  0%{text-shadow:0 0 0px rgba(59,201,255,0)}
  100%{text-shadow:0 0 8px rgba(59,201,255,0.5)}
}
.prem-feature-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.prem-feature-item{
  display:flex;align-items:center;gap:14px;
  font-size:1rem;font-weight:500;color:#eef2ff;
  background:rgba(10,20,35,0.5);
  padding:10px 16px;border-radius:48px;
  border:1px solid rgba(59,201,255,0.25);
  transition:0.2s;
}
.prem-feature-item:hover{
  border-color:#3bc9ff;
  background:rgba(59,201,255,0.08);
  transform:translateX(4px);
}
.prem-check-icon{font-size:1.4rem;filter:drop-shadow(0 0 3px #0aff9d)}
.prem-result-block{
  margin:24px 0 0;
  background:linear-gradient(95deg,#0B1120,#0a0f1c);
  border-left:4px solid #ffd966;
  padding:14px 20px;border-radius:20px;
}
.prem-result-text{font-size:1.1rem;font-weight:600;color:#f0f3fa}
.prem-target{font-size:1.4rem;vertical-align:middle;margin-right:8px}
.prem-access-badge{
  font-size:0.85rem;text-transform:uppercase;letter-spacing:2px;
  background:#1e2a3e;display:inline-block;width:fit-content;
  padding:5px 15px;border-radius:40px;color:#b9e6ff;font-weight:500;
  margin-bottom:20px;border:0.5px solid #3bc9ff;
}
.prem-big-price{
  font-size:4rem;font-weight:800;line-height:1;
  color:#FFE484;text-shadow:0 0 12px #ffb347;letter-spacing:-1px;
  font-family:'Bebas Neue',sans-serif;
}
.prem-price-note{
  font-size:0.88rem;color:#9aa4bf;margin-top:10px;
  border-left:2px solid #ffd966;padding-left:12px;
}
.prem-update-tag{
  display:flex;gap:12px;background:#061020;
  border-radius:40px;padding:12px 18px;margin:22px 0 16px;
  align-items:center;color:#eef2ff;
}
.prem-warning{
  background:rgba(255,70,70,0.15);border-radius:20px;
  padding:12px 20px;font-weight:600;color:#ffae70;
  border:1px dashed #ff8c42;text-align:center;font-size:0.92rem;
}
.prem-cta{
  background:linear-gradient(95deg,#FFB347,#FF6B3D);
  border:none;width:100%;padding:16px 0;
  font-size:1.15rem;font-weight:800;font-family:inherit;
  color:#0a0c12;border-radius:60px;margin-top:24px;
  cursor:pointer;transition:0.2s;
  box-shadow:0 8px 18px rgba(0,0,0,0.3);letter-spacing:0.5px;
  display:flex;justify-content:center;align-items:center;gap:10px;
}
.prem-cta:hover{
  transform:scale(1.02);
  background:linear-gradient(95deg,#ffa130,#ff571f);
  box-shadow:0 0 20px #ff6b3d;
}
@media(max-width:850px){
  .prem-grid{grid-template-columns:1fr;padding:28px 24px;gap:28px}
  .prem-left{border-right:none;padding-right:0}
  .prem-right{padding-left:0;text-align:center}
  .prem-big-price{font-size:3rem}
  .prem-new-shot{font-size:1.6rem}
  .prem-old-pattern{font-size:1.2rem}
  .prem-cta{font-size:1rem}
  .prem-access-badge{margin:0 auto 20px}
  .prem-update-tag{justify-content:center}
}
@media(max-width:520px){
  .prem-grid{padding:20px 16px}
  .prem-feature-item{font-size:0.88rem;padding:8px 12px}
}

/* ── LEGAL MODAL ── */
#legalContent h2{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;letter-spacing:.06em;color:#fff;margin-bottom:1.4rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}
#legalContent h3{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:1.4rem 0 .5rem}
#legalContent p{font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:.6rem}
#legalContent ul{padding-left:1.3rem;margin-bottom:.6rem}
#legalContent ul li{font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:.25rem}
#legalContent a{color:var(--blue);text-decoration:underline;word-break:break-all}

/* ═══════════════════════════════════════════
   STICKY CTA BAR
═══════════════════════════════════════════ */
.sticky-cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 850;
  transform: translateY(100%);
  transition: transform .4s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.sticky-cta-bar.sticky-cta-visible {
  transform: translateY(0);
  pointer-events: all;
}
.sticky-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1240px;
  margin: 0 auto;
  padding: .7rem 2rem;
  background: rgba(6,6,10,.95);
  border-top: 1px solid rgba(0,85,255,.35);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 -4px 40px rgba(0,0,0,.6), 0 -1px 0 rgba(0,85,255,.2);
}
.sticky-cta-info {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  flex: 1;
}
.sticky-cta-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--w40);
  white-space: nowrap;
  flex-shrink: 0;
}
.sticky-cta-name {
  font-size: .9rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticky-cta-btn {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.6rem;
  background: var(--blue);
  border: none;
  border-radius: 7px;
  font-size: .88rem;
  font-weight: 800;
  letter-spacing: .05em;
  color: #fff;
  cursor: pointer;
  transition: all .2s;
  box-shadow: 0 0 20px var(--blue-glow);
  white-space: nowrap;
  flex-shrink: 0;
}
.sticky-cta-btn:hover {
  background: var(--blue-bright);
  box-shadow: 0 0 30px var(--blue-glow);
  transform: translateY(-1px);
}
@media(max-width:600px) {
  .sticky-cta-inner { padding: .7rem 1rem; }
  .sticky-cta-name { font-size: .78rem; }
}

/* ═══════════════════════════════════════════
   COOKIE BANNER (кастомный)
═══════════════════════════════════════════ */

#ckBanner{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%) translateY(120%);z-index:3000;width:min(94vw,520px);background:rgba(8,10,20,.97);border:1px solid rgba(0,85,255,.3);border-radius:14px;padding:1.1rem 1.4rem;box-shadow:0 12px 50px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.16,1,.3,1)}
#ckBanner.ck-visible{transform:translateX(-50%) translateY(0)}
#ckBanner.ck-hiding{transform:translateX(-50%) translateY(120%)}
#ckInner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
#ckTitle{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#fff;margin-bottom:.25rem}
#ckDesc{font-size:.72rem;color:var(--w70);line-height:1.5}
#ckDesc a{color:var(--blue);text-decoration:underline;cursor:pointer}
#ckBtns{display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}
.ck-btn-reject{padding:.45rem .9rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--w70);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.ck-btn-reject:hover{border-color:rgba(255,255,255,.3);color:#fff}
.ck-btn-accept{padding:.45rem 1.1rem;background:var(--blue);border:none;border-radius:6px;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}
.ck-btn-accept:hover{background:var(--blue-bright)}
#ckModal{display:none;position:fixed;inset:0;z-index:4000;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);align-items:center;justify-content:center}
#ckModal.ck-modal-open{display:flex}
#ckModalBox{background:#0d0d1a;border:1px solid rgba(0,85,255,.25);border-radius:14px;max-width:480px;width:90%;padding:2rem;position:relative}
.ck-modal-close{position:absolute;top:.9rem;right:.9rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--w70);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s}
.ck-modal-close::before{content:'✕'}
.ck-modal-close:hover{background:rgba(255,255,255,.12);color:#fff}
#ckModalBox h3{display:flex;align-items:center;gap:.5rem;font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.05em;margin-bottom:1rem}
#ckModalBox p{font-size:.88rem;color:var(--w70);line-height:1.7;margin-bottom:1rem}
#ckModalBtns{display:flex;gap:.75rem;margin-top:1.2rem;justify-content:flex-end}

/* ═══════════════════════════════════════════
   BUNDLE-STYLE GLOBAL REDESIGN
   Dark, dramatic, blue+gold accent language
═══════════════════════════════════════════ */

/* ── Section wrappers upgraded ── */
#catalog, #pubg-catalog, #features, #proof, #write-review {
  background: var(--bg);
}
#optimization, #video-sec {
  background: var(--bg2);
}

/* ── Global section card upgrades ── */
.sec-tag {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(0,85,255,.08);
  border: 1px solid rgba(0,85,255,.25);
  border-radius: 100px;
  padding: .3rem 1rem;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 1rem;
}

/* ── Hero upgrade: bigger, more dramatic ── */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 960px;
}

/* ── Stats strip upgrade ── */
.stats-strip {
  background: linear-gradient(135deg,rgba(0,85,255,.06) 0%,rgba(0,0,0,0) 60%,rgba(201,162,39,.04) 100%);
  border-top: 1px solid rgba(0,85,255,.2);
  border-bottom: 1px solid rgba(0,85,255,.2);
}

/* ── Feat cards: bundle-style glass ── */
.feat-card {
  background: linear-gradient(145deg,rgba(0,85,255,.07),rgba(0,0,0,0) 60%,rgba(201,162,39,.04));
  border: 1px solid rgba(0,85,255,.2);
}
.feat-card:hover {
  border-color: rgba(0,85,255,.5);
  box-shadow: 0 0 60px rgba(0,85,255,.15), 0 20px 50px rgba(0,0,0,.5);
}

/* ── Opt features: bundle-style ── */
.opt-feat {
  background: linear-gradient(145deg,rgba(0,85,255,.07),#0f0f18);
}
.opt-feat:hover {
  background: linear-gradient(145deg,rgba(0,85,255,.12),#0f0f18);
}

/* ── Review cards: bundle-style ── */
.review-card {
  background: linear-gradient(145deg,rgba(0,85,255,.06),rgba(0,0,0,0));
  border: 1px solid rgba(0,85,255,.18);
}
.review-card:hover {
  border-color: rgba(0,85,255,.4);
  box-shadow: 0 0 40px rgba(0,85,255,.12);
}

/* ── Weapon cards: upgraded ── */
.weapon-card {
  background: linear-gradient(145deg,rgba(0,85,255,.06),var(--bg2));
}
.weapon-card:hover {
  border-color: rgba(0,85,255,.6);
  box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 40px rgba(0,85,255,.2);
}

/* ── Form card: bundle-style ── */
.form-card {
  background: linear-gradient(145deg,rgba(0,85,255,.08),rgba(0,0,0,0));
  border: 1px solid rgba(0,85,255,.25);
}
.wr-form-card {
  background: linear-gradient(145deg,rgba(0,85,255,.07),rgba(0,0,0,0));
  border: 1px solid rgba(0,85,255,.2);
}

/* ── Plan cards: bundle-style ── */
.opt-plan {
  background: linear-gradient(145deg,rgba(0,85,255,.07),rgba(0,0,0,.2));
  border: 1px solid rgba(0,85,255,.2);
}
.opt-plan.featured {
  background: linear-gradient(145deg,rgba(0,85,255,.15),rgba(0,85,255,.04));
  border: 1px solid rgba(0,85,255,.45);
  box-shadow: 0 0 60px rgba(0,85,255,.15), 0 0 120px rgba(0,85,255,.06);
}
.opt-plan.premium {
  background: linear-gradient(145deg,rgba(201,162,39,.16),rgba(201,162,39,.06),rgba(0,0,0,.2));
  border: 2px solid rgba(201,162,39,.6);
  box-shadow: 0 0 60px rgba(201,162,39,.18), 0 0 120px rgba(201,162,39,.07);
}

/* ── Divider upgrade ── */
.divider {
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(0,85,255,.4),rgba(201,162,39,.25),transparent);
}

/* ── Bundle card perks: upgrade list style ── */
.bundle-perks li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0,85,255,.2);
  border: 1px solid rgba(0,85,255,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .72rem;
  color: var(--blue);
  font-weight: 900;
  box-shadow: 0 0 10px rgba(0,85,255,.3);
}

/* ── Cart drawer upgrade ── */
.cart-drawer {
  background: linear-gradient(180deg,#0c0c16,#09090f);
  border-left: 1px solid rgba(0,85,255,.2);
}

/* ── Tg cards upgrade ── */
.tg-card {
  border-radius: 12px;
}

/* ── Article/Guides: bundle style ── */
.guide-tile {
  background: linear-gradient(145deg,rgba(0,85,255,.07),rgba(0,0,0,.3));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 1.8rem 1.4rem;
  cursor: pointer;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}
.guide-tile:hover {
  border-color: rgba(0,85,255,.4);
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(0,85,255,.12);
}
.guide-tile.razer:hover { border-color: rgba(0,255,136,.3); }
.guide-tile.bloody:hover, .guide-tile.bloodyx7:hover { border-color: rgba(255,45,45,.3); }

/* ── Check rows in form: upgrade ── */
.check-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .7rem;
  border: 1px solid rgba(0,85,255,.12);
  border-radius: 7px;
  background: rgba(0,85,255,.03);
}
.check-row:hover {
  border-color: rgba(0,85,255,.35);
  background: rgba(0,85,255,.07);
}
.check-row input:checked ~ .check-box {
  background: var(--blue);
  border-color: var(--blue);
  box-shadow: 0 0 10px rgba(0,85,255,.5);
}

/* ── Mice cards: upgrade ── */
.mice-card {
  background: linear-gradient(145deg,rgba(0,85,255,.05),var(--bg));
}
.mice-card.logi:hover { background: linear-gradient(145deg,rgba(0,85,255,.12),var(--bg)); }
.mice-card.bloody:hover { background: linear-gradient(145deg,rgba(255,45,45,.06),var(--bg)); }
.mice-card.razer:hover { background: linear-gradient(145deg,rgba(0,255,136,.05),var(--bg)); }

/* ── Footer upgrade ── */
footer {
  background: linear-gradient(180deg,#030305,#040406);
  border-top: 1px solid rgba(0,85,255,.15);
}

/* ── Section headings: bundle-style gradient ── */
.bundle-left h2 .highlight-word {
  background: linear-gradient(135deg,var(--blue),#60a5fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Opt pricing premium: text color fix ── */
.opt-plan.premium .plan-btn-opt.primary {
  background: linear-gradient(135deg,var(--gold),#ffe066,var(--gold));
  color: #0a0800;
  font-weight: 900;
}

/* ── Nav upgrade ── */
nav {
  background: rgba(6,6,10,.85);
  border-bottom: 1px solid rgba(0,85,255,.12);
}

/* ── Bundle perks with emoji ── */
.bundle-perks li {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.bundle-perks li::before {
  display: none;
}
.bundle-perks li > :first-child {
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* ── Guides grid ── */
.guides-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.guide-tile-logo { font-size: 1.1rem; font-weight: 800; margin-bottom: .75rem; }
.brand-white { color: #fff; }
.brand-logi { color: var(--blue); }
.brand-razer { color: var(--green); }
.brand-bloody { color: var(--red); }
.brand-cyan { color: #00e5ff; }
.guide-tile p { font-size: .82rem; color: var(--w70); line-height: 1.6; margin-bottom: .75rem; }
.guide-tile-arrow { color: var(--blue); font-size: 1.1rem; font-weight: 700; }

/* ── Article modal ── */
#guidesModal, #articleModal {
  display:none;position:fixed;inset:0;z-index:9000;
  background:rgba(0,0,0,.78);backdrop-filter:blur(10px);
  overflow-y:auto;padding:2rem 1rem;
}
#guidesModal.open, #articleModal.open { display:block; }
#guidesBox, #articleBox {
  max-width:760px;margin:auto;
  background:#0b0b14;border:1px solid rgba(0,85,255,.25);
  border-radius:18px;padding:2.5rem;position:relative;
  box-shadow:0 24px 80px rgba(0,0,0,.7);
}
.guides-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem; }
.guides-header h2 { display:flex;align-items:center;gap:.6rem;font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.06em; }
.guides-header h2 span { color:var(--blue); }
.guides-subtitle { font-size:.88rem;color:var(--w70);margin-bottom:1.5rem; }
.guides-close { background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--w70);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s;flex-shrink:0; }
.guides-close::before { content:'✕'; }
.guides-close:hover { background:rgba(255,255,255,.12);color:#fff; }
.article-close { position:absolute;top:1.2rem;right:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--w70);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s; }
.article-close::before { content:'✕'; }
.article-back { background:transparent;border:none;color:var(--blue);font-size:.82rem;font-weight:700;cursor:pointer;padding:0;margin-bottom:1rem;display:block;font-family:inherit; }
.article-tag { display:inline-flex;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(0,85,255,.25);padding:.25rem .75rem;border-radius:100px;margin-bottom:.75rem; }
.article-title { font-family:'Bebas Neue',sans-serif;font-size:clamp(1.6rem,4vw,2.5rem);letter-spacing:.04em;margin-bottom:1.2rem; }
.article-divider { height:1px;background:rgba(255,255,255,.07);margin-bottom:1.5rem; }
.article-body h3 { font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:1.4rem 0 .5rem; }
.article-body p { font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:.75rem; }
.article-body ul { padding-left:1.3rem;margin-bottom:.75rem; }
.article-body ul li { font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.75;margin-bottom:.3rem; }
.article-note { background:rgba(0,85,255,.07);border:1px solid rgba(0,85,255,.2);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;font-size:.88rem;color:rgba(255,255,255,.75);line-height:1.7; }
.article-problem { background:rgba(255,45,45,.04);border:1px solid rgba(255,45,45,.15);border-radius:10px;padding:1rem 1.2rem;margin:.75rem 0; }
.article-problem h4 { font-size:.85rem;font-weight:700;margin-bottom:.35rem;color:#ff8080; }
.article-problem p { font-size:.83rem;color:rgba(255,255,255,.55);line-height:1.6;margin:0; }

/* ═══════════════════════════════════════════
   ORDER SECTION — WIDE TWO-COLUMN LAYOUT
═══════════════════════════════════════════ */
#order .container {
  max-width: 1300px;
}
.order-two-col {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 2.5rem;
  align-items: start;
  max-width: 1300px;
  margin: 0 auto;
}
.order-form-col {
  position: sticky;
  top: 84px;
}
.order-catalog-col {
  min-width: 0;
}
.owg-header {
  margin-bottom: 1.5rem;
}
.owg-h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.8rem;
  letter-spacing: .06em;
  margin-bottom: .35rem;
}
.owg-sub {
  font-size: .82rem;
  color: var(--w40);
}

/* ── Weapon group sections ── */
.order-weapon-groups {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.owg-section {}
.owg-title {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--w40);
  margin-bottom: .75rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.owg-price {
  font-size: .65rem;
  font-weight: 700;
  color: var(--blue);
  background: var(--blue-dim);
  border: 1px solid rgba(0,85,255,.25);
  padding: .15rem .5rem;
  border-radius: 100px;
  letter-spacing: .06em;
  text-transform: none;
}
.owg-price-gold {
  color: var(--gold);
  background: rgba(201,162,39,.1);
  border-color: rgba(201,162,39,.25);
}

/* ── Picker card grid ── */
.owg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: .5rem;
}
.owg-grid-wide {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

/* ── Individual picker card ── */
.owg-card {
  position: relative;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  padding: .55rem .4rem .45rem;
  cursor: pointer;
  transition: all .2s cubic-bezier(.16,1,.3,1);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  user-select: none;
}
.owg-card:hover {
  border-color: rgba(0,85,255,.4);
  background: rgba(0,85,255,.07);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.owg-card--selected {
  border-color: var(--blue) !important;
  background: rgba(0,85,255,.15) !important;
  box-shadow: 0 0 20px rgba(0,85,255,.25), 0 4px 16px rgba(0,0,0,.4) !important;
}
.owg-card--selected .owg-card-check {
  opacity: 1;
  transform: scale(1);
}

/* ── Check indicator ── */
.owg-card-check {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  background: var(--blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity .15s, transform .2s cubic-bezier(.175,.885,.32,1.275);
}

/* ── Card image ── */
.owg-card-img-wrap {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.owg-card-img {
  width: 100%;
  height: 36px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.8));
  transition: transform .2s;
}
.owg-card:hover .owg-card-img {
  transform: scale(1.1);
}
.owg-card-pack-icon,
.owg-card-emoji {
  font-size: 1.4rem;
  line-height: 1;
}
.owg-card-name {
  font-size: .62rem;
  font-weight: 700;
  color: var(--w70);
  line-height: 1.2;
  letter-spacing: .02em;
  word-break: break-word;
}
.owg-card-price {
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.owg-grid-wide .owg-card {
  flex-direction: row;
  text-align: left;
  gap: .6rem;
  padding: .7rem .9rem;
}
.owg-grid-wide .owg-card-img-wrap {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.owg-grid-wide .owg-card-name {
  flex: 1;
  font-size: .75rem;
}
.owg-grid-wide .owg-card-price {
  font-size: .75rem;
}

/* ── PUBG picker cards — bigger image area matching catalog 01в ── */
.owg-card--pubg {
  background: linear-gradient(135deg, #0d1018, #111820);
  border-color: rgba(200,162,39,.18);
}
.owg-card--pubg:hover {
  border-color: rgba(200,162,39,.5);
  background: linear-gradient(135deg, #101418, #141c24);
  box-shadow: 0 8px 24px rgba(0,0,0,.5);
}
.owg-card--pubg .owg-card-img-wrap {
  height: 56px;
  background: linear-gradient(135deg, #0e0c06, #121008);
  border-radius: 6px;
  width: 100%;
  padding: .25rem;
  box-sizing: border-box;
}
.owg-card--pubg .owg-card-img {
  height: 56px;
  filter: drop-shadow(0 3px 10px rgba(200,162,39,.4));
  object-fit: contain;
}
.owg-card--pubg:hover .owg-card-img {
  filter: drop-shadow(0 4px 14px rgba(200,162,39,.6));
  transform: scale(1.08);
}
.owg-card--pubg .owg-card-name {
  color: rgba(255,255,255,.85);
}
.owg-card--pubg .owg-card-price {
  color: #C8A951 !important;
}

/* ── Feat icon with emoji ── */
.feat-icon {
  font-size: 1.5rem;
  background: var(--blue-dim);
  border: 1px solid rgba(0,85,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.opt-feat-icon {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Checkbox with weapon image ── */
.check-img-wrap {
  width: 44px;
  height: 26px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.check-weapon-img {
  width: 44px;
  height: 26px;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.7));
}

/* ── Responsive ── */
@media(max-width:1100px) {
  .order-two-col {
    grid-template-columns: 1fr;
  }
  .order-form-col {
    position: static;
  }
  .owg-grid {
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  }
}
@media(max-width:600px) {
  .owg-grid {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: .35rem;
  }
  .owg-grid-wide {
    grid-template-columns: 1fr 1fr;
  }
}

/* ═══════════════════════════════════════════
   MOBILE FIX — OVERFLOW & CLIPPING
═══════════════════════════════════════════ */

/* Глобальный фикс горизонтального скролла */
html {
  overflow-x: hidden;
}
*, *::before, *::after {
  max-width: 100%;
}

/* Онлайн-бейдж — убираем на маленьких экранах чтобы не перекрывал контент */
@media(max-width:480px) {
  .online-badge {
    display: none;
  }
}

/* ── HERO SPRAY BOXES ── */
@media(max-width:600px) {
  .hero-spray-wrap {
    gap: .6rem;
    flex-wrap: wrap;
  }
  .spray-box {
    width: 110px;
    padding: .7rem .9rem;
  }
}
@media(max-width:380px) {
  .spray-box {
    width: 95px;
    padding: .6rem .7rem;
  }
}

/* ── HERO STATS (hstat) ── */
@media(max-width:600px) {
  .hero-social {
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
  }
  .hstat-val {
    font-size: 2rem;
  }
}

/* ── NAV — очень маленькие экраны ── */
@media(max-width:380px) {
  nav {
    padding: 0 .75rem;
  }
  .logo-txt {
    font-size: 1rem;
  }
  .nav-socials {
    display: none; /* прячем соцсети в nav на совсем маленьких */
  }
  .nav-cart {
    width: 36px;
    height: 36px;
  }
  .nav-buy {
    padding: .45rem .65rem;
    font-size: .7rem;
  }
}

/* ── STICKY CTA BAR ── */
@media(max-width:480px) {
  .sticky-cta-inner {
    flex-wrap: wrap;
    gap: .5rem;
    padding: .6rem .75rem;
  }
  .sticky-cta-info {
    flex: 1 1 100%;
    min-width: 0;
  }
  .sticky-cta-btn {
    width: 100%;
    justify-content: center;
    padding: .6rem 1rem;
    font-size: .82rem;
  }
  .sticky-cta-label {
    display: none;
  }
}

/* ── PREM BANNER ── */
@media(max-width:480px) {
  .prem-big-price {
    font-size: 2.5rem;
  }
  .prem-new-shot {
    font-size: 1.3rem;
  }
  .prem-feature-item {
    font-size: .82rem;
    padding: 7px 10px;
    gap: 10px;
  }
  .prem-grid {
    padding: 16px 14px;
  }
  .prem-cta {
    font-size: .92rem;
    padding: 14px 0;
  }
}

/* ── GUIDES GRID ── */
@media(max-width:600px) {
  .guides-grid {
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
  }
}
@media(max-width:380px) {
  .guides-grid {
    grid-template-columns: 1fr;
  }
}

/* ── ORDER SECTION — picker cards ── */
@media(max-width:380px) {
  .owg-grid {
    grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
    gap: .3rem;
  }
  .owg-card-name {
    font-size: .56rem;
  }
  .owg-grid-wide {
    grid-template-columns: 1fr;
  }
}

/* ── WEAPONS GRID ── */
@media(max-width:380px) {
  .weapons-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem;
  }
}

/* ── BUNDLE CARD ── */
@media(max-width:380px) {
  .bundle-card {
    padding: 1.5rem 1rem;
    border-radius: 16px;
  }
  .bundle-price .new {
    font-size: 2.2rem;
  }
  .timer-num {
    font-size: 1.7rem;
  }
  .timer-row {
    gap: .4rem;
  }
  .timer-block {
    min-width: 0;
  }
}

/* ── ФОРМА ЗАКАЗА ── */
@media(max-width:600px) {
  .form-card,
  .wr-form-card {
    padding: 1.5rem 1.2rem;
    border-radius: 14px;
  }
  .checks {
    grid-template-columns: 1fr;
    max-height: none;
  }
}

/* ── OPT PRICING / PLAN CARDS ── */
@media(max-width:600px) {
  .opt-plan {
    padding: 1.5rem 1.2rem;
  }
  .plan-price-opt {
    font-size: 2.2rem;
  }
}

/* ── DEMO CANVASES — не дать им выйти за экран ── */
@media(max-width:480px) {
  #demoCanvasBad,
  #demoCanvasGood {
    width: 100% !important;
    height: auto !important;
  }
  .demo-hold-btn {
    padding: .9rem 1.8rem;
    font-size: .88rem;
  }
}

/* ── VIDEO WRAP ── */
@media(max-width:600px) {
  .video-wrap {
    border-radius: 10px;
    margin: 1.5rem auto 0;
  }
}

/* ── СЕКЦИЯ stats-strip — перенос на узких ── */
@media(max-width:380px) {
  .sstat {
    padding: .6rem .8rem;
    width: 50%;
  }
  .sstat-val {
    font-size: 1.6rem;
  }
  .sstat-label {
    font-size: .58rem;
  }
}

/* ── ОБЩИЕ ОТСТУПЫ СЕКЦИЙ на маленьких ── */
@media(max-width:380px) {
  section {
    padding: 3rem 1rem;
  }
  #demo,#features,#proof,#mice,#order,#write-review,
  #bundle,#optimization,#catalog,#pubg-catalog,#video-sec {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .container {
    padding: 0 .75rem;
  }
  .sec-h2 {
    font-size: clamp(1.8rem, 8vw, 2.5rem);
  }
}

/* ── LEGAL / COOKIE MODAL на мобиле ── */
@media(max-width:480px) {
  #ckInner {
    flex-direction: column;
  }
  #ckBtns {
    margin-left: 0;
    width: 100%;
  }
  .ck-btn-reject,
  .ck-btn-accept {
    flex: 1;
    text-align: center;
  }
}

/* ── FOOTER на маленьких ── */
@media(max-width:380px) {
  footer {
    padding: 3rem 1rem 2rem;
  }
  .footer-top {
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .footer-cols {
    gap: 1rem;
  }
}

/* ── ДЕКОРАТИВНЫЕ КОЛЬЦА — не пишем overflow на hero, 
   просто убираем большие кольца на совсем узких ── */
@media(max-width:380px) {
  .hero-ring2 {
    display: none;
  }
  .hero-glow {
    width: 300px;
    height: 300px;
  }
}

/* ── PUBG карточки ── */
@media(max-width:480px) {
  .pubg-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }
}

/* ── Фикс переполнения hero-h1 ── */
@media(max-width:380px) {
  .hero-h1 {
    font-size: clamp(2.6rem, 18vw, 4rem);
  }
  .hero {
    padding: 5rem 1rem 3rem;
  }
  .hero-btns {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-primary,
  .btn-ghost {
    width: 100%;
    justify-content: center;
  }
}