/* Prevent horizontal scrollbars on mobile */
        @media (max-width: 768px) {
            html, body {
              overflow-x: hidden;
              max-width: 100%;
            }
            
            /* Reset AOS horizontal animations on mobile */
            [data-aos="fade-left"],
            [data-aos="fade-right"] {
              transform: none !important;
              opacity: 1 !important;
            }
            
            /* Before animation state */
            [data-aos="fade-left"]:not(.aos-animate),
            [data-aos="fade-right"]:not(.aos-animate) {
              transform: translateY(20px) !important;
              opacity: 0 !important;
            }
        }
        
        /* Additional safety for AOS animations */
        .aos-animate {
            overflow: hidden;
        }