/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_grid_products__categories {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media only screen and (min-width: 62em) {
  .sn_grid_products__categories {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
}
.sn_grid_products__categories__i {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  height: 100%;
}
.sn_grid_products__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.sn_grid_products__i {
  opacity: 0;
  transform: translate3d(0, 2.5rem, 0);
  transition: all 1s ease;
}
.sn_grid_products__i.__in {
  transform: none;
  opacity: 1;
}
@media only screen and (min-width: 62em) {
  .sn_grid_products__i:nth-of-type(4n + 2) {
    transition-delay: 0.2s;
  }
}
@media only screen and (min-width: 62em) {
  .sn_grid_products__i:nth-of-type(4n + 3) {
    transition-delay: 0.4s;
  }
}
@media only screen and (min-width: 62em) {
  .sn_grid_products__i:nth-of-type(4n + 4) {
    transition-delay: 0.6s;
  }
}