.carcar-carousel{
  --carcar-bg:#171b26;
  --carcar-card:#1c212e;
  --carcar-line:#2c3242;
  --carcar-text:#ffffff;
  --carcar-muted:#9aa2b5;
  --carcar-accent:#4d9fff;
  --carcar-red:#c0392b;
  --carcar-red-hover:#a93226;
  position:relative;
  width:100%;
  margin:32px auto;
  font-family: -apple-system, "Segoe UI", Arial, sans-serif;
  color:var(--carcar-text);
  background:var(--carcar-bg);
  padding:32px 24px 24px;
  border-radius:8px;
  box-sizing:border-box;
}
.carcar-empty{
  text-align:center;
  color:#9aa2b5;
}
.carcar-track{
  overflow:hidden;
}
.carcar-slides{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 280px));
  justify-content:start;
  gap:24px;
}

.carcar-slide{
  width:100%;
  background:var(--carcar-card);
  border-radius:6px;
  overflow:hidden;
  border:1px solid var(--carcar-line);
}

.carcar-art{
  position:relative;
  height:230px;
  overflow:hidden;
  background:linear-gradient(160deg,#2a3140,#12151c);
}
.carcar-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.carcar-noimg{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:56px;
  opacity:.5;
}
.carcar-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:rgba(20,22,28,0.78);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  padding:6px 12px;
  border-radius:4px;
  text-transform:uppercase;
}

.carcar-body{
  padding:18px 20px 22px;
}
.carcar-top-row{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.carcar-index{
  color:var(--carcar-red);
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
}
.carcar-model{
  font-size:19px;
  font-weight:700;
  color:var(--carcar-accent);
}
.carcar-divider{
  height:1px;
  background:var(--carcar-line);
  margin:14px 0;
}
.carcar-stats{
  display:flex;
  justify-content:space-between;
}
.carcar-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.carcar-stat-label{
  color:var(--carcar-muted);
  font-size:12px;
}
.carcar-stat-value{
  color:#fff;
  font-size:20px;
  font-weight:700;
}

.carcar-nav{
  display:none;
}
.carcar-arrow{
  width:44px;
  height:44px;
  border-radius:6px;
  background:var(--carcar-red);
  color:#fff;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  transition:background .2s;
}
.carcar-arrow:hover{ background:var(--carcar-red-hover); }

@media (max-width:900px){
  .carcar-slides{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}

@media (max-width:560px){
  .carcar-carousel{ padding:20px 14px 18px; }
  .carcar-slides{ grid-template-columns:repeat(1, minmax(0,1fr)) !important; }
}