/* IDEAL WEB — GLOBAL MOBILE STABILITY V33.8.3
   Dernière couche CSS de la façade publique.
   Objectif : aucun déplacement horizontal de la page sur smartphone.
   Les éléments larges utiles (tableaux / code) défilent dans leur propre zone. */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}
@supports (overflow:clip){html{overflow-x:clip}}
body.iw-gold-sync{
  width:100%;
  max-width:100%;
  min-width:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
@supports (overflow:clip){body.iw-gold-sync{overflow-x:clip!important}}

.iw-gold-sync :where(main,header,footer,section,article,aside,nav,form,fieldset,div,figure,ul,ol,li){min-width:0}
.iw-gold-sync :where(img,picture,video,svg,canvas,iframe){
  max-width:100%!important;
  max-inline-size:100%!important;
}
.iw-gold-sync :where(img,video,canvas){height:auto}
.iw-gold-sync :where(figure,picture){max-width:100%;min-width:0}
.iw-gold-sync :where(a,p,li,dd,dt,span,strong,small,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;word-break:normal}
.iw-gold-sync :where(pre,code){max-width:100%;overflow-wrap:anywhere}
.iw-gold-sync :where(button,.button,.btn,[class*="button-"],[class*="btn-"]){max-width:100%}

@media(max-width:760px){
  .iw-gold-sync :where(.shell,.hub-shell,.container,.wrap,[class*="container"],[class*="shell"]){min-width:0!important;max-width:100%}
  .iw-gold-sync :where([class*="grid"],[class*="row"],[class*="cols"],[class*="layout"],[class*="card"],[class*="panel"],[class*="copy"],[class*="media"]){min-width:0!important}
  .iw-gold-sync :where(table){
    display:block;
    width:100%;
    max-width:100%!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .iw-gold-sync :where(pre){overflow-x:auto;-webkit-overflow-scrolling:touch}
  .iw-gold-sync :where(input,select,textarea,button){min-width:0;max-width:100%}
}

/* Verrous spécifiques aux composants de façade partagés. */
.iw-gold-sync .hub-system-header,
.iw-gold-sync .hub-system-footer,
.iw-gold-sync main{max-width:100%;overflow-x:clip}
.iw-gold-sync .hub-system-header .brand{min-width:0!important;max-width:202px!important}
.iw-gold-sync .hub-system-header .brand img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important}
.iw-gold-sync .hub-system-footer .footer-brand img{display:block!important;width:min(186px,100%)!important;max-width:100%!important;height:auto!important}
.iw-gold-sync .iw-index-visual img{width:auto!important;max-width:100%!important;height:auto!important}
.iw-gold-sync [data-home-video] video{display:block;width:100%!important;max-width:100%!important;height:auto!important}
@media(max-width:620px){
  .iw-gold-sync .hub-system-header .brand{width:min(150px,48vw)!important;max-width:48vw!important}
}