/* V3.5 — correction ciblée du hero uniquement.
   Objectif : conserver EXACTEMENT les positions / tailles / espacements de la V3.5,
   et remplacer seulement le voile sombre du hero par une zone localisée derrière le texte. */

/* Aucun changement de layout : .hero-content, .topbar, boutons, hauteurs, marges, safe-area
   restent gérés par la V3.5 d'origine. */

.hero-shade{
  /* Le voile est concentré derrière le bloc texte + boutons, comme sur la maquette.
     Le haut du hero et toute la partie droite de la photo restent pratiquement intacts. */
  background:
    radial-gradient(
      ellipse 58% 62% at 25% 70%,
      rgba(0,0,0,.86) 0%,
      rgba(0,0,0,.74) 27%,
      rgba(0,0,0,.52) 44%,
      rgba(0,0,0,.26) 61%,
      rgba(0,0,0,.08) 72%,
      rgba(0,0,0,0) 82%
    ) !important;
}

/* Sur petits téléphones, on resserre seulement la forme du voile — jamais le contenu. */
@media (max-width:430px){
  .hero-shade{
    background:
      radial-gradient(
        ellipse 68% 58% at 28% 70%,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.74) 30%,
        rgba(0,0,0,.50) 48%,
        rgba(0,0,0,.22) 64%,
        rgba(0,0,0,.06) 74%,
        rgba(0,0,0,0) 84%
      ) !important;
  }
}