/* responsive.css — refinements mobile-first (la majorite est deja inline) */

/* Tres petits ecrans (320-380px) */
@media (max-width: 380px) {
  .container { padding: 0 16px; }
  .hero-mega__title { font-size: clamp(2.1rem, 11vw, 3rem); }
  .contact-tel { font-size: 1.6rem; }
}

/* Tablette */
@media (min-width: 700px) and (max-width: 899px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Desktop large */
@media (min-width: 1024px) {
  .section-head { margin-bottom: 64px; }
}

/* Print sobre */
@media print {
  .site-header, .fab-call, .menu-mobile, .burger, .lightbox, .ml-modal { display: none !important; }
  body { background: #fff; color: #000; }
}