/* ==========================================================================
   CORRECTIF RESPONSIVE ULTRA-PRO (MOBILE MAX 768PX)
   ========================================================================== */
@media (max-width: 768px) {
  .section { padding: 4rem 5vw !important; }
  .contact-hero { padding: 6rem 5vw 4rem !important; }
  .footer-main { padding: 3rem 5vw !important; }
  .activity-hero-copy { padding: 4rem 5vw !important; }
  .info-band { padding: 2rem 5vw !important; }

  .contact-grid, .spot-grid, .format-grid, .info-band, 
  .hero-facts, .footer-main, .partners-inner, .intro, 
  .section-title, .experience, .two-col, .format-group, 
  .practical-grid, .key-data, .depart-grid, .activity-hero,
  .activity-list>article {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .hero-content h1, .activity-hero h1, .contact-hero h1 { 
    font-size: clamp(2.5rem, 8vw, 4rem) !important; 
    line-height: 1.1 !important;
  }
  .section-title { grid-template-columns: 1fr !important; }
  .section-title>span { margin-bottom: 1rem; }

  img { max-width: 100% !important; height: auto !important; }
  .activity-hero>img { min-height: 300px !important; }

  .button { width: 100% !important; justify-content: center !important; }
  .activity-actions { flex-direction: column !important; align-items: flex-start !important; gap: 1rem !important; }

  .header { padding: 0 5vw !important; }
  .header nav { display: none !important; }
  .burger { display: block !important; }
}