/* =====================================================================
   RESPONSIVE.CSS — Points de rupture (à charger EN DERNIER)
   Breakpoints testés : 320 · 375 · 430 · 768 · 1024 · 1280 · 1440 · 1920
   ===================================================================== */

/* ---------- ≤ 1024px : bascule menu mobile ---------- */
@media (max-width: 1024px) {
  .header-nav { display: none; }
  .header-cta { display: none; }
  .header-toggle { display: inline-flex; }

  .footer-inner { grid-template-columns: repeat(2, 1fr); }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .stats-band { grid-template-columns: repeat(3, 1fr); }
  .stats-band__item:nth-child(3n) { border-right: 0; }

  .split--sidebar { grid-template-columns: 1fr; }
  .two-col--media-first { direction: ltr; }
}

/* ---------- ≤ 768px : tablette portrait ---------- */
@media (max-width: 768px) {
  .two-col { grid-template-columns: 1fr; }
  .split--2 { grid-template-columns: 1fr; }
  .grid--2 { grid-template-columns: 1fr; }
  .stats-panel { grid-template-columns: repeat(2, 1fr); }

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

/* ---------- ≤ 560px : mobile ---------- */
@media (max-width: 560px) {
  .footer-inner { grid-template-columns: 1fr; }
  .grid--4, .grid--3 { grid-template-columns: 1fr; }
  .stats-band { grid-template-columns: repeat(2, 1fr); }
  .stats-band__item { border-right: 0; }
  .stats-panel { grid-template-columns: repeat(2, 1fr); }
  .tabs__list { grid-template-columns: 1fr; }
  .gallery img { height: 200px; }
  .btn { width: 100%; }
  .strip-inner .btn { width: 100%; }
}

/* ---------- ≤ 360px : très petits écrans ---------- */
@media (max-width: 360px) {
  .stats-panel { grid-template-columns: 1fr; }
}