/* ==========================================================
   Fond de la grande bannière (repris de staging.fabfpf.com) :
   diaporama de photos en fondu enchaîné avec zoom lent.
   Le texte, les boutons et les pastilles restent ceux du site.
   ========================================================== */
.hero.hero-slides { isolation: isolate; background: #080a0c; }
.hero.hero-slides::after { display: none; }              /* remplacé par .fhero-shade */
.hero.hero-slides .container { z-index: 2; }
.fhero-photos, .fhero-shade { position: absolute; inset: 0; }
.fhero-photos { z-index: 0; overflow: hidden; }
.fhero-photo { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; will-change: opacity, transform; }
.fhero-photo.solo { opacity: 1; animation: fheroZoom 18s ease-in-out infinite; }
.fhero-shade { z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .5) 38%, rgba(0, 0, 0, .15) 70%, rgba(0, 0, 0, .3) 100%); }
@keyframes fheroZoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }

@media (max-width: 720px) {
  .fhero-photo { background-position: 64% center; }
}
@media (prefers-reduced-motion: reduce) {
  .fhero-photo { animation: none !important; }
  .fhero-photo:first-child { opacity: 1; }
}