/* =========================================
   HERO SLIDER - RASIO 3:1
   Gambar asli: 2048 x 683
========================================= */

.hero-slider-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2048 / 683;
    object-fit: cover;
}

/* Carousel mengikuti tinggi gambar */
.carousel-item {
    height: auto;
}

/* Hilangkan positioning bawaan */
.carousel-item > img {
    position: static;
    width: 100%;
    min-width: 100%;
    height: auto;
    aspect-ratio: 2048 / 683;
    object-fit: cover;
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 768px) {

    .carousel-item {
        height: auto;
    }

    .carousel-item > img {
        width: 100%;
        height: auto;
        aspect-ratio: 2048 / 683;
        object-fit: cover;
    }

}


/* =========================================
   HP
========================================= */

@media (max-width: 767.98px) {

    .carousel {
        margin-bottom: 2rem;
    }

    .carousel-item {
        height: auto;
    }

    .carousel-item > img {
        width: 100%;
        height: auto;
        min-width: 100%;
        aspect-ratio: 2048 / 683;
        object-fit: cover;
    }

}