/* ================================
   HORIZONTAL CARD SCROLL (ALL)
================================ */
.horizontal-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}

.horizontal-scroll::-webkit-scrollbar {
  display: none; /* Chrome */
}

/* ================================
   CARD STYLING
================================ */
.horizontal-scroll .card {
  min-width: 300px;
  margin-right: 16px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

/* ================================
   VIDEO RESPONSIVE
================================ */
.horizontal-scroll video {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* ================================
   MOBILE (≤576px)
================================ */
@media (max-width: 576px) {
  .horizontal-scroll .card {
    min-width: 85%;
  }

  .horizontal-scroll video {
    height: 180px;
  }
}

/* ================================
   TABLET (577px–991px)
================================ */
@media (min-width: 577px) and (max-width: 991px) {
  .horizontal-scroll .card {
    min-width: 45%;
  }

  .horizontal-scroll video {
    height: 200px;
  }
}

/* ================================
   DESKTOP (≥992px)
================================ */
@media (min-width: 992px) {
  .horizontal-scroll .card {
    min-width: 300px;
  }

  .horizontal-scroll video {
    height: 220px;
  }
}