#stock-root{--st-orange:#ff7900;--st-ink:#202a30}.st-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px;font-size:13px;color:#596871}.st-live-dot{display:inline-block;width:7px;height:7px;background:#35896a;border-radius:50%;margin-right:8px}.st-muted{color:#88939b}.st-total{font-weight:700;color:var(--st-ink)}.st-filters{background:#fff;border:1px solid #e2e6e8;border-radius:14px;padding:20px;margin-bottom:24px}.st-search{display:flex;gap:10px;align-items:center;border:1px solid #dce1e4;border-radius:8px;padding:0 14px;margin-bottom:16px}.st-search>span{font-size:26px;color:#ff7900}.st-search input{width:100%;border:0!important;padding:13px 0!important;background:transparent!important;font:inherit;font-size:14px;outline-offset:2px}.st-main-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.st-main-filters label{flex:1 1 130px;font-size:12px;font-weight:600;color:#54636d;display:flex;flex-direction:column;gap:6px}.st-main-filters input,.st-main-filters select,.st-results-bar select{width:100%;font:inherit;color:#26343c;background:white;border:1px solid #dce1e4;border-radius:7px;padding:10px;min-height:42px}.st-reset{background:transparent;border:0;text-decoration:underline;padding:12px 4px;color:#56646c;cursor:pointer;font:inherit;font-size:12px}.st-extra{margin-top:14px;font-size:12px;color:#57656e}.st-extra summary{cursor:pointer}.st-extra>.st-main-filters{padding-top:16px}.st-results-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin-bottom:18px}.st-results-bar strong{font-size:21px;color:#222}.st-results-bar label{display:flex;gap:12px;align-items:center;white-space:nowrap}.st-results-bar select{width:auto;font-size:12px}.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.st-card{border:1px solid #e1e5e7;border-radius:13px;overflow:hidden;background:white;transition:box-shadow .2s,transform .2s}.st-card:hover{box-shadow:0 7px 24px #19242e12;transform:translateY(-2px)}.st-card-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.st-card-open:focus-visible{outline:3px solid #ff7900;outline-offset:-3px}.st-photo{aspect-ratio:4/3;background:#edf0f1;display:grid;place-items:center;overflow:hidden}.st-photo img{width:100%;height:100%;object-fit:cover;display:block}.st-photo>span{display:none;color:#6a7882;font-size:14px}.st-no-photo img{display:none}.st-no-photo>span{display:block}.st-card-body{padding:17px 18px}.st-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:12px;font-size:10px}.st-status{color:#3e6e5a;background:#eef5f0;border-radius:5px;padding:4px 7px;font-size:11px}.st-plate{letter-spacing:.04em;color:#59656d}.st-card h2{font-size:19px;margin:0 0 6px;letter-spacing:-.03em}.st-version{font-size:12px;color:#6a767e;line-height:1.5;min-height:36px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#56636d;border-bottom:1px solid #eceff0;padding:14px 0}.st-price{display:flex;align-items:center;justify-content:space-between;padding-top:14px}.st-price strong{display:block;font-size:23px;color:#252b31;letter-spacing:-.04em}.st-price small{display:block;font-size:10px;color:#7a858b;margin-top:4px}.st-arrow{font-size:21px;color:var(--st-orange)}.st-more{text-align:center;margin:24px}.st-footnote{font-size:11px;color:#7b868c;line-height:1.7;margin-top:22px}.st-empty{text-align:center;padding:55px 20px;color:#65727b}.st-dialog{width:min(1040px,94vw);max-width:none;max-height:90vh;padding:26px;overflow:auto;border:0;border-radius:16px}.st-dialog::backdrop{background:#10222db0;backdrop-filter:blur(3px)}.st-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.st-dialog-head h2{margin:12px 0 5px;font-size:25px}.st-dialog-head p{margin:0;color:#65717a;font-size:13px}.st-detail-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.st-detail-layout .st-photo{border-radius:10px}.st-gallery{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.st-detail-price{display:flex;flex-direction:column;gap:4px;padding-bottom:15px}.st-detail-price strong{font-size:30px}.st-detail-price span{font-size:12px;color:#71808a}.st-detail-layout dl{margin:0 0 18px}.st-detail-layout dl>div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #eef0f1;padding:8px 0;font-size:12px}.st-detail-layout dt{color:#75818a}.st-detail-layout dd{margin:0;text-align:right;overflow-wrap:anywhere}.st-accessories{padding:18px 0;font-size:13px}.st-accessories ul{columns:2;line-height:1.9}.st-accessories summary{cursor:pointer;font-weight:600}@media(min-width:1650px){.st-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.st-grid{grid-template-columns:1fr}.st-detail-layout{grid-template-columns:1fr}.st-dialog{padding:18px}.st-intro{align-items:start}.st-muted{display:block}.st-results-bar{align-items:start}.st-filters{padding:14px}.st-accessories ul{columns:1}}

.st-technical{border-top:1px solid #e8edef;margin-top:24px;padding-top:20px}.st-technical>h3{font-size:18px;margin:0 0 16px}.st-technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.st-technical-grid>section{padding:18px;background:#f6f8f9;border:1px solid #e8edef;border-radius:10px}.st-technical h4{font-size:14px;margin:0 0 12px;color:#26343c}.st-technical dl{margin:0}.st-technical dl>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:12px;border-top:1px solid #e4e9ec}.st-technical dt{color:#63727c}.st-technical dd{margin:0;text-align:right;font-weight:600}.st-technical .st-spec-missing{color:#94a0a7;font-weight:400}@media(max-width:650px){.st-technical-grid{grid-template-columns:1fr}}

/* Compact demand indicators belong to the vehicle, not its availability label. */
.st-activity{border-top:1px solid #e9edef;margin:0 17px 16px;padding-top:8px;display:flex;flex-direction:column;gap:5px}
.st-activity-item,.st-activity-zero{border-radius:6px;font-size:11px}
.st-activity-item>summary,.st-activity-zero{display:flex;align-items:center;gap:8px;padding:8px 10px;line-height:1.4}
.st-activity-item>summary{cursor:pointer;list-style:none}
.st-activity-item>summary::-webkit-details-marker{display:none}
.st-activity-item>summary::after{content:'⌄';font-size:12px}
.st-activity-item[open]>summary::after{transform:rotate(180deg)}
.st-activity-item b,.st-activity-zero b{margin-left:auto;font-variant-numeric:tabular-nums}
.st-activity-item.offers{background:#fff4e7;color:#97530e}
.st-activity-item.appointments{background:#edf3f9;color:#335e82}
.st-activity-zero{color:#96a1a8;background:#f7f9fa;padding-right:30px}
.st-activity-deal{padding:9px 10px;border-top:1px solid #ffffffa0;overflow-wrap:anywhere}
.st-activity-deal>strong{display:block;font-size:11px;font-weight:600;line-height:1.5}
.st-activity-deal>small{display:block;font-size:10px;margin:4px 0;color:#647781;line-height:1.5}
.st-activity-deal>a{color:inherit;font-size:10px;text-underline-offset:3px}
.st-activity-item>summary:focus-visible{outline:2px solid #ff7900;outline-offset:2px;border-radius:6px}
.st-activity-source,.st-activity-unavailable{font-size:11px;color:#7b868c;line-height:1.6}
.st-activity-unavailable{margin:0 17px 16px}.st-activity-warning{font-size:12px;background:#fff4e7;padding:12px;color:#97530e;border-radius:6px}
.st-dialog>.st-activity{margin:16px 0}

/* Dense stock browsing; detail photos keep their original dimensions. */
#stock-root .st-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
  gap: 14px;
  align-items: start;
}
.st-card { border-radius: 10px; }
.st-card .st-photo { position: relative; aspect-ratio: 16 / 10; }
.st-card .st-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.st-card .st-card-body { padding: 12px; }
.st-card .st-card-top { margin-bottom: 8px; }
.st-card h2 { font-size: 17px; line-height: 1.25; margin-bottom: 4px; }
.st-card .st-version { line-height: 1.4; min-height: 34px; }
.st-card .st-specs { gap: 5px 10px; padding: 9px 0; line-height: 1.35; }
.st-card .st-price { padding-top: 9px; }
.st-card .st-price strong { font-size: 21px; }
.st-card .st-price small { margin-top: 2px; }
#stock-root .st-card > .st-deal-actions { gap: 6px; padding: 0 12px 10px; }
#stock-root .st-card > .st-deal-actions .button {
  flex: 1; min-height: 36px; padding: 8px 9px; font-size: 11px;
  white-space: nowrap; text-align: center;
}
.st-card > .st-activity { margin: 0 12px 12px; padding-top: 7px; gap: 4px; }
.st-card .st-activity-item > summary, .st-card .st-activity-zero { padding: 5px 8px; }
.st-card .st-activity-zero { padding-right: 28px; }

/* Keep deal actions with the gallery in the vehicle detail dialog. */
.st-detail-actions { margin-top: 18px; }
.st-detail-actions > .st-deal-actions { margin: 0 0 12px; }
.st-detail-actions > .st-activity { margin: 0; }
.st-detail-actions > .st-activity-unavailable { margin: 0; }

.st-dialog-head-actions { display: flex; align-items: center; gap: 16px; align-self: center; flex-shrink: 0; }
.st-dialog-head-actions > .st-deal-actions { margin: 0; }
@media (max-width: 750px) {
  .st-dialog-head { flex-wrap: wrap; }
  .st-dialog-head-actions { width: 100%; justify-content: space-between; }
}