/* ================= VinFast Auto Long Bien - Layout 2026 =================
   File do Claude tao. Sua mau sac / khoang cach tai day.
   Tat ca class deu co tien to .vfx- de khong dung do voi theme goc.
======================================================================= */
:root{
  --vfx-blue:#0b3d91;
  --vfx-blue2:#1667d6;
  --vfx-sky:#e8f1ff;
  --vfx-red:#c8102e;
  --vfx-dark:#0f1b2d;
  --vfx-grey:#f5f7fb;
  --vfx-bd:#e2e8f2;
  --vfx-txt:#1f2733;
}
.vfx-sec{padding:50px 0;position:relative}
.vfx-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.vfx-head{text-align:center;margin-bottom:34px}
.vfx-head .vfx-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--vfx-blue2);background:var(--vfx-sky);padding:6px 16px;border-radius:30px;margin-bottom:12px}
.vfx-head h2{font-size:31px;line-height:1.25;font-weight:800;color:var(--vfx-dark);margin:0 0 10px;text-transform:uppercase}
.vfx-head p{font-size:16px;color:#5b6675;margin:0;max-width:760px;margin-left:auto;margin-right:auto}
.vfx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:13px 26px;border-radius:8px;border:0;cursor:pointer;text-decoration:none;transition:.25s;line-height:1.2;text-align:center}
.vfx-btn-red{background:var(--vfx-red);color:#fff!important;box-shadow:0 6px 18px rgba(200,16,46,.28)}
.vfx-btn-red:hover{background:#a50d24;color:#fff!important;transform:translateY(-2px)}
.vfx-btn-blue{background:var(--vfx-blue);color:#fff!important;box-shadow:0 6px 18px rgba(11,61,145,.25)}
.vfx-btn-blue:hover{background:#082c6b;color:#fff!important;transform:translateY(-2px)}
.vfx-btn-out{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.75)}
.vfx-btn-out:hover{background:#fff;color:var(--vfx-blue)!important}

/* ---------- 1. 4 o hanh dong nhanh ---------- */
.vfx-quick{background:var(--vfx-grey);padding:34px 0}
.vfx-intro{text-align:center;font-size:16px;font-weight:700;color:var(--vfx-blue);margin:0 0 20px;letter-spacing:.2px;line-height:1.5}
@media (max-width:767px){.vfx-intro{font-size:14.5px;margin-bottom:16px}}
.vfx-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vfx-qa{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--vfx-bd);border-radius:12px;padding:18px 16px;text-decoration:none;transition:.25s;box-shadow:0 2px 10px rgba(16,27,45,.05)}
.vfx-qa:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(11,61,145,.16);border-color:var(--vfx-blue2)}
.vfx-qa-ico{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--vfx-sky);display:flex;align-items:center;justify-content:center;font-size:24px}
.vfx-qa-txt strong{display:block;font-size:15px;font-weight:800;color:var(--vfx-dark);text-transform:uppercase;margin-bottom:3px;letter-spacing:.3px}
.vfx-qa-txt span{display:block;font-size:13px;color:#6b7686;line-height:1.4}

/* ---------- 3. Dai CTA hotline ---------- */
.vfx-cta{background:#1667d6;color:#fff;padding:18px 0}
.vfx-cta-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.vfx-cta-l{display:flex;align-items:center;gap:16px}
.vfx-cta-ring{width:48px;height:48px;border-radius:50%;background:var(--vfx-red);display:flex;align-items:center;justify-content:center;font-size:22px;animation:vfxring 1.6s infinite;flex:0 0 48px}
@keyframes vfxring{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.6)}50%{box-shadow:0 0 0 14px rgba(200,16,46,0)}}
.vfx-cta-l b{display:block;font-size:23px;font-weight:800;letter-spacing:.5px;line-height:1.25}
.vfx-cta-l b a{color:#fff!important;text-decoration:none}
.vfx-cta-l small{display:block;font-size:13.5px;opacity:.85;margin-top:1px}
.vfx-cta-r{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 4. Vi sao chon ---------- */
.vfx-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vfx-why-item{background:#fff;border:1px solid var(--vfx-bd);border-radius:14px;padding:28px 22px;text-align:center;transition:.25s}
.vfx-why-item:hover{border-color:var(--vfx-blue2);box-shadow:0 14px 30px rgba(11,61,145,.12);transform:translateY(-4px)}
.vfx-why-ico{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:var(--vfx-sky);display:flex;align-items:center;justify-content:center;font-size:30px}
.vfx-why-item h3{font-size:17px;font-weight:800;color:var(--vfx-dark);text-transform:uppercase;margin:0 0 10px;letter-spacing:.3px}
.vfx-why-item p{font-size:14.5px;line-height:1.65;color:#5b6675;margin:0}

/* ---------- 5. Form nhan bao gia ---------- */
.vfx-form-sec{background:var(--vfx-grey)}
.vfx-form-box{max-width:960px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(16,27,45,.10);overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.vfx-form-left{background:linear-gradient(150deg,#0b3d91,#1667d6);color:#fff;padding:36px 32px}
.vfx-form-left h3{font-size:24px;font-weight:800;margin:0 0 14px;text-transform:uppercase;line-height:1.3}
.vfx-form-left ul{list-style:none;padding:0;margin:0 0 22px}
.vfx-form-left li{position:relative;padding-left:26px;margin-bottom:11px;font-size:15px;line-height:1.55}
.vfx-form-left li:before{content:"\2713";position:absolute;left:0;top:0;color:#ffd34d;font-weight:700}
.vfx-form-left .vfx-sale{border-top:1px solid rgba(255,255,255,.25);padding-top:18px;font-size:14.5px;line-height:1.6}
.vfx-form-left .vfx-sale b{font-size:17px;display:block;margin-bottom:3px}
.vfx-form-right{padding:34px 30px}
.vfx-form-right h3{font-size:21px;font-weight:800;color:var(--vfx-dark);margin:0 0 6px;text-transform:uppercase}
.vfx-form-right .vfx-sub{font-size:14px;color:#6b7686;margin:0 0 18px}
.vfx-fg{margin-bottom:14px}
.vfx-fg label{display:block;font-size:13.5px;font-weight:700;color:var(--vfx-dark);margin-bottom:6px}
.vfx-fg input[type=text],.vfx-fg input[type=tel],.vfx-fg select,.vfx-fg textarea{width:100%;border:1px solid var(--vfx-bd);border-radius:8px;padding:12px 14px;font-size:15px;color:var(--vfx-txt);background:#fff;transition:.2s}
.vfx-fg input:focus,.vfx-fg select:focus,.vfx-fg textarea:focus{outline:0;border-color:var(--vfx-blue2);box-shadow:0 0 0 3px rgba(22,103,214,.14)}
.vfx-pay{display:flex;gap:10px;margin-bottom:14px}
.vfx-pay label{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--vfx-bd);border-radius:8px;padding:11px;font-size:14.5px;font-weight:600;cursor:pointer;transition:.2s;margin:0}
.vfx-pay input{accent-color:var(--vfx-blue2)}
.vfx-pay label:has(input:checked){border-color:var(--vfx-blue2);background:var(--vfx-sky);color:var(--vfx-blue)}
.vfx-agree{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:#6b7686;line-height:1.55;margin-bottom:16px}
.vfx-agree input{margin-top:2px;accent-color:var(--vfx-blue2)}
.vfx-form-right .vfx-btn{width:100%;font-size:16px;padding:15px}
.vfx-msg-ok{background:#e7f8ee;border:1px solid #9fdfba;color:#0d7a3e;padding:12px 14px;border-radius:8px;font-size:14.5px;margin-bottom:14px}
.vfx-msg-err{background:#fdecee;border:1px solid #f3b6bf;color:#a50d24;padding:12px 14px;border-radius:8px;font-size:14.5px;margin-bottom:14px}

/* ---------- 6. Popup lai thu ---------- */
.vfx-pop-mask{position:fixed;inset:0;background:rgba(8,15,28,.72);z-index:100000;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.vfx-pop-mask.on{display:flex}
.vfx-pop{background:#fff;border-radius:14px;max-width:520px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4);animation:vfxpop .3s ease}
@keyframes vfxpop{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.vfx-pop-top{background:linear-gradient(120deg,#0b3d91,#1667d6);color:#fff;padding:22px 24px;text-align:center}
.vfx-pop-top .vfx-pop-tag{display:inline-block;background:#ffd34d;color:#0f1b2d;font-size:12px;font-weight:800;letter-spacing:1px;padding:5px 13px;border-radius:20px;margin-bottom:10px;text-transform:uppercase}
.vfx-pop-top h3{font-size:22px;font-weight:800;margin:0 0 8px;line-height:1.32;text-transform:uppercase}
.vfx-pop-top p{font-size:14px;margin:0;opacity:.92;line-height:1.5}
.vfx-pop-body{padding:22px 24px 24px}
.vfx-pop-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;border:0;font-size:20px;line-height:1;cursor:pointer;z-index:3}
.vfx-pop-close:hover{background:rgba(255,255,255,.45)}
.vfx-pop-foot{text-align:center;font-size:12.5px;color:#8b95a3;margin-top:12px}
.vfx-pop-foot a{color:var(--vfx-blue2);font-weight:700}

/* ---------- 7. Thanh CTA duoi cung (mobile) ---------- */
.vfx-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:none;background:#fff;box-shadow:0 -3px 16px rgba(0,0,0,.16);padding:7px 8px;gap:7px}
.vfx-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:700;padding:11px 4px;border-radius:8px;text-decoration:none;color:#fff!important}
.vfx-bar .b1{background:var(--vfx-red)}
.vfx-bar .b2{background:var(--vfx-blue)}
.vfx-bar .b3{background:#0068ff}

/* ---------- 8. Khoi phap ly footer ---------- */
.vfx-legal{background:#0b1524;color:#95a1b3;padding:34px 0 26px;font-size:13.2px;line-height:1.75}

.vfx-legal h4{color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px}
.vfx-legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.vfx-legal p{margin:0 0 6px}
.vfx-legal b{color:#cdd6e2}
.vfx-legal a{color:#8fb4ea}
.vfx-disc{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);font-size:12.5px;color:#7c889a}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .vfx-quick-grid{grid-template-columns:repeat(2,1fr)}
  .vfx-why-grid{grid-template-columns:repeat(2,1fr)}
  .vfx-legal-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .vfx-sec{padding:36px 0}
  .vfx-head h2{font-size:23px}
  .vfx-head p{font-size:14.5px}
  .vfx-quick-grid{grid-template-columns:1fr;gap:12px}
  .vfx-promo-grid{grid-template-columns:1fr}
  .vfx-why-grid{grid-template-columns:1fr}
  .vfx-cta-in{flex-direction:column;text-align:center}
  .vfx-cta-l{flex-direction:column;gap:10px}
  .vfx-cta-r{width:100%;flex-direction:column}
  .vfx-cta-r .vfx-btn{width:100%}
  .vfx-form-box{grid-template-columns:1fr}
  .vfx-form-left{padding:26px 22px}
  .vfx-form-right{padding:26px 20px}
  .vfx-legal-grid{grid-template-columns:1fr}
  .vfx-bar{display:flex}
  body{padding-bottom:62px}
  .btn-call-now{bottom:135px!important}
  .vfx-pop-top h3{font-size:18px}
}
/* ---------- 9. Bảng giá / trang phụ ---------- */
.vfx-h1{font-size:31px;line-height:1.25;font-weight:800;color:var(--vfx-dark);margin:0 0 10px;text-transform:uppercase}
.vfx-tbl-title{font-size:19px;font-weight:800;color:var(--vfx-blue);text-transform:uppercase;margin:28px 0 12px;padding-left:12px;border-left:4px solid var(--vfx-blue2)}
.vfx-tbl-wrap{overflow-x:auto;border:1px solid var(--vfx-bd);border-radius:12px;background:#fff}
.vfx-tbl{width:100%;border-collapse:collapse;min-width:760px}
.vfx-tbl th{background:var(--vfx-blue);color:#fff;font-size:13.5px;font-weight:700;text-transform:uppercase;padding:13px 12px;text-align:left;letter-spacing:.3px}
.vfx-tbl td{padding:12px;border-bottom:1px solid var(--vfx-bd);vertical-align:middle;font-size:15px}
.vfx-tbl tr:last-child td{border-bottom:0}
.vfx-tbl tr:hover td{background:#f7faff}
.vfx-tbl img{width:76px;height:auto;border-radius:6px;display:block}
.vfx-tbl-name{font-weight:700;color:var(--vfx-dark)!important;text-decoration:none;font-size:15.5px}
.vfx-tbl-name:hover{color:var(--vfx-blue2)!important}
.vfx-price{color:var(--vfx-red);font-size:16px;white-space:nowrap}
.vfx-tbl-ask{display:inline-block;background:#fff4e5;color:#b35309;font-weight:700;font-size:12.5px;line-height:1.45;padding:7px 12px;border-radius:8px;border:1px dashed #f0a860;text-align:center;max-width:180px}
.ta-r{text-align:right}.ta-c{text-align:center}
.vfx-btn.vfx-sm{font-size:13px;padding:8px 13px;margin:2px}
.vfx-pricenote{background:var(--vfx-grey);border:1px solid var(--vfx-bd);border-radius:12px;padding:24px;margin-top:30px}
.vfx-pricenote h3{font-size:18px;font-weight:800;color:var(--vfx-dark);margin:0 0 12px;text-transform:uppercase}
.vfx-pricenote p{font-size:15px;line-height:1.7;color:#44505f;margin:0 0 9px}
@media (max-width:767px){
  .vfx-h1{font-size:23px}
  .vfx-tbl-title{font-size:16px}
  .vfx-pricenote{padding:18px}
}
/* ---------- 10. Công cụ tính trả góp ---------- */
.vfx-calc{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff;border:1px solid var(--vfx-bd);border-radius:16px;overflow:hidden;box-shadow:0 14px 36px rgba(16,27,45,.08)}
.vfx-calc-in{padding:28px}
.vfx-calc-out{padding:28px;background:linear-gradient(150deg,#0b3d91,#1667d6);color:#fff}
.vfx-calc-out h3{font-size:18px;font-weight:800;text-transform:uppercase;margin:0 0 16px;letter-spacing:.4px}
.vfx-res{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.22);font-size:15px}
.vfx-res span{opacity:.9}
.vfx-res b{font-weight:800;white-space:nowrap}
.vfx-res-hi{background:rgba(255,255,255,.12);margin:8px -12px;padding:12px;border-radius:8px;border-bottom:0;font-size:16px}
.vfx-res-hi b{color:#ffd34d;font-size:19px}
.vfx-calc-note{font-size:12.5px;opacity:.8;line-height:1.6;margin:14px 0 16px}
.vfx-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vfx-fg input[type=number],.vfx-fg input[type=range]{width:100%}
.vfx-fg input[type=number]{border:1px solid var(--vfx-bd);border-radius:8px;padding:12px 14px;font-size:15px}
.vfx-fg input[type=range]{accent-color:var(--vfx-blue2);height:28px}
.vfx-calc .vfx-why-ico{font-weight:800;color:var(--vfx-blue);font-size:24px}
.vfx-why-item .vfx-why-ico{font-weight:800;color:var(--vfx-blue);font-size:26px}
@media (max-width:900px){ .vfx-calc{grid-template-columns:1fr} .vfx-calc-in,.vfx-calc-out{padding:22px} }
/* ---------- 11. Trang giới thiệu tư vấn viên ---------- */
.vfx-hero-sale{background:linear-gradient(140deg,#0b3d91 0%,#1667d6 100%);color:#fff;padding:48px 0}
.vfx-hero-grid{display:grid;grid-template-columns:340px 1fr;gap:38px;align-items:center}
.vfx-hero-img{position:relative;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.12);min-height:340px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22)}
.vfx-hero-img img{width:100%;height:auto;display:block;border-radius:16px}
.vfx-img-ph{display:none;text-align:center;font-size:14px;opacity:.75;padding:18px;line-height:1.6}
.vfx-hero-img.vfx-noimg .vfx-img-ph{display:block}
.vfx-hero-txt .vfx-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:rgba(255,255,255,.17);color:#fff;padding:6px 16px;border-radius:30px;margin-bottom:12px}
.vfx-hero-txt h1{font-size:40px;font-weight:800;margin:0 0 6px;line-height:1.15}
.vfx-role{font-size:16.5px;font-weight:700;color:#ffd34d;margin:0 0 16px}
.vfx-hero-txt p{font-size:16px;line-height:1.75;margin:0 0 12px;opacity:.95}
.vfx-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.vfx-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.vfx-step{background:#fff;border:1px solid var(--vfx-bd);border-radius:12px;padding:22px 18px;position:relative;transition:.25s}
.vfx-step:hover{border-color:var(--vfx-blue2);box-shadow:0 12px 26px rgba(11,61,145,.12);transform:translateY(-3px)}
.vfx-step b{display:block;font-size:28px;font-weight:800;color:var(--vfx-sky);line-height:1;margin-bottom:8px}
.vfx-step h4{font-size:15.5px;font-weight:800;color:var(--vfx-dark);margin:0 0 8px;text-transform:uppercase;letter-spacing:.2px}
.vfx-step p{font-size:14px;line-height:1.6;color:#5b6675;margin:0}
@media (max-width:1024px){ .vfx-steps{grid-template-columns:repeat(2,1fr)} }
@media (max-width:767px){
  .vfx-hero-grid{grid-template-columns:1fr;gap:22px}
  .vfx-hero-txt h1{font-size:28px}
  .vfx-hero-img{min-height:220px}
  .vfx-steps{grid-template-columns:1fr}
  .vfx-hero-cta .vfx-btn{width:100%}
}
/* ---------- 12. Thu gon menu chinh (menu fix) ---------- */
@media (min-width:1200px){
  .header-nav .item_big > li.nav-item > a{padding-left:9px!important;padding-right:9px!important;font-size:13.2px!important}
}
@media (min-width:992px) and (max-width:1199px){
  .header-nav .item_big > li.nav-item > a{padding-left:7px!important;padding-right:7px!important;font-size:12.4px!important}
}
/* ---------- 13. Bang gia tren mobile (bang gia mobile) ---------- */
@media (max-width:767px){
  .vfx-tbl{min-width:0}
  .vfx-tbl th:nth-child(1),.vfx-tbl td:nth-child(1),
  .vfx-tbl th:nth-child(4),.vfx-tbl td:nth-child(4){display:none}
  .vfx-tbl th{font-size:11.5px;padding:10px 8px}
  .vfx-tbl td{padding:10px 8px;font-size:14px}
  .vfx-tbl th:nth-child(5),.vfx-tbl td:nth-child(5){width:118px}
  .vfx-tbl-name{font-size:14.5px}
  .vfx-price{font-size:14.5px}
  .vfx-btn.vfx-sm{display:block;width:100%;font-size:12px;padding:8px 4px;margin:3px 0}
}

/* ---------- 2. Ưu đãi (nền trắng, khoanh vùng) ---------- */
.vfx-promo{background:#fff;padding:44px 0}
.vfx-promo-box{border:2px dashed #9fbf3b;border-radius:14px;padding:32px 34px;background:#fff}
.vfx-promo-head{text-align:center;margin-bottom:22px}
.vfx-promo-head h2{font-size:23px;line-height:1.4;font-weight:800;color:var(--vfx-red);margin:0 0 8px;text-transform:uppercase;letter-spacing:.2px}
.vfx-promo-head h2 .vfx-callnow{color:var(--vfx-blue2)}
.vfx-promo-head p{font-size:16px;font-style:italic;color:var(--vfx-dark);margin:0;font-weight:600}
.vfx-promo-list{list-style:none;padding:0;margin:0 0 24px;max-width:980px;margin-left:auto;margin-right:auto}
.vfx-promo-list li{position:relative;padding:9px 0 9px 26px;font-size:16px;line-height:1.6;color:var(--vfx-txt);border-bottom:1px dashed #eceff4}
.vfx-promo-list li:last-child{border-bottom:0}
.vfx-promo-list li:before{content:"";position:absolute;left:4px;top:17px;width:9px;height:9px;border-radius:50%;background:#b8bec8}
.vfx-promo-list li b{color:var(--vfx-dark)}
.vfx-promo-list li b.vfx-hl{color:var(--vfx-red)}
.vfx-promo-mid{text-align:center;font-size:17px;font-weight:700;color:var(--vfx-dark);margin:0 0 16px;letter-spacing:.3px}
.vfx-promo-cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.vfx-btn2{display:block;text-align:center;padding:12px 26px;border-radius:6px;text-decoration:none;min-width:300px;transition:.25s}
.vfx-btn2 b{display:block;font-size:20px;font-weight:800;color:#fff;line-height:1.3}
.vfx-btn2 span{display:block;font-size:12.5px;color:rgba(255,255,255,.92);margin-top:2px}
.vfx-btn2-red{background:#f2731c;box-shadow:0 6px 16px rgba(242,115,28,.3)}
.vfx-btn2-red:hover{background:#d95f0d;transform:translateY(-2px)}
.vfx-btn2-blue{background:#1667d6;box-shadow:0 6px 16px rgba(22,103,214,.28)}
.vfx-btn2-blue:hover{background:#0b4fae;transform:translateY(-2px)}
.vfx-promo-note{background:#f5f7fb;border-left:4px solid #f2731c;padding:16px 18px;border-radius:4px}
.vfx-promo-note p{font-size:14.5px;line-height:1.7;color:#3d4757;margin:0 0 8px}
.vfx-promo-note p:last-child{margin:0}
.vfx-promo-note a{color:var(--vfx-red);font-weight:700}

/* ---------- 14. Responsive khối ưu đãi nền trắng (promo responsive moi) ---------- */
@media (max-width:767px){
  .vfx-promo{padding:30px 0}
  .vfx-promo-box{padding:20px 16px;border-radius:10px}
  .vfx-promo-head h2{font-size:17px}
  .vfx-promo-head h2 .vfx-callnow{display:block;margin-top:4px}
  .vfx-promo-head p{font-size:14px}
  .vfx-promo-list li{font-size:14.5px;padding-left:22px}
  .vfx-promo-list li:before{top:15px;width:7px;height:7px}
  .vfx-promo-mid{font-size:15px}
  .vfx-btn2{min-width:0;width:100%}
  .vfx-btn2 b{font-size:17px}
  .vfx-promo-cta{gap:12px}
  .vfx-promo-note p{font-size:13.5px}
}
/* ---------- 15. Dai uu dai showroom tren trang bang gia ---------- */
.vfx-showroom-deal{background:#fff4e5;border:2px dashed #f0a860;color:#b35309;border-radius:10px;padding:14px 18px;text-align:center;font-size:16px;font-weight:600;margin:6px 0 8px}
.vfx-showroom-deal b{color:#c8102e;font-weight:800}
@media (max-width:767px){ .vfx-showroom-deal{font-size:14px;padding:12px 14px} }
/* ---------- 16. Dai hotline thu hep (cta narrow mobile) ---------- */

/* ---------- 17. Dai hotline gon chieu doc (cta btn slim) ---------- */
.vfx-cta .vfx-btn{padding:11px 22px;font-size:14.5px}
.vfx-cta-l{gap:14px}
@media (max-width:767px){
  .vfx-cta{padding:20px 0}
  .vfx-cta-in{padding:0;margin:0;border-radius:0;gap:14px}
  .vfx-cta-l b{font-size:20px}
}