/* Morning Brew - Responsive Styles */

/* Tablet and below */
@media (max-width: 768px) {
  section {
    padding: var(--spacing-lg) var(--spacing-sm);
  }

  .container {
    padding: 0 var(--spacing-sm);
  }

  /* Hero adjustments */
  .hero {
    min-height: 500px;
  }

  .hero-content {
    padding: var(--spacing-sm);
  }

  /* Menu grid - single column */
  .menu-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

  /* Location - stacked layout */
  .location-container {
    grid-template-columns: 1fr;
  }

  .location-map {
    min-height: 300px;
  }

  .location-info {
    padding: var(--spacing-md);
  }

  /* Loyalty form */
  .loyalty-form {
    padding: var(--spacing-md);
  }
}

/* Mobile */
@media (max-width: 480px) {
  section {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .btn {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }

  .card-image {
    height: 200px;
  }

  .card-content {
    padding: var(--spacing-sm);
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

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