/* nhatdx-match-banner-css */

        @media (min-width: 1025px) {
            .nx-banner-matched { width: 100% !important; display: block; }

            .nx-banner-matched.is-contain { object-fit: contain !important; object-position: center !important; }
            .nx-banner-matched-bg.is-contain {
                background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;
            }

            .nx-banner-matched.is-cover { object-fit: cover !important; object-position: center !important; }
            .nhatdx-vmenu.nxvm-stretch { display: flex !important; flex-direction: column; box-sizing: border-box; }
            .nhatdx-vmenu.nxvm-stretch > ul.nhatdx-vmenu-list { flex: 1 1 auto; display: flex !important; flex-direction: column; }
            /* Mỗi mục cao đều nhau; chữ giữ CANH TRÁI như cũ, chỉ căn giữa theo chiều dọc */
            .nhatdx-vmenu.nxvm-stretch > ul.nhatdx-vmenu-list > li { flex: 1 1 0; display: flex !important; flex-direction: row; align-items: stretch; }
            .nhatdx-vmenu.nxvm-stretch > ul.nhatdx-vmenu-list > li > a { flex: 1 1 auto; width: 100%; display: flex !important; align-items: center;
                justify-content: flex-start !important; text-align: left !important; }
            .nx-banner-matched-bg.is-cover { background-size: cover !important; background-position: center !important; }
        }
        @media (min-width: 1025px) {
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) > .col-inner { height: 100%; display: flex; flex-direction: column; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) > .col-inner > :has(.nhatdx-vmenu) { flex: 1 1 auto; display: flex; flex-direction: column; }
            /*
             * BANNER LÀM CHUẨN: menu nằm phủ đúng khung cột (absolute) nên KHÔNG đẩy hàng cao thêm — hàng cao theo
             * banner (giữ nguyên tỉ lệ ảnh, không cắt). Các mục chia đều chiều cao; nhiều mục quá thì phần dư được
             * gom vào dòng "Xem thêm danh mục" (mã cuối trang), nên thêm / bớt mục không làm lệch hai khung.
             */
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) > .col-inner, .nxvm-fit-host { position: relative; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) > .col-inner > .nhatdx-vmenu,
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) > .col-inner > * > .nhatdx-vmenu,
            .nhatdx-vmenu.nxvm-fit { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; height: auto !important; min-height: 0 !important; margin: 0 !important; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list,
            .nhatdx-vmenu.nxvm-fit > ul.nhatdx-vmenu-list { min-height: 0; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list > li,
            .nhatdx-vmenu.nxvm-fit > ul.nhatdx-vmenu-list > li { min-height: 0 !important; flex: 1 1 0 !important; display: flex !important; align-items: stretch; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list > li > a,
            .nhatdx-vmenu.nxvm-fit > ul.nhatdx-vmenu-list > li > a { padding-top: 4px !important; padding-bottom: 4px !important; min-height: 0; flex: 1 1 auto; display: flex !important; flex-wrap: nowrap !important; align-items: center; line-height: 1.3 !important; }
            .nhatdx-vmenu li.nxvm-more > a { color: var(--nhatdx-primary, #1E88E5) !important; cursor: pointer; }
            .nhatdx-vmenu li.nxvm-more > ul.sub-menu { max-height: 70vh; overflow-y: auto; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu { flex: 1 1 auto; display: flex !important; flex-direction: column; box-sizing: border-box; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list { flex: 1 1 auto; display: flex !important; flex-direction: column; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list > li { flex: 1 1 0; display: flex !important; flex-direction: row; align-items: stretch; }
            .row:has(.nxbn) > .col:has(.nhatdx-vmenu) .nhatdx-vmenu > ul.nhatdx-vmenu-list > li > a { flex: 1 1 auto; width: 100%; display: flex !important; align-items: center;
                justify-content: flex-start !important; text-align: left !important; }
        }