/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./_front/modules/product-listing/product-listing.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
.product-listing {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 0 min(-5px, -0.5208333333vw);
}
.product-listing__item {
  padding: 0 max(5px, 0.5208333333vw);
}
.product-listing.show-grid-lines {
  grid-gap: 1px;
}
.product-listing.show-grid-lines > * {
  outline: 1px solid;
}
.product-listing__pagination {
  margin: max(30px, 1.5625vw) auto;
}
@media (min-width: 600px) {
  .product-listing.columns--2, .product-listing.columns--3, .product-listing.columns--4, .product-listing.columns--5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .product-listing.columns--5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .product-listing.columns--4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-listing.columns--5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .product-listing.columns--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-listing.columns--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-listing.columns--4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .product-listing.columns--5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

/*# sourceMappingURL=product-listing.css.map*/