/* MPB 2.8 - uniquement Qui suis-je ? et sa vue independante Mon parcours.
   Accueil, Soin, Mon approche, Tarifs, Footer et Potion Digitale inchanges. */
html body.mpb-site main.qui-page:not(.parcours-view) .who-hero {
  width: min(calc(100% - 52px), 1370px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  gap: clamp(34px, 4vw, 76px);
  align-items: center;
  min-height: max(620px, calc(100vh - 172px));
  padding: 32px 0 38px !important;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-portrait {
  box-sizing: border-box;
  max-width: 450px !important;
  width: 100% !important;
  height: clamp(360px, 29vw, 458px) !important;
  margin: 0 auto !important;
  overflow: hidden;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-portrait > img.cover-img {
  width: 100%; height: 100%; object-fit: cover;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-copy { max-width: 710px; }
html body.mpb-site main.qui-page:not(.parcours-view) .who-copy .who-signature {
  margin-bottom: 15px !important;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-copy h1 {
  margin: 0 0 24px !important;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-copy > p:not(.who-signature) {
  margin-bottom: 11px !important;
  line-height: 1.5 !important;
}
html body.mpb-site main.qui-page:not(.parcours-view) .who-copy > .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 23px !important;
  margin-bottom: 12px !important;
}
/* La page parcours autonome conserve le même habillage et ses étapes. */
html body.mpb-site main.parcours-view { width:100%; }
html body.mpb-site main.parcours-view #mon-parcours { padding-top: 8px; }
@media(max-width: 800px) {
  html body.mpb-site main.qui-page:not(.parcours-view) .who-hero {
    width: min(calc(100% - 30px), 720px);
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 25px 0 40px !important;
  }
  html body.mpb-site main.qui-page:not(.parcours-view) .who-portrait {
    max-width: 410px !important;
    height: clamp(290px, 77vw, 430px) !important;
  }
  html body.mpb-site main.qui-page:not(.parcours-view) .who-copy > .btn-primary {
    margin-top: 20px !important;
    margin-bottom: 8px !important;
  }
}