/* MPB 3.27.9 — CORRECTIF VISUEL PILOTE.
   Inclus UNIQUEMENT sur l'accueil du domaine testlangues.massageprobienetre.fr.
   Image d'Audrey et langues inchangées; aucun changement des médias ni d'autres pages. */
@media (min-width: 1021px) {
  /* La grille et l'en-tête ne restent plus coincés dans une colonne étroite. */
  html body.mpb-site header.site-header > .header-wide {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.mpb-site main.home-view > section.home-hero {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }
  html body.mpb-site main.home-view > section.home-hero > .section-inner.home-hero-inner {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    height: clamp(365px, 42vh, 425px) !important;
    min-height: 365px !important;
    display: grid !important;
    grid-template-columns: clamp(310px, 24vw, 390px) minmax(0, 1fr) !important;
  }
  html body.mpb-site main.home-view > section.home-hero > .section-inner.home-hero-inner .home-portrait {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #f7f1ea !important;
  }
  html body.mpb-site main.home-view .home-hero-inner .home-portrait-foreground {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: block !important;
  }
  /* Le problème 3.27.8 venait de object-fit:contain : la photo devenait une bande
     horizontale au sommet, le reste du cadre restant beige. Remplir le cadre. */
  html body.mpb-site main.home-view .home-hero-inner .home-portrait-foreground > img.cover-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 50% 30% !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  html body.mpb-site main.home-view > section.reviews-section > .section-inner {
    width: calc(100% - 32px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.mpb-site main.home-view .reviews-section .mpb-google-carousel {
    width: min(100%, 1370px) !important;
    max-width: 1370px !important;
  }
}
/* Sur tablette/mobile, ne pas imposer de largeur pleine fenêtre ni de hauteur fixe.
   Mais retirer le mode contain qui laissait un cadre vide. */
@media (max-width: 1020px) {
  html body.mpb-site main.home-view .home-portrait-foreground > img.cover-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 30% !important;
  }
}