/* Giao diện mới C — nhóm trang "van-chuyen-esim" (07/10/2026). Nạp sau giao-dien-c.css, CHỈ khi ?giao-dien=moi.
   Mọi luật phải bắt đầu bằng html[data-giao-dien="moi"] để bản cũ không bị ảnh hưởng.
   Trang: /bus-search · /bus-results + /transport/{tuyến} · /esim-listing + /esim/{nước} · /esim-lookup
          · /thue-xe-du-lich + /thue-xe-du-lich/{vùng}.
   Lớp .rcx dùng chung ~25 trang khác nên chỉ chạm .rcx qua :has(> khối đầu trang riêng). Lớp bs-/br-/brq-/el-/
   esim-/goi-/txd- chỉ có ở các trang này nên gọi thẳng. Khối dùng chung (.lfq hỏi-đáp, .phb hỗ trợ, .bd nhãn,
   .card, .hp-cb) luôn khoá trong phạm vi trang. */

/* ── 0. Biến màu cục bộ ──
   BusSearch / EsimLookup / carrental.css tự khai --teal #015959, --cream #fbf6ea, --paper #f4ead6, --ln #d8c9ab…
   trên .rcx; BusResults + eSIM dùng var(--cream,#fffaf2) / var(--ln,#ece4d4) có màu dự phòng kem.
   Khai lại đúng tên biến trong phạm vi trang → mọi chỗ dùng biến tự sang màu logo, nền kem thành trắng. */
html[data-giao-dien="moi"] .rcx:is(:has(> .bs-hero),:has(> .el-hero),:has(> .txd-hero),:has(> .br-banner),:has(> .br-empty)),
html[data-giao-dien="moi"] .esim-page{
  --ink:#14211f; --teal:#0e544e; --teald:#0a3f3b; --or2:#f16225; --gld:#f8c11c; --paper:#f3f7f6; --or-text:#b9481a;
  --cream:#fff; --ln:#e3e8e7; --mut:#5f6d6a;
  background:#fff; color:#14211f;
}

/* ── 1. Hỏi-đáp dùng chung (.lfq) trên trang tìm xe + eSIM: thẻ trắng viền mảnh, dấu + màu cam ── */
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-h{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-i{background:#fff;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-i:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-i summary{color:#14211f}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-i summary::after{color:#f16225;font-weight:700}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq-a{color:#4f5e5c}
html[data-giao-dien="moi"] :is(.rcx:has(> .bs-hero),.esim-page) .lfq{padding-bottom:56px}

/* ── 2. Thẻ "Tuyến phổ biến" (dùng ở /bus-search và trang tuyến): ngoài .bs-feat-card/.br-feat-card có viền,
   trong .card (legacy + nền chung) cũng có viền → 2 lớp viền. Giữ viền ở thẻ ngoài, bo 20, không bóng. ── */
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card){border:1px solid #e3e8e7;border-radius:20px;background:#fff;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card):hover{transform:none;box-shadow:none;border-color:#26b3b4}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .card{border:0;border-radius:0;box-shadow:none;background:#fff}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card):hover .card{transform:none;box-shadow:none}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .product-image{border-radius:0!important;background:#f3f7f6!important}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .bd{font-size:12px!important;font-weight:600;padding:4px 10px!important;border-radius:999px}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .bt{background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .bpu{background:#fef5d9;color:#7a5200}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .bo{background:#fdeee7;color:#b9481a}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .bd[style*="#f95d00"]{background:#f16225!important}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .hp-price{color:#b9481a!important;font-weight:800!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* Bản ngoại ngữ thêm "≈ $9" sau giá: dòng nowrap cũ cắt giá thành "232.000…" → cho "≈ $9" xuống dòng */
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .hp-price-vnd{white-space:nowrap}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .hp-price-fx{display:inline-block;margin-left:4px!important;white-space:nowrap}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) :is(.hp-price-fx,[style*="font-size:11px"]){font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .hp-cb{font-size:12px!important;padding:3px 10px!important;background:#fef5d9;border-color:#f8c11c;color:#7a5200;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%;height:auto;line-height:1.35}

/* ════════════════ /bus-search ════════════════ */
/* Đầu trang: nền đặc xanh rêu thay gradient teal cũ; tiêu đề Montserrat 800; dòng nhỏ vàng giãn .2em. */
html[data-giao-dien="moi"] .bs-hero{background:#0e544e}
html[data-giao-dien="moi"] .bs-hero .hero-map{opacity:.3}
html[data-giao-dien="moi"] .bs-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c;margin-bottom:12px}
html[data-giao-dien="moi"] .bs-hero h1{font-weight:800;letter-spacing:-.02em;font-size:clamp(30px,4.6vw,52px);margin-bottom:10px}
html[data-giao-dien="moi"] .bs-hero h1 .acc{color:#f8c11c}
html[data-giao-dien="moi"] .bs-hero p.tag{font-size:15px;color:rgba(255,255,255,.9);margin-bottom:28px}
html[data-giao-dien="moi"] .bs-hero .crumbs{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);font-size:13px}
html[data-giao-dien="moi"] .bs-hero .crumbs .arrow{color:#f8c11c}
html[data-giao-dien="moi"] .bs-back{font-size:13px}
/* Hộp tìm: trắng, viền mảnh, bo 20, không bóng */
html[data-giao-dien="moi"] .bs-form{border-radius:20px;border:1px solid #e3e8e7;box-shadow:none;padding:20px 24px}
html[data-giao-dien="moi"] .bs-fld .lbl{font-size:12px;color:#4f5e5c;letter-spacing:.08em}
html[data-giao-dien="moi"] .bs-fld .lbl svg{color:#26b3b4}
html[data-giao-dien="moi"] .bs-fld .inp{height:48px;border:1px solid #e3e8e7;border-radius:12px;font-size:15px;color:#14211f}
html[data-giao-dien="moi"] .bs-fld .inp::placeholder{color:#5f6d6a}
html[data-giao-dien="moi"] .bs-swap{height:48px;width:48px;background:#fff;border:1px solid #e3e8e7;color:#0e544e}
html[data-giao-dien="moi"] .bs-swap:hover{background:#0e544e;border-color:#0e544e;color:#fff}
html[data-giao-dien="moi"] .bs-go{height:48px;border-radius:999px;background:#f16225;box-shadow:none;font-weight:700;font-size:15px}
html[data-giao-dien="moi"] .bs-go:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .bs-form-grid{grid-template-columns:1fr 48px 1fr .9fr 160px}
html[data-giao-dien="moi"] .bs-ac-pop{border-color:#e3e8e7;border-radius:14px;box-shadow:0 12px 32px -18px rgba(7,43,40,.35)}
html[data-giao-dien="moi"] .bs-ac-item:hover,html[data-giao-dien="moi"] .bs-ac-item.hl{background:#f3f7f6}
html[data-giao-dien="moi"] .bs-ac-item .cnt{font-size:12px;background:#f3f7f6;color:#4f5e5c}
/* 3 ô cam kết: thẻ phẳng bo 20, icon tròn ngọc chữ trắng như trang chủ C */
html[data-giao-dien="moi"] .bs-trust-item{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:16px 18px;gap:14px}
html[data-giao-dien="moi"] .bs-trust-ico,
html[data-giao-dien="moi"] .bs-trust-item:nth-child(n) .bs-trust-ico{width:44px;height:44px;border-radius:50%;border:0;background:#26b3b4;color:#fff}
html[data-giao-dien="moi"] .bs-trust-text b{font-size:14px}
html[data-giao-dien="moi"] .bs-trust-text span{font-size:13px;color:#4f5e5c}
/* Tuyến phổ biến */
html[data-giao-dien="moi"] .bs-pop{padding-bottom:64px}
html[data-giao-dien="moi"] .bs-pop-head h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .bs-pop-head h2 span{color:#d9531b}
html[data-giao-dien="moi"] .bs-pop-head p{font-size:14px;color:#4f5e5c;margin-top:6px}
/* Mục lục tuyến: khối nền #f3f7f6 tràn ngang (bóng 100vmax + clip-path, không tạo cuộn ngang) */
html[data-giao-dien="moi"] .bs-routes{background:#f3f7f6;box-shadow:0 0 0 100vmax #f3f7f6;clip-path:inset(0 -100vmax);padding-top:56px}
html[data-giao-dien="moi"] .bs-routes-head h2{font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .bs-routes-head p{font-size:14px;color:#4f5e5c}
html[data-giao-dien="moi"] .bs-routes-col{border:1px solid #e3e8e7;border-radius:14px;background:#fff}
html[data-giao-dien="moi"] .bs-routes-col:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .bs-routes-col > summary{color:#0e544e;font-size:14px;border-radius:14px}
html[data-giao-dien="moi"] .bs-routes-col > summary .cnt{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .bs-routes-col > summary .cnt::after{color:#26b3b4}
html[data-giao-dien="moi"] .bs-routes-col[open] > summary{border-bottom-color:#e3e8e7;border-radius:14px 14px 0 0}
html[data-giao-dien="moi"] .bs-routes-col > summary:hover,html[data-giao-dien="moi"] .bs-routes-col li a:hover{color:#d9531b}
html[data-giao-dien="moi"] .bs-routes-col li a{border-bottom-color:#e3e8e7;color:#14211f}
@media (max-width:860px){
  html[data-giao-dien="moi"] .bs-form-grid{grid-template-columns:1fr 48px 1fr}
}
@media (max-width:560px){
  html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .hp-price{font-size:16px!important}
  html[data-giao-dien="moi"] :is(.bs-feat-card,.br-feat-card) .card > div:last-child{padding:12px!important}
}
@media (max-width:768px){
  html[data-giao-dien="moi"] .bs-hero h1{font-size:30px}
  html[data-giao-dien="moi"] .bs-hero p.tag{font-size:14px}
  html[data-giao-dien="moi"] .bs-form{padding:16px;border-radius:20px}
  html[data-giao-dien="moi"] .bs-form-grid{grid-template-columns:1fr}
  html[data-giao-dien="moi"] .bs-form-grid > .bs-swap{width:48px;height:44px;border-radius:999px;margin:-4px 0}
  html[data-giao-dien="moi"] .bs-routes{padding-top:40px}
}

/* ════════════════ /bus-results + /transport/{tuyến} ════════════════ */
/* Đầu trang: nền đặc xanh rêu, vuông mép (bỏ gradient + bo dưới), tiêu đề Montserrat 800 chặt chữ. */
html[data-giao-dien="moi"] .br-banner{background:#0e544e;border-radius:0;padding:32px 24px 28px;margin-bottom:24px}
html[data-giao-dien="moi"] .br-banner h1{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}
html[data-giao-dien="moi"] .br-banner h1 .arrow{color:#f8c11c}
html[data-giao-dien="moi"] .br-banner .meta{font-size:13px;color:rgba(255,255,255,.9);margin-bottom:14px}
html[data-giao-dien="moi"] .br-banner .meta .br-edit{font-size:13px;opacity:1;color:#f8c11c}
html[data-giao-dien="moi"] .br-chip{font-size:13px;font-weight:700;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}
html[data-giao-dien="moi"] .br-chip:hover{background:rgba(255,255,255,.18);border-color:#26b3b4}
html[data-giao-dien="moi"] .br-chip.ac{background:#fff;border-color:#fff;color:#0e544e}
html[data-giao-dien="moi"] .br-banner .right .lbl{font-size:12px;letter-spacing:.2em;color:#f8c11c}
html[data-giao-dien="moi"] .br-banner .right .val{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em}
html[data-giao-dien="moi"] .br-banner .right .per{font-size:12px;color:rgba(255,255,255,.8)}
html[data-giao-dien="moi"] .br-intro{font-size:14px;color:#4f5e5c;margin-top:0}
/* Dải chọn ngày: khung trắng viền mảnh; ô ngày bo 14, viền 1px; chữ thứ/tháng/giá ≥12px */
html[data-giao-dien="moi"] .br-datestrip{border:1px solid #e3e8e7;border-radius:20px;padding:14px 18px}
html[data-giao-dien="moi"] .br-datestrip-lbl{font-size:12px;color:#4f5e5c;letter-spacing:.12em}
html[data-giao-dien="moi"] .br-datestrip-hint{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .br-dc{flex-basis:88px;border:1px solid #e3e8e7;border-radius:14px;padding:8px 4px;gap:2px}
html[data-giao-dien="moi"] .br-dc:hover{border-color:#26b3b4;background:#fff}
html[data-giao-dien="moi"] .br-dc.ac{background:#0e544e;border-color:#0e544e}
html[data-giao-dien="moi"] .br-dc.ac .br-dc-pr{color:#f8c11c}
html[data-giao-dien="moi"] .br-dc.today{border-color:#f16225}
html[data-giao-dien="moi"] .br-dc.disc{background:#fdeee7;border-color:#f16225}
html[data-giao-dien="moi"] .br-dc-wd,html[data-giao-dien="moi"] .br-dc-m{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .br-dc-d{font-size:20px;font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .br-dc-pr{font-size:12px;color:#0e544e}
html[data-giao-dien="moi"] .br-dc.disc .br-dc-pr{color:#b9481a}
html[data-giao-dien="moi"] .br-dc-pr-orig{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .br-dc-badge{font-size:12px;font-weight:800;background:#f16225;box-shadow:none;top:-10px;padding:1px 7px}
html[data-giao-dien="moi"] .br-dc-all{font-size:12px}
html[data-giao-dien="moi"] .br-dc span[style*="font-size:10px"]{font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] .br-dc.ac span[style*="font-size:10px"]{color:rgba(255,255,255,.8)!important}
/* Hai khối xe ghép / xe riêng: nền #f3f7f6 phẳng, bo 20; đầu khối Montserrat 800 viết hoa */
html[data-giao-dien="moi"] .br-section{border-radius:20px;padding:20px}
html[data-giao-dien="moi"] .br-sec-ghep,html[data-giao-dien="moi"] .br-sec-rieng{background:#f3f7f6;border:1px solid #e3e8e7}
html[data-giao-dien="moi"] .br-sec-head{font-size:14px;font-weight:800;letter-spacing:.12em}
html[data-giao-dien="moi"] .br-sec-ghep .br-sec-head{color:#0e544e}
html[data-giao-dien="moi"] .br-sec-rieng .br-sec-head{color:#b9481a}
html[data-giao-dien="moi"] .br-sec-head .count{font-size:12px;background:#fff;border:1px solid #e3e8e7;color:#4f5e5c}
/* Thẻ xe */
html[data-giao-dien="moi"] .br-card{border:1px solid #e3e8e7;border-radius:20px;padding:16px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .br-card:hover{box-shadow:none;border-color:#26b3b4}
html[data-giao-dien="moi"] .br-thumb{border-radius:12px;background:#f3f7f6}
html[data-giao-dien="moi"] .br-veh{font-size:17px;font-weight:800;color:#14211f;margin-right:10px}
html[data-giao-dien="moi"] .br-veh span[style*="#f95d00"]{background:#f16225!important;font-size:12px!important;border-radius:999px!important;padding:2px 9px!important}
html[data-giao-dien="moi"] .br-seats-bd{font-size:12px;background:#f3f7f6;color:#4f5e5c;border:1px solid #e3e8e7}
html[data-giao-dien="moi"] .br-route-row{font-size:12px!important;color:#0e544e!important}
html[data-giao-dien="moi"] .br-op-lbl{font-size:12px;color:#5f6d6a;letter-spacing:.08em}
html[data-giao-dien="moi"] .br-op-badge{font-size:12px;font-weight:800;padding:3px 10px}
html[data-giao-dien="moi"] .br-op-badge.op-go365{background:#0e544e;box-shadow:none}
html[data-giao-dien="moi"] .br-op-badge.op-partner{background:#fdeee7;color:#b9481a;border:1px solid #f16225}
html[data-giao-dien="moi"] .br-op-badge.op-default{background:#f3f7f6;color:#4f5e5c;border-color:#e3e8e7}
html[data-giao-dien="moi"] .br-am span{font-size:12px;background:#e2f4f4;color:#0e544e;border:0;padding:3px 10px}
html[data-giao-dien="moi"] .br-pk-row .lbl{font-size:12px!important;color:#4f5e5c!important}
html[data-giao-dien="moi"] .br-pk{font-size:12px!important;border-radius:999px!important;border-width:1px!important;padding:4px 12px!important}
html[data-giao-dien="moi"] .br-pk:not(.on){border-color:#e3e8e7!important;color:#14211f!important}
html[data-giao-dien="moi"] .br-pk:not(.on):hover{border-color:#26b3b4!important}
html[data-giao-dien="moi"] .br-pk.on{background:#0e544e!important;border-color:#0e544e!important;color:#fff!important}
html[data-giao-dien="moi"] .br-times-row .lbl{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .br-time{font-size:13px;color:#0e544e;border:1px solid #26b3b4;border-radius:999px;padding:5px 12px}
html[data-giao-dien="moi"] .br-time:hover{background:#0e544e;border-color:#0e544e;color:#fff}
html[data-giao-dien="moi"] .br-noteline{font-size:13px;color:#4f5e5c}
html[data-giao-dien="moi"] .br-past-note{font-size:12px}
html[data-giao-dien="moi"] .br-price .from,html[data-giao-dien="moi"] .br-price small.from{font-size:12px!important;color:#5f6d6a;letter-spacing:.08em}
html[data-giao-dien="moi"] .br-price .v{font-size:22px;font-weight:800;color:#b9481a}
html[data-giao-dien="moi"] .br-price .v small[style*="font-size:11px"]{font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] .br-price .per{font-size:12px}
html[data-giao-dien="moi"] .br-btn{background:#f16225;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;min-height:40px}
html[data-giao-dien="moi"] .br-btn:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .br-btn[style*="#015959"]{background:#0e544e!important}
html[data-giao-dien="moi"] .br-btn-o{background:#fff;color:#0e544e;border:1px solid #0e544e}
html[data-giao-dien="moi"] .br-btn-o:hover{background:#0e544e;color:#fff}
/* Trống / gợi ý báo giá */
html[data-giao-dien="moi"] .br-empty{border:1px dashed #e3e8e7;border-radius:20px;color:#4f5e5c}
html[data-giao-dien="moi"] .br-empty h3{font-size:20px;font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .br-empty a[style*="var(--t)"]{color:#0e544e!important}
html[data-giao-dien="moi"] .br-empty .br-empty-cta{background:#f16225;border-radius:999px;padding:12px 24px;min-height:44px}
html[data-giao-dien="moi"] .br-empty .br-empty-cta:hover{background:#d9531b}
html[data-giao-dien="moi"] .br-cta{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:20px;padding:20px 24px}
html[data-giao-dien="moi"] .br-cta .text{font-size:14px;color:#14211f}
html[data-giao-dien="moi"] .br-cta a{background:#0e544e;border-radius:999px;padding:10px 20px;font-weight:700}
html[data-giao-dien="moi"] .br-cta a:hover{background:#0a3f3b}
/* Bài hướng dẫn tuyến (HTML soạn trong CMS) */
html[data-giao-dien="moi"] .br-guide{color:#14211f}
html[data-giao-dien="moi"] .br-guide :is(h2,h3){font-weight:800;color:#14211f;letter-spacing:-.01em}
html[data-giao-dien="moi"] .br-guide h2{font-size:26px}
html[data-giao-dien="moi"] .br-guide :is(th,td){border-color:#e3e8e7}
html[data-giao-dien="moi"] .br-guide th{background:#f3f7f6;color:#0e544e;font-size:12px}
/* Dòng ghi chú nguồn số liệu (<p><em>…</em></p>) — bỏ nghiêng, chữ phụ */
html[data-giao-dien="moi"] .br-guide p > em:only-child{font-style:normal;color:#5f6d6a;font-size:13px}
html[data-giao-dien="moi"] .br-guide .note{font-style:normal;color:#5f6d6a}
html[data-giao-dien="moi"] .br-guide a{color:#0e544e}
/* Hỏi-đáp, chính sách, đánh giá tuyến */
html[data-giao-dien="moi"] .br-faqs-h{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .br-faq{background:#fff;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .br-faq:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .br-faq summary::after{color:#f16225;font-weight:700}
html[data-giao-dien="moi"] .br-faq-a{color:#4f5e5c;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-item span[style*="--or-text"]{color:#f8c11c!important}
html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-item{border-bottom-color:#e3e8e7!important}
html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-pg{background:#fff;border-color:#e3e8e7;border-radius:999px;min-width:40px;min-height:40px}
html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-pg:hover:not(:disabled){border-color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-pg.on{background:#0e544e;border-color:#0e544e;color:#fff}
/* Tuyến phổ biến cuối trang */
html[data-giao-dien="moi"] .br-feat{padding-bottom:64px}
html[data-giao-dien="moi"] .br-feat-head h2{font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .br-feat-head h2 span{color:#d9531b}
html[data-giao-dien="moi"] .br-feat-head p{font-size:14px;color:#4f5e5c;margin-top:6px}
/* Hộp "Gửi yêu cầu đặt vé" (tuyến đối tác) — nằm ngoài .rcx, lớp brq- chỉ có ở trang này */
html[data-giao-dien="moi"] .brq-box{border-radius:20px;box-shadow:0 24px 60px -30px rgba(7,43,40,.5)}
html[data-giao-dien="moi"] .brq-box h3{font-size:20px;font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .brq-sub{font-size:13px;color:#4f5e5c}
html[data-giao-dien="moi"] .brq-ctx{background:#e2f4f4;border:1px solid #e3e8e7;border-radius:12px;color:#0e544e}
html[data-giao-dien="moi"] .brq-f label{font-size:12px;color:#4f5e5c;letter-spacing:.08em}
html[data-giao-dien="moi"] .brq-f :is(input,textarea){border:1px solid #e3e8e7;border-radius:12px;min-height:44px}
html[data-giao-dien="moi"] .brq-send{background:#f16225;border-radius:999px;font-weight:700;min-height:44px}
html[data-giao-dien="moi"] .brq-call{border:1px solid #0e544e;color:#0e544e;border-radius:999px;min-height:44px}
html[data-giao-dien="moi"] .brq-ok span[style*="12.5px"]{font-size:13px!important}
@media (max-width:760px){
  html[data-giao-dien="moi"] .br-banner{padding:20px 16px 18px}
  html[data-giao-dien="moi"] .br-banner h1{font-size:26px}
  html[data-giao-dien="moi"] .br-banner .right .val{font-size:26px}
  html[data-giao-dien="moi"] .br-wrap{padding:0 16px 40px}
  html[data-giao-dien="moi"] .br-section{padding:14px 12px}
  html[data-giao-dien="moi"] .br-card{padding:14px}
}
@media (max-width:600px){
  /* Vùng bấm 44px: chip điểm đón, giờ chạy, nút trang đánh giá, nút Zalo/WhatsApp */
  html[data-giao-dien="moi"] .br-pk{min-height:44px;border-radius:14px!important;text-align:left}
  html[data-giao-dien="moi"] .br-time{min-height:44px;display:inline-flex;align-items:center;padding:0 11px}
  html[data-giao-dien="moi"] .br-dc{min-height:44px}
  html[data-giao-dien="moi"] .rcx:has(> .br-banner) .rv-pg{min-height:44px;min-width:44px}
  html[data-giao-dien="moi"] .br-datestrip{margin:0 16px 14px;padding:12px 10px}
  html[data-giao-dien="moi"] .br-intro{padding:0 16px}
}

/* ════════════════ /esim-listing + /esim/{nước} ════════════════ */
/* margin -20px cũ (bù lề khung bản cũ) làm trang tràn ngang 20px ở khung C → bỏ. */
html[data-giao-dien="moi"] .esim-page{margin:0!important}
/* Đầu trang: chuyển từ nền sáng sang nền đặc xanh rêu chữ trắng; bỏ dải 4 màu + gạch vàng dưới chữ nghiêng. */
html[data-giao-dien="moi"] .esim-hero{background:#0e544e;color:#fff;padding:72px 24px 64px}
html[data-giao-dien="moi"] .esim-hero::after{display:none}
/* Canh thẳng mép trái: đầu trang, dải số, nội dung, mục lục, hỗ trợ, hỏi-đáp cùng khung 1180 (lề 24) */
html[data-giao-dien="moi"] .esim-hero-inner{max-width:1132px}
html[data-giao-dien="moi"] .esim-sec{max-width:1180px}
html[data-giao-dien="moi"] .esim-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c}
html[data-giao-dien="moi"] .esim-eyebrow::before{background:#f8c11c}
html[data-giao-dien="moi"] .esim-hero h1{color:#fff;font-weight:800;letter-spacing:-.02em;font-size:clamp(36px,5vw,64px);max-width:820px}
html[data-giao-dien="moi"] .esim-hero h1 em{font-style:normal;color:#f8c11c;padding:0}
html[data-giao-dien="moi"] .esim-hero h1 em::after{display:none}
html[data-giao-dien="moi"] .esim-hero p.sub{color:rgba(255,255,255,.9);font-size:16px}
/* Ô tìm nước: trắng bo 16, nút Tìm cam bo tròn nằm trong ô */
html[data-giao-dien="moi"] .esim-search-wrap{border:0;border-radius:16px;padding:6px;max-width:620px;gap:6px}
html[data-giao-dien="moi"] .esim-search-input{font-size:16px;padding:14px 14px;color:#14211f;border-radius:12px}
html[data-giao-dien="moi"] .esim-search-input::placeholder{color:#5f6d6a}
html[data-giao-dien="moi"] .esim-search-btn{margin:0;border-radius:999px;background:#f16225;padding:0 28px;min-height:48px;font-size:15px}
html[data-giao-dien="moi"] .esim-search-btn:hover{background:#d9531b}
html[data-giao-dien="moi"] .esim-search-wrap:focus-within{box-shadow:0 0 0 3px rgba(38,179,180,.45)}
html[data-giao-dien="moi"] .esim-search-input:focus{box-shadow:none!important}
html[data-giao-dien="moi"] .esim-suggest{border:1px solid #e3e8e7;border-radius:14px;box-shadow:0 12px 32px -18px rgba(7,43,40,.35)}
html[data-giao-dien="moi"] .esim-suggest-item{color:#14211f;border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .esim-suggest-item:hover,html[data-giao-dien="moi"] .esim-suggest-item.kbd-active{background:#f3f7f6}
html[data-giao-dien="moi"] .esim-suggest-item .sg-alias{color:#5f6d6a}
html[data-giao-dien="moi"] .esim-trust{color:#fff;border-top-color:rgba(255,255,255,.2)}
html[data-giao-dien="moi"] .esim-trust span:nth-child(4)::before{background:#fff}
html[data-giao-dien="moi"] .esim-hero a[style]{color:#fff!important;border-bottom-color:#f8c11c!important}
/* Dải số liệu: thẻ trắng viền mảnh bo 20, số xanh rêu (vàng/ngọc trên nền trắng không đủ tương phản) */
html[data-giao-dien="moi"] .esim-stats{border:1px solid #e3e8e7;border-radius:20px;margin:40px auto;max-width:1132px}
html[data-giao-dien="moi"] .esim-stats .st{border-right-color:#e3e8e7}
html[data-giao-dien="moi"] .esim-stats .st-v,
html[data-giao-dien="moi"] .esim-stats .st:nth-child(n) .st-v{font-style:normal;font-weight:800;letter-spacing:-.02em;color:#0e544e}
html[data-giao-dien="moi"] .esim-stats .st:nth-child(2) .st-v{color:#d9531b}
html[data-giao-dien="moi"] .esim-stats .st-l{font-size:12px;color:#4f5e5c;letter-spacing:.12em}
/* Tab Quốc gia / Combo: gạch chân xanh rêu; số đếm 12px */
html[data-giao-dien="moi"] .esim-tabs{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .esim-tab{color:#4f5e5c;min-height:48px}
html[data-giao-dien="moi"] .esim-tab svg{color:#26b3b4}
html[data-giao-dien="moi"] .esim-tab:hover,html[data-giao-dien="moi"] .esim-tab.active{color:#0e544e}
html[data-giao-dien="moi"] .esim-tab.active{border-bottom-color:#0e544e}
html[data-giao-dien="moi"] .esim-tab .tab-count{font-size:12px;background:#f3f7f6;color:#4f5e5c}
html[data-giao-dien="moi"] .esim-tab.active .tab-count{background:#0e544e;color:#fff}
/* Lọc châu lục: viên thuốc, đang chọn nền xanh rêu */
html[data-giao-dien="moi"] .region-btn{border:1px solid #e3e8e7;color:#4f5e5c;min-height:40px}
html[data-giao-dien="moi"] .region-btn:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .region-btn.active{background:#0e544e;border-color:#0e544e;color:#fff}
/* Tiêu đề nhóm: Montserrat đậm, bỏ kiểu chữ máy đánh viết hoa */
html[data-giao-dien="moi"] :is(.featured-title,.region-title){font-size:22px;font-weight:800;letter-spacing:-.01em;text-transform:none;color:#14211f}
html[data-giao-dien="moi"] :is(.featured-title,.region-title)::after{background:#e3e8e7}
html[data-giao-dien="moi"] .region-title .rcount{font-size:13px;color:#5f6d6a;letter-spacing:0;font-weight:600}
/* Thẻ nước: trắng viền mảnh bo 20, rê chuột viền ngọc */
html[data-giao-dien="moi"] :is(.feat-card,.esim-card){border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] :is(.feat-card,.esim-card):hover{border-color:#26b3b4;transform:none}
html[data-giao-dien="moi"] :is(.feat-flag,.esim-flag){background:#f3f7f6;border-color:#e3e8e7}
html[data-giao-dien="moi"] :is(.feat-name,.esim-name){color:#14211f;letter-spacing:-.01em}
html[data-giao-dien="moi"] :is(.feat-name-en,.esim-name-en){font-style:normal;font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] :is(.feat-dest,.esim-dest){font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] :is(.feat-variants,.esim-variants){font-size:12px;background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] :is(.feat-card,.esim-card) span[style*="#f95d00"]{background:#f16225!important;font-size:12px!important;border-radius:999px!important;padding:2px 9px!important}
html[data-giao-dien="moi"] :is(.feat-card-bot,.esim-price-block){border-top-color:#e3e8e7}
html[data-giao-dien="moi"] :is(.feat-price-from,.esim-from){font-size:12px;color:#5f6d6a;letter-spacing:.08em}
html[data-giao-dien="moi"] :is(.feat-price,.esim-price){color:#b9481a;font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] :is(.feat-price,.esim-price) span[style*="font-size:11px"]{font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] :is(.feat-cta,.esim-card-cta-btn){font-size:13px;color:#0e544e}
html[data-giao-dien="moi"] :is(.feat-card,.esim-card):hover :is(.feat-cta,.esim-card-cta-btn){color:#d9531b}
/* Danh sách gói của 1 nước */
html[data-giao-dien="moi"] .goi-ds-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .goi-ds-list{background:#e3e8e7;border:1px solid #e3e8e7;border-radius:20px}
html[data-giao-dien="moi"] .goi-row{padding:14px 20px}
html[data-giao-dien="moi"] .goi-data{color:#14211f}
html[data-giao-dien="moi"] .goi-meta{font-size:13px;color:#4f5e5c}
html[data-giao-dien="moi"] .goi-nm{color:#0e544e}
html[data-giao-dien="moi"] .goi-gia{color:#b9481a}
html[data-giao-dien="moi"] .goi-fx{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .goi-btn{background:#f16225;border-radius:999px;min-height:44px;padding:0 20px;font-size:14px}
html[data-giao-dien="moi"] .goi-btn:hover{background:#d9531b}
html[data-giao-dien="moi"] .goi-ds-more{font-size:14px;color:#4f5e5c}
/* Khối kêu gọi cuối: nền đêm, bỏ dải 4 màu */
html[data-giao-dien="moi"] .esim-cta-bottom{background:#072b28;border-radius:24px}
html[data-giao-dien="moi"] .esim-cta-bottom::before{display:none}
html[data-giao-dien="moi"] .esim-cta-bottom h3{font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,3vw,36px)}
html[data-giao-dien="moi"] .esim-cta-actions a{font-size:14px;min-height:48px;padding:0 28px}
html[data-giao-dien="moi"] .cta-zalo{background:#f16225;border-color:#f16225}
html[data-giao-dien="moi"] .cta-zalo:hover{background:#d9531b;border-color:#d9531b}
html[data-giao-dien="moi"] .cta-mail:hover{color:#0e544e}
html[data-giao-dien="moi"] .esim-page .empty-state{background:#f3f7f6;border-color:#e3e8e7;border-radius:20px}
html[data-giao-dien="moi"] .esim-page .empty-state .empty-actions a{border-color:#e3e8e7;min-height:44px;display:inline-flex;align-items:center}
html[data-giao-dien="moi"] .esim-page .empty-state .empty-actions a:hover{border-color:#26b3b4;color:#0e544e}
/* Mục lục quốc gia: dòng nhỏ cam đậm giãn chữ; viên thuốc viền mảnh */
html[data-giao-dien="moi"] .esim-idx{margin-top:56px}
html[data-giao-dien="moi"] .esim-idx-h{font-size:12px;font-weight:700;letter-spacing:.2em;color:#d9531b;margin-bottom:14px}
html[data-giao-dien="moi"] .esim-idx-grid a{border:1px solid #e3e8e7;color:#14211f}
html[data-giao-dien="moi"] .esim-idx-grid a:hover{border-color:#26b3b4;color:#0e544e}
/* Giới thiệu riêng từng nước */
html[data-giao-dien="moi"] .esim-intro h2{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .esim-intro p{color:#4f5e5c}
/* Khối Mã ưu đãi + Cần hỗ trợ (ProductHelpBox) — chỉ trong trang eSIM */
html[data-giao-dien="moi"] .esim-page .phb-card{border:1px solid #e3e8e7;border-radius:20px;padding:16px}
html[data-giao-dien="moi"] .esim-page .phb-h{font-size:12px;color:#d9531b;letter-spacing:.2em}
html[data-giao-dien="moi"] .esim-page :is(.phb-none,.phb-cp-ghi,.phb-req p,.phb-cp .sao){font-size:12px}
html[data-giao-dien="moi"] .esim-page .phb-lic{font-size:12px}
html[data-giao-dien="moi"] .esim-page .phb-none{background:#f3f7f6;border-radius:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .esim-page .phb-tel a{border:1px solid #e3e8e7;border-radius:999px;color:#0e544e;min-height:44px}
html[data-giao-dien="moi"] .esim-page .phb-tel a:hover{border-color:#26b3b4;background:#fff}
html[data-giao-dien="moi"] .esim-page .phb-tel a.phb-main{background:#e2f4f4;border-color:#0e544e}
html[data-giao-dien="moi"] .esim-page .phb-tel.phb-intl a{font-size:12px}
html[data-giao-dien="moi"] .esim-page .phb-req a{border:1px solid #0e544e;border-radius:999px;color:#0e544e;min-height:44px}
html[data-giao-dien="moi"] .esim-page .phb-cp{border-radius:12px;background:#fdeee7}
html[data-giao-dien="moi"] .esim-page .phb-warn{background:#fef5d9;border-color:#f8c11c}
@media (max-width:768px){
  html[data-giao-dien="moi"] .esim-hero{padding:48px 20px 40px}
  html[data-giao-dien="moi"] .esim-hero h1{font-size:40px}
  html[data-giao-dien="moi"] .esim-stats{margin:24px 20px}
  html[data-giao-dien="moi"] .esim-stats .st:nth-child(2n){border-right:none}
  html[data-giao-dien="moi"] .esim-cta-bottom{border-radius:20px}
}
@media (max-width:480px){
  html[data-giao-dien="moi"] .esim-hero{padding:36px 16px 32px}
  html[data-giao-dien="moi"] .esim-hero h1{font-size:32px}
  html[data-giao-dien="moi"] .esim-search-wrap{flex-direction:column;align-items:stretch}
  html[data-giao-dien="moi"] .esim-search-btn{border-radius:999px;padding:0 16px}
  html[data-giao-dien="moi"] .esim-search-input{border-radius:12px}
  html[data-giao-dien="moi"] .esim-stats{margin:16px}
  html[data-giao-dien="moi"] .esim-stats .st-l{letter-spacing:.06em}
  html[data-giao-dien="moi"] :is(.featured-title,.region-title){font-size:18px}
  html[data-giao-dien="moi"] .region-title{flex-wrap:wrap;gap:4px 12px}
  html[data-giao-dien="moi"] .goi-row{padding:12px 14px}
  html[data-giao-dien="moi"] .goi-ds-title{font-size:20px}
  /* Tab: chia đôi bề ngang, chữ xuống dòng gọn thay vì 3 dòng lệch */
  html[data-giao-dien="moi"] .esim-tab{flex:1 1 0;justify-content:center;text-align:center;padding:12px 6px;font-size:14px;line-height:1.3}
  /* Thẻ nước 2 cột: giá + "Đặt mua" không đủ chỗ trên 1 hàng (bản cũ cũng bị ép chữ) → xuống 2 hàng;
     tên nước cho 2 dòng thay vì cắt "eSIM…" */
  html[data-giao-dien="moi"] :is(.feat-card,.esim-card){padding:14px;gap:12px}
  html[data-giao-dien="moi"] .esim-card-row{gap:10px}
  html[data-giao-dien="moi"] .esim-flag{width:32px;height:32px}
  html[data-giao-dien="moi"] .esim-name{-webkit-line-clamp:2;font-size:14px}
  html[data-giao-dien="moi"] :is(.feat-card-bot,.esim-price-block){flex-wrap:wrap;gap:6px;padding-top:12px}
  html[data-giao-dien="moi"] :is(.feat-card-bot,.esim-price-block) > div{flex:1 1 100%}
  html[data-giao-dien="moi"] :is(.feat-price,.esim-price){font-size:18px}
  html[data-giao-dien="moi"] :is(.feat-cta,.esim-card-cta-btn){white-space:nowrap;min-height:32px}
}

/* ════════════════ /esim-lookup ════════════════ */
html[data-giao-dien="moi"] .el-hero{background:#0e544e;padding:64px 18px 72px}
html[data-giao-dien="moi"] .el-hero .hero-map{opacity:.3}
html[data-giao-dien="moi"] .el-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c}
html[data-giao-dien="moi"] .el-hero h1{font-weight:800;letter-spacing:-.02em;font-size:clamp(32px,4.6vw,52px)}
html[data-giao-dien="moi"] .el-hero p{font-size:15px}
html[data-giao-dien="moi"] .el-form{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:8px}
html[data-giao-dien="moi"] .el-form .inp{font-size:16px;color:#14211f}
html[data-giao-dien="moi"] .el-form .inp::placeholder{color:#5f6d6a}
html[data-giao-dien="moi"] .el-form:focus-within{border-color:#26b3b4;box-shadow:0 0 0 3px #e2f4f4}
html[data-giao-dien="moi"] .el-form .inp:focus{box-shadow:none!important}
html[data-giao-dien="moi"] .el-btn{background:#f16225;border-radius:999px;box-shadow:none;min-height:48px;font-size:15px}
html[data-giao-dien="moi"] .el-btn:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .el-note{color:#4f5e5c;font-size:14px}
html[data-giao-dien="moi"] .el-pass{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .el-pass .ph{background:#0e544e;font-size:12px}
html[data-giao-dien="moi"] .el-row{border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .el-row .k{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .el-row .bd{font-size:12px}
html[data-giao-dien="moi"] .el-paid{border-top-color:#e3e8e7}
html[data-giao-dien="moi"] .el-paid .lbl{color:#0e544e}
html[data-giao-dien="moi"] .el-paid .lbl svg{color:#26b3b4}
html[data-giao-dien="moi"] .el-paid p[style*="12.5px"]{font-size:13px!important;color:#4f5e5c!important}
html[data-giao-dien="moi"] .el-cta{background:#f16225;box-shadow:none;min-height:44px}
html[data-giao-dien="moi"] .el-cta:hover{background:#d9531b}

/* ════════════════ /thue-xe-du-lich + /thue-xe-du-lich/{vùng} (carrental.css) ════════════════ */
html[data-giao-dien="moi"] .txd-hero{background:#0e544e;padding:80px 18px 88px}
html[data-giao-dien="moi"] .txd-hero .hero-map{opacity:.3}
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c}
html[data-giao-dien="moi"] .txd-hero h1{font-weight:800;letter-spacing:-.02em;max-width:1000px;margin-left:auto;margin-right:auto}
html[data-giao-dien="moi"] .txd-hero p{color:rgba(255,255,255,.9);opacity:1}
html[data-giao-dien="moi"] .txd-btn{border-radius:999px;font-weight:700}
html[data-giao-dien="moi"] .txd-btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .txd-btn.p:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .txd-btn.ol{background:transparent}
html[data-giao-dien="moi"] .txd-hero .txd-btn.ol{border:1px solid rgba(255,255,255,.6)}
html[data-giao-dien="moi"] .txd-hero .txd-btn.ol:hover{background:rgba(255,255,255,.12)}
html[data-giao-dien="moi"] .txd-btn.ol[style*="--teal"]:hover{background:#0e544e;color:#fff!important}
html[data-giao-dien="moi"] .txd-bc{font-size:13px;color:#5f6d6a}
html[data-giao-dien="moi"] .txd-bc a{color:#0e544e}
html[data-giao-dien="moi"] .txd-sec-t{font-weight:800;letter-spacing:-.02em;color:#14211f}
/* Lý do chọn: thẻ trắng viền mảnh bo 20, icon ngọc */
html[data-giao-dien="moi"] .txd-usp .c{background:#fff;border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;color:#14211f}
html[data-giao-dien="moi"] .txd-usp .c .ic,
html[data-giao-dien="moi"] .txd-usp .c:nth-child(even) .ic{color:#26b3b4}
/* Hộp giá B2B: bỏ gradient kem + viền vàng → nền #f3f7f6 phẳng */
html[data-giao-dien="moi"] .txd-b2b{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:20px;padding:20px 24px}
html[data-giao-dien="moi"] .txd-b2b .txd-badge{background:#0e544e;font-size:12px;letter-spacing:.06em}
html[data-giao-dien="moi"] .txd-b2b p{color:#4f5e5c;font-size:14px}
html[data-giao-dien="moi"] .txd-b2b-cta .txd-btn.ol{background:#fff}
html[data-giao-dien="moi"] .txd-msg-l,html[data-giao-dien="moi"] .txd-nav-l{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .txd-msg{font-size:13px}
/* Ô vùng + bài cẩm nang: thẻ trắng viền mảnh, icon ngọc */
html[data-giao-dien="moi"] .txd-blog a{background:#fff;border:1px solid #e3e8e7;border-radius:16px;color:#14211f}
html[data-giao-dien="moi"] .txd-blog a:hover{border-color:#26b3b4;transform:none}
html[data-giao-dien="moi"] .txd-blog a svg{color:#26b3b4}
html[data-giao-dien="moi"] .txd-unit{font-size:13px;color:#5f6d6a}
html[data-giao-dien="moi"] .txd-nav a{background:#fff;border:1px solid #e3e8e7;color:#0e544e;font-size:13px}
html[data-giao-dien="moi"] .txd-nav a:hover{border-color:#26b3b4}
/* Bảng giá gập + bảng */
html[data-giao-dien="moi"] .txd-acc{background:#fff;border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .txd-acc>summary{min-height:56px}
html[data-giao-dien="moi"] .txd-acc>summary h3{font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .txd-acc>summary::after{color:#f16225}
html[data-giao-dien="moi"] .txd-cnt{font-size:12px;background:#f3f7f6;border-color:#e3e8e7;color:#4f5e5c}
html[data-giao-dien="moi"] .txd-tbl{background:#fff;border:1px solid #e3e8e7;border-radius:14px;box-shadow:none}
html[data-giao-dien="moi"] .txd-tbl caption{font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .txd-tbl :is(th,td){border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .txd-tbl th{background:#f3f7f6;color:#0e544e;font-size:12px;font-weight:700}
html[data-giao-dien="moi"] .txd-tbl td.pr{color:#b9481a;font-weight:700}
html[data-giao-dien="moi"] .txd-tbl6 td.pr{font-size:13px}
html[data-giao-dien="moi"] .txd-scroll{border:1px solid #e3e8e7;border-radius:14px;box-shadow:none}
html[data-giao-dien="moi"] .txd-scroll .txd-tbl{border:0;border-radius:0}
html[data-giao-dien="moi"] .txd-tbl6 :is(td,th):first-child{background:#fff}
html[data-giao-dien="moi"] .txd-tbl6 th:first-child{background:#f3f7f6}
html[data-giao-dien="moi"] .txd-tbl-h{font-weight:800;color:#14211f;letter-spacing:-.01em}
html[data-giao-dien="moi"] .txd-notes{color:#4f5e5c}
html[data-giao-dien="moi"] .txd-disc{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:14px;color:#4f5e5c;font-size:13px}
html[data-giao-dien="moi"] .txd-tabs label{background:#fff;border:1px solid #e3e8e7;color:#0e544e}
html[data-giao-dien="moi"] .txd-tabs label:hover{border-color:#26b3b4}
/* Form báo giá: khối nền #f3f7f6 tràn ngang, thẻ form trắng viền mảnh */
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) #bao-gia{padding-top:64px!important;padding-bottom:64px;margin-bottom:56px;box-shadow:0 0 0 100vmax #f3f7f6;clip-path:inset(0 -100vmax);background:#f3f7f6}
html[data-giao-dien="moi"] .txd-form{background:#fff;border:1px solid #e3e8e7;border-radius:24px;box-shadow:none}
html[data-giao-dien="moi"] .txd-form p[style*="13.5px"]{color:#4f5e5c!important;font-size:14px!important}
html[data-giao-dien="moi"] .txd-fld label{font-size:13px;color:#4f5e5c}
html[data-giao-dien="moi"] .txd-fld .inp{border:1px solid #e3e8e7;border-radius:12px;min-height:46px;color:#14211f}
/* Hỏi-đáp + khu vực phục vụ */
html[data-giao-dien="moi"] .txd-faq{background:#fff;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .txd-faq:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .txd-faq summary{font-weight:700;color:#14211f}
html[data-giao-dien="moi"] .txd-faq summary::after{color:#f16225}
html[data-giao-dien="moi"] .txd-faq-a{color:#4f5e5c}
html[data-giao-dien="moi"] .txd-areas span{background:#fff;border:1px solid #e3e8e7;color:#0e544e;font-size:13px}
html[data-giao-dien="moi"] .txd-areas span svg{color:#26b3b4}
/* Giới thiệu vùng (CMS) */
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) .txd-guide{background:#f3f7f6;border:0;border-radius:20px;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) .txd-guide :is(h2,h3){font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) .txd-guide a{color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .txd-hero) .txd-wrap:last-child{padding-bottom:72px}
@media (max-width:600px){
  html[data-giao-dien="moi"] .txd-hero{padding:56px 16px 64px}
  html[data-giao-dien="moi"] .txd-hero h1{font-size:34px}
  html[data-giao-dien="moi"] .txd-wrap{padding-left:16px;padding-right:16px}
  html[data-giao-dien="moi"] .txd-b2b{padding:16px}
  html[data-giao-dien="moi"] .txd-form{padding:22px 16px;border-radius:20px}
  html[data-giao-dien="moi"] .rcx:has(> .txd-hero) #bao-gia{padding-top:44px!important;padding-bottom:44px}
  /* Vùng bấm 44px: Zalo/WhatsApp, nhãn tab vùng, ô điều hướng bảng */
  html[data-giao-dien="moi"] .txd-msg{min-height:44px}
  html[data-giao-dien="moi"] .txd-tabs label{min-height:44px;display:inline-flex;align-items:center}
  html[data-giao-dien="moi"] .txd-nav a{min-height:44px;display:inline-flex;align-items:center}
  html[data-giao-dien="moi"] .txd-blog a{min-height:52px}
  /* Bảng 4 cột trong ô gập (tuyến · 3 loại xe) rộng hơn 390px → bản cũ bị cắt mép phải; cho cuộn ngang trong ô */
  html[data-giao-dien="moi"] .txd-accb{overflow-x:auto;-webkit-overflow-scrolling:touch}
  html[data-giao-dien="moi"] .txd-tbl :is(th,td){padding:10px 10px}
  html[data-giao-dien="moi"] .txd-tbl:not(.txd-tbl6) td:first-child{min-width:120px}
}