/* ============================================
   CRITICAL MOBILE SCROLL FIX
   Stoppt das Vibrieren/Flackern beim Scrollen
   ============================================ */

/* REMOVE fixed background video on mobile - causes scroll jank */
@media (max-width: 768px) {
    .global-video-bg {
        position: absolute !important;
        height: 200vh !important;
    }
    
    .global-video-bg video {
        display: none !important;
    }
    
    /* Use gradient background instead */
    .global-video-bg {
        background: linear-gradient(180deg, #0a1a14 0%, #1a4d3e 50%, #0a1a14 100%) !important;
    }
    
    /* Ensure smooth scrolling */
    body {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: scroll !important;
        position: relative !important;
    }
    
    html {
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Prevent scroll jumping - only on specific elements, not all */
    .page-hero,
    .page-content,
    main,
    section {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Fix header positioning */
@media (max-width: 768px) {
    .header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: rgba(10, 26, 20, 0.95) !important;
        backdrop-filter: blur(10px) !important;
    }
}