/* ════════════════════════════════════════════════════════════
   Univers Professionnels de l'immobilier — couleur pilotée par
   <body data-univers="pro"> (voir produit.css). Aucune teinte custom
   nécessaire ici : Lie-de-vin/Grenat/Figue sont déjà la palette
   par défaut de cet univers.
   ════════════════════════════════════════════════════════════ */

/* sections suivantes : compenser la hauteur du header+breadcrumb fixes (109px) */
body.nav-overlay .produit-intro,body.nav-solid .produit-intro{scroll-margin-top:109px}

/* ── HERO — photo fournie par la DA (images/hero-gf.jpg, 3200×1800) : mur de couleur, sujet à droite, comme MRI.
   La couleur de fond ne sert que de repli pendant le chargement (teinte moyenne du côté texte de la photo). ── */
.hero-gf{background-color:#71071a;background-image:url('../images/hero-gf-v2.jpg');background-size:cover;background-position:center}

/* image dans ::before pour pouvoir la scaler au hover (photo de la DA : images/telechargement-gf.jpg, 1600×360) */
.pi-dl-card{background-color:transparent}
.pi-dl-card::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:url('../images/telechargement-gf.jpg');
  background-size:cover;
  background-position:center;
  transform:scale(1);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  z-index:0;
}
.pi-dl-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(28,28,54,.6) 0%,rgba(28,28,54,.2) 60%,transparent 100%);
  z-index:1;
  pointer-events:none;
}
.pi-dl-bar{z-index:2}
.pi-dl-card:hover{background-color:transparent}
.pi-dl-card:hover::before{transform:scale(1.05)}