:root{--ink:#1b2c37;--muted:#6b7b84;--green:#16795b;--line:#e4e9e8}
*{box-sizing:border-box}
body{margin:0;background:#f7f8f8;color:var(--ink);font:15px/1.55 "Segoe UI",Arial,sans-serif}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #469f7c;outline-offset:3px}
.vehicle-header{background:#fff;border-bottom:1px solid var(--line);padding:15px max(20px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.vehicle-brand{font-size:23px;font-weight:800;letter-spacing:-.04em;color:#123d66}.vehicle-brand span{color:#0b9e84}
.vehicle-brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0}
.vehicle-page{max-width:1260px;margin:0 auto;padding:19px 20px 48px}
.vehicle-page nav{font-size:13px;margin-bottom:14px}
.vehicle-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.vehicle-heading h1{font-size:clamp(27px,3vw,38px);line-height:1.17;letter-spacing:-.025em;margin:8px 0 2px}
.vehicle-heading p,.vehicle-section>p{color:var(--muted);margin:0}
.vehicle-titleblock{min-width:0}
.vehicle-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.vehicle-status-flag{display:inline-flex;align-items:center;max-width:100%;min-height:29px;padding:5px 24px 5px 11px;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%);font-size:12px;font-weight:650;line-height:1.35;background:#edf0f3;color:#465362}
.vehicle-status-flag.is-info{background:#e0eeff;color:#245890}
.vehicle-status-flag.is-open{background:#dcf5e5;color:#176336}
.vehicle-status-flag.is-live{background:#c7f0ec;color:#075e59}
.vehicle-status-flag.is-pending{background:#eee4ff;color:#69409a}
.vehicle-status-flag.is-done{background:#e1e9ed;color:#354f5c}
.vehicle-status-flag.is-closed{background:#f0e9df;color:#74522c}
.vehicle-status-flag.is-danger{background:#ffe3e3;color:#a32d35}
.vehicle-status-flag.is-warning{background:#fff0cc;color:#805600}
.vehicle-direction{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px}
.vehicle-direction.up{background:#e6f3ec;color:#176745}
.vehicle-direction.down{background:#fff0dd;color:#94510e}
.vehicle-sidebox small{display:block;color:var(--muted);font-size:12px}
.vehicle-columns{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:14px;align-items:start}
.vehicle-main{display:grid;gap:12px;min-width:0}
.vehicle-section,.vehicle-sidebox{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 20px}
.vehicle-section h2{font-size:18px;letter-spacing:-.01em;margin:0 0 12px}
.vehicle-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vehicle-gallery>a,.vehicle-gallery>img{display:block;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:10px;background:#e9efec}
.vehicle-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.vehicle-gallery a:hover img{transform:scale(1.04)}
.vehicle-gallery a{cursor:zoom-in}
.vehicle-gallery.is-collapsed>a:nth-child(n+9){display:none}
#vehicle-gallery-more{display:block;width:100%;padding:9px 12px;margin-top:9px;border:1px solid #d7e5dc;border-radius:10px;background:#f5faf7;color:#19684e;font-size:12px;font-weight:600}
#vehicle-gallery-more:hover{background:#e9f5ed}
.vehicle-gallery-section{padding:14px}
.vehicle-lightbox{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce6e1;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #09201655;overflow:hidden}
.vehicle-lightbox::backdrop{background:#0b1b1bba}
.vehicle-lightbox-content{display:flex;flex-direction:column;height:min(88dvh,800px);max-height:calc(100dvh - 34px)}
.vehicle-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;color:var(--muted);font-size:13px}
.vehicle-lightbox-header button{display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#edf2ef;color:var(--ink);line-height:1}
.vehicle-lightbox-stage{display:flex;align-items:center;justify-content:center;gap:10px;min-height:0;flex:1;background:#182522;padding:12px}
.vehicle-lightbox-stage img{display:block;max-width:calc(100% - 108px);max-height:100%;width:auto;height:auto;object-fit:contain}
.vehicle-lightbox-stage button{display:grid;place-items:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#ffffffdc;color:#123f30;line-height:1}
.vehicle-lightbox-header button svg{display:block;width:19px;height:19px}
.vehicle-lightbox-stage button svg{display:block;width:22px;height:22px}
.vehicle-lightbox-stage button[hidden]{visibility:hidden}
.vehicle-lightbox-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 18px;scrollbar-width:thin}
.vehicle-lightbox-thumb{flex:0 0 74px;width:74px;height:65px;padding:2px;border:2px solid transparent;border-radius:9px;background:#edf2ef;overflow:hidden}
.vehicle-lightbox-thumb.selected{border-color:var(--green)}
.vehicle-lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;margin:0}
.vehicle-facts>div{border-bottom:1px solid var(--line);padding-bottom:7px;min-width:0}
.vehicle-facts .vehicle-address{grid-column:1/-1}
.vehicle-facts dt{font-size:12px;color:var(--muted)}.vehicle-facts dd{margin:2px 0 0;overflow-wrap:anywhere}
.vehicle-summary{background:linear-gradient(120deg,#f0faf4,#fff 70%);border-color:#cce4d4}
.vehicle-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-summary-grid dd{font-weight:700;color:#174f3e}

/* Auction overview rows: heading and all available fact columns share a single
   horizontal line on desktop; long/variable timelines scroll instead of wrapping. */
.vehicle-section.vehicle-compact-row{display:flex;align-items:center;gap:18px;min-width:0;padding:12px 18px}
.vehicle-compact-row>h2{flex:0 0 178px;margin:0;font-size:17px;line-height:1.3;white-space:nowrap}
.vehicle-compact-row>.vehicle-facts{display:flex;flex:1 1 0;align-items:center;min-width:0;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.vehicle-compact-row>.vehicle-facts>div{flex:1 0 auto;min-width:max-content;padding:0 14px;border-bottom:0;border-right:1px solid var(--line)}
.vehicle-compact-row>.vehicle-facts>div:first-child{padding-left:0}
.vehicle-compact-row>.vehicle-facts>div:last-child{padding-right:0;border-right:0}
.vehicle-compact-row>.vehicle-facts dt{font-size:11px;line-height:1.35;white-space:nowrap}
.vehicle-compact-row>.vehicle-facts dd{margin:3px 0 0;font-size:14px;line-height:1.35;white-space:nowrap;overflow-wrap:normal}
.vehicle-term{border:1px solid var(--line);border-radius:10px;background:#fcfdfc;overflow:hidden}
.vehicle-term+.vehicle-term{margin-top:8px}
.vehicle-term summary{cursor:pointer;padding:10px 13px;font-weight:650;color:#245744}
.vehicle-term summary:hover{background:#f0f8f3}
.vehicle-term p{margin:0;border-top:1px solid var(--line);padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.vehicle-table-scroll{overflow-x:auto}
.vehicle-schedule{width:100%;border-collapse:collapse;min-width:510px;text-align:left}
.vehicle-schedule th,.vehicle-schedule td{padding:8px 10px;border-bottom:1px solid var(--line)}
.vehicle-schedule th{background:#f5f9f6;color:#586e62;font-size:12px}
.vehicle-side-facts{display:grid;gap:7px;margin:13px 0 15px}
.vehicle-side-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:7px}
.vehicle-side-facts dt{font-size:12px;color:var(--muted)}
.vehicle-side-facts dd{margin:0;text-align:right;font-size:12px;font-weight:650}
.vehicle-description{white-space:pre-wrap;overflow-wrap:anywhere}
.vehicle-procedures{display:grid;gap:7px;margin-top:10px}
.vehicle-procedure{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fafcfb;color:#294b3e}
.vehicle-procedure.selected{border-color:#7ebc9f;background:#edf7f1}
.vehicle-procedure span{color:var(--muted);text-align:right}
.vehicle-procedure-group{border-radius:10px}
.vehicle-procedure-group>.vehicle-procedure{border-radius:10px 10px 0 0}
.vehicle-mirror-link{padding:6px 12px 9px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#f5f9f7;font-size:12px;color:var(--muted)}
.vehicle-mirror-link a{color:#175d4c;text-decoration:underline}
.vehicle-list{margin:0;padding-left:20px;overflow-wrap:anywhere}.vehicle-list li+li{margin-top:5px}
.vehicle-aside{position:sticky;top:15px}.vehicle-sidebox .vehicle-side-price{display:block;color:#075d49;font-size:30px;line-height:1.2;margin:0 0 3px}.vehicle-sidebox .vehicle-price-caption{font-size:12px;color:var(--muted)}
.vehicle-price-flags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:9px 0 4px}
.vehicle-price-drop,.vehicle-stage-badge{display:inline-block;border-radius:5px;padding:3px 7px;white-space:nowrap;line-height:1.4}
.vehicle-price-drop{background:#ffe1e4;color:#b32335;font-size:12px;font-weight:750}
.vehicle-stage-badge{background:#d26617;color:#fff;font-size:10px;font-weight:700}
.vehicle-sidebox .vehicle-price-was{display:block;margin-top:4px;color:#7b8790;font-size:11px;line-height:1.4}
.vehicle-price-was del{color:#89949d}
.vehicle-sidebox>a,.vehicle-sidebox>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:8px 10px;margin-top:8px;border-radius:999px;text-align:center}
.vehicle-primary-action{background:#08624c;color:#fff}.vehicle-primary-action:hover{background:#07513f;color:#fff;text-decoration:none}
.vehicle-sidebox>button{border:1px solid #c9dcd1;background:#fff;color:#1b654c}
.vehicle-sidebox>button[aria-pressed="true"]{background:#e5f5ec}
.vehicle-sidebox p{font-size:11px;color:var(--muted);margin:12px 0 0}
@media(max-width:900px){.vehicle-columns{grid-template-columns:1fr}.vehicle-aside{position:static;grid-row:1}.vehicle-heading{align-items:flex-start}.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.vehicle-header{padding:11px 15px}.vehicle-page{padding:16px 12px 36px}.vehicle-heading{gap:8px}.vehicle-heading h1{font-size:29px}.vehicle-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vehicle-facts{grid-template-columns:1fr}.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-procedure{flex-direction:column}.vehicle-procedure span{text-align:left}.vehicle-section,.vehicle-sidebox{padding:14px}.vehicle-gallery-section{padding:10px}.vehicle-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.vehicle-lightbox-content{max-height:calc(100dvh - 18px)}.vehicle-lightbox-stage{gap:4px;padding:8px}.vehicle-lightbox-stage img{max-width:calc(100% - 78px)}.vehicle-lightbox-stage button{flex-basis:35px;width:35px;height:35px}.vehicle-lightbox-stage button svg{width:19px;height:19px}.vehicle-lightbox-thumbs{padding:10px}.vehicle-lightbox-thumb{flex-basis:60px;width:60px;height:54px}}
@media(max-width:360px){.vehicle-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Same neutral VIN marker as the auction catalog; no tooltip or link. */
.vin-info-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:13px;height:13px;margin-left:5px;border:1px solid #a6b0b7;border-radius:50%;background:#f5f6f7;color:#84919b;font:600 9px/1 Arial,sans-serif;pointer-events:none;user-select:none}
.plate-source{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:5px;width:17px;height:17px;border-radius:5px;background:#eef5f1;color:#43816b;line-height:1}
.plate-source svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plate-source-db{width:auto;padding:0 4px;font-size:9px;font-weight:700;letter-spacing:.1px}
.vehicle-heading h1 .vin-info-icon{vertical-align:5px;margin-left:8px}


/* Tablet/mobile: return the heading above readable, wrapping fact columns. */
@media(max-width:900px){
  .vehicle-section.vehicle-compact-row{display:block;padding:14px 18px}
  .vehicle-compact-row>h2{margin-bottom:10px;white-space:normal}
  .vehicle-compact-row>.vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;overflow:visible}
  .vehicle-compact-row>.vehicle-facts>div{min-width:0;border-right:0;border-bottom:1px solid var(--line);padding:0 0 7px}
  .vehicle-compact-row>.vehicle-facts dt,.vehicle-compact-row>.vehicle-facts dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:600px){
  .vehicle-section.vehicle-compact-row{padding:14px}
  .vehicle-compact-row>.vehicle-facts{grid-template-columns:1fr}
  .vehicle-compact-row>.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}