/* Giao diện mới C — nhóm trang "tour" (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: /tour-listing, /tour/{điểm đến}, /tour/{sp} + /ve/{sp} (TourDetail), /dmctours,
          /best-of-nha-trang, /visa, /vi-sao-chon-go365.
   Khung .rcx dùng chung cho ~25 trang (mỗi trang tự khai biến màu cũ trong <style> riêng),
   nên ở đây LUÔN giới hạn bằng khối đặc trưng của từng trang qua :has(), không phủ cả .rcx. */

/* ═════════════ A. /visa · /vi-sao-chon-go365 · /best-of-nha-trang ═════════════
   Ba trang nội dung cùng một khuôn: hero gradient teal + nền giấy kem + thẻ đổ bóng.
   Đổi biến màu cục bộ của .rcx (--teal, --cream, --paper, --ln…) sang màu logo, rồi làm phẳng. */
html[data-giao-dien="moi"] .rcx:is(:has(> .visa-hero),:has(> .w-hero)){
  --ink:#14211f;--teal:#0e544e;--teald:#0a3f3b;--or2:#f16225;--gld:#f8c11c;--paper:#f3f7f6;--or-text:#b9481a;
  --cream:#fff;--ln:#e3e8e7;--mut:#4f5e5c;background:#fff;color:#14211f}

/* Hero: nền đặc xanh rêu, chữ trắng; dòng nhỏ trên tiêu đề vàng (nền tối), giãn .2em */
html[data-giao-dien="moi"] .rcx :is(.visa-hero,.w-hero){background:#0e544e!important}
html[data-giao-dien="moi"] .rcx :is(.visa-hero,.w-hero) .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c}
html[data-giao-dien="moi"] .rcx :is(.visa-hero,.w-hero) h1{font-weight:800;letter-spacing:-.02em;line-height:1.08;font-size:clamp(32px,5vw,56px)}
html[data-giao-dien="moi"] .rcx :is(.visa-hero,.w-hero) :is(p,.w-lead){color:rgba(255,255,255,.9)}
html[data-giao-dien="moi"] .rcx :is(.visa-hero,.w-hero) .fp{stroke:rgba(255,255,255,.28)}

/* Khối nội dung: nền xen kẽ trắng / #f3f7f6, tiêu đề đậm 800 chặt chữ */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-sec{background:#fff}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-sec.paper{background:#f3f7f6}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-h2{font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-sub{color:#4f5e5c}

/* Thẻ phẳng: nền trắng, viền mảnh, bo 20, không bóng; rê chuột viền xanh ngọc */
html[data-giao-dien="moi"] .rcx:is(:has(> .visa-hero),:has(> .w-hero)) :is(.visa-c,.w-adv,.bn-card,.w-tbl-wrap){
  background:#fff;border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:is(:has(> .visa-hero),:has(> .w-hero)) :is(.visa-c,.w-adv,.bn-card):hover{border-color:#26b3b4}

/* /visa — thẻ quốc gia + hộp lưu ý */
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-wrap{padding-top:56px}
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-c .country{font-weight:800;font-size:18px;letter-spacing:-.01em}
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-c .pol{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:#b9481a;
  margin-top:8px}
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-c .det{color:#4f5e5c;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-warn{background:#f3f7f6;border:1px solid #e3e8e7;border-left:4px solid #f8c11c;border-radius:14px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .visa-hero) .visa-disc{color:#5f6d6a}

/* /vi-sao-chon-go365 — bảng so sánh: đầu bảng nền đặc xanh rêu, cột Go365 nhấn vàng nhạt */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl thead{background:#0e544e}
/* legacy.css khai "table th{background:var(--sand)}" phủ lên nền thead → đầu bảng nhạt, chữ trắng không đọc được */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl th{font-size:12px;font-weight:700;background:transparent;color:#fff;border-bottom:0}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl th.go{background:#0a3f3b;color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl td{border-top-color:#e3e8e7;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl td.ft{color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-tbl td.go{background:#fef5d9;color:#b9481a}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-adv h3{font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-adv p{color:#4f5e5c;font-size:14px}

/* /best-of-nha-trang — thẻ xếp hạng */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-rank{background:#0e544e;color:#f8c11c;border-radius:14px;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-thumb{background:#f3f7f6;border-radius:14px}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-bd h2{font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-bd h2 a:hover{color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-meta{color:#5f6d6a}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-meta svg{color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-price{color:#b9481a;font-weight:800;font-size:18px}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-book{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;background:#f16225;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-book:hover{background:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-empty{color:#5f6d6a}

/* Hỏi đáp (2 trang): thẻ trắng viền mảnh, số câu cam đậm, dấu + xanh ngọc */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q{background:#fff;border:1px solid #e3e8e7;border-radius:14px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q:hover,
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q[open]{border-color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q summary{min-height:24px}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q .qn{color:#d9531b;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q .pl{color:#26b3b4;font-weight:700}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .faq-q .ans{color:#4f5e5c}

/* Khối kêu gọi cuối: nền đặc xanh rêu, tiêu đề KHÔNG nghiêng, nút cam bo tròn không bóng */
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-cta{background:#0e544e!important}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-cta h2{font-style:normal;font-weight:800;letter-spacing:-.02em;line-height:1.15}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-cta .fp{stroke:rgba(255,255,255,.22)}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-cta-btn{background:#f16225;color:#fff;box-shadow:none;min-height:48px;padding:0 32px;transition:background .15s}
html[data-giao-dien="moi"] .rcx:has(> .w-hero) .w-cta-btn:hover{background:#d9531b;color:#fff}
/* best-of trên điện thoại: thẻ xuống dòng nên ô số hạng chiếm nguyên 1 hàng trống → đặt nổi lên góc ảnh */
@media (max-width:560px){
  html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-card{position:relative}
  html[data-giao-dien="moi"] .rcx:has(> .w-hero) .bn-rank{position:absolute;top:26px;left:26px;z-index:2;width:44px;height:44px;font-size:20px;border-radius:12px}
}

/* ═════════════ B. /tour-listing · /tour/{điểm đến} (TourListing.razor) ═════════════
   Phạm vi: .rcx có con trực tiếp .tl-crumb-bar (chỉ trang này có; .tl-grid thì /esim cũng dùng).
   Trang không có hero (owner gỡ 05/09) → gộp thanh đường dẫn + dải "Điểm đến hot nhất" thành
   MỘT khối đầu trang nền xanh rêu đặc, chữ trắng, dòng nhỏ vàng. Thẻ/chip/nút lấy từ .ds-* (dùng
   chung nhiều trang) nên chỉ chỉnh trong phạm vi này. */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar){--shadow-lift:none;--hover-lift:none;--text-invert:#fff;background:#fff}

/* Khối đầu trang: đường dẫn + mô tả điểm đến + dải ô điểm đến */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb-bar{background:#0e544e;border-bottom:0;padding-top:18px;padding-bottom:4px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb{font-size:13px;color:rgba(255,255,255,.7)}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb a{color:#fff;font-weight:600}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb a:hover{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb .cur{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-destintro p{color:rgba(255,255,255,.88);font-size:15px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip{background:#0e544e;border-bottom:0;padding-top:28px;padding-bottom:48px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head{margin-bottom:24px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .eye{font-size:12px;font-weight:700;letter-spacing:.2em;color:#f8c11c;margin-bottom:8px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .ttl{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#fff}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .ttl em{font-style:normal;font-weight:800;color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .see-all{color:#fff;font-weight:700;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .see-all:hover{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile{border-radius:20px;box-shadow:none;background:#0a3f3b}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile:hover{box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile .shade{background:linear-gradient(to top,rgba(7,43,40,.88) 0,rgba(7,43,40,.2) 55%,transparent 100%)}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile .info b{font-weight:800;text-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile .info small{font-size:12px;color:rgba(255,255,255,.88)}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile.all{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile.all .art{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile.all .art svg{filter:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile.ac{outline:3px solid #f8c11c;outline-offset:-3px}

/* Cột lọc */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-main{padding-top:32px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-filter{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-filter__head{border-bottom:1px solid #e3e8e7;color:#14211f;font-weight:800;letter-spacing:.08em}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-filter__label{color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-filter :is(.ds-filter__label,.ds-filter__head,.ds-chip:not(.ac)) :is(.lic,.cic){color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-input{border:1px solid #e3e8e7;border-radius:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) :is(.tl-side-clear,.tl-side-clear-sm){color:#d9531b;text-decoration-style:solid}
/* Chip: viên thuốc viền mảnh, đang chọn = nền xanh rêu chữ trắng, không bóng */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-chip{border:1px solid #e3e8e7;color:#4f5e5c;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-chip:hover{border-color:#26b3b4;color:#0e544e;transform:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-chip:is(.ac,.is-active),
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-rate:has(input:checked),
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-tagchip:is(.hot,.sale,.new).ac{background:#0e544e;border-color:#0e544e;color:#fff;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-chip__count{background:#f3f7f6;color:#4f5e5c;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-chip:is(.ac,.is-active) .ds-chip__count{background:rgba(255,255,255,.2);color:#fff}
/* Ô tích điểm: bỏ gradient + bóng, giữ nhấn vàng nhạt */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-loyalty{background:#fef5d9;border:1px solid #f8c11c;border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-loyalty .lty-ic{background:#f8c11c;color:#0e544e;box-shadow:none;border-radius:50%}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-loyalty b{color:#14211f;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-loyalty small{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-loyalty .lty-lnk{color:#b9481a}
/* Hộp hotline: khối nhấn tối — nền đêm đặc, bỏ quầng sáng */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-help{background:#072b28;border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-help::before{display:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-help .hlp-h{color:#f8c11c;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-help :is(p,.hlp-lbl){color:rgba(255,255,255,.82);opacity:1}
/* Nút: bo tròn, không bóng; chính = cam */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn{box-shadow:none!important}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn:hover{transform:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn--primary{background:#f16225}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn--primary:hover{background:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn--outline{border:1px solid #0e544e;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-btn--outline:hover{background:#0e544e;color:#fff}

/* Thanh công cụ + chip đang lọc */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-result-count{color:#4f5e5c;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-result-count b{color:#0e544e;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-active-lbl{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-active-chip{background:#fff;border:1px solid #f16225;color:#b9481a}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-active-clear{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-sort-lbl{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-sort .ds-input{border-radius:999px;padding-left:16px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-typebar{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-loc-btn{border:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-loc-btn .lic{color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-loc-btn .n{background:#f16225;font-size:12px}

/* Thẻ tour: nền trắng, viền 1px, bo 20, không bóng, không nhấc; rê chuột viền xanh ngọc.
   Bỏ 2 khuyết tròn "vé" ở chân thẻ + vạch đứt → đường kẻ mảnh liền. */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card:hover{border-color:#26b3b4;box-shadow:none;transform:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-media{background:#f3f7f6}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-title{font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-excerpt{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-foot{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-foot::before,
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-foot::after{display:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-price__now{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-price__ask{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-price__orig{color:#5f6d6a}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-price .cb{background:#fef5d9;border-color:#f8c11c;color:#7a5600;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-rate{color:#4f5e5c;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .ds-rate small{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-wish{box-shadow:none;background:rgba(255,255,255,.94);color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-wish.ac{background:#f16225;color:#fff}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-ribbon{box-shadow:none;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-tags .ds-badge{box-shadow:none;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card-noimg{background:#f3f7f6;color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-skel{border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-empty{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-empty .ill svg{filter:none}

/* Phân trang + nút "Xem thêm" (điện thoại) */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-pager .pg{border:1px solid #e3e8e7;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-pager .pg:hover{border-color:#26b3b4;color:#0e544e;transform:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-pager .pg.ac{background:#0e544e;border-color:#0e544e;color:#fff;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-them{border:1px solid #0e544e;color:#0e544e}

/* Khối "Không tìm thấy tour ưng ý?": nền #f3f7f6 xen kẽ, bỏ vạch đứt, tiêu đề không nghiêng */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta{background:#f3f7f6;border-top:0}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta-eye{font-size:12px;font-weight:700;letter-spacing:.2em;color:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta h2{font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta h2 em{font-style:normal;font-weight:800;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta p{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta-trust{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta-trust .tic{color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-cta .ds-btn--outline{background:#fff}

/* Vé tham quan theo điểm đến */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-h{font-size:12px;font-weight:700;letter-spacing:.2em;color:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-gh{color:#14211f;font-size:13px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-gh span{color:#5f6d6a;font-size:12px;opacity:1}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-grid a{border:1px solid #e3e8e7;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-grid a:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-vidx-more{border:1px solid #0e544e}

/* Hỏi đáp cuối trang (ListingFaqSection — chỉ chỉnh khi nằm trong trang này) */
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq{margin-bottom:56px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-h{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-i{background:#fff;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-i:hover,
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-i[open]{border-color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-i summary{color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-i summary::after{color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-a{color:#4f5e5c}

@media (max-width:980px){
  /* Tấm lọc trượt ở điện thoại: bo góc 0 như cũ */
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-side-card{border-radius:0;border:0}
}
@media (max-width:600px){
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-crumb-bar{padding-top:10px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip{padding-top:16px;padding-bottom:28px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head{margin-bottom:16px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-deststrip-head .ttl{font-size:30px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-desttile{border-radius:14px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-main{padding-top:20px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .tl-card{border-radius:16px}
  html[data-giao-dien="moi"] .rcx:has(> .tl-crumb-bar) .lfq-h{font-size:22px}
}

/* ═════════════ C. /dmctours (DmcTours.razor) ═════════════
   Phạm vi: .rcx có con trực tiếp .dt-dests. Trang tự khai biến màu cũ trong .rcx (teal, giấy kem,
   viền be) → đổi biến sang màu logo, rồi làm phẳng thẻ/chip/nút. Dải ô tuyến đầu trang (thay hero,
   owner chốt 17/09) thành khối đầu trang nền xanh rêu tràn hết bề ngang. */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests){
  --ink:#14211f;--teal:#0e544e;--teald:#0a3f3b;--or2:#f16225;--gld:#f8c11c;--paper:#f3f7f6;--or-text:#b9481a;
  --cream:#fff;--ln:#e3e8e7;--ln2:#e3e8e7;--mut:#4f5e5c;background:#fff;color:#14211f}

/* Khối đầu trang: section chỉ rộng 1236px → nền tràn bằng box-shadow + clip-path */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dests{background:#0e544e;box-shadow:0 0 0 100vmax #0e544e;clip-path:inset(0 -100vmax);
  padding-top:28px;padding-bottom:40px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dai-note{color:rgba(255,255,255,.88);font-size:15px;margin-top:20px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dai-note b{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile{border-radius:20px;box-shadow:none;background:#0a3f3b}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile:hover{box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile .shade{background:linear-gradient(to top,rgba(7,43,40,.88) 0,rgba(7,43,40,.2) 55%,transparent 100%)}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile .info b{font-weight:800;text-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile .info small{font-size:12px;color:rgba(255,255,255,.88)}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile.all{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22)}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile.all .art{color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile.all .art svg{filter:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile.ac{outline:3px solid #f8c11c;outline-offset:-3px}

/* Cột lọc / thanh lọc dính */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-cat{padding-top:32px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-facet{background:#fff;box-shadow:none;border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-facet .fl{color:#14211f;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-timo .inp{border:1px solid #e3e8e7;border-radius:12px;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-timo button{background:#0e544e;border-radius:50%}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chip{border:1px solid #e3e8e7;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chip:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chip.ac{background:#0e544e;border-color:#0e544e;color:#fff}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chip .n{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-reset{color:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tomtat .so{color:#4f5e5c}
/* Ô tích điểm + hộp hotline: như /tour-listing */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-lty{background:#fef5d9;border:1px solid #f8c11c;border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-lty .ic{background:#f8c11c;color:#0e544e;box-shadow:none;border-radius:50%}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-lty b{color:#14211f;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-lty small{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-lty .lnk{font-size:12px;color:#b9481a}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help{background:#072b28;color:#fff;border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help::before{display:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help .hlp-h{color:#f8c11c;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help p{font-size:12px;color:rgba(255,255,255,.82)}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help .hlp-lbl{font-size:12px;color:rgba(255,255,255,.7)}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help .hlp-tel{min-height:44px;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-side-help .hlp-tel.p{background:#f16225;border-color:#f16225}

/* Thanh công cụ + hàng loại hình */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dangloc{background:#fff;border:1px solid #f16225;color:#b9481a;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-toolbar .lbl{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-sort{border:1px solid #e3e8e7;border-radius:999px;padding-left:16px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typebar{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip{border:1px solid #e3e8e7;color:#4f5e5c;font-size:13px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip:hover{border-color:#26b3b4;color:#0e544e;background:#fff;transform:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip.ac{background:#0e544e;border-color:#0e544e;color:#fff;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip .dem{background:#f3f7f6;color:#4f5e5c;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip.ac .dem{background:rgba(255,255,255,.2);color:#fff}
/* Chip CHỦ ĐỀ: vẫn sáng cam khi bật (khác trục loại hình) như owner chốt 16/09 */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip.cd{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-typechip.cd.ac{background:#f16225;border-color:#f16225;color:#fff}

/* Thẻ chương trình: nền trắng, viền 1px, bo 20, không bóng, không nhấc; rê chuột viền xanh ngọc */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard:hover{transform:none;box-shadow:none;border-color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .ph{background:#f3f7f6}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .dur{background:rgba(7,43,40,.86);font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .badge{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .badge.ok{background:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .dest{font-size:12px;font-weight:700;color:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .nm{font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .nm a:hover{color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .exc{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .foot{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .fromlbl{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .foot .gia .price-vnd{color:#b9481a;font-weight:800}
/* PriceDisplay viết thẳng style="font-size:11px" (≈ ngoại tệ) + 10px (ⓘ) → cần !important */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .price-foreign,
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .price-foreign span{font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .perpax{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .foot .cb{background:#fef5d9;border-color:#f8c11c;color:#7a5600;font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .foot .rate{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .foot .rate .star{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .askline{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .go{background:#f16225;font-size:13px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .go.ask{background:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .tag{font-size:12px;box-shadow:none;color:#b9481a;border-radius:999px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tcard .tag.loai{background:#0e544e;color:#fff}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-more2{border:1px solid #e3e8e7;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-open{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-open .h{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-bac{border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-bac .r.best{background:#e2f4f4}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-lich{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chot{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chot .lbl{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-chot .inp{border:1px solid #e3e8e7;border-radius:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-ghi{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tomtat .lu{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-more{border:1px solid #0e544e;color:#0e544e;min-height:44px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-more:hover{background:#0e544e;color:#fff}

/* Dải số liệu: khối nhấn tối nền đêm, bỏ vạch đứt; số to vàng */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-board{background:#072b28;border:0}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-board .in{padding-top:40px;padding-bottom:40px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-board .v{font-size:40px;font-weight:800;letter-spacing:-.02em;color:#f8c11c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-board .l{font-size:12px;color:rgba(255,255,255,.8);margin-top:10px}

/* Form báo giá: nền #f3f7f6, thẻ trắng viền mảnh, ô nhập bo 12, nút cam không bóng */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-form{background:#f3f7f6}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-form .in{padding-top:64px;padding-bottom:64px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-eb{font-size:12px;font-weight:700;letter-spacing:.2em;color:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-h2{font-weight:800;letter-spacing:-.02em;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard .lbl{color:#4f5e5c;font-weight:700}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard .inp{border:1px solid #e3e8e7;border-radius:12px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fsubmit{background:#f16225;box-shadow:none;min-height:48px}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fsubmit:hover{background:#d9531b}
/* Chữ viết thẳng trong style="" của form (thẻ "đang hỏi giá" + báo gửi thành công) */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard [style*="font-size:10px"]{font-size:12px!important;color:#d9531b!important}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard [style*="color:#015959"]{color:#0e544e!important;background:#e2f4f4!important}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-fcard [style*="border:1.5px solid var(--ln)"]{border-width:1px!important}
/* Khối chính sách cuối trang */
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-sec:last-child{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-sec:last-child :is(h3,strong){color:#14211f}

@media (min-width:1024px){
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-cat .dt-2cot .dt-facet{border:1px solid #e3e8e7;border-radius:20px;background:#fff;padding:20px}
}
@media (max-width:1023px){
  /* Khối "Lọc thêm" mở ra ở khổ hẹp (desktop thì tan vào cột lọc, không viền) */
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-them{border:1px solid #e3e8e7;border-radius:20px}
}
@media (max-width:700px){
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-desttile{border-radius:14px}
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dests{padding-top:16px;padding-bottom:24px}
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-dai-note{font-size:14px}
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-cat{padding-top:16px}
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-tomtat .dt-chip{font-size:12px}
  html[data-giao-dien="moi"] .rcx:has(> .dt-dests) .dt-board .v{font-size:32px}
}

/* ═════════════ D. /tour/{sp} · /ve/{sp} (TourDetail.razor, khung .td-wrap.rcx) ═════════════
   Phần lớn màu đã theo biến chung (--t, --or, --g2…) nên chỉ còn: khối đầu trang, làm phẳng thẻ
   (bỏ bóng), nút đặt cam, chữ <12px, và các mã màu teal/cam cũ viết thẳng trong style="". */
html[data-giao-dien="moi"] .td-wrap.rcx{--sand:#f3f7f6}

/* Khối đầu trang (bố cục TOUR): đường dẫn + tên tour + đánh giá + chia sẻ trên nền xanh rêu tràn ngang.
   Bố cục VÉ giữ ảnh lớn làm đầu trang (đúng kiểu "ảnh có lớp tối"), tên vé nằm trong thẻ trắng bên dưới. */
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour{padding-top:0}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > :is(.td-crumb,.td-head){background:#0e544e;box-shadow:0 0 0 100vmax #0e544e;clip-path:inset(0 -100vmax)}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-crumb{margin:0;padding:24px 0 16px;font-size:13px;color:rgba(255,255,255,.7);
  clip-path:inset(0 -100vmax -3px)}/* chờm xuống 3px che đường nứt lẻ pixel giữa hai khối */
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-crumb a{color:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-crumb a:hover{color:#f8c11c;text-decoration:none}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-crumb span{color:#f8c11c}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head{margin:0;padding:4px 0 36px}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-h1{color:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-meta{color:rgba(255,255,255,.85)}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-meta :is(b,a){color:#f8c11c}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-tags .bd:is(.bt,.bo){background:rgba(255,255,255,.12);color:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-share .lbl{color:rgba(255,255,255,.75)}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-share :is(a,button){background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;min-height:36px}
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head .td-share :is(a,button):hover{border-color:#f8c11c;color:#f8c11c;transform:none}

/* Tên SP: Montserrat 800, to, chặt chữ — bỏ kiểu in hoa toàn bộ của font số IBM Plex cũ */
html[data-giao-dien="moi"] .td-wrap.rcx .td-h1{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-transform:none}
html[data-giao-dien="moi"] .td-wrap.rcx .td-tags .bd{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-tags .bd[style*="#f95d00"]{background:#f16225!important}
html[data-giao-dien="moi"] .td-wrap.rcx .td-meta b{color:#b9481a}
html[data-giao-dien="moi"] .td-wrap.rcx .td-share :is(a,button){border-width:1px;border-radius:999px}

/* Thanh mục dính: phẳng, gạch chân tab đang chọn xanh rêu */
html[data-giao-dien="moi"] .td-wrap.rcx .td-tabs{box-shadow:none;border-bottom:1px solid #e3e8e7;background:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx .td-tab{color:#4f5e5c}
html[data-giao-dien="moi"] .td-wrap.rcx .td-tab:hover{color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .td-tab.active{color:#0e544e;border-bottom-color:#0e544e;font-weight:800}

/* Ảnh: bo 20 */
html[data-giao-dien="moi"] .td-wrap.rcx .td-gal .td-main{border-radius:20px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-gal .grid4 > div{border-radius:14px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-gal .grid4 > div:hover{box-shadow:none}
html[data-giao-dien="moi"] .td-wrap.rcx .td-gal .grid4 > div:hover::after{background:rgba(7,43,40,.15)}
html[data-giao-dien="moi"] .td-wrap.rcx .td-credit{font-size:12px}

/* Thẻ/khung: nền trắng, viền 1px, bo 20, không bóng */
html[data-giao-dien="moi"] .td-wrap.rcx :is(.td-card,.td-pane,.td-pane.active,.td-pkgs,.td-sum,.td-price-row,.tk-top-price,.tk-side,.phb-card),
html[data-giao-dien="moi"] .td-wrap.rcx.td-ticket .tk-hero{
  box-shadow:none!important;border:1px solid #e3e8e7;border-radius:20px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-info .ic{border-radius:14px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-info .ic .l{font-size:12px;letter-spacing:.06em}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.td-ticket .td-pane-h,.td-pane-h){font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] .td-wrap.rcx .td-pane-h::before{background:#f16225}
html[data-giao-dien="moi"] .td-wrap.rcx .td-pane .rich-text a{color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .td-pane .rich-text :is(h1,h2,h4){color:#14211f}
html[data-giao-dien="moi"] .td-wrap.rcx .td-pane .rich-text blockquote{font-style:normal;border-left-color:#26b3b4;background:#f3f7f6}
/* Hộp tóm tắt đặt chỗ: đầu hộp nền #f3f7f6 (thay vàng cát) */
html[data-giao-dien="moi"] .td-wrap.rcx.td-tour .td-sum-h{background:#f3f7f6;border-radius:19px 19px 0 0;border-bottom:1px solid #e3e8e7;font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .td-wrap.rcx .td-spy{border:1px dashed #26b3b4;border-radius:14px;background:#f3f7f6}
html[data-giao-dien="moi"] .td-wrap.rcx .td-spy .gia{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-spy .ghi{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-spy button{border:1px solid #0e544e;color:#0e544e;border-radius:999px;min-height:44px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-spy button:hover{background:#e2f4f4}

/* Bảng gói: thẻ gói bo 14, viền 1px; gói đang chọn viền xanh rêu nền ngọc nhạt (style="" có #015959) */
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-card{border-width:1px!important;border-radius:14px!important}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-card[style*="#015959"]{border-color:#0e544e!important;background:#e2f4f4!important}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-card input[type=radio]{accent-color:#0e544e!important}
html[data-giao-dien="moi"] .td-wrap.rcx .td-ticket .pkg-block,
html[data-giao-dien="moi"] .td-wrap.rcx.td-ticket .pkg-block{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:20px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-grp{background:#f3f7f6;border-radius:12px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.pkg-chon,.tk-top-cta,.tk-inline-cta,.tk-drawer-cta){background:#f16225;border-radius:999px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.pkg-chon,.tk-top-cta,.tk-inline-cta):hover{background:#d9531b;filter:none}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-dachon{background:#e2f4f4;color:#0e544e;border:1px solid #0e544e;border-radius:999px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-more{border-radius:999px;color:#0e544e;min-height:40px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-det{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-det-btn{font-size:12px;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-det-b h5{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-goc{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-tk{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.pkg-fx,.fx-sub,.fx-i){font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-tiers{border-top:1px solid #e3e8e7;font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .pkg-grp-s{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-chip{font-size:12px;background:#f3f7f6;border-color:#e3e8e7}
html[data-giao-dien="moi"] .td-wrap.rcx .td-fd .lbl{font-size:12px;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .td-fd .inp{border:1px solid #e3e8e7;border-radius:12px}
/* Chữ nhỏ viết thẳng trong style="" của thẻ gói (Tour ghép · Từ · /khách · Giá tham khảo…) */
html[data-giao-dien="moi"] .td-wrap.rcx :is([style*="font-size:9px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"]){font-size:12px!important}
/* Chọn ngày / khung giờ / số khách trong gói đang mở */
html[data-giao-dien="moi"] .td-wrap.rcx .tk-inline{border-top:1px solid #e3e8e7;background:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-inline-h,.tk-inline-date .l){font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-day,.tk-day2,.tr-day,.tr-day-lich,.tk-win-b,.tk-grp-chip){border-width:1px;border-radius:14px}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-day{border-radius:999px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-day.on,.tk-day2.on){background:#e2f4f4;border-color:#0e544e;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .tr-day.on{background:#0e544e;border-color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .tr-day.on .gi{color:#f8c11c}
html[data-giao-dien="moi"] .td-wrap.rcx .tr-day-nay{border-color:#f16225}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-day2 .th,.tk-day2 .gi,.tr-day .th,.tr-day .thang,.tr-day .gi,.tr-day-lich .th,.tk-win-b .w2){font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-win-b.on{border-color:#0e544e;background:#e2f4f4}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-win-b.on .w1{color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-grp-chip.on{border-color:#f16225;color:#b9481a;background:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-inline-date .tk-date2{border:1px solid #e3e8e7;border-radius:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-qty-l span{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-qty-r button{border-radius:50%}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-onerow,.tk-inline-date){border-color:#e3e8e7;border-top-style:solid;border-bottom-style:solid}

/* Giá + nút đặt: số giá cam đậm #b9481a, nút hành động chính cam #f16225 bo tròn hẳn */
html[data-giao-dien="moi"] .td-wrap.rcx :is(.td-price-row .now,.tk-top-price .px,.td-sum-pay .t b,.td-break .row.tot b){color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.td-price-row .from,.td-price-row .per,.tk-top-price .lb,.tk-top-price .per,.td-sum-pay .t .fx-sub){font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-btn-book{background:#f16225;border-radius:999px;box-shadow:none}
html[data-giao-dien="moi"] .td-wrap.rcx .td-btn-book:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .td-wrap.rcx .td-foot-note{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-sum-h{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-dmc-ask{background:#fef5d9;border:1px solid #f8c11c;border-radius:14px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-dmc-ask small{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-dmc-askbtn{background:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .td-dmc-askbtn:hover{background:#0a3f3b}
html[data-giao-dien="moi"] .td-wrap.rcx .td-quote small{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-quote-btn{border-radius:999px;background:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-fact b{font-size:12px}

/* Hộp hỗ trợ cột phải (ProductHelpBox — chỉ chỉnh khi nằm trong trang này) */
html[data-giao-dien="moi"] .td-wrap.rcx .phb-h{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.phb-none,.phb-req p,.phb-cp-ghi,.phb-lic,.phb-cp .sao){font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-none{background:#f3f7f6}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-cp{background:#fff;border:1px dashed #f16225;border-radius:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-cp:hover{background:#fdeee7}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-warn{background:#fef5d9;border-color:#f8c11c}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-warn .phb-h{color:#7a5600}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-tel a{border:1px solid #e3e8e7;border-radius:999px;color:#0e544e;font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-tel a.phb-main{border-color:#0e544e;background:#e2f4f4}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-tel a:hover{border-color:#26b3b4;background:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-req{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-req a{border:1px solid #0e544e;border-radius:999px;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .phb-req a:hover{background:#e2f4f4}

/* Đánh giá + gợi ý + "xem thêm" */
html[data-giao-dien="moi"] .td-wrap.rcx .td-rev .item{border-radius:14px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-rev-all{border:1px solid #e3e8e7;border-radius:999px;min-height:44px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-rev-all:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx .rv-chip{border-width:1px;font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .rv-chip.on{background:#0e544e;border-color:#0e544e;color:#fff}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related .ttl{color:#0e544e;font-size:12px;letter-spacing:.12em}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-item:hover{background:#f3f7f6;transform:none}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-thumb{border-radius:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-name{font-size:13px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-meta{font-size:12px}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-price{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .td-wrap.rcx .td-related-price .ask{font-size:12px;background:#f3f7f6}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-more-list a{border-color:#e3e8e7}
html[data-giao-dien="moi"] .td-wrap.rcx .tk-more-list a:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-ov-btn,.tk-help-btn){border:1px solid #0e544e;border-radius:999px;color:#0e544e}
html[data-giao-dien="moi"] .td-wrap.rcx :is(.tk-ov-btn,.tk-help-btn):hover{background:#e2f4f4}
/* Ngăn trượt lịch trình + thanh đặt dính đáy (điện thoại) nằm NGOÀI .td-wrap → giới hạn bằng body:has(.td-wrap.rcx) */
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .tk-drawer{box-shadow:none;border-left:1px solid #e3e8e7}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .tk-drawer-h{font-weight:800}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .tk-drawer-cta{background:#f16225;border-radius:999px}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .td-mob-cta{box-shadow:none;border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .td-mob-cta .p-lab{font-size:12px}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .td-mob-cta .p-fx{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .td-mob-cta .p-price{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] body:has(.td-wrap.rcx) .td-mob-cta .btn-cta{background:#f16225;border-radius:999px;box-shadow:none;font-weight:800;min-height:44px;display:inline-flex;align-items:center}

@media (max-width:960px){
  html[data-giao-dien="moi"] .td-wrap.rcx.td-tour{padding-top:0}
  html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-crumb{padding-top:16px}
  html[data-giao-dien="moi"] .td-wrap.rcx.td-tour > .td-head{padding-bottom:24px}
  html[data-giao-dien="moi"] .td-wrap.rcx .td-h1{font-size:28px}
}