/* ========================================
   AOS ANIMATION OVERFLOW FIX
   Prevents horizontal scrollbar during AOS fade animations
   Applied ONLY on mobile to prevent desktop scrollbar issues
   ======================================== */

/* ===== MOBILE ONLY FIXES ===== */
/* Only apply overflow fixes on mobile where AOS animations cause issues */
@media (max-width: 1024px) {
    /* Global section overflow prevention - EXCLUDE navbar */
    section:not(.navbar):not(nav) {
        overflow-x: hidden !important;
        overflow-y: visible;
    }
    
    /* Specific sections */
    .hero-section,
    .about-section,
    .tokenomics-section,
    .roadmap-section,
    .how-to-buy-section,
    .faq-section,
    .community-section {
        overflow-x: hidden !important;
        overflow-y: visible;
    }
    
    /* Grid containers */
    .about-grid,
    .faq-grid,
    .roadmap-grid,
    .steps-container {
        overflow-x: hidden !important;
        overflow-y: visible;
    }
    
    /* Animated elements - prevent overflow */
    .about-left,
    .about-right,
    .faq-left,
    .faq-right,
    .hero-left,
    .holo-presale {
        max-width: 100% !important;
    }
    
    /* Container - but not nav-container */
    .container:not(.nav-container) {
        overflow-x: hidden !important;
        overflow-y: visible;
    }
}