/* Mobile Performance Optimizations */
@media (max-width: 768px) {
    /* Disable expensive backdrop-filter on navbar */
    .navbar-container {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(15, 22, 39, 0.98) !important; /* Solid/Dark opaque background */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important; /* Simple shadow */
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* Simplify other glass elements if they exist */
    .glass, .glass--plain, .pricing-plan {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(15, 22, 39, 0.95) !important;
    }

    /* Ensure hardware acceleration for fixed elements */
    .navbar {
        will-change: transform;
        transform: translateZ(0);
    }

    /* Disable text-shadows on scroll if they are causing issues (optional, but good for perf) */
    .neon-text {
        text-shadow: 0 0 4px var(--brandPrimary) !important;
        animation: none !important;
    }

    /* Optimize the huge gradient background */
    #bg-gradient::before {
        will-change: auto !important;
        transform: none !important;
        background: var(--bg) !important; /* Fallback to simple color or simpler gradient */
        height: 100vh !important;
    }
}