#catalog {
  width: 100%;
  height: 100dvh;

  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;

  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;

  -webkit-overflow-scrolling: touch;
}

.catalog-page {
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;

  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));

  scroll-snap-align: start;
  scroll-snap-stop: always;
}

@media (prefers-reduced-motion: reduce) {
  #catalog {
    scroll-behavior: auto;
  }
}

.catalog-page {
  position: relative;
}

.catalog-page--first {
  grid-template-rows: auto repeat(2, minmax(0, 1fr));
}

.catalog-page--first > .product:first-of-type {
  align-content: start;
  padding-top: clamp(1rem, 2.5dvh, 1.5rem);
}