/* Scoped buying and showroom pages; shared site header remains the navigation anchor. */
.fqt-hub-page { --hub-ink:#08213e; --hub-muted:#4b6076; --hub-border:#d9e3ed; }
.fqt-hub-page #primary-content { color:var(--hub-ink); background:#fff; padding-top:var(--header-height); }
.fqt-hub-page #primary-content :where(h1,h2,h3,p,figure,dl) { margin:0; }
.fqt-hub-page #primary-content h2 { font-size:clamp(1.65rem,2.7vw,2.3rem); line-height:1.25; letter-spacing:-.035em; }
.fqt-hub-page #primary-content h3 { font-size:1.25rem; line-height:1.35; letter-spacing:-.02em; }
.fqt-hub-page #primary-content :is(section,header,div,article,figure,label,th,td) { min-width:0; }
.fqt-hub-page #primary-content [hidden] { display:none!important; }
.fqt-hub-page #primary-content :is(a,button,select,input,summary):focus-visible { outline:3px solid #0876bd; outline-offset:4px; }
.fqt-hub-hero { background:radial-gradient(ellipse at 100% 0,#07396a,transparent 65%),#001a35; padding:32px 0 44px; color:#fff; }
.fqt-hub-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:.8rem; color:#c1d1e4; margin-bottom:28px; }
.fqt-hub-breadcrumb a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.fqt-hub-kicker { display:block; color:#185e96; font-size:.72rem; font-weight:800; letter-spacing:.12em; margin-bottom:12px; }
.fqt-hub-hero .fqt-hub-kicker { color:#75c5ff; }
.fqt-hub-page #primary-content .fqt-hub-hero h1 { color:#fff; max-width:22ch; font-size:clamp(2.1rem,3.8vw,3.4rem); line-height:1.13; letter-spacing:-.045em; margin-bottom:18px; }
.fqt-hub-page #primary-content .fqt-hub-hero p { max-width:70ch; color:#d6e4f2; line-height:1.75; margin-bottom:24px; }
.fqt-hub-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.fqt-hub-page .fqt-btn { min-height:46px; white-space:normal; text-align:center; line-height:1.4; padding:12px 18px; }
.fqt-hub-page .fqt-btn svg { flex-shrink:0; }
.fqt-hub-section { padding:56px 0; scroll-margin-top:calc(var(--header-height) + 24px); }
.fqt-hub-surface { background:#f1f5f9; }
.fqt-hub-section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:26px; }
.fqt-hub-section-head p { color:var(--hub-muted); line-height:1.6; margin-top:10px!important; }
.fqt-hub-text-link,.fqt-hub-price-heading>a,.fqt-hub-card-links a { color:#075a9b; font-size:.9rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.fqt-hub-filters { display:flex; gap:8px; overflow-x:auto; padding:4px 3px 12px; margin-bottom:18px; scrollbar-width:thin; }
.fqt-hub-filter { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 18px; border:1px solid var(--hub-border); border-radius:999px; background:#fff; color:#27425d; font:inherit; font-size:.9rem; font-weight:600; white-space:nowrap; cursor:pointer; }
.fqt-hub-filter[aria-pressed=true] { color:#fff; background:#003478; border-color:#003478; }
.fqt-hub-filter span { font-size:.75rem; border-radius:20px; background:#e8eff7; color:#123b68; padding:2px 6px; }
.fqt-hub-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(200px,.6fr); gap:18px; margin-bottom:16px; }
.fqt-hub-toolbar label,.fqt-hub-form-grid label { display:block; font-size:.9rem; font-weight:700; color:#27425d; }
.fqt-hub-page :is(.fqt-hub-toolbar,.fqt-hub-form-grid) :is(input:not([type=range]),select) { display:block; width:100%; min-width:0; max-width:100%; min-height:48px; padding:12px; border:1px solid #9fb1c3; border-radius:8px; background:#fff; color:#122f4d; font:inherit; font-size:16px; margin-top:8px; }
.fqt-hub-status { color:var(--hub-muted); font-size:.85rem; margin:14px 0 22px!important; }
.fqt-hub-grid { display:grid; gap:24px; }
.fqt-hub-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fqt-hub-car { border:1px solid var(--hub-border); border-radius:16px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.fqt-hub-car-media { display:block; background:#eef3f7; aspect-ratio:1.75; overflow:hidden; }
.fqt-hub-car-media img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .25s ease; }
@media(hover:hover) { .fqt-hub-car-media:hover img { transform:scale(1.025); } }
.fqt-hub-car-content { display:flex; flex:1; flex-direction:column; padding:24px; gap:16px; }
.fqt-hub-car-content>.fqt-hub-kicker { margin-bottom:-8px; }
.fqt-hub-car h3 a { color:inherit; }
.fqt-hub-car-content>p { line-height:1.65; color:var(--hub-muted); font-size:.9rem; }
.fqt-hub-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:16px 0; border-block:1px solid #e5ecf3; }
.fqt-hub-specs dt { font-size:.73rem; color:var(--hub-muted); margin-bottom:5px; }
.fqt-hub-specs dd { margin:0; font-size:.83rem; font-weight:700; overflow-wrap:anywhere; }
.fqt-hub-price { margin-top:auto; }
.fqt-hub-price span,.fqt-hub-price small { display:block; font-size:.78rem; color:var(--hub-muted); }
.fqt-hub-price strong { display:block; font-size:clamp(1.2rem,1.8vw,1.55rem); color:#003478; margin:6px 0; white-space:nowrap; }
.fqt-hub-car .fqt-hub-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.fqt-hub-car .fqt-hub-actions .fqt-btn { font-size:.8rem; padding:12px 8px; }
.fqt-hub-card-links { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:4px; }
.fqt-hub-card-links a { font-size:.8rem; }
.fqt-hub-note { font-size:.85rem; line-height:1.7; color:var(--hub-muted); margin:20px 0!important; }
.fqt-hub-empty { padding:32px; text-align:center; border:1px dashed #9fb1c3; border-radius:12px; }
.fqt-hub-cta { padding:32px; background:#edf4fb; border-radius:18px; display:flex; justify-content:space-between; align-items:center; gap:28px; }
.fqt-hub-cta p { margin-top:12px!important; color:var(--hub-muted); line-height:1.6; max-width:62ch; }
.fqt-hub-cta .fqt-hub-actions { flex-shrink:0; }
.fqt-hub-price-group { margin-bottom:32px; border:1px solid var(--hub-border); border-radius:14px; overflow:hidden; }
.fqt-hub-price-heading { padding:22px 24px; background:#eff4f9; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.fqt-hub-price-heading p { font-size:.85rem; color:var(--hub-muted); margin-top:8px!important; }
.fqt-hub-price-table { width:100%; border-collapse:collapse; text-align:left; table-layout:fixed; font-size:.85rem; }
.fqt-hub-price-table thead th { padding:16px; font-size:.75rem; color:#526b82; }
.fqt-hub-price-table th:first-child { width:32%; }
.fqt-hub-price-table :is(td,tbody th) { border-top:1px solid var(--hub-border); padding:18px 16px; vertical-align:middle; font-weight:400; }
.fqt-hub-version-name { display:block; font-weight:700; font-size:.9rem; }
.fqt-hub-version-spec { display:block; font-size:.75rem; color:var(--hub-muted); margin-top:8px; line-height:1.6; }
.fqt-hub-price-table td strong { color:#003478; white-space:nowrap; }
.fqt-hub-table-actions { display:flex; gap:8px; flex-wrap:wrap; }
.fqt-hub-table-actions .fqt-btn { font-size:.75rem; padding:10px; }
.fqt-hub-offers { margin:0; padding:0; list-style:none; }
.fqt-hub-offers li { padding:14px 0; border-top:1px solid var(--hub-border); line-height:1.6; }
.fqt-hub-offers strong { display:block; color:#003478; margin-bottom:6px; }
.fqt-hub-offers span { display:block; color:var(--hub-muted); font-size:.85rem; }
.fqt-hub-terms { margin-top:auto; font-size:.85rem; color:var(--hub-muted); }
.fqt-hub-terms summary { cursor:pointer; font-weight:700; min-height:44px; padding:12px 0; color:#214c75; }
.fqt-hub-terms p { padding-bottom:12px; line-height:1.7; }
.fqt-hub-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; align-items:center; }
.fqt-hub-split p { margin:20px 0!important; color:var(--hub-muted); line-height:1.8; }
.fqt-hub-figure img { width:100%; height:auto; border-radius:14px; }
.fqt-hub-figure figcaption { font-size:.75rem; color:var(--hub-muted); line-height:1.6; margin-top:10px; }
.fqt-hub-panel { border:1px solid var(--hub-border); border-radius:14px; padding:28px; background:#fff; }
.fqt-hub-panel p { line-height:1.75; color:var(--hub-muted); margin-top:14px!important; }
.fqt-hub-panel>.fqt-hub-text-link { display:inline-block; margin-top:20px; }
.fqt-hub-step { display:block; color:#0765a9; font-weight:800; font-size:1.5rem; margin-bottom:18px; }
.fqt-hub-contact-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:40px; }
.fqt-hub-contact-details>div { padding:20px 0; border-bottom:1px solid var(--hub-border); }
.fqt-hub-contact-details dt { font-size:.8rem; color:var(--hub-muted); margin-bottom:8px; }
.fqt-hub-contact-details dd { font-weight:600; margin:0; line-height:1.6; overflow-wrap:anywhere; }
.fqt-hub-contact-details a { color:#075a9b; text-decoration:underline; text-underline-offset:3px; }
.fqt-hub-contact-details+.fqt-btn { margin-top:24px; }
.fqt-hub-channels { display:grid; gap:12px; margin-top:24px; }
.fqt-hub-channels>a { position:relative; display:grid; gap:8px; padding:22px 48px 22px 22px; border:1px solid var(--hub-border); border-radius:12px; background:#f6f9fc; color:var(--hub-ink); overflow-wrap:anywhere; }
.fqt-hub-channels strong { font-size:1rem; }
.fqt-hub-channels span { font-size:.85rem; line-height:1.6; color:var(--hub-muted); }
.fqt-hub-channels b { position:absolute; right:20px; top:24px; color:#0765a9; }
.fqt-hub-visit { margin-top:24px; }
.fqt-hub-visit ul { padding-left:20px; margin:16px 0; line-height:1.8; color:var(--hub-muted); }
.fqt-hub-map { margin-top:48px; }
.fqt-hub-map iframe { display:block; width:100%; height:360px; border:1px solid var(--hub-border); border-radius:14px; }
.fqt-hub-loan { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.fqt-hub-form-grid { display:grid; gap:24px; }
.fqt-hub-form-grid label output { float:right; color:#003478; }
.fqt-hub-form-grid input[type=range] { width:100%; margin:18px 0; accent-color:#003478; min-height:24px; }
.fqt-hub-pills { display:flex; flex-wrap:wrap; gap:10px; }
.fqt-hub-pills button { min-height:44px; min-width:64px; border:1px solid #9fb1c3; border-radius:8px; background:#fff; font:inherit; cursor:pointer; }
.fqt-hub-pills button[aria-pressed=true] { background:#003478; border-color:#003478; color:#fff; }
.fqt-hub-form-grid .fqt-hub-note { margin:0!important; }
.fqt-hub-loan-result { align-self:start; background:#edf4fb; position:sticky; top:calc(var(--header-height) + 20px); }
.fqt-hub-loan-result h3 { margin:16px 0 24px!important; }
.fqt-hub-total { display:block; font-size:clamp(1.6rem,2.7vw,2.3rem); font-weight:800; color:#003478; margin:10px 0 22px; overflow-wrap:anywhere; }
.fqt-hub-breakdown>div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-top:1px solid #d5e0ed; font-size:.9rem; }
.fqt-hub-breakdown dt { color:var(--hub-muted); }
.fqt-hub-breakdown dd { margin:0; font-weight:700; text-align:right; flex-shrink:0; }
.fqt-hub-error { color:#a52121; line-height:1.6; margin-top:18px!important; }
.fqt-hub-schedule,.fqt-hub-faq details { margin-top:24px; border:1px solid var(--hub-border); border-radius:12px; overflow:hidden; background:#fff; }
.fqt-hub-schedule>summary,.fqt-hub-faq summary { cursor:pointer; padding:20px; font-weight:700; line-height:1.5; min-height:48px; }
.fqt-hub-table-scroll { overflow:auto; max-height:520px; }
.fqt-hub-table-scroll table { min-width:650px; width:100%; border-collapse:collapse; text-align:right; font-size:.85rem; }
.fqt-hub-table-scroll caption { padding:16px; text-align:left; color:var(--hub-muted); }
.fqt-hub-table-scroll :is(th,td) { padding:14px; border-bottom:1px solid var(--hub-border); }
.fqt-hub-table-scroll thead { background:#edf4fb; position:sticky; top:0; }
.fqt-hub-faq p { padding:0 20px 22px; line-height:1.8; color:var(--hub-muted); }
.fqt-hub-page .fqt-modal { max-height:calc(100dvh - 24px); overflow:auto; }
.fqt-hub-page .fqt-modal-header { position:sticky; top:0; z-index:1; }
.fqt-hub-modal-channels { display:grid; gap:12px; margin-top:24px; }
.fqt-hub-modal-channels a { width:100%; }
.fqt-hub-page #quote-product-context { margin:16px 0; padding:14px; background:#eef4fa; border-radius:8px; line-height:1.7; }
/* Shared automatic rolling-cost calculator, with existing admin configuration. */
.fqt-hub-page #du-toan { padding:56px 0; background:#f1f5f9; scroll-margin-top:calc(var(--header-height) + 24px); }
.fqt-hub-page .fqt-vdp-section-header { margin-bottom:28px; }
.fqt-hub-page .fqt-vdp-section-desc { color:var(--hub-muted); line-height:1.7; margin-top:14px!important; }
.fqt-hub-page .fqt-kicker { display:block; color:#185e96; font-size:.75rem; font-weight:800; letter-spacing:.1em; margin-bottom:12px; }
.fqt-hub-page .fqt-product-estimator { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.fqt-hub-page .fqt-product-estimator>div { padding:28px; border:1px solid var(--hub-border); border-radius:14px; background:#fff; }
.fqt-hub-page .fqt-estimate-controls { display:grid; gap:18px; }
.fqt-hub-page .fqt-estimate-controls label { font-weight:700; font-size:.9rem; }
.fqt-hub-page .fqt-estimate-controls select { display:block; width:100%; max-width:100%; min-height:48px; margin-top:8px; padding:10px; border:1px solid #9fb1c3; border-radius:8px; background:#fff; font:inherit; font-size:16px; }
.fqt-hub-page .fqt-estimate-assumption { font-size:.85rem; line-height:1.7; color:var(--hub-muted); margin:20px 0!important; }
.fqt-hub-page .fqt-estimate-breakdown>div { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--hub-border); font-size:.85rem; }
.fqt-hub-page .fqt-estimate-breakdown dd { margin:0; flex-shrink:0; font-weight:700; }
.fqt-hub-page .fqt-product-estimate-result { align-self:start; position:sticky; top:calc(var(--header-height) + 20px); }
.fqt-hub-page .fqt-product-estimate-result h3 { margin:16px 0!important; }
.fqt-hub-page .fqt-product-estimate-result output { display:block; font-size:clamp(1.6rem,2.8vw,2.2rem); font-weight:800; color:#003478; margin:20px 0; }
.fqt-hub-page .fqt-product-estimate-result p { color:var(--hub-muted); font-size:.9rem; line-height:1.7; margin-bottom:18px!important; }
.fqt-hub-page .fqt-product-estimate-result .fqt-btn { margin-top:8px; }
@media(max-width:1100px) {
 .fqt-hub-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fqt-hub-price-table th:first-child { width:28%; }
 .fqt-hub-price-table :is(td,tbody th) { padding:14px 10px; }
 .fqt-hub-cta { flex-direction:column; align-items:start; }
}
@media(max-width:767px) {
 .fqt-hub-page { padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
 .fqt-hub-hero { padding:22px 0 32px; }
 .fqt-hub-breadcrumb { margin-bottom:22px; font-size:.75rem; }
 .fqt-hub-page #primary-content .fqt-hub-hero h1 { font-size:2rem; }
 .fqt-hub-page #primary-content .fqt-hub-hero p { font-size:.95rem; line-height:1.7; }
 .fqt-hub-section,.fqt-hub-page #du-toan { padding:36px 0; }
 .fqt-hub-section-head { flex-direction:column; align-items:start; gap:16px; margin-bottom:22px; }
 .fqt-hub-grid-3,.fqt-hub-toolbar,.fqt-hub-split,.fqt-hub-contact-grid,.fqt-hub-loan,.fqt-hub-page .fqt-product-estimator { grid-template-columns:minmax(0,1fr); }
 .fqt-hub-split,.fqt-hub-contact-grid { gap:28px; }
 .fqt-hub-car-content,.fqt-hub-panel,.fqt-hub-cta,.fqt-hub-page .fqt-product-estimator>div { padding:20px; }
 .fqt-hub-car-content { gap:18px; }
 .fqt-hub-car-media { aspect-ratio:1.65; }
 .fqt-hub-price strong { font-size:1.5rem; }
 .fqt-hub-price-heading { padding:20px; flex-direction:column; align-items:start; }
 .fqt-hub-price-table,.fqt-hub-price-table tbody { display:block; }
 .fqt-hub-price-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .fqt-hub-price-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; border-top:1px solid var(--hub-border); gap:18px 10px; }
 .fqt-hub-price-table :is(td,tbody th) { display:block; border:0; padding:0; width:auto!important; }
 .fqt-hub-price-table tbody th,.fqt-hub-price-table td:last-child { grid-column:1/-1; }
 .fqt-hub-price-table [data-label]:before { content:attr(data-label); display:block; font-size:.7rem; margin-bottom:8px; color:var(--hub-muted); }
 .fqt-hub-price-table td { font-size:.75rem; }
 .fqt-hub-price-table td strong { font-size:.78rem; }
 .fqt-hub-table-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fqt-hub-loan-result,.fqt-hub-page .fqt-product-estimate-result { position:static; }
 .fqt-hub-breakdown>div,.fqt-hub-page .fqt-estimate-breakdown>div { font-size:.8rem; gap:10px; }
 .fqt-hub-breakdown dt,.fqt-hub-page .fqt-estimate-breakdown dt { max-width:55%; }
 .fqt-hub-map iframe { height:300px; }
 .fqt-hub-page .fqt-mobile-bottom-bar { padding:8px 8px calc(8px + env(safe-area-inset-bottom)); }
 .fqt-hub-page .fqt-mobile-bottom-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
 .fqt-hub-page .fqt-mobile-bottom-btn { min-height:52px; min-width:0; color:#fff; font-size:.7rem; background:#183a61; }
 .fqt-hub-page .fqt-mobile-bottom-call { background:#06724d; }
 .fqt-hub-page .fqt-mobile-bottom-quote { background:#0757ad; }
 .fqt-hub-page .fqt-modal { width:calc(100% - 24px); }
 .fqt-hub-page .fqt-modal-body,.fqt-hub-page .fqt-modal-header { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .fqt-hub-page * { scroll-behavior:auto!important; transition:none!important; } }

.fqt-hub-price-preview { display:block; margin-top:8px; color:#075a9b; font-size:.85rem; font-weight:600; }

.fqt-hub-form-grid input[type=range] {
  height: 36px;
  cursor: pointer;
}
.fqt-hub-form-grid input[type=range]::-webkit-slider-thumb {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #003478;
  cursor: pointer;
}
.fqt-hub-form-grid input[type=range]::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #003478;
  cursor: pointer;
}
