/* Filets responsive complementaires (la plupart des breakpoints sont en mobile-first dans chaque section.css) */

@media (max-width:768px){
  .hero-immersif__title em::after{height:.14em;}
}

@media (min-width:769px){
  .section-head{margin-bottom:48px;}
}

/* Tablet ajustement carte zone iframe */
@media (min-width:600px) and (max-width:768px){
  .map-wrapper iframe{height:380px;}
}

/* Eviter rebond horizontal des grilles a 390 */
.svc-grid, .gal-grid, .avis-cards, .stats-grid, .apropos__grid, .zone-grid, .contact-grid, .footer-grid{width:100%;min-width:0;}
.svc-grid > *, .gal-grid > *, .avis-cards > *, .stats-grid > *, .footer-grid > *{min-width:0;}

/* Hero ratings sur mobile : pas trop volumineux */
@media (max-width:480px){
  .rating-badge{font-size:.78rem;padding:6px 12px;}
  .hero-immersif__meta{font-size:.7rem;}
}

/* CTA hero plein largeur empile mobile (deja gere via flex-direction:column) */

/* FAQ : compactage tres mobile */
@media (max-width:480px){
  .faq-trigger{font-size:1rem;gap:14px;}
  .faq-chevron{width:24px;height:24px;}
}

/* Logo : reduire le tag chip sur tres petit */
@media (max-width:380px){
  .brand-name{font-size:1rem;}
}

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