/* Giao diện mới C — nhóm trang "dat-cho" (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.
   Phạm vi: /booking/new (.ck-wrap), /booking/new/yeu-cau, /checkout (section.section.rcx), /booking-processing,
   /booking-success, /booking-failed, /esim-checkout (.ed-wrap), /esim-order, /esim-success, /order-detail (.od-wrap).
   VÙNG TIỀN: file này CHỈ đổi màu / chữ / viền / bo góc / khoảng cách. Không ẩn, không làm mờ, không đổi thứ tự
   giá, tổng tiền, phụ thu 9pay, phí, điều khoản, ô đồng ý, thông báo lỗi. Không đổi display của khối nghiệp vụ. */

/* ── 0. Biến màu cục bộ ──
   Các trang .rcx tự khai báo lại --teal/--cream/--ln/--mut/--paper/--or-text (bảng màu "giấy kem" cũ) ngay trên
   .rcx nên biến chung của trưởng nhóm không tới được. Đè lại tại đúng khung của từng trang (không phủ .rcx cả site). */
html[data-giao-dien="moi"] :is(.ck-wrap, section.section.rcx, .rcx:has(> .processing-wrap), .rcx:has(> .bsx-wrap),
  .rcx:has(> .bf-card), .es-wrap.rcx, .rcx:has(> .es-wrap), .ed-wrap, .od-wrap){
  --ink:#14211f; --teal:#0e544e; --teald:#0a3f3b; --or2:#f16225; --gld:#f8c11c; --paper:#fef5d9;
  --or-text:#b9481a; --cream:#f3f7f6; --ln:#e3e8e7; --mut:#5f6d6a;
}
/* Nền trang xám-xanh nhạt #f3f7f6 để các khối trắng viền mảnh nổi lên (thay nền kem #fbf6ea). */
html[data-giao-dien="moi"] main:has(.ck-wrap, .od-wrap, .ed-wrap, .es-wrap, section.section.rcx, .processing-wrap, .bsx-wrap, .bf-card,
  div[style*="max-width:640px;margin:32px auto;padding:0 16px"]){background:#f3f7f6}
html[data-giao-dien="moi"] :is(section.section.rcx, .rcx:has(> .processing-wrap), .rcx:has(> .bsx-wrap), .rcx:has(> .bf-card),
  .es-wrap.rcx, .rcx:has(> .es-wrap)){background:#f3f7f6;color:#14211f}
/* Tiêu đề Fraunces 900 cũ → Montserrat 800 (font đã đổi ở file chung, ở đây hạ độ đậm + bỏ nghiêng). */
html[data-giao-dien="moi"] :is(.ck-wrap, section.section.rcx, .processing-card, .bsx-wrap, .bf-card, .es-wrap, .ed-wrap, .od-wrap)
  :is(h1,h2,h3,h4){font-weight:800;font-style:normal;letter-spacing:-.01em}
/* Chữ nghiêng cũ (ghi chú nhỏ) → đứng thẳng, giao diện C không nghiêng. */
html[data-giao-dien="moi"] :is(.ck-wrap, section.section.rcx, .bsx-wrap, .es-wrap, .ed-wrap, .ed-mob-cta, .od-wrap) :is([style*="font-style:italic"], em, i){font-style:normal!important}

/* ════════════════════════════════════════════════════════════════════
   1. /booking/new — trang điền thông tin + chọn thanh toán (.ck-wrap)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .ck-wrap{padding:28px 24px 40px}
/* Thanh 3 bước: bước đang làm xanh rêu, bước xong xanh ngọc. */
html[data-giao-dien="moi"] .ck-wrap .ck-progress{margin-bottom:24px}
html[data-giao-dien="moi"] .ck-wrap .ck-step .circle{width:36px;height:36px;background:#e3e8e7;color:#4f5e5c;font-weight:800}
html[data-giao-dien="moi"] .ck-wrap .ck-step.active .circle{background:#0e544e;color:#fff}
html[data-giao-dien="moi"] .ck-wrap .ck-step.done .circle{background:#26b3b4;color:#fff}
html[data-giao-dien="moi"] .ck-wrap .ck-step .lbl{font-size:12px;color:#5f6d6a;letter-spacing:.02em}
html[data-giao-dien="moi"] .ck-wrap .ck-step.active .lbl{color:#0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-line{background:#e3e8e7;margin-bottom:20px}
html[data-giao-dien="moi"] .ck-wrap .ck-line.done{background:#26b3b4}
html[data-giao-dien="moi"] .ck-wrap .ck-grid{gap:24px}
@media (min-width:901px){html[data-giao-dien="moi"] .ck-wrap .ck-grid{grid-template-columns:1fr 360px}}

/* Khối form: nền trắng, viền 1px, bo 20, không bóng; tiêu đề khối Montserrat 800 xanh rêu, icon xanh ngọc. */
html[data-giao-dien="moi"] .ck-wrap .ck-card{background:#fff;border:1px solid #e3e8e7;border-radius:20px;padding:20px 24px;margin-bottom:12px;box-shadow:none}
html[data-giao-dien="moi"] .ck-wrap .ck-sec-title{font-size:17px;font-weight:800;color:#0e544e;margin-bottom:16px;gap:10px}
html[data-giao-dien="moi"] .ck-wrap .ck-sec-title svg{width:20px;height:20px;color:#26b3b4}
/* Ô thông báo đầu trang (chưa đăng nhập / đã đăng nhập / đối tác) */
html[data-giao-dien="moi"] .ck-wrap .ck-note{background:#e2f4f4;border-left:0;border:1px solid #c6e9e9;border-radius:14px;padding:12px 16px;color:#14211f;font-size:13px;margin-bottom:12px}
html[data-giao-dien="moi"] .ck-wrap .ck-note[style*="#fff8e5"]{background:#fef5d9!important;border-color:#f6dc8f!important}
html[data-giao-dien="moi"] .ck-wrap .ck-note[style*="#ecfdf5"]{background:#e2f4f4!important;border-color:#c6e9e9!important}

/* Nhãn + ô nhập: nhãn 12px đậm, ô cao 48px viền 1px bo 12. */
html[data-giao-dien="moi"] .ck-wrap .ck-g2c{gap:12px 16px}
html[data-giao-dien="moi"] .ck-wrap .ck-fg{margin-bottom:14px}
html[data-giao-dien="moi"] .ck-wrap .ck-fg .lbl{font-size:12px!important;font-weight:700;color:#4f5e5c;letter-spacing:.03em;margin-bottom:6px}
html[data-giao-dien="moi"] .ck-wrap .inp{min-height:48px;border:1px solid #e3e8e7;border-radius:12px;padding:12px 14px;font-size:15px;color:#14211f;background:#fff}
html[data-giao-dien="moi"] .ck-wrap textarea.inp{min-height:72px}
html[data-giao-dien="moi"] .ck-wrap .inp::placeholder{color:#8a9694}
html[data-giao-dien="moi"] .ck-wrap .inp:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .ck-wrap .inp:disabled,html[data-giao-dien="moi"] .ck-wrap .inp[readonly]{background:#f3f7f6}
/* Nút tăng/giảm số khách (lớp .gh không có luật nào → trước là nút xám mặc định của trình duyệt). */
html[data-giao-dien="moi"] .ck-wrap .ck-fg .btn.gh.sm{width:44px!important;height:44px!important;padding:0!important;justify-content:center;
  background:#fff;border:1px solid #e3e8e7;color:#0e544e;font-size:20px!important;font-weight:700;border-radius:999px}
html[data-giao-dien="moi"] .ck-wrap .ck-fg .btn.gh.sm:hover:not(:disabled){border-color:#26b3b4;background:#e2f4f4}
html[data-giao-dien="moi"] .ck-wrap .ck-fg .btn.gh.sm:disabled{opacity:.45;cursor:not-allowed}
/* Viên chọn kênh nhận tin (Zalo / WhatsApp) + nút "Dùng SĐT khác" */
html[data-giao-dien="moi"] .ck-wrap .ck-fg label[style*="border-radius:999px"]{border-width:1px!important;padding:8px 14px!important;font-size:13px!important;min-height:40px}
html[data-giao-dien="moi"] .ck-wrap .ck-fg button[style*="color:#2563eb"]{color:#0e544e!important;text-decoration:underline;text-underline-offset:3px;min-height:40px}
/* Link xanh dương cũ (--bl giờ là xanh ngọc, chữ nhỏ trên nền trắng không đủ tương phản) → xanh rêu */
html[data-giao-dien="moi"] .ck-wrap a[style*="var(--bl"]{color:#0e544e!important}
/* Ô chọn điểm đón / điểm trả (xe) + nút khung giờ */
html[data-giao-dien="moi"] .ck-wrap .ck-fg > label[style*="border-radius:9px"]{border-width:1px!important;border-radius:14px!important;padding:12px 14px!important}
html[data-giao-dien="moi"] .ck-wrap .ck-fg > label[style*="border-radius:9px"] input[type="radio"]{width:18px;height:18px;accent-color:#0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-fg button[style*="border-radius:8px"]{border-width:1px!important;border-radius:999px!important;padding:8px 16px!important;min-height:40px}
html[data-giao-dien="moi"] .ck-wrap .ck-pax-row{background:#f3f7f6;border-radius:14px;padding:14px}
html[data-giao-dien="moi"] .ck-wrap .ck-pax-head .seat{font-size:12px;background:#0e544e}

/* Thẻ lựa chọn (hoá đơn VAT + cách thanh toán): viền 1px bo 14; đang chọn = viền xanh rêu + nền ngọc nhạt. */
html[data-giao-dien="moi"] .ck-wrap .ck-radio{border:1px solid #e3e8e7;border-radius:14px;padding:14px;gap:12px;background:#fff}
html[data-giao-dien="moi"] .ck-wrap .ck-radio:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .ck-wrap .ck-radio:has(input:checked){border-color:#0e544e;background:#e2f4f4;box-shadow:inset 0 0 0 1px #0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-radio input[type="radio"]{width:20px;height:20px;accent-color:#0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-radio-title{font-size:14px;font-weight:700;color:#14211f}
html[data-giao-dien="moi"] .ck-wrap .ck-radio-desc{font-size:12px;color:#4f5e5c;margin-top:2px}
html[data-giao-dien="moi"] .ck-wrap .ck-radio-badge{font-size:12px;font-weight:700;padding:4px 10px;background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-radio:has(input:checked) .ck-radio-badge{background:#fff}
/* Khối "Hoá đơn VAT": bỏ nền gradient tím nhạt + viền tím → khối trắng như các khối khác. */
html[data-giao-dien="moi"] .ck-wrap #bk-invoice{background:#fff!important;border:1px solid #e3e8e7!important;padding:20px 24px!important}
html[data-giao-dien="moi"] .ck-wrap #bk-invoice > div[style*="grid-template-columns"] + div,
html[data-giao-dien="moi"] .ck-wrap #bk-invoice div[style*="border:1px solid #e0e7ff"]{border-color:#e3e8e7!important;border-radius:14px!important}
/* Ô nhắc "chọn VAT trước" (vàng, viền đứt) */
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="#fffbeb"]{background:#fef5d9!important;border:1px dashed #f0c64a!important;color:#6b4a00!important}

/* Mã giảm giá: ô 48px + nút phụ xanh rêu bo tròn */
html[data-giao-dien="moi"] .ck-wrap .ck-coupon{gap:10px}
html[data-giao-dien="moi"] .ck-wrap .ck-coupon-btn{background:#0e544e;border-radius:999px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700}
html[data-giao-dien="moi"] .ck-wrap .ck-coupon-btn:hover{background:#0a3f3b}
html[data-giao-dien="moi"] .ck-wrap label[style*="#f0fdfa"]{border-radius:14px!important;border-color:#c6e9e9!important;background:#e2f4f4!important}

/* Hộp thông tin chuyển khoản (giữ nguyên mọi dòng: ngân hàng, chủ TK, số TK, số tiền, nội dung CK) */
html[data-giao-dien="moi"] .ck-wrap div[style*="#f0f9f4"]{background:#f3f7f6!important;border:1px dashed #26b3b4!important;border-radius:14px!important;padding:14px 16px!important}
html[data-giao-dien="moi"] .ck-wrap div[style*="#f0f9f4"] > div[style*="font-weight:800"]:first-child{color:#0e544e!important}
html[data-giao-dien="moi"] .ck-wrap .ck-bank-row{font-size:13px;padding:6px 0}
html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .lbl{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .val{color:#14211f}
html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .val.mono{font-size:14px}
html[data-giao-dien="moi"] .ck-wrap .ck-bank-row.hi{border-top:1px dashed #c6e9e9}
html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn{font-size:12px;min-height:34px;min-width:40px;padding:6px 12px;border:1px solid #e3e8e7;border-radius:999px;color:#0e544e;line-height:1.2}
html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn:hover{border-color:#26b3b4;background:#e2f4f4}
html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn.primary{background:#f16225;border-color:#f16225;color:#fff}
html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn.primary:hover{background:#d9531b;border-color:#d9531b}
/* Hộp "trả tại văn phòng" (cam) và hộp "9pay" (tím cũ → ngọc nhạt). Chỉ đổi nền/viền, chữ giữ nguyên. */
html[data-giao-dien="moi"] .ck-wrap div[style*="background:#fff7ed;border:1.5px dashed #f59e0b"]{background:#fef5d9!important;border:1px dashed #e0a800!important;border-radius:14px!important}
html[data-giao-dien="moi"] .ck-wrap div[style*="#eef2ff"]{background:#e2f4f4!important;border:1px dashed #26b3b4!important;border-radius:14px!important}
html[data-giao-dien="moi"] .ck-wrap div[style*="#eef2ff"] > div[style*="color:#4338ca"]{color:#0e544e!important}
html[data-giao-dien="moi"] .ck-wrap div[style*="#eef2ff"] div[style*="color:#4338ca"]:not(:first-child){color:#0a3f3b!important;border-top-color:#9fd9d9!important}
/* Cảnh báo đặt gấp 24h */
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="#fff7ed"]{background:#fdeee7!important;border:1px dashed #f16225!important}
/* Khối đồng ý (nhận tin + điều khoản): giữ nguyên 2 ô tích, chỉ nới vùng bấm. */
html[data-giao-dien="moi"] .ck-wrap .ck-card label input[type="checkbox"]{width:20px!important;height:20px!important;margin-top:1px!important}
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="flex-direction:column"] > label{min-height:44px;padding-top:2px;font-size:13px!important;line-height:1.55}
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="flex-direction:column"] > label[style*="border-top"]{border-top:1px solid #e3e8e7!important;padding-top:12px!important}
/* Phụ thu 9pay (vàng): bo góc + chữ tối thiểu 12px; số tiền + ô đồng ý giữ nguyên chỗ, nguyên màu nhấn. */
html[data-giao-dien="moi"] .ck-wrap div[style*="background:#fffbeb;border:1px solid #fde68a"]{border-radius:14px!important;padding:12px 16px!important}
html[data-giao-dien="moi"] .ck-wrap div[style*="background:#fffbeb;border:1px solid #fde68a"] strong[style*="color:#dc2626"]{color:#b9481a!important;font-size:15px}
html[data-giao-dien="moi"] .ck-wrap div[style*="background:#fffbeb;border:1px solid #fde68a"] input[type="checkbox"]{width:20px;height:20px;flex-shrink:0;margin:0}
/* Lỗi */
html[data-giao-dien="moi"] .ck-wrap .ck-err{border-radius:14px;padding:12px 16px;color:#b91c1c}
/* Nút chính "Thanh toán — số tiền": cam, bo tròn, không bóng */
/* Chữ 19px đậm = "chữ lớn" theo WCAG → trắng trên cam #f16225 (3,2:1) đạt ngưỡng 3:1. Khi khoá (chưa tích điều khoản /
   chưa đồng ý phụ thu): nền xám, chữ đậm rõ thay cho mờ 60% như cũ — số tiền trên nút vẫn đọc được. */
html[data-giao-dien="moi"] .ck-wrap .ck-submit{background:#f16225;border-radius:999px;box-shadow:none;min-height:56px;padding:14px 20px;font-size:19px;font-weight:800;margin-top:4px}
html[data-giao-dien="moi"] .ck-wrap .ck-submit:hover:not(:disabled){background:#d9531b;transform:none}
html[data-giao-dien="moi"] .ck-wrap .ck-submit:disabled{background:#e3e8e7;color:#4f5e5c;opacity:1}
html[data-giao-dien="moi"] .ck-wrap .ck-sec-note{font-size:12px;color:#5f6d6a}

/* Cột tóm tắt đơn bên phải */
html[data-giao-dien="moi"] .ck-wrap .ck-side{top:88px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-card{border:1px solid #e3e8e7;border-radius:20px;padding:20px;box-shadow:none}
html[data-giao-dien="moi"] .ck-wrap .ck-prod-head{border-bottom:1px solid #e3e8e7;padding-bottom:14px;margin-bottom:12px;gap:12px}
html[data-giao-dien="moi"] .ck-wrap .ck-prod-icon{width:56px;height:52px;border-radius:12px;background:#e2f4f4}
html[data-giao-dien="moi"] .ck-wrap .ck-prod-name{font-size:14px;font-weight:700;color:#14211f}
html[data-giao-dien="moi"] .ck-wrap .ck-prod-variant{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .ck-wrap .ck-side-block{border-top:1px solid #e3e8e7;padding:12px 0}
html[data-giao-dien="moi"] .ck-wrap .ck-prod-head + .ck-side-block{border-top:0;padding-top:4px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-block-h{font-size:12px;color:#0e544e;letter-spacing:.04em;margin-bottom:8px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-line{font-size:13px}
html[data-giao-dien="moi"] .ck-wrap .ck-row{font-size:13px;color:#4f5e5c}
html[data-giao-dien="moi"] .ck-wrap .ck-row b{color:#14211f}
html[data-giao-dien="moi"] .ck-wrap .ck-row.tot{border-top:1px solid #e3e8e7;padding-top:12px;color:#14211f;font-size:14px}
/* Tổng tiền: nâu cam đậm #b9481a (đủ tương phản trên nền trắng), to hơn bản cũ — không nhỏ đi. */
html[data-giao-dien="moi"] .ck-wrap .ck-row.tot .v{color:#b9481a;font-size:24px;font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] .ck-wrap .ck-side-addon{border:1px solid #e3e8e7;border-radius:12px;padding:10px 12px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-addon:hover{border-color:#26b3b4;background:#f3f7f6}
html[data-giao-dien="moi"] .ck-wrap .ck-side-addon.sel{border-color:#0e544e;background:#e2f4f4}
html[data-giao-dien="moi"] .ck-wrap .ck-side-addon input{width:18px;height:18px;accent-color:#0e544e}
html[data-giao-dien="moi"] .ck-wrap .ck-side-addon-desc{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] :is(.ck-wrap .ck-side-addon-px, .ck-wrap .ck-addon-price){color:#b9481a}
html[data-giao-dien="moi"] .ck-wrap .ck-addon{border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .ck-wrap .ck-addon:has(input:checked){border-color:#f16225;background:#fdeee7}
html[data-giao-dien="moi"] .ck-wrap .ck-addon-desc{font-size:12px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-note{background:#f3f7f6;border-radius:14px;padding:12px 14px;font-size:12px;color:#4f5e5c;margin-top:12px}
html[data-giao-dien="moi"] .ck-wrap .ck-side-warn{border-top:1px solid #e3e8e7;font-size:12px}
/* Trang đã đặt xong (_done): bỏ nền gradient, giữ màu tiêu đề/icon theo luồng. */
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="linear-gradient"]{background:#fff!important;border:1px solid #e3e8e7!important}
html[data-giao-dien="moi"] .ck-wrap .ck-card[style*="linear-gradient"] div[style*="dashed #f59e0b"]{background:#fef5d9!important;border:1px dashed #e0a800!important;border-radius:14px!important}
/* Chữ nội dung tối thiểu 12px (style="" viết thẳng 10–11.5px) */
html[data-giao-dien="moi"] .ck-wrap :is([style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"]){font-size:12px!important}
html[data-giao-dien="moi"] .ck-wrap [style*="color:#9ca3af"]{color:#5f6d6a!important}
html[data-giao-dien="moi"] .ck-wrap [style*="color:#64748b"]{color:#4f5e5c!important}

/* ════════════════════════════════════════════════════════════════════
   2. /booking/new/yeu-cau — SP "chỉ liên hệ" gửi yêu cầu (khung không có lớp riêng → bắt theo style của khung)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"]{padding-bottom:40px!important}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] > p[style*="#fffbeb"]{background:#fef5d9!important;border:1px solid #f6dc8f!important;border-radius:14px!important;color:#5c4300!important}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] > div[style*="border:1px solid var(--g2)"]{border-color:#e3e8e7!important;border-radius:20px!important;padding:18px 20px!important}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] form{background:#fff;border:1px solid #e3e8e7;border-radius:20px;padding:20px 24px}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] form label{color:#14211f}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] .inp{min-height:48px;margin-top:6px;border:1px solid #e3e8e7;border-radius:12px;font-size:15px;font-weight:400}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] textarea.inp{min-height:88px}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] .btn.p{background:#f16225;box-shadow:none;justify-content:center;min-height:52px;font-size:15px!important;font-weight:800}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] .btn.p:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] > div[style*="#ecfdf5"]{background:#fff!important;border:1px solid #e3e8e7!important;border-radius:20px!important}

/* ════════════════════════════════════════════════════════════════════
   3. /checkout/{mã} — thanh toán lại (section.section.rcx — lớp này chỉ trang Checkout dùng)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] section.section.rcx .stl{color:#0e544e;font-size:28px}
html[data-giao-dien="moi"] section.section.rcx .card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;background:#fff}
html[data-giao-dien="moi"] section.section.rcx .card[style*="var(--rl)"]{background:#fff!important;color:#b91c1c!important;border-color:#f3c5c5}
html[data-giao-dien="moi"] section.section.rcx h3{font-size:17px;color:#0e544e}
html[data-giao-dien="moi"] section.section.rcx hr{border-top-color:#e3e8e7!important}
html[data-giao-dien="moi"] section.section.rcx .co-methods .btn{min-height:44px;font-size:13px;border-width:1px}
html[data-giao-dien="moi"] section.section.rcx .co-methods .btn.tl{background:#0e544e;color:#fff}
html[data-giao-dien="moi"] section.section.rcx .co-methods .btn.ol{border:1px solid #e3e8e7;color:#0e544e;background:#fff}
html[data-giao-dien="moi"] section.section.rcx .co-methods .btn.ol:hover{border-color:#26b3b4;background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] section.section.rcx div[style*="#f0f9f4"]{background:#f3f7f6!important;border:1px dashed #26b3b4!important;border-radius:14px!important}
html[data-giao-dien="moi"] section.section.rcx div[style*="#f0f9f4"] > div[style*="color:#166534"]{color:#0e544e!important}
html[data-giao-dien="moi"] section.section.rcx div[style*="#fffbeb"]{border-radius:14px!important}
html[data-giao-dien="moi"] section.section.rcx div[style*="#fffbeb"] strong[style*="color:#dc2626"]{color:#b9481a!important}
html[data-giao-dien="moi"] section.section.rcx div[style*="#fff7ed"]{border-radius:14px!important}
html[data-giao-dien="moi"] section.section.rcx label input[type="checkbox"]{width:20px;height:20px}
html[data-giao-dien="moi"] section.section.rcx .btn.p{background:#f16225;box-shadow:none;min-height:56px;font-size:19px!important;font-weight:800}
html[data-giao-dien="moi"] section.section.rcx .btn.p:hover:not(:disabled){background:#d9531b;transform:none}
html[data-giao-dien="moi"] section.section.rcx .btn.p:disabled{background:#e3e8e7;color:#4f5e5c;cursor:not-allowed}
html[data-giao-dien="moi"] section.section.rcx [style*="var(--rd)"]{color:#b91c1c!important}
html[data-giao-dien="moi"] section.section.rcx :is([style*="font-size:11px"],[style*="font-size:11.5px"]){font-size:12px!important}

/* ════════════════════════════════════════════════════════════════════
   4. /booking-processing/{mã} — chờ xác nhận thanh toán
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .processing-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:40px 32px}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .spinner{border-color:#e3e8e7;border-top-color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .processing-card h2{color:#14211f;font-size:24px}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .processing-card h2[style*="#15803d"]{color:#15803d}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .processing-card h2[style*="#dc2626"]{color:#b91c1c}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .step{font-size:14px;color:#5f6d6a}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .step.active{color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) p[style*="font-size:11px"]{font-size:12px!important;color:#5f6d6a!important}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .pr-btn{min-height:48px;padding:12px 24px}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .pr-btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .processing-wrap) .pr-btn.gh{border:1px solid #e3e8e7;color:#0e544e}

/* ════════════════════════════════════════════════════════════════════
   5. /booking-success/{mã} — đặt thành công
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-wrap h2{font-size:clamp(24px,3.4vw,32px)}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-sub{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:24px}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-qr{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-qr img{border-color:#e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-qr .lab{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-code{color:#0e544e;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-row span{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-total{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-total .v strong{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-callout{background:#fef5d9;border:1px solid #f6dc8f;border-radius:14px;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-bank{border:1px solid #e3e8e7;border-radius:20px;padding:18px 20px}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-bank h3{font-size:16px;font-weight:800;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-bank h3 svg{color:#26b3b4}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-bank .brow{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-bank .brow strong.hl{color:#b9481a}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) div[style*="#eef7f7"]{background:#e2f4f4!important;border-left-color:#26b3b4!important;border-radius:12px!important;color:#14211f!important}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-btn{min-height:48px;padding:12px 24px}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-btn.p:hover{background:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-btn.ol{border:1px solid #e3e8e7;color:#0e544e;background:#fff}
html[data-giao-dien="moi"] .rcx:has(> .bsx-wrap) .bsx-btn.ol:hover{border-color:#26b3b4}

/* ════════════════════════════════════════════════════════════════════
   6. /booking-failed/{mã} — thanh toán không thành công
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-sub{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-msg{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:14px;color:#14211f}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-btn{min-height:48px;padding:12px 24px}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-btn.p:hover{background:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-btn.ol{border:1px solid #e3e8e7;color:#0e544e;background:#fff}
html[data-giao-dien="moi"] .rcx:has(> .bf-card) .bf-btn.ol:hover{border-color:#26b3b4}

/* ════════════════════════════════════════════════════════════════════
   7. /esim-order/{mã} — chi tiết đơn eSIM + QR (.es-wrap.rcx)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .es-wrap.rcx .es-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
/* Đầu thẻ: bỏ gradient teal cũ → nền xanh rêu phẳng */
html[data-giao-dien="moi"] .es-wrap.rcx .es-head{background:#0e544e}
html[data-giao-dien="moi"] .es-wrap.rcx .es-head .ttl{font-weight:800}
html[data-giao-dien="moi"] .es-wrap.rcx .es-section{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .es-wrap.rcx .es-section h3{font-size:15px;color:#0e544e}
html[data-giao-dien="moi"] .es-wrap.rcx .es-section h3 svg{color:#26b3b4}
html[data-giao-dien="moi"] .es-wrap.rcx .qr-box{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .es-wrap.rcx .activation-code{background:#072b28;color:#e2f4f4;border-radius:12px}
html[data-giao-dien="moi"] .es-wrap.rcx .es-section[style*="#fffbeb"],
html[data-giao-dien="moi"] .es-wrap.rcx .es-section[style*="#fef3c7"]{background:#fef5d9!important}
html[data-giao-dien="moi"] .es-wrap.rcx .es-section[style*="#f0f9f4"]{background:#f3f7f6!important}
html[data-giao-dien="moi"] .es-wrap.rcx span[style*="background:#fef9c3"]{background:#fef5d9!important}
html[data-giao-dien="moi"] .es-wrap.rcx div[style*="#fff7e6"]{border-radius:12px!important}
html[data-giao-dien="moi"] .es-wrap.rcx summary{min-height:44px}
html[data-giao-dien="moi"] .es-wrap.rcx .btn.p{background:#f16225;box-shadow:none;min-height:48px;padding:12px 24px}
html[data-giao-dien="moi"] .es-wrap.rcx .es-card > .btn{margin-top:12px}
html[data-giao-dien="moi"] .es-wrap.rcx .btn.p:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .es-wrap.rcx .btn.gh{background:#fff;border:1px solid #e3e8e7;color:#0e544e;min-height:44px}
html[data-giao-dien="moi"] .es-wrap.rcx .btn.gh:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .es-wrap.rcx [style*="font-size:11px"]{font-size:12px!important}
html[data-giao-dien="moi"] .es-wrap.rcx [style*="color:#64748b"]{color:#4f5e5c!important}

/* ════════════════════════════════════════════════════════════════════
   8. /esim-success/{mã} — mua eSIM thành công (.rcx > .es-wrap)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-sub{color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-row{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-row span{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-btn{min-height:48px}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-btn.p:hover{background:#d9531b}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-btn.gh{border:1px solid #e3e8e7;color:#0e544e}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-tip{background:#fef5d9;border:1px solid #f6dc8f;border-radius:14px;color:#5c4300}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-wrap > p[style*="#dc2626"]{color:#b91c1c!important}
html[data-giao-dien="moi"] .rcx:has(> .es-wrap) .es-wrap > p[style*="#dc2626"] a{color:#0e544e!important;text-decoration:underline;text-underline-offset:3px}

/* ════════════════════════════════════════════════════════════════════
   9. /order-detail/{mã} — chi tiết đơn (.od-wrap)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .od-wrap .od-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .od-wrap .od-head{background:#0e544e}
html[data-giao-dien="moi"] .od-wrap .od-head h1{font-weight:800}
/* .sub ăn màu xám --gt của legacy → xám trên xanh rêu gần như không đọc được. */
html[data-giao-dien="moi"] .od-wrap .od-head .sub{color:#fff}
html[data-giao-dien="moi"] .od-wrap .od-head .bd{color:#0e544e!important}
html[data-giao-dien="moi"] .od-wrap .od-empty-ic{color:#26b3b4;opacity:1}
html[data-giao-dien="moi"] .od-wrap .od-section{border-bottom:1px solid #e3e8e7}
html[data-giao-dien="moi"] .od-wrap .od-section h3{color:#0e544e;letter-spacing:.06em;font-size:13px}
html[data-giao-dien="moi"] .od-wrap .od-section h3 svg{color:#26b3b4}
html[data-giao-dien="moi"] .od-wrap .info-row strong{color:#4f5e5c}
html[data-giao-dien="moi"] .od-wrap .price-row.total{border-top:1px solid #e3e8e7;color:#b9481a}
html[data-giao-dien="moi"] .od-wrap .price-row[style*="#16a34a"]{color:#15803d!important}
/* Mã đơn trong câu "không tìm thấy" là thẻ <code> (file chung chừa code ra) — trong khung này cho về Montserrat. */
html[data-giao-dien="moi"] .od-wrap code{font-family:'Montserrat',system-ui,sans-serif!important;font-weight:700;background:#f3f7f6;border-radius:6px;padding:1px 6px;color:#14211f}
html[data-giao-dien="moi"] .od-wrap .btn{min-height:44px}
html[data-giao-dien="moi"] .od-wrap .od-card > .btn{margin-top:12px}
html[data-giao-dien="moi"] .od-wrap .btn.p{background:#f16225;box-shadow:none}
html[data-giao-dien="moi"] .od-wrap .btn.p:hover{background:#d9531b;transform:none}
html[data-giao-dien="moi"] .od-wrap .btn.t{background:#0e544e;color:#fff}
html[data-giao-dien="moi"] .od-wrap .btn.gh{background:#fff;border:1px solid #e3e8e7;color:#0e544e}
html[data-giao-dien="moi"] .od-wrap .btn.gh:hover{border-color:#26b3b4}

/* ════════════════════════════════════════════════════════════════════
   10. /esim-checkout?country=… — chọn gói eSIM + điền + thanh toán (.ed-wrap; thanh mua dính đáy .ed-mob-cta)
   ════════════════════════════════════════════════════════════════════ */
html[data-giao-dien="moi"] .ed-wrap .ed-bc a:hover{color:#0e544e}
/* Ảnh đầu trang + khối nội dung: phẳng, viền 1px, bo 20 */
html[data-giao-dien="moi"] .ed-wrap .ed-hero{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .ed-wrap .ed-hero-img{background:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-hero-img .country-tag{background:#f8c11c;color:#14211f;box-shadow:none;border-radius:999px}
html[data-giao-dien="moi"] .ed-wrap .ed-hero h1{color:#14211f;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap .ed-hero .intro{color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-feat .ft{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .ed-wrap .ed-feat .ft .lab{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-feat .ft .val{color:#14211f}
html[data-giao-dien="moi"] .ed-wrap .ed-feat .ft.on{background:#e2f4f4;border-color:#c6e9e9}
html[data-giao-dien="moi"] .ed-wrap .ed-feat .ft.on .val{color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-card{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:24px}
html[data-giao-dien="moi"] .ed-wrap .ed-card-title{font-size:18px;font-weight:800;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-card-title svg{color:#26b3b4!important}
html[data-giao-dien="moi"] .ed-wrap .ed-card p{color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-carrier{background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-step{border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .ed-wrap .ed-step .num{background:#0e544e;box-shadow:none}
html[data-giao-dien="moi"] .ed-wrap .ed-step .body p{color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-faq{border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .ed-wrap .ed-faq summary::before{background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-faq[open] summary::before{background:#f16225;color:#fff}
html[data-giao-dien="moi"] .ed-wrap .ed-faq summary:hover{color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-faq .a{color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-note{background:#fef5d9;border-color:#f6dc8f;border-radius:14px;color:#5c4300}
/* Đánh giá: bỏ gradient vàng kem; điểm số đổi sang chữ tối (vàng trên vàng nhạt khó đọc), sao giữ vàng. */
html[data-giao-dien="moi"] .ed-wrap .ed-rev-summary{background:#fef5d9;border:1px solid #f6dc8f;border-radius:16px}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-score .num{color:#14211f;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap :is(.ed-rev-score .stars, .ed-rev-stars){color:#e0a800}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-bar-fill{background:#f8c11c}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-bar .pct,html[data-giao-dien="moi"] .ed-wrap .ed-rev-date{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .ed-rev{background:#f3f7f6;border-color:#e3e8e7;border-radius:14px}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-avt{background:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-content{color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-rev-empty{background:#f3f7f6;border-radius:14px;color:#4f5e5c}
/* Lời chào khách nước ngoài (trang Việt Nam): bỏ gradient kem */
html[data-giao-dien="moi"] .ed-wrap .vn-inbound{background:#e2f4f4;border:1px solid #c6e9e9;border-radius:16px}
html[data-giao-dien="moi"] .ed-wrap .vn-inbound-emoji{color:#0e544e!important}
html[data-giao-dien="moi"] .ed-wrap .vn-inbound .vn-inbound-title{color:#0e544e;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap .vn-inbound .vn-inbound-en{color:#14211f;font-style:normal;font-size:13px}
/* Thẻ chọn nhà mạng (nếu có) */
html[data-giao-dien="moi"] .ed-wrap .carrier-picker{border-bottom-color:#e3e8e7}
html[data-giao-dien="moi"] .ed-wrap :is(.carrier-picker-head, .uc-row .uc-head){color:#0e544e;font-size:12px}
html[data-giao-dien="moi"] .ed-wrap :is(.carrier-picker-head, .uc-row .uc-head) .step-num{background:#0e544e;font-size:12px}
html[data-giao-dien="moi"] .ed-wrap :is(.carrier-picker-head, .uc-row .uc-head)::before{background:#f16225}
html[data-giao-dien="moi"] .ed-wrap :is(.carrier-picker-head, .uc-row .uc-head) .uc-head-en{font-size:12px;font-style:normal;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .carrier-card{border:1px solid #e3e8e7;border-radius:16px}
html[data-giao-dien="moi"] .ed-wrap .carrier-card:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .ed-wrap .carrier-card.active{border-color:#0e544e;background:#e2f4f4}
html[data-giao-dien="moi"] .ed-wrap .carrier-card.active::before,html[data-giao-dien="moi"] .ed-wrap .carrier-card.active .cc-name{color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .carrier-card :is(.cc-badge,.cc-hint,.cc-count){font-size:12px}
html[data-giao-dien="moi"] .ed-wrap .carrier-card .cc-hint-en{font-size:12px;font-style:normal;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .carrier-card.active .cc-count{background:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .uc-chip{border:1px solid #e3e8e7}
html[data-giao-dien="moi"] .ed-wrap .uc-chip.active{border-color:#0e544e;background:#e2f4f4}
html[data-giao-dien="moi"] .ed-wrap .uc-chip.active :is(.uc-label,.uc-hint){color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .uc-chip :is(.uc-hint,.uc-label .uc-n){font-size:12px}
html[data-giao-dien="moi"] .ed-wrap .uc-chip.active .uc-label .uc-n{background:#0e544e}

/* Khung mua dính bên phải: phẳng, viền 1px, bo 20 */
html[data-giao-dien="moi"] .ed-wrap .ed-buy{border:1px solid #e3e8e7;border-radius:20px;box-shadow:none;padding:20px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy-title{font-size:16px;font-weight:800;color:#0e544e;margin-bottom:10px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy-title svg{color:#26b3b4!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy-divider{background:#e3e8e7;margin:12px 0}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .gg-row{margin-bottom:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .gg-row .gg-head{margin-bottom:8px}
html[data-giao-dien="moi"] .ed-wrap .gg-row .gg-label{font-size:14px;font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .ed-wrap .gg-row .gg-en{font-size:12px;font-style:normal;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .gg-row .gg-reset{font-size:12px;color:#0e544e;border-radius:999px}
/* Viên chọn số ngày / dung lượng: viền mảnh xám (bỏ viền kem #e6d3a8), chọn = nền xanh rêu */
html[data-giao-dien="moi"] .ed-wrap .gg-pill{border:1px solid #e3e8e7;border-radius:999px;color:#14211f;font-weight:700}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .gg-pill{padding:8px 14px;font-size:13px;min-width:44px;min-height:38px}
html[data-giao-dien="moi"] .ed-wrap .gg-pill:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .gg-pill.active,html[data-giao-dien="moi"] .ed-wrap .ed-buy .gg-pill.active{background:#0e544e;border:1px solid #0e544e;color:#fff;padding:8px 14px}
html[data-giao-dien="moi"] .ed-wrap .gg-pill.disabled,html[data-giao-dien="moi"] .ed-wrap .gg-pill.disabled:hover{background:#f3f7f6;border-color:#eef1f0;color:#9aa5a3;font-weight:600}
html[data-giao-dien="moi"] .ed-wrap .gg-pill .gg-deal{background:#f16225;box-shadow:none;font-size:12px;font-weight:800;top:-10px;right:-8px;padding:2px 6px;border-radius:999px}
/* Phạm vi phủ sóng (bấm mở) — trước nền kem #fff8e5 viền #ecdcb5 */
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details{background:#f3f7f6;border:1px solid #e3e8e7;border-radius:12px;color:#14211f;font-size:13px}
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details summary{color:#0e544e;min-height:40px;border-radius:12px}
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details summary:hover{background:#e2f4f4}
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details .ci-row{border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details .ci-en{font-style:normal;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .carrier-info-details summary .ci-en{font-size:12px}
/* Gói đã chọn */
html[data-giao-dien="moi"] .ed-wrap .ed-buy .sel-card{background:#e2f4f4;border:1px solid #c6e9e9;border-radius:14px;padding:12px 14px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .sel-card .sel-data{color:#0e544e;font-weight:800;font-size:16px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .sel-card .sel-meta{font-size:12px;color:#4f5e5c}
/* Nhãn + ô nhập */
html[data-giao-dien="moi"] .ed-wrap .ed-buy .lbl{font-size:12px;color:#4f5e5c;font-weight:700;letter-spacing:.03em;margin-bottom:6px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .field{margin-bottom:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .field-grid{gap:10px;margin-bottom:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .inp{min-height:44px;border:1px solid #e3e8e7;border-radius:12px;padding:10px 12px;font-size:14px;color:#14211f}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .inp:hover{border-color:#26b3b4}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .qty-ctrl{border:1px solid #e3e8e7;border-radius:12px;min-height:44px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .qty-btn{width:44px;height:44px;background:#f3f7f6;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .qty-btn:hover{background:#e2f4f4}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .qty-val{font-size:15px;color:#14211f}
/* Hoá đơn VAT (bước 1) + cách thanh toán (bước 2) */
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-row[style*="#fffbeb"]{background:#fef5d9!important;border:1px dashed #e0a800!important;border-radius:14px!important;padding:10px 12px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-row[style*="#fafbff"]{background:#fff!important;border:1px solid #e3e8e7!important;border-radius:14px!important;padding:10px 12px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-row{margin:10px 0}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-label{font-size:12px;color:#0e544e;letter-spacing:.03em}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-options{gap:6px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt{border:1px solid #e3e8e7;border-radius:12px;padding:10px 12px;font-size:13px;color:#14211f;min-height:44px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt:hover{border-color:#26b3b4;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt.active{border-color:#0e544e;background:#e2f4f4;color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt input[type=radio]{accent-color:#0e544e;width:18px;height:18px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt .pm-tag{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-opt.active .pm-tag{color:#0e544e}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pm-desc{font-size:12px;color:#4f5e5c}
/* Hộp trả tại văn phòng / chuyển khoản trong khung mua (giữ mọi dòng, chỉ đổi nền + viền) */
html[data-giao-dien="moi"] .ed-wrap .ed-buy div[style*="background:#fff7ed;border:1.5px dashed #f59e0b"]{background:#fef5d9!important;border:1px dashed #e0a800!important;border-radius:14px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy div[style*="#f0f9f4"]{background:#f3f7f6!important;border:1px dashed #26b3b4!important;border-radius:14px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy div[style*="#f0f9f4"] > div[style*="color:#16a34a"]{color:#0e544e!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy button[style*="border:1px solid #16a34a"]{border-color:#e3e8e7!important;color:#0e544e!important;border-radius:999px!important;min-height:34px;min-width:40px;font-size:12px!important}
/* Mã giảm giá trong khung mua: ô 44px + nút phụ xanh rêu */
html[data-giao-dien="moi"] .ed-wrap .ed-buy input[style*="text-transform:uppercase"]{min-height:44px;border:1px solid #e3e8e7!important;border-radius:12px!important;font-size:14px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy button[style*="background:#0d7377"]{background:#0e544e!important;border-color:#0e544e!important;border-radius:999px!important;min-height:44px;padding:0 18px!important;font-size:13px!important}
/* Tổng tiền: #b9481a đậm, không nhỏ đi */
html[data-giao-dien="moi"] .ed-wrap .ed-buy .total-row{border-top:1px solid #e3e8e7;padding:12px 0;margin:8px 0 10px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .total-lbl{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .total-qty{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .total-now{color:#b9481a;font-size:24px;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .total-orig{font-size:12px;color:#5f6d6a}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .breakdown{background:#f3f7f6;border-radius:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .br-row.total .v{color:#b9481a}
/* Phụ thu 9pay trong khung mua: bo góc; số tiền cuối đổi đỏ → nâu cam đậm, cỡ giữ nguyên trở lên */
html[data-giao-dien="moi"] .ed-wrap .ed-buy div[style*="background:#fffbeb;border:1px solid #fde68a"]{border-radius:14px!important;padding:12px 14px!important}
html[data-giao-dien="moi"] .ed-wrap .ed-buy div[style*="background:#fffbeb;border:1px solid #fde68a"] strong[style*="color:#dc2626"]{color:#b9481a!important;font-size:15px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy label input[type="checkbox"]{width:20px;height:20px}
/* Nút thanh toán: bỏ gradient cam→vàng + bóng, cam phẳng bo tròn */
html[data-giao-dien="moi"] .ed-wrap .ed-buy .cta{background:#f16225;border-radius:999px;box-shadow:none;min-height:54px;padding:12px 18px;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .cta:hover:not(:disabled){background:#d9531b;transform:none;box-shadow:none}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .cta span{font-size:19px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .cta:disabled{background:#e3e8e7;color:#4f5e5c;opacity:1}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .assure-compact{background:#e2f4f4;color:#0e544e;font-size:12px;border-radius:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .assure{background:#e2f4f4;color:#0e544e;font-size:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .pay-icon{font-size:12px;background:#f3f7f6}
html[data-giao-dien="moi"] .ed-wrap .ed-buy .err{border-radius:12px}
html[data-giao-dien="moi"] .ed-wrap .ed-buy a[style*="color:#015959"]{color:#0e544e!important}
/* Gói khác */
html[data-giao-dien="moi"] .ed-wrap .ed-related h2{font-weight:800;color:#14211f}
html[data-giao-dien="moi"] .ed-wrap .ed-rel-card{border:1px solid #e3e8e7;border-radius:16px}
html[data-giao-dien="moi"] .ed-wrap .ed-rel-card:hover{border-color:#26b3b4;box-shadow:none}
html[data-giao-dien="moi"] .ed-wrap .ed-rel-card .px{color:#b9481a}
/* Cờ quốc gia: bỏ bóng, thay viền mảnh (cờ nền trắng như Nhật/Singapore vẫn tách khỏi nền) */
html[data-giao-dien="moi"] .ed-wrap .ed-rel-card .flag{box-shadow:none;border:1px solid #e3e8e7}
html[data-giao-dien="moi"] .ed-wrap .ed-hero-img .country-flag-overlay{box-shadow:none;border:2px solid #fff}
/* Chữ tối thiểu 12px (style="" viết thẳng) */
html[data-giao-dien="moi"] .ed-wrap :is([style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"]){font-size:12px!important}
/* Thanh mua dính đáy trên điện thoại (nằm ngoài .ed-wrap, ngay sau nó) */
html[data-giao-dien="moi"] .ed-wrap ~ .ed-mob-cta{box-shadow:none;border-top:1px solid #e3e8e7}
html[data-giao-dien="moi"] .ed-wrap ~ .ed-mob-cta .p-from{font-size:12px;color:#4f5e5c}
html[data-giao-dien="moi"] .ed-wrap ~ .ed-mob-cta .p-price{color:#b9481a;font-weight:800}
html[data-giao-dien="moi"] .ed-wrap ~ .ed-mob-cta .btn-cta{background:#f16225;border-radius:999px;box-shadow:none;min-height:44px}
/* Màn dự phòng khi 9pay không khởi tạo được */
html[data-giao-dien="moi"] main > .done-card{background:#fff;border:1px solid #e3e8e7;border-radius:20px}

/* ════════════════════════════════════════════════════════════════════
   11. Điện thoại (≤ 600px): vùng bấm ≥ 44px, ô nhập ≥ 48px, không tràn ngang
   ════════════════════════════════════════════════════════════════════ */
@media (max-width:600px){
  html[data-giao-dien="moi"] .ck-wrap{padding:16px 16px 32px}
  html[data-giao-dien="moi"] .ck-wrap .ck-card{padding:16px;border-radius:20px}
  html[data-giao-dien="moi"] .ck-wrap #bk-invoice{padding:16px!important}
  html[data-giao-dien="moi"] .ck-wrap .ck-side-card{padding:16px}
  html[data-giao-dien="moi"] .ck-wrap .inp{font-size:16px}
  /* 2 thẻ VAT cạnh nhau ở 390px bị bẻ chữ từng từ → xếp dọc (thứ tự giữ nguyên: Không trước, Có sau) */
  html[data-giao-dien="moi"] .ck-wrap #bk-invoice div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  html[data-giao-dien="moi"] .ck-wrap .ck-fg label[style*="border-radius:999px"],
  html[data-giao-dien="moi"] .ck-wrap .ck-fg button[style*="color:#2563eb"],
  html[data-giao-dien="moi"] .ck-wrap .ck-fg button[style*="border-radius:8px"],
  html[data-giao-dien="moi"] .ck-wrap .ck-coupon-btn,
  html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn,
  html[data-giao-dien="moi"] .ck-wrap a[style*="var(--bl"]{min-height:44px;display:inline-flex;align-items:center}
  html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn{min-width:44px;justify-content:center}
  /* Dòng chuyển khoản: nới chỗ cho giá trị để "Nội dung CK" không bị bẻ giữa dãy số; nếu vẫn chật thì bẻ ở dấu "-" */
  html[data-giao-dien="moi"] .ck-wrap div[style*="#f0f9f4"]{padding:12px!important}
  html[data-giao-dien="moi"] .ck-wrap .ck-bank-row{gap:8px}
  html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .lbl{flex:0 0 88px;min-width:0}
  html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .val.mono{font-size:13.5px}
  html[data-giao-dien="moi"] .ck-wrap .ck-bank-row .val{word-break:normal;overflow-wrap:anywhere}
  html[data-giao-dien="moi"] .ck-wrap .ck-copy-btn.primary{padding:6px 10px}
  html[data-giao-dien="moi"] .ck-wrap label:has(> input[type="checkbox"]){min-height:44px}
  html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] form{padding:16px}
  html[data-giao-dien="moi"] div[style*="max-width:640px;margin:32px auto;padding:0 16px"] .inp{font-size:16px}
  html[data-giao-dien="moi"] section.section.rcx .card{padding:18px!important}
  html[data-giao-dien="moi"] .ed-wrap{padding:16px 16px 100px}
  html[data-giao-dien="moi"] .ed-wrap .ed-card{padding:18px 16px}
  html[data-giao-dien="moi"] .ed-wrap .ed-buy{padding:16px}
  html[data-giao-dien="moi"] .ed-wrap .ed-buy .inp,
  html[data-giao-dien="moi"] .ed-wrap .ed-buy input[style*="text-transform:uppercase"]{min-height:48px;font-size:16px!important}
  html[data-giao-dien="moi"] .ed-wrap .ed-buy button[style*="background:#0d7377"]{min-height:48px}
  html[data-giao-dien="moi"] .ed-wrap .ed-buy button[style*="border:1px solid #16a34a"]{min-height:44px;min-width:44px}
  html[data-giao-dien="moi"] .ed-wrap .ed-buy label:has(> input[type="checkbox"]){min-height:44px}
  html[data-giao-dien="moi"] .ed-wrap .carrier-info-details summary{min-height:44px}
  html[data-giao-dien="moi"] .ed-wrap .gg-row .gg-reset{min-height:44px}
}