/* =============================================
   PlayerFood - Responsive Breakpoints
   ============================================= */

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

  .hero .subtitle {
    font-size: 0.95rem;
  }

  .btn {
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    width: 100%;
  }

  .section-title {
    font-size: 1.35rem;
  }

  .cta-section h2 {
    font-size: 1.3rem;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
  }

  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}