/* ========================================
   CAROUSEL RESPONSIVE FIX
   Images scale naturally on all screen sizes
   ======================================== */

/* Ensure no fixed heights interfere */
.container-fluid.carousel,
.header-carousel,
.header-carousel .owl-stage-outer,
.header-carousel .owl-stage,
.header-carousel .owl-item,
.header-carousel-item {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}

/* Image fills width, height scales naturally */
.header-carousel-item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Small screen nav adjustments */
@media (max-width: 576px) {
    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next,
    .header-carousel .owl-nav button {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 14px !important;
        border-radius: 50% !important;
    }

    .header-carousel .owl-nav button span,
    .header-carousel .owl-nav .nav-arrow {
        font-size: 18px !important;
        line-height: 1 !important;
    }
}