/* MOBILE-FIRST — base = 390px */

/* Hero CTA : empilés pleine largeur sur mobile (PIEGE PROD #2) */
@media (max-width: 560px) {
  .hero-centre__cta {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-centre__cta .btn {
    width: 100%;
    justify-content: center;
  }
  .hero-centre__band {
    aspect-ratio: 16/10;
    border-radius: var(--r-lg);
  }
}

/* Galerie masonry : 1 colonne sous 560px (PIEGE PROD #7) */
@media (max-width: 560px) {
  .gal-masonry { column-count: 1; }
  .realisations-page-grid { column-count: 1; }
}
@media (min-width: 561px) and (max-width: 900px) {
  .gal-masonry { column-count: 2; }
  .realisations-page-grid { column-count: 2; }
}

/* Services : 1 colonne mobile */
@media (max-width: 560px) {
  .svc-grid { grid-template-columns: 1fr; }
}
@media (min-width: 561px) and (max-width: 900px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
}

/* À propos : 1 colonne mobile */
@media (max-width: 768px) {
  .apropos-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .apropos-text p::first-letter { font-size: 2.4em; }
}

/* Avis cards : 1 colonne mobile */
@media (max-width: 900px) {
  .avis-cards { grid-template-columns: 1fr; }
}

/* Stats : compact mobile */
@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr; gap: 16px; }
}

/* Zone : 1 colonne mobile */
@media (max-width: 768px) {
  .zone-cols { grid-template-columns: 1fr; }
  .map-wrapper { padding-top: 68%; }
}

/* Contact : 1 colonne mobile */
@media (max-width: 768px) {
  .contact-cols { grid-template-columns: 1fr; gap: 28px; }
}

/* Header desktop */
@media (min-width: 768px) {
  .hero-wrapper { padding-top: var(--header-h); }
  .hero-centre__cta .btn { min-width: 160px; }
}

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }