/* Slider image and container fixes: removes fixed height, disables zoom, keeps image aspect ratio, no gaps */

/* Force banner-section, banner-container, and slider to shrink-wrap image height and remove all extra space */
.banner-section,
.banner-section .banner-container,
.banner-section .banner-slider,
.banner-section .swiper-wrapper,
.banner-section .slide-item,
.banner-section .image-layer {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Make banner-section use flex to shrink-wrap its children (the slider) */
.banner-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

/* Remove fixed height and animation from slider containers */
.banner-section .slide-item,
.banner-section .swiper-slide,
.banner-section .image-layer {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  overflow: visible !important;
  -webkit-transform: none !important;
  transform: none !important;
  transition: none !important;
}

.banner-section .image-layer img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Remove zoom on active slide */
.banner-section .slide-item.swiper-slide-active .image-layer,
.banner-section .slide-item .image-layer,
.banner-section .swiper-slide-active .image-layer {
  -webkit-transform: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Remove any slide/zoom animation globally */
.banner-section .slide-item,
.banner-section .swiper-slide {
  animation: none !important;
  -webkit-animation: none !important;
  transition: none !important;
}