.categories {
  padding-top: 20px;
}

@media (width >= 1280px) {
  .categories {
    padding-top: 50px;
  }
}

.content-layout {
  --gap: 40px;
  z-index: 1;
  position: relative;
}

.filtersIsOpen .content-layout {
  z-index: 5;
}

@media (width >= 1280px) {
  .products__list {
    --items: 3;
  }
}

@media (width >= 1580px) {
  .products__list {
    --gap: 40px;
    row-gap: 50px;
  }
}