/* ============================================================
   CRITICAL: FIRST-PAINT MOBILE SLIDER OVERRIDE
   Loads BEFORE CSS files to prevent flicker on initial paint
   NEW MOBILE SYSTEM ONLY - Uses .mobile-hero-system wrapper
   ============================================================ */
@media (max-width: 991px) {
    /* NEW MOBILE SYSTEM ONLY - Isolated from old systems */
    .mobile-hero-system.site-showcase {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        height: calc(100vh - 20px) !important;
        min-height: 450px !important;
        overflow: hidden !important;
    }
    
    .mobile-hero-system .hero-slider,
    .mobile-hero-system .hero-slider.flexslider ul.slides li {
        display: block !important;
        visibility: visible !important;
        height: calc(100vh - 20px) !important;
        min-height: 450px !important;
    }
}