/* HERO SECTION */
.hero {
  height: 90vh;
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.6)),
              url('../img/hero-bg.jpg') center/cover no-repeat;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hero h1 { font-size: 3rem; line-height: 1.2; font-weight: 700; }
.hero p  { max-width: 600px; margin: 0 auto; font-size: 1.2rem; }

/* CARD STYLING */
.card {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover { transform: translateY(-3px); box-shadow: 0 4px 14px rgba(0,0,0,0.08); }

/* generic img (no sizing here to avoid conflicts) */
.card img { width: 100%; display: block; height: auto; }

/* CARD CONTENT */
.card-body { padding: 1rem; }
.card-title { font-weight: 600; font-size: 1.1rem; }
.card-text { font-size: 0.95rem; color: #555; }

/* FOOTER */
footer { font-size: 0.9rem; color: #666; }

/* === UNIFORM CAR THUMBNAILS (single source of truth) === */
.car-thumb {
  position: relative;
  width: 100%;
  padding-top: 56.25%;            /* 16:9 */
  overflow: hidden;
  background: #f5f5f5;
}
.car-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.car-thumb img:hover { transform: scale(1.03); }

@media (max-width: 992px) {
  .hero { height: 70vh; }
  .hero h1 { font-size: 2.4rem; }
}
@media (max-width: 768px) {
  .hero { height: 60vh; padding: 2rem 1rem; }
  .hero h1 { font-size: 1.9rem; }
  .hero p { font-size: 1rem; }
  .car-thumb { padding-top: 75%; } /* 4:3 on mobile */
}
/* Multi-seller UI */
.listing-badge{position:absolute;top:10px;left:10px;z-index:2;padding:.3rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}
.badge-dealer{background:#dc3545}
.badge-private{background:#198754}
.seller-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eee;border:1px solid rgba(0,0,0,.05)}

/* Secret admin link styles */
.stealth-link{ color:inherit; text-decoration:none; cursor:default; }
.stealth-link:hover, .stealth-link:focus{ color:inherit; text-decoration:none; outline:none; }