/* Tùy biến giao diện động theo tblConfig / LangID */
body{background:var(--site-bg);}
.topbar.topbar-upgraded,.brand-row.brand-row-search,.main-menu-wrap{background:var(--header-bg);color:var(--header-text);}
.topbar.topbar-upgraded a,.brand-row.brand-row-search a,.main-menu-wrap a,.brand-meta h1,.brand-meta p{color:var(--header-text);}
.btn-modern,.home-zone-rich-link,.home-banner-badge{background:var(--primary-color);border-color:var(--primary-color);color:#fff;}
.btn-ghost:hover,.topbar-action.zalo-action,.hero-top-logos-kicker,.home-zone-rich-icon{color:var(--accent-color);}
.footer-main{background:var(--footer-bg);color:var(--footer-text);}
.footer-main a,.footer-main h3,.footer-main .footer-box,.footer-main .footer-box div{color:var(--footer-text);}
.home-layout-stage{display:flex;flex-direction:column;gap:22px;}
body.theme-ocean .home-banner-overlay,body.theme-ocean .hero-top-logos,body.theme-ocean .home-zone-rich{background:linear-gradient(135deg, rgba(2,132,199,.12), rgba(59,130,246,.08));}
body.theme-emerald .home-banner-overlay,body.theme-emerald .hero-top-logos,body.theme-emerald .home-zone-rich{background:linear-gradient(135deg, rgba(16,185,129,.12), rgba(34,197,94,.08));}
body.theme-sunset .home-banner-overlay,body.theme-sunset .hero-top-logos,body.theme-sunset .home-zone-rich{background:linear-gradient(135deg, rgba(249,115,22,.14), rgba(244,63,94,.08));}
body.theme-royal .home-banner-overlay,body.theme-royal .hero-top-logos,body.theme-royal .home-zone-rich{background:linear-gradient(135deg, rgba(99,102,241,.14), rgba(168,85,247,.08));}
body.home-layout-magazine .hero-top-logos,body.home-layout-magazine .home-zone-rich{border-radius:22px;box-shadow:0 20px 45px rgba(15,23,42,.08);}
body.home-layout-cards .home-layout-stage{gap:18px;}
body.home-layout-cards .hero-top-logos,body.home-layout-cards .home-zone-rich,body.home-layout-cards .home-banner-stage{background:#fff;border-radius:24px;box-shadow:0 16px 40px rgba(15,23,42,.08);padding:18px;overflow:hidden;}
body.home-layout-editorial .hero-top-logos{border-left:8px solid var(--accent-color);border-radius:0 22px 22px 0;background:#fff;padding:28px;}
body.home-layout-editorial .home-zone-rich{background:#fff;border-radius:0;border-top:4px solid var(--primary-color);box-shadow:none;}
body.home-layout-editorial .home-zone-rich-head{border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:16px;margin-bottom:16px;}
body.home-layout-showcase .home-banner-stage{margin-top:8px;}
body.home-layout-showcase .hero-top-logos{border-radius:30px;box-shadow:0 24px 60px rgba(15,23,42,.10);padding:26px;}
body.home-layout-showcase .home-zone-rich{border-radius:26px;background:#fff;box-shadow:0 22px 55px rgba(15,23,42,.10);}


/* Header top strip: logo + company + search */
.header-top-strip,
.brand-row.brand-row-search,
.brand-row.brand-row-search .brand-meta h1,
.brand-row.brand-row-search .brand-meta p,
.brand-row.brand-row-search a {
    background: var(--header-top-bg) !important;
    color: var(--header-top-text) !important;
}

.brand-row.brand-row-search .brand-search-form,
.brand-row.brand-row-search .brand-search-input-wrap {
    background: transparent !important;
}

.brand-row.brand-row-search .brand-search-input-wrap input {
    background: #ffffff !important;
    color: #111827 !important;
}

.brand-row.brand-row-search .brand-search-input-wrap button {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Zalo hotline */
.zalo-hotline,
.topbar-action.zalo-action {
    background: var(--zalo-bg) !important;
    color: var(--zalo-text) !important;
    border-color: transparent !important;
}

.zalo-hotline *,
.topbar-action.zalo-action *,
.topbar-action.zalo-action a {
    color: var(--zalo-text) !important;
}

/* Language switch */
.header-lang,
.language-switch-link,
.header-lang .btn-ghost {
    background: var(--lang-bg) !important;
    color: var(--lang-text) !important;
    border-color: transparent !important;
}

.header-lang .btn-ghost,
.header-lang .btn-ghost:hover,
.header-lang .btn-ghost:focus,
.language-switch-link {
    color: var(--lang-text) !important;
}

.topbar-right-tools.header-lang {
    padding: 8px 10px;
    border-radius: 14px;
}

/* Keep the long header strips themed */
.topbar.topbar-upgraded.header-language-zone {
    background: var(--header-bg) !important;
    color: var(--header-text) !important;
}


/* Home body logo/company info block */
.hero-top-logos-copy {
    background: var(--home-logo-info-bg) !important;
    color: var(--home-logo-info-text) !important;
    border-radius: 22px !important;
    padding: 24px 28px !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .12);
}

.hero-top-logos-copy .hero-top-logos-kicker,
.hero-top-logos-copy h1,
.hero-top-logos-copy p,
.hero-top-logos-copy a,
.hero-top-logos-copy * {
    color: var(--home-logo-info-text) !important;
}

.hero-top-logos-copy .hero-top-logos-kicker {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.14) !important;
    margin-bottom: 14px;
    font-weight: 700;
    letter-spacing: .04em;
}


/* Hero gradient / text */
.hero-top-logos-inner {
    background: var(--hero-bg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .35s ease;
}

.hero-top-logos-copy,
.hero-top-logos-copy h1,
.hero-top-logos-copy p,
.hero-top-logos-copy span,
.hero-top-logos-copy a {
    color: var(--hero-text) !important;
}
/* ===== FIX HERO GRADIENT ===== */
.hero-top-logos-inner {
    background: var(--hero-bg) !important;
    background-image: var(--hero-bg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

    /* XÓA background cũ nếu có */
    .hero-top-logos-inner::before,
    .hero-top-logos-inner::after {
        display: none !important;
        background: none !important;
    }

/* TEXT */
.hero-top-logos-copy,
.hero-top-logos-copy h1,
.hero-top-logos-copy p,
.hero-top-logos-copy span {
    color: var(--hero-text) !important;
}

/* Menu ngang + menu dọc theo tblConfig / LangID */
.main-menu-wrap,
.main-menu-wrap .menu,
.main-menu-wrap ul,
.main-menu-wrap li,
.main-menu-wrap .sf-menu,
.main-menu-wrap .sf-menu > li,
.main-menu-wrap .sf-menu > li > a,
.main-menu-wrap .menu a,
.main-menu-wrap .sf-menu li ul,
.main-menu-wrap .sf-menu li ul li,
.main-menu-wrap .sf-menu li ul li a {
    background: var(--top-menu-bg) !important;
    color: var(--top-menu-text) !important;
}

.main-menu-wrap .sf-menu li:hover > a,
.main-menu-wrap .sf-menu li.sfHover > a,
.main-menu-wrap .menu li:hover > a,
.main-menu-wrap .menu li.active > a,
.main-menu-wrap .menu a:hover,
.main-menu-wrap .sf-menu li ul li a:hover {
    color: var(--top-menu-text) !important;
    filter: brightness(1.08);
}

.sidebar-left .menu,
.sidebar-right .menu,
.sidebar-left ul,
.sidebar-right ul,
.sidebar-left li,
.sidebar-right li,
.sidebar-left a,
.sidebar-right a,
.sidebar-left .sf-menu,
.sidebar-right .sf-menu,
.sidebar-left .sf-menu li ul,
.sidebar-right .sf-menu li ul,
.sidebar-left .menu-root,
.sidebar-right .menu-root,
.sidebar-left .menu-root li,
.sidebar-right .menu-root li,
.sidebar-left .menu-root a,
.sidebar-right .menu-root a {
    background: var(--side-menu-bg) !important;
    color: var(--side-menu-text) !important;
}

.sidebar-left .menu a:hover,
.sidebar-right .menu a:hover,
.sidebar-left .sf-menu li:hover > a,
.sidebar-right .sf-menu li:hover > a,
.sidebar-left .menu-root a:hover,
.sidebar-right .menu-root a:hover {
    color: var(--side-menu-text) !important;
    filter: brightness(1.08);
}


/* =========================================================
   FIX 16/05/2026 - KCThanhHoa: nền tổng thể toàn website
   - Lấy màu từ tblConfig.SiteBackgroundColor thông qua biến --site-bg.
   - Có !important để thắng các CSS cũ đang đặt nền trắng.
   - Anh vẫn có thể đổi thủ công trong tblConfig bằng mã màu hoặc linear-gradient(...).
   ========================================================= */
html,
body {
    min-height: 100% !important;
    background: var(--site-bg, linear-gradient(180deg,#fff1c2 0%,#ffedd5 38%,#fed7aa 72%,#fee2e2 100%)) !important;
    background-image: var(--site-bg, linear-gradient(180deg,#fff1c2 0%,#ffedd5 38%,#fed7aa 72%,#fee2e2 100%)) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at top left, rgba(250,204,21,.28), transparent 36%),
        radial-gradient(circle at top right, rgba(220,38,38,.16), transparent 34%),
        radial-gradient(circle at bottom center, rgba(249,115,22,.18), transparent 42%);
}

main.site-shell.page-with-sidebars,
.home-layout-stage,
.content-center,
.topbar-promo-banner-wrap,
.site-header-sticky + main,
.footer-main {
    background-color: transparent !important;
}

/* Làm vùng nội dung chính có nền kem nhẹ để nhìn rõ trên nền Cam/Vàng/Đỏ */
.content-center > section,
.content-center > article,
.home-zone-rich,
.home-media-section,
.home-ecommerce-section,
.page-hero,
.article-content,
.list-item-modern,
.ecommerce-product-card,
.home-ecommerce-card,
.document-card,
.menu-bottom-wrap,
.sidebar-left,
.sidebar-right,
.home-sidebar {
    background-color: rgba(255,255,255,.92) !important;
}

/* =========================================================
   KCThanhHoa - bố cục Trang chủ tham chiếu giao diện Bộ Công Thương
   Nguồn tham chiếu: screencapture-moit-gov-vn-2026-05-26-11_25_27.pdf
   Mục tiêu: khung trang sáng, menu xanh, block tin dạng cổng thông tin điện tử,
   giữ Razor/Model cũ để không phá dữ liệu và không vỡ layout responsive.
   ========================================================= */
body.theme-sunset,
body[class*="theme-"] {
    --site-bg: #eef1f6 !important;
    --primary-color: #225a9e !important;
    --accent-color: #c62026 !important;
    --header-bg: #ffffff !important;
    --header-text: #1d4f8f !important;
    --footer-bg: #2f5fa9 !important;
    --footer-text: #ffffff !important;
    --top-menu-bg: #275b9d !important;
    --top-menu-text: #ffffff !important;
    --side-menu-bg: #ffffff !important;
    --side-menu-text: #17477f !important;
}

html, body {
    background: #eef1f6 !important;
    background-image: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #1f2937;
}
body::before { display:none !important; }

.site-shell { max-width: 960px !important; }
.site-header-sticky {
    position: sticky;
    top: 0;
    z-index: 2000;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .10);
}
.topbar.topbar-upgraded.header-language-zone {
    background: #fff !important;
    color: #17477f !important;
    border-bottom: 1px solid #d8e2f0;
}
.topbar-upgraded-inner { min-height: 44px !important; }
.topbar-live-datetime { color:#17477f !important; font-size:12px !important; font-weight:700; }
.topbar-search-mini form { border-color:#c9d7eb !important; background:#f8fafc !important; height:28px !important; }
.topbar-search-mini input { font-size:12px !important; }
.topbar-icon-btn { width:28px !important; height:28px !important; border-radius:3px !important; background:#eef4fb !important; color:#1d4f8f !important; }
.topbar-promo-banner-wrap {
    background: #fff !important;
    padding: 10px 0 0 !important;
}
.topbar-promo-banner img {
    width: 100% !important;
    max-height: 96px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.main-menu-wrap,
.main-menu-wrap .main-menu-shell {
    background: #275b9d !important;
    min-height: 34px !important;
}
.main-menu-wrap a,
.main-menu-wrap .menu-home-link,
.main-menu-wrap .primary-menu-host a,
.main-menu-wrap li a {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}
.menu-home-link-icon { background:transparent !important; }

main.site-shell.page-with-sidebars {
    background:#fff !important;
    margin-top: 0 !important;
    padding: 12px 0 20px !important;
    box-shadow: 0 0 0 1px #e5e7eb;
}
.content-center { padding:0 14px !important; }
.sidebar-left, .sidebar-right, .home-sidebar { display:none !important; }
.content-center,
.content-center.full-width,
.content-center.with-one-sidebar,
.content-center.with-left-right { width:100% !important; max-width:100% !important; flex:0 0 100% !important; }

.home-layout-stage { background:#fff !important; }
.home-banner-stage { margin: 0 0 12px !important; }
.home-banner-frame { border-radius: 0 !important; box-shadow:none !important; border:0 !important; }
.home-banner-slide img { max-height: 96px !important; object-fit: cover !important; }
.home-banner-overlay, .home-banner-caption { display:none !important; }

.hero-top-logos, .hero-top-logos-inner, .hero-top-logos-copy {
    background:#fff !important;
    color:#1f2937 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
.hero-top-logos { padding:0 !important; margin:0 0 12px !important; }
.hero-top-logos-inner { padding:0 !important; display:grid !important; grid-template-columns: 2fr 1fr !important; gap:12px !important; }
.hero-top-logos-copy { padding:0 !important; }
.hero-top-logos-copy .hero-top-logos-kicker { background:#2f5fa9 !important; color:#fff !important; border-radius:0 !important; padding:6px 10px !important; }
.hero-top-logos-copy h1 { color:#1d4f8f !important; font-size:21px !important; line-height:1.25 !important; }
.hero-top-logos-copy p { color:#334155 !important; font-size:13px !important; }
.hero-top-logo-card { border-radius:0 !important; box-shadow:none !important; border:1px solid #e5e7eb !important; }
.hero-top-logo-card img { border-radius:0 !important; object-fit:var(--kc-top-banner-fit, fill) !important; }

.home-zones-stack {
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
    margin-top: 12px !important;
}
.home-zone-rich {
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    overflow:hidden !important;
}
.home-zone-rich-head {
    border-bottom: 1px solid #aabbd4 !important;
    padding: 0 0 6px !important;
    margin-bottom: 9px !important;
    display:flex !important;
    align-items:center !important;
}
.home-zone-rich-icon { display:none !important; }
.home-zone-rich-copy h2 {
    color:#275b9d !important;
    font-size:13px !important;
    line-height:1.25 !important;
    margin:0 !important;
    text-transform:uppercase !important;
    font-weight:800 !important;
}
.home-zone-rich-copy p { display:none !important; }
.home-zone-rich-link {
    color:#275b9d !important;
    font-size:10px !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    white-space:nowrap;
}
.home-zone-rich-body { display:block !important; }
.home-zone-rich-featured { position:relative !important; display:block !important; border:0 !important; border-radius:0 !important; overflow:hidden !important; background:#f8fafc !important; }
.home-zone-rich-featured-thumb { display:block !important; aspect-ratio: 16/9 !important; overflow:hidden !important; }
.home-zone-rich-featured-thumb img,
.home-zone-rich-card-thumb img { width:100% !important; height:100% !important; object-fit:var(--kc-top-banner-fit, fill) !important; border-radius:0 !important; }
.home-zone-rich-featured-content { padding:7px 0 0 !important; }
.home-zone-rich-featured h3 { font-size:13px !important; line-height:1.35 !important; margin:0 0 6px !important; }
.home-zone-rich-featured h3 a { color:#1f2937 !important; }
.home-zone-rich-featured p, .home-zone-rich-meta { display:none !important; }
.home-zone-rich-grid { display:block !important; margin-top:8px !important; }
.home-zone-rich-card {
    display:grid !important;
    grid-template-columns: 74px 1fr !important;
    gap:7px !important;
    border:0 !important;
    border-top:1px solid #edf2f7 !important;
    border-radius:0 !important;
    padding:7px 0 !important;
    background:#fff !important;
    box-shadow:none !important;
}
.home-zone-rich-card-thumb { aspect-ratio: 4/3 !important; height:auto !important; border-radius:0 !important; overflow:hidden !important; }
.home-zone-rich-card-body { padding:0 !important; }
.home-zone-rich-card h4 { font-size:11.5px !important; line-height:1.35 !important; margin:0 !important; }
.home-zone-rich-card h4 a { color:#1f2937 !important; }
.home-zone-rich-card p, .home-zone-rich-date { display:none !important; }

.home-media-section,
.home-ecommerce-section,
.partner-api-news-section,
.document-library-home-section {
    border-radius:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    padding:0 !important;
    margin-top:20px !important;
}
.home-media-head { border-bottom:1px solid #aabbd4 !important; padding-bottom:6px !important; }
.home-media-head h2,
.home-ecommerce-section h2,
.document-library-home-section h2 { color:#275b9d !important; font-size:15px !important; text-transform:uppercase !important; }

.footer-main {
    background:#2f5fa9 !important;
    color:#fff !important;
    margin-top:0 !important;
    padding:30px 0 !important;
}
.footer-cols { display:grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap:14px !important; }
.footer-box { background:rgba(255,255,255,.10) !important; padding:12px !important; border-radius:0 !important; color:#fff !important; }
.footer-box h3, .footer-box h4, .footer-box * { color:#fff !important; }

@media (max-width: 900px) {
    .site-shell { max-width:100% !important; }
    .home-zones-stack { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .hero-top-logos-inner { grid-template-columns:1fr !important; }
}
@media (max-width: 640px) {
    .content-center { padding:0 10px !important; }
    .home-zones-stack { grid-template-columns:1fr !important; }
    .footer-cols { grid-template-columns:1fr !important; }
    .topbar-search-mini { display:none !important; }
}

/* =========================================================
   KCThanhHoa - FIX 26/05/2026
   Khóa lại bố cục Trang chủ theo phong cách Cổng Bộ Công Thương:
   - Không để sidebar/menu trái phải kéo vỡ khung
   - Container trắng 980px giống ảnh PDF mẫu
   - Các khối tin 3 cột ổn định, ảnh cố định tỷ lệ
   - Chống tràn chữ, tràn ảnh, tràn nút, tràn grid trên PC/mobile
   ========================================================= */
html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#eef1f5 !important;
    color:#1f2937 !important;
    font-size:13px !important;
    line-height:1.45 !important;
}
*, *::before, *::after{ box-sizing:border-box !important; }
img, video, iframe{ max-width:100% !important; }
.site-shell{
    width:980px !important;
    max-width:calc(100vw - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.site-header-sticky{
    position:relative !important;
    top:auto !important;
    z-index:20 !important;
    background:#fff !important;
    box-shadow:none !important;
}
.topbar,
.topbar-upgraded,
.header-language-zone{
    background:#fff !important;
    border:0 !important;
    min-height:0 !important;
}
.topbar-upgraded-inner{
    min-height:32px !important;
    padding:5px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
}
.topbar-live-datetime{
    flex:0 0 auto !important;
    max-width:260px !important;
    font-size:12px !important;
    color:#4b5563 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.topbar-search-mini{
    flex:1 1 auto !important;
    min-width:180px !important;
    max-width:330px !important;
}
.topbar-search-mini form{
    height:28px !important;
    display:flex !important;
    border:1px solid #d8e0ea !important;
    border-radius:3px !important;
    overflow:hidden !important;
    background:#fff !important;
}
.topbar-search-mini input{
    height:28px !important;
    min-height:28px !important;
    border:0 !important;
    border-radius:0 !important;
    padding:4px 8px !important;
    font-size:12px !important;
    box-shadow:none !important;
}
.topbar-search-mini button{
    width:32px !important;
    min-width:32px !important;
    height:28px !important;
    border:0 !important;
    background:#275b9d !important;
    color:#fff !important;
}
.topbar-mini-actions{ display:flex !important; gap:4px !important; align-items:center !important; flex-wrap:nowrap !important; }
.topbar-icon-btn{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    border-radius:3px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    background:#275b9d !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}
.topbar-icon-badge{ top:-5px !important; right:-5px !important; font-size:9px !important; min-width:14px !important; height:14px !important; }
.topbar-promo-banner-wrap{ background:#fff !important; padding:0 !important; }
.topbar-promo-banner{ display:block !important; width:100% !important; overflow:hidden !important; background:#fff !important; }
.topbar-promo-banner img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:132px !important;
    object-fit:contain !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.main-menu-wrap{
    position:relative !important;
    top:auto !important;
    z-index:30 !important;
    background:#275b9d !important;
    box-shadow:none !important;
    border:0 !important;
}
.main-menu-wrap .main-menu-shell{
    height:33px !important;
    min-height:33px !important;
    display:flex !important;
    align-items:stretch !important;
    gap:0 !important;
    background:#275b9d !important;
}
.menu-home-link{
    width:42px !important;
    min-width:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    background:#214f8b !important;
}
.menu-home-link-text{ display:none !important; }
.primary-menu-host{ flex:1 1 auto !important; min-width:0 !important; overflow:visible !important; }
.primary-menu-host > ul,
.main-menu-wrap > .site-shell > ul{
    height:33px !important;
    display:flex !important;
    align-items:stretch !important;
    gap:0 !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
}
.primary-menu-host li,
.main-menu-wrap li{ position:relative !important; flex:0 0 auto !important; }
.primary-menu-host a,
.main-menu-wrap a,
.main-menu-wrap li a{
    height:33px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 11px !important;
    border-radius:0 !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    text-transform:uppercase !important;
    transform:none !important;
}
.primary-menu-host li:hover > a,
.main-menu-wrap li:hover > a{ background:#1f4f91 !important; }
.primary-menu-host li ul,
.main-menu-wrap li ul{
    top:33px !important;
    left:0 !important;
    min-width:220px !important;
    max-width:300px !important;
    padding:4px 0 !important;
    border-radius:0 !important;
    background:#275b9d !important;
    box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
    z-index:999 !important;
}
.primary-menu-host li ul a,
.main-menu-wrap li ul a{
    height:auto !important;
    min-height:30px !important;
    padding:7px 10px !important;
    white-space:normal !important;
}
main.site-shell.page-with-sidebars,
main.site-shell{
    display:block !important;
    width:980px !important;
    max-width:calc(100vw - 24px) !important;
    background:#fff !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:12px 0 24px !important;
    box-shadow:0 0 0 1px #e3e8ef !important;
    overflow:hidden !important;
}
.sidebar-left,
.sidebar-right,
.home-sidebar{ display:none !important; }
.content-center,
.content-center.full-width,
.content-center.with-one-sidebar,
.content-center.with-left-right{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 14px !important;
    margin:0 !important;
    overflow:hidden !important;
}
.home-layout-stage{ width:100% !important; max-width:100% !important; background:#fff !important; overflow:hidden !important; }
.home-banner-stage{ margin:0 0 12px !important; padding:0 !important; }
.home-banner-frame,
.home-banner-frame.home-banner-frame-js{
    width:100% !important;
    border-radius:0 !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#fff !important;
}
.home-banner-stack-js{ min-height:96px !important; }
.home-banner-slide a{
    height:96px !important;
    min-height:96px !important;
    aspect-ratio:auto !important;
    display:block !important;
    background:#fff !important;
}
.home-banner-slide img,
.home-banner-frame.home-banner-frame-js .home-banner-slide img{
    width:100% !important;
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center !important;
}
.home-banner-overlay,
.home-banner-caption,
.home-banner-badge{ display:none !important; }
.banner-btn{ width:26px !important; height:34px !important; border-radius:0 !important; font-size:18px !important; }
.home-banner-dots{ display:none !important; }
.hero-top-logos{ display:none !important; }
.home-zones-stack{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px 16px !important;
    margin:12px 0 0 !important;
    width:100% !important;
    align-items:start !important;
}
.home-zone-rich{
    min-width:0 !important;
    width:100% !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}
.home-zone-rich:nth-child(1){ grid-column:span 2 !important; }
.home-zone-rich:nth-child(1) .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr) !important;
    gap:12px !important;
    align-items:start !important;
}
.home-zone-rich:nth-child(1) .home-zone-rich-featured{ margin:0 !important; }
.home-zone-rich:nth-child(1) .home-zone-rich-grid{ margin-top:0 !important; }
.home-zone-rich-head{
    min-height:27px !important;
    border-bottom:1px solid #b8c7da !important;
    padding:0 0 5px !important;
    margin:0 0 8px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:8px !important;
}
.home-zone-rich-title-wrap{ min-width:0 !important; display:block !important; }
.home-zone-rich-icon{ display:none !important; }
.home-zone-rich-copy{ min-width:0 !important; }
.home-zone-rich-copy h2{
    margin:0 !important;
    color:#275b9d !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.home-zone-rich-copy p{ display:none !important; }
.home-zone-rich-link{
    flex:0 0 auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#275b9d !important;
    font-size:10px !important;
    line-height:1.2 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
.home-zone-rich-featured{
    display:block !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    overflow:hidden !important;
}
.home-zone-rich-featured-thumb,
.home-zone-rich-card-thumb{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    background:#eef2f7 !important;
    border-radius:0 !important;
}
.home-zone-rich-featured-thumb{ aspect-ratio:16/9 !important; }
.home-zone-rich-card-thumb{ aspect-ratio:4/3 !important; }
.home-zone-rich-featured-thumb img,
.home-zone-rich-card-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
.home-zone-rich-featured-content{ padding:7px 0 0 !important; min-width:0 !important; }
.home-zone-rich-featured-content h3,
.home-zone-rich-featured h3{
    margin:0 0 5px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    max-height:54px !important;
    overflow:hidden !important;
}
.home-zone-rich-featured-content h3 a,
.home-zone-rich-card-body h4 a{ color:#1f2937 !important; }
.home-zone-rich-featured-content p,
.home-zone-rich-featured p,
.home-zone-rich-meta{ display:none !important; }
.home-zone-rich-grid{ display:block !important; margin-top:8px !important; min-width:0 !important; }
.home-zone-rich-card{
    display:grid !important;
    grid-template-columns:72px minmax(0, 1fr) !important;
    gap:7px !important;
    align-items:start !important;
    padding:7px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-top:1px solid #edf2f7 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    min-width:0 !important;
    overflow:hidden !important;
}
.home-zone-rich-card-body{ min-width:0 !important; padding:0 !important; }
.home-zone-rich-card-body h4,
.home-zone-rich-card h4{
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    max-height:46px !important;
    overflow:hidden !important;
}
.home-zone-rich-card-body p,
.home-zone-rich-card p,
.home-zone-rich-date{ display:none !important; }
.home-media-section,
.home-ecommerce-section,
.partner-api-news-section,
.document-library-home-section{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:24px 0 0 !important;
    overflow:hidden !important;
}
.home-media-head{
    min-height:28px !important;
    border-bottom:1px solid #b8c7da !important;
    padding:0 0 6px !important;
    margin:0 0 10px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:10px !important;
}
.home-media-kicker{ display:none !important; }
.home-media-head h2,
.home-ecommerce-section h2,
.document-library-home-section h2{
    margin:0 !important;
    color:#275b9d !important;
    font-size:13px !important;
    text-transform:uppercase !important;
    line-height:1.25 !important;
}
.home-media-head p{ display:none !important; }
.home-media-video-grid,
.home-media-album-grid,
.home-ecommerce-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
    width:100% !important;
    min-width:0 !important;
}
.home-media-video-card,
.home-media-album-card,
.home-ecommerce-card{
    min-width:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    overflow:hidden !important;
}
.home-media-video-thumb,
.home-media-album-thumb,
.home-ecommerce-thumb-wrap{ border-radius:0 !important; overflow:hidden !important; background:#eef2f7 !important; }
.home-media-video-thumb img,
.home-media-album-thumb img,
.home-ecommerce-thumb{
    width:100% !important;
    height:150px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
.home-media-video-body,
.home-media-album-body,
.home-ecommerce-body{ padding:7px 0 0 !important; min-width:0 !important; }
.home-media-video-body h3,
.home-media-album-body h3,
.home-ecommerce-body h3{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    max-height:48px !important;
    overflow:hidden !important;
}
.home-ecommerce-actions{ display:flex !important; gap:4px !important; flex-wrap:wrap !important; }
.home-ecommerce-btn{ min-height:28px !important; padding:5px 7px !important; font-size:11px !important; border-radius:3px !important; }
.footer-main{
    width:100% !important;
    background:#2f5fa9 !important;
    color:#fff !important;
    margin:0 !important;
    padding:26px 0 !important;
    overflow:hidden !important;
}
.footer-cols{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
    padding:0 !important;
}
.footer-box{
    min-width:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.55 !important;
}
.footer-logo-grid{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
.footer-logo-item{ background:#fff !important; padding:6px !important; display:block !important; }
.footer-logo-item img{ max-height:42px !important; object-fit:contain !important; margin:auto !important; }
@media (max-width:1000px){
    .site-shell, main.site-shell, main.site-shell.page-with-sidebars{ width:calc(100vw - 18px) !important; max-width:calc(100vw - 18px) !important; }
    .primary-menu-host{ overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:thin !important; }
    .primary-menu-host > ul{ min-width:max-content !important; }
}
@media (max-width:760px){
    .topbar-upgraded-inner{ flex-wrap:wrap !important; padding:6px 0 !important; }
    .topbar-live-datetime{ order:1 !important; flex:1 1 100% !important; max-width:100% !important; text-align:center !important; }
    .topbar-search-mini{ order:2 !important; flex:1 1 calc(100% - 150px) !important; max-width:none !important; }
    .topbar-contact-card{ order:3 !important; }
    .main-menu-wrap .main-menu-shell{ height:auto !important; min-height:34px !important; }
    .mobile-menu-toggle{ display:flex !important; width:42px !important; height:34px !important; align-items:center !important; justify-content:center !important; }
    .menu-home-link{ height:34px !important; }
    .primary-menu-host{ width:100% !important; flex-basis:100% !important; display:none; }
    .primary-menu-host.is-open{ display:block !important; }
    .primary-menu-host > ul{ display:block !important; height:auto !important; min-width:0 !important; }
    .primary-menu-host li{ display:block !important; width:100% !important; }
    .primary-menu-host a{ height:auto !important; min-height:34px !important; white-space:normal !important; }
    .primary-menu-host li ul{ position:static !important; display:block !important; box-shadow:none !important; min-width:0 !important; max-width:none !important; background:#1f4f91 !important; }
    .content-center{ padding:0 10px !important; }
    .home-banner-slide a,
    .home-banner-stack-js,
    .home-banner-slide img,
    .home-banner-frame.home-banner-frame-js .home-banner-slide img{ height:76px !important; min-height:76px !important; max-height:76px !important; }
    .home-zones-stack,
    .home-zone-rich:nth-child(1) .home-zone-rich-body,
    .home-media-video-grid,
    .home-media-album-grid,
    .home-ecommerce-grid,
    .footer-cols{ grid-template-columns:1fr !important; }
    .home-zone-rich:nth-child(1){ grid-column:auto !important; }
    .home-media-video-thumb img,
    .home-media-album-thumb img,
    .home-ecommerce-thumb{ height:190px !important; }
}

/* =========================================================
   FIX 26/05/2026 15h37 - CÂN KHUNG HEADER / MENU / FOOTER VỚI BODY
   - Header top Hotline/Zalo/Tìm kiếm/Đồng hồ cùng bề rộng với khung nội dung.
   - Menu ngang không còn loang full màn hình, bám đúng mép body trắng.
   - Footer căn giữa, cùng chiều rộng với body, không lệch trái.
   - Chỉ CSS override, không đổi Razor/DB để tránh phá chức năng.
   ========================================================= */
:root{
    --kc-body-width: 980px;
    --kc-body-gutter: 24px;
}
html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#eef1f6 !important;
}
body{
    display:block !important;
}
.site-shell,
main.site-shell,
main.site-shell.page-with-sidebars,
.site-header-sticky,
.footer-main{
    width:var(--kc-body-width) !important;
    max-width:calc(100vw - var(--kc-body-gutter)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.site-shell,
.site-header-sticky .site-shell,
.footer-main .site-shell{
    padding-left:0 !important;
    padding-right:0 !important;
}
.site-header-sticky{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:50 !important;
    background:#ffffff !important;
    box-shadow:0 0 0 1px #e3e8ef !important;
    overflow:visible !important;
}
.site-header-sticky .topbar.topbar-upgraded,
.site-header-sticky .topbar.topbar-upgraded.header-language-zone,
.site-header-sticky .topbar-promo-banner-wrap,
.site-header-sticky .main-menu-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    left:auto !important;
    right:auto !important;
    border-left:0 !important;
    border-right:0 !important;
}
.site-header-sticky .topbar.topbar-upgraded,
.site-header-sticky .topbar.topbar-upgraded.header-language-zone{
    background:#ffffff !important;
    border-bottom:1px solid #d8e2f0 !important;
}
.site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:34px !important;
    padding:4px 8px !important;
    display:grid !important;
    grid-template-columns:minmax(190px, 270px) minmax(230px, 1fr) auto !important;
    align-items:center !important;
    column-gap:8px !important;
    row-gap:4px !important;
}
.site-header-sticky .topbar-live-datetime{
    min-width:0 !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:12px !important;
    line-height:1.2 !important;
    color:#17477f !important;
}
.site-header-sticky .topbar-search-mini{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}
.site-header-sticky .topbar-search-mini form{
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    border-radius:3px !important;
    box-shadow:none !important;
}
.site-header-sticky .topbar-search-mini input{
    height:28px !important;
    line-height:28px !important;
    padding:0 8px !important;
    font-size:12px !important;
}
.site-header-sticky .topbar-search-mini button{
    width:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    height:28px !important;
}
.site-header-sticky .topbar-contact-card,
.site-header-sticky .topbar-contact-card--mini{
    width:auto !important;
    min-width:0 !important;
    justify-self:end !important;
}
.site-header-sticky .topbar-mini-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
}
.site-header-sticky .topbar-icon-btn{
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    border-radius:3px !important;
    padding:0 !important;
}
.site-header-sticky .topbar-promo-banner-wrap{
    background:#ffffff !important;
    padding:0 !important;
}
.site-header-sticky .topbar-promo-banner-wrap .site-shell{
    width:100% !important;
    max-width:100% !important;
}
.site-header-sticky .topbar-promo-banner,
.site-header-sticky .topbar-promo-banner img{
    width:100% !important;
}
.site-header-sticky .main-menu-wrap{
    position:relative !important;
    top:auto !important;
    background:#275b9d !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.site-header-sticky .main-menu-wrap > .site-shell,
.site-header-sticky .main-menu-wrap .main-menu-shell{
    width:100% !important;
    max-width:100% !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
    background:#275b9d !important;
}
.site-header-sticky .menu-home-link{
    width:42px !important;
    min-width:42px !important;
    height:34px !important;
    flex:0 0 42px !important;
}
.site-header-sticky .primary-menu-host{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:visible !important;
}
.site-header-sticky .primary-menu-host > ul,
.site-header-sticky .main-menu-wrap > .site-shell > ul{
    height:34px !important;
    min-height:34px !important;
    display:flex !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
}
.site-header-sticky .primary-menu-host a,
.site-header-sticky .main-menu-wrap a,
.site-header-sticky .main-menu-wrap li a{
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
}
main.site-shell,
main.site-shell.page-with-sidebars{
    display:block !important;
    background:#ffffff !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:12px 0 24px !important;
    box-shadow:0 0 0 1px #e3e8ef !important;
    overflow:hidden !important;
}
.footer-main{
    display:block !important;
    clear:both !important;
    background:#2f5fa9 !important;
    color:#ffffff !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:24px 0 !important;
    box-shadow:0 0 0 1px #e3e8ef !important;
    overflow:hidden !important;
    text-align:left !important;
}
.footer-main > .site-shell,
.footer-main .footer-cols{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
}
.footer-main .footer-cols{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
    align-items:start !important;
}
.footer-main .footer-box{
    min-width:0 !important;
    text-align:left !important;
}
@media (max-width: 1000px){
    :root{ --kc-body-gutter:18px; }
    .site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner{
        grid-template-columns:1fr auto !important;
        grid-template-areas:
            "datetime actions"
            "search search" !important;
        padding:5px 8px !important;
    }
    .site-header-sticky .topbar-live-datetime{ grid-area:datetime !important; }
    .site-header-sticky .topbar-search-mini{ grid-area:search !important; }
    .site-header-sticky .topbar-contact-card--mini{ grid-area:actions !important; }
    .site-header-sticky .primary-menu-host{
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scrollbar-width:thin !important;
    }
    .site-header-sticky .primary-menu-host > ul{ min-width:max-content !important; }
}
@media (max-width: 760px){
    :root{ --kc-body-gutter:0px; }
    .site-shell,
    main.site-shell,
    main.site-shell.page-with-sidebars,
    .site-header-sticky,
    .footer-main{
        width:100% !important;
        max-width:100% !important;
    }
    .site-header-sticky{ box-shadow:none !important; }
    .site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "datetime"
            "search"
            "actions" !important;
    }
    .site-header-sticky .topbar-live-datetime{
        text-align:center !important;
        justify-content:center !important;
    }
    .site-header-sticky .topbar-contact-card--mini,
    .site-header-sticky .topbar-mini-actions{
        justify-self:center !important;
        justify-content:center !important;
    }
    .footer-main .footer-cols{ grid-template-columns:1fr !important; }
}

/* =========================================================
   KCThanhHoa FIX 26/05/2026 16h10+
   Cân lại tổng thể theo trang Bộ Công Thương hiện nay:
   - Container PC 1200px, không còn bó 980px.
   - Header top, banner/logo, menu ngang, body, footer chung một trục.
   - Menu và box vuông vắn, nét mảnh xanh/xám giống cổng thông tin.
   - Hỗ trợ banner/logo theo ZoneID xen kẽ trên/dưới từng chuyên mục.
   ========================================================= */
:root{
    --kc-body-width:1200px !important;
    --kc-body-gutter:24px !important;
    --kc-blue:#255b9e;
    --kc-blue-dark:#17477f;
    --kc-line:#d5dce8;
    --kc-bg:#eef1f6;
    --kc-text:#1f2937;
}
html,body{
    background:var(--kc-bg) !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:13px !important;
    color:var(--kc-text) !important;
    overflow-x:hidden !important;
}
.site-shell,
main.site-shell,
main.site-shell.page-with-sidebars,
.site-header-sticky,
.footer-main{
    width:var(--kc-body-width) !important;
    max-width:calc(100vw - var(--kc-body-gutter)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.site-header-sticky{
    position:relative !important;
    background:#fff !important;
    box-shadow:none !important;
    border:1px solid var(--kc-line) !important;
    border-bottom:0 !important;
}
.site-header-sticky .topbar.topbar-upgraded.header-language-zone{
    height:36px !important;
    min-height:36px !important;
    border-bottom:1px solid var(--kc-line) !important;
    background:#fff !important;
}
.site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner{
    width:100% !important;
    max-width:100% !important;
    height:35px !important;
    min-height:35px !important;
    padding:3px 10px !important;
    display:grid !important;
    grid-template-columns:280px minmax(340px,1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
}
.site-header-sticky .topbar-live-datetime{
    font-size:12px !important;
    color:var(--kc-blue-dark) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.site-header-sticky .topbar-search-mini{width:100% !important; max-width:none !important; min-width:0 !important;}
.site-header-sticky .topbar-search-mini form{
    width:100% !important;
    height:28px !important;
    border:1px solid #c8d4e5 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
}
.site-header-sticky .topbar-search-mini input{
    height:26px !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 8px !important;
    font-size:12px !important;
    box-shadow:none !important;
}
.site-header-sticky .topbar-search-mini button{
    width:34px !important;
    min-width:34px !important;
    height:26px !important;
    border-radius:0 !important;
    background:var(--kc-blue) !important;
    color:#fff !important;
}
.site-header-sticky .topbar-contact-card--mini{justify-self:end !important; min-width:0 !important;}
.site-header-sticky .topbar-mini-actions{display:flex !important; gap:4px !important; align-items:center !important; flex-wrap:nowrap !important;}
.site-header-sticky .topbar-icon-btn{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
    border-radius:0 !important;
    background:var(--kc-blue) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}
.site-header-sticky .topbar-promo-banner-wrap{
    background:#fff !important;
    padding:10px 10px 8px !important;
    border-bottom:1px solid var(--kc-line) !important;
}
.site-header-sticky .topbar-promo-banner-wrap .site-shell{width:100% !important; max-width:100% !important;}
.site-header-sticky .topbar-promo-banner{
    display:block !important;
    width:100% !important;
    background:#fff !important;
    border:0 !important;
    overflow:hidden !important;
}
.site-header-sticky .topbar-promo-banner img{
    width:100% !important;
    height:auto !important;
    max-height:150px !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.site-header-sticky .main-menu-wrap{
    position:relative !important;
    background:var(--kc-blue) !important;
    height:38px !important;
    min-height:38px !important;
    box-shadow:none !important;
    border:0 !important;
}
.site-header-sticky .main-menu-wrap > .site-shell,
.site-header-sticky .main-menu-wrap .main-menu-shell{
    width:100% !important;
    max-width:100% !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
    background:var(--kc-blue) !important;
}
.site-header-sticky .menu-home-link{
    width:46px !important;
    min-width:46px !important;
    height:38px !important;
    padding:0 !important;
    border-radius:0 !important;
    border-right:1px solid rgba(255,255,255,.22) !important;
    background:rgba(0,0,0,.08) !important;
}
.site-header-sticky .menu-home-link-text{display:none !important;}
.site-header-sticky .primary-menu-host{flex:1 1 auto !important; min-width:0 !important; overflow:visible !important;}
.site-header-sticky .primary-menu-host > ul,
.site-header-sticky .main-menu-wrap > .site-shell > ul{
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
}
.site-header-sticky .main-menu-wrap li{position:relative !important;}
.site-header-sticky .primary-menu-host a,
.site-header-sticky .main-menu-wrap a,
.site-header-sticky .main-menu-wrap li a{
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 12px !important;
    border-radius:0 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    border-right:1px solid rgba(255,255,255,.18) !important;
    background:transparent !important;
    box-shadow:none !important;
}
.site-header-sticky .main-menu-wrap li:hover > a,
.site-header-sticky .menu-home-link:hover{background:#17477f !important; transform:none !important;}
.site-header-sticky .main-menu-wrap li ul{
    top:100% !important;
    left:0 !important;
    min-width:235px !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid var(--kc-line) !important;
    border-radius:0 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.16) !important;
}
.site-header-sticky .main-menu-wrap li ul a{
    height:auto !important;
    min-height:34px !important;
    justify-content:flex-start !important;
    color:var(--kc-blue-dark) !important;
    background:#fff !important;
    border-right:0 !important;
    border-bottom:1px solid #edf1f6 !important;
    padding:9px 12px !important;
    white-space:normal !important;
    text-transform:none !important;
}
.site-header-sticky .main-menu-wrap li ul a:hover{background:#eef4fb !important; color:#c62026 !important;}
main.site-shell,
main.site-shell.page-with-sidebars{
    display:block !important;
    background:#fff !important;
    border-left:1px solid var(--kc-line) !important;
    border-right:1px solid var(--kc-line) !important;
    box-shadow:none !important;
    padding:12px 10px 24px !important;
    margin-top:0 !important;
    overflow:visible !important;
}
.content-center{padding:0 !important; width:100% !important; max-width:100% !important;}
.home-layout-stage,
.home-zones-stack,
.home-media-section,
.home-ecommerce-section{background:#fff !important;}
.home-zone-rich,
.home-media-section,
.home-ecommerce-section,
.home-document-library,
.partner-api-source,
.document-card,
.ecommerce-product-card,
.home-ecommerce-card,
.page-hero,
.article-content,
.list-item-modern{
    border-radius:0 !important;
    border:1px solid var(--kc-line) !important;
    box-shadow:none !important;
    background:#fff !important;
}
.home-zones-stack{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:start !important;
}
.home-zone-rich{margin:0 !important; padding:0 !important; overflow:hidden !important;}
.home-zone-rich-head{
    min-height:34px !important;
    padding:0 0 0 0 !important;
    border-bottom:1px solid var(--kc-line) !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
}
.home-zone-rich-title-wrap{min-width:0 !important; flex:1 1 auto !important; display:flex !important; align-items:center !important; gap:7px !important;}
.home-zone-rich-icon{
    width:30px !important;
    height:30px !important;
    border-radius:0 !important;
    background:var(--kc-blue) !important;
    color:#fff !important;
    box-shadow:none !important;
    flex:0 0 30px !important;
}
.home-zone-rich-copy h2{
    font-size:13px !important;
    color:var(--kc-blue-dark) !important;
    margin:0 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
}
.home-zone-rich-copy p{display:none !important;}
.home-zone-rich-link,
.btn-ghost.home-zone-rich-link{
    padding:0 8px !important;
    height:30px !important;
    border:0 !important;
    border-left:1px solid var(--kc-line) !important;
    border-radius:0 !important;
    background:#fff !important;
    color:var(--kc-blue) !important;
    font-size:11px !important;
    white-space:nowrap !important;
    box-shadow:none !important;
}
.home-zone-rich-body{display:block !important; padding:0 !important;}
.home-zone-rich-featured{
    display:block !important;
    border:0 !important;
    border-bottom:1px solid var(--kc-line) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
.home-zone-rich-featured-thumb img{width:100% !important; height:190px !important; object-fit:var(--kc-top-banner-fit, fill) !important; border-radius:0 !important;}
.home-zone-rich-featured-content{padding:8px 10px !important;}
.home-zone-rich-featured-content h3{font-size:13px !important; line-height:1.35 !important; margin:0 0 5px !important;}
.home-zone-rich-featured-content p{font-size:12px !important; line-height:1.45 !important; margin:0 !important; color:#4b5563 !important;}
.home-zone-rich-meta{font-size:11px !important; margin-bottom:4px !important; color:#6b7280 !important;}
.home-zone-rich-grid{display:block !important; padding:0 !important;}
.home-zone-rich-card{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
    padding:7px 8px !important;
    border:0 !important;
    border-bottom:1px solid #edf1f6 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
}
.home-zone-rich-card-thumb img{width:92px !important; height:58px !important; object-fit:var(--kc-top-banner-fit, fill) !important; border-radius:0 !important;}
.home-zone-rich-card-body{padding:0 !important; min-width:0 !important;}
.home-zone-rich-card-body h4{font-size:12px !important; line-height:1.35 !important; margin:0 !important;}
.home-zone-rich-card-body p{display:none !important;}
.home-zone-rich-date{font-size:10px !important; color:#6b7280 !important;}
.home-banner-stage{margin:0 0 12px !important;}
.home-banner-frame,
.home-banner-slide a,
.home-banner-slide img{border-radius:0 !important; box-shadow:none !important;}
.home-banner-slide a{height:140px !important; min-height:140px !important;}
.home-banner-slide img{height:140px !important; max-height:140px !important; object-fit:var(--kc-top-banner-fit, fill) !important;}
.kc-zone-banner{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
}
.kc-zone-banner-top{margin-bottom:0 !important;}
.kc-zone-banner-bottom{margin-top:-8px !important; margin-bottom:12px !important;}
.kc-zone-banner-item{
    display:block !important;
    border:1px solid var(--kc-line) !important;
    background:#f8fafc !important;
    overflow:hidden !important;
}
.kc-zone-banner-item img{
    width:100% !important;
    height:86px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center !important;
    border-radius:0 !important;
}
.footer-main{
    width:var(--kc-body-width) !important;
    max-width:calc(100vw - var(--kc-body-gutter)) !important;
    background:#2f5fa9 !important;
    color:#fff !important;
    margin:0 auto !important;
    padding:26px 0 !important;
    border:1px solid var(--kc-line) !important;
    border-top:0 !important;
    box-shadow:none !important;
}
.footer-main > .site-shell,
.footer-main .footer-cols{
    width:100% !important;
    max-width:100% !important;
    padding:0 18px !important;
    margin:0 !important;
}
.footer-main .footer-cols{display:grid !important; grid-template-columns:1.2fr 1fr 1fr !important; gap:16px !important;}
.footer-main .footer-box{border-radius:0 !important; box-shadow:none !important; border:1px solid rgba(255,255,255,.18) !important; background:rgba(255,255,255,.06) !important;}
@media (max-width:1224px){
    :root{--kc-body-gutter:16px !important;}
    .site-header-sticky .primary-menu-host{overflow-x:auto !important; overflow-y:hidden !important;}
    .site-header-sticky .primary-menu-host > ul{min-width:max-content !important;}
}
@media (max-width:980px){
    .site-header-sticky .topbar-upgraded .site-shell.topbar-upgraded-inner{grid-template-columns:1fr auto !important; grid-template-areas:"datetime actions" "search search" !important; height:auto !important; min-height:64px !important;}
    .site-header-sticky .topbar-live-datetime{grid-area:datetime !important;}
    .site-header-sticky .topbar-search-mini{grid-area:search !important;}
    .site-header-sticky .topbar-contact-card--mini{grid-area:actions !important;}
    .home-zones-stack{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px){
    :root{--kc-body-gutter:0px !important;}
    .site-shell, main.site-shell, main.site-shell.page-with-sidebars, .site-header-sticky, .footer-main{width:100% !important; max-width:100% !important;}
    .home-zones-stack{grid-template-columns:1fr !important; gap:12px !important;}
    .home-banner-slide a,.home-banner-slide img{height:96px !important; max-height:96px !important;}
    .footer-main .footer-cols{grid-template-columns:1fr !important;}
}

/* KCThanhHoa 26/05/2026 - KHÓA KHỐI ĐẦU TRANG BODY: 2 cột cố định 2/3 + 1/3.
   Cột 1: Tin chính từ tblContent Hotnews=1, Display=1.
   Cột 2: Liên kết banner/logo từ tblLogo PosTopRight=1, Show=1.
   Không để các khối chuyên mục bên dưới đùn/trượt lên. */
.kc-home-top-fixed-grid{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    gap:16px !important;
    align-items:stretch !important;
    clear:both !important;
    float:none !important;
    position:relative !important;
    z-index:1 !important;
    margin:0 0 18px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-main-news,
.kc-home-top-links{
    min-width:0 !important;
    width:100% !important;
    background:#fff !important;
    border:1px solid #c6d3e3 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-section-head{
    min-height:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    border-bottom:1px solid #c6d3e3 !important;
    background:#f5f8fc !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
}
.kc-home-top-section-head h2{
    margin:0 !important;
    padding:0 !important;
    color:#275b9d !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
    font-synthesis:none !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:geometricPrecision !important;
}
.kc-home-top-main-card{
    display:grid !important;
    grid-template-columns:minmax(260px, 46%) minmax(0,1fr) !important;
    gap:12px !important;
    padding:10px !important;
    margin:0 !important;
    min-height:260px !important;
    box-sizing:border-box !important;
}
.kc-home-top-main-thumb{
    display:block !important;
    width:100% !important;
    height:238px !important;
    overflow:hidden !important;
    background:#f1f5f9 !important;
}
.kc-home-top-main-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border:0 !important;
    border-radius:0 !important;
}
.kc-home-top-main-body{min-width:0 !important; padding:0 !important; font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;}
.kc-home-top-main-body h3{margin:0 0 8px !important; font-size:18px !important; line-height:1.35 !important; font-weight:700 !important; font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;}
.kc-home-top-main-body h3 a{color:#153f73 !important; text-decoration:none !important; font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;}
.kc-home-top-main-body p{margin:0 0 8px !important; color:#4b5563 !important; font-size:13px !important; line-height:1.55 !important; font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;}
.kc-home-top-main-body span{color:#6b7280 !important; font-size:12px !important; font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;}
.kc-home-top-sub-news{
    border-top:1px solid #edf1f6 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
}
.kc-home-top-sub-news a{
    display:block !important;
    padding:8px 10px 8px 20px !important;
    border-right:1px solid #edf1f6 !important;
    border-bottom:1px solid #edf1f6 !important;
    color:#1f2937 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
    position:relative !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-sub-news a:before{content:"•"; position:absolute; left:10px; top:8px; color:#275b9d;}
.kc-home-top-links{align-self:stretch !important; display:flex !important; flex-direction:column !important;}
.kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:10px !important;
    max-height:325px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
}
.kc-home-top-link-banner{
    display:block !important;
    width:100% !important;
    min-height:72px !important;
    border:1px solid #edf1f6 !important;
    background:#fff !important;
    overflow:hidden !important;
    text-decoration:none !important;
    flex:0 0 auto !important;
}
.kc-home-top-link-banner img{
    display:block !important;
    width:100% !important;
    height:78px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
}
.kc-home-top-empty{
    padding:12px !important;
    color:#64748b !important;
    font-size:12px !important;
    line-height:1.45 !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.home-zones-stack{
    clear:both !important;
    position:relative !important;
    z-index:0 !important;
    margin-top:0 !important;
}
@media (max-width:980px){
    .kc-home-top-fixed-grid{grid-template-columns:1fr !important; gap:12px !important;}
    .kc-home-top-main-card{grid-template-columns:1fr !important; min-height:0 !important;}
    .kc-home-top-main-thumb{height:220px !important;}
    .kc-home-top-link-list{max-height:260px !important;}
}
@media (max-width:640px){
    .kc-home-top-sub-news{grid-template-columns:1fr !important;}
    .kc-home-top-main-thumb{height:190px !important;}
}


/* =========================================================
   KCThanhHoa FINAL 26/05/2026
   Khối đầu trang nội dung: dóng đúng theo lưới 3 cột bên dưới.
   - Tin chính chiếm 2 cột đầu.
   - Liên kết chiếm 1 cột phải.
   - Cùng gap, cùng mép trái/phải với .home-zones-stack.
   ========================================================= */
.hero-top-logos{
    display:none !important;
}
.kc-home-top-fixed-grid{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    column-gap:18px !important;
    row-gap:0 !important;
    align-items:stretch !important;
    clear:both !important;
    float:none !important;
    position:relative !important;
    z-index:2 !important;
    margin:0 0 22px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
    contain:layout paint !important;
}
.kc-home-top-main-news{
    grid-column:1 / span 2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    align-self:stretch !important;
}
.kc-home-top-links{
    grid-column:3 / span 1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
}
.kc-home-top-main-news,
.kc-home-top-links{
    background:#fff !important;
    border:1px solid var(--kc-line, #c6d3e3) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-section-head{
    min-height:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid var(--kc-line, #c6d3e3) !important;
    background:#fff !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
}
.kc-home-top-section-head h2{
    margin:0 !important;
    padding:0 !important;
    color:var(--kc-blue-dark, #153f73) !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
    font-synthesis:none !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:geometricPrecision !important;
}
.kc-home-top-main-card{
    display:grid !important;
    grid-template-columns:minmax(280px, 45%) minmax(0, 1fr) !important;
    gap:12px !important;
    padding:10px !important;
    margin:0 !important;
    min-height:254px !important;
    box-sizing:border-box !important;
}
.kc-home-top-main-thumb{
    display:block !important;
    width:100% !important;
    height:232px !important;
    min-height:232px !important;
    overflow:hidden !important;
    background:#f1f5f9 !important;
}
.kc-home-top-main-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border:0 !important;
    border-radius:0 !important;
}
.kc-home-top-main-body,
.kc-home-top-main-body *{
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-main-body{min-width:0 !important; padding:0 !important;}
.kc-home-top-main-body h3{margin:0 0 8px !important; font-size:18px !important; line-height:1.35 !important; font-weight:700 !important;}
.kc-home-top-main-body h3 a{color:#153f73 !important; text-decoration:none !important;}
.kc-home-top-main-body p{margin:0 0 8px !important; color:#4b5563 !important; font-size:13px !important; line-height:1.55 !important;}
.kc-home-top-main-body span{color:#6b7280 !important; font-size:12px !important;}
.kc-home-top-sub-news{
    border-top:1px solid #edf1f6 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    clear:both !important;
}
.kc-home-top-sub-news a{
    display:block !important;
    padding:8px 10px 8px 20px !important;
    border-right:1px solid #edf1f6 !important;
    border-bottom:1px solid #edf1f6 !important;
    color:#1f2937 !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
    position:relative !important;
    font-family:Tahoma, Arial, "Segoe UI", sans-serif !important;
}
.kc-home-top-sub-news a:before{content:"•"; position:absolute; left:10px; top:8px; color:#275b9d;}
.kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:10px !important;
    max-height:327px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
    flex:1 1 auto !important;
}
.kc-home-top-link-banner{
    display:block !important;
    width:100% !important;
    min-height:72px !important;
    border:1px solid #edf1f6 !important;
    background:#fff !important;
    overflow:hidden !important;
    text-decoration:none !important;
    flex:0 0 auto !important;
}
.kc-home-top-link-banner img{
    display:block !important;
    width:100% !important;
    height:78px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
}
.home-zones-stack{
    clear:both !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px !important;
    align-items:start !important;
    width:100% !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:1 !important;
}
@media (max-width:980px){
    .kc-home-top-fixed-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
        contain:none !important;
    }
    .kc-home-top-main-news,
    .kc-home-top-links{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }
    .kc-home-top-main-card{grid-template-columns:1fr !important; min-height:0 !important;}
    .kc-home-top-main-thumb{height:220px !important; min-height:220px !important;}
    .kc-home-top-link-list{max-height:260px !important;}
}
@media (max-width:640px){
    .kc-home-top-sub-news{grid-template-columns:1fr !important;}
    .kc-home-top-main-thumb{height:190px !important; min-height:190px !important;}
}


/* =========================================================
   KCThanhHoa 26/05/2026 - tinh chỉnh khối đầu trang theo yêu cầu anh Cường
   - Tiêu đề Tin chính lấy từ tblConfig.HomeHotNewsTitle.
   - Banner Liên kết phủ kín ngang ô, giảm khoảng trắng giữa các khối.
   ========================================================= */
.kc-home-top-fixed-grid{
    column-gap:12px !important;
    gap:12px !important;
    margin:0 0 12px 0 !important;
}
.kc-home-top-main-news,
.kc-home-top-links{
    margin:0 !important;
}
.kc-home-top-section-head{
    height:32px !important;
    min-height:32px !important;
    padding:0 9px !important;
}
.kc-home-top-main-card{
    padding:8px !important;
    gap:10px !important;
    min-height:238px !important;
}
.kc-home-top-main-thumb{
    height:218px !important;
    min-height:218px !important;
}
.kc-home-top-link-list{
    gap:6px !important;
    padding:8px !important;
    max-height:303px !important;
}
.kc-home-top-link-banner{
    width:100% !important;
    min-height:0 !important;
    border:0 !important;
    background:#fff !important;
}
.kc-home-top-link-banner img{
    width:100% !important;
    height:auto !important;
    min-height:54px !important;
    max-height:96px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
    background:#fff !important;
}
.home-zones-stack{
    gap:12px !important;
    margin-top:0 !important;
}
.zone-section,
.home-zone-card,
.zone-card,
.home-category-box{
    margin-top:0 !important;
    margin-bottom:12px !important;
}
@media (max-width:980px){
    .kc-home-top-fixed-grid{gap:10px !important; margin-bottom:10px !important;}
    .kc-home-top-link-list{max-height:260px !important;}
    .kc-home-top-link-banner img{max-height:none !important;}
}

/* =========================================================
   KCThanhHoa 27/05/2026 - làm gọn lưới chuyên mục dưới Tin chính/Liên kết
   - Các block chuyên mục cùng hàng tự kéo bằng chiều cao nhau.
   - Giảm khoảng trắng, xếp tin sát hơn để hiện được nhiều tin.
   - Hiển thị ngày nhập dạng dd/MM/yyyy, không hiện giờ.
   ========================================================= */
.home-zones-stack{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
    margin-top:0 !important;
}
.home-zones-stack > .home-zone-rich,
.home-zone-rich:nth-child(1){
    grid-column:auto !important;
}
.home-zone-rich{
    height:100% !important;
    min-height:405px !important;
    display:flex !important;
    flex-direction:column !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
.home-zone-rich-head{
    flex:0 0 auto !important;
    min-height:30px !important;
    height:30px !important;
    padding:0 6px 0 0 !important;
}
.home-zone-rich-icon{width:28px !important;height:28px !important;flex-basis:28px !important;}
.home-zone-rich-copy h2{font-size:12.5px !important;line-height:1.15 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.home-zone-rich-link,.btn-ghost.home-zone-rich-link{height:28px !important;padding:0 7px !important;font-size:10.5px !important;}
.home-zone-rich-body{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    padding:0 !important;
    min-height:0 !important;
}
.home-zone-rich-featured{
    flex:0 0 auto !important;
    margin:0 !important;
}
.home-zone-rich-featured-thumb img{height:145px !important;}
.home-zone-rich-featured-content{padding:6px 8px !important;}
.home-zone-rich-featured-content h3{
    font-size:12.5px !important;
    line-height:1.32 !important;
    margin:0 0 3px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-featured-content p{
    font-size:11.5px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-meta,
.home-zone-rich-date{
    display:block !important;
    font-size:10.5px !important;
    color:#6b7280 !important;
    line-height:1.2 !important;
}
.home-zone-rich-grid{
    flex:1 1 auto !important;
    display:block !important;
    padding:0 !important;
}
.home-zone-rich-card{
    grid-template-columns:74px minmax(0,1fr) !important;
    gap:6px !important;
    padding:5px 7px !important;
    min-height:58px !important;
}
.home-zone-rich-card-thumb img{width:74px !important;height:48px !important;}
.home-zone-rich-card-body h4{
    font-size:11.5px !important;
    line-height:1.28 !important;
    margin:0 0 3px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-card-body p{display:none !important;}
.kc-home-top-sub-news{gap:6px !important;}
.kc-home-top-sub-news a{
    padding:5px 8px 5px 20px !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
}
.kc-home-top-sub-news a:before{top:5px !important;}
.kc-home-top-sub-title{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.kc-home-top-sub-date{
    display:block !important;
    color:#6b7280 !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    font-weight:400 !important;
}
@media (max-width:1100px){
    .home-zones-stack{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:680px){
    .home-zones-stack{grid-template-columns:1fr !important;gap:8px !important;}
    .home-zone-rich{min-height:0 !important;}
    .home-zone-rich-featured-thumb img{height:170px !important;}
}

/* =========================================================
   KCThanhHoa 27/05/2026 12h55 - CHUYÊN MỤC DƯỚI TIN CHÍNH CHIA 2 CỘT GIỐNG KHỐI TRÊN
   - Mỗi hàng chuyên mục dùng đúng lưới 3 cột như khối Tin chính / Liên kết.
   - Chuyên mục bên trái: rộng 2 cột, bằng khối Tin chính phía trên.
   - Chuyên mục bên phải: rộng 1 cột, bằng khối Liên kết phía trên.
   - Các block cùng hàng tự kéo bằng chiều cao, không thò thụt, không xô lệch PC/Mobile.
   - Banner gắn theo chuyên mục nếu có sẽ chiếm full hàng để không phá thứ tự trái/phải.
   ========================================================= */
.home-zones-stack{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
    width:100% !important;
    margin:0 !important;
    clear:both !important;
    box-sizing:border-box !important;
}
.home-zones-stack > .kc-zone-banner{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack > section.home-zone-rich{
    grid-column:auto !important;
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-self:stretch !important;
    background:#fff !important;
    border:1px solid #c6d3e3 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
/* Chuyên mục thứ 1,3,5... là cột trái lớn bằng Tin chính */
.home-zones-stack > section.home-zone-rich:nth-of-type(odd){
    grid-column:1 / span 2 !important;
}
/* Chuyên mục thứ 2,4,6... là cột phải nhỏ bằng Liên kết */
.home-zones-stack > section.home-zone-rich:nth-of-type(even){
    grid-column:3 / span 1 !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-body{
    flex:1 1 auto !important;
    display:grid !important;
    grid-template-columns:minmax(260px, 45%) minmax(0, 1fr) !important;
    gap:10px !important;
    padding:8px !important;
    align-items:start !important;
    min-height:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured,
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-grid{
    min-width:0 !important;
    margin:0 !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-grid{
    padding:0 !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb,
.home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb img{
    height:172px !important;
    min-height:172px !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-body{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
    padding:8px !important;
    min-height:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb,
.home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb img{
    height:122px !important;
    min-height:122px !important;
}
.home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-grid{
    flex:1 1 auto !important;
    margin-top:4px !important;
}
.home-zone-rich-head{
    flex:0 0 32px !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 !important;
    padding:0 8px !important;
    border-bottom:1px solid #c6d3e3 !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.home-zone-rich-featured-content{
    padding:5px 0 0 !important;
}
.home-zone-rich-featured-content h3{
    margin:0 0 4px !important;
    font-size:13px !important;
    line-height:1.32 !important;
    max-height:36px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-featured-content p{
    margin:0 !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    max-height:32px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-card{
    grid-template-columns:74px minmax(0,1fr) !important;
    gap:6px !important;
    padding:5px 0 !important;
    min-height:58px !important;
    border-top:1px solid #edf1f6 !important;
    box-sizing:border-box !important;
}
.home-zone-rich-card-thumb,
.home-zone-rich-card-thumb img{
    width:74px !important;
    height:48px !important;
    min-height:48px !important;
}
.home-zone-rich-card-body h4{
    margin:0 0 3px !important;
    font-size:11.5px !important;
    line-height:1.28 !important;
    max-height:30px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zone-rich-meta,
.home-zone-rich-date{
    display:block !important;
    color:#6b7280 !important;
    font-size:10.5px !important;
    line-height:1.15 !important;
}
@media (max-width:980px){
    .home-zones-stack{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .home-zones-stack > section.home-zone-rich,
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd),
    .home-zones-stack > section.home-zone-rich:nth-of-type(even){
        grid-column:1 / -1 !important;
    }
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-body,
    .home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-body{
        display:flex !important;
        flex-direction:column !important;
        padding:8px !important;
    }
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb,
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb img,
    .home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb,
    .home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb img{
        height:180px !important;
        min-height:180px !important;
    }
}
@media (max-width:520px){
    .home-zones-stack{gap:8px !important;}
    .home-zone-rich-head{height:30px !important; min-height:30px !important; flex-basis:30px !important;}
    .home-zone-rich-copy h2{font-size:12px !important;}
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb,
    .home-zones-stack > section.home-zone-rich:nth-of-type(odd) .home-zone-rich-featured-thumb img,
    .home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb,
    .home-zones-stack > section.home-zone-rich:nth-of-type(even) .home-zone-rich-featured-thumb img{
        height:160px !important;
        min-height:160px !important;
    }
}

/* =========================================================
   KCThanhHoa 27/05/2026 01h - FIX KHOẢNG TRẮNG LỚN DƯỚI CHUYÊN MỤC
   Nguyên nhân cũ: CSS grid xếp theo hàng, cột phải cao làm kéo chiều cao cả hàng,
   khiến cột trái bị thừa khoảng trắng. Bản này tách 2 cột dọc độc lập:
   - Cột trái rộng 2/3 bằng Tin chính.
   - Cột phải rộng 1/3 bằng Liên kết.
   - Mỗi cột tự xếp block từ trên xuống, không để lỗ trống giữa các chuyên mục.
   ========================================================= */
.home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr) !important;
    gap:12px !important;
    align-items:start !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.home-zones-left-column,
.home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:auto !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich:nth-of-type(odd),
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich:nth-of-type(even){
    grid-column:auto !important;
    height:auto !important;
    min-height:0 !important;
    align-self:auto !important;
    flex:0 0 auto !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #c6d3e3 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    grid-column:auto !important;
    width:100% !important;
    margin:0 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-body{
    flex:0 0 auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:minmax(240px, 44%) minmax(0, 1fr) !important;
    gap:10px !important;
    padding:8px !important;
    align-items:start !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:8px !important;
}
.home-zones-left-column .home-zone-rich-featured-thumb,
.home-zones-left-column .home-zone-rich-featured-thumb img{
    height:168px !important;
    min-height:168px !important;
}
.home-zones-right-column .home-zone-rich-featured-thumb,
.home-zones-right-column .home-zone-rich-featured-thumb img{
    height:118px !important;
    min-height:118px !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid{
    flex:0 0 auto !important;
    display:block !important;
    padding:0 !important;
    margin:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{
    display:grid !important;
    grid-template-columns:74px minmax(0,1fr) !important;
    gap:6px !important;
    padding:5px 0 !important;
    min-height:0 !important;
    border-top:1px solid #edf1f6 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card:first-child{
    border-top:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img{
    width:74px !important;
    height:48px !important;
    min-height:48px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
@media (max-width:980px){
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .home-zones-left-column,
    .home-zones-right-column{
        gap:10px !important;
    }
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-body,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
        display:flex !important;
        flex-direction:column !important;
        padding:8px !important;
    }
    .home-zones-left-column .home-zone-rich-featured-thumb,
    .home-zones-left-column .home-zone-rich-featured-thumb img,
    .home-zones-right-column .home-zone-rich-featured-thumb,
    .home-zones-right-column .home-zone-rich-featured-thumb img{
        height:180px !important;
        min-height:180px !important;
    }
}
@media (max-width:520px){
    .home-zones-stack.home-zones-masonry-safe{gap:8px !important;}
    .home-zones-left-column,
    .home-zones-right-column{gap:8px !important;}
    .home-zones-left-column .home-zone-rich-featured-thumb,
    .home-zones-left-column .home-zone-rich-featured-thumb img,
    .home-zones-right-column .home-zone-rich-featured-thumb,
    .home-zones-right-column .home-zone-rich-featured-thumb img{
        height:160px !important;
        min-height:160px !important;
    }
}

/* =========================================================
   KCThanhHoa 27/05/2026 01h18 - FIX DỨT ĐIỂM CỘT CHUYÊN MỤC DƯỚI TIN CHÍNH
   Mục tiêu:
   - Khối dưới bám đúng trục 2/3 + 1/3 như khối Tin chính / Liên kết phía trên.
   - Cột trái và cột phải bắt đầu cùng mép trên, không lệch dọc, không xô PC/Mobile.
   - Không ép chiều cao dư gây khoảng trắng; mỗi chuyên mục tự ôm nội dung.
   - Ghi đè các CSS cũ dùng nth-of-type/grid trực tiếp vốn không đúng vì section đang nằm trong 2 cột con.
   ========================================================= */
.kc-home-top-fixed-grid,
.home-zones-stack.home-zones-masonry-safe{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr) !important;
    column-gap:12px !important;
    row-gap:12px !important;
    align-items:start !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe{
    margin-top:0 !important;
    margin-bottom:12px !important;
    padding:0 !important;
    clear:both !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column:1 / 2 !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:2 / 3 !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
    float:none !important;
    clear:none !important;
    position:relative !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich{
    flex:0 0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-self:stretch !important;
    background:#fff !important;
    border:1px solid #c6d3e3 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-head{
    flex:0 0 32px !important;
    height:32px !important;
    min-height:32px !important;
    margin:0 !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    border-bottom:1px solid #c6d3e3 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-title-wrap{
    min-width:0 !important;
    flex:1 1 auto !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-copy h2{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    margin:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-link{
    flex:0 0 auto !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-body{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:8px !important;
    box-sizing:border-box !important;
}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:minmax(250px, 44%) minmax(0, 1fr) !important;
    gap:10px !important;
    align-items:start !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
    display:block !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{
    margin:0 !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    background:#fff !important;
    border:0 !important;
    overflow:hidden !important;
}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb,
.home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb img{
    width:100% !important;
    height:168px !important;
    min-height:168px !important;
    max-height:168px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb,
.home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb img{
    width:100% !important;
    height:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content{
    padding:5px 0 0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid{
    display:block !important;
    padding:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{
    display:grid !important;
    grid-template-columns:74px minmax(0, 1fr) !important;
    align-items:start !important;
    gap:6px !important;
    padding:5px 0 !important;
    min-height:58px !important;
    border-top:1px solid #edf1f6 !important;
    background:#fff !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card:first-child{
    border-top:0 !important;
    padding-top:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img{
    display:block !important;
    width:74px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    overflow:hidden !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body{
    min-width:0 !important;
    padding:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body h4{
    margin:0 0 3px !important;
    line-height:1.28 !important;
    max-height:30px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body p{
    display:none !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-date,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-meta{
    display:block !important;
    margin:0 !important;
    color:#6b7280 !important;
    font-size:10.5px !important;
    line-height:1.15 !important;
}
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
@media (max-width:980px){
    .kc-home-top-fixed-grid,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
        gap:10px !important;
    }
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-body,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
        display:block !important;
        padding:8px !important;
    }
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb,
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb img,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb img{
        height:180px !important;
        min-height:180px !important;
        max-height:180px !important;
    }
}
@media (max-width:520px){
    .kc-home-top-fixed-grid,
    .home-zones-stack.home-zones-masonry-safe{
        gap:8px !important;
    }
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        gap:8px !important;
    }
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb,
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb img,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb img{
        height:156px !important;
        min-height:156px !important;
        max-height:156px !important;
    }
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{
        grid-template-columns:70px minmax(0,1fr) !important;
    }
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img{
        width:70px !important;
        height:46px !important;
        min-height:46px !important;
        max-height:46px !important;
    }
}


/* FIX 27/05/2026: Icon tiêu đề chuyên mục dùng FontAwesome local + căn thẳng PC/Mobile. */
.home-zone-rich-copy h2{
    display:flex;
    align-items:center;
    gap:8px;
}
.home-zone-title-icon{
    flex:0 0 auto;
    width:22px;
    height:22px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
    color:var(--primary-color,#0f4c81);
}
.home-zone-rich-title-wrap{
    align-items:flex-start;
}


/* =========================================================
   FIX 27/05/2026 - HOME ZONE ICON + KHUNG TỰ CO KHI ÍT TIN
   1) Icon tiêu đề chuyên mục dùng FontAwesome local FA4, không phụ thuộc CDN.
   2) Bỏ toàn bộ height/min-height cũ làm block tin phía dưới bị cao dư khi ít tin.
   3) Cột trái/phải vẫn giữ tỷ lệ giống khối Tin chính/Liên kết và mobile tự về 1 cột.
   ========================================================= */
.home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    align-items:start !important;
    gap:10px !important;
    margin:8px 0 0 !important;
    padding:0 !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-self:auto !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #c6d3e3 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-head{
    height:auto !important;
    min-height:30px !important;
    flex:0 0 auto !important;
    padding:4px 8px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    border-bottom:1px solid #c6d3e3 !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-copy p{display:none !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-copy h2{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.25 !important;
    font-size:15px !important;
    font-weight:700 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.home-zone-title-icon,
.home-zone-rich-copy h2 > i.home-zone-title-icon,
.home-zone-rich-copy h2 > i.fa.home-zone-title-icon{
    display:inline-block !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    line-height:18px !important;
    text-align:center !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--primary-color,#0f4c81) !important;
    font-family:FontAwesome !important;
    font-style:normal !important;
    font-weight:normal !important;
    font-size:15px !important;
    text-rendering:auto !important;
    -webkit-font-smoothing:antialiased !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-body{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:7px !important;
}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:minmax(210px,40%) minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
    display:block !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured{display:block !important; margin:0 !important; padding:0 !important; border:0 !important;}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb,
.home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb img{
    display:block !important;
    width:100% !important;
    height:132px !important;
    min-height:0 !important;
    max-height:132px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb,
.home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb img{
    display:block !important;
    width:100% !important;
    height:96px !important;
    min-height:0 !important;
    max-height:96px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content{padding:4px 0 0 !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content h3{margin:2px 0 0 !important; line-height:1.28 !important; font-size:15px !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content p{display:none !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid{display:block !important; margin:0 !important; padding:0 !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{
    display:grid !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:6px !important;
    align-items:start !important;
    padding:5px 0 !important;
    margin:0 !important;
    border-top:1px solid #edf1f6 !important;
    background:#fff !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card:first-child{padding-top:0 !important; border-top:0 !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img{
    display:block !important;
    width:68px !important;
    height:44px !important;
    min-height:0 !important;
    max-height:44px !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body h4{
    margin:0 0 2px !important;
    line-height:1.25 !important;
    font-size:13px !important;
    max-height:32px !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body p{display:none !important;}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-date,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-meta{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#6b7280 !important;
    font-size:10.5px !important;
    line-height:1.15 !important;
}
@media (max-width:980px){
    .home-zones-stack.home-zones-masonry-safe{grid-template-columns:1fr !important; gap:9px !important;}
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-body,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-body{display:block !important; padding:7px !important;}
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb,
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-featured-thumb img,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-featured-thumb img{height:150px !important; max-height:150px !important;}
}
@media (max-width:520px){
    .home-zones-stack.home-zones-masonry-safe{gap:8px !important;}
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{gap:8px !important;}
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card{grid-template-columns:64px minmax(0,1fr) !important;}
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img{width:64px !important; height:42px !important; max-height:42px !important;}
}
/* Ép mã icon FontAwesome 4 cho riêng icon tiêu đề chuyên mục, tránh CDN FA6 ghi đè class cũ. */
.home-zone-title-icon.fa-home:before{content:"\f015" !important;}
.home-zone-title-icon.fa-info-circle:before{content:"\f05a" !important;}
.home-zone-title-icon.fa-newspaper-o:before{content:"\f1ea" !important;}
.home-zone-title-icon.fa-industry:before{content:"\f275" !important;}
.home-zone-title-icon.fa-cogs:before{content:"\f085" !important;}
.home-zone-title-icon.fa-line-chart:before{content:"\f201" !important;}
.home-zone-title-icon.fa-picture-o:before{content:"\f03e" !important;}
.home-zone-title-icon.fa-video-camera:before{content:"\f03d" !important;}
.home-zone-title-icon.fa-briefcase:before{content:"\f0b1" !important;}
.home-zone-title-icon.fa-phone:before{content:"\f095" !important;}
.home-zone-title-icon.fa-shopping-bag:before{content:"\f290" !important;}
.home-zone-title-icon.fa-folder-open:before{content:"\f07c" !important;}

/* =========================================================
   FIX CUỐI 27/05/2026 - RÀ SOÁT LAYOUT TRANG CHỦ
   - Banner top phủ đúng chiều ngang section, không bị bó bởi .site-shell 960px.
   - Khối đầu trang và khối chuyên mục dưới dùng cùng tỷ lệ 2/3 - 1/3.
   - Các chuyên mục HomeLeft/HomeRight tự co theo số tin, không ép min-height gây khoảng trắng.
   - Icon tiêu đề dùng FontAwesome local FA4, vẫn hiện khi CDN chậm/mất mạng.
   ========================================================= */
.topbar-promo-banner-wrap,
.site-header-sticky .topbar-promo-banner-wrap{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    overflow:hidden !important;
}
.topbar-promo-banner-wrap > .site-shell,
.site-header-sticky .topbar-promo-banner-wrap > .site-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}
.topbar-promo-banner,
.site-header-sticky .topbar-promo-banner{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
    background:#fff !important;
}
.topbar-promo-banner img,
.site-header-sticky .topbar-promo-banner img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.kc-home-top-fixed-grid{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    contain:none !important;
}
.kc-home-top-main-news{
    grid-column:1 / 2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
}
.kc-home-top-links{
    grid-column:2 / 3 !important;
    grid-row:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
}
.kc-home-top-main-card{
    min-height:0 !important;
    height:auto !important;
}
.kc-home-top-link-list{
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
}

.home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{ grid-column:1 / 2 !important; }
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{ grid-column:2 / 3 !important; }
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich{
    display:block !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    align-self:auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-body,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-grid,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}
.home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:minmax(210px,40%) minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
    padding:7px !important;
}
.home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
    display:block !important;
    padding:7px !important;
}
.home-zone-rich-copy h2 > i.home-zone-title-icon:before{
    display:inline-block !important;
    font-family:FontAwesome !important;
    font-style:normal !important;
    font-weight:normal !important;
    speak:none !important;
}
.home-zone-title-icon.fa-home:before{content:"\f015" !important;}
.home-zone-title-icon.fa-info-circle:before{content:"\f05a" !important;}
.home-zone-title-icon.fa-newspaper-o:before{content:"\f1ea" !important;}
.home-zone-title-icon.fa-industry:before{content:"\f275" !important;}
.home-zone-title-icon.fa-cogs:before{content:"\f085" !important;}
.home-zone-title-icon.fa-line-chart:before{content:"\f201" !important;}
.home-zone-title-icon.fa-picture-o:before{content:"\f03e" !important;}
.home-zone-title-icon.fa-video-camera:before{content:"\f03d" !important;}
.home-zone-title-icon.fa-briefcase:before{content:"\f0b1" !important;}
.home-zone-title-icon.fa-phone:before{content:"\f095" !important;}
.home-zone-title-icon.fa-shopping-bag:before{content:"\f290" !important;}
.home-zone-title-icon.fa-folder-open:before{content:"\f07c" !important;}
@media (max-width:980px){
    .kc-home-top-fixed-grid,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        gap:9px !important;
    }
    .kc-home-top-main-news,
    .kc-home-top-links,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }
    .home-zones-left-column .home-zone-rich-left .home-zone-rich-body,
    .home-zones-right-column .home-zone-rich-right .home-zone-rich-body{
        display:block !important;
    }
}
@media (max-width:520px){
    .kc-home-top-fixed-grid,
    .home-zones-stack.home-zones-masonry-safe,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        gap:8px !important;
    }
}

/* FIX 31/05/2026: Bố cục Tin chính đầu trang theo mẫu Bộ Công Thương: ảnh lớn bên trái, danh sách tin nhỏ bên phải, 3 banner nhanh phía dưới. */
.kc-home-top-moit-news{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin:12px auto 16px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    max-width:1200px !important;
}
.kc-home-top-moit-news .kc-home-top-main-news{
    display:grid !important;
    grid-template-columns:minmax(0, 1.02fr) minmax(330px, .98fr) !important;
    gap:18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    align-items:start !important;
}
.kc-home-top-moit-news .kc-home-top-section-head{display:none !important;}
.kc-home-top-moit-news .kc-home-top-main-card{
    display:block !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    min-height:0 !important;
}
.kc-home-top-moit-news .kc-home-top-main-thumb{
    display:block !important;
    width:100% !important;
    height:200px !important;
    min-height:200px !important;
    margin:0 0 10px !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#e5e7eb !important;
}
.kc-home-top-moit-news .kc-home-top-main-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
.kc-home-top-moit-news .kc-home-top-main-body h3{
    margin:0 0 12px !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:700 !important;
}
.kc-home-top-moit-news .kc-home-top-main-body h3 a{color:#111 !important; text-decoration:none !important;}
.kc-home-top-moit-news .kc-home-top-main-body h3 a:hover{color:#0b5cad !important;}
.kc-home-top-moit-news .kc-home-top-main-body p{
    margin:0 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#222 !important;
    text-align:justify !important;
}
.kc-home-top-moit-news .kc-home-top-main-body span{display:none !important;}
.kc-home-top-moit-news .kc-home-top-sub-news{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    margin:0 !important;
    padding:0 !important;
}
.kc-home-top-moit-news .kc-home-top-sub-news a{
    display:grid !important;
    grid-template-columns:120px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:start !important;
    padding:0 !important;
    min-height:62px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    text-decoration:none !important;
}
.kc-home-top-moit-news .kc-home-top-sub-news a:before{display:none !important; content:none !important;}
.kc-home-top-sub-thumb{
    display:block !important;
    width:120px !important;
    height:62px !important;
    overflow:hidden !important;
    background:#e5e7eb !important;
}
.kc-home-top-sub-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    display:block !important;
}
.kc-home-top-moit-news .kc-home-top-sub-title{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    color:#111 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}
.kc-home-top-moit-news .kc-home-top-sub-news a:hover .kc-home-top-sub-title{color:#0b5cad !important;}
.kc-home-top-moit-news .kc-home-top-sub-date{display:none !important;}
.kc-home-top-moit-news .kc-home-top-links{
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.kc-home-top-moit-news .kc-home-top-link-list{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:14px !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
}
.kc-home-top-moit-news .kc-home-top-link-banner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:72px !important;
    padding:0 !important;
    background:#446fbb !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
.kc-home-top-moit-news .kc-home-top-link-banner img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
@media (max-width: 900px){
    .kc-home-top-moit-news .kc-home-top-main-news{grid-template-columns:1fr !important; gap:12px !important;}
    .kc-home-top-moit-news .kc-home-top-main-thumb{height:220px !important; min-height:220px !important;}
    .kc-home-top-moit-news .kc-home-top-link-list{grid-template-columns:1fr !important; gap:10px !important;}
}
@media (max-width: 520px){
    .kc-home-top-moit-news .kc-home-top-main-thumb{height:190px !important; min-height:190px !important;}
    .kc-home-top-moit-news .kc-home-top-sub-news a{grid-template-columns:108px minmax(0,1fr) !important; gap:10px !important;}
    .kc-home-top-sub-thumb{width:108px !important; height:60px !important;}
    .kc-home-top-moit-news .kc-home-top-main-body h3{font-size:17px !important;}
    .kc-home-top-moit-news .kc-home-top-sub-title{font-size:13px !important;}
}

/* FIX 31/05/2026 22h11 - Tách TIN CHÍNH và LIÊN KẾT thành 2 khối riêng giống mẫu anh gửi. */
.kc-home-top-two-blocks{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(300px,1fr) !important;
    gap:10px !important;
    max-width:1200px !important;
    width:100% !important;
    margin:10px auto 12px !important;
    padding:0 !important;
    align-items:start !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.kc-home-top-two-blocks .kc-home-top-block{
    background:#fff !important;
    border:1px solid #cbd6e4 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    overflow:hidden !important;
}
.kc-home-top-two-blocks .kc-home-top-main-news-block{
    grid-column:1 / 2 !important;
}
.kc-home-top-two-blocks .kc-home-top-links{
    grid-column:2 / 3 !important;
    padding:0 !important;
    min-height:0 !important;
    align-self:start !important;
}
.kc-home-top-two-blocks .kc-home-top-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:40px !important;
    padding:0 10px !important;
    margin:0 !important;
    border-bottom:1px solid #d5dfec !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks .kc-home-top-section-head h2{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    color:#000842 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:24px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}
.kc-home-top-two-blocks .kc-home-top-section-head h2 i{
    color:#17599f !important;
    font-size:18px !important;
    line-height:1 !important;
}
.kc-home-top-two-blocks .kc-home-top-view-all{
    color:#003f91 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
.kc-home-top-two-blocks .kc-home-top-view-all:hover{text-decoration:underline !important;}
.kc-home-top-two-blocks .kc-home-top-main-news{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr) !important;
    gap:14px !important;
    padding:8px !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    align-items:start !important;
}
.kc-home-top-two-blocks .kc-home-top-main-card{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}
.kc-home-top-two-blocks .kc-home-top-main-thumb{
    display:block !important;
    width:100% !important;
    height:205px !important;
    min-height:205px !important;
    margin:0 0 9px !important;
    overflow:hidden !important;
    background:#e7ecf3 !important;
    border:0 !important;
    border-radius:0 !important;
}
.kc-home-top-two-blocks .kc-home-top-main-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
.kc-home-top-two-blocks .kc-home-top-main-body h3{
    margin:0 0 10px !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:16px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}
.kc-home-top-two-blocks .kc-home-top-main-body h3 a{color:#111 !important;text-decoration:none !important;}
.kc-home-top-two-blocks .kc-home-top-main-body p{
    margin:0 !important;
    color:#222 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:13px !important;
    line-height:1.45 !important;
    text-align:justify !important;
}
.kc-home-top-two-blocks .kc-home-top-sub-news{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
.kc-home-top-two-blocks .kc-home-top-sub-news a{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:10px !important;
    min-height:74px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:start !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    text-decoration:none !important;
}
.kc-home-top-two-blocks .kc-home-top-sub-news a:before{display:none !important;content:none !important;}
.kc-home-top-two-blocks .kc-home-top-sub-thumb{
    width:112px !important;
    height:72px !important;
    display:block !important;
    overflow:hidden !important;
    background:#e7ecf3 !important;
}
.kc-home-top-two-blocks .kc-home-top-sub-thumb img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.kc-home-top-two-blocks .kc-home-top-sub-title{
    color:#111 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}
.kc-home-top-two-blocks .kc-home-top-quick-links{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
    padding:8px 8px 10px !important;
    margin:0 !important;
    background:#fff !important;
}
.kc-home-top-two-blocks .kc-home-top-quick-banner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:72px !important;
    overflow:hidden !important;
    background:#456fbd !important;
    border:0 !important;
    border-radius:0 !important;
}
.kc-home-top-two-blocks .kc-home-top-quick-banner img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
.kc-home-top-two-blocks .kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    padding:8px !important;
    margin:0 !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    background:#fff !important;
}
.kc-home-top-two-blocks .kc-home-top-link-banner{
    display:block !important;
    width:100% !important;
    height:96px !important;
    min-height:96px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#e7ecf3 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.kc-home-top-two-blocks .kc-home-top-link-banner img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:0 !important;
}
.kc-home-top-two-blocks .kc-home-top-empty{
    padding:12px !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:13px !important;
    color:#555 !important;
}
@media (max-width:980px){
    .kc-home-top-two-blocks{grid-template-columns:1fr !important;}
    .kc-home-top-two-blocks .kc-home-top-main-news-block,
    .kc-home-top-two-blocks .kc-home-top-links{grid-column:1 / -1 !important;}
}
@media (max-width:760px){
    .kc-home-top-two-blocks .kc-home-top-main-news{grid-template-columns:1fr !important;}
    .kc-home-top-two-blocks .kc-home-top-quick-links{grid-template-columns:1fr !important;gap:8px !important;}
    .kc-home-top-two-blocks .kc-home-top-section-head h2{font-size:21px !important;}
    .kc-home-top-two-blocks .kc-home-top-main-thumb{height:210px !important;min-height:210px !important;}
}
@media (max-width:520px){
    .kc-home-top-two-blocks .kc-home-top-section-head{min-height:36px !important;padding:0 8px !important;}
    .kc-home-top-two-blocks .kc-home-top-section-head h2{font-size:18px !important;}
    .kc-home-top-two-blocks .kc-home-top-main-news{padding:7px !important;gap:10px !important;}
    .kc-home-top-two-blocks .kc-home-top-sub-news a{grid-template-columns:105px minmax(0,1fr) !important;}
    .kc-home-top-two-blocks .kc-home-top-sub-thumb{width:105px !important;height:65px !important;}
}


/* FIX 31/05/2026 - Đồng bộ chiều cao LIÊN KẾT với TIN CHÍNH và cuộn khi nhiều banner.
   Đặt cuối file để ghi đè các block CSS cũ bị lặp nhiều lần. */
.kc-home-top-two-blocks{
    align-items:stretch !important;
}
.kc-home-top-two-blocks .kc-home-top-block{
    height:100% !important;
}
.kc-home-top-two-blocks .kc-home-top-links{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.kc-home-top-two-blocks .kc-home-top-links .kc-home-top-section-head{
    flex:0 0 auto !important;
}
.kc-home-top-two-blocks .kc-home-top-link-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:thin !important;
    padding-right:6px !important;
}
.kc-home-top-two-blocks .kc-home-top-link-list::-webkit-scrollbar{width:7px !important;}
.kc-home-top-two-blocks .kc-home-top-link-list::-webkit-scrollbar-thumb{background:#b8c7d9 !important;border-radius:8px !important;}
.kc-home-top-two-blocks .kc-home-top-link-banner{
    flex:0 0 auto !important;
}
@media (max-width:980px){
    .kc-home-top-two-blocks .kc-home-top-links{height:auto !important;max-height:none !important;}
    .kc-home-top-two-blocks .kc-home-top-link-list{max-height:360px !important;}
}


/* FIX 01/06/2026 - Bản vá an toàn sau lỗi giao diện: ép khối LIÊN KẾT cao bằng TIN CHÍNH, danh sách logo tự cuộn trong khung. */
.kc-home-top-fixed-grid.kc-home-top-two-blocks{
    display:grid !important;
    grid-template-columns:minmax(0, 2.05fr) minmax(280px, .95fr) !important;
    gap:14px !important;
    align-items:stretch !important;
}
.kc-home-top-two-blocks .kc-home-top-main-news-block,
.kc-home-top-two-blocks .kc-home-top-links{
    min-width:0 !important;
    height:100% !important;
}
.kc-home-top-two-blocks .kc-home-top-links{
    display:flex !important;
    flex-direction:column !important;
    align-self:stretch !important;
    overflow:hidden !important;
}
.kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-section-head{
    flex:0 0 auto !important;
}
.kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-link-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:8px !important;
    overscroll-behavior:contain !important;
}
.kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-empty{
    flex:1 1 auto !important;
}
.kc-home-top-two-blocks .kc-home-top-link-banner{
    flex:0 0 92px !important;
    height:92px !important;
    min-height:92px !important;
}
@media (max-width:980px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks{
        grid-template-columns:1fr !important;
    }
    .kc-home-top-two-blocks .kc-home-top-links{
        height:auto !important;
    }
    .kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-link-list{
        height:auto !important;
        max-height:360px !important;
    }
}

/* FIX 01/06/2026 - Login Admin CMS gọn, không phình ngang, không bị ảnh hưởng bởi CSS admin cũ. */
html body .admin-login-page{
    width:100% !important;
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px 12px !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
}
html body .admin-login-card{
    width:min(100%, 380px) !important;
    max-width:380px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:24px 22px 20px !important;
    box-sizing:border-box !important;
}
html body .admin-login-card input,
html body .admin-login-card select,
html body .admin-login-card button{
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* =========================================================
   FIX 01/06/2026 - DÓNG THẲNG HÀNG RESPONSIVE TRANG CHỦ
   Mục tiêu:
   1) Khối TIN CHÍNH + LIÊN KẾT dùng cùng khung 1200px với các chuyên mục bên dưới.
   2) Cột trái Tin chính và cột trái chuyên mục dưới cùng một mép trái/phải.
   3) Cột phải Liên kết và cột phải chuyên mục dưới cùng một mép trái/phải.
   4) Liên kết cao bằng Tin chính; nhiều logo thì cuộn trong khối, không làm vỡ layout.
   5) Mobile/tablet tự về 1 cột, không tràn ngang.
   ========================================================= */
.kc-home-top-fixed-grid.kc-home-top-two-blocks,
.home-zones-stack.home-zones-masonry-safe{
    width:100% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(0, 2.05fr) minmax(280px, .95fr) !important;
    column-gap:14px !important;
    row-gap:14px !important;
    align-items:start !important;
    overflow:visible !important;
}
.kc-home-top-fixed-grid.kc-home-top-two-blocks{
    margin-top:10px !important;
    margin-bottom:14px !important;
    align-items:stretch !important;
}
.home-zones-stack.home-zones-masonry-safe{
    margin-top:0 !important;
    margin-bottom:14px !important;
}
.kc-home-top-two-blocks > .kc-home-top-main-news-block,
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column:1 / 2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks > .kc-home-top-links,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:2 / 3 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
}
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks > .kc-home-top-block{
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks > .kc-home-top-links{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-section-head{
    flex:0 0 auto !important;
}
.kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
    flex:1 1 auto !important;
    height:0 !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
}
.kc-home-top-two-blocks .kc-home-top-main-news,
.kc-home-top-two-blocks .kc-home-top-quick-links{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}
@media (max-width:1220px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        width:calc(100% - 20px) !important;
        max-width:calc(100% - 20px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}
@media (max-width:980px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        column-gap:0 !important;
        row-gap:12px !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links{
        height:auto !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        height:auto !important;
        max-height:360px !important;
    }
}
@media (max-width:520px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        row-gap:10px !important;
    }
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        gap:10px !important;
    }
}

/* =========================================================
   FIX 01/06/2026 - CĂN THẲNG TUYỆT ĐỐI CỘT TIN CHÍNH / LIÊN KẾT VỚI KHỐI CHUYÊN MỤC DƯỚI
   Nguyên tắc: khối đầu trang và khối chuyên mục dưới dùng cùng max-width, cùng grid-template-columns, cùng gap.
   ========================================================= */
:root{
    --kc-home-container-width:1200px;
    --kc-home-column-gap:10px;
    --kc-home-left-column:minmax(0, 2fr);
    --kc-home-right-column:minmax(300px, 1fr);
}

/* Hai khối cùng một trục container, không để mỗi khối tự căn khác nhau */
.kc-home-top-fixed-grid.kc-home-top-two-blocks,
.home-zones-stack.home-zones-masonry-safe{
    width:100% !important;
    max-width:var(--kc-home-container-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:var(--kc-home-left-column) var(--kc-home-right-column) !important;
    column-gap:var(--kc-home-column-gap) !important;
    row-gap:12px !important;
    align-items:start !important;
    justify-content:stretch !important;
    clear:both !important;
}

.kc-home-top-fixed-grid.kc-home-top-two-blocks{
    margin-top:10px !important;
    margin-bottom:12px !important;
}
.home-zones-stack.home-zones-masonry-safe{
    margin-top:0 !important;
    margin-bottom:12px !important;
}

/* Cột trái: Tin chính và danh sách chuyên mục trái phải cùng grid-column 1 */
.kc-home-top-two-blocks > .kc-home-top-main-news-block,
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column:1 / 2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Cột phải: Liên kết và danh sách chuyên mục phải phải cùng grid-column 2 */
.kc-home-top-two-blocks > .kc-home-top-links,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:2 / 3 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    align-items:stretch !important;
}

/* Mọi block trong 2 cột không được tự cộng margin/padding làm lệch trục */
.kc-home-top-two-blocks > .kc-home-top-block,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich,
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    float:none !important;
    clear:none !important;
}

/* Liên kết cao bằng khối Tin chính trên desktop; nhiều banner cuộn trong khối */
@media (min-width:981px){
    .kc-home-top-two-blocks{
        align-items:stretch !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links{
        align-self:stretch !important;
        display:flex !important;
        flex-direction:column !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        flex:1 1 auto !important;
        min-height:0 !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        max-height:none !important;
    }
}

/* Tablet/mobile: tất cả về 1 cột nhưng vẫn cùng mép trái/phải */
@media (max-width:980px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        column-gap:0 !important;
        row-gap:12px !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        max-height:360px !important;
        overflow-y:auto !important;
    }
}
@media (max-width:520px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        row-gap:10px !important;
    }
}

/* =========================================================
   FIX 01/06/2026 - CĂN KHE DỌC TIN CHÍNH / LIÊN KẾT THEO LƯỚI 3 CỘT
   Lý do: các chuyên mục dưới vốn chia theo trục 3 cột; nếu dùng 2fr/1fr riêng
   thì khe giữa Tin chính và Liên kết có thể lệch vài px so với khe chuyên mục dưới.
   Cách sửa: cả khối đầu trang và khối chuyên mục dùng cùng 3 cột bằng nhau;
   Tin chính + cột trái dưới chiếm 2 cột đầu, Liên kết + cột phải dưới chiếm cột thứ 3.
   ========================================================= */
:root{
    --kc-home-align-max:1200px;
    --kc-home-align-gap:10px;
}
.kc-home-top-fixed-grid.kc-home-top-two-blocks,
.home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:var(--kc-home-align-gap) !important;
    column-gap:var(--kc-home-align-gap) !important;
    row-gap:12px !important;
    width:100% !important;
    max-width:var(--kc-home-align-max) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    align-items:stretch !important;
    justify-content:stretch !important;
}
.kc-home-top-two-blocks > .kc-home-top-main-news-block,
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column:1 / span 2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks > .kc-home-top-links,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:3 / span 1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks > .kc-home-top-block,
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    float:none !important;
    clear:none !important;
    box-sizing:border-box !important;
}
.kc-home-top-two-blocks .kc-home-top-main-news,
.kc-home-top-two-blocks .kc-home-top-quick-links,
.kc-home-top-two-blocks .kc-home-top-link-list{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}
@media (min-width:981px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links{
        align-self:stretch !important;
        display:flex !important;
        flex-direction:column !important;
        overflow:hidden !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        flex:1 1 auto !important;
        height:0 !important;
        min-height:0 !important;
        max-height:none !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }
}
@media (max-width:980px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        gap:12px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        height:auto !important;
        max-height:360px !important;
        overflow-y:auto !important;
    }
}
@media (max-width:520px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        gap:10px !important;
    }
}

/* =========================================================
   FIX 01/06/2026 - CĂN THẲNG KHE DỌC TIN CHÍNH / LIÊN KẾT THEO ĐÚNG 2 CỘT DƯỚI
   Bản này đặt ở CUỐI FILE để ghi đè toàn bộ các lần thử 3 cột/2fr trước đó.
   Nguyên tắc: khối trên và khối chuyên mục dưới dùng cùng container, cùng 2 cột,
   cùng gap. Không dùng 3 cột nữa vì gây lệch khe dọc so với cột dưới.
   ========================================================= */
:root{
    --kc-home-final-max-width: 1200px;
    --kc-home-final-gap: 10px;
    --kc-home-final-left: minmax(0, 2fr);
    --kc-home-final-right: minmax(280px, 1fr);
}

.kc-home-top-fixed-grid.kc-home-top-two-blocks,
.home-zones-stack.home-zones-masonry-safe{
    width: 100% !important;
    max-width: var(--kc-home-final-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: var(--kc-home-final-left) var(--kc-home-final-right) !important;
    column-gap: var(--kc-home-final-gap) !important;
    gap: var(--kc-home-final-gap) !important;
    align-items: start !important;
    justify-content: stretch !important;
    float: none !important;
    clear: both !important;
}

.kc-home-top-fixed-grid.kc-home-top-two-blocks{
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    align-items: stretch !important;
}

.home-zones-stack.home-zones-masonry-safe{
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.kc-home-top-two-blocks > .kc-home-top-main-news-block,
.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column: 1 / 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

.kc-home-top-two-blocks > .kc-home-top-links,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column: 2 / 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

.home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
.home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--kc-home-final-gap) !important;
}

.kc-home-top-two-blocks > .kc-home-top-block,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich,
.home-zones-stack.home-zones-masonry-safe section.home-zone-rich,
.home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.kc-home-top-two-blocks .kc-home-top-main-news,
.kc-home-top-two-blocks .kc-home-top-quick-links,
.kc-home-top-two-blocks .kc-home-top-link-list{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (min-width: 981px){
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links{
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links{
        overflow: hidden !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        flex: 1 1 auto !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
}

@media (max-width: 980px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns: 1fr !important;
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        gap: 12px !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    .kc-home-top-two-blocks > .kc-home-top-links,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        height: auto !important;
        max-height: 360px !important;
    }
}

@media (max-width: 520px){
    .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    .home-zones-stack.home-zones-masonry-safe{
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        gap: 10px !important;
    }
}


/* =========================================================
   FIX 01/06/2026 12h - ÉP THẲNG CỘT/KHE DỌC DỨT ĐIỂM THEO ẢNH CHỤP
   Mục tiêu:
   1) Khe giữa TIN CHÍNH và LIÊN KẾT trùng đúng khe giữa cột trái/cột phải các chuyên mục dưới.
   2) Khe bên trong TIN CHÍNH (ảnh lớn + tin nhỏ) trùng kiểu chia bên trong chuyên mục trái bên dưới.
   3) Không dùng min-width cột phải kiểu cũ vì dễ làm grid trên/dưới lệch nhau theo độ rộng màn hình.
   ========================================================= */
:root{
    --kc-home-align-max-final:1200px;
    --kc-home-align-gap-final:10px;
    --kc-home-right-percent-final:33.333333%;
    --kc-home-left-inner-percent-final:46%;
}

/* Cùng một công thức chia cột cho khối trên và khối dưới */
body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
body .home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    width:100% !important;
    max-width:var(--kc-home-align-max-final) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    column-gap:var(--kc-home-align-gap-final) !important;
    row-gap:var(--kc-home-align-gap-final) !important;
    gap:var(--kc-home-align-gap-final) !important;
    grid-template-columns:
        minmax(0, calc(100% - var(--kc-home-right-percent-final) - var(--kc-home-align-gap-final)))
        minmax(0, var(--kc-home-right-percent-final)) !important;
    align-items:start !important;
    justify-content:stretch !important;
    float:none !important;
    clear:both !important;
}

body .kc-home-top-fixed-grid.kc-home-top-two-blocks{align-items:stretch !important;margin-top:10px !important;margin-bottom:12px !important;}
body .home-zones-stack.home-zones-masonry-safe{margin-top:0 !important;margin-bottom:12px !important;}

body .kc-home-top-two-blocks > .kc-home-top-main-news-block,
body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column{
    grid-column:1 / 2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    float:none !important;
}
body .kc-home-top-two-blocks > .kc-home-top-links,
body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    grid-column:2 / 3 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    float:none !important;
}

/* Không cho các block con tự thêm margin làm lệch mép/khe */
body .kc-home-top-two-blocks > .kc-home-top-block,
body .home-zones-stack.home-zones-masonry-safe .home-zone-rich,
body .home-zones-stack.home-zones-masonry-safe section.home-zone-rich,
body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
    float:none !important;
    clear:none !important;
}
body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:var(--kc-home-align-gap-final) !important;
}

/* Ép khe bên trong cột trái thẳng nhau: Tin chính ảnh lớn + tin nhỏ = chuyên mục trái ảnh lớn + list tin */
body .kc-home-top-two-blocks .kc-home-top-main-news,
body .home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
    display:grid !important;
    grid-template-columns:
        minmax(0, var(--kc-home-left-inner-percent-final))
        minmax(0, calc(100% - var(--kc-home-left-inner-percent-final) - var(--kc-home-align-gap-final))) !important;
    column-gap:var(--kc-home-align-gap-final) !important;
    gap:var(--kc-home-align-gap-final) !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Liên kết cao bằng Tin chính và cuộn nội bộ khi nhiều banner */
@media (min-width:981px){
    body .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    body .kc-home-top-two-blocks > .kc-home-top-links{
        align-self:stretch !important;
        display:flex !important;
        flex-direction:column !important;
    }
    body .kc-home-top-two-blocks > .kc-home-top-links{overflow:hidden !important;}
    body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        flex:1 1 auto !important;
        height:0 !important;
        min-height:0 !important;
        max-height:none !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }
}

/* Tablet/mobile về một cột, tránh tràn ngang */
@media (max-width:980px){
    body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    body .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        gap:12px !important;
    }
    body .kc-home-top-two-blocks > .kc-home-top-main-news-block,
    body .kc-home-top-two-blocks > .kc-home-top-links,
    body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
    body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
        grid-column:1 / -1 !important;
    }
    body .kc-home-top-two-blocks .kc-home-top-main-news,
    body .home-zones-left-column .home-zone-rich-left .home-zone-rich-body{
        grid-template-columns:1fr !important;
    }
    body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list{
        height:auto !important;
        max-height:360px !important;
        overflow-y:auto !important;
    }
}
@media (max-width:520px){
    body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    body .home-zones-stack.home-zones-masonry-safe{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        gap:10px !important;
    }
}


/* FIX 01/06/2026 - Hiển thị mô tả ngắn dưới tiêu đề ảnh to các chuyên mục dưới TIN CHÍNH/Liên kết.
   Ưu tiên tblContent.TitleFollow, nếu rỗng lấy tblContent.Summary trong View.
   Ghi đè các rule cũ từng ẩn p để làm layout gọn. */
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content p,
.home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content .home-zone-rich-featured-summary,
.home-zone-rich-featured-content .home-zone-rich-featured-summary{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:6px 0 0 !important;
    padding:0 !important;
    color:#4b5563 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    max-height:none !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:initial !important;
}
@media (max-width: 768px){
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content p,
    .home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content .home-zone-rich-featured-summary{
        font-size:12.5px !important;
        line-height:1.4 !important;
    }
}


/* FIX 01/06/2026 - BẮT BUỘC HIỂN THỊ mô tả ngắn dưới tiêu đề ảnh to chuyên mục dưới TIN CHÍNH + LIÊN KẾT.
   View render bằng div.kc-zone-featured-desc để không còn bị rule cũ .home-zone-rich-featured p {display:none} chặn. */
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-featured-content .kc-zone-featured-desc,
html body .home-zones-left-column .home-zone-rich-featured-content .kc-zone-featured-desc,
html body .home-zones-right-column .home-zone-rich-featured-content .kc-zone-featured-desc,
html body .home-zone-rich-featured-content div.kc-zone-featured-desc{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:6px 0 0 !important;
    padding:0 !important;
    color:#4b5563 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    max-height:42px !important;
    overflow:hidden !important;
}


/* ============================================================
   FIX 01/06/2026 17h30 - TIÊU ĐỀ VIDEO/ALBUM/Liên kết PHẢI HIỆN RÕ
   Áp dụng trực tiếp cho trang Xem tất cả Video-clip và Xem tất cả Album-ảnh.
   Đặt cuối file để thắng toàn bộ CSS cũ đang ẩn .home-media-head p/kicker.
   ============================================================ */
.public-media-layout{
    display:grid !important;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr) !important;
    gap:18px !important;
    align-items:start !important;
    width:100% !important;
    max-width:1200px !important;
    margin:10px auto 24px !important;
    box-sizing:border-box !important;
}
.public-media-main,
.public-media-links{
    min-width:0 !important;
    box-sizing:border-box !important;
}
.public-media-main .home-media-section,
.interactive-list-page .public-media-main,
.photo-album-list-page .public-media-main,
.video-list-page .public-media-main{
    background:#fff !important;
    border:1px solid #cbd6e4 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}
.kc-public-section-head{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    background:#fff !important;
    border-bottom:1px solid #d5dfec !important;
    padding:0 10px !important;
    margin:0 0 10px !important;
    min-height:40px !important;
    box-sizing:border-box !important;
}
.kc-public-section-head h1,
.kc-public-section-head h2{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    min-height:40px !important;
    padding:0 !important;
    color:#000842 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:24px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:0 !important;
}
.kc-public-section-head h1 i,
.kc-public-section-head h2 i{
    color:#17599f !important;
    font-size:18px !important;
    flex:0 0 auto !important;
}
.kc-public-section-desc{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 0 8px 26px !important;
    padding:0 !important;
    color:#4b5563 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}
.public-media-links .public-link-card,
.public-media-links .home-top-right-card{
    background:#fff !important;
    border:1px solid #cbd6e4 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}
.public-media-links .kc-public-section-head{
    margin:0 !important;
}
.public-media-links .kc-public-section-head h2{
    font-size:24px !important;
}
.public-media-links .home-top-right-scroll{
    display:block !important;
    max-height:680px !important;
    overflow-y:auto !important;
    padding:8px !important;
    box-sizing:border-box !important;
}
.public-media-links .home-top-right-logo{
    display:block !important;
    margin:0 0 8px !important;
    border:1px solid #e5edf6 !important;
    background:#fff !important;
}
.public-media-links .home-top-right-logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:120px !important;
    object-fit:contain !important;
}
.interactive-list-page .home-media-album-grid,
.photo-album-list-page .home-media-album-grid,
.video-list-page .home-media-video-grid{
    padding:10px !important;
    box-sizing:border-box !important;
}
@media (max-width: 900px){
    .public-media-layout{
        grid-template-columns:1fr !important;
        gap:12px !important;
        margin:8px auto 18px !important;
    }
    .kc-public-section-head h1,
    .kc-public-section-head h2{
        font-size:20px !important;
        min-height:38px !important;
    }
}
@media (max-width: 560px){
    .kc-public-section-head h1,
    .kc-public-section-head h2{
        font-size:18px !important;
    }
    .kc-public-section-desc{
        margin-left:0 !important;
    }
}


/* FIX LIEN KET WIDTH LIKE HOMEPAGE */
.public-media-layout{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(320px,1fr) !important;
    gap:20px !important;
    align-items:start;
}
.public-media-sidebar{
    width:100% !important;
}
.public-media-sidebar .hero-top-logos,
.public-media-sidebar .top-right-logos,
.public-media-sidebar .home-top-right-logos{
    width:100% !important;
    max-width:100% !important;
}
.public-media-sidebar .hero-top-logo-item,
.public-media-sidebar .top-right-logo-item,
.public-media-sidebar .home-top-right-logo-item{
    display:block !important;
    width:100% !important;
    margin-bottom:12px !important;
}
.public-media-sidebar img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    border-radius:8px;
}
.public-media-sidebar .kc-public-section-head h2,
.public-media-sidebar .kc-public-section-head h3{
    font-size:24px !important;
    font-weight:700 !important;
    text-transform:uppercase;
    background:#0b63b6;
    color:#fff !important;
    padding:10px 15px;
    border-radius:4px;
}
@media(max-width:991px){
    .public-media-layout{
        grid-template-columns:1fr !important;
    }
}


/* ============================================================
   FIX 01/06/2026 17h40 - LIEN KET VIDEO-CLIP / ALBUM ANH FULL WIDTH
   Ep rieng anh logo/banner trong cot LIEN KET cua cac trang Xem tat ca
   Video-clip va Album anh: width 100%, height auto, khong bi max-width cu co nho.
   ============================================================ */
.public-media-layout .public-media-links,
.public-media-layout .public-media-links .public-link-card,
.public-media-layout .public-media-links .home-top-right-card,
.public-media-layout .public-media-links .home-top-right-scroll{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-links a.home-top-right-logo,
.public-media-layout .public-media-links a.public-media-link-banner-full{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.public-media-layout .public-media-links a.home-top-right-logo > img,
.public-media-layout .public-media-links a.public-media-link-banner-full > img,
.public-media-layout .public-media-links img.public-media-link-banner-img-full{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.photo-album-list-page .public-media-links a.home-top-right-logo > img,
.interactive-list-page.public-media-layout .public-media-links a.home-top-right-logo > img,
.interactive-list-page .public-media-links a.home-top-right-logo > img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    display:block !important;
}


/* ============================================================
   FIX 01/06/2026 - EP THAT SU LOGO/BANNER LIEN KET 100%
   Ap dung cho cac trang /video-clip, /album-anh va /PhotoAlbum.
   PC: width 100%, height auto, max-height 80px.
   Mobile: width 100%, height auto, bo gioi han chieu cao.
   Dat cuoi file de thang moi CSS cu.
   ============================================================ */
.interactive-list-page.public-media-layout,
.public-media-layout.photo-album-list-page{
    grid-template-columns:minmax(0, 2fr) minmax(300px, 1fr) !important;
}
.interactive-list-page.public-media-layout .public-media-links,
.public-media-layout.photo-album-list-page .public-media-links,
.interactive-list-page.public-media-layout .public-media-links .public-link-card,
.public-media-layout.photo-album-list-page .public-media-links .public-link-card,
.interactive-list-page.public-media-layout .public-media-links .home-top-right-card,
.public-media-layout.photo-album-list-page .public-media-links .home-top-right-card,
.interactive-list-page.public-media-layout .public-media-links .home-top-right-scroll,
.public-media-layout.photo-album-list-page .public-media-links .home-top-right-scroll{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.interactive-list-page.public-media-layout .public-media-links .home-top-right-scroll,
.public-media-layout.photo-album-list-page .public-media-links .home-top-right-scroll{
    padding:8px !important;
}
.interactive-list-page.public-media-layout .public-media-links a.home-top-right-logo,
.public-media-layout.photo-album-list-page .public-media-links a.home-top-right-logo,
.interactive-list-page.public-media-layout .public-media-links a.public-media-link-banner-full,
.public-media-layout.photo-album-list-page .public-media-links a.public-media-link-banner-full,
.interactive-list-page.public-media-layout .public-media-links a.kc-media-link-banner-force,
.public-media-layout.photo-album-list-page .public-media-links a.kc-media-link-banner-force{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    height:auto !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.interactive-list-page.public-media-layout .public-media-links a.home-top-right-logo img,
.public-media-layout.photo-album-list-page .public-media-links a.home-top-right-logo img,
.interactive-list-page.public-media-layout .public-media-links a.public-media-link-banner-full img,
.public-media-layout.photo-album-list-page .public-media-links a.public-media-link-banner-full img,
.interactive-list-page.public-media-layout .public-media-links img.public-media-link-banner-img-full,
.public-media-layout.photo-album-list-page .public-media-links img.public-media-link-banner-img-full{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:80px !important;
    object-fit:contain !important;
    object-position:center center !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 !important;
}
@media (max-width: 991px){
    .interactive-list-page.public-media-layout,
    .public-media-layout.photo-album-list-page{
        grid-template-columns:1fr !important;
    }
    .interactive-list-page.public-media-layout .public-media-links a.home-top-right-logo img,
    .public-media-layout.photo-album-list-page .public-media-links a.home-top-right-logo img,
    .interactive-list-page.public-media-layout .public-media-links a.public-media-link-banner-full img,
    .public-media-layout.photo-album-list-page .public-media-links a.public-media-link-banner-full img,
    .interactive-list-page.public-media-layout .public-media-links img.public-media-link-banner-img-full,
    .public-media-layout.photo-album-list-page .public-media-links img.public-media-link-banner-img-full{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
    }
}


/* ============================================================
   FIX 01/06/2026 - ĐỒNG BỘ 100% CSS KHỐI LIÊN KẾT TRANG CHỦ
   Sang các trang Xem tất cả Video-Clip, Album-Ảnh, PhotoAlbum, Video.
   Dùng lại class Trang chủ: kc-home-top-links / kc-home-top-link-list / kc-home-top-link-banner.
   ============================================================ */
.public-media-layout{
    width:100% !important;
    max-width:1200px !important;
    margin:0 auto 16px auto !important;
    display:grid !important;
    grid-template-columns:minmax(0, 2.05fr) minmax(280px, .95fr) !important;
    gap:14px !important;
    align-items:start !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-main,
.public-media-layout .public-media-links{
    min-width:0 !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-home-link-skin.kc-home-top-links{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    background:#fff !important;
    border:1px solid #cbd6e4 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-section-head{
    height:32px !important;
    min-height:32px !important;
    padding:0 9px !important;
    margin:0 !important;
    flex:0 0 auto !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-section-head h2{
    margin:0 !important;
    padding:0 !important;
    color:#000842 !important;
    font-family:Arial, Tahoma, sans-serif !important;
    font-size:24px !important;
    line-height:32px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    padding:8px !important;
    max-height:680px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-link-banner{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:96px !important;
    min-height:96px !important;
    flex:0 0 96px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#e7ecf3 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-link-banner img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.public-media-layout .public-media-home-link-skin .kc-home-top-link-banner:hover img{
    filter:brightness(1.03) !important;
}
@media (max-width:980px){
    .public-media-layout{
        grid-template-columns:1fr !important;
        gap:10px !important;
        padding:0 8px !important;
    }
    .public-media-layout .public-media-home-link-skin .kc-home-top-link-list{
        max-height:360px !important;
    }
    .public-media-layout .public-media-home-link-skin .kc-home-top-link-banner{
        height:auto !important;
        min-height:0 !important;
        flex:0 0 auto !important;
    }
    .public-media-layout .public-media-home-link-skin .kc-home-top-link-banner img{
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
    }
}

/* =========================================================
   FIX 01/06/2026 23h - ÉP SÁT ĐỈNH KHỐI TIN CHÍNH + LIÊN KẾT TRANG CHỦ
   Yêu cầu: phía trên đỉnh 2 khối chỉ còn khoảng 5px.
   Đặt CUỐI FILE để ghi đè các bản vá cũ đang để main padding-top 12px và block margin-top 10px.
   ========================================================= */
html body main.site-shell,
html body main.site-shell.page-with-sidebars{
    padding-top:5px !important;
}
html body .content-center,
html body .home-layout-stage{
    padding-top:0 !important;
    margin-top:0 !important;
}
html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin-top:0 !important;
    padding-top:0 !important;
}
html body .kc-home-top-two-blocks > .kc-home-top-block,
html body .kc-home-top-two-blocks > .kc-home-top-main-news-block,
html body .kc-home-top-two-blocks > .kc-home-top-links{
    margin-top:0 !important;
    padding-top:0 !important;
}
html body .topbar-promo-banner-wrap,
html body .site-header-sticky .topbar-promo-banner-wrap,
html body .topbar-promo-banner-wrap > .site-shell{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
@media (max-width:980px){
    html body main.site-shell,
    html body main.site-shell.page-with-sidebars{
        padding-top:5px !important;
    }
}

/* =========================================================
   FIX 01/06/2026 23h39 - CHUẨN HÓA KHOẢNG HỞ TOÀN SITE
   Mục tiêu: các khối ngoài trang chủ và trang public sát nhau, đều nhau,
   không còn khoảng trắng lớn phía trên/dưới Tin chính, Liên kết, chuyên mục,
   Video-Clip, Album-Ảnh, PhotoAlbum và trang chi tiết bài viết.
   Đặt cuối file để ghi đè toàn bộ bản vá cũ.
   ========================================================= */
:root{
    --kc-public-block-gap:6px;
    --kc-public-block-gap-mobile:5px;
}
html body main.site-shell,
html body main.site-shell.page-with-sidebars{
    padding-top:5px !important;
    padding-bottom:6px !important;
}
html body .content-center,
html body .home-layout-stage,
html body .home-page,
html body .home-content{
    margin-top:0 !important;
    padding-top:0 !important;
}
html body .topbar-promo-banner-wrap,
html body .site-header-sticky .topbar-promo-banner-wrap,
html body .topbar-promo-banner-wrap > .site-shell,
html body .topbar-promo-banner{
    margin-top:0 !important;
    margin-bottom:5px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Trang chủ: Tin chính + Liên kết sát trên/dưới, đồng đều với chuyên mục */
html body .kc-home-top-fixed-grid,
html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
html body .kc-home-top-fixed-grid.kc-home-top-moit-news,
html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks{
    margin:0 0 var(--kc-public-block-gap) 0 !important;
    padding:0 !important;
    column-gap:var(--kc-public-block-gap) !important;
    row-gap:var(--kc-public-block-gap) !important;
    gap:var(--kc-public-block-gap) !important;
    align-items:start !important;
}
html body .kc-home-top-block,
html body .kc-home-top-main-news-block,
html body .kc-home-top-main-news,
html body .kc-home-top-links{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
html body .kc-home-top-section-head{
    margin:0 !important;
}
html body .kc-home-top-main-card,
html body .kc-home-top-main-thumb,
html body .kc-home-top-main-body,
html body .kc-home-top-sub-news,
html body .kc-home-top-quick-links,
html body .kc-home-top-link-list{
    margin-top:0 !important;
}
html body .kc-home-top-moit-news .kc-home-top-main-thumb{
    margin-bottom:6px !important;
}
html body .kc-home-top-moit-news .kc-home-top-main-body h3{
    margin-bottom:6px !important;
}
html body .kc-home-top-moit-news .kc-home-top-main-body p{
    margin-bottom:5px !important;
}
html body .kc-home-top-link-list{
    padding:6px !important;
    gap:6px !important;
}
html body .kc-home-top-link-banner{
    margin:0 !important;
}

/* Chuyên mục dưới Trang chủ: bỏ hở lớn, dùng cùng gap 6px */
html body .home-zones-stack,
html body .home-zones-stack.home-zones-masonry-safe{
    margin-top:0 !important;
    margin-bottom:var(--kc-public-block-gap) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    column-gap:var(--kc-public-block-gap) !important;
    row-gap:var(--kc-public-block-gap) !important;
    gap:var(--kc-public-block-gap) !important;
}
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column,
html body .home-zones-left-column,
html body .home-zones-right-column{
    gap:var(--kc-public-block-gap) !important;
    margin:0 !important;
    padding:0 !important;
}
html body .home-zone-rich,
html body section.home-zone-rich,
html body .home-media-section,
html body .home-partner-api-v3{
    margin-top:0 !important;
    margin-bottom:var(--kc-public-block-gap) !important;
    padding-top:0 !important;
}
html body .home-zone-rich-head,
html body .home-media-section .section-head,
html body .section-head{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
html body .home-zone-rich-body{
    margin-top:0 !important;
}
html body .home-zone-rich-featured-content{
    padding-top:6px !important;
}
html body .home-zone-rich-grid{
    margin-top:6px !important;
}
html body .home-zone-rich-card{
    padding-top:5px !important;
    padding-bottom:5px !important;
}
html body .kc-zone-banner,
html body .kc-zone-banner-top,
html body .kc-zone-banner-bottom{
    margin-top:0 !important;
    margin-bottom:var(--kc-public-block-gap) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
html body .kc-zone-banner-item,
html body .kc-zone-banner-item img{
    margin:0 !important;
}

/* Các trang public: danh sách, chi tiết, Video/Album/PhotoAlbum dùng khoảng cách đồng bộ */
html body .public-media-layout,
html body .article-detail-public-layout,
html body .interactive-list-page.public-media-layout,
html body .public-media-layout.photo-album-list-page{
    margin-top:0 !important;
    margin-bottom:var(--kc-public-block-gap) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    gap:var(--kc-public-block-gap) !important;
    column-gap:var(--kc-public-block-gap) !important;
    row-gap:var(--kc-public-block-gap) !important;
}
html body .public-media-main,
html body .public-media-links,
html body .article-detail-main,
html body .article-detail-links,
html body .article-detail-card,
html body .category-page,
html body .document-library-page,
html body .product-list-page,
html body .product-detail-page,
html body .video-detail-page{
    margin-top:0 !important;
    padding-top:0 !important;
}
html body .public-media-layout .public-media-home-link-skin .kc-home-top-link-list,
html body .article-detail-public-layout .public-media-home-link-skin .kc-home-top-link-list{
    padding:6px !important;
    gap:6px !important;
}
html body .public-media-layout .public-media-home-link-skin .kc-home-top-link-banner,
html body .article-detail-public-layout .public-media-home-link-skin .kc-home-top-link-banner{
    margin:0 !important;
}

/* Ghi đè các inline style kiểu margin-top:28px ở một số block tài liệu/chuyên mục */
html body #category-document-library,
html body #home-document-library,
html body #home-interactive-media,
html body #home-photo-album,
html body #home-partner-api{
    margin-top:var(--kc-public-block-gap) !important;
    margin-bottom:var(--kc-public-block-gap) !important;
}

@media (max-width:980px){
    html body main.site-shell,
    html body main.site-shell.page-with-sidebars{
        padding-top:5px !important;
        padding-bottom:5px !important;
    }
    html body .kc-home-top-fixed-grid,
    html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    html body .home-zones-stack,
    html body .home-zones-stack.home-zones-masonry-safe,
    html body .public-media-layout,
    html body .article-detail-public-layout{
        gap:var(--kc-public-block-gap-mobile) !important;
        row-gap:var(--kc-public-block-gap-mobile) !important;
        column-gap:var(--kc-public-block-gap-mobile) !important;
        margin-bottom:var(--kc-public-block-gap-mobile) !important;
    }
    html body .home-zones-left-column,
    html body .home-zones-right-column{
        gap:var(--kc-public-block-gap-mobile) !important;
    }
    html body .home-zone-rich,
    html body section.home-zone-rich,
    html body .home-media-section,
    html body .kc-zone-banner,
    html body .kc-zone-banner-top,
    html body .kc-zone-banner-bottom{
        margin-bottom:var(--kc-public-block-gap-mobile) !important;
    }
}

/* =========================================================
   FIX 02/06/2026 00h10 - GAP ENGINE THÔNG MINH TRANG CHỦ
   Mục tiêu:
   1) Chỉ dùng 1 biến khoảng cách chuẩn giữa các khối public.
   2) Ghi đè các bản vá cũ đang chồng gap 10/12/14px.
   3) Xử lý riêng cặp TIN CHÍNH / LIÊN KẾT và chuyên mục ngay phía dưới
      bằng selector liền kề, không ảnh hưởng Admin CMS.
   4) Bỏ kiểu height:0/flex:1 của danh sách LIÊN KẾT vì dễ tạo khoảng trắng ảo.
   ========================================================= */
:root{
    --kc-home-tight-gap:5px;
    --kc-home-inner-gap:5px;
    --kc-home-border-color:#cbd6e4;
}

/* Khung nội dung trang chủ: không để padding cha cộng dồn khoảng trắng */
html body main.site-shell,
html body main.site-shell.page-with-sidebars,
html body .content-center.full-width,
html body .content-center.with-one-sidebar,
html body .content-center.with-left-right{
    padding-top:var(--kc-home-tight-gap) !important;
}
html body .content-center > *:first-child{
    margin-top:0 !important;
}

/* Banner top / banner slide phía trên: chỉ cách khối Tin chính đúng 5px */
html body .topbar-promo-banner-wrap,
html body .topbar-promo-banner-wrap > .site-shell,
html body .topbar-promo-banner,
html body .home-banner-stage,
html body .home-banner-frame,
html body .home-banner-frame-js{
    margin-top:0 !important;
    padding-top:0 !important;
}
html body .topbar-promo-banner-wrap,
html body .home-banner-stage{
    margin-bottom:var(--kc-home-tight-gap) !important;
    padding-bottom:0 !important;
}

/* Khối hero logo cũ đã không dùng trên trang chủ; ẩn hẳn và không chiếm khe hở. */
html body .content-center > .hero-top-logos,
html body .hero.hero-top-logos{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Cặp TIN CHÍNH + LIÊN KẾT: đưa về một chuẩn gap duy nhất. */
html body .content-center > .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks,
html body .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks,
html body .kc-home-top-fixed-grid.kc-home-top-two-blocks{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    column-gap:var(--kc-home-tight-gap) !important;
    row-gap:var(--kc-home-tight-gap) !important;
    gap:var(--kc-home-tight-gap) !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 var(--kc-home-tight-gap) 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

html body .kc-home-top-two-blocks > .kc-home-top-block,
html body .kc-home-top-two-blocks > .kc-home-top-main-news-block,
html body .kc-home-top-two-blocks > .kc-home-top-links{
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
    background:#fff !important;
    border:1px solid var(--kc-home-border-color) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

/* Header của 2 khối: chiều cao bằng nhau, không có margin trên/dưới. */
html body .kc-home-top-two-blocks .kc-home-top-section-head{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 8px !important;
    display:flex !important;
    align-items:center !important;
    border-bottom:1px solid var(--kc-home-border-color) !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks .kc-home-top-section-head h2{
    margin:0 !important;
    padding:0 !important;
    line-height:1.05 !important;
}

/* Nội dung TIN CHÍNH: giảm padding/gap nội bộ nhưng vẫn dễ đọc. */
html body .kc-home-top-two-blocks .kc-home-top-main-news{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr) !important;
    gap:var(--kc-home-inner-gap) !important;
    margin:0 !important;
    padding:var(--kc-home-inner-gap) !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-card,
html body .kc-home-top-two-blocks .kc-home-top-main-body,
html body .kc-home-top-two-blocks .kc-home-top-sub-news{
    margin:0 !important;
    padding:0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-thumb{
    margin:0 0 var(--kc-home-inner-gap) 0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-body h3{
    margin:0 0 var(--kc-home-inner-gap) 0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-main-body p{
    margin:0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-sub-news{
    gap:var(--kc-home-inner-gap) !important;
}
html body .kc-home-top-two-blocks .kc-home-top-sub-news a{
    gap:var(--kc-home-inner-gap) !important;
    margin:0 !important;
    padding:0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-quick-links{
    gap:var(--kc-home-inner-gap) !important;
    margin:0 !important;
    padding:var(--kc-home-inner-gap) !important;
}

/* LIÊN KẾT: bỏ height:0/flex:1 gây khoảng trắng ảo; banner sát đều nhau. */
html body .kc-home-top-two-blocks .kc-home-top-links{
    display:flex !important;
    flex-direction:column !important;
    align-self:stretch !important;
    height:100% !important;
    min-height:0 !important;
}
html body .kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-section-head{
    flex:0 0 36px !important;
}
html body .kc-home-top-two-blocks .kc-home-top-links > .kc-home-top-link-list,
html body .kc-home-top-two-blocks .kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    flex:0 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    gap:var(--kc-home-inner-gap) !important;
    margin:0 !important;
    padding:var(--kc-home-inner-gap) !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks .kc-home-top-link-banner{
    flex:0 0 92px !important;
    height:92px !important;
    min-height:92px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    overflow:hidden !important;
}
html body .kc-home-top-two-blocks .kc-home-top-link-banner img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    margin:0 !important;
    padding:0 !important;
}

/* Chuyên mục ngay dưới khối TIN CHÍNH/LIÊN KẾT: chỉ cách đúng 5px và dùng cùng trục cột. */
html body .kc-home-top-fixed-grid.kc-home-top-two-blocks + .home-zones-stack.home-zones-masonry-safe,
html body .content-center > .home-zones-stack.home-zones-masonry-safe{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr) !important;
    column-gap:var(--kc-home-tight-gap) !important;
    row-gap:var(--kc-home-tight-gap) !important;
    gap:var(--kc-home-tight-gap) !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 var(--kc-home-tight-gap) 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column{
    display:flex !important;
    flex-direction:column !important;
    gap:var(--kc-home-tight-gap) !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich,
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner{
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    box-sizing:border-box !important;
}
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-head{
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
}
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-body{
    margin:0 !important;
    padding:var(--kc-home-inner-gap) !important;
    gap:var(--kc-home-inner-gap) !important;
    box-sizing:border-box !important;
}

/* Các module public phía dưới tiếp tục giữ gap 5px để toàn trang đều nhau. */
html body .home-ecommerce-section,
html body .home-media-section,
html body .home-partner-api-v3,
html body #home-document-library,
html body #home-interactive-media,
html body #home-photo-album,
html body #home-partner-api{
    margin-top:var(--kc-home-tight-gap) !important;
    margin-bottom:var(--kc-home-tight-gap) !important;
    padding-top:0 !important;
}

@media (max-width:980px){
    html body .content-center > .kc-home-top-fixed-grid.kc-home-top-moit-news.kc-home-top-two-blocks,
    html body .kc-home-top-fixed-grid.kc-home-top-two-blocks,
    html body .kc-home-top-fixed-grid.kc-home-top-two-blocks + .home-zones-stack.home-zones-masonry-safe,
    html body .content-center > .home-zones-stack.home-zones-masonry-safe{
        grid-template-columns:1fr !important;
        gap:var(--kc-home-tight-gap) !important;
        margin-bottom:var(--kc-home-tight-gap) !important;
    }
    html body .kc-home-top-two-blocks .kc-home-top-main-news{
        grid-template-columns:1fr !important;
    }
    html body .kc-home-top-two-blocks .kc-home-top-links{
        height:auto !important;
    }
}

/* =========================================================
   FIX 02/06/2026 - ZONE TOP/BOTTOM BANNER ENGINE FINAL
   Mục tiêu:
   - Banner đầu/cuối chuyên mục chỉ chiếm chỗ khi View có dữ liệu.
   - Ảnh cao tối đa 100px.
   - Chiều ngang luôn bằng khối chuyên mục / cột chuyên mục, không phình layout.
   - Ghi đè toàn bộ các bản CSS cũ đang margin âm hoặc max-height khác nhau.
   ========================================================= */
html body .home-zones-stack.home-zones-masonry-safe,
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-left-column,
html body .home-zones-stack.home-zones-masonry-safe > .home-zones-right-column,
html body .category-public-layout,
html body .category-public-layout .category-public-main{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner,
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-top,
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-bottom,
html body .category-public-layout .category-zone-banner,
html body .category-public-layout .kc-zone-banner,
html body .category-public-layout .kc-zone-banner-top,
html body .category-public-layout .kc-zone-banner-bottom{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 0 5px 0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    line-height:0 !important;
    flex:0 0 auto !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-bottom,
html body .category-public-layout .category-zone-banner-bottom,
html body .category-public-layout .kc-zone-banner-bottom{
    margin:5px 0 0 0 !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item,
html body .category-public-layout .category-zone-banner-item,
html body .category-public-layout .kc-zone-banner-item{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:100px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    line-height:0 !important;
    flex:0 0 auto !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item + .kc-zone-banner-item,
html body .category-public-layout .category-zone-banner-item + .category-zone-banner-item,
html body .category-public-layout .kc-zone-banner-item + .kc-zone-banner-item{
    margin-top:5px !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item img,
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner img,
html body .category-public-layout .category-zone-banner-item img,
html body .category-public-layout .kc-zone-banner-item img,
html body .category-public-layout .kc-zone-banner img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    max-height:100px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
}

@media (max-width:980px){
    html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner,
    html body .category-public-layout .category-zone-banner,
    html body .category-public-layout .kc-zone-banner{
        margin-bottom:5px !important;
    }
    html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-bottom,
    html body .category-public-layout .category-zone-banner-bottom,
    html body .category-public-layout .kc-zone-banner-bottom{
        margin-top:5px !important;
    }
}


/* =========================================================
   FIX 02/06/2026 - ZONE BANNER STRETCH WIDTH FINAL
   Yêu cầu: ảnh banner quảng cáo đầu/cuối chuyên mục nếu ảnh gốc ngắn/hẹp
   vẫn kéo dãn ngang kín đúng bằng khối chuyên mục, không vượt layout.
   ========================================================= */
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner,
html body .category-public-layout .category-zone-banner,
html body .category-public-layout .kc-zone-banner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item,
html body .category-public-layout .category-zone-banner-item,
html body .category-public-layout .kc-zone-banner-item{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100px !important;
    max-height:100px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    line-height:0 !important;
}

html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item img,
html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner img,
html body .category-public-layout .category-zone-banner-item img,
html body .category-public-layout .kc-zone-banner-item img,
html body .category-public-layout .kc-zone-banner img{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:100px !important;
    max-height:100px !important;
    object-fit:fill !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
}

@media (max-width:640px){
    html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item,
    html body .category-public-layout .category-zone-banner-item,
    html body .category-public-layout .kc-zone-banner-item,
    html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner-item img,
    html body .home-zones-stack.home-zones-masonry-safe .kc-zone-banner img,
    html body .category-public-layout .category-zone-banner-item img,
    html body .category-public-layout .kc-zone-banner-item img,
    html body .category-public-layout .kc-zone-banner img{
        height:90px !important;
        max-height:100px !important;
    }
}

/* =========================================================
   FIX 02/06/2026 - BACKGROUND IMAGE FINAL OVERRIDE
   Đặt cuối file để thắng toàn bộ background cũ (#eef1f6, gradient, theme variable).
   ========================================================= */
html,
body{
    min-height:100% !important;
    background-color:#65cbe4 !important;
    background-image:url('/images/AnhNenKCTH.jpg?v=20260602-1515') !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
    background-attachment:fixed !important;
}
body::before,
body::after{display:none !important;content:none !important;}
main.site-shell,
main.site-shell.page-with-sidebars,
.home-layout-stage,
.content-center,
.footer-main{background-color:transparent !important;}
@media (max-width:768px){html,body{background-attachment:scroll !important;background-position:center top !important;}}


/* KCThanhHoa 10/06/2026 - kích thước logo/banner đầu Trang chủ lấy từ tblConfig.
   - HomeHotNewsAdLogoWidthPercent / HomeHotNewsAdLogoHeight: banner dưới TIN CHÍNH.
   - HomeTopRightLogoWidthPercent / HomeTopRightLogoHeight: banner LIÊN KẾT PosTopRight bên phải.
*/
html body .kc-home-top-two-blocks .kc-home-top-quick-banner{
    width:var(--kc-home-hot-ad-logo-width,100%) !important;
    height:var(--kc-home-hot-ad-logo-height,72px) !important;
    min-height:var(--kc-home-hot-ad-logo-height,72px) !important;
    justify-self:center !important;
}
html body .kc-home-top-two-blocks .kc-home-top-quick-banner img{
    width:100% !important;
    height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}
html body .kc-home-top-two-blocks .kc-home-top-link-banner{
    width:var(--kc-home-top-right-logo-width,100%) !important;
    height:var(--kc-home-top-right-logo-height,92px) !important;
    min-height:var(--kc-home-top-right-logo-height,92px) !important;
    flex:0 0 var(--kc-home-top-right-logo-height,92px) !important;
    align-self:center !important;
}
html body .kc-home-top-two-blocks .kc-home-top-link-banner img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}


/* =========================================================
   FIX 10/06/2026 - PosTopRight LIÊN KẾT phải ăn chiều cao từ tblConfig
   Lý do: các bản vá cũ ở giữa file có !important hard-code 92px và height:0 ở list,
   làm HomeTopRightLogoHeight thay đổi trong tblConfig nhưng banner không nhúc nhích.
   Đặt CUỐI FILE để thắng mọi rule cũ.
   ========================================================= */
html body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list,
html body .kc-home-top-two-blocks .kc-home-top-link-list{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list > a.kc-home-top-link-banner,
html body .kc-home-top-two-blocks .kc-home-top-link-list > a.kc-home-top-link-banner,
html body .kc-home-top-two-blocks a.kc-home-top-link-banner{
    width:var(--kc-home-top-right-logo-width,100%) !important;
    height:var(--kc-home-top-right-logo-height,92px) !important;
    min-height:var(--kc-home-top-right-logo-height,92px) !important;
    max-height:var(--kc-home-top-right-logo-height,92px) !important;
    flex:0 0 var(--kc-home-top-right-logo-height,92px) !important;
    flex-basis:var(--kc-home-top-right-logo-height,92px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
html body .kc-home-top-two-blocks > .kc-home-top-links > .kc-home-top-link-list > a.kc-home-top-link-banner > img,
html body .kc-home-top-two-blocks .kc-home-top-link-list > a.kc-home-top-link-banner > img,
html body .kc-home-top-two-blocks a.kc-home-top-link-banner > img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
    display:block !important;
}


/* KCThanhHoa 11/06/2026 - không đè #kcTopBannerSlider bằng rule banner cũ 96px */
#kcTopBannerSlider .home-banner-slide,
#kcTopBannerSlider .home-banner-slide a,
#kcTopBannerSlider .kc-top-banner-slide,
#kcTopBannerSlider .kc-top-banner-slide a {
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
}
#kcTopBannerSlider .home-banner-slide img,
#kcTopBannerSlider .kc-top-banner-slide img {
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
}


/* KCThanhHoa 11/06/2026 - override cuối cùng cho top banner slider, tránh rule cũ height:96px gây hở trắng. */
.topbar-promo-banner-wrap--slider,
.topbar-promo-banner-wrap--slider > .site-shell,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider {
    height:var(--kc-top-banner-height,144px) !important;
    min-height:var(--kc-top-banner-height,144px) !important;
    max-height:var(--kc-top-banner-height,144px) !important;
    overflow:hidden !important;
}
.topbar-promo-banner-wrap--slider #kcTopBannerSlider .kc-top-banner-slider-track,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider article,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider a {
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    line-height:0 !important;
}
.topbar-promo-banner-wrap--slider #kcTopBannerSlider img {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
    display:block !important;
}
@media (max-width:768px) {
    .topbar-promo-banner-wrap--slider,
    .topbar-promo-banner-wrap--slider > .site-shell,
    .topbar-promo-banner-wrap--slider #kcTopBannerSlider {
        height:var(--kc-top-banner-mobile-height,96px) !important;
        min-height:var(--kc-top-banner-mobile-height,96px) !important;
        max-height:var(--kc-top-banner-mobile-height,96px) !important;
    }
}


/* KCThanhHoa 11/06/2026 - banner chữ không cắt không hở:
   dùng fill cho #kcTopBannerSlider để không bị trắng chân và không bị ngoạm mất dòng chữ dưới. */
.topbar-promo-banner-wrap--slider #kcTopBannerSlider img,
#kcTopBannerSlider img,
#kcTopBannerSlider .home-banner-slide img,
#kcTopBannerSlider .kc-top-banner-slide img {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:var(--kc-top-banner-fit, fill) !important;
    object-position:center center !important;
}


/* KCThanhHoa 11/06/2026 - triệt khe hở trắng 1-2px dưới banner top */
.topbar-promo-banner-wrap--slider,
.topbar-promo-banner-wrap--slider > .site-shell,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider .kc-top-banner-slider-track,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider article,
.topbar-promo-banner-wrap--slider #kcTopBannerSlider a {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
    line-height:0 !important;
    font-size:0 !important;
    overflow:hidden !important;
    background:transparent !important;
}
.topbar-promo-banner-wrap--slider #kcTopBannerSlider img {
    height:calc(var(--kc-top-banner-height,144px) + 2px) !important;
    min-height:calc(var(--kc-top-banner-height,144px) + 2px) !important;
    max-height:calc(var(--kc-top-banner-height,144px) + 2px) !important;
    margin-top:-1px !important;
    display:block !important;
    vertical-align:top !important;
}
@media (max-width:768px) {
    .topbar-promo-banner-wrap--slider #kcTopBannerSlider img {
        height:calc(var(--kc-top-banner-mobile-height,96px) + 2px) !important;
        min-height:calc(var(--kc-top-banner-mobile-height,96px) + 2px) !important;
        max-height:calc(var(--kc-top-banner-mobile-height,96px) + 2px) !important;
    }
}


/* KCThanhHoa 11/06/2026 - FIX slider trượt sang vùng rỗng:
   Không để rule chiều cao/overflow làm mất flex width của slide. */
#kcTopBannerSlider .kc-top-banner-slider-track {
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:100% !important;
    overflow:visible !important;
    transform:translate3d(0,0,0);
}
#kcTopBannerSlider article.home-banner-slide,
#kcTopBannerSlider article.kc-top-banner-slide,
#kcTopBannerSlider .home-banner-slide,
#kcTopBannerSlider .kc-top-banner-slide {
    flex:0 0 100% !important;
    flex-basis:100% !important;
    flex-shrink:0 !important;
    flex-grow:0 !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    display:block !important;
    position:relative !important;
}
#kcTopBannerSlider .home-banner-slide > a,
#kcTopBannerSlider .kc-top-banner-slide > a {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    display:block !important;
}


/* KCThanhHoa 11/06/2026 - FIX cột phải chuyên mục bị chèn lẫn chữ tiêu đề/tóm tắt.
   Nguyên nhân: các rule cũ ép max-height/line-clamp/overflow làm khối text không tự bung cao.
   Chỉ áp dụng cho home-zones-right-column để không phá layout cột trái. */
html body .home-zones-right-column .home-zone-rich,
html body .home-zones-right-column .home-zone-rich-body,
html body .home-zones-right-column .home-zone-rich-featured,
html body .home-zones-right-column .home-zone-rich-featured-content,
html body .home-zones-right-column .home-zone-rich-grid,
html body .home-zones-right-column .home-zone-rich-card,
html body .home-zones-right-column .home-zone-rich-card-body {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:relative !important;
    box-sizing:border-box !important;
}

html body .home-zones-right-column .home-zone-rich-featured-content {
    display:block !important;
    padding-bottom:8px !important;
}

html body .home-zones-right-column .home-zone-rich-featured-content h3,
html body .home-zones-right-column .home-zone-rich-featured-content h3 a,
html body .home-zones-right-column .home-zone-rich-card-body h4,
html body .home-zones-right-column .home-zone-rich-card-body h4 a {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    position:static !important;
    clear:both !important;
    margin-top:0 !important;
    margin-bottom:6px !important;
    padding:0 !important;
    line-height:1.36 !important;
}

html body .home-zones-right-column .kc-zone-featured-desc,
html body .home-zones-right-column .home-zone-rich-featured-summary,
html body .home-zones-right-column .home-zone-rich-card-body p {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    position:static !important;
    clear:both !important;
    margin:4px 0 8px 0 !important;
    padding:0 !important;
    line-height:1.55 !important;
}

html body .home-zones-right-column .home-zone-rich-date,
html body .home-zones-right-column .home-zone-rich-meta {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:static !important;
    clear:both !important;
    margin:4px 0 0 0 !important;
    line-height:1.3 !important;
}

html body .home-zones-right-column .home-zone-rich-card {
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    align-items:start !important;
    gap:10px !important;
    padding:8px 0 !important;
    border-bottom:1px solid #e5e7eb !important;
}

html body .home-zones-right-column .home-zone-rich-card-thumb {
    width:112px !important;
    height:72px !important;
    min-width:112px !important;
    min-height:72px !important;
    max-height:72px !important;
    overflow:hidden !important;
    display:block !important;
    grid-column:1 !important;
}

html body .home-zones-right-column .home-zone-rich-card-thumb img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

html body .home-zones-right-column .home-zone-rich-card-body {
    grid-column:2 !important;
    display:block !important;
    min-width:0 !important;
    padding:0 !important;
}

html body .home-zones-right-column .home-zone-rich-featured-thumb {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
}

html body .home-zones-right-column .home-zone-rich-featured-thumb img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
}

/* Trường hợp màn hình rất hẹp thì chuyển card về 1 cột để không đè chữ. */
@media (max-width: 768px) {
    html body .home-zones-right-column .home-zone-rich-card {
        grid-template-columns:1fr !important;
    }
    html body .home-zones-right-column .home-zone-rich-card-thumb,
    html body .home-zones-right-column .home-zone-rich-card-thumb img {
        width:100% !important;
        height:auto !important;
        max-height:none !important;
    }
}


/* KCThanhHoa 11/06/2026 - inline fallback: cột phải không chồng chữ */
html body .home-zones-right-column .home-zone-rich-card *,
html body .home-zones-right-column .home-zone-rich-featured-content * {
    box-sizing:border-box !important;
}
html body .home-zones-right-column .home-zone-rich-card-body,
html body .home-zones-right-column .home-zone-rich-card-body h4,
html body .home-zones-right-column .home-zone-rich-card-body h4 a,
html body .home-zones-right-column .home-zone-rich-card-body p,
html body .home-zones-right-column .home-zone-rich-date,
html body .home-zones-right-column .home-zone-rich-featured-content h3,
html body .home-zones-right-column .home-zone-rich-featured-content h3 a,
html body .home-zones-right-column .home-zone-rich-featured-summary {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:static !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    clear:both !important;
}


/* KCThanhHoa 11/06/2026 - tăng font tóm tắt cột phải chuyên mục cho đồng bộ cột trái */
html body .home-zones-right-column .home-zone-rich-copy p,
html body .home-zones-right-column .home-zone-rich-head p,
html body .home-zones-right-column .home-zone-rich-featured-summary,
html body .home-zones-right-column .kc-zone-featured-desc,
html body .home-zones-right-column .home-zone-rich-card-body p,
html body .kc-right-zone-no-overlap .home-zone-rich-copy p,
html body .kc-right-zone-no-overlap .home-zone-rich-head p,
html body .kc-right-zone-no-overlap .home-zone-rich-featured-summary,
html body .kc-right-zone-no-overlap .kc-zone-featured-desc,
html body .kc-right-zone-no-overlap .home-zone-rich-card-body p {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
    color: #334155 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

/* Mô tả ngay dưới tiêu đề chuyên mục bên phải: rõ hơn một chút */
html body .home-zones-right-column .home-zone-rich-copy p,
html body .home-zones-right-column .home-zone-rich-head p,
html body .kc-right-zone-no-overlap .home-zone-rich-copy p,
html body .kc-right-zone-no-overlap .home-zone-rich-head p {
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

/* Tiêu đề cột phải đồng bộ cột trái */
html body .home-zones-right-column .home-zone-rich-copy h2,
html body .home-zones-right-column .home-zone-rich-copy h2 *,
html body .kc-right-zone-no-overlap .home-zone-rich-copy h2,
html body .kc-right-zone-no-overlap .home-zone-rich-copy h2 * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
}

/* ============================================================================
   KCThanhHoa 19/08/2026 - ẢNH TIN CHÍNH CHUYÊN MỤC: GIỮ ĐÚNG TỶ LỆ GỐC
   --------------------------------------------------------------------------
   Không dùng chung --kc-top-banner-fit cho ảnh bài viết. Banner có thể stretch
   theo cấu hình, nhưng ảnh tin chính tuyệt đối không bị kéo ngang/dọc hoặc crop.
   ============================================================================ */
html body .home-zone-rich-featured-thumb {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    line-height:0 !important;
}
html body .home-zone-rich-featured-thumb img,
html body .home-zones-left-column .home-zone-rich-featured-thumb img,
html body .home-zones-right-column .home-zone-rich-featured-thumb img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
}