/* Mobile-first refinements (le reste du CSS est deja mobile-first via clamp() + breakpoints inline) */

/* Header mobile : pas de CTA visible (uniquement logo + burger) */
@media (max-width: 899px){
  .nav-desktop{display:none;}
}

/* Hero band CTA tag wrap propre */
@media (max-width: 480px){
  .hero-centre__band-tag{font-size:0.72rem;left:12px;bottom:10px;padding:6px 12px;}
  .rating-badge{font-size:0.78rem;padding:8px 12px;}
}

/* FAQ trigger tactile */
@media (max-width: 480px){
  .faq-trigger{padding:18px 4px;font-size:1rem;}
}

/* Stats : meme en mobile, separateur soft */
@media (max-width: 699px){
  .stats-grid{gap:24px;}
  .stat-number{font-size:2rem;}
}

/* Sec-head desktop */
@media (min-width: 900px){
  .sec-head{margin-bottom:44px;}
}

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