/* Univers Immeubles & copropriétés — couleur pilotée par <body data-univers="immeubles"> (voir produit.css).
   Hero en aplat : classe partagée .hero-flat (produit.css), rien à définir ici. */

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

/* "Pourquoi choisir ODEALIM" n'a que 2 cartes (vs 3 sur MRI) : évite le grand vide du space-between */
.pq-list{justify-content:flex-start;flex:unset}

/* image dans ::before pour pouvoir la scaler au hover — dégradé de marque (pas de photo dispo) */
.pi-dl-card{background-color:transparent}
.pi-dl-card::before{
  content:'';
  position:absolute;
  inset:0;
  /* visuel commun a toute la gamme Immeubles & copropriete : celui de MRI (2026-11-02, demande de l'utilisateur) */
  background-image:url('../images/telechargement-mri.jpg');
  background-size:cover;
  background-position:center;
  transform:scale(1);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  z-index:0;
}
/* gradient lisibilité dans ::after */
.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}
/* hover : zoom dégradé + neutralise le background-color de produit.css */
.pi-dl-card:hover{background-color:transparent}
.pi-dl-card:hover::before{transform:scale(1.05)}

/* ── HÉROS photo de la DA (2026-10-29, hero-site-Charges impayées-04 converti en JPEG 3200×1800) ; remplace l'aplat .hero-flat ── */
.hero-ci{background-color:#5f5a80;background-image:url('../images/hero-charges-impayees.jpg');background-size:cover;background-position:center}