/* ---- HERO : style appliqué au bloc qui porte la classe "home-hero" ---- */
.home-hero{
  background:#FFEEEE;              /* fond doux */
  border-radius:24px;
  padding:clamp(22px,3.5vw,56px);  /* marges adaptatives */
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  max-width:1200px;                /* évite les très grandes largeurs */
  margin:0 auto;                   /* centre la carte */
}

/* image plus soignée */
.home-hero img{
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* bouton existant : arrondi + léger lift au survol */
.home-hero a.btn,
.home-hero button{
  border-radius:12px;
  transition:transform .15s ease, opacity .15s ease;
}
.home-hero a.btn:hover,
.home-hero button:hover{
  transform:translateY(-1px);
  opacity:.95;
}

/* ---- MOBILE ---- */
@media (max-width: 767px){
  .home-hero{
    padding:18px 14px;
  }
  /* réduit l’emprise visuelle de la photo sur mobile */
  .home-hero img{
    width:85% !important;      /* évite l’image plein écran */
    max-height:260px;          /* limite la hauteur */
    object-fit:cover;
    display:block;
    margin:0 auto 12px;        /* centre l’image + espace dessous */
  }
} /* <-- très important : on ferme ici le @media */

/* ---- fond rose sur bloc texte simple ---- */
.wiziblock.type-text.home-hero {
  background:#FFEEEE;
  border-radius:24px;
  padding:clamp(22px,3.5vw,56px);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* Fond beige clair pour les blocs pro */
.fond-beige {
  background-color: #EBDED4 !important;
  padding: 60px 20px !important;
}