:root{--ink:#101522;--muted:#667085;--soft:#f5f7fb;--panel:#fff;--line:#d9e1ec;--red:#d71920;--red2:#991b1f;--navy:#111827;--blue:#214f9a;--shadow:0 20px 60px rgba(16,21,34,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(215,25,32,.13),transparent 34rem),linear-gradient(180deg,#fff 0,#f2f5fa 62%,#e9eef6 100%)}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,225,236,.8)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(215,25,32,.25)}.logo strong,.logo small{display:block}.logo small{color:var(--muted);font-size:.78rem}.topbar nav{display:flex;align-items:center;gap:.25rem;background:#f3f5f9;border:1px solid var(--line);border-radius:999px;padding:.25rem}.topbar nav a{padding:.62rem .9rem;border-radius:999px;text-decoration:none;font-weight:800;font-size:.9rem;color:#344054}.topbar nav a:hover{background:#fff}.phone,.btn{border:0;border-radius:999px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.phone{background:var(--navy);color:white;padding:.75rem 1rem}.btn{padding:.9rem 1.15rem}.btn.primary{background:linear-gradient(135deg,var(--red),#fb4b4f);color:white;box-shadow:0 16px 34px rgba(215,25,32,.24)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.menu-toggle{display:none}.hero-modern{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,3rem) 2rem}.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:.78rem;color:var(--red);margin:0 0 .8rem}.hero-modern h1{font-size:clamp(3rem,7vw,6rem);line-height:.88;letter-spacing:-.075em;margin:0 0 1rem;max-width:850px}.hero-modern p,.section-title p,.about-modern p,.subpage-clean p,.detail-card p,.notice p{color:var(--muted);line-height:1.65;font-size:1.04rem}.hero-text>p:not(.kicker){font-size:clamp(1.08rem,1.8vw,1.3rem);max-width:64ch}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.feature-card{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:1rem;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.feature-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;display:block;background:#e8edf5}.feature-card div{display:grid;gap:.15rem;padding:.95rem .3rem .2rem}.feature-card small{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.feature-card strong{font-size:1.25rem}.feature-card span{color:var(--muted)}.quickbar{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:0 clamp(1rem,4vw,3rem) 2rem}.quickbar div{background:#111827;color:white;padding:1rem 1.1rem;border-radius:18px;display:grid;gap:.18rem}.quickbar span{color:rgba(255,255,255,.72)}.inventory-wrap,.about-modern,.vehicle-detail,.detail-lower,.notice,.subpage-clean{max-width:1240px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}.section-title h2,.about-modern h2,.detail-lower h2,.subpage-clean h1,.notice h2{font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.055em;margin:.1rem 0 .6rem}.section-title p{max-width:560px}.tools{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start;margin-bottom:1.3rem}.tools input,.clean-form input,.clean-form textarea,.clean-form select{width:100%;border:1px solid var(--line);border-radius:16px;background:white;padding:.9rem 1rem;font:inherit;outline:none}.tools input:focus,.clean-form input:focus,.clean-form textarea:focus,.clean-form select:focus{border-color:rgba(215,25,32,.5);box-shadow:0 0 0 4px rgba(215,25,32,.09)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--line);border-radius:999px;background:white;color:#344054;font-weight:850;padding:.62rem .78rem;cursor:pointer}.chip span{opacity:.6}.chip.is-active{background:var(--navy);color:white;border-color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.car-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(16,21,34,.07);transition:transform .18s ease,box-shadow .18s ease}.car-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.car-img{position:relative;display:block;background:#e9eef6;text-decoration:none}.car-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.car-img b{position:absolute;left:.7rem;bottom:.7rem;background:rgba(17,24,39,.9);color:white;border-radius:999px;padding:.42rem .62rem;font-size:.9rem}.car-info{padding:.9rem}.meta{color:var(--red);font-weight:950;font-size:.8rem;margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em}.car-info h3{font-size:1.05rem;line-height:1.15;margin:0 0 .65rem;min-height:2.35em}.car-info h3 a{text-decoration:none}.badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.badges span{font-size:.75rem;font-weight:800;color:#475467;background:#f3f5f9;border:1px solid #e5eaf2;border-radius:999px;padding:.3rem .45rem}.summary{min-height:3.1em;margin:0 0 .8rem;color:var(--muted);font-size:.88rem;line-height:1.45}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.actions a{padding:.6rem .55rem;border-radius:12px;text-align:center;text-decoration:none;font-weight:900;background:#f4f6fa}.actions a:first-child{background:var(--red);color:white}.about-modern{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;margin-top:1rem}.footer{margin-top:3rem;background:#0f172a;color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2.5rem clamp(1rem,4vw,3rem)}.footer h3{margin:.2rem 0 .5rem}.footer p,.footer a{color:rgba(255,255,255,.72);line-height:1.6}.back{display:inline-block;margin-bottom:1rem;color:var(--muted);font-weight:900;text-decoration:none}.detail-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:1.3rem;align-items:start}.gallery-panel,.detail-card,.panel,.notice,.subpage-clean{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:0 12px 34px rgba(16,21,34,.07)}.gallery-panel{padding:1rem}.gallery-panel #mainPhoto{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;display:block;background:#e9eef6}.thumb-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;margin-top:.7rem;max-height:170px;overflow:auto}.thumb{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer}.thumb.active{border-color:var(--red)}.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.detail-card{padding:1.3rem;position:sticky;top:90px}.detail-card h1{font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em;margin:.2rem 0 1rem}.detail-price{font-size:2.2rem!important;color:var(--red)!important;font-weight:950;margin:.4rem 0}.source-note{font-size:.9rem}.detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:0}.panel,.notice{padding:1.2rem}.specs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.specs div{background:#f6f8fb;border:1px solid #e7edf5;border-radius:14px;padding:.75rem}.specs dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.specs dd{margin:.18rem 0 0;font-weight:850}.option-list{columns:2;line-height:1.75;color:#475467}.subpage-clean{margin-top:2rem}.subpage-clean.slim{padding-top:2rem;margin-top:1rem}.subpage-clean h1{max-width:800px}.clean-form{display:grid;gap:1rem;max-width:820px;margin-top:1.5rem}.clean-form label{display:grid;gap:.35rem;font-weight:850}.two,.three{display:grid;gap:1rem}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.contact-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.contact-blocks a{background:#f6f8fb;border:1px solid var(--line);border-radius:18px;padding:1rem;text-decoration:none}.contact-blocks b,.contact-blocks span{display:block}.contact-blocks span{color:var(--muted);margin-top:.25rem}.map iframe{width:100%;height:460px;border:0;border-radius:22px;background:#e9eef6}.hidden{display:none!important}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.tools{grid-template-columns:1fr}.hero-modern{grid-template-columns:1fr}.feature-card{max-width:720px}.detail-shell{grid-template-columns:1fr}.detail-card{position:static}.detail-lower{grid-template-columns:1fr}}@media(max-width:760px){.topbar nav,.phone{display:none}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:12px;padding:.55rem .7rem}.topbar.open nav{display:flex;position:absolute;left:1rem;right:1rem;top:72px;flex-direction:column;border-radius:18px;background:white;box-shadow:var(--shadow);align-items:stretch}.grid{grid-template-columns:1fr 1fr}.quickbar,.about-modern,.footer,.contact-blocks,.two,.three{grid-template-columns:1fr}.section-title{display:block}.hero-modern h1{font-size:3rem}.thumb-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero-modern{padding-top:2rem}.actions{grid-template-columns:1fr}.car-info h3{min-height:auto}.summary{min-height:auto}.specs{grid-template-columns:1fr}}
/* Jim request: keep inventory 3-across on mobile. */
@media(max-width:760px){
  .inventory-wrap{padding-left:.55rem;padding-right:.55rem}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
  .car-card{border-radius:14px}
  .car-img img{aspect-ratio:1/1;object-fit:cover}
  .car-img b{left:.35rem;bottom:.35rem;padding:.28rem .4rem;font-size:.64rem;max-width:calc(100% - .7rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .car-info{padding:.48rem}
  .meta{font-size:.58rem;margin-bottom:.22rem;letter-spacing:.04em}
  .car-info h3{font-size:.68rem;line-height:1.12;min-height:2.25em;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .badges,.summary{display:none}
  .actions{grid-template-columns:1fr;gap:.25rem}
  .actions a{padding:.42rem .2rem;border-radius:9px;font-size:.62rem}
}
@media(max-width:520px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
}
/* Mobile inventory hard lock: keep Car Zone cards 3-across instead of collapsing to one-per-row. */
@media(max-width:760px){
  #vehicleGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45rem!important}
}
@media(max-width:520px){
  #vehicleGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.4rem!important}
}
