.video-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: clamp(0.85rem, 2vw, 1.2rem);
}

.video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(238, 46, 45, 0.65);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

video.video-card-player {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(42rem, 70vh);
  aspect-ratio: 16 / 9;
  background: #000;
  object-fit: contain;
}

.video-card-body {
  min-width: 0;
  padding: 0.9rem 1rem 1rem;
}

.video-card-title {
  color: var(--white, #FDFAF4);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
}

.video-card-meta {
  margin-top: 0.3rem;
  color: var(--red, #EE2E2D);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.video-feature.short-sale-machine-full-video {
  grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
  align-items: center;
  width: min(calc(100% - 3rem), 1100px);
  margin: 2rem auto;
  padding: 1rem;
}

.short-sale-machine-full-video > .video-card-player {
  width: min(100%, 22rem);
  max-height: min(42rem, 80vh);
  min-height: 0;
  margin-inline: auto;
  aspect-ratio: 9 / 16;
}

@media (max-width: 700px) {
  .video-feature.short-sale-machine-full-video {
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 2rem);
  }

  .short-sale-machine-full-video .video-card-body {
    text-align: center;
  }
}
