/* Idéal Web | Exemples: centrage et largeur sûre sur mobile. Portée: .ex2-page uniquement. */
@media (max-width: 767px) {
  body.iw-public-page:has(> main.ex2-page) { overflow-x: clip; }
  main.ex2-page {
    box-sizing: border-box;
    position: relative;
    inset-inline: auto;
    margin-inline: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    transform: none;
    overflow-x: clip;
  }
  main.ex2-page > section { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; }
  main.ex2-page .ex2-wrap {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1180px;
    min-width: 0;
    margin-inline: auto;
    padding-inline: 0;
    transform: none;
    position: relative;
    inset-inline: auto;
  }
  main.ex2-page .ex2-hero-grid,
  main.ex2-page .ex2-intro,
  main.ex2-page .ex2-grid,
  main.ex2-page .ex2-features,
  main.ex2-page .ex2-step-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
  }
  main.ex2-page .ex2-hero-copy,
  main.ex2-page .ex2-hero-art,
  main.ex2-page .ex2-card { min-width: 0; max-width: 100%; }
  main.ex2-page h1, main.ex2-page h2,
  main.ex2-page p { max-width: 100%; overflow-wrap: break-word; }
  main.ex2-page .ex2-hero h1 { font-size: clamp(29px, 8.4vw, 37px); }
  main.ex2-page .ex2-actions { width: 100%; min-width: 0; }
  main.ex2-page .ex2-actions .ex2-btn { max-width: 100%; text-align: center; white-space: normal; }
}