/* Leisure Journeys — Popular Packages: reliable gap between cards (mobile/tablet) */

@media (max-width: 900px) {
  .lj-premium-packages .lj-packages-track {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 1.25rem !important;
    padding: 0 1rem 0.85rem !important;
    scroll-padding-inline: 1rem !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: unset !important;
  }

  .lj-premium-packages .lj-premium-card {
    flex: 0 0 min(78vw, 292px) !important;
    width: min(78vw, 292px) !important;
    min-width: min(78vw, 292px) !important;
    max-width: min(78vw, 292px) !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 640px) {
  .lj-premium-packages .lj-packages-track {
    gap: 1.35rem !important;
    padding: 0 1.1rem 0.85rem !important;
    scroll-padding-inline: 1.1rem !important;
  }

  .lj-premium-packages .lj-premium-card {
    flex: 0 0 min(76vw, 280px) !important;
    width: min(76vw, 280px) !important;
    min-width: min(76vw, 280px) !important;
    max-width: min(76vw, 280px) !important;
    min-height: 420px !important;
    height: auto !important;
  }
}

@media (max-width: 380px) {
  .lj-premium-packages .lj-packages-track {
    gap: 1.15rem !important;
  }

  .lj-premium-packages .lj-premium-card {
    flex: 0 0 min(74vw, 268px) !important;
    width: min(74vw, 268px) !important;
    min-width: min(74vw, 268px) !important;
    max-width: min(74vw, 268px) !important;
  }
}