/* ================================================
   MOBILE PERFORMANCE OPTIMIZATIONS
   Reduce animations and effects for smooth mobile experience
   ================================================ */

@media (max-width: 768px) {
    /* Disable expensive CSS filters and effects on mobile */
    .mega-background-animation,
    .quantum-container,
    .constellation-container {
        display: none !important;
    }
    
    /* Ensure FAQ buttons are clickable */
    .faq-question {
        position: relative;
        z-index: 10;
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2);
        touch-action: manipulation;
    }
    
    .faq-item {
        position: relative;
        z-index: 5;
    }
    
    /* Smooth, professional animation speeds */
    .faq-answer {
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                    padding 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    
    .mobile-menu {
        transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    
    .mobile-menu-overlay {
        transition: opacity 0.3s ease !important;
    }
    
    .faq-icon {
        transition: transform 0.3s ease !important;
    }
    
    /* Disable backdrop filters on mobile (expensive) */
    .navbar,
    .mobile-menu,
    .modal,
    .card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* Remove box shadows (expensive to render) */
    .service-tile,
    .result-card,
    .platform-badge,
    .faq-item,
    .contact-card {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Disable hover effects on mobile (not needed for touch) */
    .service-tile:hover,
    .result-card:hover,
    .platform-badge:hover {
        transform: none !important;
    }
    
    /* Use simpler gradients */
    .hero {
        background: #0a0a0a !important;
    }
    
    /* Optimize images */
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
    
    /* Hardware acceleration for smooth scrolling */
    body {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    
    /* Reduce particle count visibility */
    .particle-container {
        opacity: 0.3 !important;
    }
    
    /* GPU acceleration for key elements */
    .navbar,
    .mobile-menu,
    .faq-answer,
    .service-tile {
        will-change: auto;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }
    
    /* Disable blur effects */
    .blur {
        filter: none !important;
    }
    
    /* Optimize fonts */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeSpeed;
    }
    
    /* Remove unnecessary transitions on scroll */
    .section-header,
    .section-title {
        transition: none !important;
    }
}

/* Low-end device optimizations */
@media (max-width: 768px) and (max-resolution: 1.5dppx) {
    /* Keep smooth animations even on low-end devices */
    .faq-answer {
        transition: max-height 0.35s ease, opacity 0.35s ease !important;
    }
    
    .mobile-menu {
        transition: right 0.35s ease !important;
    }
}