/* Public catalog: restrained typography, one schedule row, and cars above the fold. */
.suv-page:has(.lpf) .suv-hero{display:block;min-height:0;padding:0;margin:0 0 18px;border:0;border-radius:0;background:none}
.suv-page:has(.lpf) .suv-hero-copy{display:block;width:100%;max-width:none}
.suv-page:has(.lpf) .suv-hero::after,.suv-page:has(.lpf) .suv-hero-copy::before{content:none}
.suv-page:has(.lpf) .suv-hero h1{font-size:28px;line-height:1.35;font-weight:700;text-wrap:initial;letter-spacing:-.04em}
.suv-page .suv-catalog-description{margin-top:6px;font-size:14px;line-height:1.6;color:var(--suv-muted);font-weight:400}
.suv-page:has(.lpf) .suv-catalog{margin-top:18px}
.suv-page:has(.lpf) .lps{padding:14px 0;margin:0;border:0;border-top:1px solid var(--suv-line);border-bottom:1px solid var(--suv-line);border-radius:0;box-shadow:none;background:none}
.suv-page:has(.lpf) .lps-bar{gap:8px 20px;grid-template-rows:auto}
.suv-page:has(.lpf) .lps-dates{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:500;line-height:1.6;font-variant-numeric:tabular-nums}
.suv-page:has(.lpf) .lps-dates>span{display:block;padding:0;border:0;border-radius:0;background:none;white-space:nowrap;word-break:keep-all;color:var(--suv-ink)}
.suv-page:has(.lpf) .lps-duration{padding:0;color:var(--suv-muted);font-size:12px;font-weight:400;white-space:nowrap}
.suv-page:has(.lpf) .lps-nav{align-self:center}
.suv-page:has(.lpf) .lps-change{min-height:40px;height:40px;padding:8px 16px;border:1px solid var(--suv-line);border-radius:8px;background:var(--sys-color-surface);color:var(--suv-ink);box-shadow:none;font-size:13px;font-weight:600}
.suv-page:has(.lpf) .lps-change:hover{background:var(--sys-color-canvas)}
.suv-page:has(.lpf) .lps-note{font-size:12px;color:var(--suv-muted);margin-top:8px}
.suv-selection-help{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:0 0 14px}
.suv-page .suv-selection-message{font-size:12px;line-height:1.6;color:var(--suv-muted);font-weight:400;word-break:keep-all}
.suv-page .suv-selection-help details.suv-selection-guide{padding:0;margin:0;border:0;border-radius:0;background:none;max-width:48%;font-size:12px}
.suv-page .suv-selection-help details.suv-selection-guide summary{min-height:24px;line-height:24px;font-weight:400;color:var(--suv-muted);white-space:nowrap;cursor:pointer}
.suv-page .suv-selection-help details.suv-selection-guide p{margin-top:8px;line-height:1.7}
@media(min-width:701px){
 .suv-page:has(.lpf) .lps-bar{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center}
 .suv-page:has(.lpf) .lps-dates{grid-column:1;grid-row:1}
 .suv-page:has(.lpf) .lps-duration{grid-column:2;grid-row:1}
 .suv-page:has(.lpf) .lps-change{grid-column:3;grid-row:1;align-self:center}
 .suv-page:has(.lpf) .lps-nav{grid-column:4;grid-row:1}
 .suv-page:has(.lpf) .suv-grid .suv-card .suv-card-image{height:180px;min-height:0;aspect-ratio:auto}
}
@media(max-width:700px){
 .suv-page:has(.lpf){padding-top:12px}
 .suv-page:has(.lpf) .suv-breadcrumb{padding-bottom:12px}
 .suv-page:has(.lpf) .suv-hero{margin-bottom:14px}
 .suv-page:has(.lpf) .suv-hero h1{font-size:24px;line-height:1.4}
 .suv-page .suv-catalog-description{font-size:13px;margin-top:4px}
 .suv-page:has(.lpf) .lps{padding:12px 0}
 .suv-page:has(.lpf) .lps-bar{gap:10px 8px}
 .suv-page:has(.lpf) .lps-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;line-height:1.7}
 .suv-page:has(.lpf) .lps-dates>span{white-space:normal}
 .suv-page:has(.lpf) .lps-change{height:44px;min-height:44px;padding:8px 14px}
 .suv-page:has(.lpf) .suv-catalog{margin-top:4px}
 .suv-page:has(.lpf) .lpf{margin:0 0 10px}
 .suv-page:has(.lpf) .lpf-bar{padding:8px 0;min-height:60px}
 .suv-selection-help{gap:6px 12px;margin-bottom:12px}
 .suv-page .suv-selection-message{font-size:12px}
}

/* Short selection guidance is always visible beside the vehicle list. */
.suv-page .suv-selection-inline{margin:0 0 14px;font-size:12px;line-height:1.7;color:var(--suv-muted);font-weight:400;word-break:keep-all}
@media(min-width:701px){.suv-page:has(.lpf) .suv-catalog{margin-top:14px}.suv-page .suv-selection-inline{margin-bottom:10px}}

@media(min-width:701px){.suv-page:has(.lpf) .lps--single .lps-bar{grid-template-columns:minmax(0,1fr) auto auto}}
/* Keep the full range notice while reducing its catalog footprint on PC. */
@media(min-width:701px){
 .suv-page:has(.lpf) #lineup-range-guide{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 12px;padding:10px 0;border:0;border-bottom:1px solid var(--suv-line);border-radius:0;background:none;font-size:12px;line-height:1.6}
 .suv-page:has(.lpf) #lineup-range-guide strong{font-size:12px;line-height:1.6}
 .suv-page:has(.lpf) #lineup-range-guide p{margin:0;line-height:1.6}
}
@media(min-width:701px) and (max-height:850px){
 .suv-page:has(.lpf){padding-top:12px}
 .suv-page:has(.lpf) .suv-breadcrumb{padding-bottom:10px}
 .suv-page:has(.lpf) .suv-hero{margin-bottom:14px}
 .suv-page:has(.lpf) .suv-hero h1{font-size:26px}
 .suv-page:has(.lpf) .suv-catalog-description{font-size:12px;line-height:1.5}
 .suv-page:has(.lpf) .lps{padding:10px 0}
 .suv-page:has(.lpf) .lps-note{margin-top:4px}
 .suv-page:has(.lpf) .suv-catalog{margin-top:10px}
 .suv-page:has(.lpf) .lpf-quick{gap:6px;padding-bottom:8px}
 .suv-page:has(.lpf) .lpf-quick .lpf-field{min-height:30px}
 .suv-page:has(.lpf) .lpf-quick .lpf-field>legend{line-height:30px}
 .suv-page:has(.lpf) .lpf-quick .lpf-choice label,.suv-page:has(.lpf) .lpf-quick .lpf-fixed{min-height:30px;padding-top:4px;padding-bottom:4px}
}

/* Keep mobile surfaces distinct; the flat PC catalog remains unchanged. */
@media(max-width:700px){
 .suv-page:has(.lpf) .suv-hero{padding:14px 16px;background:var(--sys-color-surface);border-radius:12px;margin-bottom:10px}
 .suv-page:has(.lpf) .lps{padding:12px 14px;background:var(--sys-color-surface);border:1px solid var(--suv-line);border-radius:12px}
 .suv-page:has(.lpf) .suv-catalog{margin-top:10px}
 .suv-page:has(.lpf) .lpf-bar{padding:8px 10px;border-radius:10px}
}

/* Mobile catalog hierarchy and controls: shared dimensions, semantic emphasis. */
.suv-page:has(.lpf) .lps-nav-trigger{height:40px;min-height:40px;border-radius:8px;font-size:13px;font-weight:600;line-height:20px}
@media(max-width:700px){
 .suv-page:has(.lpf){--suv-secondary:#626b73}
 .suv-page:has(.lpf) .suv-breadcrumb{font-size:11px;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .suv-hero{margin-bottom:12px}
 .suv-page:has(.lpf) .suv-hero h1{font-size:24px;line-height:1.4;font-weight:700;color:var(--sys-color-ink)}
 .suv-page:has(.lpf) .suv-catalog-description{font-size:13px;line-height:1.6;font-weight:400;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .lps{padding:14px}
 .suv-page:has(.lpf) .lps-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .suv-page:has(.lpf) .lps-dates{grid-column:1/-1;grid-row:1;font-size:13px;line-height:1.6;font-weight:600;gap:12px}
 .suv-page:has(.lpf) .lps-duration{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.5;font-weight:400;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .lps-change{grid-column:1;grid-row:3}
 .suv-page:has(.lpf) .lps-nav{grid-column:2;grid-row:3;align-self:stretch}
 .suv-page:has(.lpf) .lps-bar:has(.lps-duration[hidden]) .lps-change,.suv-page:has(.lpf) .lps-bar:has(.lps-duration[hidden]) .lps-nav{grid-row:2}
 .suv-page:has(.lpf) :is(.lps-change,.lps-nav-trigger,.lpf-bar>.lpf-toggle,.lpf-bar>.lpf-reset){box-sizing:border-box;height:44px;min-height:44px;padding:0 12px;border:1px solid var(--suv-line);border-radius:8px;box-shadow:none;font-family:inherit;font-size:13px;font-weight:500;line-height:20px;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;background:var(--sys-color-surface);color:var(--sys-color-ink)}
 .suv-page:has(.lpf) .lps .lps-change{width:100%;background:var(--sys-color-brand-text);border-color:var(--sys-color-brand-text);color:var(--sys-color-surface);font-weight:600}
 .suv-page:has(.lpf) .lps .lps-nav-trigger{width:100%;justify-content:space-between;gap:8px}
 .suv-page:has(.lpf) .lps-nav-trigger svg{width:16px;height:16px}
 .suv-page:has(.lpf) .lps-hint{margin-top:10px!important;font-size:11px;line-height:1.6;font-weight:400;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .suv-catalog{margin-top:16px}
 .suv-page:has(.lpf) .lpf{margin:0 0 10px;border:0;background:transparent}
 .suv-page:has(.lpf) .lpf-bar{min-height:60px;padding:8px 10px;gap:10px;border:1px solid var(--suv-line);border-radius:12px;background:var(--sys-color-surface)}
 .suv-page:has(.lpf) .lpf-count{font-size:13px;line-height:1.5;font-weight:600;color:var(--sys-color-ink)}
 .suv-page:has(.lpf) .suv-selection-inline{margin:0 0 16px;font-size:12px;line-height:1.65;font-weight:400;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .suv-grid{gap:16px}
 .suv-page:has(.lpf) .suv-grid .suv-card .suv-card-image{height:clamp(168px,50vw,220px);min-height:0;aspect-ratio:auto}
 .suv-page:has(.lpf) .suv-grid .suv-card .suv-card-body{padding:16px}
 .suv-page:has(.lpf) .suv-card h3{font-size:17px;line-height:1.5;font-weight:700;color:var(--sys-color-ink)}
 .suv-page:has(.lpf) .suv-card .suv-meta{margin:8px 0 12px!important;font-size:13px;line-height:1.6;font-weight:400;color:var(--suv-secondary)}
 .suv-page:has(.lpf) .suv-card .suv-pick{align-self:flex-start;margin:0 0 8px;padding:2px 6px;border-radius:4px;background:var(--sys-color-canvas);color:var(--suv-secondary);font-size:11px;line-height:1.5;font-weight:500}
 .suv-page:has(.lpf) .suv-card .suv-card-cta{min-height:44px;padding:12px 0 0;font-size:14px;line-height:1.5;font-weight:600;color:var(--sys-color-brand-text)}
 .suv-page:has(.lpf) :is(.lps-change,.lps-nav-trigger,.lpf-bar>.lpf-toggle,.lpf-bar>.lpf-reset):focus-visible{outline:2px solid var(--sys-color-brand);outline-offset:2px}
}

/* Order page surface parity: shared canvas behind white content cards. */
@media(max-width:700px){
 section.wrap:has(> .suv-page .lpf),.suv-page:has(.lpf){background:var(--sys-color-canvas)}
}