@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --content: min(100% - 1.5rem, 980px);
    --content-wide: min(100% - 1.5rem, 1040px);
  }

  .topbar {
    width: min(100% - 0.75rem, 1040px);
    padding: 0.85rem;
    margin-top: 0.55rem;
  }

  .header-search {
    min-width: min(24rem, 38vw);
  }

  .brand-hero,
  .about-hero,
  .page-hero,
  .list-grid,
  .catalog-top,
  .detail-wrap,
  .product-view,
  .product-hero-shell,
  .storefront-page-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .app-hero {
    min-height: auto;
  }

  .app-hero h1,
  .app-hero h2 {
    font-size: 3.7rem;
  }

  .category-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: var(--content-wide);
  }

  .info-grid,
  .need-grid,
  .bundle-grid,
  .product-trust-grid,
  .trust-strip,
  .contact-form-grid,
  .form-grid.two-col,
  .social-category-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

  .home-product-grid,
  .related-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .video-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .checkout-progress,
  .storefront-page-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-related-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .product-rail-card {
    min-width: 0;
  }

  .product-tab-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .list-card,
  .spotlight-card,
  .flash-strip-card {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .footer-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .bottom-nav {
    display: none;
  }
}