/* =========================================================
   SLIDER EDGE FIX V10.8
   Fix slide bên trái/phải bị mất viền do translateX ±10%
   trong CSS gốc.
   Chỉ tác động desktop >= 992px.
   ========================================================= */

@media (min-width: 992px) {

    /*
       CSS gốc:
       .cas { transform: scale(.9) translateX(-10%); }
       slide bên phải { translateX(10%); }

       Hai translate này đẩy slide phụ ra khỏi viewport slick-list,
       làm mất cạnh khung. Bỏ translate, giữ scale.
    */
    .his-cas2 .slick-slide .cas {
        transform-origin: center center !important;
    }

    .his-cas2 .slick-slide:not(.slick-current) .cas {
        -webkit-transform: scale(.88) !important;
        -moz-transform: scale(.88) !important;
        -ms-transform: scale(.88) !important;
        -o-transform: scale(.88) !important;
        transform: scale(.88) !important;
    }

    /* Giữ slide chính nổi bật, giảm rất nhẹ để có thêm vùng an toàn hai bên */
    .his-cas2 .slick-current .cas {
        -webkit-transform: scale(1.62) !important;
        -moz-transform: scale(1.62) !important;
        -ms-transform: scale(1.62) !important;
        -o-transform: scale(1.62) !important;
        transform: scale(1.62) !important;

        z-index: 101 !important;
        position: relative !important;
    }

    /*
       Khung bên trong không được tự cắt viền ngoài.
       Ảnh nội dung vẫn bị giới hạn bởi .cas-img.
    */
    .his-cas2 .cas {
        overflow: visible !important;
    }

    .his-cas2 .cas-img {
        overflow: hidden !important;
    }

    /* Giữ frame phủ trọn đúng card */
    .his-cas2 .cas-img::after {
        inset: 0 !important;
        background: url(../images/khung_slide.png) no-repeat center center !important;
        background-size: 100% 100% !important;
        pointer-events: none !important;
    }
}

/* 1200px trở lên: cho thêm chút khoảng an toàn hai bên carousel */
@media (min-width: 1200px) {
    .his-cas2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
}