/* =========================================================
   HERO — PAGES (CORRIGÉ)
   ========================================================= */

.hero {
  max-width: var(--container);
  margin: 32px auto 40px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  position: relative;
}

/* ================= HERO IMAGES ================= */

.hero-accueil {
  height: 360px;
  background: url("/assets/images/hero-accueil-dentaline.jpg") center / cover no-repeat;
}

.hero-services {
  height: 380px;
  background: url("/assets/images/hero-services-dentaline.jpg") center / cover no-repeat;
}

.hero-labo {
  height: 380px;
  background: url("/assets/images/hero-labo-dentaline.jpg") center / cover no-repeat;
}

.hero-tarifs {
  height: 360px;
  background: url("/assets/images/hero-tarifs-dentaline.jpg") center / cover no-repeat;
}

/* ================= TEXTE HERO ================= */

.hero .hero-text {
  position: absolute;
  left: 32px;
  bottom: 5px;
  max-width: 55%;
  color: #2f2f2f;
}

.hero h1 {
  font-size: 26px;
  margin: 0 0 6px;
}

.hero p {
  font-size: 15px;
  margin: 0;
}

/* ================= SECTIONS ROSES OPTIONNELLES ================= */

.section-rose {
  background: #fde1ea;
}
/* =========================================================
   IMAGES DANS LES PAGES (SERVICES / LABO) — SAFE FIX
   ========================================================= */

/* Comportement normal et propre */
.card img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 520px;     /* ⬅️ taille raisonnable */
  margin: 20px 0;       /* ⬅️ aligné à gauche, pas centré */
  object-fit: cover;
}

/* Mobile */
@media (max-width: 768px) {
  .card img {
    max-width: 100%;
  }
}