/* Start Tablet */
@media (max-width: 639px) {
  .site-nav {
    padding: 1.25rem;
  }

  .site-nav__list {
    justify-items: center;
    width: min(100%, 320px);
    gap: 1.1rem;
    text-align: center;
  }

  .site-footer__main,
  .site-footer__brand,
  .site-footer__grid,
  .site-footer__bottom {
    justify-items: center;
    text-align: center;
  }

  .site-footer__brand {
    margin-inline: auto;
  }

  .site-footer__list {
    justify-items: center;
  }

  .site-footer__bottom nav {
    justify-content: center;
  }
}

@media (min-width: 640px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .feature-grid,
  .site-footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .account-stats,
  .account-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-order {
    grid-template-columns: 92px minmax(0, 1fr) auto;
  }

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

  .legal-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-summary-grid,
  .account-two-columns,
  .account-favorites,
  .account-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* End Tablet */

/* Start Laptop */
@media (min-width: 1024px) {
  .site-container {
    width: min(100% - 7.5rem, var(--container));
  }

  .site-header__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 72px;
  }

  .menu-toggle {
    display: none;
  }

  .site-nav {
    position: static;
    display: block;
    inset: auto;
    z-index: auto;
    min-height: auto;
    border: 0;
    background: transparent;
    padding: 0;
    overflow: visible;
  }

  .site-nav.is-open {
    display: block;
    place-items: initial;
  }

  .site-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(2rem, 4vw, 4.2rem);
  }

  .site-nav__link {
    display: inline-block;
    min-height: 0;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: left;
  }

  .home-hero__inner {
    grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1.14fr);
  }

  .brand-preview__grid {
    grid-template-columns: minmax(260px, 0.8fr) minmax(260px, 0.7fr) minmax(320px, 1fr);
  }

  .page-hero__grid,
  .production-mission__grid,
  .distributors-reasons__grid,
  .distributors-line__grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.78fr);
  }

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

  .production-gallery__grid {
    grid-template-columns: 1.05fr 0.9fr 1.05fr;
  }

  .production-gallery__grid img:nth-child(2) {
    margin-top: var(--space-4);
  }

  .distributors-benefits__grid,
  .distributors-steps__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .distributors-cta__panel {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hero-trust {
    grid-template-columns: repeat(5, auto);
    justify-content: start;
    align-items: center;
  }

  .section {
    /* padding-block: var(--space-8); */
  }

  .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .bestsellers__header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .bestsellers__link {
    justify-self: end;
    margin-bottom: 0.25rem;
  }

  .bestsellers__grid {
    justify-items: center;
    gap: var(--space-4);
  }

  .bestsellers .product-card {
    width: min(100%, 300px);
  }

  .catalog-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
  }

  .catalog-sidebar {
    position: sticky;
    top: 100px;
  }

  .catalog-layout .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .care-tips__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .editorial-grid,
  .brand-philosophy__grid,
  .contact-layout,
  .cart-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
    align-items: start;
  }

  .product-detail {
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 0.78fr);
  }

  .product-trust__grid {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.64fr);
  }

  .brand-philosophy__grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1fr);
  }

  .account-layout {
    grid-template-columns: 280px 1fr;
    align-items: start;
  }

  .account-header__inner,
  .account-topbar {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  }

  .account-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-sidebar {
    position: sticky;
    top: 96px;
  }

  .account-dashboard__layout {
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: start;
  }

  .account-dashboard__sidebar {
    position: sticky;
    top: 96px;
  }

  .account-dashboard__top,
  .account-dashboard__section-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .account-purchase-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }

  .account-dashboard__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .feature-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .site-footer__main {
    grid-template-columns: 1fr 1.8fr;
  }

  .site-footer__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .site-footer__bottom {
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }

  .site-footer__bottom nav {
    justify-content: center;
  }
}
/* End Laptop */

/* Start Desktop */
@media (min-width: 1280px) {
  .site-container {
    width: min(100% - 10rem, var(--container));
  }
}
/* End Desktop */