/* ========================================= */
/* CSS cho SECTION SLIDER GALLERY */
/* ========================================= */
.section-slider-gallery {
    width: 100%;
    margin: 0; 
    padding: 0; 
    overflow: hidden;
}

/* Đảm bảo Swiper Container full width */
.section-slider-gallery .swiper {
    width: 100%;
    height: auto; 
    padding-bottom: 30px; /* Thêm padding dưới để chứa pagination dots */
}

/* Đảm bảo ảnh chiếm toàn bộ chiều rộng slide và giữ tỷ lệ */
.section-slider-gallery .swiper-slide img {
    width: 100%;
    height: auto; /* Giữ tỷ lệ tự nhiên của ảnh */
    display: block;
    /* Tùy chọn: Có thể thêm border-radius để đẹp hơn */
    border-radius: 8px; 
}

/* Style cho các nút điều hướng (tùy chọn) */
.section-slider-gallery .swiper-button-prev,
.section-slider-gallery .swiper-button-next {
    color: #fff; /* Thay đổi màu mũi tên */
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
}