/* Mobile-first — overrides progressifs */

/* Petits ecrans (320-389px) — securite */
@media (max-width:380px){
  .hero{padding-left:16px;padding-right:16px;}
  .hero-title{font-size:1.95rem;}
  .container{padding:0 16px;}
  .header-inner{padding:0 16px;}
}

/* Petite hauteur — empile mieux */
@media (max-height:700px) and (max-width:768px){
  .hero{padding-top:24px;padding-bottom:16px;}
}

/* >=560 : CTA hero alignes */
@media (min-width:560px){
  .hero-cta{flex-direction:row;}
}

/* >=900 : layout 2 cols */
@media (min-width:900px){
  .svc-alt__row{grid-template-columns:1fr 1fr;}
}

/* Print : neutralise les fonds dynamiques */
@media print{
  body{background:#fff;}
  body::before{display:none;}
  .site-header,.fab-call,.menu-mobile{display:none;}
}