/* Vehicle detail v2 (Vehicle Studio pages). Generated from the approved HTML designs; every class is vd- prefixed and scoped under .vd so it cannot touch the rest of the site. */
.vd{--vd-red:#e51b23;--red:#e51b23;--vd-red-dark:#cc1018;--vd-ink:#171b22;--vd-muted:#6b7482;--vd-line:#e6e9ee;--vd-soft:#fff1f2;--vd-radius:13px;--vd-shadow:0 2px 12px rgba(24,34,48,.045);--ink:#171b22;--muted:#6b7482;--line:#e6e9ee;--radius:13px;--shadow:0 2px 12px rgba(24,34,48,.045);--card:#fff;--red-dark:#cc1018;--page:#f4f6f8;--vd-top:0px;font-family:inherit;color:var(--vd-ink);font-size:14px;line-height:1.45}
.vd *,.vd *::before,.vd *::after{box-sizing:border-box}
.vd button,.vd input,.vd select,.vd textarea{font:inherit}.vd button{cursor:pointer}
.vd .vd-wrap{width:min(1320px,calc(100% - 40px));margin:auto}
@media(max-width:760px){.vd .vd-wrap{width:calc(100% - 24px)}}
.vd *{box-sizing:border-box}
.vd input,.vd select{font:inherit}
.vd .vd-card{background:var(--card);border:1px solid #edf0f3;border-radius:var(--radius);box-shadow:var(--shadow)}
.vd .vd-hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(400px,1fr);gap:16px;padding-bottom:16px}
.vd .vd-gallery-card{padding:10px;min-width:0}
.vd .vd-main-image{height:350px;position:relative;overflow:hidden;border-radius:10px;background:#dfe5e9}
.vd .vd-main-image img{width:100%;height:100%;object-fit:cover;object-position:54% 57%;display:block}
.vd .vd-image-shade{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.36));height:75px;pointer-events:none}
.vd .vd-gallery-arrow{position:absolute;top:47%;width:36px;height:36px;border-radius:50%;border:1px solid #e7e9ec;background:rgba(255,255,255,.94);font-size:22px;line-height:1}
.vd .vd-gallery-arrow.vd-prev{left:12px}
.vd .vd-gallery-arrow.vd-next{right:12px}
.vd .vd-image-counter{position:absolute;bottom:12px;right:13px;color:white;font-size:11px}
.vd .vd-gallery-tools{display:flex;gap:8px;align-items:center;margin-top:9px;overflow:auto}
.vd .vd-thumb{height:57px;width:83px;flex:0 0 83px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#eee}
.vd .vd-thumb.vd-active{border-color:var(--red)}
.vd .vd-thumb img{height:100%;width:100%;object-fit:cover}
.vd .vd-gallery-tool{height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 12px;white-space:nowrap;font-size:11px;font-weight:650;color:#4d5664}
.vd .vd-gallery-tool .vd-ico{color:var(--red);font-size:17px}
.vd .vd-vehicle-info{padding:18px 20px 14px;min-width:0}
.vd .vd-brandline{font-size:12px;font-weight:750;color:#606a77;margin-bottom:3px}
.vd .vd-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vd .vd-vehicle-title{font-size:31px;line-height:1.12;letter-spacing:-1.1px;margin:0;font-weight:850}
.vd .vd-brand-mark{font-size:12px;color:#525b67;font-weight:800;text-align:center;min-width:50px}
.vd .vd-rating{display:flex;align-items:center;gap:7px;margin-top:9px;color:#697383;font-size:12px}
.vd .vd-star{color:#ffae00;font-size:17px}
.vd .vd-rating a{color:#1264bd;text-decoration:none}
.vd .vd-price-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}
.vd .vd-price{font-size:27px;letter-spacing:-.6px;font-weight:850;line-height:1.1}
.vd .vd-price-caption{color:#84909e;font-size:11px;margin-top:3px}
.vd .vd-text-link{color:var(--red);font-weight:750;font-size:12px;text-decoration:none;white-space:nowrap}
.vd .vd-city-select{width:100%;height:42px;margin-top:13px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fbfcfd;color:#333b47;display:flex;align-items:center;justify-content:space-between}
.vd .vd-city-select strong{font-weight:650}
.vd .vd-quick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}
.vd .vd-quick-spec{border-radius:9px;background:#f6f8fa;min-height:55px;padding:9px 7px;display:flex;align-items:center;gap:7px;min-width:0}
.vd .vd-quick-spec .vd-symbol{font-size:19px;color:#343d49}
.vd .vd-quick-spec strong{font-size:10px;display:block;white-space:nowrap}
.vd .vd-quick-spec small{display:block;color:#818b98;font-size:9px;margin-top:3px}
.vd .vd-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.vd .vd-btn{height:46px;border-radius:9px;border:1px solid var(--line);padding:0 13px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}
.vd .vd-btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.vd .vd-btn-red:hover{background:var(--red-dark)}
.vd .vd-btn-outline{background:#fff;color:#252d38;border-color:#bfc6cf}
.vd .vd-action-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px;border-top:1px solid var(--line);padding-top:12px}
.vd .vd-action-links button{border:0;border-right:1px solid var(--line);background:none;color:#56606e;font-size:10px;padding:4px 3px;white-space:nowrap}
.vd .vd-action-links button:last-child{border:0}
.vd .vd-action-links span{font-size:15px;margin-right:4px}
.vd .vd-section-nav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:70px;z-index:40;margin-bottom:15px}
.vd .vd-section-nav a{padding:15px 18px;color:#4e5866;text-decoration:none;white-space:nowrap;font-size:12px;border-bottom:3px solid transparent}
.vd .vd-section-nav a.vd-active,.vd .vd-section-nav a:hover{color:var(--red);border-bottom-color:var(--red);font-weight:750}
.vd .vd-section{margin:15px 0}
.vd .vd-section-title-row{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:12px}
.vd .vd-section-title{font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:850;margin:0}
.vd .vd-section-sub{font-size:12px;color:#7b8492;margin-top:4px}
.vd .vd-content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:16px;align-items:start}
.vd .vd-left-stack{display:grid;gap:12px}
.vd .vd-panel{padding:17px 18px}
.vd .vd-variants-table{width:100%;border-collapse:collapse;font-size:12px}
.vd .vd-variants-table th{background:#f3f5f7;color:#5e6875;text-align:left;font-weight:650;padding:12px 10px;white-space:nowrap}
.vd .vd-variants-table th:first-child{border-radius:8px 0 0 0}
.vd .vd-variants-table th:last-child{border-radius:0 8px 0 0}
.vd .vd-variants-table td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.vd .vd-variants-table tr:last-child td{border-bottom:0}
.vd .vd-variants-table tr.vd-selected td{background:#fffafa}
.vd .vd-variant-name{display:flex;align-items:center;gap:9px;white-space:nowrap}
.vd .vd-radio{width:19px;height:19px;border:2px solid #cbd1d9;border-radius:50%;display:inline-block;flex:0 0 auto;position:relative}
.vd .vd-selected .vd-radio{border-color:var(--red)}
.vd .vd-selected .vd-radio:after{content:"";position:absolute;inset:3px;background:var(--red);border-radius:50%}
.vd .vd-popular{background:#ffe5e6;color:var(--red);font-size:10px;font-weight:750;padding:4px 7px;border-radius:5px}
.vd .vd-price-cell{font-weight:850;font-size:14px;white-space:nowrap}
.vd .vd-small-btn{border:1px solid var(--red);color:var(--red);background:#fff;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:750;white-space:nowrap}
.vd .vd-selected .vd-small-btn,.vd .vd-small-btn:hover{background:var(--red);color:#fff}
.vd .vd-emi-card{padding:18px;position:sticky;top:128px}
.vd .vd-emi-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f3f6;border-radius:8px;padding:3px;margin:14px 0}
.vd .vd-emi-tabs button{border:0;background:transparent;padding:10px 5px;border-radius:6px;color:#667080;font-size:11px}
.vd .vd-emi-tabs button.vd-active{background:#fff;color:var(--red);font-weight:800;box-shadow:0 1px 4px #dfe2e8;border-bottom:2px solid var(--red)}
.vd .vd-field-label{display:flex;justify-content:space-between;gap:8px;color:#5b6573;font-size:11px;margin:13px 0 7px}
.vd .vd-field-value{border:1px solid var(--line);border-radius:6px;padding:6px 9px;min-width:115px;text-align:right;color:#2b3340;font-weight:700;background:#fff}
.vd .vd-range{width:100%;accent-color:var(--red);margin:5px 0}
.vd .vd-range-ends{display:flex;justify-content:space-between;color:#929ba7;font-size:10px}
.vd .vd-emi-result{margin-top:16px;padding:14px;border-radius:9px;background:#fff0f1;display:flex;justify-content:space-between;align-items:center;gap:8px}
.vd .vd-emi-result small{display:block;color:var(--red);font-size:11px;font-weight:700}
.vd .vd-emi-result strong{display:block;color:var(--red);font-size:22px;letter-spacing:-.5px;margin-top:2px}
.vd .vd-emi-result span{font-size:10px;font-weight:500}
.vd .vd-emi-result .vd-btn{height:38px;font-size:11px;white-space:nowrap}
.vd .vd-highlights{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.vd .vd-highlight{background:linear-gradient(135deg,#fff6f6,#fff);border:1px solid #fff0f0;border-radius:9px;padding:12px 9px;display:flex;align-items:center;gap:8px;min-width:0}
.vd .vd-highlight .vd-symbol{color:var(--red);font-size:25px}
.vd .vd-highlight strong{font-size:11px;display:block;white-space:nowrap}
.vd .vd-highlight small{font-size:10px;color:#87909d;display:block;margin-top:3px}
.vd .vd-full-width{margin-top:13px}
.vd .vd-colour-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.vd .vd-colour-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;text-align:center;position:relative;cursor:pointer}
.vd .vd-colour-card.vd-active{border:2px solid var(--red);box-shadow:0 0 0 2px #ffe2e4}
.vd .vd-colour-card img{width:100%;height:75px;object-fit:cover;display:block}
.vd .vd-colour-card .vd-colour-name{font-size:10px;font-weight:650;padding:8px 3px 9px;white-space:nowrap}
.vd .vd-checkmark{display:none;position:absolute;right:0;top:0;background:var(--red);color:#fff;border-radius:0 5px 0 7px;padding:3px 5px;font-size:11px}
.vd .vd-colour-card.vd-active .vd-checkmark{display:block}
.vd .vd-compare-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.vd .vd-compare-card{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;text-align:center;min-width:0}
.vd .vd-compare-card.vd-current{border-color:var(--red);box-shadow:0 0 0 1px #ffd9dc}
.vd .vd-compare-card img{width:100%;height:85px;object-fit:cover;border-radius:5px;display:block}
.vd .vd-compare-card h4{font-size:11px;margin:6px 0 4px;line-height:1.25}
.vd .vd-compare-card .vd-compare-price{font-size:10px;color:#6d7785;white-space:nowrap}
.vd .vd-compare-card button{width:100%;margin-top:8px;border:1px solid #d8dde4;border-radius:6px;background:#fff;padding:6px 3px;font-size:10px;color:#4d5664}
.vd .vd-compare-card button.vd-chosen{background:#fff0f1;border-color:var(--red);color:var(--red)}
.vd .vd-compare-summary{display:none;margin-top:12px;padding:12px;border-radius:8px;background:#fff0f1;color:#6c252a}
.vd .vd-compare-summary.vd-show{display:block}
.vd .vd-specs-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vd .vd-spec-table{width:100%;border-collapse:collapse;font-size:12px}
.vd .vd-spec-table td{padding:11px 3px;border-bottom:1px solid var(--line)}
.vd .vd-spec-table td:first-child{color:#788290;width:48%}
.vd .vd-spec-table td:last-child{font-weight:700}
.vd .vd-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vd .vd-feature{padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff}
.vd .vd-feature .vd-symbol{font-size:22px;color:var(--red)}
.vd .vd-feature strong{display:block;margin:8px 0 4px;font-size:12px}
.vd .vd-feature p{font-size:11px;color:#7c8694;line-height:1.5;margin:0}
.vd .vd-gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:130px 130px;gap:10px}
.vd .vd-gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:9px;background:#e4e8ec}
.vd .vd-gallery-grid img:first-child{grid-row:span 2}
.vd .vd-review-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.vd .vd-review-card{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.vd .vd-review-card .vd-stars{color:#ffad00;letter-spacing:2px}
.vd .vd-review-card h4{margin:9px 0 5px;font-size:13px}
.vd .vd-review-card p{margin:0;color:#737d8b;line-height:1.6;font-size:12px}
.vd .vd-review-card .vd-reviewer{margin-top:12px;color:#333b47;font-size:11px;font-weight:750}
.vd .vd-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.vd .vd-faq-item{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.vd .vd-faq-question{width:100%;text-align:left;border:0;background:#fff;padding:15px;font-weight:750;display:flex;justify-content:space-between;gap:10px;color:#252d38}
.vd .vd-faq-answer{display:none;padding:0 15px 15px;color:#707b89;line-height:1.6;font-size:12px}
.vd .vd-faq-item.vd-open .vd-faq-answer{display:block}
.vd .vd-faq-item.vd-open .vd-faq-question{color:var(--red)}
.vd .vd-lead-banner{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:26px;background:#fff;border:1px solid var(--line);border-radius:13px}
.vd .vd-lead-copy h2{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px}
.vd .vd-lead-copy h2 span{color:var(--red)}
.vd .vd-lead-copy p{color:#6e7886;line-height:1.6}
.vd .vd-lead-points{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#5f6976}
.vd .vd-lead-points span:before{content:'✓';color:var(--red);font-weight:900;margin-right:5px}
.vd .vd-lead-form{border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:var(--shadow)}
.vd .vd-lead-form h3{font-size:17px;margin:0 0 4px}
.vd .vd-lead-form p{font-size:11px;color:#7a8492;margin:0 0 12px}
.vd .vd-lead-form input,.vd .vd-lead-form select{width:100%;height:42px;border:1px solid var(--line);border-radius:7px;margin-bottom:9px;padding:0 11px;outline-color:var(--red);background:#fff}
.vd .vd-consent{font-size:10px;color:#8a93a0;display:flex;gap:7px;align-items:flex-start;margin:3px 0 10px}
.vd .vd-consent input{width:auto;height:auto;margin:2px 0}
.vd .vd-lead-form .vd-btn{width:100%}
.vd .vd-form-message{display:none;margin-top:9px;padding:9px;border-radius:6px;background:#ecfdf3;color:#167445;font-size:11px}
.vd .vd-mobile-sticky{display:none}
.vd .vd-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#171b22;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 8px 30px #0002;z-index:100;display:none;font-size:12px;max-width:90vw;text-align:center}
.vd .vd-toast.vd-show{display:block}
.vd .vd-disclaimer{font-size:10px;color:#8993a0;line-height:1.6;margin-top:12px}
@media(max-width:1100px){.vd .vd-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)}.vd .vd-main-image{height:310px}.vd .vd-gallery-tool{padding:0 8px}.vd .vd-quick-specs{grid-template-columns:repeat(2,1fr)}.vd .vd-highlights{grid-template-columns:repeat(3,1fr)}.vd .vd-colour-grid{grid-template-columns:repeat(4,1fr)}.vd .vd-compare-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.vd .vd-hero-layout{grid-template-columns:1fr;gap:10px}.vd .vd-main-image{height:245px}.vd .vd-vehicle-info{padding:16px}.vd .vd-vehicle-title{font-size:26px}.vd .vd-price{font-size:24px}.vd .vd-quick-specs{grid-template-columns:repeat(2,1fr)}.vd .vd-section-nav{top:0;margin-bottom:10px}.vd .vd-section-nav a{padding:13px 14px;font-size:11px}.vd .vd-content-grid{grid-template-columns:1fr}.vd .vd-emi-card{position:static;order:-1}.vd .vd-variants-table{min-width:680px}.vd .vd-table-wrap{overflow-x:auto}.vd .vd-panel{padding:14px}.vd .vd-section-title{font-size:20px}.vd .vd-highlights{grid-template-columns:repeat(2,1fr);gap:7px}.vd .vd-highlight{padding:10px 7px}.vd .vd-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vd .vd-colour-card img{height:65px}.vd .vd-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd .vd-compare-card img{height:90px}.vd .vd-specs-layout{grid-template-columns:1fr}.vd .vd-feature-grid{grid-template-columns:repeat(2,1fr)}.vd .vd-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 100px 100px}.vd .vd-gallery-grid img:first-child{grid-row:span 2}.vd .vd-review-grid{grid-template-columns:1fr}.vd .vd-faq-list{grid-template-columns:1fr}.vd .vd-lead-banner{grid-template-columns:1fr;padding:18px}.vd .vd-lead-copy h2{font-size:24px}.vd .vd-mobile-sticky{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:60}.vd .vd-mobile-sticky .vd-btn{height:42px;font-size:12px}.vd .vd-action-links{grid-template-columns:repeat(2,1fr);row-gap:10px}.vd .vd-action-links button:nth-child(2){border-right:0}.vd .vd-gallery-tool{height:43px}.vd .vd-gallery-tools{gap:6px}.vd .vd-thumb{height:48px;width:65px;flex-basis:65px}.vd .vd-emi-result strong{font-size:19px}.vd .vd-emi-result .vd-btn{padding:0 8px}.vd .vd-variants-table td{padding:10px 8px}.vd .vd-section{margin:12px 0}}

/* ---- additions on top of the approved design (live on-road price, city picker, bike table, misc) ---- */
.vd .vd-section-nav{top:var(--vd-top)}
.vd .vd-emi-card{top:calc(var(--vd-top) + 62px)}
.vd{background:var(--page);padding-bottom:30px}
.vd .vd-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#7b8491;font-size:11px;padding:13px 0}
.vd .vd-crumbs a{color:#29313d;text-decoration:none;font-weight:650}.vd .vd-crumbs a:hover{color:var(--red)}.vd .vd-crumbs b{color:#303744}
.vd .vd-updated{margin-left:auto;white-space:nowrap}
.vd h1,.vd h2,.vd h3,.vd h4{font-family:inherit}
.vd .vd-vehicle-title{margin:0}
.vd .vd-table-wrap{overflow-x:auto}
.vd .vd-variants-table tr{cursor:pointer}
.vd .vd-variants-table .vd-radio{flex:0 0 auto}
.vd .vd-city-select{cursor:pointer;text-align:left}
.vd .vd-city-select strong{font-weight:700}
.vd .vd-onroad{margin-top:14px;border:1px solid var(--vd-line);border-radius:10px;overflow:hidden}
.vd .vd-onroad table{width:100%;border-collapse:collapse;font-size:12px}
.vd .vd-onroad td{padding:9px 12px;border-bottom:1px solid var(--vd-line)}
.vd .vd-onroad td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.vd .vd-onroad tr.vd-total td{background:#fff0f1;color:var(--red);font-weight:850;font-size:14px;border-bottom:0}
.vd .vd-onroad small{display:block;color:#8993a0;font-weight:400;font-size:10px;margin-top:2px}
.vd .vd-onroad-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#f6f8fa;font-size:11px;color:#5b6573}
.vd .vd-loan-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#5b6573;margin:10px 0 0}
.vd .vd-hide{display:none!important}
.vd .vd-modal{position:fixed;inset:0;background:rgba(10,14,20,.55);z-index:1500;display:none;align-items:center;justify-content:center;padding:16px}
.vd .vd-modal.vd-open{display:flex}
.vd .vd-modal-box{background:#fff;border-radius:14px;width:min(560px,100%);max-height:86vh;overflow:auto;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.vd .vd-modal-box h3{margin:0 0 4px;font-size:18px}
.vd .vd-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:12px 0}
.vd .vd-city-grid button{border:1px solid var(--vd-line);background:#fff;border-radius:8px;padding:9px 8px;font-size:12px;font-weight:650;color:#29313d}
.vd .vd-city-grid button:hover,.vd .vd-city-grid button.vd-on{border-color:var(--red);color:var(--red);background:#fff5f5}
.vd .vd-modal input,.vd .vd-modal select{width:100%;height:40px;border:1px solid var(--vd-line);border-radius:8px;padding:0 10px;margin-top:8px}
.vd .vd-colour-card .vd-swatch{height:75px;display:block}
.vd .vd-colour-card img{height:75px}
.vd .vd-compare-card a{color:inherit;text-decoration:none}
.vd .vd-compare-card .vd-ph{height:85px;border-radius:5px;background:#eef1f4;display:block}
.vd .vd-feature-list{margin:8px 0 0;padding-left:16px;font-size:11px;color:#6b7482;line-height:1.6;columns:1}
.vd .vd-feature p{min-height:0}
.vd .vd-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vd .vd-video{border:1px solid var(--vd-line);border-radius:10px;overflow:hidden;background:#fff}
.vd .vd-video button{display:block;width:100%;border:0;padding:0;background:#111;position:relative;aspect-ratio:16/9}
.vd .vd-video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.vd .vd-video .vd-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:34px;text-shadow:0 2px 10px #0008}
.vd .vd-video div.vd-vt{padding:10px 12px;font-weight:700;font-size:12px}
.vd .vd-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.vd .vd-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vd .vd-news-grid a{display:block;border:1px solid var(--vd-line);border-radius:10px;padding:12px;background:#fff;color:inherit;text-decoration:none;font-weight:650;font-size:12px;line-height:1.45}
.vd .vd-news-grid a:hover{border-color:var(--red)}
.vd .vd-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.vd .vd-gallery-grid img{cursor:zoom-in}
.vd .vd-lightbox{position:fixed;inset:0;background:rgba(8,10,16,.94);z-index:1600;display:none;align-items:center;justify-content:center;padding:28px}
.vd .vd-lightbox.vd-open{display:flex}
.vd .vd-lightbox img{max-width:min(1100px,92vw);max-height:84vh;object-fit:contain;border-radius:8px}
.vd .vd-lightbox button{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.16);border-radius:50%;width:44px;height:44px;font-size:26px}
.vd .vd-lightbox .vd-lb-x{top:16px;right:20px}.vd .vd-lightbox .vd-lb-p{left:18px;top:50%}.vd .vd-lightbox .vd-lb-n{right:18px;top:50%}
.vd .vd-preview-bar{background:#171b22;color:#fff;padding:9px 16px;text-align:center;font-size:12px}
.vd .vd-stars{color:#ffad00;letter-spacing:2px}
@media(max-width:1100px){.vd .vd-video-grid,.vd .vd-news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.vd .vd-video-grid,.vd .vd-news-grid{grid-template-columns:1fr}.vd .vd-updated{display:none}.vd .vd-mobile-sticky{z-index:900}}

/* The site sets overflow on both <html> and <body>, which stops position:sticky from working. On these pages only, clip sideways overflow instead of making them scroll containers. */
html:has(#vd),body:has(#vd){overflow-x:clip;overflow-y:visible}

/* ---- layout fixes: nothing may overflow or break when a value is long ---- */
.vd .vd-section-nav .vd-wrap{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.vd .vd-section-nav .vd-wrap::-webkit-scrollbar{display:none}
.vd .vd-section-nav a{display:flex;align-items:center;flex:0 0 auto;padding:0 18px;height:48px;font-size:12.5px;line-height:1}
.vd .vd-quick-specs{grid-template-columns:repeat(auto-fit,minmax(122px,1fr))}
.vd .vd-highlights{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.vd .vd-highlight,.vd .vd-quick-spec{min-width:0;align-items:flex-start}
.vd .vd-highlight>div,.vd .vd-quick-spec>div{min-width:0;flex:1 1 auto}
.vd .vd-highlight strong,.vd .vd-quick-spec strong{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.3;font-size:12px}
.vd .vd-quick-spec strong{font-size:11.5px}
.vd .vd-highlight small,.vd .vd-quick-spec small{overflow-wrap:anywhere}
.vd .vd-symbol{flex:0 0 auto;line-height:1;display:inline-flex}
.vd .vd-highlight .vd-symbol{font-size:24px;margin-top:1px}
.vd .vd-quick-spec .vd-symbol{font-size:19px}
.vd .vd-city-select{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;font-size:13px;color:#333b47}
.vd .vd-city-l{display:flex;align-items:center;gap:8px;min-width:0}
.vd .vd-city-l i{color:var(--red);font-size:18px;flex:0 0 auto}
.vd .vd-city-l span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd .vd-city-l strong{font-weight:700}
.vd .vd-city-change{display:inline-flex;align-items:center;gap:3px;color:var(--red);font-weight:700;font-size:12px;white-space:nowrap;flex:0 0 auto}
.vd .vd-city-change i{font-size:14px}
.vd .vd-city-search{margin-top:12px}
.vd .vd-vehicle-title{overflow-wrap:anywhere}
.vd .vd-price{overflow-wrap:anywhere}
.vd .vd-variant-name{white-space:normal;flex-wrap:wrap}
.vd .vd-compare-card h4{overflow-wrap:anywhere}
.vd .vd-feature strong,.vd .vd-feature p,.vd .vd-feature-list{overflow-wrap:anywhere}
.vd .vd-spec-table td:last-child{overflow-wrap:anywhere}

/* ---- responsive: tablets and small laptops stack the hero and the price / EMI columns (the original design only switched at 760px) ---- */
@media(max-width:1024px){
  .vd .vd-hero-layout{grid-template-columns:minmax(0,1fr)}
  .vd .vd-content-grid{grid-template-columns:minmax(0,1fr)}
  .vd .vd-emi-card{position:static;order:-1}
  .vd .vd-main-image{height:clamp(240px,52vw,420px)}
  .vd .vd-lead-banner{grid-template-columns:minmax(0,1fr)}
  .vd .vd-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vd .vd-colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vd .vd-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd .vd-variants-table{min-width:620px}
}
@media(max-width:760px){
  .vd .vd-hero-layout,.vd .vd-content-grid,.vd .vd-specs-layout,.vd .vd-review-grid,.vd .vd-faq-list{grid-template-columns:minmax(0,1fr)}
  .vd .vd-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd .vd-quick-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd .vd-title-line{flex-wrap:wrap}
  .vd .vd-price-line{flex-wrap:wrap}
  .vd .vd-modal{align-items:flex-end;padding:0}
  .vd .vd-modal-box{width:100%;max-height:88vh;border-radius:16px 16px 0 0}
  .vd .vd-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd .vd-section-title-row{flex-wrap:wrap}
  .vd .vd-emi-result{flex-wrap:wrap}
  .vd .vd-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .vd .vd-gallery-grid img:first-child{grid-column:1/-1;grid-row:auto}
  .vd .vd-gallery-grid img{height:140px}
}
@media(max-width:420px){
  .vd .vd-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd .vd-feature-grid{grid-template-columns:minmax(0,1fr)}
  .vd .vd-action-links{grid-template-columns:repeat(2,1fr)}
  .vd .vd-vehicle-title{font-size:23px}
  .vd .vd-price{font-size:22px}
}
.vd.vd-portal{background:none;padding:0}
.vd .vd-left-stack{grid-template-columns:minmax(0,1fr)}
.vd .vd-left-stack>*,.vd .vd-content-grid>*{min-width:0}
.vd .vd-table-wrap{max-width:100%}