/* =========================================================
   SITE LAYOUT SYSTEM — 1280PX
   Đồng bộ toàn bộ giao diện người dùng về container 1280px.
   File này được nạp sau Bootstrap để giữ quyền ưu tiên cao nhất.
   ========================================================= */
:root{
    --site-container:1280px;
    --site-container-frame:calc(var(--site-container) + var(--site-gutter-desktop) + var(--site-gutter-desktop));
    --site-gutter-desktop:24px;
    --site-gutter-tablet:20px;
    --site-gutter-mobile:14px;
    --site-section-space:42px;
    --site-card-radius:12px;
    --site-card-border:#e7eaf0;
    --site-card-shadow:0 10px 28px rgba(15,23,42,.07);
    --site-sidebar:320px;
    --site-layout-gap:28px;
}

html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

img,video,iframe,svg,canvas{
    max-width:100%;
}

/* ===== CONTAINER CHUNG ===== */
.kc-container,
.kc-row-container.kc-container,
.wt2-container,
.posts-container,
.news-shell,
.footer-merge-container,
.gx-shell,
.max-width-wrapper{
    width:100% !important;
    max-width:var(--site-container-frame) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--site-gutter-desktop) !important;
    padding-right:var(--site-gutter-desktop) !important;
    box-sizing:border-box !important;
}

/* Bootstrap container chỉ áp dụng trong phần nội dung frontend */
#main-content > .container,
#main-content > section > .container,
#main-content .site-container{
    width:100% !important;
    max-width:var(--site-container-frame) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--site-gutter-desktop) !important;
    padding-right:var(--site-gutter-desktop) !important;
    box-sizing:border-box !important;
}

/* 1280px là vùng nội dung sử dụng thực tế; gutter nằm ngoài vùng 1280. */
.gx-navbar > .gx-shell,
.gx-navbar .kc-row-container.kc-container.gx-shell,
.gx-appbar .gx-appbar-inner,
.vinfast-lead-section > .kc-row-container.kc-container,
.home_price_section > .wt2-container,
.wt2-wrap > .wt2-container,
.posts-section > .posts-container,
.news-posts-section > .posts-container,
.footer-merge-main > .footer-merge-container{
    width:100% !important;
    max-width:var(--site-container-frame) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--site-gutter-desktop) !important;
    padding-right:var(--site-gutter-desktop) !important;
    box-sizing:border-box !important;
}

.kc-row-container.kc-container > .kc-wrap-columns{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

.kc_row.kc_row_inner{
    max-width:100%;
}

/* ===== NHỊP DỌC VÀ CARD ===== */
.posts-section,
.news-posts-section{
    padding:34px 0 48px !important;
}

.posts-section .page-head{
    margin-bottom:20px !important;
}

.post-detail-card,
.wt-news-shell,
.wt-article-shell,
.route-box,
.wt-video-shell{
    border-radius:var(--site-card-radius) !important;
    border:1px solid var(--site-card-border) !important;
    box-shadow:var(--site-card-shadow) !important;
}

.post-detail-card,
.wt-news-shell,
.wt-article-shell,
.route-box,
.wt-video-shell{
    padding:28px 30px !important;
}

/* Giữ nội dung dài không phá container */
.post-detail-card *,
.wt-news-shell *,
.wt-article-shell *,
.route-box *,
.wt-video-shell *{
    min-width:0;
    box-sizing:border-box;
}

.post-detail-card table,
.wt-article-content table,
.route-box table{
    max-width:100% !important;
}

/* ===== HEADER / NAVBAR ===== */
.gx-shell{
    min-height:72px;
}

/* ===== FORM + BANNER TRANG CHỦ ===== */
.vinfast-lead-section .kc-wrap-columns,
.vinfast-lead-section .kc_column,
.vinfast-lead-section .kc-col-container,
.vinfast-lead-section .home_datxe,
.vinfast-lead-section .home_slider{
    min-width:0 !important;
    box-sizing:border-box !important;
}

@media (min-width:992px){
    .vinfast-lead-section .kc-row-container.kc-container > .kc-wrap-columns{
        display:grid !important;
        grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
        align-items:stretch !important;
        gap:24px !important;
        width:100% !important;
    }

    .vinfast-lead-section .vinfast-lead-form-column,
    .vinfast-lead-section .vinfast-lead-slider-column,
    .vinfast-lead-section .kc-css-340647,
    .vinfast-lead-section .kc-css-698619{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        float:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin:0 !important;
    }

    .vinfast-lead-section .home_datxe,
    .vinfast-lead-section .home_slider,
    .vinfast-lead-section .vinfast-lead-form{
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
    }
}

/* ===== BẢNG GIÁ TRANG CHỦ ===== */
.home_price_full_grid{
    gap:22px !important;
}

.home_price_card_inner{
    border-radius:var(--site-card-radius) !important;
    box-shadow:var(--site-card-shadow) !important;
}

/* ===== KHỐI TIN TRANG CHỦ ===== */
.wt2-hero{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr) !important;
    gap:18px !important;
}

.wt2-hero-right{
    gap:18px !important;
}

/* ===== TRANG TIN TỨC / CHI TIẾT / BẢNG GIÁ ===== */
.wt-news-layout,
.wt-article-layout,
.route-layout,
.news-layout{
    grid-template-columns:minmax(0,1fr) var(--site-sidebar) !important;
    gap:var(--site-layout-gap) !important;
    align-items:start !important;
}

.wt-news-main,
.wt-article-main,
.route-main,
.news-main{
    min-width:0 !important;
}

.wt-news-grid,
.news-grid{
    gap:24px !important;
}

.wt-news-card,
.news-card,
.wt-side-box,
.news-side-box{
    border-radius:10px !important;
    overflow:hidden;
}

/* ===== TRANG GIỚI THIỆU ===== */
.about-content{
    padding:34px 38px !important;
}

.about-content > :first-child{
    margin-top:0 !important;
}

.about-content > :last-child{
    margin-bottom:0 !important;
}

/* ===== TRANG LIÊN HỆ ===== */
.contact-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
    gap:36px !important;
    align-items:start !important;
}

.contact-left,
.contact-right{
    width:auto !important;
}

/* ===== TRANG VIDEO ===== */
.video-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
}

.video-card,
.video-card img{
    min-height:0 !important;
}

.video-card img{
    aspect-ratio:16/10;
    height:auto !important;
}

/* ===== FOOTER ===== */
.footer-merge-container{
    padding-left:var(--site-gutter-desktop) !important;
    padding-right:var(--site-gutter-desktop) !important;
}

.footer-merge-grid{
    grid-template-columns:minmax(390px,34%) minmax(0,1fr) !important;
    gap:48px !important;
    align-items:start !important;
}
.footer-menu-columns{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:28px !important;
}
.footer-menu-column--vehicles{
    grid-column:span 2 !important;
}
.footer-vehicle-groups{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px !important;
}

/* ===== BREAKPOINT TABLET ===== */
@media (max-width:1099px){
    .kc-container,
    .kc-row-container.kc-container,
    .wt2-container,
    .posts-container,
    .news-shell,
    .footer-merge-container,
    .gx-shell,
    .max-width-wrapper,
    #main-content > .container,
    #main-content > section > .container,
    #main-content .site-container,
    .gx-navbar > .gx-shell,
    .gx-navbar .kc-row-container.kc-container.gx-shell,
    .gx-appbar .gx-appbar-inner,
    .vinfast-lead-section > .kc-row-container.kc-container,
    .home_price_section > .wt2-container,
    .wt2-wrap > .wt2-container,
    .posts-section > .posts-container,
    .news-posts-section > .posts-container,
    .footer-merge-main > .footer-merge-container{
        padding-left:var(--site-gutter-tablet) !important;
        padding-right:var(--site-gutter-tablet) !important;
    }

    .wt-news-layout,
    .wt-article-layout,
    .route-layout,
    .news-layout{
        grid-template-columns:1fr !important;
    }

    .wt-news-side,
    .wt-article-side,
    .route-side,
    .news-side{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px;
    }

    .wt-side-box,
    .news-side-box{
        margin-bottom:0 !important;
    }

    .contact-wrap{
        grid-template-columns:1fr 1fr !important;
        gap:26px !important;
    }

    .video-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .footer-merge-grid{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    .footer-merge-grid > :first-child{
        grid-column:auto !important;
    }

    .footer-menu-columns{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:22px !important;
    }
}

/* ===== BREAKPOINT MOBILE ===== */
@media (max-width:767px){
    :root{
        --site-section-space:28px;
        --site-layout-gap:18px;
    }

    .kc-container,
    .kc-row-container.kc-container,
    .wt2-container,
    .posts-container,
    .news-shell,
    .footer-merge-container,
    .gx-shell,
    .max-width-wrapper,
    #main-content > .container,
    #main-content > section > .container,
    #main-content .site-container,
    .gx-navbar > .gx-shell,
    .gx-navbar .kc-row-container.kc-container.gx-shell,
    .gx-appbar .gx-appbar-inner,
    .vinfast-lead-section > .kc-row-container.kc-container,
    .home_price_section > .wt2-container,
    .wt2-wrap > .wt2-container,
    .posts-section > .posts-container,
    .news-posts-section > .posts-container,
    .footer-merge-main > .footer-merge-container{
        padding-left:var(--site-gutter-mobile) !important;
        padding-right:var(--site-gutter-mobile) !important;
    }

    .posts-section,
    .news-posts-section{
        padding:18px 0 32px !important;
    }

    .post-detail-card,
    .wt-news-shell,
    .wt-article-shell,
    .route-box,
    .wt-video-shell,
    .about-content{
        padding:18px 16px !important;
        border-radius:10px !important;
    }

    .wt2-hero{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .wt2-hero-right{
        grid-template-columns:1fr 1fr;
        gap:12px !important;
    }

    .wt2-hero .wt2-card img{
        height:230px !important;
    }

    .wt2-hero-right .wt2-card img{
        height:150px !important;
    }

    .contact-wrap{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .wt-news-side,
    .wt-article-side,
    .route-side,
    .news-side{
        display:block;
    }

    .wt-side-box,
    .news-side-box{
        margin-bottom:18px !important;
    }

    .video-grid{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .footer-merge-grid{
        grid-template-columns:1fr !important;
        gap:26px !important;
    }

    .footer-merge-grid > :first-child{
        grid-column:auto;
    }
}

/* Điện thoại rất nhỏ */
@media (max-width:420px){
    .wt2-hero-right{
        grid-template-columns:1fr;
    }

    .wt2-hero-right .wt2-card img{
        height:190px !important;
    }
}

/* ===== MOBILE PRODUCT GRID: tighter spacing + white test-drive text ===== */
@media (max-width: 767px){
    .home_price_section .home_price_full_grid{
        column-gap:11px !important;
        row-gap:11px !important;
        gap:11px !important;
    }

    .home_price_section .home_price_action_btn--test,
    .home_price_section .home_price_action_btn--test .home_price_test_label,
    .home_price_section .home_price_action_btn--test:visited,
    .home_price_section .home_price_action_btn--test:hover,
    .home_price_section .home_price_action_btn--test:focus,
    .home_price_section .home_price_action_btn--test:active{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }
}

/* ===== HOME NEWS FEATURED GRID BALANCED 3-CARD (V7) =====
   3 tin nổi bật cùng tỷ lệ 1200:630 trên PC, không còn cột trái quá lớn
   và hai tin phải xếp dọc gây dư khoảng trắng. */
.wt2-hero{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:start !important;
}

/* Đưa hai card trong cột phải tham gia trực tiếp vào lưới 3 cột. */
.wt2-hero-right{
    display:contents !important;
}

.wt2-hero > .wt2-card,
.wt2-hero-right > .wt2-card{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1200 / 630 !important;
    border-radius:12px !important;
}

.wt2-hero .wt2-card img,
.wt2-hero-right .wt2-card img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1200 / 630 !important;
    object-fit:cover !important;
    object-position:center !important;
}

.wt2-hero .wt2-overlay{
    padding:38px 14px 12px !important;
}

/* Card 3 cột cần gọn, đồng đều; nội dung mô tả dài chuyển xuống bài chi tiết. */
.wt2-hero .wt2-overlay p{
    display:none !important;
}

.wt2-hero .wt2-overlay h2,
.wt2-hero .wt2-overlay h3{
    margin:0 0 7px !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

.wt2-hero .wt2-meta{
    margin-top:4px !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Tablet: tin chính chiếm trọn hàng đầu, hai tin còn lại chia đôi hàng dưới. */
@media (min-width:768px) and (max-width:991px){
    .wt2-hero{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }

    .wt2-hero > .wt2-card:first-child{
        grid-column:1 / -1 !important;
    }

    .wt2-hero .wt2-overlay h2,
    .wt2-hero .wt2-overlay h3{
        font-size:17px !important;
    }
}

/* Mobile: 3 tin xếp dọc, mỗi ảnh vẫn đúng tỷ lệ 1200:630. */
@media (max-width:767px){
    .wt2-hero{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .wt2-hero > .wt2-card:first-child{
        grid-column:auto !important;
    }

    .wt2-hero .wt2-overlay{
        padding:30px 12px 10px !important;
    }

    .wt2-hero .wt2-overlay h2,
    .wt2-hero .wt2-overlay h3{
        font-size:15px !important;
        line-height:1.35 !important;
    }

    .wt2-hero .wt2-meta{
        font-size:10px !important;
    }
}

/* ===== HOME FEATURED NEWS MAGAZINE GRID - 7 ITEMS (V8) =====
   Bố cục: 1 tin lớn bên trái + 3 tin bên phải + 3 tin ngang phía dưới. */
.dt-home-feature-block{
    width:100%;
    padding:0 0 18px;
}

.dt-magazine-grid{
    display:grid;
    grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);
    gap:5px;
    width:100%;
    height:452px;
    overflow:hidden;
}

.dt-overlay-card{
    position:relative;
    display:block;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:#111;
    color:#fff!important;
    text-decoration:none!important;
}

.dt-overlay-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .35s ease;
}

.dt-overlay-card:hover img{
    transform:scale(1.035);
}

.dt-mag-main{
    height:100%;
    border-radius:8px 0 0 8px;
}

.dt-mag-side{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:5px;
    min-width:0;
    min-height:0;
}

.dt-mag-side .dt-overlay-card{
    border-radius:0;
}

.dt-mag-side .dt-overlay-card:nth-child(3){
    border-radius:0 0 8px 0;
}

.dt-mag-wide{
    grid-column:1 / -1;
    border-radius:0 8px 0 0!important;
}

.dt-overlay-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,0) 67%);
}

.dt-overlay-content{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    padding:18px 20px 17px;
    color:#fff;
}

.dt-news-label{
    display:inline-flex;
    max-width:100%;
    padding:5px 9px;
    background:#ffd400;
    color:#151515;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dt-overlay-content strong{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    font-weight:800;
    text-shadow:0 1px 3px rgba(0,0,0,.35);
}

.dt-mag-main .dt-overlay-content strong{
    font-size:27px;
    line-height:1.25;
}

.dt-mag-wide .dt-overlay-content strong{
    font-size:17px;
}

.dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-overlay-content{
    gap:6px;
    padding:14px 14px 13px;
}

.dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-news-label{
    max-width:100%;
    font-size:9.5px;
    padding:4px 7px;
}

.dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-overlay-content strong{
    font-size:15px;
    line-height:1.32;
}

.dt-overlay-content em{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255,255,255,.82);
    font-size:11px;
    line-height:1.2;
    font-style:normal;
    font-weight:600;
    text-transform:uppercase;
}

.dt-mag-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    border:1px solid #e5e7eb;
    border-top:0;
    background:#fff;
}

.dt-strip-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 132px;
    gap:14px;
    align-items:center;
    min-width:0;
    min-height:118px;
    padding:15px 14px;
    border-right:1px solid #e5e7eb;
    color:#151515!important;
    text-decoration:none!important;
    background:#fff;
    transition:background .2s ease;
}

.dt-strip-item:last-child{
    border-right:0;
}

.dt-strip-item:hover{
    background:#fafafa;
}

.dt-strip-copy{
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.dt-strip-copy b{
    display:inline-flex;
    max-width:100%;
    padding:5px 8px;
    background:#ffd400;
    color:#151515;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dt-strip-copy strong{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:#1f2937;
    font-size:14px;
    line-height:1.45;
    font-weight:700;
}

.dt-strip-copy small{
    color:#4b5563;
    font-size:11px;
    line-height:1.2;
}

.dt-strip-item img{
    display:block;
    width:132px;
    aspect-ratio:1200/630;
    height:auto;
    object-fit:cover;
    object-position:center;
    border-radius:3px;
}

@media (max-width:1100px){
    .dt-magazine-grid{
        height:410px;
        grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
    }

    .dt-mag-main .dt-overlay-content strong{
        font-size:23px;
    }

    .dt-strip-item{
        grid-template-columns:minmax(0,1fr) 110px;
        gap:10px;
        padding:12px;
    }

    .dt-strip-item img{
        width:110px;
    }
}

@media (max-width:991px){
    .dt-magazine-grid{
        height:auto;
        grid-template-columns:1fr;
        gap:8px;
        overflow:visible;
    }

    .dt-mag-main{
        aspect-ratio:1200/630;
        border-radius:8px;
    }

    .dt-mag-side{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:auto;
        gap:8px;
    }

    .dt-mag-side .dt-overlay-card,
    .dt-mag-side .dt-overlay-card:nth-child(3),
    .dt-mag-wide{
        aspect-ratio:1200/630;
        border-radius:8px!important;
    }

    .dt-mag-wide{
        grid-column:1 / -1;
    }

    .dt-mag-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:8px;
        border-top:1px solid #e5e7eb;
    }

    .dt-strip-item:nth-child(2){
        border-right:0;
    }

    .dt-strip-item:nth-child(3){
        grid-column:1 / -1;
        border-top:1px solid #e5e7eb;
        border-right:0;
    }
}

@media (max-width:767px){
    .dt-home-feature-block{
        padding-bottom:14px;
    }

    .dt-mag-side{
        grid-template-columns:1fr;
    }

    .dt-mag-wide{
        grid-column:auto;
    }

    .dt-mag-main .dt-overlay-content strong,
    .dt-mag-wide .dt-overlay-content strong,
    .dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-overlay-content strong{
        font-size:16px;
        line-height:1.35;
    }

    .dt-overlay-content,
    .dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-overlay-content{
        gap:5px;
        padding:12px;
    }

    .dt-news-label,
    .dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-news-label{
        font-size:9px;
        padding:4px 6px;
    }

    .dt-overlay-content em{
        font-size:9.5px;
    }

    .dt-mag-strip{
        grid-template-columns:1fr;
    }

    .dt-strip-item,
    .dt-strip-item:nth-child(2),
    .dt-strip-item:nth-child(3){
        grid-column:auto;
        grid-template-columns:minmax(0,1fr) 105px;
        min-height:104px;
        padding:11px;
        border-right:0;
        border-top:1px solid #e5e7eb;
    }

    .dt-strip-item:first-child{
        border-top:0;
    }

    .dt-strip-item img{
        width:105px;
    }

    .dt-strip-copy b{
        font-size:9px;
        padding:4px 6px;
    }

    .dt-strip-copy strong{
        font-size:13px;
    }
}

/* ===== V9: BLUE TEST-DRIVE BUTTON + SOFT 8PX NEWS THUMBNAILS ===== */
/* Nút Đăng ký lái thử dùng cùng màu xanh với nút Đặt xe/Hotline trên header. */
.home_price_section .home_price_action_btn--test,
.home_price_section .home_price_action_btn--test:link,
.home_price_section .home_price_action_btn--test:visited,
.home_price_section .home_price_action_btn--test:hover,
.home_price_section .home_price_action_btn--test:focus,
.home_price_section .home_price_action_btn--test:focus-visible,
.home_price_section .home_price_action_btn--test:active,
.home_price_section .home_price_action_btn--test .home_price_test_label{
    background:var(--gx-hotline-bg,#337fba) !important;
    border-color:var(--gx-hotline-bg,#337fba) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.home_price_section .home_price_action_btn--test:hover,
.home_price_section .home_price_action_btn--test:focus-visible{
    box-shadow:0 7px 16px rgba(15,83,139,.22) !important;
    filter:brightness(.94) !important;
}

/* Bo nhẹ 8px cho mọi ảnh đại diện bài viết ở trang chủ và trang tin tức. */
.wt2-card img,
.wt2-hero-right .wt2-card img,
.wt2-cat-top img,
.wt2-cat-item img,
.wt2-latest-card img,
.dt-overlay-card img,
.dt-strip-item img,
.wt-news-thumb img,
.wt-mini-item img,
.news-card__thumb img,
.news-mini-item__thumb img,
.news-cover img,
.wt-article-cover img{
    border-radius:8px !important;
}

/* ===== PATCH 027: MOBILE - 1 TIN LỚN + 3 TIN NHỎ VUỐT NGANG ===== */
/* Chỉ thay đổi màn hình điện thoại. PC và tablet giữ nguyên bố cục hiện tại. */
@media (max-width:767px){
    .dt-home-feature-block{
        padding-bottom:12px;
    }

    .dt-magazine-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        height:auto;
        overflow:visible;
    }

    /* Tin đầu tiên vẫn là thẻ ảnh lớn có chữ phủ phía dưới. */
    .dt-mag-main{
        width:100%;
        min-height:0;
        aspect-ratio:1200/630;
        border-radius:9px!important;
    }

    .dt-mag-main .dt-overlay-content{
        gap:6px;
        padding:13px 14px 14px;
    }

    .dt-mag-main .dt-overlay-content strong{
        font-size:clamp(17px,4.8vw,21px)!important;
        line-height:1.32!important;
        -webkit-line-clamp:2;
    }

    .dt-mag-main .dt-news-label{
        padding:5px 8px;
        font-size:9px;
    }

    .dt-mag-main .dt-overlay-content em{
        font-size:9.5px;
    }

    /* Ba tin kế tiếp thành slider vuốt ngang, mỗi lần nhìn thấy đúng một tin. */
    .dt-mag-side{
        display:flex!important;
        grid-template-columns:none!important;
        grid-template-rows:none!important;
        gap:10px!important;
        width:100%;
        min-width:0;
        padding:0 0 3px;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        touch-action:pan-x;
    }

    .dt-mag-side::-webkit-scrollbar{
        display:none;
        width:0;
        height:0;
    }

    .dt-mag-side > .dt-overlay-card,
    .dt-mag-side > .dt-overlay-card.dt-mag-wide,
    .dt-mag-side > .dt-overlay-card:nth-child(3){
        position:relative;
        display:grid!important;
        grid-template-columns:minmax(112px,35%) minmax(0,1fr)!important;
        align-items:stretch;
        flex:0 0 100%;
        width:100%;
        min-width:100%;
        min-height:118px;
        height:auto!important;
        aspect-ratio:auto!important;
        grid-column:auto!important;
        overflow:hidden;
        border:1px solid #e5e7eb;
        border-radius:9px!important;
        background:#fff;
        box-shadow:0 5px 16px rgba(15,23,42,.07);
        color:#111827!important;
        scroll-snap-align:start;
        scroll-snap-stop:always;
    }

    .dt-mag-side > .dt-overlay-card::after{
        display:none!important;
    }

    .dt-mag-side > .dt-overlay-card > img{
        display:block;
        width:100%;
        height:100%!important;
        min-height:118px;
        object-fit:cover;
        object-position:center;
        border-radius:0!important;
        transform:none!important;
    }

    .dt-mag-side > .dt-overlay-card > .dt-overlay-content,
    .dt-mag-side > .dt-overlay-card:not(.dt-mag-wide) > .dt-overlay-content{
        position:static!important;
        display:flex;
        justify-content:center;
        align-items:flex-start;
        gap:8px!important;
        min-width:0;
        padding:12px 13px!important;
        background:#fff;
        color:#111827;
    }

    .dt-mag-side .dt-news-label,
    .dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-news-label{
        max-width:100%;
        padding:5px 8px!important;
        background:#ffd400;
        color:#151515;
        font-size:9px!important;
        line-height:1.15;
        font-weight:850;
    }

    .dt-mag-side .dt-overlay-content strong,
    .dt-mag-side .dt-mag-wide .dt-overlay-content strong,
    .dt-mag-side .dt-overlay-card:not(.dt-mag-wide) .dt-overlay-content strong{
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden;
        color:#1f2937!important;
        font-size:14.5px!important;
        line-height:1.42!important;
        font-weight:800;
        text-shadow:none!important;
    }

    /* Mẫu tin nhỏ theo ảnh tham chiếu chỉ giữ nhãn và tiêu đề. */
    .dt-mag-side .dt-overlay-content em{
        display:none!important;
    }

    /* Không lặp thêm ba tin ngang cũ phía dưới trên mobile. */
    .dt-home-feature-block > .dt-mag-strip{
        display:none!important;
    }
}