/* ============================================
   Bowl6610 Design System v1.0 — Responsive
   Breakpoints: mobile < 600px, tablet 600-767px,
   desktop >= 768px
   ============================================ */

/* === Tablet (600px - 767px) === */
@media (max-width: 767px) and (min-width: 600px) {
  .bowl-section {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .bowl-section-header {
    margin-bottom: 2rem;
  }
}

/* === Mobile (up to 599px) === */
@media (max-width: 599px) {
  /* Spacing */
  .bowl-section {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .bowl-section-header {
    margin-bottom: 1.5rem;
  }

  .bowl-section-header p {
    font-size: var(--text-base);
  }

  /* Container */
  .container,
  .wrap {
    padding: 0 1rem;
  }

  /* Cards */
  .bowl-card__body {
    padding: 1.25rem;
  }

  /* Accordion */
  .bowl-accordion summary {
    padding: 0.9rem 1rem;
    font-size: var(--text-sm);
  }

  .bowl-accordion__body {
    padding: 0 1rem 1rem;
    font-size: var(--text-sm);
  }

  /* Facts */
  .bowl-facts {
    gap: 1.5rem;
    flex-wrap: wrap;
  }

  /* Footer */
  .bowl-footer {
    padding-top: 2rem;
  }

  .bowl-footer__links,
  .bowl-footer__menu {
    gap: 0.75rem 1.25rem;
  }
}

/* === Small Mobile (up to 374px) === */
@media (max-width: 374px) {
  .container,
  .wrap {
    padding: 0 0.75rem;
  }

  .bowl-btn {
    font-size: 0.78rem;
    padding: 0.7rem 1.2rem;
  }
}