/* ========================================================
   ALBUM ẢNH FLATSOME (.vt-album-col)
======================================================== */

.vt-album-col {
    display: block !important;
    width: 100% !important;
}

/* 1. Mặc định trên PC (> 1024px): 4 cột trải đều */
.vt-album-col > .col-inner {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Break ở kích thước Tablet (<= 1024px): 2 cột */
@media (max-width: 1024px) {
    .vt-album-col > .col-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
}

/* 3. Break ở kích thước Mobile (<= 768px): 1 cột */
@media (max-width: 768px) {
    .vt-album-col > .col-inner {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 12px !important;
    }
}

/* 4. Chuẩn hóa khung chứa và bo góc 4 bên cho ảnh */
.vt-album-col > .col-inner > .img-has-hover,
.vt-album-col > .col-inner > .ux-image-inner,
.vt-album-col > .col-inner > div {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.vt-album-col img,
.vt-album-col .box-image,
.vt-album-col .ux-image-inner {
    border-radius: 12px !important;
    overflow: hidden !important;
}