/* VinhXD Ô tô 2.8 — giao diện Off-road (mẫu 2): header, slider, thẻ xe, banner, Hộp XD, dự toán, form, trang xe */
.vor{--vor-acc:#f2a51a;--vor-bg:#0f100e;--vor-bg2:#141512;--vor-card:#1a1b18;--vor-line:#2d2e29;--vor-ink:#eceae2;--vor-mute:#9c9b90;--vor-r:6px;
  --vor-h:'Oswald','Arial Narrow',sans-serif;--vor-b:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--vor-b);color:var(--vor-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.vor *,.vor *::before,.vor *::after{box-sizing:border-box}
.vor img{max-width:100%;height:auto}
.vor a{color:inherit;text-decoration:none}
/* chặn style nút/ô nhập của theme */
:where(.vor) button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;margin:0;padding:0;text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none;min-height:0;width:auto;height:auto;border-radius:0}
.vor h1,.vor h2,.vor h3{font-family:var(--vor-h);text-transform:uppercase;letter-spacing:.02em;font-weight:600;color:#fff;margin:0}
.vor-wrap{max-width:1240px;margin:0 auto;padding:0 24px;width:100%}
.vor-center{text-align:center}
.vor-note{font-size:13px;color:var(--vor-mute);margin:12px 0 0;line-height:1.5}
.vor-empty{padding:16px;border:1px dashed #888;color:#888}
.vor-kicker{color:var(--vor-acc);font-weight:700;letter-spacing:.2em;font-size:12.5px;text-transform:uppercase}
.vor-h2{font-size:46px;line-height:1;margin:8px 0 0}

/* Nút */
.vor .vor-btn,.vor-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:var(--vor-r);font-family:var(--vor-b);font-weight:700;font-size:14.5px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-decoration:none;box-shadow:none;transition:filter .15s,background .15s,color .15s,border-color .15s;text-align:center;white-space:nowrap}
.vor .vor-btn-acc,.vor-btn-acc{background:var(--vor-acc);color:#111;border:0}
.vor .vor-btn-acc:hover,.vor-btn-acc:hover{filter:brightness(1.08);color:#111}
.vor .vor-btn-gh,.vor-btn-gh{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.vor .vor-btn-gh:hover,.vor-btn-gh:hover{border-color:var(--vor-acc);color:var(--vor-acc)}
.vor .vor-btn-block{display:flex;width:100%}
.vor .vor-link{color:var(--vor-acc);font-weight:700;font-size:14px;padding:6px 0;margin-top:12px}

/* Tiêu đề khối */
.vor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-bottom:30px;flex-wrap:wrap}
.vor-head-d{margin:0;color:var(--vor-mute);max-width:460px;font-size:15.5px}
.vor-head.is-stack{display:block}.vor-head.is-stack .vor-head-d{margin-top:12px;max-width:720px}
.vor-head.is-center{display:block;text-align:center}.vor-head.is-center .vor-head-d{margin:12px auto 0;max-width:640px}
.vor-head.vor-head:only-child{margin-bottom:0}

/* ============ Header ============ */
.vor-hd-wrap{position:relative;z-index:9000}
.vor-hd{--vor-hd-bg:rgba(15,16,14,.96);--vor-hd-ink:#ddd;position:fixed;top:0;left:0;right:0;z-index:9000;transition:background .25s,box-shadow .25s,border-color .25s;border-bottom:1px solid transparent}
.admin-bar .vor-hd{top:32px}
.vor-hd.is-solid{background:var(--vor-hd-bg);border-bottom-color:var(--vor-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vor-hd.is-over:not(.is-solid){background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.vor-hd.is-static{position:relative;top:auto;background:var(--vor-hd-bg)}
.vor-hd-in{display:flex;align-items:center;gap:28px;min-height:78px}
.vor-logo{display:flex;align-items:center;flex:none}
.vor-logo img{display:block;width:auto;max-width:220px;object-fit:contain}
.vor-logo-b{display:none!important}
.vor-hd.is-solid .vor-logo-b{display:block!important}.vor-hd.is-solid .vor-logo:has(.vor-logo-b) .vor-logo-a{display:none!important}
.vor-logo-t b{display:block;font-family:var(--vor-h);font-size:24px;font-weight:700;letter-spacing:.12em;color:#fff;line-height:1.1;text-transform:uppercase}
.vor-logo-t small{display:block;font-size:11px;letter-spacing:.32em;color:var(--vor-acc);font-weight:700;margin-top:2px;text-transform:uppercase}
.vor-nav{margin-left:auto}
.vor-nav ul{list-style:none;margin:0;padding:0}
.vor-nav-ul{display:flex;gap:4px 24px;align-items:center}
.vor-nav-ul>li{position:relative}
.vor-nav-ul>li>a{display:block;padding:10px 0;font-weight:600;font-size:14.5px;color:var(--vor-hd-ink);transition:color .15s}
.vor-nav-ul>li>a:hover,.vor-nav-ul>li.current-menu-item>a,.vor-nav-ul>li.current-menu-ancestor>a{color:var(--vor-acc)}
.vor-nav-ul .sub-menu{position:absolute;top:100%;left:-16px;min-width:220px;background:var(--vor-card);border:1px solid var(--vor-line);border-radius:var(--vor-r);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.vor-nav-ul li:hover>.sub-menu,.vor-nav-ul li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.vor-nav-ul .sub-menu a{display:block;padding:9px 16px;font-size:14px;color:#ddd}
.vor-nav-ul .sub-menu a:hover{color:var(--vor-acc);background:rgba(255,255,255,.03)}
.vor-hd-r{display:flex;align-items:center;gap:18px;flex:none}
.vor-nav+.vor-hd-r{margin-left:0}
.vor-logo+.vor-hd-r{margin-left:auto}
.vor-hot{display:flex;align-items:center;gap:10px;color:#fff}
.vor-hot i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--vor-acc);color:var(--vor-acc);font-style:normal}
.vor-hot small{display:block;font-size:11px;color:var(--vor-mute);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.vor-hot b{display:block;font-family:var(--vor-h);font-size:20px;font-weight:600;color:var(--vor-acc);line-height:1.15;letter-spacing:.02em}
.vor .vor-hd-cta{min-height:44px;padding:0 18px;font-size:13px}
.vor .vor-burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:var(--vor-r);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.vor-burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.vor-hd.is-open .vor-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vor-hd.is-open .vor-burger span:nth-child(2){opacity:0}
.vor-hd.is-open .vor-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.vor-drawer{position:absolute;left:0;right:0;top:100%;height:calc(100vh - var(--vor-hd-h,64px));height:calc(100dvh - var(--vor-hd-h,64px));background:rgba(0,0,0,.6)}
.vor-drawer[hidden]{display:none}
.vor-drawer-in{background:var(--vor-bg);border-top:1px solid var(--vor-line);padding:12px 16px 24px;max-height:100%;overflow:auto;display:grid;gap:10px}
.vor .vor-drawer-x{display:none}
.vor-drawer-ul,.vor-drawer-ul ul{list-style:none;margin:0;padding:0}
.vor-drawer-ul>li{border-bottom:1px solid var(--vor-line)}
.vor-drawer-ul a{display:block;padding:14px 4px;font-weight:600;font-size:16px;color:#eee}
.vor-drawer-ul .sub-menu{display:none;padding:0 0 10px 14px}
.vor-drawer-ul .sub-menu a{padding:9px 4px;font-size:15px;color:#bbb;font-weight:500}
.vor-drawer-ul li.open>.sub-menu,.vor-drawer-ul .current-menu-ancestor>.sub-menu{display:block}
.vor-drawer-ul .menu-item-has-children>a::after{content:"+";float:right;color:var(--vor-acc)}
.vor-drawer-ul li.open>a::after{content:"–"}
body.vor-lock{overflow:hidden}
/* thanh liên hệ mobile */
.vor-mbar{display:none}

/* ============ Slider XD ============ */
.vor-slider{position:relative;overflow:hidden;background:#000}
.vor-slides{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.vor-slide{position:relative;flex:0 0 100%;min-width:100%;display:flex;overflow:hidden;--ov:.75;--pos:center}
.vor-slider.is-fixed .vor-slide{height:min(92vh,760px);min-height:520px}
.vor-slide-bg,.vor-slide-bg img{position:absolute;inset:0;width:100%;height:100%;display:block}
.vor-slide-bg img{object-fit:cover;object-position:var(--pos)}
.vor-slider.is-ratio .vor-slide-bg{position:relative}
.vor-slider.is-ratio .vor-slide-bg img{position:relative;height:auto}
.vor-slider.is-ratio .vor-slide-in{position:absolute;inset:0}
.vor-slide.has-txt::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--ov);background:linear-gradient(0deg,#0f100e 2%,rgba(15,16,14,0) 55%),linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,0) 65%)}
.vor-slide-car{position:absolute;right:4%;bottom:8%;width:min(56%,760px);height:auto;z-index:1;filter:drop-shadow(0 30px 30px rgba(0,0,0,.5))}
.vor-slide-in{position:relative;z-index:2;display:flex;padding-top:110px;padding-bottom:110px}
.vor-slide-in.v-end{align-items:flex-end}.vor-slide-in.v-center{align-items:center}.vor-slide-in.v-start{align-items:flex-start}
.vor-slide-in.is-center{justify-content:center;text-align:center}.vor-slide-in.is-right{justify-content:flex-end}
.vor-slide-box{max-width:760px}
.vor-slide-k{color:var(--vor-acc);font-weight:700;letter-spacing:.24em;font-size:13px;text-transform:uppercase}
.vor .vor-slide-t{font-size:76px;line-height:.95;margin:10px 0 14px;color:#fff}
.vor-slide-t em{font-style:normal;color:var(--vor-acc)}
.vor-slide-d{font-size:17px;color:#d6d4cc;margin:0 0 12px;max-width:560px}
.vor-slide-in.is-center .vor-slide-d{margin-left:auto;margin-right:auto}
.vor-slide-p{font-size:20px;color:#ddd}
.vor-slide-p b{font-family:var(--vor-h);font-size:34px;color:#fff;margin-left:6px;font-weight:600}
.vor-slide-ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.vor-slide-in.is-center .vor-slide-ctas{justify-content:center}
.vor-slide-box>*{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.vor-slide.on .vor-slide-box>*{opacity:1;transform:none}
.vor-slide.on .vor-slide-box>*:nth-child(2){transition-delay:.08s}.vor-slide.on .vor-slide-box>*:nth-child(3){transition-delay:.16s}.vor-slide.on .vor-slide-box>*:nth-child(n+4){transition-delay:.24s}
.vor .vor-sl-nav{position:absolute;bottom:22px;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;background:rgba(0,0,0,.25);transition:background .15s}
.vor .vor-sl-nav:hover{background:var(--vor-acc);color:#111;border-color:transparent}
.vor-sl-prev{right:84px}.vor-sl-next{right:24px}
.vor-dots{position:absolute;left:0;right:0;bottom:26px;z-index:3;display:flex;justify-content:center;gap:8px}
.vor .vor-dot{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);transition:background .2s,width .2s}
.vor .vor-dot.on{background:var(--vor-acc);width:44px}

/* ============ Thẻ xe ============ */
.vor-seg{display:flex;border:1px solid var(--vor-line);border-radius:var(--vor-r);overflow:hidden;flex-wrap:wrap}
.vor .vor-seg-b{color:var(--vor-mute);min-height:46px;padding:0 20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;transition:background .15s,color .15s}
.vor .vor-seg-b:hover{color:#fff}
.vor .vor-seg-b.on{background:var(--vor-acc);color:#111}
.vor-rail{display:grid;grid-template-columns:repeat(var(--vor-cols,3),minmax(0,1fr));gap:18px}
.vor-car{background:var(--vor-card);border:1px solid var(--vor-line);border-radius:var(--vor-r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s}
.vor-car:hover{border-color:#47483f}
.vor-car[hidden]{display:none}
.vor-car-ph{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(180deg,#f1f0ea,#d9d8d0)}
.vor-car-ph img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply;transition:opacity .25s,transform .4s;display:block}
.vor-car:hover .vor-car-ph img{transform:scale(1.03)}
.vor-car-badge{position:absolute;top:12px;left:12px;background:var(--vor-acc);color:#111;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:3px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vor-car-bd{padding:20px;display:flex;flex-direction:column;flex:1}
.vor-car-seg{font-size:12px;color:var(--vor-acc);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.vor .vor-car-t{font-size:28px;margin:4px 0 4px;line-height:1.05}
.vor-car-t a:hover{color:var(--vor-acc)}
.vor-car-tg{color:var(--vor-mute);font-size:14px;margin:0 0 14px}
.vor-sws{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.vor .vor-sw{position:relative;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:var(--c);padding:0;transition:transform .15s}
.vor .vor-sw:hover{transform:translateY(-2px)}
.vor .vor-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--vor-card),0 0 0 3.5px var(--vor-acc)}
.vor-sw::after{content:attr(data-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:#000;color:#fff;font:600 12px/1 var(--vor-b);white-space:nowrap;padding:6px 9px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3}
.vor-sw:hover::after{opacity:1;transform:translate(-50%,0)}
.vor-sw-n{font-size:12px;color:var(--vor-mute);margin-left:2px}
.vor-car-nums{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--vor-line);border-bottom:1px solid var(--vor-line);margin:0 0 16px}
.vor-car-nums div{padding:12px 4px;min-width:0}
.vor-car-nums div+div{border-left:1px solid var(--vor-line);padding-left:12px}
.vor-car-nums span{display:block;font-size:11px;color:var(--vor-mute);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.vor-car-nums b{font-family:var(--vor-h);font-size:19px;font-weight:600;white-space:nowrap;color:#fff}
.vor-car-nums .p b{color:var(--vor-acc)}
.vor-car-act{display:flex;gap:8px;margin-top:auto}
.vor .vor-car-act .vor-btn{flex:1;min-height:46px;font-size:13px;padding:0 10px}
.vor-cards>.vor-note{margin-top:20px}

/* ============ Banner Đôi ============ */
.vor-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vor-dp{position:relative;min-height:460px;border-radius:var(--vor-r);overflow:hidden;display:flex;align-items:flex-end;padding:34px;background:#000;--ov:.85;color:#fff}
.vor-dp>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .8s}
a.vor-dp:hover>img{transform:scale(1.05)}
.vor-dp::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000,rgba(0,0,0,0) 62%);opacity:var(--ov)}
.vor-dp-in{position:relative;z-index:1}
.vor .vor-dp-t{font-size:44px;margin:6px 0;line-height:1}
.vor-dp-d{margin:0 0 18px;color:#ccc;max-width:400px}

/* ============ Hộp XD ============ */
.vor-hop{--vor-c:4;display:grid;gap:18px}
.vor-hop.has-img{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
.vor-hop.has-img.img-right .vor-hop-ph{order:2}
.vor-hop-ph{position:relative;border-radius:var(--vor-r);overflow:hidden;min-height:320px;background:#000}
.vor-hop-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vor-hop-ph span{position:absolute;left:20px;bottom:18px;right:20px;font-family:var(--vor-h);text-transform:uppercase;font-size:22px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.vor-hop-g{display:grid;grid-template-columns:repeat(var(--vor-c),minmax(0,1fr))}
.vor-hop-i{display:block;padding:26px;color:inherit}
.vor-hop.is-grid .vor-hop-g{border:1px solid var(--vor-line);border-radius:var(--vor-r);overflow:hidden;gap:1px;background:var(--vor-line)}
.vor-hop.is-grid .vor-hop-i{background:var(--vor-bg)}
.vor-hop.is-cards .vor-hop-g{gap:16px}
.vor-hop.is-cards .vor-hop-i{background:var(--vor-card);border:1px solid var(--vor-line);border-radius:var(--vor-r)}
.vor-hop.is-plain .vor-hop-g{gap:10px 28px}.vor-hop.is-plain .vor-hop-i{padding:12px 0}
a.vor-hop-i:hover .vor-hop-t{color:var(--vor-acc)}
.vor-hop-s{color:var(--vor-acc);font-family:var(--vor-h);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.vor .vor-hop-t{font-size:22px;margin:6px 0 6px;line-height:1.15;transition:color .15s}
.vor-hop-d{margin:0;color:var(--vor-mute);font-size:14.5px}

/* ============ Dự toán lăn bánh & trả góp ============ */
.vor-cz{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vor-cz-box{background:var(--vor-card);border:1px solid var(--vor-line);border-radius:var(--vor-r);padding:24px}
.vor-cz-l{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--vor-mute);margin:18px 0 8px}
.vor-cz-l:first-child{margin-top:0}
.vor-cz-l[hidden],.vor-chips[hidden]{display:none}
.vor-cz-l b{color:var(--vor-acc);font-size:15px}
.vor-chips{display:flex;flex-wrap:wrap;gap:8px}
.vor .vor-chip{border:1px solid #3a3b35;border-radius:999px;padding:8px 14px;min-height:40px;font-weight:600;font-size:14px;color:#ddd;transition:all .15s}
.vor .vor-chip:hover{border-color:var(--vor-acc)}
.vor .vor-chip.on{background:var(--vor-acc);color:#111;border-color:transparent}
.vor-fees{margin:18px 0 0;font-size:14.5px}
.vor-fee{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #3a3b35}
.vor-fee span{color:#cfcdc4}.vor-fee small{color:var(--vor-mute);margin-left:4px}
.vor-fee b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.vor-free{font-style:normal;font-size:10.5px;font-weight:700;background:var(--vor-acc);color:#111;padding:1px 6px;border-radius:3px;margin-left:4px}
.vor-cz-total{margin-top:16px;background:#0b0c0a;border:1px solid var(--vor-line);border-radius:var(--vor-r);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.vor-cz-total span{font-size:13px;color:var(--vor-mute);text-transform:uppercase;letter-spacing:.06em}
.vor-cz-total b{font-family:var(--vor-h);font-size:28px;font-weight:600;color:var(--vor-acc);font-variant-numeric:tabular-nums}
.vor .vor-range{width:100%;height:28px;accent-color:var(--vor-acc);background:transparent;margin:0;padding:0;border:0}
.vor-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.vor-tiles div{border:1px solid var(--vor-line);border-radius:var(--vor-r);padding:12px 14px}
.vor-tiles span{display:block;font-size:12.5px;color:var(--vor-mute)}
.vor-tiles b{font-size:17px;font-variant-numeric:tabular-nums;color:#fff}
.vor-tiles .hl{background:var(--vor-acc);border-color:transparent}
.vor-tiles .hl span{color:#3d2a00}.vor-tiles .hl b{color:#111}
.vor-sched{overflow-x:auto}
.vor-sched[hidden]{display:none}
.vor-sched table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}
.vor-sched th,.vor-sched td{padding:7px 6px;text-align:right;border-bottom:1px solid var(--vor-line);font-variant-numeric:tabular-nums;background:transparent;color:inherit}
.vor-sched th{color:var(--vor-mute);font-weight:600}
.vor-sched th:first-child,.vor-sched td:first-child{text-align:left}
.vor-calc .vor-btn-block{margin-top:18px;min-height:54px}

/* ============ Form ============ */
.vor-form{position:relative}
.vor-form.is-dark{--f-bg:#141512;--f-line:#3a3b35;--f-ink:#fff}
.vor-form.is-light{--f-bg:#fff;--f-line:#d6d5cc;--f-ink:#16181d;color:#16181d}
.vor-form.is-light .vor-form-t{color:#16181d}
.vor-form-f{display:grid;gap:10px;margin:0}
.vor .vor-form-t{font-size:26px;line-height:1.1;margin:0 0 2px}
.vor-form-d{margin:0 0 4px;color:var(--vor-mute);font-size:14.5px}
.vor-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vor .vor-input{display:block;width:100%;height:52px;border:1px solid var(--f-line);border-radius:var(--vor-r);padding:0 14px;font:inherit;font-size:16px;background:var(--f-bg);color:var(--f-ink);box-shadow:none;margin:0;outline:0;transition:border-color .15s}
.vor textarea.vor-input{height:auto;padding:12px 14px;resize:vertical}
.vor select.vor-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--vor-mute) 50%),linear-gradient(135deg,var(--vor-mute) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.vor .vor-input::placeholder{color:#8c8b82;opacity:1}
.vor .vor-input:focus{border-color:var(--vor-acc)}
.vor-form .vxt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.vor-err{font-size:13px;color:#ff8a65;min-height:0;margin:0}
.vor-err:empty{display:none}
.vor-form .vor-btn-block{min-height:54px;font-size:15px}
.vor-form .vor-note{margin-top:2px;font-size:12px}
.vor-thanks{text-align:center;padding:20px 0}
.vor-thanks[hidden]{display:none}
.vor-ok{width:60px;height:60px;border-radius:50%;background:var(--vor-acc);color:#111;font-size:30px;font-weight:700;display:grid;place-items:center;margin:0 auto 12px}
.vor .vor-thanks h3{font-size:26px}
.vor-thanks p{color:var(--vor-mute);margin:6px 0 0}

/* ============ Trang xe Off-road ============ */
.vor-single{background:var(--vor-bg);overflow-x:clip}
.vor-sx-hero{position:relative;min-height:min(86vh,720px);display:flex;align-items:flex-end;background:#000;overflow:hidden}
.vor-sx-bg{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.85}
.vor-sx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f100e 2%,rgba(15,16,14,0) 60%),linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,0) 65%)}
.vor-sx-hero-in{position:relative;z-index:2;padding-top:120px;padding-bottom:70px}
.vor-sx-name{font-family:var(--vor-h);font-weight:700;text-transform:uppercase;font-size:84px;line-height:.92;color:#fff;margin:10px 0 12px;max-width:900px}
.vor-sx-tag{font-size:17px;color:#d6d4cc;margin:0 0 16px;max-width:560px}
.vor-sx-nums{display:flex;gap:0;flex-wrap:wrap;margin:18px 0 0;border-left:3px solid var(--vor-acc)}
.vor-sx-nums div{padding:2px 26px 2px 16px}
.vor-sx-nums span{display:block;font-size:12px;color:#bbb;text-transform:uppercase;letter-spacing:.08em}
.vor-sx-nums b{font-family:var(--vor-h);font-size:30px;font-weight:600;color:#fff}
.vor-sx-nums div:first-child b{color:var(--vor-acc)}
.vor-sx-ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.vor-sx-tabs{position:sticky;top:var(--vor-hd-h,0px);z-index:50;background:rgba(15,16,14,.96);border-bottom:1px solid var(--vor-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.admin-bar .vor-sx-tabs{top:calc(var(--vor-hd-h,0px) + 32px)}
.vor-sx-tabs .vor-wrap{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.vor-sx-tabs .vor-wrap::-webkit-scrollbar{display:none}
.vor-sx-tabs a{flex:none;padding:16px 0;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--vor-mute);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}
.vor-sx-tabs a:hover{color:#fff}
.vor-sx-tabs a.on{color:var(--vor-acc);border-bottom-color:var(--vor-acc)}
.vor-sx-sec{padding:72px 0;scroll-margin-top:calc(var(--vor-hd-h,64px) + 56px)}
.vor-sx-sec.is-alt{background:var(--vor-bg2);border-top:1px solid var(--vor-line);border-bottom:1px solid var(--vor-line)}
.vor-sx-cfg{padding-top:48px}
.vor-prose{max-width:880px;color:#cfcdc4;font-size:16.5px;line-height:1.75}
.vor-prose>*:first-child{margin-top:0}
.vor-prose h2,.vor-prose h3,.vor-prose h4{font-family:var(--vor-h);text-transform:uppercase;color:#fff;margin:1.6em 0 .5em;line-height:1.15;font-weight:600}
.vor-prose h2{font-size:30px}.vor-prose h3{font-size:24px}.vor-prose h4{font-size:19px}
.vor-prose p{margin:0 0 1.1em}
.vor-prose a{color:var(--vor-acc);text-decoration:underline}
.vor-prose img{border-radius:var(--vor-r);display:block;margin:1.4em 0}
.vor-prose figure{margin:1.4em 0;max-width:100%}
.vor-prose figcaption{font-size:13px;color:var(--vor-mute);margin-top:6px}
.vor-prose ul,.vor-prose ol{padding-left:1.3em;margin:0 0 1.1em}
.vor-prose li::marker{color:var(--vor-acc)}
.vor-prose strong{color:#fff}
.vor-prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 1.2em}
.vor-prose th,.vor-prose td{border:0;border-bottom:1px solid var(--vor-line);padding:11px 10px;text-align:left;vertical-align:top;background:transparent;color:inherit}
.vor-prose th{color:#fff}
.vor-prose tr:nth-child(odd) td{background:rgba(255,255,255,.02)}
.vor-prose.is-spec{max-width:none}
.vor-prose.is-spec td:first-child{color:var(--vor-mute);width:40%}
.vor-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vor-gal a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--vor-r);background:#000}
.vor-gal a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.vor-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,opacity .2s}
.vor-gal a:hover img{transform:scale(1.05);opacity:.9}
.vor-lb{position:fixed;inset:0;z-index:99995;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:40px 70px}
.vor-lb[hidden]{display:none}
.vor-lb img{max-width:100%;max-height:100%;object-fit:contain}
.vor .vor-lb-x,.vor .vor-lb-prev,.vor .vor-lb-next{position:absolute;color:#fff;font-size:40px;line-height:1;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08)}
.vor .vor-lb-x{top:14px;right:14px;font-size:32px}
.vor .vor-lb-prev{left:12px;top:50%;transform:translateY(-50%)}
.vor .vor-lb-next{right:12px;top:50%;transform:translateY(-50%)}
.vor-sx-cta{position:relative;overflow:hidden;border-radius:var(--vor-r);background:#000;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;border:1px solid var(--vor-line)}
.vor-sx-cta-bg{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.35}
.vor-sx-cta-l,.vor-sx-cta-r{position:relative;padding:44px}
.vor-sx-cta-l{display:flex;flex-direction:column;justify-content:center}
.vor-sx-cta-l .vor-h2{font-size:44px}
.vor-sx-cta-l p{color:#ccc;margin:14px 0 0;max-width:460px}
.vor-sx-tel{margin-top:18px;color:#ccc}.vor-sx-tel b{font-family:var(--vor-h);font-size:26px;color:var(--vor-acc);margin-left:6px;font-weight:600}
.vor-sx-cta-r{background:rgba(15,16,14,.92);border-left:1px solid var(--vor-line);display:flex;flex-direction:column;justify-content:center}

/* ============ Skin trang xe (cấu hình, giá, tính phí) ============ */
.vxt.vxt--offroad{--vxt-ink:#eceae2;--vxt-muted:#9c9b90;--vxt-line:#2d2e29;--vxt-soft:#20211d;--vxt-off:var(--vor-acc,#f2a51a);--vxt-off-50:rgba(242,165,26,.12);--vxt-r:6px;
  --vxt-brand-50:color-mix(in srgb,var(--vxt-brand) 14%,#1a1b18);--vxt-brand-dk:#0b0c0a;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--vxt-ink)}
.vxt.vxt--offroad .vxt-card,.vxt.vxt--offroad .vxt-box,.vxt.vxt--offroad .vxt-ver,.vxt.vxt--offroad .vxt-input{background:#1a1b18}
.vxt.vxt--offroad .vxt-boxsum{background:#1a1b18}
.vxt.vxt--offroad .vxt-stage{background:linear-gradient(180deg,#f1f0ea,#d9d8d0);border-radius:6px}
.vxt.vxt--offroad .vxt-stage img{mix-blend-mode:multiply}
.vxt.vxt--offroad .vxt-title{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.02em;font-size:36px;line-height:1.05;color:#fff}
.vxt.vxt--offroad .vxt-from b,.vxt.vxt--offroad .vxt-total b{font-family:'Oswald',sans-serif;font-weight:600}
.vxt.vxt--offroad .vxt-total{border:1px solid var(--vxt-line)}
.vxt.vxt--offroad .vxt-total b{color:var(--vxt-brand)}
.vxt.vxt--offroad .vxt-pill{color:#111}
.vxt.vxt--offroad .vxt-rd,.vxt.vxt--offroad .vxt-ck{border-color:#55564e}
.vxt.vxt--offroad .vxt-row.on .vxt-ck:after{border-color:#111}
.vxt.vxt--offroad .vxt-tile.hl{background:var(--vxt-brand);color:#111}
.vxt.vxt--offroad .vxt-tile.hl *{color:#111}
.vxt.vxt--offroad .vxt-btn-o{background:transparent!important;color:#fff!important;border-color:#55564e!important}
.vxt.vxt--offroad .vxt-btn:not(.vxt-btn-o){color:#111;text-transform:uppercase;letter-spacing:.04em}
.vxt.vxt--offroad .vxt-chip{border-color:#3a3b35}
.vxt.vxt--offroad .vxt-chip.on{color:#111}
.vxt.vxt--offroad .vxt-hot{color:#111}
.vxt.vxt--offroad .vxt-sw span{border-color:rgba(255,255,255,.25)}
.vxt.vxt--offroad .vxt-calc-h{font-family:'Oswald',sans-serif;text-transform:uppercase;color:#fff;font-weight:600;font-size:28px}
.vxt.vxt--offroad .vxt-bar{background:#141512!important;border-top-color:var(--vxt-line)!important;color:var(--vxt-ink)}
.vxt.vxt--offroad .vxt-tile{background:#20211d}
.vxt.vxt--offroad .vxt-ver.on{background:rgba(242,165,26,.1)}
/* popup báo giá trên site Off-road */
html.vor-on .vxt-lead.vxt-lead{--vxt-ink:#eceae2;--vxt-muted:#9c9b90;--vxt-line:#3a3b35;--vxt-soft:#20211d;--vxt-brand:var(--vor-acc,#f2a51a);--vxt-brand-50:rgba(242,165,26,.14);font-family:'Be Vietnam Pro',system-ui,sans-serif}
html.vor-on .vxt-lead .vxt-sheet-box{background:#141512;border:1px solid #2d2e29}
html.vor-on .vxt-lead .vxt-input{background:#0f100e;color:#fff}
html.vor-on .vxt-lead .vxt-btn:not(.vxt-btn-o){color:#111}
html.vor-on .vxt-lead h3,html.vor-on .vxt-lead .vxt-lead-t{font-family:'Oswald',sans-serif;text-transform:uppercase;color:#fff}

/* ============ Responsive ============ */
@media (max-width:1100px){
  .vor-hot small{display:none}
  .vor-nav-ul{gap:4px 18px}
}
@media (max-width:1024px){
  .vor-nav,.vor-hot{display:none}
  .vor .vor-burger{display:flex}
  .vor-hd-r{margin-left:auto}
  .vor-rail{grid-template-columns:repeat(min(var(--vor-cols,3),2),minmax(0,1fr))}
  .vor-hop-g{--vor-c:2}
  .vor-hop.has-img{grid-template-columns:1fr}
  .vor-hop.has-img.img-right .vor-hop-ph{order:0}
  .vor-slide-car{opacity:.35}
}
@media (max-width:782px){.admin-bar .vor-hd{top:46px}.admin-bar .vor-sx-tabs{top:calc(var(--vor-hd-h,0px) + 46px)}}
@media (max-width:767px){
  .vor-wrap{padding:0 16px}
  .vor-hd-in{min-height:64px;gap:12px}
  .vor-logo img{max-height:34px;width:auto}
  .vor-logo-t b{font-size:19px}
  .vor .vor-hd-cta{display:none}
  .vor-h2{font-size:34px}
  .vor-head{margin-bottom:22px}
  .vor-slider.is-fixed .vor-slide{height:auto;min-height:600px}
  .vor-slide-in{padding-top:90px;padding-bottom:60px}
  .vor .vor-slide-t{font-size:46px}
  .vor-slide-p b{font-size:28px}
  .vor-slide-ctas .vor-btn{flex:1;padding:0 12px}
  .vor-slide-car{display:none}
  .vor .vor-sl-nav{display:none}
  .vor-dots{bottom:16px}
  .vor-seg{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .vor .vor-seg-b{flex:1 0 auto;padding:0 14px;font-size:13px}
  .vor-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0 0 8px;scrollbar-width:none}
  .vor-rail::-webkit-scrollbar{display:none}
  .vor-car{scroll-snap-align:start}
  .vor .vor-car-t{font-size:24px}
  .vor .vor-sw{width:24px;height:24px}
  .vor-sw::after{display:none}
  .vor-car-nums b{font-size:16px}
  .vor-duo{grid-template-columns:1fr}
  .vor-dp{min-height:340px;padding:22px}
  .vor .vor-dp-t{font-size:34px}
  .vor-hop-g{--vor-c:1}
  .vor-hop-i{padding:20px}
  .vor-cz{grid-template-columns:1fr;gap:14px}
  .vor-cz-box{padding:18px}
  .vor-cz-total b{font-size:23px}
  .vor-form-row{grid-template-columns:1fr}
  .vor-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9100;background:#141512;border-top:1px solid var(--vor-line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .vor-mbar>*{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:var(--vor-r);font-size:12px;font-weight:700;color:#ddd;text-transform:uppercase;letter-spacing:.03em}
  .vor .vor-mbar-main{flex:1.4;background:var(--vor-acc);color:#111;flex-direction:row;font-size:13px;gap:8px;border-radius:var(--vor-r)}
  body:has(.vor-mbar){padding-bottom:72px}
  .vor-sx-hero{min-height:620px}
  .vor-sx-hero-in{padding-top:96px;padding-bottom:36px}
  .vor-sx-name{font-size:48px}
  .vor-sx-nums div{padding:2px 14px 2px 12px}
  .vor-sx-nums b{font-size:22px}
  .vor-sx-ctas .vor-btn{flex:1;padding:0 12px}
  .vor-sx-tabs .vor-wrap{gap:22px}
  .vor-sx-sec{padding:48px 0}
  .vor-prose{font-size:16px}
  .vor-gal{grid-template-columns:1fr 1fr;gap:8px}
  .vor-lb{padding:56px 0}
  .vor-sx-cta{grid-template-columns:1fr}
  .vor-sx-cta-l,.vor-sx-cta-r{padding:24px}
  .vor-sx-cta-l .vor-h2{font-size:32px}
  .vor-sx-cta-r{border-left:0;border-top:1px solid var(--vor-line)}
  .vxt--offroad .vxt-title{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.vor *,.vor *::before,.vor *::after{transition:none!important;animation:none!important}.vor-slide-box>*{opacity:1;transform:none}}
.vxt.vxt--offroad .vxt-hot,.vxt.vxt--offroad .vxt-hot *{color:#111}
.vxt.vxt--offroad .vxt-hot-ic{background:rgba(0,0,0,.12)}
/* trang xe đã có thanh giá cố định đáy màn hình → ẩn thanh liên hệ của header để không chồng nhau */
body:has(.vxt-bar) .vor-mbar{display:none!important}
@media (max-width:767px){body:has(.vxt-bar):has(.vor-mbar){padding-bottom:0}}
body.vor-lock .vor-mbar{display:none!important}
html.vor-on .vxt-lead .vxt-btn:not(.vxt-btn-o){background:var(--vor-acc,#f2a51a)!important;color:#111!important}
html.vor-on .vxt-lead .vxt-btn-o{background:transparent!important;color:#fff!important;border:1.5px solid #55564e!important}
html.vor-on .vxt-lead .vxt-lead-car b,html.vor-on .vxt-lead .vxt-lead-car strong{color:var(--vor-acc,#f2a51a)!important}
html.vor-on .vxt-lead .vxt-ok{background:var(--vor-acc,#f2a51a)!important;color:#111!important}
html.vor-on .vxt-lead .vxt-x{background:#2d2e29!important;color:#fff!important}
html.vor-on .vxt-lead .vxt-input:focus{border-color:var(--vor-acc,#f2a51a)}
body.vor-lock .vxt-bar{display:none!important}