/* STREET RACER V75.1.0 — Dealer Hub aligned to the main site design system. */
body.vehicle-catalog-page{
  background:#080808;
  color:#f7f2e9;
  font-family:"Inter",system-ui,sans-serif;
}
.dealer-hub-main{
  width:min(1360px,calc(100% - 56px));
  margin:0 auto;
  padding:132px 0 104px;
}
.dealer-hub-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);
  gap:48px;
  align-items:end;
  min-height:315px;
  padding:34px 0 38px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.dealer-hub-hero::before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:34px;height:9px;
  background:#DFFA03;
  transform:skewX(-24deg);
  box-shadow:0 0 28px rgba(223,250,3,.20);
}
.dealer-hub-kicker{
  display:block;
  color:#a9b0b6;
  font:800 .72rem/1.2 "Inter",system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.dealer-hub-hero h1{
  margin:18px 0 10px;
  max-width:760px;
  font:400 clamp(5.4rem,8vw,8.6rem)/.79 "Bebas Neue",Impact,sans-serif;
  letter-spacing:-.018em;
  text-transform:uppercase;
}
.dealer-hub-hero h1 em{color:#DFFA03;font-style:normal}
.dealer-hub-hero p{
  max-width:650px;
  margin:0;
  color:#aaa49a;
  font:500 1rem/1.65 "Inter",system-ui,sans-serif;
}
.dealer-hub-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.10);
}
.dealer-hub-summary article{
  min-height:102px;
  padding:20px;
  background:#0d0f11;
}
.dealer-hub-summary small{
  display:block;
  color:#7f878d;
  font:800 .62rem/1 "Inter",system-ui,sans-serif;
  letter-spacing:.14em;
}
.dealer-hub-summary strong{
  display:block;
  margin-top:12px;
  color:#f7f2e9;
  font:400 2.7rem/.9 "Bebas Neue",Impact,sans-serif;
}

/* Dealer scene selector: same block geometry as the rest of STREET RACER. */
.v741-dealer-scenes{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  margin:26px 0 18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.10);
}
.v741-dealer-scene{
  --scene:#DFFA03;
  position:relative;
  min-height:112px;
  padding:20px 20px 22px;
  overflow:hidden;
  border:0;
  background:#0b0d0f;
  color:#f7f2e9;
  text-align:left;
  cursor:pointer;
  font-family:"Inter",system-ui,sans-serif;
  transition:background .18s ease,color .18s ease;
}
.v741-dealer-scene::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:var(--scene);
  transform:scaleX(.18);
  transform-origin:left;
  transition:transform .2s ease;
}
.v741-dealer-scene:hover,.v741-dealer-scene.active{background:#111417}
.v741-dealer-scene:hover::before,.v741-dealer-scene.active::before{transform:scaleX(1)}
.v741-dealer-scene small{
  color:#737b82;
  font:800 .57rem/1 "Inter",system-ui,sans-serif;
  letter-spacing:.16em;
}
.v741-dealer-scene strong{
  display:block;
  margin-top:11px;
  color:#f7f2e9;
  font:400 2rem/.95 "Bebas Neue",Impact,sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.v741-dealer-scene span{
  display:block;
  margin-top:8px;
  color:#888f95;
  font:600 .63rem/1.3 "Inter",system-ui,sans-serif;
  letter-spacing:.04em;
}
.v741-dealer-scene[data-dealer="tuner"]{--scene:#ff5360}
.v741-dealer-scene[data-dealer="sportscar"]{--scene:#5ca9ff}
.v741-dealer-scene[data-dealer="muscle"]{--scene:#ff9a43}
.v741-dealer-scene[data-dealer="offroad"]{--scene:#86c85d}
.v741-dealer-scene[data-dealer="drift"]{--scene:#cf71ff}

.dealer-toolbar{
  position:sticky;
  top:82px;
  z-index:22;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(240px,320px);
  gap:10px;
  align-items:center;
  margin:0 0 22px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,8,8,.94);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.dealer-tabs,.class-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}
.dealer-tabs::-webkit-scrollbar,.class-tabs::-webkit-scrollbar{display:none}
.dealer-tabs button,.class-tabs button{
  flex:0 0 auto;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  background:#101214;
  color:#8d949a;
  font:800 .60rem/1 "Inter",system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.dealer-tabs button:hover,.class-tabs button:hover{color:#f7f2e9;border-color:rgba(223,250,3,.26)}
.dealer-tabs button.active,.class-tabs button.active{
  border-color:#DFFA03;
  background:#DFFA03;
  color:#080808;
}
.dealer-search{
  width:100%;height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  background:#0d0f11;
  color:#f7f2e9;
  outline:none;
  font:500 .78rem/1 "Inter",system-ui,sans-serif;
}
.dealer-search:focus{border-color:rgba(223,250,3,.46);box-shadow:0 0 0 2px rgba(223,250,3,.07)}
.dealer-search::placeholder{color:#676d72}

.vehicle-catalog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.vehicle-card{
  --dealer:#DFFA03;
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(255,255,255,.10);
  background:#0c0e10;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.vehicle-card::before{
  content:"";
  position:absolute;
  z-index:4;
  left:0;right:0;top:0;
  height:3px;
  background:var(--dealer);
}
.vehicle-card:hover{
  transform:translateY(-4px);
  border-color:rgba(223,250,3,.28);
  box-shadow:0 26px 60px rgba(0,0,0,.28);
}
.vehicle-card figure{
  position:relative;
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#090a0b;
}
.vehicle-card figure::after{
  content:"";
  position:absolute;inset:auto 0 0;
  height:36%;
  background:linear-gradient(transparent,rgba(8,8,8,.64));
  pointer-events:none;
}
.vehicle-card img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .28s ease,filter .28s ease;
}
.vehicle-card:hover img{transform:scale(1.025);filter:contrast(1.03)}
.vehicle-card-body{padding:17px 18px 18px}
.vehicle-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.vehicle-card-brand{
  display:block;
  overflow:hidden;
  color:#7d858b;
  font:800 .56rem/1.35 "Inter",system-ui,sans-serif;
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.vehicle-card h2{
  margin:7px 0 0;
  color:#f7f2e9;
  font:400 2.15rem/.94 "Bebas Neue",Impact,sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.vehicle-class{
  min-width:31px;height:31px;
  display:grid;place-items:center;
  border:1px solid rgba(223,250,3,.18);
  background:#090b0c;
  color:#DFFA03;
  font:800 .68rem/1 "Inter",system-ui,sans-serif;
}
.vehicle-card-meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.vehicle-dealer{
  overflow:hidden;
  color:var(--dealer);
  font:800 .57rem/1.35 "Inter",system-ui,sans-serif;
  letter-spacing:.07em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.vehicle-price{
  color:#f7f2e9;
  font:400 1.75rem/.9 "Bebas Neue",Impact,sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
}
.owned-pill{
  position:absolute;
  z-index:5;
  right:0;top:0;
  padding:8px 10px;
  background:#DFFA03;
  color:#080808;
  font:800 .53rem/1 "Inter",system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dealer-tuner{--dealer:#ff5360}.dealer-sportscar{--dealer:#5ca9ff}.dealer-muscle{--dealer:#ff9a43}.dealer-offroad{--dealer:#86c85d}.dealer-drift{--dealer:#cf71ff}.dealer-new_entry{--dealer:#DFFA03}
.catalog-empty{
  grid-column:1/-1;
  padding:64px 24px;
  border:1px dashed rgba(255,255,255,.14);
  color:#7e858b;
  text-align:center;
  font:800 .72rem/1.4 "Inter",system-ui,sans-serif;
  letter-spacing:.12em;
}
.v741-fade{opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s ease}.v741-fade.is-visible{opacity:1;transform:none}

@media(max-width:1180px){
  .dealer-hub-main{width:min(100% - 40px,1360px)}
  .dealer-hub-hero{grid-template-columns:1fr;gap:24px;min-height:0}
  .dealer-hub-summary{max-width:620px}
  .v741-dealer-scenes{grid-template-columns:repeat(3,1fr)}
  .dealer-toolbar{grid-template-columns:1fr auto}.dealer-search{grid-column:1/-1}
  .vehicle-catalog-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .dealer-hub-main{width:calc(100% - 28px);padding-top:100px}
  .dealer-hub-hero h1{font-size:clamp(4.8rem,20vw,7rem)}
  .dealer-hub-summary{grid-template-columns:repeat(3,1fr)}
  .v741-dealer-scenes{grid-template-columns:1fr 1fr}
  .dealer-toolbar{top:70px;grid-template-columns:1fr;padding:8px}
  .class-tabs{order:2}.dealer-search{grid-column:auto;order:3}
  .vehicle-catalog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .dealer-hub-main{width:calc(100% - 20px)}
  .dealer-hub-hero{padding-top:26px}
  .dealer-hub-hero p{font-size:.88rem}
  .dealer-hub-summary article{padding:14px;min-height:84px}.dealer-hub-summary strong{font-size:2.15rem}
  .v741-dealer-scenes{grid-template-columns:1fr}
  .v741-dealer-scene{min-height:94px}
  .vehicle-catalog-grid{grid-template-columns:1fr}
  .vehicle-card h2{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){
  .vehicle-card,.vehicle-card img,.v741-dealer-scene,.v741-dealer-scene::before,.v741-fade{transition:none!important;transform:none!important;opacity:1!important}
}

/* V75.1.0 — toolbar cannot clip at intermediate desktop/tablet widths. */
.dealer-toolbar{
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  grid-template-areas:
    "dealers dealers"
    "classes search";
  row-gap:8px;
  overflow:hidden;
}
.dealer-tabs{grid-area:dealers;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:1px}
.class-tabs{grid-area:classes;min-width:0;overflow-x:auto;overflow-y:hidden}
.dealer-search{grid-area:search;min-width:0}
.dealer-tabs button,.class-tabs button{max-width:100%}

@media(max-width:1180px){
  .dealer-toolbar{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"dealers" "classes" "search";
  }
  .dealer-tabs,.class-tabs{width:100%;max-width:100%;min-width:0}
  .dealer-search{width:100%;max-width:100%}
}
@media(max-width:820px){
  .dealer-toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"dealers" "classes" "search"}
  .dealer-tabs,.class-tabs{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
}