/* =============================================
   RESPONSIVE BREAKPOINTS
   ============================================= */

/* === TABLET (≤1024px) === */
@media (max-width: 1024px) {
  h1 { font-size: var(--text-6xl); }
  h2, .section-headline { font-size: var(--text-4xl); }
  .section-padding { padding: 80px 0; }

  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
  }
}

/* === MOBILE (≤768px) === */
@media (max-width: 768px) {
  :root {
    --container-padding: 0 20px;
  }

  h1 { font-size: var(--text-4xl); }
  h2, .section-headline { font-size: var(--text-3xl); }
  .section-padding { padding: 64px 0; }
  .section-sub { font-size: var(--text-base); }

  /* Navbar mobile */
  .navbar { height: 64px; }
  .navbar__links { display: none; }
  .navbar__cta { display: none; }
  .hamburger { display: flex; }
  .navbar__logo img { height: 42px; }

  /* Footer mobile */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .footer__social { justify-content: center; }
  .footer__contact-item { justify-content: center; }
  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }
  .footer__bottom-links { justify-content: center; }

  /* Floating buttons */
  .floating-buttons {
    bottom: 20px;
    right: 20px;
  }
  .floating-btn { width: 54px; height: 54px; }
  .floating-btn svg { width: 24px; height: 24px; }
  .floating-btn__tooltip { display: none; }
}

/* === SMALL MOBILE (≤480px) === */
@media (max-width: 480px) {
  h1 { font-size: var(--text-3xl); }
  h2, .section-headline { font-size: var(--text-2xl); }
}