/* Homepage carousel layout stability — October 2026.
   Reserve space only while the Supabase track is empty.
   Once video.js inserts cards, let their natural height determine the row.
   This stylesheet is loaded after the existing carousel/card styles. */

.carousel-section .carousel-track:empty {
  min-height: 260px;
}

.carousel-section .carousel-track:not(:empty) {
  min-height: 0;
}

@media (max-width: 768px) {
  .carousel-section .carousel-container {
    min-width: 0;
    width: 100%;
  }

  .carousel-section .carousel-track:empty {
    min-height: 350px;
  }

  .carousel-section .carousel-track:not(:empty) {
    min-height: 0;
  }
}