/* ═══════════════════════════════════════════
   RESPONSIVE.CSS — Breakpoints
   The Sisters Offroad Theme
   ═══════════════════════════════════════════ */

/* ─── Tablet (max-width: 1024px) ─── */
@media (max-width: 1024px) {
  .site-header { padding: 14px 24px; }
  .main-nav { gap: 20px; }
  .hero-content { padding: 0 40px; }

  .section-intro,
  .section-activites,
  .section-packs,
  .section-pistes,
  .section-why,
  .section-galerie,
  .section-temoignages,
  .section-faq,
  .section-cta,
  .site-footer { padding-left: 40px; padding-right: 40px; }

  .section-intro { grid-template-columns: 1fr; gap: 48px; }
  .activites-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; }
  .act-card:first-child { grid-column: span 3; grid-row: span 1; }
  .act-card:nth-child(n) { grid-column: span 1; }
  .packs-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .reviews-grid { grid-template-columns: 1fr; }
  .faq-grid { grid-template-columns: 1fr; gap: 0; }
  .gallery-grid { grid-template-columns: repeat(4, 1fr); grid-template-rows: 160px 160px; }
  .g-card:nth-child(1) { grid-column: span 2; }
  .g-card:nth-child(n+2) { grid-column: span 2; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }
  .piste-content.active { grid-template-columns: 1fr; }
}

/* ─── Mobile (max-width: 768px) ─── */
@media (max-width: 768px) {
  .hero { min-height: 600px; padding-bottom: 60px; }
  .hero-content { padding: 0 20px; }
  .hero-dots { right: 20px; bottom: 60px; }
  .scroll-hint { left: 20px; }

  .section-intro,
  .section-activites,
  .section-packs,
  .section-pistes,
  .section-why,
  .section-galerie,
  .section-temoignages,
  .section-faq,
  .section-cta,
  .site-footer { padding-left: 20px; padding-right: 20px; }

  .section-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .activites-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .act-card:first-child,
  .act-card:nth-child(n) { grid-column: span 1; min-height: 180px; }
  .stats-grid { grid-template-columns: 1fr; }
  .piste-stats { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .g-card:nth-child(1),
  .g-card:nth-child(n) { grid-column: span 1; grid-row: span 1; }
  .cta-actions { flex-direction: column; align-items: center; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
  .footer-legal { flex-wrap: wrap; justify-content: center; }
  .cookie-banner { flex-direction: column; text-align: center; }
}

/* ─── Small Mobile (max-width: 480px) ─── */
@media (max-width: 480px) {
  .hero-title { font-size: 3.5rem; }
  .section-title { font-size: 2.2rem; }
  .pack-card { padding: 32px 24px; }
  .piste-content { padding: 24px; }
}