@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

.wt2-wrap{
    padding:15px 0 0 !important;
    background:#f5f5f5;
}

.wt2-hero{
    padding:0 0 14px !important;
}

.wt2-container{
    width:100%;
    max-width:1328px;
    margin:0 auto;
    padding-left:24px;
    padding-right:24px;
    box-sizing:border-box;
}

.kc_row::after,
.kc-row-container::after,
.kc-wrap-columns::after {
    content: "";
    display: block;
    clear: both;
}

/* ===== Thanh marquee + tieude ===== */
.wt2-trending-bar{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    align-items:center;
    background: var(--wt2-trending-bg) !important;
    color: var(--text-light-color);
    min-height:34px;
    border-radius:5px;
    overflow:hidden;
    width:100%;
    position:relative;
    z-index:1;
}

.wt2-trending-label{
    padding:6px 12px;
    font-weight:700;
    font-size:12px;
    text-transform:uppercase;
    background:var(--wt2-trending-bg);
}

.wt2-trending-slider{
    padding:0 10px;
    white-space:nowrap;
    overflow:hidden;
    background:var(--wt2-trending-bg);
}

.wt2-trending-slider marquee a{
    color: var(--text-light-color);
    text-decoration:none;
    margin-right:20px;
}

/* quan trọng: section tin tức không được đè form */
.wt2-wrap{
    position:relative;
    z-index:1;
    clear:both;
}

/* mobile: ưu tiên form đặt xe nổi lên trên */


@media (max-width: 991px){
    .wt2-wrap{
        margin-top:8px !important;
    }
}

@media (max-width: 991px){
    .home_datxe,
    #form_datxe,
    .form_main{
        margin-top: 20px !important;

    }
}

.wt2-trending-bar,
.wt2-wrap,
.wt2-hero,
.wt2-cats,
.wt2-video,
.wt2-latest {
  z-index: 1 !important;
}

@media (max-width: 991px) {
  .modal,
  .modal-backdrop,
  .modal.modal_xacnhan,
  #bookingModal,
  #errorModal,
  #successModal {
    z-index: 200000 !important;
  }

  .modal.modal_xacnhan .modal-dialog,
  .modal.modal_xacnhan .modal-content {
    z-index: 200001 !important;
  }

  .wt2-trending-bar {
    z-index: 1 !important;
  }
}

/* ===== Hero 3 tin nổi bật ===== */
.wt2-hero{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:12px;
    padding:10px 0 14px;
}
.wt2-card{
    position:relative;
    display:block;
    overflow:hidden;
    background:#111;
    color: var(--text-light-color);
    text-decoration:none;
    border-radius:12px;
}
.wt2-card img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
    border-radius:12px;
}
.wt2-card:hover img{
    transform:scale(1.04);
}
.wt2-overlay{
    position:absolute;
    inset:auto 0 0 0;
    padding:10px;
    background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.08));
    border-radius:0 0 12px 12px;
}
.wt2-overlay h3{
    margin:0 0 6px;
    font-size:18px;
    line-height:1.3;
    color: var(--text-light-color);
}
.wt2-overlay p{
    margin:0;
    color:#eee;
    font-size:12px;
    line-height:1.4;
}
.wt2-meta{
    margin-top:6px;
    font-size:11px;
    color:#ddd;
    text-transform:uppercase;
}
.wt2-hero-right{
    display:grid;
    gap:12px;
}
.wt2-hero-right .wt2-card img{
    height:195px;
}
.wt2-hero-right .wt2-overlay h3{
    font-size:14px;
    line-height:1.3;
}

/* ===== Category blocks - SWIPER ===== */
.wt2-cats{
    padding-bottom:20px;
}
.wt2-cats-swiper{
    overflow:hidden;
    padding-bottom:42px;
}
.wt2-cats-swiper .swiper-wrapper{
    align-items:stretch;
}
.wt2-cats-swiper .swiper-slide{
    height:auto;
}
.wt2-cats-swiper .wt2-cat{
    height:100%;
}
.wt2-cats-pagination{
    bottom:0 !important;
}
.wt2-cats-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:.6;
    background:#ff4b43;
}
.wt2-cats-pagination .swiper-pagination-bullet-active{
    opacity:1;
}
.wt2-cat{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    overflow:hidden;
}
.wt2-cat-title{
    background:var(--wt2-cat-title-bg);
    color: var(--text-light-color);
    padding:10px 14px;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
}
.wt2-cat-title a{
    color: var(--text-light-color);
    text-decoration:none;
}
.wt2-cat-top{
    padding:14px;
}
.wt2-cat-top img{
    width:100%;
    height:180px;
    object-fit:cover;
    display:block;
    margin-bottom:10px;
}
.wt2-cat-top a{
    color:#111;
    text-decoration:none;
}
.wt2-cat-top h4{
    font-size:18px;
    line-height:1.4;
    margin:0 0 8px;
}
.wt2-cat-list{
    padding:0 14px 14px;
}
.wt2-cat-item{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:10px;
    padding:10px 0;
    border-top:1px solid #f0f0f0;
}
.wt2-cat-item img{
    width:88px;
    height:62px;
    object-fit:cover;
    display:block;
}
.wt2-cat-item a{
    color:#111;
    text-decoration:none;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

/* ===== Video ===== */
.wt2-video{
    background:#0d0d0d;
    padding:26px 0;
    margin:6px 0 0;
}

/* PC: 1 video trái + 2 video phải */
.wt2-video-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:18px;
    align-items:stretch;
}
.wt2-video-main,
.wt2-video-mini{
    position:relative;
    display:block;
    overflow:hidden;
    background:#111;
    text-decoration:none;
    color: var(--text-light-color);
    border-radius:12px;
}
.wt2-video-main img,
.wt2-video-mini img{
    width:100%;
    object-fit:cover;
    display:block;
}
.wt2-video-main img{
    height:420px;
}
.wt2-video-side{
    display:grid;
    gap:18px;
}
.wt2-video-mini{
    height:calc((420px - 18px)/2);
}
.wt2-video-mini img{
    height:100%;
}
.wt2-video-overlay{
    position:absolute;
    inset:auto 0 0 0;
    padding:18px;
    background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.08));
}
.wt2-video-overlay h3{
    margin:0;
    font-size:24px;
    line-height:1.35;
    color: var(--text-light-color);
}
.wt2-video-mini .wt2-video-overlay h3{
    font-size:16px;
}
.wt2-play{
    position:absolute;
    left:18px;
    top:18px;
    width:54px;
    height:54px;
    border-radius:50%;
    background:rgba(236,32,41,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--text-light-color);
    font-size:22px;
    box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.wt2-video-note{
    padding:12px 0 0;
    color:#bbb;
    text-align:center;
    font-size:13px;
}

/* mobile video swiper */
.wt2-video-swiper{
    display:none;
}
.wt2-video-pagination{
    margin-top:14px;
    position:relative !important;
    bottom:auto !important;
    text-align:center;
}
.wt2-video-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.45;
}
.wt2-video-pagination .swiper-pagination-bullet-active{
    opacity:1;
    background:#ff4b43;
}

/* ===== Tin mới nhất ===== */
.wt2-latest{
    padding:35px 0;
}
.wt2-ad{
    margin-bottom:20px;
}
.wt2-ad img{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
}
.wt2-section-head{
    text-align:center;
    margin-bottom:20px;
}
.wt2-section-head h2{
    font-size:28px;
    margin:6px;
    color:#222;
}
.wt2-section-head p{
    margin:6px 0 0;
    color:#777;
}
.wt2-latest-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
.wt2-latest-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    overflow:hidden;
}
.wt2-latest-card img{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
}
.wt2-latest-body{
    padding:10px 0;
}
.wt2-latest-card a{
    text-decoration:none;
    color:#111;
}
.wt2-latest-card h3{
    font-size:18px;
    line-height:1.45;
    margin:0 0 8px;
}

/* ===== Footer news ===== */
.wt2-foot-banner img{
    width:100%;
    height:120px;
    object-fit:cover;
    display:block;
    border-radius:12px;
}
.wt2-footer{
    background:#111;
    color:#ddd;
    padding:28px 0 18px;
}
.wt2-footer-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr;
    gap:24px;
}
.wt2-footer h3{
    font-size:16px;
    color: var(--text-light-color);
    margin:0 0 14px;
    text-transform:uppercase;
}
.wt2-footer-logo{
    font-size:30px;
    font-weight:800;
    color: var(--text-light-color);
    margin-bottom:10px;
}
.wt2-footer-logo span{
    color:#ff4b43;
}
.wt2-footer-item{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:10px;
    margin-bottom:12px;
}
.wt2-footer-item img{
    width:76px;
    height:56px;
    object-fit:cover;
}
.wt2-footer-item a{
    color:#ddd;
    text-decoration:none;
    font-size:13px;
    line-height:1.5;
}
.wt2-copy{
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
    font-size:13px;
    color:#999;
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

/* ===== Mobile ===== */
@media (max-width:991px){
    .wt2-hero,
    .wt2-footer-grid,
    .wt2-latest-grid{
        grid-template-columns:1fr;
    }

    /* hero mobile: 3 tin bằng nhau */
    .wt2-hero{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
    }
    .wt2-hero .wt2-card{
        height:220px;
    }
    .wt2-hero .wt2-card img{
        height:100%;
        object-fit:cover;
    }
    .wt2-hero-right{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
    }
    .wt2-hero-right .wt2-card img{
        height:100% !important;
    }

    /* video mobile: ẩn PC, hiện swiper */
    .wt2-video-grid{
        display:none;
    }
    .wt2-video-swiper{
        display:block;
    }
    .wt2-video-swiper .wt2-video-main img{
        height:220px;
        object-fit:cover;
    }
    .wt2-video-swiper .wt2-video-overlay h3{
        font-size:14px;
        line-height:1.45;
    }
}
	


.dc_home_slider,
.dc_home_slider .item {
    width: 100%;
}

.dc_home_slider .item img {
    width: 100%;

    object-fit: cover;
    display: block;
}

.home_slider {
    position: relative;
}

.home_slider .dc_datxe {
    margin-top: 10px;
    clear: both;
}



@media (max-width: 767px) {
    .kc-css-698619 {
        display: block !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .home_slider {
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    .home_slider .kc-css-19381,
    .home_slider .kc-carousel-images,
    .home_slider .owl-carousel-images,
    .home_slider .dc_home_slider,
    .home_slider .owl-wrapper-outer,
    .home_slider .owl-stage-outer,
    .home_slider .owl-stage,
    .home_slider .item {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 180px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
    }

    .home_slider .item img,
    .home_slider .item img[data-lazy-src] {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .home_slider .dc_datxe {
        display: none !important;
    }
}





@media (max-width: 767px) {

    .kc-css-698619,
    .home_slider,
    .dc_home_slider,
    .owl-carousel-images {
        display: block !important;
    }

    .home_slider .dc_datxe {
        display: none !important;
    }

}








/* ===== BẢNG GIÁ VINFAST: 2 TAB + FULL / SWIPER ===== */
.home_price_section{
    padding:24px 0 18px;
    background:#f3f5f4;
    clear:both;
    position:relative;
    z-index:1;
}

.home_price_title_wrap{text-align:center;margin:0 0 14px;}
.home_price_title{margin:0;font-size:28px;line-height:1.3;font-weight:900;color:#111827;text-transform:uppercase;}

.home_price_tabs{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;}
.home_price_tab_btn{
    appearance:none;border:1px solid var(--wt2-cat-title-bg,#07832f);background:#fff;color:#155c2e;
    min-height:44px;padding:10px 24px;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.home_price_tab_btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.08);filter:none;}
.home_price_tab_btn.is-active{background:var(--wt2-cat-title-bg,#07832f);color:#fff;box-shadow:0 8px 18px rgba(7,131,47,.2);}
.home_price_panel[hidden]{display:none!important;}

.home_price_full_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
.home_price_page_mb{display:grid;grid-template-columns:1fr;gap:12px;}
.home_price_card{width:100%;min-width:0;height:100%;}
.home_price_card_inner{
    background:#fff;border:2px solid var(--wt2-cat-title-bg,#07832f);border-radius:14px;overflow:hidden;
    box-shadow:0 9px 24px rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column;
    transition:transform .22s ease,box-shadow .22s ease;
}
.home_price_card_inner:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.12);}
.home_price_card_media{
    display:flex;align-items:center;justify-content:center;width:100%;background:#fff;aspect-ratio:1024/604;
    overflow:hidden;text-decoration:none;padding:24px 28px 16px;box-sizing:border-box;
}
.home_price_card_media img{
    display:block;width:100%;height:100%;object-fit:contain;margin:0;transform:scale(.94);transform-origin:center;
}
.home_price_card_body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;background:#fff;}
.home_price_car_name{margin:0 0 8px;font-size:23px;line-height:1.25;font-weight:900;color:#d71920;}
.home_price_car_name a{color:inherit;text-decoration:none;}
.home_price_slogan{margin:0 0 13px;color:#8b95aa;font-size:15px;font-style:italic;font-weight:700;line-height:1.45;min-height:43px;}
.home_price_value{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:auto 0 16px;color:#111827;font-size:17px;line-height:1.35;}
.home_price_value_label{color:#111827;font-weight:700;}
.home_price_value strong{color:#d71920;font-weight:900;font-size:19px;font-variant-numeric:tabular-nums;}
.home_price_actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;margin-top:auto;}
.home_price_action_btn{
    display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 10px;border-radius:5px;
    text-decoration:none;text-transform:uppercase;text-align:center;font-weight:850;font-size:12px;line-height:1.25;
    letter-spacing:.1px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.home_price_action_btn:hover{transform:translateY(-1px);filter:none;}
.home_price_action_btn--detail{border:1.5px solid var(--wt2-cat-title-bg,#07832f);background:#fff;color:var(--wt2-cat-title-bg,#07832f);}
.home_price_action_btn--detail:hover{background:var(--wt2-cat-title-bg,#07832f);color:#fff;}
.home_price_action_btn--test{border:1.5px solid #d71920;background:#d71920;color:#fff;}
.home_price_action_btn--test:hover{border-color:#b91319;background:#b91319;color:#fff;}

.home_price_swiper_pc{display:block!important;padding-bottom:28px;}
.home_price_swiper_mb{display:none!important;padding-bottom:28px;}
.home_price_swiper_pc .swiper-wrapper{align-items:stretch;}
.home_price_swiper_pc .swiper-slide{height:auto;}
.home_price_swiper_pc .home_price_card,.home_price_swiper_pc .home_price_card_inner{height:100%;}
.home_price_pagination_pc,.home_price_pagination_mb{bottom:0!important;}
.home_price_pagination_pc .swiper-pagination-bullet,.home_price_pagination_mb .swiper-pagination-bullet{
    width:10px;height:10px;background:var(--wt2-cat-title-bg,#07832f);opacity:.38;
}
.home_price_pagination_pc .swiper-pagination-bullet-active,.home_price_pagination_mb .swiper-pagination-bullet-active{opacity:1;}

@media(max-width:991px){
    .home_price_full_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
    .home_price_title{font-size:24px;}
}

@media(max-width:767px){
    .home_price_section{padding:18px 0 12px;}
    .home_price_title_wrap{margin-bottom:11px;}
    .home_price_title{font-size:19px;}
    .home_price_tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;}
    .home_price_tab_btn{min-height:40px;padding:8px 7px;border-radius:8px;font-size:12px;line-height:1.25;}
    .home_price_full_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
    .home_price_swiper_pc{display:none!important;}
    .home_price_swiper_mb{display:block!important;}
    .home_price_card_inner{border-width:1.5px;border-radius:10px;}
    .home_price_card_media{padding:10px 11px 7px;}
    .home_price_card_media img{transform:scale(.95);}
    .home_price_card_body{padding:10px 10px 11px;}
    .home_price_car_name{font-size:14px;margin-bottom:4px;}
    .home_price_slogan{font-size:10.5px;line-height:1.35;min-height:29px;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .home_price_value{gap:3px;font-size:10.5px;line-height:1.35;margin-bottom:9px;}
    .home_price_value strong{font-size:11.5px;}
    .home_price_actions{grid-template-columns:1fr;gap:6px;}
    .home_price_action_btn{min-height:33px;font-size:9px;padding:5px 4px;border-radius:4px;}
}

/* HEADER luôn nằm trên */
.navbar,
.main-header {
    position: relative;
    z-index: 20000;
}

/* DROPDOWN bootstrap */
.navbar .dropdown-menu {
    position: absolute !important;
    z-index: 20001 !important;
}

/* CHỈNH riêng nút ngôn ngữ nếu có */
.navbar .nav-item.dropdown {
    position: relative;
    z-index: 20002;
}

/* MARQUEE luôn thấp */
.wt2-trending-bar {
    position: relative;
    z-index: 1 !important;
}


.wt2-video-main,
.wt2-video-mini {
    position: relative;
    overflow: hidden;
    background: #000;
    border-radius: 4px;
}

.wt2-video-main iframe,
.wt2-video-mini iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.wt2-video-main {
    min-height: 420px;
}

.wt2-video-main iframe {
    min-height: 420px;
}

.wt2-video-side .wt2-video-mini {
    min-height: 130px;
}

.wt2-video-side .wt2-video-mini iframe {
    min-height: 130px;
}

@media (max-width: 991px) {
    .wt2-video-main,
    .wt2-video-main iframe {
        min-height: 260px;
    }
}

@media (max-width: 767px) {
    .wt2-video-side .wt2-video-mini,
    .wt2-video-side .wt2-video-mini iframe {
        min-height: 150px;
    }
}

.wt2-video-main iframe,
.wt2-video-mini iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.78%;
    height: 100%;
    transform: translate(-50%, -50%);
    border: 0;
}


.wt2-banner-after-price {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wt2-banner-after-price .wt2-ad {
    margin: 0;
}

.wt2-banner-after-price .wt2-ad .wt2-ad-bg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}


.wt2-banner-after-price {
    margin-top: 24px;
}

.wt2-ad--animated {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.wt2-ad--animated .wt2-ad-bg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.wt2-ad--animated .wt2-car-run {
    position: absolute;
    left: 0;
    bottom: var(--car-bottom-pc, -24px);
    width: var(--car-width-pc, 460px);
    max-width: none;
    height: auto;
    z-index: var(--car-z, 3);
    pointer-events: none;
    visibility: hidden;
    will-change: transform;
    transform: translate3d(110vw, 0, 0);
    transform-origin: bottom left;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.wt2-ad--animated .wt2-car-run--linked {
    pointer-events: auto;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    outline: none;
}

.wt2-ad--animated .wt2-car-run--linked:focus-visible .wt2-car-run-image,
.wt2-ad--animated .wt2-car-run--linked:hover .wt2-car-run-image {
    filter: drop-shadow(0 10px 11px rgba(15, 23, 42, .26));
}

.wt2-ad--animated .wt2-car-run--linked:focus-visible {
    border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(47, 128, 237, .35);
}

.wt2-ad--animated.is-paused .wt2-car-run--linked:hover .wt2-car-price-label {
    box-shadow: 0 7px 20px rgba(15, 23, 42, .24);
}

.wt2-ad--animated .wt2-car-run-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    filter: drop-shadow(0 8px 8px rgba(15, 23, 42, .18));
}

.wt2-ad--animated .wt2-car-price-label {
    position: absolute;
    left: 50%;
    bottom: calc(100% - 2px);
    z-index: 2;
    display: inline-block;
    transform: translateX(-50%);
    max-width: calc(100% + 180px);
    padding: 8px 15px;
    border: var(--label-border-width, 1px) solid var(--label-border, #f0b5b8);
    background: var(--label-bg, #ffffff);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .18);
    color: var(--label-text, #d71920);
    font-size: clamp(13px, 1vw, 18px);
    line-height: 1.15;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.wt2-ad--animated .wt2-car-price-label--pill {
    border-radius: 999px;
}

.wt2-ad--animated .wt2-car-price-label--card {
    border-radius: 10px;
}

.wt2-ad--animated .wt2-car-price-label--tag {
    padding-left: 22px;
    border-radius: 5px;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
}

.wt2-ad--animated .wt2-car-price-label--ribbon {
    padding-right: 22px;
    padding-left: 22px;
    border-radius: 3px;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}

.wt2-ad--animated .wt2-car-price-label--custom {
    border-radius: var(--label-radius, 12px);
}

.wt2-ad--animated.is-ready .wt2-car-run {
    visibility: visible;
}

@media (max-width: 991px) {
    .wt2-ad--animated .wt2-car-run {
        bottom: var(--car-bottom-tablet, -16px);
        width: var(--car-width-tablet, 320px);
    }

    .wt2-ad--animated .wt2-car-price-label {
        padding: 6px 12px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .wt2-ad--animated .wt2-car-run {
        bottom: var(--car-bottom-mobile, -10px);
        width: var(--car-width-mobile, 190px);
    }

    .wt2-ad--animated .wt2-car-run-image {
        filter: drop-shadow(0 5px 5px rgba(15, 23, 42, .16));
    }

    .wt2-ad--animated .wt2-car-price-label {
        bottom: calc(100% - 1px);
        max-width: calc(100% + 100px);
        padding: 5px 9px;
        font-size: 11px;
    }
}


.wt2-latest-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.wt2-latest-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.25s ease;
}

.wt2-latest-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.wt2-latest-card > a {
    display: block;
    overflow: hidden;
}

.wt2-latest-card img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}

.wt2-latest-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 14px 16px 16px;
}

.wt2-latest-body a {
    text-decoration: none;
    color: inherit;
}

.wt2-latest-body h3 {
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 10px;
    color: #111827;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    min-height: 49px;
}

.wt2-meta {
    margin-top: auto;
    font-size: 13px;
    line-height: 1.4;
    color: #6b7280;
    padding-top: 8px;
    
}




@media (max-width: 767px){
    .wt2-latest-grid{
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .wt2-latest-card{
        width: 100% !important;
    }
}



@media (max-width: 991px){
    .post-thumb,
    .news-thumb,
    .article-thumb,
    .blog-thumb {
        height: auto !important;
        min-height: 0 !important;
    }

    .post-thumb img,
    .news-thumb img,
    .article-thumb img,
    .blog-thumb img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: cover !important;
    }
}

.home_price_card_head h3 a {
    color: var(--text-light-color) !important;
}

.home_price_card_head h3 a {
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
}





/* =========================================================
   AUTO TEXT COLOR THEO BACKGROUND
   DÁN CUỐI public/css/home-news.css
========================================================= */

/* Marquee / trending */
.wt2-trending-bar,
.wt2-trending-slider,
.wt2-trending-slider marquee a,
.wt2-marquee-track a{
    color: var(--text-on-trending-bg) !important;
}

/* Header bảng giá */
.home_price_card_head,
.home_price_card_head h3,
.home_price_card_head h3 a,
.home_price_card_head h3 span{
    color: var(--text-on-cat-title-bg) !important;
}

.home_price_card_head h3 a{
    text-decoration: none;
    transition: opacity .2s ease, filter .2s ease;
}

.home_price_card_head h3 a:hover{
    color: var(--text-on-cat-title-bg) !important;
    filter: brightness(1.15) contrast(1.05);
    text-decoration: underline;
}

/* Phần thân bảng giá */
.home_price_card_body,
.home_price_card_body *{
    color: #111111;
}

.home_price_text{
    color: #111111 !important;
}

.home_price_list li{
    border-bottom: 1px dashed rgba(17,17,17,0.08);
}

.home_price_list li:last-child{
    border-bottom: 0;
}

.home_price_text strong{
    color: #d91c1c !important;
    font-weight: 800;
}

/* Nếu muốn thời gian di chuyển luôn dễ đọc */
.home_price_card_time,
.home_price_card_time span{
    color: #374151 !important;
}

/* Category title */
.wt2-cat-title,
.wt2-cat-title a{
    color: var(--text-on-cat-title-bg) !important;
}

/* Video / overlay text */
.wt2-card,
.wt2-overlay h2,
.wt2-overlay h3,
.wt2-video-main,
.wt2-video-mini,
.wt2-video-overlay h3,
.wt2-play{
    color: #ffffff !important;
}

/* Footer */
.wt2-footer h3,
.wt2-footer-logo{
    color: var(--text-on-footer-bg) !important;
}

.footer-merge-main,
.footer-merge-title,
.footer-merge-item-title{
    color: var(--text-on-footer-bg) !important;
}

.footer-merge-brand p,
.footer-merge-nav a,
.footer-merge-copy,
.wt2-footer,
.wt2-footer-item a,
.wt2-copy{
    color: var(--text-on-footer-bg) !important;
    opacity: .82;
}

.footer-merge-nav a:hover,
.footer-merge-item-title:hover{
    color: var(--ui-text-hover, var(--hover-primary-color, #ec2029)) !important;
    opacity: 1 !important;
}

/* Hotline / nút nổi nếu CSS file này có chạm tới */
.gx-hotline,
.gx-hotline:hover,
.gx-mobile-call,
.gx-mobile-call:hover{
    color: var(--text-on-hotline-bg) !important;
}

.gx-store-btn,
.gx-store-btn:hover{
    color: var(--text-on-btn-booking-bg) !important;
}

/* Hover chung cho text đang chạy theo nền */
.wt2-trending-slider marquee a:hover,
.wt2-marquee-track a:hover,
.wt2-cat-title a:hover{
    filter: brightness(1.15) contrast(1.05);
}

/* Phòng trường hợp rule cũ còn đè */
.home_price_card_head h3{
    color: var(--text-on-cat-title-bg) !important;
}

.home_price_card_head h3 a{
    color: var(--text-on-cat-title-bg) !important;
}





/* Hover auto tối hơn */
.gx-navbar a:hover,
.gx-store-btn:hover,
.gx-hotline:hover,
button:hover,
.btn:hover {
    filter: brightness(85%);
}

/* Nếu nền sáng thì hover sáng hơn */
.bg-dark a:hover,
.bg-dark .btn:hover {
    filter: brightness(115%);
}




@media (max-width: 768px) {
    .wt2-card h2 {
        font-size: 14px !important;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* giới hạn 2 dòng giống các tin khác */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* ===== VINFAST PRICE TABS: FINAL OVERRIDES ===== */
.home_price_tab_btn:hover,
.home_price_action_btn:hover{
    filter:none !important;
}
.home_price_card_media{background:#ffffff !important;}
.home_price_card_body .home_price_slogan{color:#8b95aa !important;}
.home_price_card_body .home_price_value_label{color:#111827 !important;}
.home_price_card_body .home_price_value strong,
.home_price_car_name,
.home_price_car_name a{color:#d71920 !important;font-weight:900 !important;}
.home_price_card_body .home_price_action_btn--detail{color:var(--wt2-cat-title-bg,#07832f) !important;}
.home_price_card_body .home_price_action_btn--detail:hover{background:var(--wt2-cat-title-bg,#07832f) !important;color:#fff !important;}
.home_price_card_body .home_price_action_btn--test,
.home_price_card_body .home_price_action_btn--test:visited,
.home_price_card_body .home_price_action_btn--test:focus,
.home_price_card_body .home_price_action_btn--test:active{background:var(--gx-hotline-bg,#337fba) !important;border-color:var(--gx-hotline-bg,#337fba) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}
.home_price_card_body .home_price_action_btn--test:hover{background:var(--gx-hotline-bg,#337fba) !important;border-color:var(--gx-hotline-bg,#337fba) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;filter:brightness(.94) !important;}


/* ===== NEWS IMAGE RATIO 1200x630 + AUTHOR ADMIN (V6) ===== */
/* Mọi ảnh đại diện bài viết giữ đúng khung 1200:630, không bị kéo méo. */
.wt2-card,
.wt2-cat-top > a,
.wt2-latest-card > a{
    height:auto !important;
}

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

.wt2-cat-item img,
.wt2-footer-item img{
    height:auto !important;
    aspect-ratio:1200 / 630 !important;
    object-fit:cover !important;
    object-position:center !important;
}

.wt2-hero,
.wt2-hero-right{
    align-items:start !important;
}

@media (max-width:991px){
    .wt2-hero .wt2-card,
    .wt2-hero-right .wt2-card{
        height:auto !important;
        min-height:0 !important;
    }
}


/* V9: bo góc nhẹ cho ảnh đại diện bài viết */
.wt2-card img,.wt2-hero-right .wt2-card img,.wt2-cat-top img,.wt2-cat-item img,.wt2-latest-card img{border-radius:8px !important;}

/* ===== PATCH 028: FALLBACK CHUYỂN ĐỘNG XE BANNER ===== */
/*
 * JavaScript vẫn là cơ chế chạy chính. Nếu một script khác trên trang lỗi trước
 * khi bộ điều khiển banner khởi tạo, CSS này bảo đảm xe không bị đứng/ẩn hoàn toàn.
 */
@keyframes wt2-car-run-fallback {
    from {
        transform: translate3d(calc(100vw + 40px), 0, 0);
    }
    to {
        transform: translate3d(-135%, 0, 0);
    }
}

.wt2-ad--animated.is-ready:not(.has-js-car-motion) .wt2-car-run {
    visibility: visible;
    animation-name: wt2-car-run-fallback;
    animation-duration: 13s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: calc(var(--car-index, 0) * -2.15s);
}

.wt2-ad--animated.has-js-car-motion .wt2-car-run {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .wt2-ad--animated.is-ready:not(.has-js-car-motion) .wt2-car-run {
        animation-duration: 22s;
    }
}

/* ======================================================================
   PATCH 029 - Khôi phục vị trí xe và chữ mờ trong lưới sản phẩm trang chủ
   - Hạ ảnh xe xuống nhẹ để không đè watermark.
   - Đưa watermark lên trên và trả đúng font tiêu đề chính của website.
   ====================================================================== */
.home_price_section .home_price_card_media img{
    transform:translateY(14px) scale(var(--home-product-image-scale)) !important;
    transform-origin:center center !important;
}

.home_price_section .vinfast-card-watermark{
    top:6px !important;
    font-family:'Bebeboo-SemiBold','Bebeboo',sans-serif !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

@media (max-width:767px){
    .home_price_section .home_price_card_media img{
        transform:translateY(8px) scale(var(--home-product-image-scale)) !important;
    }

    .home_price_section .vinfast-card-watermark{
        top:4px !important;
    }
}