:root{color-scheme:dark;--bg:#0e0f11;--panel:#191b1e;--line:#313237;--text:#f6f4f1;--muted:#bcb9b8;--red:#c6192b;--gold:#eac479;--pad:clamp(18px,4.5vw,72px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.wrap{max-width:1480px;margin:auto;padding-inline:var(--pad)}.header{background:#101114;border-bottom:1px solid var(--line)}.head,.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.head{min-height:77px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.025em;line-height:1.1}.brand img{border-radius:6px;object-fit:contain}.brand small{display:block;color:var(--gold);font-size:.56rem;letter-spacing:.13em;margin-top:5px}.head nav{display:flex;gap:30px;font-weight:650;font-size:.87rem;color:#dedbda}.head nav a:hover,.foot a:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 16px;border:1px solid transparent;border-radius:7px;font-weight:750;font-size:.88rem}.outline{border-color:#ffffff55;background:#10111473}.outline:hover{background:#313239}.red{background:var(--red)}.red:hover{background:#a91122}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:850;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow span{width:18px;height:2px;background:#e23b47;display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:900;line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.6vw,7.25rem);margin:17px 0 20px}h1 em{font-style:normal;color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.inventory,.services,.location{padding-block:clamp(42px,6vw,88px);scroll-margin-top:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-size:clamp(2.1rem,4vw,4rem);margin-top:12px}.arrows{display:flex;gap:8px}.arrows button,.close{border:1px solid var(--line);color:var(--text);border-radius:8px;background:var(--panel);min-width:42px;min-height:42px}.arrows button:hover,.close:hover{border-color:var(--gold)}
form{display:grid;grid-template-columns:1.35fr repeat(3,1fr) auto;gap:12px;align-items:end;padding:17px;margin-top:26px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}label{font-size:.78rem;font-weight:700;color:#dedbda}input,select{display:block;width:100%;background:#111214;color:var(--text);border:1px solid #3d3f44;border-radius:6px;padding:8px 10px;min-height:42px;margin-top:4px;font-size:.88rem;min-width:0}.reset{background:none;border:0;min-height:42px;color:var(--gold);font-weight:700;padding:0 7px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:.85rem}.catalog-tools label{display:flex;align-items:center;gap:8px}.catalog-tools select{width:auto;margin:0;min-height:36px}.cars{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:2px 0 13px;scrollbar-color:#7d4549 #18191b}.card{scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.card figure{margin:0;position:relative;background:#232527}.card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.card figure span{position:absolute;top:10px;left:10px;background:#111215ed;padding:3px 8px;border-radius:4px;font-weight:750;font-size:.73rem}.card-body{padding:14px}.card h3{font-size:1.07rem;line-height:1.2}.meta,.note{color:var(--muted);font-size:.83rem}.meta{margin-top:6px}.amount{font-size:1.26rem;font-weight:850;margin-top:10px}.amount small{font-size:.64rem;color:var(--muted);font-weight:650}.card button{display:block;width:100%;min-height:40px;margin-top:12px;background:none;border:1px solid #545358;border-radius:6px;color:var(--text);font-size:.84rem;font-weight:750}.card button:hover{border-color:var(--gold);color:var(--gold)}.note{margin-top:12px}.empty{width:min(70vw,420px);padding:20px 0;color:var(--muted)}
.services,.location{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article,.hours{background:var(--panel);border:1px solid var(--line);padding:23px;border-radius:10px}.service-grid p,.location p{margin:8px 0 14px;color:var(--muted)}.service-grid a,.hours a,.foot a{color:var(--gold);font-weight:700}.index{font-size:.78rem;font-weight:850;color:var(--gold);display:block;margin-bottom:12px}.location{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:start}.location p{margin-top:14px}.hours dl{margin:12px 0}.hours dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.86rem}.hours dd{margin:0;color:var(--muted);text-align:right}.foot{padding-block:24px;font-size:.81rem;color:var(--muted)}footer{border-top:1px solid var(--line)}
dialog{width:min(900px,calc(100vw - 30px));max-height:calc(100dvh - 30px);border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0;color:var(--text)}dialog::backdrop{background:#000b}.close{position:absolute;top:10px;right:10px;z-index:1;font-size:1.35rem}.detail-media>img{display:block;width:100%;height:auto;max-height:min(38dvh,360px);object-fit:contain}.detail-body{padding:22px 26px}.detail-body h2{font-size:clamp(1.65rem,3vw,2.55rem);padding-right:40px}.detail-body dl{margin:8px 0 12px}.detail-body dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:4px 0}.detail-body dd{margin:0;color:var(--muted);text-align:right}.thumbs{display:flex;justify-content:safe center;gap:5px;padding:8px;overflow:auto}.thumbs button{background:transparent;padding:1px;border:2px solid transparent;border-radius:4px}.thumbs button[aria-pressed=true]{border-color:var(--gold)}.thumbs img{width:54px;aspect-ratio:16/9;object-fit:cover;display:block}
@media(max-width:1050px){.cars{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:760px){.head nav{display:none}.cars{grid-auto-columns:calc((100% - 16px)/2)}form{grid-template-columns:1fr 1fr}.reset{grid-column:1/-1;justify-self:start;min-height:29px}.service-grid{grid-template-columns:1fr}.location{grid-template-columns:1fr}.detail-body{padding:19px}.foot{flex-wrap:wrap;gap:10px 18px}}
@media(max-width:490px){.head{min-height:66px;gap:7px}.brand{font-size:.84rem}.brand img{width:48px;height:48px}.cars{grid-auto-columns:76%;margin-inline-end:calc(-1 * var(--pad));padding-inline-end:var(--pad)}.catalog-tools label{font-size:0}.catalog-tools select{font-size:.75rem}.arrows button{min-width:35px;min-height:35px}.arrows{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* CL branding and inventory layout. */
:root{color-scheme:light;--bg:#f7f7f8;--panel:#fff;--line:#e1e1e4;--text:#17181c;--muted:#565960;--red:#b81027;--gold:#853b05}
.header{background:#890e12;color:#fff;border:0}.head{min-height:78px;justify-content:center}.brand small{color:#ffe2a8}.main-nav{display:flex;flex-wrap:wrap;gap:16px 31px;padding-block:10px 13px;font-size:.88rem;font-weight:750}.main-nav a:hover{text-decoration:underline}

.inventory{padding-top:30px}.inventory h2{font-size:clamp(2rem,3.2vw,3.25rem);margin-top:7px}.catalog-search{display:block;margin-top:17px;color:var(--text)}label{color:var(--text)}input,select{background:#fff;border-color:#d2d3d7}.catalog-tools{margin:12px 0}.catalog-layout{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:18px}form{grid-template-columns:1fr;align-content:start;align-self:start;margin:0;gap:13px}form h3{font-size:1rem}.reset{min-height:33px;justify-self:start;padding:0}.cars{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;align-content:start;overflow:visible;gap:15px;padding:0}.arrows{display:none}.card figure span{color:#fff}.card button{color:#9d1122;border-color:#dfc4c8}.card button:hover{border-color:#b81027;color:#9d1122;background:#fff1f2}.amount{color:#9d1122}.red,.outline{color:#fff}.location .outline{color:var(--text);background:white;border-color:#d2d3d7}.location .outline:hover{background:#f0f0f2}.card-body{padding:13px}.detail-body .eyebrow{color:#853b05}.close{box-shadow:0 0 0 1px #0002}.empty{width:auto;grid-column:1/-1}
@media(max-width:1000px){.cars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.main-nav{gap:9px 17px;padding-block:8px 11px;font-size:.8rem}.catalog-layout{display:flex;flex-direction:column;gap:14px}.catalog-tools{margin-bottom:10px}form{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}form h3{display:none}form .reset{grid-column:1/-1;min-height:20px}.cars{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 15px)/2);overflow-x:auto;padding-bottom:10px}.arrows{display:flex}.arrows button{color:var(--text);background:#fff}.empty{grid-column:auto}}
@media(max-width:490px){.cars{grid-auto-columns:73%;padding-inline-end:var(--pad)}.catalog-search input{font-size:16px}form select{padding-inline:6px;font-size:.72rem}}

@media (width > 760px) {
  .catalog-layout > #filters {
    position: sticky;
    top: 16px;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
  }
}

html { scrollbar-gutter: stable; }
html:has(#details[open]) { overflow: hidden; }
body:has(#details[open]) {
  position: fixed;
  inset-inline: 0;
  top: var(--detail-page-top, 0px);
}
#details { overflow: hidden; }
#detail-content {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.financing { border-top: 1px solid var(--line); padding: clamp(16px, 4vw, 28px); }
.financing h3 { font-size: clamp(1.3rem, 3vw, 1.7rem); }
.finance-source { color: var(--muted); font-size: .85rem; margin-top: 4px; }
.finance-summary { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 16px 0; }
.finance-summary dt { color: var(--muted); font-size: .83rem; }
.finance-summary dd { margin: 0; font-weight: 800; }
.detail-highlights { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 10px 0 12px; padding: 0; }
.detail-highlights li { border-radius: 5px; background: var(--bg); color: var(--muted); padding: 4px 8px; font-size: .82rem; }
.finance-choices { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.finance-choices button, .finance-choices select { min-height: 40px; margin: 0; padding: 7px 11px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); font-size: .88rem; }
.finance-choices button[aria-pressed="true"] { border-color: #b81027; background: #fff1f2; color: #9d1122; font-weight: 750; }
.finance-choices select { width: auto; }
.finance-current { display: grid; gap: 1px; border-left: 3px solid #b81027; padding: 6px 11px; margin-top: 12px; background: var(--bg); }
.finance-current span { font-size: .85rem; color: var(--muted); }
.finance-current strong { color: #9d1122; font-size: clamp(1rem, 3vw, 1.32rem); font-variant-numeric: tabular-nums; }
.financing .button { margin-top: 12px; }

.arrows button { padding-inline: 9px; font-size: .75rem; }

.brand-filter { min-inline-size: 0; margin: 0; border: 0; padding: 0; }
.brand-filter legend { padding: 0; margin-bottom: 8px; font-size: .8rem; font-weight: 750; }
.brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 4px; }
.brand-option { position: relative; display: grid; justify-items: center; align-content: start; gap: 3px; text-align: center; font-size: .67rem; font-weight: 600; line-height: 1.15; cursor: pointer; overflow-wrap: anywhere; }
.brand-option input { position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; clip-path: inset(50%); }
.brand-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid transparent; background: #eeeeef; color: #303238; }
.brand-icon img { object-fit: contain; filter: grayscale(1); }
.brand-option:hover .brand-icon { background: #f8e5e8; }
.brand-option input:checked + .brand-icon { background: #f9e4e8; color: #9d1122; border-color: #b81027; }
.brand-option input:focus-visible + .brand-icon { outline: 2px solid #9d1122; outline-offset: 2px; }
@media (width <= 760px) {
  #filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-filter { grid-column: 1 / -1; }
  .brand-grid { grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }
}

.detail-description { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 12px; color: var(--muted); }
