/* Style cho Slider Chính */
.main-swiper1 {
    width: 100%;
    height: auto; /* Hoặc chiều cao cố định tuỳ bạn */
}

    .main-swiper1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Style cho Slider Thumbnail */
.thumbs-swiper {
    height: 100px; /* Chiều cao của hàng thumbnail */
    box-sizing: border-box;
    padding: 10px 0;
}

    .thumbs-swiper .swiper-slide {
        height: 100%;
        opacity: 0.7; /* Làm mờ các ảnh không được chọn */
        cursor: pointer;
    }

    .thumbs-swiper .swiper-slide-thumb-active {
        opacity: 1; /* Ảnh đang chọn sẽ rõ nét */
        border: 2px solid #ffca29; /* Viền vàng (hoặc màu tuỳ chọn) cho ảnh đang active */
    }

    .thumbs-swiper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }