/* Responsive refinements shared by pages; component-specific layouts live in components.css. */
@media (max-width: 360px) {
  .hero-copy h1 {
    font-size: 3rem;
  }

  .page-hero-copy h1,
  .community-page-hero .page-hero-copy h1 {
    font-size: 2.4rem;
  }

  .contact-hero h1 {
    font-size: 2.7rem;
  }

  .brand-link {
    width: 132px;
  }

  .menu-toggle {
    width: 44px;
    height: 44px;
  }

  .offer-card,
  .contact-form {
    padding: 1.15rem;
  }
}