/* ================================
   ICEBERG WIDTH & OVERFLOW PATCH
   (Load AFTER original CSS)
================================ */

/* 1️⃣ HARD STOP horizontal overflow */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

/* 2️⃣ Prevent fixed / absolute layers from causing overflow */
.cyber-bg,
.cyber-gradient,
.grid-overlay,
.grid-lines,
.grid-glow,
.scanlines,
.noise-overlay,
.data-streams,
.matrix-rain,
.particles {
    max-width: 100vw;
    overflow: hidden;
}

/* 3️⃣ Fix elements using transform + blur (major overflow culprit) */
.cyber-gradient,
.orb,
.orb1,
.orb2,
.orb3 {
    left: 50%;
    transform: translateX(-50%);
    max-width: 100vw;
}

/* 4️⃣ Fix nav & hero causing width jump */
nav,
.nav-container,
.hero,
.hero-container {
    max-width: 100vw;
    overflow-x: hidden;
}

/* 5️⃣ Grid & section safety */
.features,
.pricing,
.contact,
.stats,
.footer {
    max-width: 100vw;
    overflow-x: hidden;
}

/* 6️⃣ Fix grids stretching beyond viewport */
.features-grid,
.pricing-grid,
.stats-grid {
    width: 100%;
    max-width: 100%;
}

/* 7️⃣ Prevent large blur / glow from pushing layout */
.feature-card,
.pricing-card,
.contact-form,
.hero-title,
.hero-Ice,
.hero-flow {
    max-width: 100%;
}

/* 8️⃣ Mobile menu & overlay containment */
.mobile-menu,
.mobile-menu-overlay {
    max-width: 100vw;
    overflow-x: hidden;
}

/* 9️⃣ Prevent accidental overflow from animations */
* {
    box-sizing: border-box;
}

/* 🔟 Mobile hard clamp (IMPORTANT) */
@media (max-width: 768px) {
    body {
        overflow-x: hidden !important;
        position: relative;
    }

    .orb,
    .cyber-gradient {
        filter: blur(120px);
        max-width: 100vw;
    }
}