/** Shopify CDN: Minification failed

Line 98:0 Unexpected "}"

**/
.product-item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.product-item__price-list,
.price-list {
  margin: 0 !important;
}
.product-item .product-item__info,
.product-item .product-item__content,
.product-item .card__content,
.product-item .card__information,
.product-item .product-item__details,
.product-item .product-tile__info {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.product-item *:has(> .product-item__price-list),
.product-item *:has(> .price-list),
.product-item *:has(> .price),
.product-item *:has(> .price__container) {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.product-item .product-item__price-list,
.product-item .price-list,
.product-item .price,
.product-item .price__container {
  margin-top: auto !important;
  display: inline-flex;
  align-items: baseline;
  line-height: 1;
}
.product-item .product-item__title,
.product-item .card__heading {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
@media (min-width: 990px) {
  .product-item .product-item__title,
  .product-item .card__heading {
    -webkit-line-clamp: 2;
    min-height: calc(2 * 1.3em);
  }
}
@media (max-width: 989px) {
  .product-item .product-item__title,
  .product-item .card__heading {
    -webkit-line-clamp: 3;
    min-height: calc(3 * 1.3em);
  }
}
.product-item .price + *,
.product-item .price__container + *,
.product-item .price-list + * {
  margin-top: 0.4rem;
}
.collection .grid,
.collection .product-grid {
  align-items: stretch;
}
.product-item__price-list .price {
  color:#F95306;
}
.product-item .price--compare {
  color: #000000;
}
.product-item__label-list > .product-label {
  font-size: 0.7rem;
}

.price {
  font-weight: 700;
}
.search-bar__close-text {
  display: none;
}
.price--highlight {
  color: #ff0000;
}
.product-label {
  font-size: 1.0rem;
  background: #F95306;
    padding: 15px 15px;
}

}
.info-wrap .variant-info .variant-details .variant-name {
  width: 100%;
  padding: 10px 10px;
}
.info-wrap .variant-info .img-wrap {
  max-width: 65px;
}
.info-wrap .variant-info .variant-details .variant-price {
  color: #ff0000;
  font-weight: 400;
}
.product-form__selected-value {
  display: none;
}
.lb-spc-details-price-cont {
  display: none;
  pointer-events: all !important;
}
.lb-addon-popup-tot-cont {
  display: none;
  color: rgb(104, 104, 104);
}
.product-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2em;
  height: 2.4em;
}
.product-item__price-list {
  margin-top: 1em;
  margin-bottom: 0;
}
.product-meta__title {
  font-size: 1.7rem;
}
.button--primary {
  background: var(--primary-button-background);
  color: var(--primary-button-text-color);
  width: 100%;
  padding: 0.3rem 1.5rem;
  font-size: 1.1rem;
  border-radius: 25px;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
}
.button--secondary {
  background: var(--secondary-button-background);
  color: var(--secondary-button-text-color);
  width: 100%;
  padding: 0.3rem 1.5rem;
  font-size: 1.1rem;
  border-radius: 25px;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
}

/* KM hard override: linkerkant in drawer nooit verstoppen */
#km-drawer .km-left .mobile-menu__panel { display:block !important; }
#km-drawer .km-left [aria-hidden="true"] { display:block !important; visibility:visible !important; }

.gpo-container {
    width: 100%;
}

.card__header--flex {
    display: none;
;
}

/* Blok boven het winkelmandje voor cadeaupapier-upsell */
.km-cart-giftwrap {
  margin: 1rem 0 0.5rem;
  padding: 0.75rem 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.km-cart-giftwrap-header {
  margin-bottom: 0.5rem;
}

.km-cart-giftwrap-heading {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.1rem;
}

.km-cart-giftwrap-sub {
  font-size: 0.78rem;
  color: #666;
  margin: 0;
}

/* Slider met 2 producten */
.km-cart-giftwrap-slider {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.2rem;
  scroll-snap-type: x mandatory;
}

.km-cart-giftwrap-item {
  scroll-snap-align: start;
  min-width: 120px;
  max-width: 160px;
  background: #fafafa;
  border-radius: 10px;
  padding: 0.55rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.8rem;
}

.km-cart-giftwrap-image-wrap {
  width: 100%;
  margin-bottom: 0.4rem;
}

.km-cart-giftwrap-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.km-cart-giftwrap-title {
  font-size: 0.78rem;
  font-weight: 500;
  margin-bottom: 0.15rem;
}

.km-cart-giftwrap-price {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.km-cart-giftwrap-form {
  margin-top: auto;
}

.km-cart-giftwrap-button {
  border-radius: 999px;
  padding: 0.25rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  background: #ff007a;
  color: #fff;
  border: none;
  white-space: nowrap;
}

.km-cart-giftwrap-button:hover {
  opacity: 0.9;
}

/* Klein beetje netter op mobiel */
@media (max-width: 749px) {
  .km-cart-giftwrap {
    margin-top: 0.5rem;
  }
}

/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/
/* CSS VOOR DE BOL.COM FORM*/


/* ===== BOL.COM FORMULIER – KLEURMEDIA ===== */

.bol-page {
  background: #f3f5f7;
  padding: 40px 16px;
}

/* Buitenste wrapper van het formulier */
.bol-page .bol-form-section {
  max-width: 680px;
  margin: 0 auto;
}

.bol-page .bol-form-card {
  margin: 0 auto;
  text-align: left;
}

/* Titels boven het formulier */
.bol-page .bol-form-card h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 6px;
}

.bol-page .bol-form-card > p {
  margin-bottom: 24px;
  color: #4b5563;
}

/* Form zelf */
.bol-page .bol-form {
  margin: 0;
}

/* Basis styling inputs en textarea */
.bol-page .bol-form input[type="text"],
.bol-page .bol-form input[type="email"],
.bol-page .bol-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  font-size: 15px;
  background: #ffffff;
}

/* Groep met naam / e-mail / bestelnummer */
.bol-page .bol-input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .bol-page .bol-input-group {
    flex-direction: row;
  }
}

/* Textarea instellingen */
.bol-page .bol-form textarea {
  resize: vertical;
  min-height: 140px;
}

/* Groepen en labels */
.bol-page .bol-form-group {
  margin: 18px 0 16px;
}

.bol-page .bol-form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Klikbare productopties (radio-blokken) */
.bol-page .bol-radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.bol-page .bol-radio-option input[type="radio"] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  accent-color: #111827;
}

.bol-page .bol-radio-option span {
  font-size: 15px;
}

.bol-page .bol-radio-option input[type="radio"]:checked + span {
  font-weight: 600;
}

.bol-page .bol-radio-option:hover {
  border-color: #9ca3af;
  box-shadow: 0 0 0 1px #e5e7eb;
}

/* Extra blokken per product (naam/rugnummer etc.) */
.bol-page .bol-extra-wrapper {
  margin-bottom: 16px;
}

.bol-page .bol-extra {
  display: none;
  padding: 12px 12px 6px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  margin-bottom: 10px;
}

.bol-page .bol-extra.is-active {
  display: block;
}

.bol-page .bol-extra-title {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}

.bol-page .bol-extra input[type="text"],
.bol-page .bol-extra textarea {
  margin-bottom: 8px;
}

/* Verstuurknop */
.bol-page .bol-form button[type="submit"] {
  width: 100%;
  padding: 14px 16px;
  border-radius: 4px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: #111827;
  color: #ffffff;
}

.bol-page .bol-form button[type="submit"]:hover {
  opacity: 0.9;
}

/* Succesmelding (bedankt-scherm) */
.bol-page .bol-form-success {
  background: #ffffff;
  border-radius: 8px;
  padding: 24px 20px;
  border: 1px solid #d1d5db;
}

.bol-page .bol-form-success h2 {
  font-size: 22px;
  margin-bottom: 12px;
}

.bol-page .bol-form-success p {
  margin-bottom: 8px;
  color: #4b5563;
}

/* Placeholder kleur voor BOL-formulier */
.bol-page .bol-form input::placeholder,
.bol-page .bol-form textarea::placeholder {
  color: #9ca3af;   /* lichtgrijs */
  opacity: 1;       /* zorgt dat het niet te licht wordt in sommige browsers */
}

/* Voor oudere browsers (optioneel, maar kan geen kwaad) */
.bol-page .bol-form input::-webkit-input-placeholder,
.bol-page .bol-form textarea::-webkit-input-placeholder {
  color: #9ca3af;
}

.bol-page .bol-form input:-ms-input-placeholder,
.bol-page .bol-form textarea:-ms-input-placeholder {
  color: #9ca3af;
}


/* MINI-CART BLUR + DONKERE ACHTERGROND
   — compleet blok voor kleurmedia.nl (Warehouse) */

/* 1. main + footer relatief maken zodat de overlay goed kan liggen */
main,
footer {
  position: relative;
}

/* 2. Blur activeren zodra de mini-cart open is (aria-hidden="false") */
body:has(#mini-cart[aria-hidden="false"]) main,
body:has(#mini-cart[aria-hidden="false"]) footer {
  filter: blur(6px);           /* pas 6px aan als je meer/minder blur wilt */
  transition: filter 0.25s ease;
}

/* 3. Donkere overlay over main + footer als de mini-cart open is */
body:has(#mini-cart[aria-hidden="false"]) main::before,
body:has(#mini-cart[aria-hidden="false"]) footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(86, 85, 85, 0.45);  /* maak 0.35 -> 0.5 of 0.6 voor donkerder */
  z-index: 2;
  pointer-events: none;             /* overlay blokkeert geen klikken */
}

/* 4. Content van main + footer netjes onder de overlay houden */
body:has(#mini-cart[aria-hidden="false"]) main > *,
body:has(#mini-cart[aria-hidden="false"]) footer > * {
  position: relative;
  z-index: 1;
}

/* 5. Mini-cart zelf blijft scherp en boven de achtergrond */
#mini-cart {
  filter: none !important;
}

.product-form__info-title {
    display: none;
}

.km-price-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.km-discount-badge {
  background: #e60023;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 999px;
  margin-left: 6px;
  white-space: nowrap;
}

/* =========================================
   FEATURED REVIEWS – WAREHOUSE FIX
   Max 1400px + scroll werkt altijd
========================================= */

/* Sectie */
.featured-reviews {
  padding: 40px 0;
}

/* Titel */
.featured-reviews__title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 24px;
}

/* 🔒 OUTER CONTAINER (layout) */
.featured-reviews__outer {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}

/* 🔥 INNER SCROLLER (mag overflowen) */
.featured-reviews__slider {
  display: flex;
  gap: 16px;

  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;

  padding-bottom: 16px;
}

/* Scrollbar verbergen */
.featured-reviews__slider::-webkit-scrollbar {
  display: none;
}

/* Kaarten */
.featured-review {
  flex: 0 0 340px;
  min-width: 340px;
  max-width: 340px;

  background: #fff;
  border-radius: 16px;
  padding: 20px;

  display: flex;
  flex-direction: column;

  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  scroll-snap-align: start;
}

/* Inhoud */
.featured-review__stars {
  color: #f5a623;
  font-size: 18px;
  margin-bottom: 6px;
}

.featured-review__date {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}

.featured-review__text {
  font-size: 15px;
  line-height: 1.5;
}

.featured-review__logo {
  margin-top: auto;
  padding-top: 16px;
}

.featured-review__logo img {
  height: 28px;
  width: auto;
}