/* ============================================================
   RADIO AS-SALAM — Feuille responsive
   Breakpoints testés : 320 / 375 / 390 / 768 / 1024 / 1440 / 1920
   ============================================================ */

@media (max-width: 1024px) {
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .about-block { grid-template-columns: 1fr; }
  .about-block:nth-child(even) .about-text { order: 0; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .section { padding: 50px 0; }

  .nav { display: none; }
  .hamburger { display: flex; }

  .grid-3,
  .grid-2 { grid-template-columns: 1fr; }

  .hero { padding: 70px 0 80px; }
  .hero p.lead { font-size: 1.05rem; }

  .footer-grid { grid-template-columns: 1fr; gap: 26px; }
}

@media (max-width: 480px) {
  html { font-size: 15px; }
  .container { padding: 0 16px; }
  .hero-buttons .btn { width: 100%; justify-content: center; }
  .logo { font-size: 1rem; }
  .logo img { width: 38px; height: 38px; }
  .card-body { padding: 16px; }
}

@media (max-width: 360px) {
  .hero h1 { font-size: 1.9rem; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}