/**
 * Missing hero image placeholders — stacks under ::after gradients, above category tint.
 */
.car-media--hero {
  position: relative;
}

.car-media--hero .car-media-img {
  position: relative;
  z-index: 1;
}

.car-media--hero .car-media-img.car-media-img--hidden {
  display: none !important;
}

/* Gradient overlay above image / placeholder */
.card-media.car-media--hero::after,
.compare-column-media.car-media--hero::after,
.detail-media.car-media--hero::after {
  z-index: 2;
}

.card-media.car-media--hero > .card-pp-badge,
.card-media.car-media--hero > .card-badge,
.detail-media.car-media--hero > .detail-badge {
  z-index: 3;
}

.car-media-ph {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  pointer-events: none;
  background: radial-gradient(
      ellipse 120% 80% at 50% 20%,
      var(--ph-tint, rgba(110, 176, 255, 0.09)) 0%,
      transparent 55%
    ),
    linear-gradient(165deg, #141a22 0%, #0a0d12 55%, #080a0e 100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.car-media--missing .car-media-ph {
  opacity: 1;
  visibility: visible;
}

.car-media-ph-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  text-align: center;
}

.car-media-ph-mono {
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: 750;
  letter-spacing: 0.08em;
  line-height: 1;
  color: rgba(240, 243, 247, 0.22);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.car-media-ph-caption {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(139, 150, 168, 0.55);
}

/* Category tint (data-ph-key mirrors catalog filter keys) */
.car-media--hero[data-ph-key="legend"] {
  --ph-tint: rgba(232, 137, 58, 0.14);
}
.car-media--hero[data-ph-key="brand"] {
  --ph-tint: rgba(154, 163, 184, 0.12);
}
.car-media--hero[data-ph-key="german"] {
  --ph-tint: rgba(212, 168, 74, 0.13);
}
.car-media--hero[data-ph-key="jdm"] {
  --ph-tint: rgba(255, 101, 101, 0.12);
}
.car-media--hero[data-ph-key="sports_hyper"] {
  --ph-tint: rgba(96, 165, 250, 0.14);
}
.car-media--hero[data-ph-key="sports_super"] {
  --ph-tint: rgba(37, 99, 235, 0.13);
}
.car-media--hero[data-ph-key="electric"] {
  --ph-tint: rgba(45, 212, 191, 0.12);
}
.car-media--hero[data-ph-key="suv"] {
  --ph-tint: rgba(134, 168, 140, 0.11);
}
.car-media--hero[data-ph-key="offroad"] {
  --ph-tint: rgba(196, 165, 116, 0.12);
}
.car-media--hero[data-ph-key="default"] {
  --ph-tint: rgba(110, 176, 255, 0.09);
}