/* Add custom CSS styles below */

/* SQF 2026-10-10: preserve complete banner on mobile. */
@media (max-width: 767px) {
  #main-slider-0,
  #main-slider-0 .s-slider-container,
  #main-slider-0 .swiper-wrapper {
    height: auto !important;
  }
  #main-slider-0 .swiper-slide {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 2752 / 1536;
  }
  #main-slider-0 .bg-cover {
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
}

/* SQF 2026-10-10 (Claude): reserve real banner ratio (1440x803) to prevent layout shift (CLS). */
.s-block--fixed-banner img {
  aspect-ratio: 1440 / 803;
  height: auto;
}