@media (max-width: 1120px) {
  .store-hero-pro {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .store-hero-pro__visual {
    min-height: 300px;
  }

  .store-hero-stats,
  .store-trust-bar,
  .store-upcoming-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-products-grid,
  .store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-order-timeline,
  .store-account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-custom-request,
  .store-newsletter,
  .store-product,
  .store-cart-layout,
  .store-checkout,
  .store-drop-section {
    grid-template-columns: 1fr;
  }

  .store-summary,
  .store-product__info {
    position: static;
  }
}

@media (max-width: 820px) {
  .store-main {
    width: min(100% - 20px, 720px);
    padding-top: 86px;
    padding-bottom: 96px;
  }

  .store-hero-pro {
    border-radius: 14px;
    padding: 24px 18px;
  }

  .store-hero-pro h1 {
    font-size: clamp(2.4rem, 15vw, 4rem);
  }

  .store-hero-pro__actions,
  .store-empty-state__actions,
  .store-newsletter form {
    flex-direction: column;
  }

  .store-hero-pro__actions .store-btn,
  .store-empty-state__actions .store-btn,
  .store-newsletter .store-btn {
    width: 100%;
  }

  .store-hero-stats,
  .store-trust-bar,
  .store-filter-grid,
  .store-custom-form,
  .store-form-grid,
  .store-checkout-steps,
  .store-countdown {
    grid-template-columns: 1fr;
  }

  .store-countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-filters-pro {
    grid-template-columns: 1fr auto;
  }

  .store-filter-toggle {
    display: inline-flex;
  }

  .store-filter-grid {
    position: fixed;
    z-index: 10001;
    inset-inline: 0;
    inset-block-end: 0;
    max-height: min(82vh, 720px);
    overflow: auto;
    padding: 18px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -20px 50px rgba(17, 19, 24, .22);
    transform: translateY(105%);
    transition: transform var(--motion, 280ms) var(--ease-store, ease);
  }

  .store-filter-grid.is-open {
    transform: translateY(0);
  }

  .store-products-grid,
  .store-grid,
  .store-upcoming-grid,
  .store-order-timeline,
  .store-account-grid,
  .store-product-detail__specs {
    grid-template-columns: 1fr;
  }

  .store-product-card__actions {
    grid-template-columns: 1fr;
  }

  .store-product-card__actions .store-btn--dark {
    grid-column: auto;
  }

  .store-cart-row {
    grid-template-columns: 1fr;
  }

  .store-coupon-form {
    grid-template-columns: 1fr;
  }

  .store-quick-view[open] {
    display: grid;
    grid-template-columns: 1fr;
  }

  .store-quick-view__media {
    min-height: 240px;
  }

  .store-toast-region {
    inset-inline: 10px;
    inset-block-start: auto;
    inset-block-end: 86px;
  }

  .store-toast {
    width: 100%;
  }

  .store-mini-cart {
    inset-block-start: auto;
    inset-block-end: 0;
    inset-inline: 0;
    width: 100%;
    max-height: 82vh;
    border-radius: 22px 22px 0 0;
    overflow: auto;
  }

  .store-bottom-nav {
    position: fixed;
    z-index: 9000;
    inset-inline: 10px;
    inset-block-end: 10px;
    min-height: 64px;
    border: 1px solid rgba(229, 231, 235, .9);
    border-radius: 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 42px rgba(17, 19, 24, .16);
    backdrop-filter: blur(14px);
  }

  .store-bottom-nav a {
    min-height: 58px;
    display: grid;
    place-items: center;
    gap: 3px;
    color: #111318;
    text-decoration: none;
    font-size: .76rem;
    font-weight: 800;
  }

  .store-bottom-nav .store-icon {
    width: 21px;
    height: 21px;
  }

  .store-bottom-nav a[aria-current="page"] {
    color: #2E7D32;
  }

  .store-shell .cody-chat-root:not(.is-open) {
    bottom: 86px;
  }
}

@media (max-width: 520px) {
  .store-main {
    width: calc(100% - 16px);
  }

  .store-hero-stats span,
  .store-trust-bar span {
    justify-content: flex-start;
    text-align: start;
  }

  .store-mockup-stack {
    height: 260px;
  }

  .store-mockup--hoodie {
    width: 170px;
    height: 210px;
  }

  .store-mockup--cup {
    width: 124px;
    height: 132px;
  }

  .store-mockup--poster {
    width: 154px;
    height: 124px;
    inset-inline-end: 18px;
  }

  .store-category-rail {
    grid-auto-columns: minmax(150px, 72vw);
  }
}