/* MOBILE HERO IMAGE SCALING FIX */
/* Added: 2026-04-13 - Minimal fix for mobile scaling */

/* 1. Hero image scaling (main fix) */
.w3l-banner {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 2. Responsive height adjustments (optional) */
@media (max-width: 767px) {
    .w3l-banner {
        min-height: 400px !important;
    }
}

@media (max-width: 480px) {
    .w3l-banner {
        min-height: 300px !important;
    }
}

/* 3. Very small phones */
@media (max-width: 320px) {
    .w3l-banner {
        min-height: 250px !important;
    }
}