/* Booking form under the first screen (53732): at ≤1064 px the slider wrapper no longer has a fixed 3:2 box,
   the slide keeps that size and the form flows below it instead of covering the next block. */
@media (max-width: 1064px) {
  .main-slider {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .main-slider > .main-slider__swiper {
    aspect-ratio: 3 / 2;
    min-height: 70vh;
  }
}
@media (max-width: 767px) {
  .main-slider > .main-slider__swiper {
    min-height: 52vh;
  }
}

/* r6 2026-10-23: aspect-ratio + min-height made the slider wider than the screen (min-height transferred to min-width) */
@media (max-width: 1064px) {
  .main-slider > .main-slider__swiper {
    width: 100%;
    min-width: 0;
    aspect-ratio: auto;
    height: max(70vh, 66.6667vw);
  }
}
@media (max-width: 767px) {
  .main-slider > .main-slider__swiper {
    height: max(52vh, 66.6667vw);
  }
}