/* =====================================================
   RESPONSIVE MEDIA QUERIES — GLOBAL
   ===================================================== */

@media (max-width: 1200px) {
  .container { padding: 0 2rem; }
}

@media (max-width: 768px) {
  :root { --section-gap: 3.5rem; }
  .container { padding: 0 1.25rem; }

  .section-title { font-size: 1.8rem; }
  .btn-lg { padding: 0.9rem 1.6rem; font-size: 0.95rem; }
}

@media (max-width: 480px) {
  :root { --section-gap: 3rem; }
  .btn { font-size: 0.88rem; padding: 0.75rem 1.2rem; }
}