/* Mobile Performance Optimizations */
@media (max-width: 768px) {
    /* Reduce animations for better performance but keep slider effects */
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    /* Allow swiper transitions on mobile */
    .swiper-slide {
        transition-duration: 300ms !important;
    }
    
    .swiper-slide-active {
        transition-duration: 300ms !important;
    }
    
    /* Reduce motion preference */
    @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }
    }
    
    /* Optimize images */
    img {
        image-rendering: optimizeSpeed;
        transform: translateZ(0);
        backface-visibility: hidden;
    }
    
    /* Hardware acceleration for smooth scrolling */
    body {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Reduce box-shadows for performance */
    .pillar-card, .founder-section-wrapper, .feature-card, .accred-item {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    /* Simplify gradients */
    .about-page {
        background: #eef1f5 !important;
    }
    
    .pillar-card, .founder-section-wrapper {
        background: #8989ba !important;
    }
    
    .why-us-section {
        background: #a1c4fd !important;
    }
    
    .accreditations-section {
        background: #f6d365 !important;
    }
    
    .our-presence-section {
        background: #ff7b7b !important;
    }
    
    /* Disable hover effects on mobile */
    .pillar-card:hover, .founder-section-wrapper:hover, 
    .feature-card:hover, .accred-item:hover {
        transform: none !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    /* Optimize flag animation */
    .flags-track {
        will-change: transform;
        animation-duration: 35s;
        transform: translateZ(0);
    }
    
    /* Pause animations when not visible */
    .flags-slider:not(:hover) .flags-track {
        animation-play-state: running;
    }
    
    /* Optimize Lottie animations */
    lottie-player {
        will-change: transform;
        transform: translateZ(0);
    }
    
    /* Reduce backdrop-filter usage */
    .feature-card, .accred-item {
        backdrop-filter: none !important;
        background: rgba(255,255,255,0.9) !important;
    }
    
    /* Optimize text rendering */
    body, h1, h2, h3, h4, h5, h6, p {
        text-rendering: optimizeSpeed;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Reduce repaints */
    .container {
        contain: layout style;
    }
    
    /* Optimize scrolling */
    html {
        scroll-behavior: auto;
    }
}

/* Critical mobile styles */
@media (max-width: 480px) {
    .container {
        padding: 0 1rem;
    }
    
    .section-header {
        margin-bottom: 2rem;
    }
    
    .about-pillars {
        gap: 1rem;
    }
    
    .pillar-card {
        padding: 1.5rem;
    }
    
    .founder-content {
        flex-direction: column;
        text-align: center;
    }
    
    .founder-image {
        margin-bottom: 2rem;
    }
    
    .why-us-features {
        gap: 1rem;
    }
    
    .feature-card {
        padding: 1.5rem;
    }
}