/** Shopify CDN: Minification failed

Line 467:50 Unexpected "{"
Line 467:59 Expected ":"
Line 467:65 Unexpected "-"
Line 467:67 Unexpected "{"
Line 467:76 Expected ":"
Line 467:82 Unexpected ","

**/
/* ─── Monsor productpagina ─── */

/* Prijs */
.product__price {
  font-size: var(--fluid-base-to-xl) !important;
  color: rgb(var(--color-foreground) / 0.5) !important;
}

.product__price .price__regular,
.product__price .price__sale {
  font-size: 100% !important;
  font-weight: 400 !important;
}

/* Subtitel */
.monsor-intro__subtitle {
  font-size: var(--monsor-sub-size, var(--fluid-sm-to-base));
  color: var(--monsor-sub-color, rgb(var(--color-foreground) / 0.6));
  line-height: 1.65;
  margin: 0;
}

/* Claims (voorheen pills) */
.monsor-claims {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  align-items: center;
  gap: 10px 16px;
}
.monsor-claims--bt { border-top: 1px solid var(--monsor-claims-line, rgb(var(--color-foreground) / 0.12)); }
.monsor-claims--bb { border-bottom: 1px solid var(--monsor-claims-line, rgb(var(--color-foreground) / 0.12)); }
.monsor-claims__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--monsor-claims-size, 12px);
  color: var(--monsor-claims-color, rgb(var(--color-foreground) / 0.7));
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.monsor-claims__icon { display: inline-flex; line-height: 0; color: var(--monsor-claims-icon, rgb(var(--color-foreground) / 0.85)); }
.monsor-claims__icon .icon,
.monsor-claims__icon .monsor-usp-ic { width: 1.05em !important; height: 1.05em !important; color: var(--monsor-claims-icon, rgb(var(--color-foreground) / 0.85)); }
.monsor-claims__label { display: inline-block; }

/* Formaat picker */
.monsor-fmt__label {
  font-size: var(--mfmt-fs-label, 11px);
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mfmt-c-label, rgb(var(--color-foreground) / 0.45));
  margin-bottom: 10px;
}

.monsor-fmt__options {
  display: flex;
  gap: 10px;
}

.monsor-fmt__btn {
  flex: 1;
  position: relative;
  display: block;
  padding: 13px 14px;
  border: 1px solid #BCBCBC;
  border-radius: 11px;
  text-decoration: none;
  background: #ffffff;
  transition: border-color 0.15s;
}

.monsor-fmt__btn--active {
  border-color: rgb(var(--color-foreground));
  border-width: 1.5px;
}

.monsor-fmt__btn:hover:not(.monsor-fmt__btn--active) {
  border-color: #8A8A8A;
}

.monsor-fmt__dot {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid rgb(var(--color-foreground) / 0.25);
}

.monsor-fmt__btn--active .monsor-fmt__dot {
  border-color: rgb(var(--color-foreground));
}

.monsor-fmt__btn--active .monsor-fmt__dot::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: rgb(var(--color-foreground));
}

.monsor-fmt__name {
  display: block;
  font-size: var(--mfmt-fs-name, 13px);
  font-weight: 500;
  color: var(--mfmt-c-name, rgb(var(--color-foreground)));
  padding-right: 20px;
}

.monsor-fmt__ml {
  display: block;
  font-size: var(--mfmt-fs-sub, 11px);
  color: var(--mfmt-c-sub, rgb(var(--color-foreground) / 0.5));
  margin-top: 2px;
}

.monsor-fmt__desc {
  display: block;
  font-size: var(--mfmt-fs-sub, 11px);
  color: var(--mfmt-c-sub, rgb(var(--color-foreground) / 0.5));
  margin-top: 8px;
  line-height: 1.4;
}

/* Divider */
.monsor-divider-wrap {
  padding-block-start: var(--div-top, 8px);
  padding-block-end: var(--div-bottom, 8px);
}

.monsor-divider {
  border: none;
  border-top: 1px solid rgb(var(--color-foreground) / 0.1);
  margin: 0;
}

/* Spacer */
.monsor-spacer {
  display: block !important;
  height: var(--sp-m, 16px) !important;
  flex-shrink: 0 !important;
}

@media screen and (min-width: 768px) {
  .monsor-spacer {
    height: var(--sp-d, 16px) !important;
  }
}

/* ─── Service USPs ─── */
.monsor-usps {
  display: flex;
  border: 1px solid rgb(var(--color-foreground) / 0.12);
  border-radius: 11px;
  overflow: hidden;
}

.monsor-usps__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 13px 6px;
}

.monsor-usps__col + .monsor-usps__col {
  border-left: 1px solid rgb(var(--color-foreground) / 0.12);
}

.monsor-usps__icon {
  display: inline-flex;
  color: var(--monsor-usps-icon, rgb(var(--color-foreground) / 0.85));
}

.monsor-usps__icon .monsor-usp-ic {
  width: 20px;
  height: 20px;
  display: block;
}

.monsor-usps__label {
  font-size: 11px;
  line-height: 1.35;
  color: var(--monsor-usps-text, rgb(var(--color-foreground) / 0.6));
}

/* ─── Accordion stijl voor productpagina ─── */

/* Reset thema padding en borders */
.product__accordion.details,
.product__accordion.details.with-border {
  border-block: none !important;
  border-top: 1px solid #E7E7E7 !important;
  border-bottom: none !important;
  margin-block-start: 0 !important;
}

.product__accordion.details:last-of-type {
  border-bottom: 1px solid #E7E7E7 !important;
}

.product__accordion.details .details__summary,
.product__accordion:first-child .details__summary {
  padding: 15px 0 !important;
  border: none !important;
}

.product__accordion.details .details__summary span,
.product__accordion.details .details__summary .text-sm-base {
  font-size: var(--macc-title-size, 13px) !important;
  font-weight: 400 !important;
  color: var(--macc-title-color, rgb(var(--color-foreground))) !important;
}

.product__accordion.details .details__summary > .icon {
  width: 16px !important;
  height: 16px !important;
  color: rgb(var(--color-foreground) / 0.45) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: transform 0.2s ease !important;
}

.product__accordion.details[aria-expanded="true"] .details__summary > .icon {
  transform: rotate(180deg) !important;
}

.product__accordion.details .details__summary .icon:not(.shrink-0) {
  width: var(--macc-icon-size, 16px) !important;
  height: var(--macc-icon-size, 16px) !important;
  color: var(--macc-icon-color, rgb(var(--color-foreground) / 0.5)) !important;
  stroke-width: 1.4;
}

.product__accordion.details .details__content,
.product__accordion:last-child .details__content {
  padding: 0 0 var(--sp-4, 1rem) 0 !important;
  font-size: 13px !important;
  color: rgb(var(--color-foreground) / 0.6) !important;
  line-height: 1.65 !important;
}

.product__accordion.details .details__content::after {
  content: none !important;
}

.product__accordion.details .details__content p + p {
  margin-top: var(--sp-3, 0.75rem);
}

.product__accordion.details .details__content ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  padding: 0;
}

.product__accordion.details .details__content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product__accordion.details .details__content ul li::before {
  content: '';
  width: 12px;
  height: 1px;
  background: #C4BFB9;
  flex-shrink: 0;
}

/* ─── Mini social proof ─── */
.monsor-quote {
  text-align: center;
}

.monsor-quote__stars {
  display: inline-flex;
  gap: 2px;
  margin-bottom: 10px;
  color: var(--mq-c-stars, rgb(var(--color-foreground) / 0.85));
}

.monsor-quote__star {
  width: 14px;
  height: 14px;
  display: block;
}

.monsor-quote--bt {
  border-top: 1px solid rgb(var(--color-foreground) / 0.12);
}

.monsor-quote__text {
  margin: 0;
  font-size: var(--mq-fs-text, 15px);
  line-height: 1.5;
  color: var(--mq-c-text, rgb(var(--color-foreground) / 0.9));
}

.monsor-quote__author {
  display: block;
  margin-top: 9px;
  font-size: var(--mq-fs-author, 11px);
  letter-spacing: 0.08em;
  color: var(--mq-c-author, rgb(var(--color-foreground) / 0.45));
}

/* Ruimte boven eerste accordion */
.product__accordion.details:first-of-type {
  margin-block-start: var(--sp-6, 1.5rem) !important;
}

/* ─── Influencer social proof ─── */
.monsor-inf__label {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground) / 0.35);
  margin-bottom: 12px;
}

.monsor-inf__grid {
  display: flex;
  gap: 16px;
}

.monsor-inf__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.monsor-inf__photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.monsor-inf__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.monsor-inf__photo--empty {
  background: rgb(var(--color-foreground) / 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: rgb(var(--color-foreground) / 0.4);
}

.monsor-inf__name {
  font-size: 11px;
  font-weight: 500;
  color: rgb(var(--color-foreground) / 0.7);
  text-align: center;
  line-height: 1.3;
}

.monsor-inf__handle {
  font-size: 10px;
  color: rgb(var(--color-foreground) / 0.35);
  text-align: center;
}

/* ─── Trustpilot score ─── */
.monsor-tp {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.monsor-tp__stars {
  display: flex;
  gap: 2px;
  align-items: center;
}

.monsor-tp__star {
  display: block;
  width: 9px;
  height: 9px;
  flex-shrink: 0;
  clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}

.monsor-tp__star--full {
  background: var(--monsor-tp-stars, rgb(var(--color-foreground)));
}

.monsor-tp__star--empty {
  background: rgb(var(--color-foreground) / 0.15);
}

.monsor-tp__score {
  font-size: 12px;
  font-weight: 500;
  color: var(--monsor-tp-text, rgb(var(--color-foreground) / 0.7));
}

.monsor-tp__sep {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgb(var(--color-foreground) / 0.2);
  flex-shrink: 0;
}

.monsor-tp__link {
  font-size: 12px;
  color: var(--monsor-tp-text, rgb(var(--color-foreground) / 0.4));
  text-decoration: none;
  border-bottom: 1px solid rgb(var(--color-foreground) / 0.15);
  padding-bottom: 1px;
}

.monsor-tp__count {
  font-size: 12px;
  font-weight: 500;
  color: var(--monsor-tp-text, rgb(var(--color-foreground) / 0.6));
}

/* Smooth scroll voor anchor links */
html {
  scroll-behavior: smooth;
}

/* ─── ATC knop layout ─── */
.product-form__submit.with-price .btn-text {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 12px !important;
}

.product-form__submit.with-price .btn-text > span:first-child {
  flex: 1 !important;
  text-align: left !important;
}

.product-form__submit.with-price #BuyButtonPrice-{{ section.id }}-{{ product.id }},
.product-form__submit.with-price [id^="BuyButtonPrice"] {
  margin-left: auto !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  color: rgba(245, 240, 235, 0.6) !important;
}

.product-form__submit.with-price [id^="BuyButtonPrice"] .relative {
  display: none !important;
}

/* ─── Complementary products ─── */

/* Titel */
.complementary-products .recommend__title {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgb(var(--color-foreground) / 0.4) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Navigatiepijlen */
.complementary-products .button--secondary {
  width: 28px !important;
  height: 28px !important;
  min-width: 0 !important;
  border-radius: 50% !important;
  border-width: 1px !important;
  border-color: rgb(var(--color-foreground) / 0.15) !important;
  padding: 0 !important;
}

.complementary-products .button--secondary .btn-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Product kaart */
.complementary-products .horizontal-product {
  padding-block: var(--sp-3, 0.75rem) !important;
}

.complementary-products .horizontal-product + .horizontal-product {
  border-color: #E7E7E7 !important;
  padding-block-start: var(--sp-3, 0.75rem) !important;
}

/* Producttitel */
.complementary-products .horizontal-product__title {
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* Prijs */
.complementary-products .price {
  font-size: 12px !important;
  color: rgb(var(--color-foreground) / 0.5) !important;
}

/* + knop */
.complementary-products .card__quick-add .button,
.complementary-products [data-quick-add] {
  width: 30px !important;
  height: 30px !important;
  min-width: 0 !important;
  border-radius: 6px !important;
  padding: 0 !important;
  font-size: 16px !important;
}

/* Afbeelding */
.complementary-products .horizontal-product__media {
  --cart-item-media-width: 64px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

/* ─── Upsell bundel ─── */
.monsor-upsell__label {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground) / 0.35);
  margin-bottom: 10px;
}

.monsor-upsell__list {
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 16px;
}

.monsor-upsell__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #F5F2EF;
}

.monsor-upsell__item:last-child {
  border-bottom: none;
}

.monsor-upsell__img {
  width: 52px;
  height: 52px;
  border-radius: 7px;
  overflow: hidden;
  flex-shrink: 0;
}

.monsor-upsell__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.monsor-upsell__img--empty {
  background: #F5F2EF;
}

.monsor-upsell__body {
  flex: 1;
  min-width: 0;
}

.monsor-upsell__top {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 3px;
}

.monsor-upsell__name {
  font-size: 13px;
  font-weight: 400;
  color: #222;
}

.monsor-upsell__badge {
  font-size: 9px;
  color: #888;
  background: #F0EDE9;
  border-radius: 3px;
  padding: 2px 6px;
  white-space: nowrap;
}

.monsor-upsell__badge--sale {
  background: #C0392B;
  color: #fff;
  font-weight: 500;
}

.monsor-upsell__prices {
  display: flex;
  align-items: center;
  gap: 5px;
}

.monsor-upsell__price {
  font-size: 12px;
  color: #aaa;
}

.monsor-upsell__price--sale {
  color: #333;
  font-weight: 500;
}

.monsor-upsell__price--orig {
  color: #C4BFB9;
  text-decoration: line-through;
  font-size: 11px;
}

/* Toggle switch */
.monsor-upsell__toggle {
  width: 38px;
  height: 22px;
  border-radius: 11px;
  background: #E0DCD7;
  border: none;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s;
  padding: 0;
}

.monsor-upsell__toggle--on {
  background: #111;
}

.monsor-upsell__toggle-knob {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  transition: left 0.2s;
  display: block;
}

.monsor-upsell__toggle--on .monsor-upsell__toggle-knob {
  left: 19px;
}



/* ─── Sticky buy button ─── */

/* Card layout */
.product-sticky-form__card {
  padding: var(--sp-3) var(--sp-4) !important;
  display: block !important;
  background: rgb(var(--color-base-background-1)) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Desktop: knop rechts uitgelijnd */
@media screen and (min-width: 768px) {
  .product-sticky-form__card {
    display: flex !important;
    justify-content: flex-end !important;
    padding: var(--sp-3) var(--sp-5) !important;
  }

  .product-sticky-form .monsor-sticky-btn {
    width: auto !important;
    min-width: 240px !important;
    height: auto !important;
    padding: 14px 24px !important;
  }
}

/* Verberg lege ::after als data-sticky-price leeg is */
.product-sticky-form .monsor-sticky-btn .btn-text::after {
  min-width: 0;
}

/* Mobiel: volledige breedte */
@media screen and (max-width: 767px) {
  .product-sticky-form .monsor-sticky-btn {
    width: 100% !important;
    height: auto !important;
    padding: 15px 20px !important;
  }
}

/* Knop inhoud: tekst links, prijs rechts */
.product-sticky-form .monsor-sticky-btn .btn-text {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 16px !important;
}

/* Prijs via data-attribuut rechts */
.product-sticky-form .monsor-sticky-btn .btn-text::after {
  content: none;
  color: #F5F0EB;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}


/* Prijs in ATC en sticky — erft kleur van knop, beweegt mee bij hover */
.product-form__submit.with-price [id^="BuyButtonPrice"],
.product-form__submit.with-price product-buy-price {
  color: inherit !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

.product-sticky-form .monsor-sticky-btn .btn-text::after {
  color: inherit !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Verberg het streepje tussen tekst en prijs */
.product-form__submit.with-price [id^="BuyButtonPrice"] .relative {
  display: none !important;
}

/* ─── Monsor cart drawer ─── */

/* Header compacter */
.cart-drawer .drawer__header {
  padding-block: 14px !important;
  align-items: center !important;
}
.cart-drawer .drawer__close {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
}
.cart-drawer .drawer__close .icon {
  width: 13px !important;
  height: 13px !important;
}

.cart-drawer .drawer__title {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Free shipping bar */
.cart-drawer .free-shipping-bar {
  padding: var(--sp-3) var(--sp-5);
  border-bottom: 1px solid #E7E7E7;
  gap: var(--sp-2) !important;
}

.cart-drawer .free-shipping-bar span {
  font-size: 11px !important;
}

.cart-drawer .free-shipping-bar progress-bar {
  height: 2px !important;
  border-radius: 1px !important;
}

/* Footer */
.monsor-cart-footer {
  gap: 0 !important;
  padding: var(--sp-4) var(--sp-5) var(--sp-5) !important;
}

.monsor-cart-footer .discounts {
  margin-bottom: var(--sp-3);
}

/* Verzending rij */
.monsor-cart-shipping-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--sp-3);
}

.monsor-cart-shipping-label {
  font-size: 12px;
  color: rgb(var(--color-foreground) / 0.55);
}

.monsor-cart-shipping-val {
  font-size: 12px;
  color: rgb(var(--color-foreground) / 0.55);
}

.monsor-cart-shipping-val--free {
  font-size: 12px;
  font-weight: 500;
  color: #3B6D11;
}

.monsor-cart-divider {
  height: 1px;
  background: #E7E7E7;
  margin-bottom: var(--sp-4);
}

/* Checkout knop */
.monsor-cart-checkout-form {
  margin-bottom: var(--sp-3);
}

.monsor-cart-checkout-btn {
  width: 100% !important;
  height: auto !important;
  padding: 14px 18px !important;
}

.monsor-cart-checkout-btn .btn-text {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 12px !important;
}

.monsor-cart-checkout-price {
  font-weight: 400;
  opacity: 0.6;
}

/* Trust */
.monsor-cart-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-2d5);
}

.monsor-cart-trust-text {
  font-size: 11px;
  color: rgb(var(--color-foreground) / 0.4);
  display: flex;
  align-items: center;
  gap: 5px;
}

.monsor-cart-trust-text .icon {
  width: 12px !important;
  height: 12px !important;
  color: rgb(var(--color-foreground) / 0.4);
}

/* Betaalmethoden */
.monsor-cart-payments {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

.monsor-cart-payment-pill {
  font-size: 10px;
  font-weight: 400;
  color: rgb(var(--color-foreground) / 0.45);
  background: rgb(var(--color-foreground) / 0.05);
  border: 1px solid rgb(var(--color-foreground) / 0.1);
  border-radius: 4px;
  padding: 3px 7px;
  white-space: nowrap;
}

/* Verberg originele tax/shipping tekst in cart drawer footer */
.cart-drawer .drawer__footer-bottom .tax-note,
.cart-drawer .drawer__footer-bottom .totals,
.cart-drawer .drawer__footer-bottom > .grid > .grid,
.cart-drawer .drawer__footer-bottom > .grid:not(.monsor-cart-footer) {
  display: none !important;
}
/* ─── Cart drawer overrides ─── */
.cart-drawer { --mc-pad: 28px; }
.cart-drawer .drawer__inner { max-width: 540px !important; }

/* Header */
.cart-drawer .drawer__title { font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0.14em !important; }
.cart-drawer .drawer__header { padding-inline: var(--mc-pad) !important; }

/* Containers — geen eigen padding */
.cart-drawer .drawer__scrollable { padding: 0 !important; min-height: 0 !important; }
.cart-drawer .drawer__footer { padding: 0 !important; }
.cart-drawer .drawer__footer-bottom { padding: 0 !important; }
.cart-drawer .drawer__scrollable.flex-col { gap: 0 !important; }

/* Sterkere dimming + blur van de pagina als de cart drawer open is */
@media screen and (min-width: 640px) {
  .cart-drawer .overlay {
    background: rgb(var(--color-overlay) / 0.55) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
}

/* Free shipping bar */
.cart-drawer .free-shipping-bar { padding: 13px var(--mc-pad) !important; border-bottom: 1px solid #EBEBEB !important; gap: 7px !important; }
.cart-drawer .free-shipping-bar .text-sm { font-size: 13px !important; }
.cart-drawer .free-shipping-bar progress-bar { height: 3px !important; background: #EBEBEB !important; border-radius: 1px !important; }

/* ── Items ── */
.cart-drawer .horizontal-products { gap: 0 !important; }

.cart-drawer .horizontal-product,
.cart-drawer .horizontal-product + .horizontal-product {
  --cart-item-media-width: 68px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 17px var(--mc-pad) !important;
  border: none !important;
  border-bottom: 1px solid #F3F0ED !important;
}

.cart-drawer .horizontal-product__media {
  width: 84px !important; min-width: 84px !important; max-width: 84px !important;
  align-self: stretch !important; height: auto !important;
  border-radius: 8px !important; flex-shrink: 0 !important; overflow: hidden !important;
}
.cart-drawer .horizontal-product__media :is(img, svg, video-media) {
  width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important;
}

.cart-drawer .horizontal-product__details {
  flex: 1 !important; min-width: 0 !important;
  align-self: stretch !important; min-height: 84px !important;
}
.cart-drawer .horizontal-product__details > .flex.flex-col.gap-3 { margin-top: auto !important; }
.cart-drawer .horizontal-product__title { font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; }
.cart-drawer .horizontal-product__details .text-xs.text-opacity { font-size: 11px !important; color: #C4BFB9 !important; }

/* Verberg rechterkolom — wij bouwen eigen layout */
.cart-drawer .horizontal-product__quantity { display: none !important; }

/* Bundel badges — oranje */
.cart-drawer .badge--highlight,
.cart-drawer .badge--onsale { display: none !important; }

/* Eigen badges */
.monsor-item-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; list-style: none; padding: 0; }
.monsor-item-badges li { display: flex; gap: 4px; }
.monsor-badge-label { font-size: 11px; font-weight: 500; color: #5F5E5A; background: #F1EFE8; border-radius: 4px; padding: 2px 7px; letter-spacing: 0.04em; text-transform: uppercase; }
.monsor-badge-amount { display: none; }

/* Bottom rij — qty links, prijs rechts */
.monsor-item-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }

/* Qty picker — compact */
.monsor-qty-wrap {
  display: inline-flex !important; align-items: center !important;
  height: 28px !important; border: none !important;
  border-radius: 0 !important; overflow: visible !important; background: transparent !important;
  gap: 6px !important;
}
.monsor-qty-btn {
  position: relative !important;
  width: 26px !important; height: 26px !important;
  background: none !important; border: 1px solid #E5E1DA !important;
  border-radius: 6px !important;
  font-size: 0 !important; color: #8A877F !important; cursor: pointer !important;
  padding: 0 !important; flex-shrink: 0 !important;
}
.monsor-qty-btn::before {
  content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important; width: 9px !important; height: 1.5px !important;
  background: currentColor !important; border-radius: 1px !important;
}
.monsor-qty-btn[name="plus"]::after {
  content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important; width: 1.5px !important; height: 9px !important;
  background: currentColor !important; border-radius: 1px !important;
}
.monsor-qty-btn:hover { color: #171717 !important; border-color: #C9C4BB !important; }
.monsor-qty-input {
  width: 28px !important; height: 28px !important;
  border: none !important;
  border-radius: 0 !important; text-align: center !important;
  font-size: 14px !important; font-weight: 400 !important; color: #171717 !important;
  padding: 0 !important; background: transparent !important;
  box-shadow: none !important; -moz-appearance: textfield !important;
}
.monsor-qty-input::-webkit-outer-spin-button,
.monsor-qty-input::-webkit-inner-spin-button { -webkit-appearance: none !important; }

/* Prijs rechts — consistent systeem */
.monsor-item-price-right { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }

/* Normaal */
.monsor-price-amount { font-size: 15px; font-weight: 500; color: #171717; }

/* Korting badge */
.monsor-price-badge { font-size: 11px; font-weight: 500; color: #fff; background: #F3782E; border-radius: 3px; padding: 1px 5px; line-height: 1.4; }

/* Doorgestreept + nieuw — zelfde rij voor korting EN gratis */
.monsor-price-row { display: flex; align-items: baseline; gap: 5px; }
.monsor-price-orig { font-size: 15px; color: #C4BFB9; text-decoration: line-through; }
.monsor-price-new { font-size: 15px; font-weight: 500; color: #171717; }
.monsor-price-free { font-size: 15px; font-weight: 500; color: #F3782E; }

/* Verberg originele prijs */
.cart-drawer .price__sale, .cart-drawer .price__regular { display: none !important; }
.monsor-item-price { display: none !important; }
.cart-drawer .tax-note { display: none !important; }
.cart-drawer .totals { display: none !important; }

/* Cross-sell - Maak het compleet (compacte horizontale strip, vastgezet boven de footer) */
.cart-drawer .monsor-cross {
  gap: 0 !important; padding: 16px 0 14px !important;
}
.cart-drawer .monsor-cross__head { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--mc-pad); margin-bottom: 12px; }
.cart-drawer .monsor-cross__title {
  font-size: 12px !important; font-weight: 400 !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  color: #9A9A9A !important; padding: 0 !important; margin: 0 !important;
  border-block-end: none !important; padding-block-end: 0 !important;
}
.cart-drawer .monsor-cross__navs { display: flex; align-items: center; gap: 2px; }
.cart-drawer .monsor-cross__nav { display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: #9A9A9A; cursor: pointer; padding: 2px; line-height: 0; transition: color .15s ease; }
.cart-drawer .monsor-cross__nav:hover { color: #171717; }
.cart-drawer .monsor-cross__nav[hidden] { display: none; }
.cart-drawer .monsor-cross__nav .icon { width: 15px !important; height: 15px !important; }
.monsor-item__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 3px; }
.monsor-item__sub { font-size: 12px; color: #9A9A9A; line-height: 1.3; }
.monsor-item__badge { font-size: 10px; letter-spacing: 0.06em; color: #5F5E5A; background: #F1EFE8; border-radius: 4px; padding: 3px 7px; text-transform: uppercase; }
.cart-drawer .monsor-cross__track {
  display: flex !important; gap: 12px !important; align-items: stretch;
  overflow-x: auto !important; padding: 2px var(--mc-pad) !important;
  scroll-snap-type: x proximity; scroll-padding-inline: var(--mc-pad); scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.cart-drawer .monsor-cross__track::-webkit-scrollbar { display: none; }
.cart-drawer .monsor-cross__card {
  flex: 0 0 82%; scroll-snap-align: start;
  display: flex; align-items: center; gap: 12px;
  border: 1px solid #EAE6DF; border-radius: 10px; padding: 10px; box-sizing: border-box;
}
.cart-drawer .monsor-cross__media {
  display: block; width: 64px; height: 64px; border-radius: 8px;
  overflow: hidden; background: #F3F0ED; flex-shrink: 0;
}
.cart-drawer .monsor-cross__img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
.cart-drawer .monsor-cross__info { flex: 1; min-width: 0; }
.cart-drawer .monsor-cross__name {
  font-size: 14px; line-height: 1.3; color: #171717; font-weight: 400;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  background: none !important; text-decoration: none;
}
.cart-drawer .monsor-cross__name:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.cart-drawer .monsor-cross__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.cart-drawer .monsor-cross__sub { font-size: 12px; color: #9A9A9A; line-height: 1.3; }
.cart-drawer .monsor-cross__price { font-size: 12px; color: #6B6B6B; }
.cart-drawer .monsor-cross__form { flex-shrink: 0; margin: 0; }
.cart-drawer .monsor-cross__add.button--primary,
.cart-drawer .monsor-cross__add {
  flex-shrink: 0; width: auto; min-width: 0; max-height: none !important;
  padding: 11px 15px !important; font-size: 12px !important; font-weight: 400 !important;
  letter-spacing: 0 !important; text-transform: none !important; border-radius: var(--buttons-radius) !important;
  white-space: nowrap;
}
.cart-drawer .monsor-cross__add .btn-text { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 5px; }
.cart-drawer .monsor-cross__add-default,
.cart-drawer .monsor-cross__add-done { display: inline-flex; align-items: center; gap: 5px; }
.cart-drawer .monsor-cross__add-dot { opacity: .5; }
.cart-drawer .monsor-cross__add-done { display: none; }
.cart-drawer .monsor-cross__add.is-added .monsor-cross__add-default { display: none; }
.cart-drawer .monsor-cross__add.is-added .monsor-cross__add-done { display: inline-flex; }
.cart-drawer .monsor-cross__add .icon { width: 12px !important; height: 12px !important; }
.cart-drawer .monsor-cross__add.button--primary::after { border-radius: var(--buttons-radius) !important; }
.cart-drawer .monsor-cross__add--link,
.cart-drawer .monsor-cross__add--disabled {
  flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
  padding: 11px 15px; font-size: 12px; border-radius: var(--buttons-radius);
  border: 1px solid #DAD6CF; background: #fff; color: #171717; text-decoration: none; white-space: nowrap;
}
.cart-drawer .monsor-cross__add--link:hover { background: #171717; color: #fff; border-color: #171717; }
.cart-drawer .monsor-cross__add--disabled { color: #B4B0A8; cursor: default; }

/* Regel licht kort op zodra een product wordt toegevoegd of opgehoogd */
@keyframes monsorLineFlash {
  0% { background-color: #FAEAD0; }
  100% { background-color: transparent; }
}
.cart-drawer .horizontal-product.monsor-line-flash {
  animation: monsorLineFlash 1.8s ease-out;
  border-radius: 10px;
}
@keyframes monsorPricePulse {
  0% { transform: scale(1); }
  35% { transform: scale(1.14); }
  100% { transform: scale(1); }
}
.cart-drawer .horizontal-product.monsor-line-flash .monsor-price-amount,
.cart-drawer .horizontal-product.monsor-line-flash .monsor-price-new,
.cart-drawer .horizontal-product.monsor-line-flash .monsor-price-free {
  display: inline-block; transform-origin: right center; animation: monsorPricePulse 0.7s ease-out 0.05s;
}
.monsor-recently-viewed .drawer__scrollable { padding: 0 !important; }
.monsor-recently-viewed .horizontal-product,
.monsor-recently-viewed .horizontal-product + .horizontal-product {
  padding-inline: var(--mc-pad) !important; padding-block: 13px !important;
  border-bottom: 1px solid #F3F0ED !important;
}

/* ── Footer ── */
.cart-drawer .drawer__footer-bottom { padding: 0 !important; }
.monsor-footer { padding: 18px var(--mc-pad) 22px; background: #faf9f8; border-top: 1px solid #EBEBEB; }

.monsor-footer__save { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 11px; }
.monsor-footer__save-lbl { font-size: 15px; color: #171717; font-weight: 400; }
.monsor-footer__save-val { font-size: 15px; color: #171717; font-weight: 400; }

.monsor-footer__ship { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 11px; }
.monsor-footer__ship-lbl { font-size: 15px; color: #171717; font-weight: 400; }
.monsor-footer__ship-val { font-size: 15px; color: #C4BFB9; }
.monsor-footer__ship-val--free { font-size: 15px; font-weight: 400; color: #171717; }

.monsor-footer__divider { height: 1px; background: #E0DDD7; margin-bottom: 12px; }
.monsor-footer__form { margin-bottom: 10px; }

/* Checkout knop */
.monsor-footer__btn {
  width: 100% !important;
  height: auto !important;
  padding: 17px 20px !important;
  border-radius: var(--buttons-radius) !important;
}
.monsor-footer__btn .btn-text {
  display: flex !important; align-items: center !important;
  justify-content: center !important; width: 100% !important;
}

/* Cart drawer: rustig hover-effect. Geen witte vulling; alleen de achtergrond licht subtiel op, tekst en iconen blijven exact gelijk. */
.cart-drawer .button--primary .btn-fill { display: none !important; }
.cart-drawer .button--primary,
.cart-drawer .monsor-cross__add--link {
  transition: box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important;
}
@media (pointer: fine) {
  .cart-drawer .button--primary:hover:not([disabled]) {
    color: rgb(var(--color-button-text)) !important;
    box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.14) !important;
  }
  .cart-drawer .monsor-cross__add--link:hover {
    background: #F3F0ED !important;
    border-color: #DAD6CF !important;
  }
}

.monsor-footer__total { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; border-top: 1px solid #E0DDD7; padding-top: 13px; }
.monsor-footer__total-lbl { font-size: 16px; color: #171717; font-weight: 500; }
.monsor-footer__total-val { font-size: 16px; color: #171717; font-weight: 500; white-space: nowrap; }

/* Express checkout (Shop Pay e.d.) */
.monsor-footer__express { margin-top: 8px; }
.monsor-footer__express .shopify-payment-button__button { border-radius: var(--buttons-radius) !important; }

/* Trust */
.monsor-footer__trust { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 12px; font-size: 12px; color: #C4BFB9; }
.monsor-footer__trust .icon { width: 11px !important; height: 11px !important; color: #C4BFB9 !important; }

/* Trustpilot */
.monsor-footer__tp { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(var(--mtp-size, 15px) * 0.5); margin-top: 16px; }
.monsor-tp__word { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; color: #191919; font-size: var(--mtp-size, 15px); line-height: 1; letter-spacing: -0.02em; }
.monsor-tp__svg { display: block; flex-shrink: 0; height: calc(var(--mtp-size, 15px) * 1.05); width: auto; }
.monsor-tp__brand { display: inline-flex; align-items: center; gap: calc(var(--mtp-size, 15px) * 0.27); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; color: #191919; font-size: calc(var(--mtp-size, 15px) * 0.97); line-height: 1; letter-spacing: -0.01em; }
.monsor-tp__meta { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #444; }
.monsor-tp__score { font-weight: 500; }
.monsor-tp__sep { color: #9A9A9A; }
.monsor-tp__name { display: inline-flex; align-items: center; gap: 5px; font-weight: 500; color: #191919; }
.monsor-tp__logo { flex-shrink: 0; width: calc(var(--mtp-size, 15px) * 1.05); height: calc(var(--mtp-size, 15px) * 1.05); }

/* Betaalmethoden */
.monsor-footer__pays { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; margin-top: 12px; }
.monsor-footer__pill { font-size: 11px; color: #C4BFB9; background: #FAFAFA; border: 1px solid #EFEFEF; border-radius: 4px; padding: 4px 8px; }

/* ── Mobile aanpassingen ── */
@media screen and (max-width: 639px) {
  .cart-drawer { --mc-pad: 20px; }
  .cart-drawer .horizontal-product,
  .cart-drawer .horizontal-product + .horizontal-product {
    --cart-item-media-width: 60px !important;
    gap: 12px !important;
    padding: 15px var(--mc-pad) !important;
  }
  .cart-drawer .horizontal-product__media {
    width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: auto !important;
  }
  .cart-drawer .horizontal-product__details { min-height: 72px !important; }
  .cart-drawer .horizontal-product__title { font-size: 14px !important; }
  .cart-drawer .horizontal-product__details .text-xs.text-opacity { font-size: 11px !important; }
  .monsor-price-amount, .monsor-price-new, .monsor-price-free { font-size: 14px !important; }
  .monsor-price-orig { font-size: 14px !important; }
  .monsor-price-badge { font-size: 10px !important; }
  .monsor-badge-label, .monsor-badge-amount { font-size: 10px !important; }
  .monsor-footer__btn { padding: 14px 16px !important; }
  .monsor-footer__btn .btn-text { font-size: 14px !important; }
  .monsor-footer__total-lbl, .monsor-footer__total-val { font-size: 15px !important; }
  .monsor-footer { padding: 14px var(--mc-pad) 20px; }
  .cart-drawer .monsor-cross__card { flex: 0 0 86%; padding: 9px; }
  .cart-drawer .monsor-cross__media { width: 56px; height: 56px; }
  .cart-drawer .monsor-cross__name { font-size: 13px; }
  .cart-drawer .monsor-cross__navs { display: none !important; }
  .cart-drawer .monsor-cross__add { padding: 10px 13px !important; }
  .cart-drawer .monsor-cross__add--priced .monsor-cross__add-label,
  .cart-drawer .monsor-cross__add--priced .monsor-cross__add-dot { display: none; }
}
/* Cross-sell */
.monsor-xs--bt {
  border-top: 1px solid rgb(var(--color-foreground) / 0.12);
}

.monsor-xs__heading {
  margin: 0 0 12px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground) / 0.45);
}

.monsor-xs__track {
  display: flex;
  gap: 10px;
}

.monsor-xs__track--carousel {
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -4px;
  padding: 2px 4px;
  scroll-snap-type: x proximity;
}

.monsor-xs__track--carousel::-webkit-scrollbar {
  display: none;
}

.monsor-xs__track--stack {
  flex-direction: column;
}

.monsor-xs__card {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgb(var(--color-foreground) / 0.12);
  border-radius: 10px;
  padding: 9px;
}

.monsor-xs__track--carousel .monsor-xs__card {
  flex: 0 0 72%;
  max-width: 380px;
  scroll-snap-align: start;
}

.monsor-xs__track--stack .monsor-xs__card {
  flex: 1 1 auto;
  width: 100%;
}

.monsor-xs__media {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: rgb(var(--color-foreground) / 0.05);
}

.monsor-xs__info {
  flex: 1;
  min-width: 0;
}

.monsor-xs__name {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  color: rgb(var(--color-foreground));
}

.monsor-xs__sub {
  display: block;
  font-size: 11px;
  color: rgb(var(--color-foreground) / 0.5);
  margin-top: 2px;
}

.monsor-xs__form {
  margin: 0;
  flex-shrink: 0;
}

.monsor-xs__btn {
  position: relative;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #171717;
  color: #fff;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.15s, transform 0.08s;
}

.monsor-xs__btn:hover {
  opacity: 0.85;
}

.monsor-xs__btn:active {
  transform: scale(0.94);
}

.monsor-xs__btn[disabled] {
  opacity: 0.35;
  cursor: default;
}

.monsor-xs__plus {
  width: 16px;
  height: 16px;
}

.monsor-xs__btn-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
/* Monsor betaalmethoden (productpagina) */
.monsor-pay {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: var(--mpay-align, flex-start);
}

.monsor-pay__label {
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground) / 0.55);
}

.monsor-pay__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mpay-gap, 8px);
  justify-content: var(--mpay-align, flex-start);
}

.monsor-pay__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.monsor-pay__item svg {
  height: var(--mpay-h, 24px);
  width: auto;
  display: block;
}

/* Tegelstijl met subtiele rand, gelijk aan de accordeon-lijn */
.monsor-pay--tiles .monsor-pay__item {
  height: calc(var(--mpay-h, 24px) + 14px);
  min-width: calc(var(--mpay-h, 24px) + 20px);
  padding: 0 8px;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  background: #fff;
}

.monsor-pay--tiles .monsor-pay__item svg {
  max-width: 40px;
}

/* Monochrome variant */
.monsor-pay--gray .monsor-pay__item svg {
  filter: grayscale(1);
  opacity: 0.75;
}

/* Collapsible rows: lijnen boven en onder edge-to-edge op mobiel.
   Box zelf full-bleed met echte rand (niet afgekapt door de open-animatie),
   inhoud terug uitgelijnd met de pagina-marge. */
@media screen and (max-width: 767px) {
  .product__accordion.details,
  .product__accordion.details.with-border,
  .product__accordion.details.with-background {
    box-sizing: border-box !important;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: calc(50vw - 50%);
    border-top: 1px solid #E7E7E7 !important;
    border-bottom: none !important;
  }

  .product__accordion.details:last-of-type,
  .product__accordion.details.with-border:last-of-type,
  .product__accordion.details.with-background:last-of-type {
    border-bottom: 1px solid #E7E7E7 !important;
  }

  .product__accordion.details::before,
  .product__accordion.details:last-of-type::after {
    content: none !important;
  }
}

/* Oude prijs (doorgestreept) in de toevoegen-knop */
.product-form__submit .buy-price__compare,
.product-form__alert .buy-price__compare {
  color: var(--mprice-compare, #999999);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  margin-right: 6px;
}

/* Nette grijze horizontale doorhaling i.p.v. de rode schuine streep van het thema */
.price__sale::before {
  content: none !important;
}

.price__sale {
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
}

/* Sticky knop: oude prijs links (grijs, dunne doorhaling), huidige prijs rechts */
.product-sticky-form .monsor-sticky-btn .monsor-sticky-price {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

.product-sticky-form .monsor-sticky-btn .monsor-sticky-price__was {
  color: var(--mprice-compare, #999999);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  font-weight: 400;
}

.product-sticky-form .monsor-sticky-btn .monsor-sticky-price__was[hidden] {
  display: none;
}

.product-sticky-form .monsor-sticky-btn .monsor-sticky-price__now {
  color: #F5F0EB;
  font-weight: 500;
}

/* Monsor creator video's (blok in productinfo) */
.mcv { color: var(--mcv-text, #18110A); padding-top: var(--mcv-pt, 24px); padding-bottom: var(--mcv-pb, 24px); }
.mcv__head { max-width: 480px; margin-bottom: 20px; }
.mcv--center .mcv__head { margin-left: auto; margin-right: auto; text-align: center; }
.mcv__eyebrow { font-family: var(--font-body-family); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mcv-eyebrow, #A89A8B); margin: 0 0 10px; }
.mcv__heading { font-family: var(--font-heading-family); font-weight: 500; font-size: clamp(20px, 3vw, 26px); line-height: 1.14; margin: 0 0 8px; color: var(--mcv-text, #18110A); }
.mcv__sub { font-family: var(--font-body-family); font-size: 14px; line-height: 1.6; color: var(--mcv-sub, #6E6358); margin: 0; }
.mcv__row { display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: none; scroll-behavior: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; }
.mcv__row::-webkit-scrollbar { display: none; }
.mcv__card { position: relative; flex: 0 0 auto; width: var(--mcv-card-w, 180px); aspect-ratio: 9 / 16; border-radius: var(--mcv-radius, 14px); overflow: hidden; background: #6E5A47; cursor: pointer; }
.mcv__poster, .mcv__video, .mcv__iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
.mcv__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--mcv-play-size, 46px); height: var(--mcv-play-size, 46px); border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.15s ease, background 0.15s ease; }
.mcv--play-solid .mcv__play { background: rgba(250, 249, 248, 0.94); color: #18110A; }
.mcv--play-transparent .mcv__play { background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.55); color: #fff; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.mcv__card:hover .mcv__play { transform: translate(-50%, -50%) scale(1.06); }
.mcv__play svg { width: calc(var(--mcv-play-size, 46px) * 0.4); height: calc(var(--mcv-play-size, 46px) * 0.4); margin-left: 6%; }
.mcv__overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 11px 12px; background: linear-gradient(to top, rgba(24,17,10,0.72), rgba(24,17,10,0)); pointer-events: none; }
.mcv__creator { display: flex; align-items: center; gap: 7px; }
.mcv__handle { font-family: var(--font-body-family); font-size: var(--mcv-handle-size, 12.5px); font-weight: 500; color: #fff; white-space: nowrap; text-decoration: none; pointer-events: auto; }
a.mcv__handle:hover { text-decoration: underline; }
.mcv__badge { width: calc(var(--mcv-handle-size, 12.5px) * 1.15); height: calc(var(--mcv-handle-size, 12.5px) * 1.15); flex: none; }
.mcv__card.is-playing .mcv__play { opacity: 0; visibility: hidden; pointer-events: none; }
@media screen and (max-width: 767px) { .mcv__card { width: var(--mcv-card-w-m, 150px); } }

/* Monsor creator video's: voortgangslijn die de scrollpositie volgt (lus, geen events) */
.mcv__footer { display: flex; align-items: center; gap: 18px; margin-top: 18px; }
.mcv__bar { position: relative; height: 3px; flex: 1 1 auto; border-radius: 0; background: rgba(24, 17, 10, 0.12); overflow: hidden; }
.mcv__bar[hidden] { display: none; }
.mcv__bar-fill { position: absolute; top: 0; left: 0; height: 100%; width: 38%; border-radius: 0; background: #18110A; will-change: transform; }
.mcv__arrows { display: flex; gap: 8px; flex: none; }
.mcv__arrow { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid rgba(24, 17, 10, 0.18); background: transparent; color: #18110A; cursor: pointer; -webkit-appearance: none; appearance: none; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; -webkit-tap-highlight-color: transparent; }
.mcv__arrow:hover { background: #18110A; color: #FAF9F8; border-color: #18110A; }
.mcv__arrow:active { transform: scale(0.96); }
.mcv__arrow svg { width: 16px; height: 16px; display: block; }
.mcv__bar[hidden] ~ .mcv__arrows { display: none; }
@media (max-width: 767px) { .mcv__arrows { display: none; } }

/* Creator video block - quote / image card (geen oranje accent) */
.mcv__card--quote { background: #5a4a3a; }
.mcv__card--quote .mcv__media { position: absolute; inset: 0; }
.mcv__card--quote .mcv__poster { width: 100%; height: 100%; object-fit: cover; display: block; }
.mcv__quote-scrim { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(24, 17, 10, 0.22) 0%, rgba(24, 17, 10, 0.40) 45%, rgba(24, 17, 10, 0.68) 100%); }
.mcv__quote { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px 15px; }
.mcv__quote-text { font-family: var(--font-heading-family); font-weight: 500; font-size: 16px; line-height: 1.32; color: #ffffff; margin: 0 0 12px; }
.mcv__card--quote .mcv__creator { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mcv__author { font-size: 12px; font-weight: 500; color: #ffffff; }
.mcv__card--quote .mcv__handle { color: rgba(255, 255, 255, 0.7); text-decoration: none; }
.mcv__card--quote .mcv__handle:hover { color: #ffffff; }
@media (max-width: 767px) {
  .mcv__quote-text { font-size: 14px; }
  .mcv__quote { padding: 14px 12px; }
  .mcv__handle { font-size: var(--mcv-handle-size-m, 11.5px); }
  .mcv__badge { width: calc(var(--mcv-handle-size-m, 11.5px) * 1.15); height: calc(var(--mcv-handle-size-m, 11.5px) * 1.15); }
}