/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/shared/components/cardlist/cardlist_styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.twz-element-cardlist {
  margin-left: -2rem;
  margin-right: -2rem;
}
@media screen and (max-width: 799px) {
  .twz-element-cardlist {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.grid .twz-element-cardlist {
  margin-block: 4rem;
}
.grid .twz-element-cardlist .container {
  width: unset;
  max-width: 88%;
  padding-inline: 2rem;
}
@media screen and (max-width: 600px) {
  .grid .twz-element-cardlist .container {
    padding-inline: 0;
  }
}
.blog__content .twz-element-cardlist .container {
  max-width: unset;
}
.twz-element-cardlist .twz-element-text {
  margin-bottom: 3rem;
}
.twz-element-cardlist__items {
  --item-size: 35rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
  gap: 8rem 4rem;
}
@media screen and (max-width: 799px) {
  .twz-element-cardlist__items {
    gap: 6rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .twz-element-cardlist__items:not(.slideable) {
    width: max(30%, var(--item-size));
  }
}
.twz-element-cardlist__items:not(:has(.twz-card:nth-child(4))):not(.slideable) {
  grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
}
@media screen and (max-width: 600px) {
  .twz-element-cardlist__items:not(:has(.twz-card:nth-child(4))):not(.slideable) {
    grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
  }
}
.twz-element-cardlist__items.slideable .twz-card {
  margin-right: 2rem;
}
.twz-element-cardlist__items .cell {
  overflow: visible;
  padding: 0.75rem 2rem;
}
.twz-element-cardlist__items .twz-card {
  height: auto;
  max-width: unset;
  padding-inline: 0;
}
.twz-element-cardlist--slider .slideable {
  display: block;
}
.twz-element-cardlist--slider .slideable:after {
  content: "flickity";
  display: none;
}
.twz-element-cardlist--slider .slideable .product-card {
  position: absolute;
}
.twz-element-cardlist--slider .slideable .twz-card {
  position: absolute;
  width: max(30%, var(--item-size));
}
@media screen and (max-width: 600px) {
  .twz-element-cardlist--slider .slideable .twz-card {
    width: calc(100% - 2rem);
  }
  .twz-element-cardlist--slider .slideable .twz-card.is-selected .twz-card__head img {
    transform: scale(1.15);
  }
}

/*# sourceMappingURL=cardlist.css.map*/