/* Fleet layout fixes: force 3-column card layout for .hotel-swiper on wide screens */

/* Desktop and large tablets */
@media (min-width: 992px) {
  .hotel-swiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.25rem;
  }

  .hotel-swiper .swiper-slide {
    flex: 0 0 calc(33.333% - 0.833rem) !important;
    max-width: calc(33.333% - 0.833rem) !important;
    box-sizing: border-box;
  }

  .hotel-swiper .hotel-card {
    width: 100%;
  }
}

/* Tablets and smaller: full width slides */
@media (max-width: 991px) {
  .hotel-swiper .swiper-wrapper { display: block !important; }
  .hotel-swiper .swiper-slide { width: 100% !important; max-width: 100% !important; }
}

/* Safety: ensure hotel-card contents fill the slide */
.hotel-card { width: 100%; }