/* =====================
   TABLETTE (< 1024px)
   ===================== */
@media (max-width: 1024px) {
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .produits-grid { grid-template-columns: repeat(2, 1fr); }
  .expertise { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
}

/* =====================
   MOBILE (< 768px)
   ===================== */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .badge-ergo { display: none; }
  .nav-burger { display: block; }
  .nav-container { gap: 1rem; }

  .nav-links.ouverte {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    background: var(--blanc);
    padding: 1rem 1.5rem;
    border-bottom: 0.5px solid var(--bordure);
    gap: 1rem;
    z-index: 49;
  }

  .hero { padding: 3rem 1.25rem; }
  .hero-buttons { flex-direction: column; align-items: center; }

  .reassurance {
    gap: 1rem;
    justify-content: flex-start;
  }
  .reassurance-item span { font-size: 13px; }

  .section { padding: 2.5rem 1.25rem; }
  .section-alt { padding: 2.5rem 1.25rem; }

  .categories-grid { grid-template-columns: 1fr; }
  .produits-grid { grid-template-columns: 1fr; }
  .expertise { grid-template-columns: 1fr; }

  .footer-inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .panier-panneau { width: 100%; }

  .article-content { padding: 2rem 1rem; }
  .executive-summary { padding: 1rem 1.25rem; }
}

/* =====================
   MOBILE S (< 480px)
   ===================== */
@media (max-width: 480px) {
  h1 { font-size: 1.6rem; }
  h2 { font-size: 1.3rem; }
  .hero-subtitle { font-size: 1rem; }
}