/** Shopify CDN: Minification failed

Line 70:2 Expected ":"
Line 71:2 Expected ":"
Line 72:2 Expected ":"
Line 73:2 Expected ":"
Line 74:2 Expected ":"
Line 75:2 Expected ":"
Line 78:2 Expected ":"

**/
.placeholder_svg_parent.product--corner-radius-true {
  border-radius: 1rem;
}
.product__card__thumbnail {
  position: relative;
  overflow: hidden;
}
.product__card__badges {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 8;
  pointer-events: none;
}
@media only screen and (max-width: 575px) {
  .product__card__badges {
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
  }
}
.product__card__image {
  display: flex;
}
.product__card__image img {
  width: 100%;
  height: auto;
}
.product__card__content {
  padding: 1.5rem; /* Zelfde ruimte als voorheen op mobiel */
  position: relative;
  display: grid;
  gap: 0.2rem;
}
.product__card__title {
  margin-bottom: 8px;
}
.product__card__title a {
  text-decoration: none;
  color: rgba(var(--color-foreground));
}
.product__card-title--link:hover {
  color: rgba(var(--text-link-hover-color));
}
@media only screen and (max-width: 575px) {
  .product__card__title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 479px) {
  .product__card__title {
    font-size: 1.6rem;
  }
}
.product__card__price {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  color: rgba(var(--color-foreground));
}
.product__card__price .price__compare {
  text-decoration: line-through;
}
/* Product card style 2 */
.product__cart--wrapper.product--card--style1 {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}
.product__card--cart-btn.button.cart-button--full-width {
  border-radius: 0.5rem;
}
.product--card-action-buttons {
  position: absolute;
}
.product--card-action-buttons:not(.action--buttons-flex) {
  display: grid;
}
.product--card-action-buttons.action--buttons-flex {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .product--card-action-buttons.buttons--position-top_right {
    right: 1.5rem;
    top: 1.5rem;
  }

  .product--card-action-buttons.buttons--position-top_left {
    left: 1.5rem;
    top: 1.5rem;
  }

  .product--card-action-buttons.buttons--position-bottom_left {
    left: 1.5rem;
    bottom: 1.5rem;
  }
  .product--card-action-buttons.buttons--position-bottom_right {
    right: 1.5rem;
    bottom: 1.5rem;
  }
  .product--card-action-buttons.buttons--position-middle_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .product--card-action-buttons.buttons--position-bottom_center {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.product__card--wishlist-btn,
.product--card-single-action-button {
  background: rgba(var(--proudct-button-background));
  border: none;
  width: 4.2rem;
  height: 4.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--proudct-button-color));
  box-shadow: 0 0 1rem -0.2rem rgba(var(--proudct-button-color), 0.1);
}
.action--buttons-round .product--card-single-action-button {
  border-radius: 100%;
}
.action--buttons-square .product--card-single-action-button {
  border-radius: 0.3rem;
}
.product__card--wishlist-btn > span,
.product--card-single-action-button > span {
  line-height: 0;
}
.product__card--wishlist-btn:hover,
.product--card-single-action-button:hover {
  background: rgba(var(--proudct-button-hover-background));
  color: rgba(var(--proudct-button-hover-color));
}
.product__card--wishlist-btn.loading::after,
.product--card-single-action-button.loading::after {
  left: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 1.1rem;
}

.product--card-single-action-button.loading:hover:after {
  border-color: rgba(var(--color-background));
  border-left-color: transparent;
}
.product__card:hover .product__cart--wrapper.product--card--style1,
.product__card:hover .product--card-single-action-button {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
button.compare__button.product--card-single-action-button {
  transition: all 0.5s ease 0s;
}
button.product__quick_view.product--card-single-action-button {
  transition: all 0.6s ease 0s;
}
/* Product card style 2 */
@media screen and (min-width: 992px) {
  .product__card__thumbnail:hover
    .media.media--hover-effect
    > img
    ~ img.secondary__img,
  .product__card__thumbnail:hover
    .media.media--hover-effect
    > img.secondary__img
    + img.secondary__img--new {
    opacity: 1;
    transition: transform var(--duration-long) ease;
  }

  .product__card__thumbnail:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .product__card__thumbnail.second--image__hide:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 1;
  }
  .product__card__thumbnail:hover .media > img {
    transform: scale(1.03);
  }
  .product__card .media > img {
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      transfrom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .product__card .media > img:only-child {
    transition: transform var(--duration-long) ease;
  }
  button.product--card-single-action-button {
    position: relative;
    transform: translateY(1rem);
    opacity: 0;
    visibility: hidden;
  }
  .product--card-action-buttons {
    gap: 1rem;
  }

  .product__card--style_2
    .product--card-action-buttons:not(.action--buttons-flex) {
    gap: 0.6rem;
  }
  .product__card--cart-btn.loading:after {
    top: 1.3rem;
  }
  .product__card--cart-btn.loading:hover:after {
    border: 2.5px solid rgba(var(--proudct-cart-button-hover-color));
    border-left: 2.5px solid transparent;
  }
}

button.product__card__actions__btn.loading {
  background: #fff;
  color: transparent;
  box-shadow: 0 5px 7px rgb(0 0 0 / 20%);
}
@media only screen and (max-width: 479px) {
  span.remove__wishlist svg {
    height: 18px;
    width: auto;
  }
}
.product__card--wishlist-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.product__card--cart-btn.cart-button--full-width {
  width: 100%;
}
.product__card--cart-btn.cart--custom-button-bg.button {
  background-color: rgba(
    var(--proudct-cart-button-background),
    var(--alpha-button-background)
  );
  color: rgb(var(--proudct-cart-button-color));
}
.product__card--cart-btn.cart--custom-button-bg.button:hover {
  background-color: rgba(var(--proudct-cart-button-hover-background));
  color: rgba(var(--proudct-cart-button-hover-color));
}
.product__card--cart-btn {
  gap: 0.5rem;
}
.product__card--cart-btn.loading:after {
  margin-left: -1rem;
  left: 50%;
}
.product__card__price + .product-card-action-buttons,
.product-card--rating + .product-card-action-buttons {
  margin-top: 1.2rem;
}
.product--inventory-stock + .product-card-action-buttons {
  margin-top: 1.5rem;
}
.product-card-action-buttons {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 991px) {
  .product-card-action-buttons {
    display: flex;
    gap: 1rem;
  }
  .product--card-single-action-button {
    width: 3.2rem;
    height: 3.2rem;
  }
  .product--card-single-action-button svg {
    width: 1.5rem;
  }
  .product__card--cart-btn.button.cart-button--full-width {
    padding: 0 0.3rem;
    font-size: 1.4rem;
    min-height: 4.2rem;
  }

  .product--card-single-action-button.loading:after {
    left: 0.8rem;
    width: 1rem;
    height: 1rem;
    top: 0.9rem;
  }
  .product__card--wishlist-btn.loading:after {
    left: 1.2rem;
    width: 1rem;
    height: 1rem;
    top: 1.1rem;
  }
  .text-center .product-card-action-buttons {
    justify-content: center;
  }
  .product--card-action-buttons {
    top: 1rem;
    right: 1rem;
    flex-direction: column;
    gap: 0.3rem !important;
  }
  /* Mobile button css  */
  .product--card-action-buttons-mobile {
    display: flex;
    border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  }
  .product--card-action-buttons-mobile > * {
    width: 50%;
    text-align: center;
  }
  .product__cart--wrapper > * {
    display: block;
  }
  .product--card-action-buttons-mobile .product--card-single-action-button {
    width: 100%;
    box-shadow: unset;
    border: unset;
    height: 4rem;
  }
  .product--card-action-buttons-mobile > * + * {
    border-left: 0.1rem solid rgba(var(--color-foreground), 0.1);
  }
  .product--card-action-buttons-mobile
    .product--card-single-action-button.loading:after {
    margin-left: -1rem;
    left: 50%;
    top: 1.1rem;
  }
  .product--card-action-buttons-mobile > *:only-child {
    width: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .product__card--cart-btn svg {
    width: 2.1rem;
  }
  .wishlist__button svg {
    width: 1.7rem;
  }
  .product__card--wishlist-btn {
    top: 1rem;
    width: 3.7rem;
    height: 3.7rem;
  }
  .product--card-spacing-true .product__card--cart-btn svg {
    width: 1.8rem;
  }
  .product__card.product--corner-radius-true {
    padding-bottom: 1rem;
  }
  .product-card--rating ~ .product-card-action-buttons {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1500px) {
  .product__card--cart-btn svg {
    width: 2.5rem;
  }
  .product--card-single-action-button svg {
    width: 1.8rem;
  }
}
.product__vendor {
  text-transform: capitalize;
}
/* Color swatches css  */
.product--color-swatch {
  width: 2.7rem;
  height: 2.7rem;
  display: inline-flex;
  cursor: pointer;
  border: 0.2rem solid transparent;
  padding: 0.2rem;
  border-radius: 100%;
}
.product--color-swatch.checked-color {
  border-color: rgba(var(--color-foreground), 0.7);
}
.product--color-swatch-wrapper {
  display: flex;
  gap: 0.2rem;
  margin-top: 0.5rem;
  align-items: center;
}
.product--color-swatch .swatch--variant-tooltip {
  position: absolute;
  bottom: 100%;
  background: rgba(var(--color-button), var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  z-index: 9;
  padding: 6px 12px;
  border-radius: 2px;
  left: 50%;
  transform: translate(-50%, -70%);
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  pointer-events: none;
  line-height: 1;
  opacity: 0;
  font-size: 1.3rem;
}
.product--color-swatch .variant--swatch-color {
  position: relative;
  width: 100%;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-foreground), 0.1);
  border-radius: 50%;
  background-color: var(
    --color-swatch-background,
    var(--swatch-background-color)
  );
  background-image: var(--swatch-background-image, var(--background-gradient));
  background-size: cover;
  background-repeat: no-repeat;
}
.product--color-swatch:hover .swatch--variant-tooltip {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.product--color-swatch .swatch--variant-tooltip:after {
  content: "";
  position: absolute;
  bottom: -1.6rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem;
  border-color: transparent transparent transparent;
  border-top-color: rgba(var(--color-button), var(--alpha-button-background));
  left: 50%;
  transform: translate(-50%);
}
.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child
  .swatch--variant-tooltip {
  transform: translateY(-70%);
  left: 0;
}
.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child:hover
  .swatch--variant-tooltip {
  transform: translateY(-40%);
}
.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child
  .swatch--variant-tooltip:after {
  left: 10px;
}
.rest__of--color-variants {
  line-height: 1;
  width: 2.7rem;
  height: 2.7rem;
  display: flex;
  align-items: center;
  color: rgba(var(--color-foreground));
}
.product--color-swatch .variant--swatch-custom.variant--swatch-image {
  position: relative;
  line-height: 1;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-foreground), 0.1);
  border-radius: 100%;
  width: 100%;
}
.product--color-swatch .variant--swatch-custom.variant--swatch-image > img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.product--color-swatch.product--color-swatch-image {
  width: 3.5rem;
  height: 3.5rem;
}
.product__card__content.product--card-spacing-true {
  padding: 2rem 1.5rem;
}
.product__card.product--corner-radius-true {
  border-radius: 1rem;
  overflow: hidden;
}
.product-card--rating {
  margin-top: 0.5rem;
  font-size: 1.4rem;
}

/*
.jdgm-star.jdgm--on:before {
  font-size: 1.2rem;
}
*/

.jdgm-write-review-modal__close-btn{
  opacity: 1 !important;
}

.product--inventory-stock {
  margin-top: 0.5rem;
}
/*  Product card badge marquee */
.product--badge-marquee {
  position: absolute;
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  width: 100%;
  bottom: 0;
  padding: 0.4rem 0;
  transition: var(--transition);
}
.product--badge-marquee-text {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product--badge-marquee-text > svg {
  width: 1.8rem;
  fill: currentColor;
}
.product__card:hover .product--badge-marquee {
  opacity: 0;
  visibility: hidden;
}
.action__btn--svg svg {
  width: 1.6rem;
}
.product__card:is(.product--card-border) {
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding: 0 !important;
}
.product__card--cart-btn .action__btn--svg {
  line-height: 1;
}
.price.product__card__price dl > div > *:last-child {
  margin-right: 0;
}

.product__card:hover .deals__product--countdown {
  opacity: 0;
  visibility: hidden;
}
/* Card style 3  */
@media only screen and (min-width: 750px) {
  .product__card--cart-btn.product--cart-bottom.cart-button--full-width {
    border-radius: 5rem;
  }
  .product__card:is(.product--card-border) {
    padding: 2rem;
  }
  .product__card__content > * + .product__cart--wrapper.product__card--style3 {
    margin-top: 1.5rem;
  }
  .product__card--cart-btn.product--cart-bottom .action__btn--svg svg {
    width: 2rem;
  }
}
.product__card.product--corner-radius-true .product__card__thumbnail {
  border-radius: 1rem;
}
.product__card-title--link {
  font-family: var(--font-heading-family);
}
/* Product inventory */
.product__inventory {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__inventory > span {
  color: rgba(var(--color-foreground));
}

.pk-atc--disabled,
.pk-atc[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* Optioneel: hover neutraliseren voor disabled */
.pk-atc--disabled:hover {
  background-color: inherit;
  box-shadow: none;
}

/* Fix voor de wishlist knop positie en zichtbaarheid */
.product--card-action-buttons.buttons--position-top_right {
    z-index: 10; /* Zorgt dat de knop BOVEN de badge en afbeelding ligt */
    right: 10px; /* Duwt de knop iets naar links, weg van de rand */
    top: 10px;   /* Zorgt voor een nette afstand van de bovenkant */
}

/* Optioneel: Zorg dat de knop niet te groot is en de badge raakt */
.wishlist__button {
    background-color: #ffffff; /* Zeker zijn dat de achtergrond wit is */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Een klein schaduwtje helpt bij contrast */
}

/* 1. Zorg dat de afbeelding-container NIETS afknipt */
.product__card__thumbnail {
    overflow: visible !important;
    z-index: 2 !important; /* Zorgt dat deze laag niet onder andere dingen duikt */
}

/* 2. Forceer de knop container naar een veilige plek en bovenop alles */
.product__card .product__card__thumbnail .product--card-action-buttons {
    position: absolute !important;
    top: 10px !important;   /* Afstand van boven */
    right: 10px !important; /* Afstand van rechts (verhoog dit als hij nog steeds raakt) */
    z-index: 100 !important; /* Maximale prioriteit boven badges */
    display: block !important;
}

/* 3. Herstel eventueel verloren ronde hoekjes op de afbeelding zelf */
.product__card__thumbnail img {
    border-radius: inherit !important;
}

/* Voor grotere schermen (desktop) iets meer ruimte, zoals het origineel */
@media only screen and (min-width: 750px) {
  .product__card__content {
    padding: 2rem;
  }
}


/* Kleinere tekst ivm voorraad op de card */

.product__inventory span {
  font-size: 1.4rem !important;
}



/* jouw bestaande code (laten staan) */
/* rij laat kinderen stretchen + nette verticale spacing */
.row[data-product-column]{ align-items:stretch; row-gap:20px; }
/* kolommen behouden breedte en rekken mee */
.row[data-product-column] > .col{ display:flex; flex:1 0 0%; }
/* kaart vult volledige kolom (breedte + hoogte) */
.row[data-product-column] > .col > .product__card{ width:100%; display:flex; flex-direction:column; height:100%; }
/* binnenkant kaart: stapelt en neemt resterende ruimte */
.product__card__content{ display:flex; flex-direction:column; gap:.4rem; flex:1; }
/* titel: harde clamp op 3 regels (op de LINK, niet op h3) */
.product__card__title{ margin:0; } /* geen clamp hier */
.product__card__title .product__card-title--link{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  width:100%;
  line-height:1.35;                 
  min-height:calc(3 * 1.35em);
  max-height:calc(3 * 1.35em);      
}
/* prijs + knop onderaan */
.pk-price-row{ display:flex; justify-content:space-between; align-items:flex-end; gap:.6rem; margin-top:auto; width:100%; }
.pk-price{ display:flex; flex-direction:column; line-height:1.2; white-space:nowrap; }
.pk-price__compare{ text-decoration:line-through; opacity:.6; }
.pk-price__current{ font-weight:700; font-size:1.8rem; }

/* compacte ATC-knop (icoon wit) */
.pk-atc{ display:inline-flex; align-items:center; gap:.5rem; border:0; border-radius:9999px; padding:.6rem .9rem; cursor:pointer; width:auto; min-width:56px; color:#fff; }
.pk-atc__cart{ width:24px; height:24px; stroke:currentColor; stroke-width:2.2; fill:none; display:block; }
.pk-atc__plus{ width:18px; height:18px; stroke:currentColor; stroke-width:2.4; fill:none; display:block; }

/* Fix: zorg dat pk-atc wint van Shopify .button */
.product__card .pk-atc {
  padding: 1rem 1.2rem;
}

/* mobiel: knop onder prijs en full width */
@media (max-width:749px){
  .pk-price-row {
    flex-direction: column;
    align-items: flex-start;
    gap: .45rem;
  }

  /* aangepaste specificiteit zodat dit wint van .product__card .pk-atc */
  .product__card .pk-atc {
    width: 100%;
    justify-content: center;
  }
}


/* desktop: prijs verticaal centreren naast cart button */
@media (min-width: 750px){
  .pk-price-row{
    align-items: center !important;
  }
}


/* --- alleen desktop fix: 4 kolommen, laatste rij rekt niet uit --- */
@media (min-width: 990px){
  /* zorg dat rijen netjes wrappen en niet "space-between" doen */
  .row[data-product-column]{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* vaste kolombreedte 25%, geen grow */
  .row[data-product-column] > .col{
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

.product__vendor {
  font-size: 13px !important;
  line-height: 1.3;
}



/* Color custom properties */
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}