/* Prevent horizontal scroll on mobile. The Smart Slider hero (negative-margin layers +
   off-canvas arrow controls) overflows the viewport by ~32px. `body` already had
   overflow-x:hidden, but `html` did not — so the document element still scrolled sideways
   on real devices. Clipping at the root element stops it. (No position:sticky elements on
   the site, so this does not affect sticky positioning.) */
html, body {
  overflow-x: hidden;
}

/* Make all slides visible on desktop */
@media (min-width: 992px) {
  .custom-mobile-slider .swiper-wrapper {
    transform: none !important; /* stop Swiper moving */
    display: flex;
  }
  .custom-mobile-slider .swiper-slide {
    width: 25% !important;
    flex: 1 1 auto;
  }

	.custom-mobile-slider .swiper-slide {
  display: flex;
  justify-content: center;  /* center horizontally */
  align-items: center;      /* center vertically */
  text-align: center;
}
}

@media (max-width: 991px) {
  .custom-mobile-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .custom-mobile-slider .swiper-slide img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    display: block;
  }
}

.custom-mobile-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto !important;
}