/* =========================================================
   Responsive adjustments
   ========================================================= */

@media (max-width: 980px){
  .about-grid{ grid-template-columns: 1fr; gap: 26px; }
  .about-tags{ border-left:none; padding-left:0; flex-direction:row; flex-wrap:wrap; gap:14px; }
  .produits-grid{ grid-template-columns: repeat(2, 1fr); }
  .avis-grid{ grid-template-columns: 1fr; gap:36px; }
  .contact-grid{ grid-template-columns: 1fr; }
  .contact-map{ min-height: 280px; order: -1; }
}

@media (max-width: 760px){
  .main-nav{ display:none; }
  .nav-toggle{ display:flex; }

  body.nav-open .main-nav{
    display:flex; flex-direction:column;
    position:absolute; top: var(--nav-h); left:0; right:0;
    background: var(--sand-light);
    padding: 22px 28px 30px;
    border-bottom: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
    gap: 16px;
  }

  .hero{ padding: 64px 0 110px; }
  .hero-grid{ grid-template-columns: 1fr; gap: 36px; }
  .hero-stat{ flex-direction:row; flex-wrap:wrap; align-items:center; gap: 10px 22px; }
  .stat-divider{ display:none; }

  .menu-columns{ grid-template-columns: 1fr; gap: 36px; }
  .produits-grid{ grid-template-columns: 1fr; gap: 36px; }

  .footer-inner{ flex-direction:column; align-items:flex-start; }
}

@media (max-width: 480px){
  .wrap{ padding: 0 20px; }
  .header-actions{ gap: 8px; }
  .btn-call span{ display:none; }
  .btn-call{ padding: 10px; }
  .hero-actions{ flex-direction:column; align-items:flex-start; }
}