/* Thuê xe du lịch — dùng chung cho trang tổng /thue-xe-du-lich
   và các trang vùng /thue-xe-du-lich/{vùng}. Toàn bộ scope trong .rcx.
   Tách khỏi <style> inline của CarRental.razor 05/08/2026. */
    /* ===== Thuê xe · "Go Everywhere" (scoped .rcx) ===== */
    .rcx{--ink:#10211f;--teal:#015959;--teald:#013332;--or2:#f95d00;--gld:#fbc117;--paper:#f4ead6;--cream:#fbf6ea;--ln:#d8c9ab;--mut:#7c6f57;
        position:relative;font-family:"Be Vietnam Pro",system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow:hidden}
    .rcx *{box-sizing:border-box}
    .rcx h1,.rcx h2,.rcx h3{font-family:"Fraunces",Georgia,serif}
    .rcx .eyebrow{display:inline-block;font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gld);position:relative}
    .txd-hero{background:radial-gradient(60% 50% at 80% 0%,rgba(251,193,23,.18),transparent 60%),radial-gradient(55% 50% at 8% 100%,rgba(249,93,0,.26),transparent 60%),linear-gradient(160deg,#012a2a,var(--teal) 55%,#0c7a6e);color:#fff;padding:74px 18px 80px;text-align:center;position:relative;overflow:hidden}
    .txd-hero .hero-map{position:absolute;inset:0;opacity:.5;pointer-events:none;overflow:hidden}
    .txd-hero .hero-map svg{width:100%;height:100%}
    .txd-hero .fp{fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.6;stroke-dasharray:2 9;stroke-linecap:round}
    .txd-hero .plane{fill:var(--gld);offset-path:path("M -40 200 C 320 60, 820 250, 1240 60");offset-rotate:auto;animation:txfly 11s ease-in-out infinite}
    @keyframes txfly{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}
    .txd-hero h1{font-size:clamp(34px,5.5vw,56px);font-weight:900;letter-spacing:-.02em;margin:14px 0 12px;position:relative;color:#fff}
    .txd-hero p{font-size:clamp(15px,1.8vw,18px);opacity:.9;max-width:640px;margin:0 auto 24px;position:relative}
    .txd-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
    .txd-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s;cursor:pointer;border:0;font-family:"Be Vietnam Pro",sans-serif}
    .txd-btn.p{background:var(--or2);color:#fff;box-shadow:0 8px 22px -8px rgba(249,93,0,.7)}
    .txd-btn.p:hover{transform:translateY(-2px)}
    .txd-btn.ol{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
    .txd-wrap{max-width:1000px;margin:0 auto;padding:54px 18px;position:relative;z-index:2}
    .txd-sec-t{font-size:clamp(26px,3.6vw,38px);font-weight:900;color:var(--ink);margin:0 0 26px;text-align:center;letter-spacing:-.01em}
    .txd-usp{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
    .txd-usp .c{background:var(--cream);border:1.5px solid var(--ln);border-radius:14px;padding:24px 20px;font-size:14px;line-height:1.6;color:#403a2b;box-shadow:0 14px 30px -24px rgba(16,33,31,.5)}
    .txd-usp .c .ic{display:block;margin-bottom:12px;color:var(--teal)}
    .txd-usp .c:nth-child(even) .ic{color:var(--or2)}
    .txd-usp .c .ic svg{width:34px;height:34px}
    .txd-tbl{width:100%;border-collapse:collapse;background:var(--cream);border-radius:14px;overflow:hidden;box-shadow:0 14px 30px -24px rgba(16,33,31,.5);border:1px solid var(--ln);margin-bottom:18px}
    .txd-tbl caption{caption-side:top;text-align:left;font-family:"Fraunces",serif;font-weight:900;color:var(--ink);padding:18px 18px 10px;font-size:18px}
    .txd-tbl th,.txd-tbl td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--ln);font-size:14px}
    .txd-tbl th{background:var(--paper);color:var(--teal);font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
    .txd-tbl tr:last-child td{border-bottom:none}
    .txd-tbl td.pr{font-family:"Spline Sans Mono",monospace;font-weight:600;color:var(--or2);white-space:nowrap}
    .txd-disc{font-size:12.5px;color:var(--mut);line-height:1.6;background:var(--paper);border:1px dashed var(--ln);border-radius:10px;padding:14px 16px;margin-top:8px}
    .txd-form{background:var(--cream);border:1.5px solid var(--ln);border-radius:18px;padding:30px 26px;box-shadow:0 26px 60px -36px rgba(16,33,31,.55)}
    .txd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .txd-fld{display:flex;flex-direction:column;gap:6px}
    .txd-fld.full{grid-column:1/-1}
    .txd-fld label{font-size:12.5px;font-weight:600;color:#4f4838}
    .txd-fld .inp{border:1.5px solid var(--ln);border-radius:10px;padding:11px 14px;font-size:14px;font-family:"Be Vietnam Pro",sans-serif;width:100%;background:#fff}
    .txd-fld .inp:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(1,89,89,.12)}
    .txd-areas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
    .txd-areas span{display:inline-flex;align-items:center;gap:7px;background:var(--cream);border:1.5px solid var(--ln);color:var(--teal);border-radius:999px;padding:10px 18px;font-weight:600;font-size:13px;font-family:"Spline Sans Mono",monospace}
    .txd-areas span svg{width:14px;height:14px}
    .txd-blog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
    .txd-blog a{display:flex;align-items:center;gap:10px;background:var(--cream);border:1.5px solid var(--ln);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:13.5px;transition:transform .18s,border-color .18s}
    .txd-blog a:hover{transform:translateY(-3px);border-color:var(--teal)}
    .txd-blog a svg{width:20px;height:20px;color:var(--or2);flex:none}
    /* B2B price-sheet */
    .txd-b2b{background:linear-gradient(135deg,#fff8ec,#fdeccc);border:1.5px solid var(--gld);border-radius:14px;padding:18px 20px;margin-bottom:20px}
    .txd-b2b .txd-badge{display:inline-block;background:var(--teal);color:#fff;font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 12px;border-radius:999px;margin-bottom:10px}
    .txd-b2b p{margin:0 0 12px;font-size:13.5px;line-height:1.65;color:#4a4330}
    .txd-b2b-cta{display:flex;gap:10px;flex-wrap:wrap}
    .txd-b2b-msg{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
    .txd-msg-l{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
    .txd-msg{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;border-radius:999px;padding:8px 16px;color:#fff;transition:filter .15s,transform .15s}
    .txd-msg.zl{background:#0068ff}
    .txd-msg.wa{background:#25d366}
    .txd-msg:hover{filter:brightness(1.06);transform:translateY(-1px)}
    .txd-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
    .txd-nav-l{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
    .txd-nav a{font-size:12.5px;font-weight:600;color:var(--teal);background:var(--cream);border:1.5px solid var(--ln);border-radius:999px;padding:7px 14px;text-decoration:none;transition:border-color .15s,background .15s}
    .txd-nav a:hover{border-color:var(--teal);background:#fff}
    .txd-unit{font-size:12px;color:var(--mut);font-family:"Spline Sans Mono",monospace;margin:12px 0 14px}
    .txd-tbl-h{font-family:"Fraunces",serif;font-weight:900;color:var(--ink);font-size:21px;margin:28px 0 12px;scroll-margin-top:84px}
    #gia-ngay,#gia-tuyen{scroll-margin-top:84px}
    .txd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ln);border-radius:14px;margin-bottom:14px;box-shadow:0 14px 30px -24px rgba(16,33,31,.5)}
    .txd-tbl6{min-width:760px;margin-bottom:0;border:none;border-radius:0;box-shadow:none}
    .txd-tbl6 td,.txd-tbl6 th{white-space:nowrap;text-align:right;padding:9px 11px;font-size:13px}
    .txd-tbl6 td.pr{font-size:12.5px}
    .txd-tbl6 td:first-child,.txd-tbl6 th:first-child{position:sticky;left:0;z-index:1;text-align:left;white-space:normal;min-width:182px;max-width:230px;font-weight:600;background:var(--cream)}
    .txd-tbl6 th:first-child{background:var(--paper)}
    .txd-notes{margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.7;color:#4a4330}
    .txd-notes li{margin-bottom:7px}
    .txd-tbl-cta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px}
    .txd-bc{max-width:1000px;margin:0 auto;padding:16px 18px 0;font-size:12.5px;color:var(--mut);display:flex;gap:7px;align-items:center;flex-wrap:wrap}
    .txd-bc a{color:var(--teal);text-decoration:none;font-weight:600}
    .txd-bc a:hover{text-decoration:underline}
    .txd-faqs{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
    .txd-faq{background:var(--cream);border:1.5px solid var(--ln);border-radius:12px;padding:2px 18px}
    .txd-faq summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--ink);padding:15px 0;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
    .txd-faq summary::-webkit-details-marker{display:none}
    .txd-faq summary::after{content:"+";color:var(--or2);font-weight:700;font-size:20px;line-height:1}
    .txd-faq[open] summary::after{content:"−"}
    .txd-faq-a{font-size:13.5px;line-height:1.7;color:#4a4330;padding:0 0 15px}
    /* Tab theo vùng — radio + :checked, không dùng JS/Blazor để mọi bảng luôn nằm trong HTML (SEO) */
    .txd-tabin{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
    .txd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
    .txd-tabs label{cursor:pointer;font-size:13px;font-weight:700;color:var(--teal);background:var(--cream);border:1.5px solid var(--ln);border-radius:999px;padding:9px 18px;transition:background .15s,color .15s,border-color .15s;user-select:none}
    .txd-tabs label:hover{border-color:var(--teal)}
    #txdtab-nt:focus-visible~.txd-tabs label[for="txdtab-nt"],
    #txdtab-cr:focus-visible~.txd-tabs label[for="txdtab-cr"],
    #txdtab-qb:focus-visible~.txd-tabs label[for="txdtab-qb"]{outline:2px solid var(--or2);outline-offset:2px}
    #txdtab-nt:checked~.txd-tabs label[for="txdtab-nt"],
    #txdtab-cr:checked~.txd-tabs label[for="txdtab-cr"],
    #txdtab-qb:checked~.txd-tabs label[for="txdtab-qb"]{background:var(--teal);color:#fff;border-color:var(--teal)}
    .txd-pane{display:none}
    #txdtab-nt:checked~.txd-pane.p-nt,#txdtab-cr:checked~.txd-pane.p-cr,#txdtab-qb:checked~.txd-pane.p-qb{display:block}
    /* Chưa chọn tab nào (markup không có checked) -> mặc định hiện vùng đầu */
    #txdtab-nt:not(:checked)~#txdtab-cr:not(:checked)~#txdtab-qb:not(:checked)~.txd-pane.p-nt{display:block}
    #txdtab-nt:not(:checked)~#txdtab-cr:not(:checked)~#txdtab-qb:not(:checked)~.txd-tabs label[for="txdtab-nt"]{background:var(--teal);color:#fff;border-color:var(--teal)}
    /* Bảng giá gập lại */
    .txd-acc{background:var(--cream);border:1.5px solid var(--ln);border-radius:14px;margin-bottom:10px;box-shadow:0 14px 30px -26px rgba(16,33,31,.5);scroll-margin-top:84px}
    .txd-acc>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:15px 18px}
    .txd-acc>summary::-webkit-details-marker{display:none}
    .txd-acc>summary::after{content:"+";margin-left:auto;color:var(--or2);font-weight:700;font-size:22px;line-height:1;flex:none}
    .txd-acc[open]>summary::after{content:"−"}
    .txd-acc>summary h3{margin:0;font-size:17px;font-weight:900;color:var(--ink);line-height:1.35}
    .txd-cnt{font-family:"Spline Sans Mono",monospace;font-size:11px;font-weight:600;color:var(--mut);background:var(--paper);border:1px solid var(--ln);border-radius:999px;padding:3px 9px;white-space:nowrap;flex:none}
    .txd-accb{padding:0 18px 16px}
    .txd-accb .txd-tbl{margin-bottom:12px;box-shadow:none}
    .txd-accb .txd-scroll{margin-bottom:12px}
    .txd-accb .txd-notes:last-child{margin-bottom:0}
    @media(max-width:560px){.txd-grid{grid-template-columns:1fr}
        .txd-acc>summary{padding:13px 14px}.txd-acc>summary h3{font-size:15px}.txd-accb{padding:0 14px 14px}
        .txd-cnt{display:none}.txd-tabs label{font-size:12px;padding:8px 14px}}

/* Khối nội dung giới thiệu soạn trong CMS của trang vùng */
.rcx .txd-guide{background:var(--cream);border:1.5px solid var(--ln);border-radius:14px;padding:22px 24px;font-size:14.5px;line-height:1.75;color:#403a2b}
.rcx .txd-guide h2{font-size:20px;margin:18px 0 8px}
.rcx .txd-guide h3{font-size:17px;margin:16px 0 6px}
.rcx .txd-guide h2:first-child,.rcx .txd-guide h3:first-child{margin-top:0}
.rcx .txd-guide p{margin:0 0 10px}
.rcx .txd-guide ul,.rcx .txd-guide ol{margin:0 0 12px;padding-left:20px}
.rcx .txd-guide li{margin-bottom:6px}
.rcx .txd-guide a{color:var(--teal);font-weight:600}