/* ======================================================= */
/* SINGLE BANNER STYLING */
/* ======================================================= */

.custom-single-banner {
    width: 100%;
    margin: 16px 0; /* Khoảng cách trên và dưới banner */
    border-radius: 8px;
	height: 100%;
    overflow: hidden;

}

.custom-single-banner a {
    display: block;
	height: calc(100% - 16px);
    line-height: 0; /* Loại bỏ khoảng trắng dưới ảnh */
}
.full-height .custom-single-banner a {
	height: 100% !important;
}
.custom-single-banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* Đảm bảo ảnh luôn lấp đầy container */
	border-radius: 8px;
}

/* Banner ngang tràn toàn bộ màn hình */
.custom-full-banner.alignfull {
    width:100%;
    position: relative;
    line-height: 0; /* Khử khoảng trắng dưới ảnh */
    margin-top: 0;
    margin-bottom: 0;
	
}

.custom-full-banner img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* Bạn có thể giới hạn chiều cao tối đa cho banner ngang tại đây */
    height:140px;
	border-radius: 8px;

}

.banner-child img{
    height:270px;
}

/* Tối ưu cho Mobile */
/* Tablet */
@media (max-width:976px){
    .custom-full-banner img{
        max-height:132px;
    }

    .custom-single-banner{
        max-height:132px;
    }
}

/* Mobile */
@media (max-width:768px){
    .custom-full-banner img{
        max-height:120px;
    }

    .custom-single-banner{
        max-height:120px;
    }
}