/* Global mobile overflow fixes (prevents horizontal scrolling) */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Media elements should never overflow the viewport */
img, svg, video, canvas, iframe {
  max-width: 100%;
}

/* Common wrappers in this project */
#mainWrapper,
.mainContent {
  overflow-x: hidden;
}

/* Swiper/slider containers sometimes cause 1-2px overflow */
.swiper,
.swiper-container,
.swiper-wrapper {
  max-width: 100%;
  overflow-x: hidden;
}

/* Prevent long unbroken strings from forcing overflow */
pre, code, .o-productDetail__name, .o-productCard__name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Defensive: elements accidentally sized with vw can cause overflow */
[style*="100vw"],
[style*="width: 100vw"],
[style*="width:100vw"] {
  max-width: 100%;
}