/* Custom slider animation fix - iOS Safari compatible */

/* Keep slides in a horizontal row for sliding animation */
.slider-7 .w-slider-mask {
  overflow: hidden !important;
  position: relative !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transition: -webkit-transform 500ms ease !important;
  transition: -webkit-transform 500ms ease !important;
  transition: transform 500ms ease !important;
  transition: transform 500ms ease, -webkit-transform 500ms ease !important;
}

/* Each slide takes full width */
.slider-7 .w-slide {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Ensure content is visible */
.slider-7 .w-slide[aria-hidden="true"] {
  visibility: visible !important;
  opacity: 1 !important;
}

/* iOS Safari specific fixes */
@supports (-webkit-overflow-scrolling: touch) {
  .slider-7 .w-slider-mask {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .slider-7 .w-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
}