/* Mobile-first — primary 390–430px; overrides at 480 / 768 / 1024 */

@media (min-width: 480px) {
  :root {
    --text-body: 16px;
  }

  .main-container {
    padding: 0 var(--space-6);
  }

  .category-scroll {
    margin-left: calc(-1 * var(--space-6));
    margin-right: calc(-1 * var(--space-6));
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }
}

@media (min-width: 768px) {
  :root {
    --container-max: 520px;
  }

  .section {
    padding: var(--space-10) 0;
  }

  .hero__body {
    align-items: flex-start;
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .hero__stack {
    align-self: flex-start;
    margin-left: 0;
    margin-right: auto;
    max-width: min(560px, 100%);
  }

  .hero-content {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    max-width: 440px;
  }

  .hero__headline {
    font-size: clamp(3.25rem, 4.5vw, 4rem);
  }

  .hero__headline-group {
    justify-content: flex-start;
  }

  .hero__headline-rotator {
    text-align: left;
  }

  .hero .cta-group {
    justify-content: flex-start;
  }

  .cart-overlay {
    align-items: center;
  }

  .cart-overlay .cart-sheet {
    width: min(100% - var(--space-8), 440px);
    max-width: 440px;
    margin-bottom: var(--space-8);
    align-self: center;
    flex-shrink: 0;
    border-radius: var(--cart-radius-top);
    max-height: min(88svh, 640px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
  }
}

@media (min-width: 1024px) {
  :root {
    --container-max: 560px;
  }

  .bottom-nav {
    max-width: 480px;
    width: calc(100% - var(--space-8));
    transform: translate3d(-50%, 0, 0);
  }

  .bottom-nav--hidden {
    transform: translate3d(-50%, 120%, 0);
  }

  .sticky-header__inner {
    max-width: 720px;
  }

  .main-container {
    max-width: 720px;
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}