/* components/card/src/scss/card.scss */
.c-card {
  padding: 2.5rem 1.5625rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.trigger-hover:focus .c-card,
.trigger-hover:hover .c-card,
.c-card:hover,
.c-card:focus,
.c-card:active {
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .c-card {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.c-card__label {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 2;
  line-height: 1;
  font-size: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='64' height='21' viewBox='0 0 64 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0804 2.39767C9.83547 2.6214 7.52013 2.89404 5.58808 3.94275C1.22336 6.30586 0.409868 11.5564 0.0500526 16.1079C-0.0516343 17.3733 -0.0907347 18.7926 0.879202 19.7155C1.84914 20.6384 3.22581 20.6803 4.54774 20.7292C19.4636 21.2923 34.4048 20.977 49.2743 19.7854C52.4032 19.5407 55.532 19.2331 58.3636 18.0585C69.3927 13.4442 62.5249 0.398066 52.4032 0.0694685C39.3403 -0.336035 25.0729 1.11125 12.0804 2.39767Z' fill='%23F49F0B'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%0A%3Csvg width='64' height='21' viewBox='0 0 64 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0804 2.39767C9.83547 2.6214 7.52013 2.89404 5.58808 3.94275C1.22336 6.30586 0.409868 11.5564 0.0500526 16.1079C-0.0516343 17.3733 -0.0907347 18.7926 0.879202 19.7155C1.84914 20.6384 3.22581 20.6803 4.54774 20.7292C19.4636 21.2923 34.4048 20.977 49.2743 19.7854C52.4032 19.5407 55.532 19.2331 58.3636 18.0585C69.3927 13.4442 62.5249 0.398066 52.4032 0.0694685C39.3403 -0.336035 25.0729 1.11125 12.0804 2.39767Z' fill='%23F49F0B'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 30px;
  color: white;
  width: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-card__label.PROMO {
  background-color: #383F50;
}
.c-card__label.BESTSELLER {
  background-color: #F49F0B;
}
.c-card__label.NIEUW {
  background-color: #DAE9C6;
}
.c-card__flag {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 2;
}
.c-card__media {
  height: 12.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.c-card__title h3 {
  color: #007E38;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.trigger-hover:focus .c-card__title .trigger-hover h3,
.trigger-hover:hover .c-card__title .trigger-hover h3,
.c-card__title .trigger-hover:hover h3,
.c-card__title .trigger-hover:focus h3,
.c-card__title .trigger-hover:active h3 {
  color: #F49F0B;
}
.c-card__variations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
}
.c-card__variations .c-card__variations__variation {
  font-family:
    "museo-sans-rounded",
    "Helvetica",
    sans-serif;
  font-size: 0.5rem;
  font-weight: 500;
  color: #007E38;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 1.5625rem;
  width: 1.5625rem;
  border-radius: 100%;
  background: #DAE9C6;
}
.c-card__price {
  color: #F49F0B;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  font-family:
    "museo-sans-rounded",
    "Helvetica",
    sans-serif;
  margin-top: auto;
}
.c-card__price .c-card__price__price-per-unit {
  font-weight: 300;
  font-size: 0.5rem;
  line-height: 1;
  color: #212121;
  padding-left: 0.4375rem;
}
.c-card__price .c-card__price__pre-discount-price {
  font-size: 0.625rem;
  color: #212121;
  font-weight: 500;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .c-card__price {
    font-size: 1.5rem;
  }
  .c-card__price .c-card__price__price-per-unit {
    font-size: 0.625rem;
  }
  .c-card__price .c-card__price__pre-discount-price {
    font-size: 0.75rem;
  }
}
.c-card__add-to-cart {
  border: 0.625rem solid #F8FBF4;
  height: 4.375rem;
  width: 4.375rem;
  border-radius: 100%;
  position: absolute;
  bottom: -0.9375rem;
  right: -0.9375rem;
}
.c-card__add-to-cart .quantity-wrapper {
  display: none;
}
.c-card__add-to-cart .c-button {
  background: #007E38;
  border-color: #007E38;
  color: #DAE9C6;
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 100%;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-card__add-to-cart .c-button .c-icon {
  font-size: 1.4375rem;
}
.c-card__add-to-cart .c-button span,
.c-card__add-to-cart .c-button::after {
  display: none;
}
.trigger-hover:focus .c-card__add-to-cart .c-button,
.trigger-hover:hover .c-card__add-to-cart .c-button,
.c-card__add-to-cart .c-button:hover,
.c-card__add-to-cart .c-button:focus,
.c-card__add-to-cart .c-button:active {
  background: #F49F0B;
  border-color: #F49F0B;
  color: #FFFFFF;
}
.c-card__add-to-cart.type--backorder .c-button {
  background: #F49F0B;
  border-color: #F49F0B;
  color: #FDECCE;
}
.c-card__add-to-cart.type--backorder .c-button .c-icon::before {
  content: "\e916";
}
.trigger-hover:focus .c-card__add-to-cart.type--backorder .c-button,
.trigger-hover:hover .c-card__add-to-cart.type--backorder .c-button,
.c-card__add-to-cart.type--backorder .c-button:hover,
.c-card__add-to-cart.type--backorder .c-button:focus,
.c-card__add-to-cart.type--backorder .c-button:active {
  background: #007E38;
  border-color: #007E38;
  color: #FFFFFF;
}
.c-card__out-of-stock {
  border: 0.625rem solid #F8FBF4;
  height: 4.375rem;
  width: 4.375rem;
  border-radius: 100%;
  position: absolute;
  bottom: -0.9375rem;
  right: -0.9375rem;
}
.c-card__out-of-stock__inner {
  background: #E54C3D;
  color: #F7C9C5;
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 100%;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-card__out-of-stock__inner .c-icon {
  font-size: 1.4375rem;
}
/*# sourceMappingURL=card.css.map */