body{margin:0;background:#f4f7f9;color:#142c3f}a{color:inherit}.vehicle-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(4vw,20px);background:#fff;border-bottom:1px solid #d8e2e9}.vehicle-header img{display:block;width:174px;height:auto}.vehicle-header>a:last-child{color:#006b9e;font-weight:700;font-size:15px;text-decoration:none}.vehicle-main{max-width:1320px;margin:auto;padding:28px max(4vw,20px) 80px}.vehicle-main nav{font-size:14px;color:#5a6873;margin-bottom:22px}.vehicle-main nav a{color:#006b9e}.vehicle-layout>div,.vehicle-info{min-width:0}.vehicle-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:30px;align-items:start}.vehicle-photo{border-radius:12px;overflow:hidden;background:#e5edf2;border:1px solid #d8e2e9}.vehicle-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}.vehicle-info{background:#fff;border:1px solid #d8e2e9;border-radius:12px;padding:30px}.vehicle-info h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:8px 0}.vehicle-subtitle{font-size:18px;color:#546877;margin:0 0 25px}.vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0 0 27px}.vehicle-facts>div{display:block;border-top:1px solid #d8e2e9;padding-top:12px;min-width:0}.vehicle-facts dt{font-size:14px;color:#546877}.vehicle-facts dd{font:700 22px 'Barlow',Arial,sans-serif;margin:5px 0 0;overflow-wrap:normal;word-break:normal}.vehicle-damage{border-top:1px solid #d8e2e9;padding-top:20px}.vehicle-damage h2{font-size:20px;margin:0 0 8px}.vehicle-damage p{font-size:16px;line-height:1.55;margin:0 0 23px;overflow-wrap:anywhere}.vehicle-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.vehicle-actions .button{display:inline-block;padding:14px 18px;border-radius:5px;font-size:15px;font-weight:700;text-decoration:none}.vehicle-original{color:#006b9e;font-weight:700;font-size:15px}.vehicle-note{font-size:14px;color:#546877;line-height:1.55;margin:23px 0 0}.vehicle-footer{display:flex;justify-content:space-between;gap:20px;padding:25px max(4vw,20px);border-top:1px solid #d8e2e9;background:#fff;font-size:14px}.vehicle-footer a{color:#006b9e;font-weight:700}@media(max-width:900px){.vehicle-layout{grid-template-columns:1fr}.vehicle-photo img{max-height:570px}.vehicle-info{padding:25px}}@media(max-width:500px){.vehicle-main{padding:18px 16px 48px}.vehicle-header{padding:13px 16px}.vehicle-header img{width:128px}.vehicle-header>a:last-child{font-size:13px}.vehicle-layout{gap:16px}.vehicle-info{padding:22px 18px}.vehicle-facts dd{font-size:19px}.vehicle-actions .button{width:100%;text-align:center}.vehicle-footer{padding:22px 16px}}

.vehicle-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.vehicle-gallery a{display:block;min-width:0;border-radius:5px;overflow:hidden;background:#e5edf2}.vehicle-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.vehicle-availability{display:inline-block;margin:0 0 20px;padding:7px 10px;border-radius:4px;background:#eaf3ee;color:#246243;font-size:14px;font-weight:700}
@media(max-width:500px){.vehicle-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vehicle-slideshow{min-width:0;outline:none}.vehicle-slideshow .vehicle-photo{position:relative}.vehicle-slideshow button{font:inherit;cursor:pointer}.slide-arrow,.slide-expand{position:absolute;border:0;background:rgba(14,36,53,.82);color:#fff;display:grid;place-items:center}.slide-arrow{top:50%;transform:translateY(-50%);width:46px;height:52px;border-radius:6px;font-size:34px;line-height:1}.slide-prev{left:12px}.slide-next{right:12px}.slide-expand{top:12px;right:12px;width:42px;height:42px;border-radius:5px;font-size:23px}.slide-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;min-height:48px}.slide-count{font-size:14px;color:#546877;font-weight:700}.slide-toggle{border:1px solid #b7c9d5;background:#fff;border-radius:5px;padding:7px 12px;color:#006b9e;min-width:42px;font-weight:700}.vehicle-thumbnails{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 12px;scrollbar-width:thin}.vehicle-thumb{flex:0 0 clamp(85px,18%,120px);min-width:0;padding:0;border:3px solid transparent;border-radius:7px;background:#e5edf2;overflow:hidden;scroll-snap-align:start}.vehicle-thumb[aria-pressed="true"]{border-color:#ff901d}.vehicle-thumb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.vehicle-slideshow :is(button,[tabindex]):focus-visible{outline:3px solid #ff901d;outline-offset:3px}.vehicle-lightbox{border:0;border-radius:10px;padding:52px 18px 22px;width:min(95vw,1200px);max-height:95vh;background:#142c3f;color:#fff;text-align:center;overflow:auto}.vehicle-lightbox::backdrop{background:rgba(9,19,29,.88)}.vehicle-lightbox img{display:block;margin:auto;max-width:100%;max-height:calc(95vh - 110px);width:auto;height:auto;object-fit:contain}.lightbox-close{position:absolute;top:4px;right:8px;border:0;background:transparent;color:#fff;font-size:35px;line-height:1;padding:4px 10px}.lightbox-count{display:block;font-size:14px;margin-top:8px}@media(max-width:500px){.slide-arrow{width:38px;height:46px;font-size:28px}.slide-prev{left:6px}.slide-next{right:6px}.vehicle-thumb{flex-basis:85px}}

.vehicle-facts .vehicle-tax{display:block;margin-top:7px;color:#1d5272;font:700 14px 'DM Sans',Arial,sans-serif;line-height:1.4}

.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:14px}.lightbox-controls button{width:52px;height:46px;border:1px solid #9ab2c3;border-radius:6px;background:#fff;color:#142c3f;font-size:32px;line-height:1}.lightbox-controls .lightbox-count{margin:0;min-width:65px}.vehicle-lightbox img{max-height:calc(95dvh - 160px);touch-action:pan-y pinch-zoom}.vehicle-lightbox{max-height:95dvh}.vehicle-lightbox button:focus-visible{outline:3px solid #ff901d;outline-offset:3px}

/* Full listing is the primary action on every vehicle detail page. */
.vehicle-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}.vehicle-actions .button{width:100%;min-height:54px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;line-height:1.45;text-align:center}.vehicle-actions .vehicle-original{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#ff901d;color:#142c3f;font-size:18px;font-weight:700;border:2px solid #ff901d;box-shadow:0 4px 12px #073b6418}.vehicle-actions .vehicle-original:hover{background:#ffa949;border-color:#ffa949}.vehicle-actions .vehicle-whatsapp{display:flex;align-items:center;justify-content:center;background:#fff;color:#006b9e;border:2px solid #006b9e;font-size:15px}.vehicle-actions .vehicle-whatsapp:hover{background:#eef5fa}.vehicle-actions a:focus-visible{outline:3px solid #073b64;outline-offset:4px}

.vehicle-export-terms{font-size:14px;line-height:1.6;color:var(--muted);background:var(--paper);border-left:3px solid var(--blue);padding:14px 16px;margin:0 0 24px}
.vehicle-actions .vehicle-email{display:flex;align-items:center;justify-content:center;background:#fff;color:#006b9e;border:2px solid #006b9e;font-size:15px}.vehicle-actions .vehicle-email:hover{background:#eef5fa}
.vehicle-export-terms a{font-weight:700;color:#006b9e;text-decoration:underline;text-underline-offset:2px}

/* Shared Richel action colours, matching the inventory cards. */
.vehicle-actions .button{border-radius:8px;gap:10px;box-shadow:0 2px 5px rgba(7,59,100,.07);transition:background .18s,box-shadow .18s}
.vehicle-actions .vehicle-original{background:#edf1f4;color:var(--blue);border:1px solid #dbe3e9}
.vehicle-actions .vehicle-original:hover{background:#e1e8ee;border-color:#c6d4df;transform:none}
.vehicle-actions .vehicle-whatsapp{background:var(--orange);color:var(--ink);border:1px solid var(--orange)}
.vehicle-actions .vehicle-whatsapp:hover{background:#ffa33d;border-color:#ffa33d}
.vehicle-actions .vehicle-email{background:var(--blue);color:white;border:1px solid var(--blue)}
.vehicle-actions .vehicle-email:hover{background:var(--deep);border-color:var(--deep)}
@media(prefers-reduced-motion:reduce){.vehicle-actions .button{transition:none}}

/* Uniform action alignment; long labels may wrap at narrow widths. */
.vehicle-actions .button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;min-width:0;max-width:100%;font-size:16px;line-height:1.4}
.vehicle-actions .button>.action-label{flex:0 1 auto;min-width:0;font-size:inherit;white-space:normal;overflow-wrap:anywhere;text-align:center}
.vehicle-actions .button>.action-icon{flex:0 0 22px;margin:0}