/* 1) Stopper tout débordement horizontal iOS */
html, body { overflow-x: hidden !important; width: 100% !important; }

/* 2) Neutraliser les largeurs "vw" qui décalent */
*[style*="100vw"], .stacks_out, .stacks_in, .stacks_top, .stacks_bottom {
  max-width: 100% !important;
}

/* 3) Centrage forcé des blocs (cadres blancs) */
.stacks_in, .stacks_out {
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
}

/* 4) Sur mobile: supprimer les "scrollboxes" internes (barre de scroll dans le cadre blanc) */
@media (max-width: 900px) {
  .stacks_in, .stacks_out, .stack {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

}
/* Carrousels: empêcher les slides de sortir du cadre */
.slick-slider, .slick-list, .slick-track,
.swiper, .swiper-wrapper,
.flexslider, .flex-viewport,
.owl-carousel, .owl-stage-outer {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Images dans les slides: contraintes strictes */
.slick-slide img,
.swiper-slide img,
.flexslider img,
.owl-carousel img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover;
}

/* iOS: éviter certains "sauts" de transform */
@media (max-width: 900px) {
  .slick-track, .swiper-wrapper, .owl-stage {
    transform: translate3d(0,0,0) !important;
  }
}
