:root {
  --page-padding: 1.5rem;
  --page-width: 1600px;
  --scrollbar-width: 15px;
  --radius: 0.5rem !important;
  --top-offset: 110px;
  --sl-reveal-threshold: 0.14;
  --sl-reveal-root-margin: -70px 0px -8% 0px;
  --sl-reveal-offset-y: 14px;
  --sl-reveal-opacity-duration: 420ms;
  --sl-reveal-transform-duration: 480ms;
  --sl-reveal-transform-ease: cubic-bezier(0.25, 0.7, 0.2, 1);
}

@media (min-width: 1024px) {

:root {
    --top-offset: 124px;
}
  }

@media (min-width: 1536px) {

:root {
    --top-offset: 124px;
}
  }

@media (min-width: 1700px) {

  [data-theme='classic'] .category-section {
    max-width: 80rem;
  }
}

[data-theme='classic'] .category-section .product-carousel-item {
  flex-basis: 50%;
}

@media (min-width: 1024px) {

  [data-theme='classic'] .category-section .product-carousel-item {
    flex-basis: 25%;
  }
}

@media (min-width: 1700px) {

  [data-theme='classic'] .category-section .product-carousel-item {
    flex-basis: 25%;
  }
}

/* Height-based aspect ratios */

.banner-slides[data-slide-height='small'] {
    --aspect-ratio-mobile: 1/1;
    --aspect-ratio-desktop: 4;
  }

.banner-slides[data-slide-height='medium'] {
    --aspect-ratio-mobile: 4/5;
    --aspect-ratio-desktop: 3;
  }

.banner-slides[data-slide-height='large'] {
    --aspect-ratio-mobile: 3/4;
    --aspect-ratio-desktop: 2.5;
  }

.banner-slides .banner-slides-image {
    aspect-ratio: var(--aspect-ratio-mobile);
  }

@media (min-width: 768px) {
    .banner-slides .banner-slides-image {
      aspect-ratio: var(--aspect-ratio-desktop);
    }
  }

.banner-slides[data-slide-height='auto'] .banner-slides-image {
    aspect-ratio: auto;
  }

@media (min-width: 1280px) {

  [data-theme='classic'] #product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}