/* ============================================
   Gaming Zone — SCROLL PERFORMANCE BOOST
   Disables expensive GPU effects while scrolling
   Re-enables smoothly when scroll stops
   ============================================ */

/* ── During Scroll: Kill Backdrop Blur ─── */
body.is-scrolling *,
body.is-scrolling *::before,
body.is-scrolling *::after {
    animation-play-state: paused !important;
}

body.is-scrolling .trust-bar,
body.is-scrolling .cat-card-new,
body.is-scrolling .testimonial-card,
body.is-scrolling .safety-card-premium,
body.is-scrolling .why-card,
body.is-scrolling .stat-box,
body.is-scrolling .activity-feed-card,
body.is-scrolling .glass-card,
body.is-scrolling .glass-card-glow,
body.is-scrolling .info-panel-v2,
body.is-scrolling .narrative-card,
body.is-scrolling .pillar-card-v3,
body.is-scrolling .product-card-modern,
body.is-scrolling .cart-node-premium,
body.is-scrolling .cart-empty-nexus,
body.is-scrolling #cb-window,
body.is-scrolling .cb-avatar,
body.is-scrolling .footer-glass {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Animations resume naturally when is-scrolling is removed */

/* ── Reduce paint complexity on scroll ─── */
body.is-scrolling .portal-hud-overlay,
body.is-scrolling .hud-scanning-line,
body.is-scrolling .hero-decorations,
body.is-scrolling .animated-bg,
body.is-scrolling .mesh-bg,
body.is-scrolling .holo-bg,
body.is-scrolling .cyber-portal-container,
body.is-scrolling .bg-glow,
body.is-scrolling .gradient-orb,
body.is-scrolling .portal-grid-floor {
    visibility: hidden !important;
}

/* ── Disable hover transforms during scroll ─── */
body.is-scrolling .cat-card-new:hover,
body.is-scrolling .testimonial-card:hover,
body.is-scrolling .why-card:hover,
body.is-scrolling .pillar-card-v3:hover,
body.is-scrolling .safety-card-premium:hover,
body.is-scrolling .stat-box:hover,
body.is-scrolling .product-card-modern:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* ── GPU Layer Hints for Always-Visible Elements ─── */
.hero-redesign,
.trust-bar,
.cat-card-new,
.product-card-modern,
.testimonial-card,
.safety-card-premium {
    will-change: auto;
    contain: layout style;
}

/* ── Prefer Reduced Motion (Accessibility) ─── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}