/* =========================================
   FILE: public/css/section5.css
   Chứa style riêng biệt cho Section 5 (Products)
========================================= */

.section-5-products {
    background-color: var(--bg-section, #ffffff);
    padding: 10px 0;
    overflow: hidden;
    /* Ngăn xuất hiện thanh cuộn ngang */
    width: 100%;
}

.container-slider {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* --- STYLE CHO KHỐI SẢN PHẨM --- */
.product-item {
    display: block;
    transition: transform 0.3s ease;
    overflow: hidden;
    border: none;
}

.product-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.product-item:hover {
    transform: scale(1.02);
    /* Phóng to nhẹ khi di chuột */
}

/* --- TUỲ CHỈNH MÀU SẮC SWIPER SLIDER --- */
.swiper-button-next,
.swiper-button-prev {
    color: var(--primary-color) !important;
}

.swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}