/* Package Section Swiper CSS - All Screen Sizes */

/* Desktop: Swiper with 4 equal cards */
.swiper-package-cards {
  overflow: hidden;
  padding-bottom: 12px;
}

.swiper-package-cards .swiper-wrapper {
  display: flex;
  transition-timing-function: linear;
}

.swiper-package-cards .swiper-slide {
  height: auto;
  flex-shrink: 0;
  box-sizing: border-box;
  width: calc(25% - 18px);
  flex: 0 0 calc(25% - 18px);
  will-change: transform;
}

/* Desktop: 4 cards per view - exactly 4, no partial 5th card */
@media (min-width: 1280px) {
  .swiper-package-cards {
    overflow: hidden;
  }

  .swiper-package-cards .swiper-slide {
    width: calc(25% - 18px) !important;
    flex: 0 0 calc(25% - 18px);
  }
}

/* iPad Pro 12.9" & Large Tablets: Enable scroll, hide scrollbar */
@media (min-width: 1024px) and (max-width: 1279px) {
  .swiper-package-cards {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .swiper-package-cards::-webkit-scrollbar {
    display: none;
  }

  .swiper-package-cards .swiper-wrapper {
    flex-wrap: nowrap;
  }

  .swiper-package-cards .swiper-slide {
    width: 310px !important;
    min-width: 310px;
    flex: 0 0 auto;
  }
}

/* iPad Landscape (11" & Air): Enable scroll, hide scrollbar */
@media (min-width: 835px) and (max-width: 1023px) {
  .swiper-package-cards {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .swiper-package-cards::-webkit-scrollbar {
    display: none;
  }

  .swiper-package-cards .swiper-wrapper {
    flex-wrap: nowrap;
  }

  .swiper-package-cards .swiper-slide {
    width: 300px !important;
    min-width: 300px;
    flex: 0 0 auto;
  }
}

/* iPad Portrait: Enable scroll, hide scrollbar */
@media (min-width: 768px) and (max-width: 834px) {
  .swiper-package-cards {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .swiper-package-cards::-webkit-scrollbar {
    display: none;
  }

  .swiper-package-cards .swiper-wrapper {
    flex-wrap: nowrap;
  }

  .swiper-package-cards .swiper-slide {
    width: 320px !important;
    min-width: 320px;
    flex: 0 0 auto;
  }
}

/* Mobile: auto width for scrolling */
@media (max-width: 767px) {
  .swiper-package-cards {
    overflow: visible;
  }

  .swiper-package-cards .swiper-slide {
    width: 280px !important;
  }
}

@media (max-width: 480px) {
  .swiper-package-cards .swiper-slide {
    width: 260px !important;
  }
}