/* Simple Slider Styles - Chỉ giữ những phần cần thiết */

/* Container cho slider */
.slider-section {
    margin-top: 65px; /* Để tránh bị che bởi header */
}

/* Carousel container - Chiều cao cố định */
#carouselExampleCaptions {
    height: 500px;
}

/* Carousel inner */
#carouselExampleCaptions .carousel-inner {
    height: 100%;
}

/* Carousel item */
#carouselExampleCaptions .carousel-item {
    height: 100%;
}

/* Ảnh trong slider - Đồng bộ kích thước */
#carouselExampleCaptions .carousel-item img {
    max-height: 400px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Responsive cho mobile */
@media (max-width: 991.98px) {
    #carouselExampleCaptions {
        height: 400px;
    }
    
    #carouselExampleCaptions .carousel-item img {
        max-height: 300px;
    }
}

@media (max-width: 575.98px) {
    #carouselExampleCaptions {
        height: 350px;
    }
    
    #carouselExampleCaptions .carousel-item img {
        max-height: 250px;
    }
}