/* Correctif mobile EFYSOFT — empêche tout débordement horizontal */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

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

img, svg, video, canvas, iframe {
  max-width: 100%;
}

@media (max-width: 900px) {
  body {
    position: relative;
  }

  main,
  section,
  header,
  footer,
  .container,
  .inner,
  .wrap,
  [class*="grid"],
  [class*="row"],
  [class*="hero"] {
    max-width: 100%;
    min-width: 0;
  }

  [class*="grid"] > *,
  [class*="row"] > *,
  [class*="hero"] > * {
    min-width: 0;
    max-width: 100%;
  }

  /* Les éléments décoratifs ne doivent jamais agrandir la page. */
  [class*="orb"],
  [class*="blob"],
  [class*="shape"],
  [class*="deco"],
  [class*="glow"] {
    pointer-events: none;
  }
}