/* banner-swiper.css */

.banner-swiper {
  &:not(.swiper-initialized) .banner-swiper-slide:not(:first-child) {
    display: none;
  }

  .banner-swiper-slide {
    height: 438px;
    border-radius: 1.5rem;
    overflow: clip;

    img,
    picture {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}

@media (width < 768px) {
  .banner-swiper {
    .banner-swiper-slide {
      height: auto;
      border-radius: 0;
      overflow: clip;

      img,
      picture {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 375 / 230;
      }
    }
  }
}