/** Shopify CDN: Minification failed

Line 1449:0 Unexpected "}"

**/
/*
 * JAKO: productpagina v2 (docs/pdp-v2.md).
 * Alleen geladen als de sectie-instelling "Productpagina v2 gebruiken" (jako_v2) van main-product
 * aan staat. Regels voor de koopsectie scopen op .m6pr.jako-pdp: quickshop kopieert de koopsectie
 * (zonder deze stylesheet) en hernoemt .m6pr naar .m6pr-compact. De klasse jako-pdp blijft daar
 * staan; hoe quickshop met v2-markup omgaat staat als open punt in docs/pdp-v2.md.
 * Huisstijl per store via sectie-instellingen (--jako-*, gezet in sections/main-product.liquid);
 * hieronder de afgeleide tokens met hun terugval. Fonts komen uit het thema.
 * Schermbreedtes: mobiel tot en met 47.5em (760px), zoals het thema. Gebruik voor zichtbaarheid
 * per schermbreedte de klassen van het thema (mobile-only, mobile-hide, desktop-only).
 */

/* De koopkolom heeft zwevende lijsten (uitvoering, staffel, uitleg). Het thema geeft elke sectie z-index 0
   (#content > .shopify-section), waardoor de infozone-sectie erna (met de koopkaart) eroverheen lag. */
#content > .shopify-section:has(> .m6pr.jako-pdp) { z-index: 1; }

/* ---------- Tokens ---------- */
.jako-pdp {
  /* Open lijsten en uitleg binnen de sectie: boven de variantkiezer van het thema
     (.syk-variant-picker-wrapper, z-index 99), onder de popups van het thema (popup-a, 998) */
  --jako-z-float: 110;
  --jako-text-c: var(--jako-text, #111111);
  --jako-muted-c: var(--jako-muted, #555555);
  --jako-accent-c: var(--jako-accent, var(--sale_label_bg, #f25c05));
  --jako-buy-c: var(--jako-buy, var(--buy_btn_bg, #06af00));
  --jako-ok-c: var(--jako-ok, #06af00);
  --jako-sel-c: var(--jako-sel, var(--jako-accent-c));
  --jako-sel-bg-c: var(--jako-sel-bg, color-mix(in srgb, var(--jako-sel-c) 7%, #ffffff));
  --jako-link-c: var(--jako-link, var(--jako-text-c));
  --jako-border-c: var(--jako-border, #ececec);
  --jako-soft-c: var(--jako-soft, #f9f9f9);
  --jako-card: var(--jako-card-r, 4px);
  --jako-r: 4px;
  --jako-head: var(--main_ff_h);
  --jako-body: var(--main_ff);
  --jako-promo-bg: color-mix(in srgb, var(--jako-accent-c) 10%, #ffffff);
  --jako-promo-line: color-mix(in srgb, var(--jako-accent-c) 35%, #ffffff);
}

/* ---------- Titel (block jako_title) ---------- */
.jako-pdp .jako-title { margin: 0 0 18px; }
.jako-pdp .jako-title--column { margin: 0; }
.jako-pdp .jako-title__h {
  margin: 0;
  font-family: var(--jako-head);
  font-size: var(--jako-title-size, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: var(--jako-text-c);
}
.jako-pdp .jako-title__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin-top: 6px;
  font-size: 13px;
  color: var(--jako-muted-c);
}
.jako-pdp .jako-title__rating { display: inline-flex; align-items: center; gap: 6px; }
#root .jako-pdp .jako-title__logo { display: inline-flex; flex: 0 0 auto; width: auto; height: 27px; }
#root .jako-pdp .jako-title__logo img { display: block; width: auto; max-width: 160px; height: 27px; object-fit: contain; }
.jako-pdp .jako-stars { display: inline-flex; gap: 1px; color: #ffb400; }
.jako-pdp .jako-stars__s--full { fill: currentColor; }
.jako-pdp .jako-stars__s--half { fill: currentColor; opacity: .55; }
.jako-pdp .jako-stars__s--empty { fill: #dddddd; }

/* Codes op één regel, gescheiden door een punt */
.jako-pdp .jako-codes { display: inline-flex; flex-wrap: wrap; gap: 2px 0; }
.jako-pdp .jako-codes > span + span::before { content: "·"; margin: 0 8px; }
.jako-pdp .jako-codes strong { font-weight: 600; color: var(--jako-text-c); }
@media only screen and (min-width: 47.51em) {
  .jako-pdp .jako-codes--mobile { display: none; }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-title__h { font-size: var(--jako-title-size-mobile, 22px); }
  .jako-pdp .jako-title { margin-bottom: 14px; }
  .jako-pdp .jako-codes--desktop { display: none; }
}

/* ---------- Korte omschrijving (block jako_intro) ---------- */
.jako-pdp .jako-intro { margin-bottom: 20px; }
.jako-pdp .jako-intro__text { margin: 0; font-size: 14px; line-height: 1.5; color: var(--jako-text-c); }
.jako-pdp .jako-intro__more { margin-left: 4px; font-weight: 600; color: var(--jako-link-c); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
/* Zonder JS: knippen na drie regels (de link valt dan weg); assets/jako-pdp.js zet de link er weer in */
.jako-pdp .jako-intro__text--clamp3:not(.is-clamped) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (min-width: 47.51em) {
  .jako-pdp .jako-intro__text--mobile { display: none !important; }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-intro__text--desktop { display: none !important; }
}

/* ---------- Prijs (block jako_price) ---------- */
.jako-pdp .jako-price { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; }
.jako-pdp .jako-price p { margin: 0; }
.jako-pdp .jako-price__was { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #8b8b8b; }
.jako-pdp .jako-price__badge {
  padding: 0 7px;
  border-radius: 4px;
  background: var(--jako-accent-c);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
}
.jako-pdp .jako-price__now { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.jako-pdp .jako-price__amount {
  font-family: var(--jako-head);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--jako-text-c);
}
.jako-pdp .jako-price__amount--ask { font-size: 26px; }
.jako-pdp .jako-price__meta { display: flex; flex-direction: column; line-height: 1.35; font-size: 12px; color: var(--jako-muted-c); }
.jako-pdp .jako-price__vat { font-weight: 600; }
.jako-pdp .jako-price__other { font-weight: 400; }
.jako-pdp .jako-price__unit {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: flex-start;
  gap: 2px 6px;
  margin-top: 6px !important;
  padding: 3px 10px 3px 6px;
  border-radius: 999px;
  background: var(--jako-soft-c);
  box-shadow: inset 0 0 0 1px var(--jako-border-c);
  font-size: 12px;
  line-height: 18px;
  color: var(--jako-text-c);
}
.jako-pdp .jako-price__unit > span { color: var(--jako-muted-c); }
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-price__amount { font-size: 30px; }
}
/* Verkoopeenheid onder het aantal ("doos" / "dozen", qtyUnit in assets/jako-pdp.js) */
.jako-pdp .has-jako-unit { position: relative; }
.jako-pdp .jako-qty-unit { position: absolute; z-index: 2; left: 0; right: 0; bottom: 6px; font-size: 11px; font-weight: 500; line-height: 1; text-align: center; color: var(--jako-muted-c); pointer-events: none; }
.jako-pdp .has-jako-unit input { padding-bottom: 12px !important; }

/* Kassabon "korting in de winkelwagen" (jako_price, cart_discount_*) */
.jako-pdp .jako-cartdisc {
  --jako-cartdisc-c: color-mix(in srgb, var(--jako-accent-c) 70%, #000000);
  margin: 12px 0 0 !important;
  overflow: hidden;
  border: 1px solid var(--jako-border-c);
  border-radius: var(--jako-card);
  background: #ffffff;
}
.jako-pdp .jako-cartdisc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 !important;
  padding: 8px 14px;
  background: var(--jako-text-c);
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
}
.jako-pdp .jako-cartdisc__head strong { font-family: var(--jako-head); font-size: 14px; font-weight: 700; }
.jako-pdp .jako-cartdisc__rows { display: flex; flex-direction: column; gap: 6px; margin: 0 !important; padding: 12px 14px; font-size: 14px; line-height: 1.4; }
.jako-pdp .jako-cartdisc__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.jako-pdp .jako-cartdisc__row dt,
.jako-pdp .jako-cartdisc__row dd { margin: 0; padding: 0; font-weight: inherit; }
.jako-pdp .jako-cartdisc__row--price dt { color: var(--jako-muted-c); }
.jako-pdp .jako-cartdisc__row--off { color: var(--jako-cartdisc-c); font-weight: 600; }
.jako-pdp .jako-cartdisc__row--pay { margin-top: 4px; padding-top: 8px; border-top: 1px dashed #d6d6d6; font-weight: 700; }
.jako-pdp .jako-cartdisc__row--pay dd { font-family: var(--jako-head); font-size: 20px; line-height: 1.2; }
.jako-pdp .jako-cartdisc__note { margin: -6px 0 0 !important; padding: 0 14px 12px; font-size: 12px; line-height: 1.4; color: var(--jako-muted-c); }
/* Kassabon als één regel (cart_discount_style 'line', canvas bord 12, combinatie D): label, tekst en wat
   de klant betaalt; de berekening klapt uit */
.jako-pdp .jako-cartdisc--line { border-radius: 6px; }
#root .jako-pdp .jako-cartdisc__toggle {
  position: relative;
  float: none;
  z-index: auto;
  overflow: visible;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 7px 12px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  color: var(--jako-text-c);
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  cursor: pointer;
}
#root .jako-pdp .jako-cartdisc__toggle::before,
#root .jako-pdp .jako-cartdisc__toggle::after { content: none; display: none; }
.jako-pdp .jako-cartdisc__tag { flex: 0 0 auto; padding: 3px 7px; border-radius: 4px; background: var(--jako-text-c); color: #ffffff; font-size: 10px; font-weight: 700; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
.jako-pdp .jako-cartdisc__text { flex: 1 1 auto; min-width: 0; }
.jako-pdp .jako-cartdisc__pay { flex: 0 0 auto; font-family: var(--jako-head); font-size: 16px; font-weight: 700; white-space: nowrap; }
.jako-pdp .jako-cartdisc__chev { flex: 0 0 auto; color: var(--jako-muted-c); transition: transform 0.15s; }
.jako-pdp .jako-cartdisc__toggle[aria-expanded="true"] .jako-cartdisc__chev { transform: rotate(180deg); }
.jako-pdp .jako-cartdisc__more { border-top: 1px solid var(--jako-border-c); }
.jako-pdp .jako-cartdisc__more[hidden] { display: none; }
.jako-pdp .jako-cartdisc--line .jako-cartdisc__rows { padding: 10px 12px; font-size: 13px; }
.jako-pdp .jako-cartdisc--line .jako-cartdisc__row--pay dd { font-size: 16px; }
/* Mobiel compact: de prijs staat al groot erboven */
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-cartdisc__row--price { display: none; }
  .jako-pdp .jako-cartdisc__rows { padding: 10px 12px; }
  .jako-pdp .jako-cartdisc__row--pay dd { font-size: 18px; }
}

/* Dagdeal-strook (snippets/jako-pdp-dagdeal.liquid). Kleuren van de Black Friday-kop (assets/jako-bf.css):
   grond #01000f met een blauwe gloed, woordmerk met FRIDAY in magenta, oranje-zwarte werkstreep.
   --d: in het prijsblock (desktop), --kop: kop van het vlak met de kassabon, --m: onder de titel (mobiel). */
.jako-pdp a.jako-dd-strook {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  box-sizing: border-box;
  margin: 0 0 8px;
  padding: 10px 16px 13px;
  overflow: hidden;
  border-radius: 8px;
  background-color: #01000f;
  background-image: radial-gradient(120% 180% at 0% 0%, rgba(24, 110, 160, 0.62) 0%, rgba(1, 0, 15, 0) 58%);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
}
.jako-pdp a.jako-dd-strook[hidden] { display: none; }
.jako-pdp a.jako-dd-strook:hover { color: #ffffff; }
.jako-pdp a.jako-dd-strook:hover .jako-dd-strook__link { text-decoration: underline; }
.jako-pdp a.jako-dd-strook:focus-visible { outline: 2px solid var(--jako-accent-c); outline-offset: 2px; }
.jako-pdp .jako-dd-strook__mark { flex: 0 0 auto; display: flex; flex-direction: column; font-family: var(--jako-head); font-size: 12px; font-weight: 800; line-height: 0.95; letter-spacing: 0.02em; text-transform: uppercase; }
.jako-pdp .jako-dd-strook__mark span + span { color: #e0205a; }
.jako-pdp .jako-dd-strook__sep { flex: 0 0 1px; align-self: stretch; background: rgba(255, 255, 255, 0.18); }
.jako-pdp .jako-dd-strook__label { flex: 0 0 auto; padding: 3px 9px; border-radius: 4px; background: var(--jako-accent-c); color: #111111; font-size: 12px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.jako-pdp .jako-dd-strook__text { flex: 1 1 auto; min-width: 0; }
.jako-pdp .jako-dd-strook__title { font-family: var(--jako-head); font-size: 15px; font-weight: 700; }
.jako-pdp .jako-dd-strook__meta,
.jako-pdp .jako-dd-strook__sub,
.jako-pdp .jako-dd-strook__sub-short { color: #c3d6e3; font-variant-numeric: tabular-nums; }
.jako-pdp .jako-dd-strook__meta { white-space: nowrap; }
.jako-pdp .jako-dd-strook__sub { display: block; }
.jako-pdp .jako-dd-strook__short,
.jako-pdp .jako-dd-strook__arrow { display: none; }
.jako-pdp .jako-dd-strook__link { flex: 0 0 auto; color: #d3e7f2; font-weight: 600; white-space: nowrap; }
.jako-pdp .jako-dd-strook__arrow { flex: 0 0 auto; color: #d3e7f2; font-size: 18px; line-height: 1; }
.jako-pdp .jako-dd-strook__streep { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: repeating-linear-gradient(135deg, var(--jako-accent-c) 0 9px, #01000f 9px 18px); }
/* Soorten: eerdere deal en uitverkocht (rustig label), laatste dag (geel, aftelklok), Cyber Monday (blauw) */
.jako-pdp .jako-dd-strook--deal .jako-dd-strook__label,
.jako-pdp .jako-dd-strook--soldout .jako-dd-strook__label { background: rgba(255, 255, 255, 0.16); color: #ffffff; }
.jako-pdp .jako-dd-strook--last .jako-dd-strook__label { background: #f9af11; color: #111111; }
.jako-pdp .jako-dd-strook--ends .jako-dd-strook__sub,
.jako-pdp .jako-dd-strook--ends .jako-dd-strook__sub-short { color: #f9af11; font-weight: 700; }
.jako-pdp .jako-dd-strook--last .jako-dd-strook__streep { background: repeating-linear-gradient(135deg, #f9af11 0 9px, #01000f 9px 18px); }
.jako-pdp .jako-dd-strook--cm .jako-dd-strook__label { background: #186ea0; color: #ffffff; }
.jako-pdp .jako-dd-strook--cm .jako-dd-strook__mark span + span { color: #5fb4e6; }
.jako-pdp .jako-dd-strook--cm .jako-dd-strook__streep { background: repeating-linear-gradient(135deg, #186ea0 0 9px, #01000f 9px 18px); }
.jako-pdp a.jako-dd-strook--soldout { background-color: #1b1b24; background-image: none; }
.jako-pdp .jako-dd-strook--soldout .jako-dd-strook__streep { background: repeating-linear-gradient(135deg, #6b6b6b 0 9px, #01000f 9px 18px); }
/* Samengevoegd met de kassabon: één vlak met de strook als kop, de prijs en de korting. De kop van de
   kassabon en de regel "Prijs" vallen weg (de prijs staat er groot boven). */
.jako-pdp .jako-dd-box { overflow: hidden; border: 1px solid var(--jako-border-c); border-radius: 8px; background: #ffffff; }
.jako-pdp .jako-dd-box a.jako-dd-strook { margin: 0; border-radius: 0; }
.jako-pdp .jako-dd-box__price { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 0; }
.jako-pdp .jako-dd-box .jako-cartdisc { margin: 0 !important; border: 0; border-radius: 0; }
.jako-pdp .jako-dd-box .jako-cartdisc__head,
.jako-pdp .jako-dd-box .jako-cartdisc__row--price { display: none; }
/* Smalle koopkolom (naast de foto, ca. 1000–1300px breed scherm): zonder woordmerk en datum, zodat de
   strook op twee regels blijft. Container is het omhulsel van de strook (niet het prijsblock: dan zou
   de (i)-uitleg van de prijs in een eigen stapellaag vallen). */
.jako-pdp .jako-dd-c { container: jako-dd / inline-size; }
@container jako-dd (max-width: 560px) {
  .jako-pdp .jako-dd-strook__mark,
  .jako-pdp .jako-dd-strook__sep,
  .jako-pdp .jako-dd-strook__meta { display: none; }
}
/* Mobiel: één regel zonder woordmerk, met een pijl. Staat de strook onder de titel (--m), dan niet ook
   in het prijsblock; in het vlak met de kassabon komt dan de gewone kop van de kassabon terug. */
@media only screen and (min-width: 47.51em) {
  .jako-pdp a.jako-dd-strook--m { display: none; }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp a.jako-dd-strook { gap: 9px; min-height: 46px; padding: 8px 12px 11px; }
  .jako-pdp .jako-dd-strook__mark,
  .jako-pdp .jako-dd-strook__sep,
  .jako-pdp .jako-dd-strook__long,
  .jako-pdp .jako-dd-strook__link { display: none; }
  .jako-pdp .jako-dd-strook__short { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .jako-pdp .jako-dd-strook__arrow { display: block; }
  .jako-pdp .jako-dd-strook__label { padding: 2px 7px; font-size: 11px; }
  .jako-pdp .jako-dd-strook__title { font-size: 13px; }
  .jako-pdp .jako-dd-strook__streep { height: 3px; }
  .jako-pdp a.jako-dd-strook--m { margin: 6px 0 0; }
  .jako-pdp:has(.jako-dd-strook--m) a.jako-dd-strook--d { display: none; }
  /* Strook onder de titel: geen gezamenlijk vlak, prijs en kassabon zoals zonder dagdeal */
  .jako-pdp:has(.jako-dd-strook--m) .jako-dd-box { overflow: visible; border: 0; border-radius: 0; background: none; }
  .jako-pdp:has(.jako-dd-strook--m) .jako-dd-box__price { padding: 0; }
  .jako-pdp:has(.jako-dd-strook--m) .jako-dd-box .jako-cartdisc { margin: 12px 0 0 !important; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); }
  .jako-pdp:has(.jako-dd-strook--m) .jako-dd-box .jako-cartdisc__head { display: flex; }
}

/* Geen kortingslabel op de foto: de korting staat bij de prijs (instelling van jako_price) */
.m6pr.jako-pdp:has(.jako-price--no-photo-label) .l4pr .overlay-sale { display: none; }

/* ---------- Uitleg-popup (i) ---------- */
.jako-pdp .jako-pop { position: relative; display: inline-flex; }
#root .jako-pdp .jako-pop__btn {
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  background: #ffffff;
  color: var(--jako-muted-c);
  cursor: pointer;
  position: relative;
}
#root .jako-pdp .jako-pop__btn::before { content: none; display: none; }
/* Groter tikvlak (34 px) dan het rondje van 18 px; de stijlen van het thema voor button::after uitgezet */
#root .jako-pdp .jako-pop__btn::after {
  content: "";
  display: block;
  position: absolute;
  inset: -8px;
  z-index: 0;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  box-shadow: none;
  opacity: 1;
  transform: none;
}
#root .jako-pdp .jako-pop__btn[aria-expanded="true"] { border-color: var(--jako-sel-c); }
.jako-pdp .jako-pop__panel {
  position: absolute;
  z-index: var(--jako-z-float);
  top: calc(100% + 6px);
  left: -8px;
  width: 270px;
  max-width: 80vw;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1px solid var(--jako-border-c);
  border-radius: var(--jako-card);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--jako-text-c);
  text-align: left;
  white-space: normal;
}
.jako-pdp .jako-pop__panel[hidden] { display: none; }
.jako-pdp .jako-pop__panel strong { display: block; margin-bottom: 2px; }
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-pop__panel { left: -60px; }
}

/* ---------- Uitvoeringen (block jako_variant_picker) ---------- */
.jako-pdp .jako-choice {
  --jako-vp-r: max(var(--jako-card), 6px);
  --jako-vp-panel: var(--jako-panel, #f5f5f5);
  --jako-vp-row-sel: color-mix(in srgb, var(--jako-sel-c) 12%, #ffffff);
  position: relative;
  margin-bottom: 16px;
}
.jako-pdp .jako-vp { z-index: 4; }
.jako-pdp .jako-vol { z-index: 3; }
.jako-pdp .jako-choice.is-open { z-index: var(--jako-z-float); }

/* Keuzevlak (stijl 'tile'): uitvoering en staffel direct onder elkaar vormen één getint vlak */
.jako-pdp .jako-choice--tile { padding: 14px; border-radius: var(--jako-vp-r); background: var(--jako-vp-panel); }
.jako-pdp .jako-choice--tile + .jako-choice--tile {
  margin-top: calc(-16px - var(--jako-vp-r));
  padding-top: calc(4px + var(--jako-vp-r));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.jako-pdp .jako-choice--row { margin-bottom: 8px; }
.jako-pdp .jako-vol--off { display: none; }
.jako-pdp .jako-vp__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 10px; }
.jako-pdp .jako-vp__title { font-family: var(--jako-head); font-size: 16px; font-weight: 700; line-height: 1.3; }
.jako-pdp .jako-vp__count { font-size: 12px; font-weight: 500; color: var(--jako-muted-c); }

/* Knop (gesloten) */
#root .jako-pdp .jako-vp__toggle {
  position: relative;
  float: none;
  z-index: auto;
  overflow: visible;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 8px 10px 8px 14px;
  box-sizing: border-box;
  border: 2px solid var(--jako-text-c);
  border-radius: var(--jako-vp-r);
  background: #ffffff;
  color: var(--jako-text-c);
  font: inherit;
  text-align: left;
  text-indent: 0;
  cursor: pointer;
}
#root .jako-pdp .jako-vp__toggle::before,
#root .jako-pdp .jako-vp__toggle::after { content: none; display: none; }
#root .jako-pdp .jako-vp__toggle:hover { background: var(--jako-sel-bg-c); }
#root .jako-pdp .jako-choice--row .jako-vp__toggle {
  flex-wrap: wrap;
  gap: 2px 14px;
  min-height: 0;
  padding: 10px 14px;
  border-width: 1px;
  border-color: var(--jako-border-c);
  border-radius: 4px;
}
#root .jako-pdp .jako-choice--row .jako-vp__toggle[aria-expanded="true"] { border-color: var(--jako-sel-c); background: var(--jako-vp-panel); }
.jako-pdp .jako-vp__kop { flex: 0 0 100%; font-size: 12px; color: var(--jako-muted-c); }
.jako-pdp .jako-vp__chev {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--jako-vp-panel);
}
.jako-pdp .jako-vp__chev svg { transition: transform .15s; }
.jako-pdp .jako-vp__toggle[aria-expanded="true"] .jako-vp__chev svg { transform: rotate(180deg); }
.jako-pdp .jako-choice--row .jako-vp__chev { display: none; }

/* Eén uitvoering: in de knop en in de lijst */
.jako-pdp .jako-vp__opt { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-vp__img {
  display: flex;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--jako-vp-panel);
}
.jako-pdp .jako-vp__img img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.jako-pdp .jako-choice--row .jako-vp__opt--toggle .jako-vp__img { flex-basis: 44px; width: 44px; height: 44px; padding: 3px; }
.jako-pdp .jako-vp__txt { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; min-width: 0; }
.jako-pdp .jako-vp__name { font-size: 15px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.jako-pdp .jako-choice--row .jako-vp__opt--toggle .jako-vp__txt { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 10px; }
.jako-pdp .jako-choice--row .jako-vp__opt--toggle .jako-vp__name { font-size: 14px; }
.jako-pdp .jako-choice--row .jako-vp__opt--toggle .jako-vp__stock { font-weight: 500; }
.jako-pdp .jako-vp__code { font-size: 12px; color: #9a9a9a; }
.jako-pdp .jako-vp__end { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: 0 0 auto; text-align: right; }
.jako-pdp .jako-vp__price { font-size: 15px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.jako-pdp .jako-choice--row .jako-vp__opt--toggle .jako-vp__price { font-size: 14px; }
.jako-pdp .jako-vp__action { font-size: 12px; font-weight: 600; color: var(--jako-link-c); text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-choice--row .jako-vp__action { font-size: 13px; }
.jako-pdp .jako-vp__stock { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.jako-pdp .jako-vp__stock::before { content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.jako-pdp .jako-vp__stock--in { color: var(--jako-ok-c); }
.jako-pdp .jako-vp__stock--later { color: color-mix(in srgb, var(--jako-accent-c) 82%, #000000); }
.jako-pdp .jako-vp__stock--later::before { background: var(--jako-accent-c); }
.jako-pdp .jako-vp__stock--ask { color: var(--jako-link-c); }
.jako-pdp .jako-vp__stock--out { color: var(--jako-muted-c); }
.jako-pdp .jako-vp__stock--out::before { background: #9a9a9a; }

/* Zwevende lijst */
.jako-pdp .jako-vp__panel {
  position: absolute;
  z-index: 45;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 520px;
  overflow: auto;
  padding: 14px;
  box-sizing: border-box;
  border: 1px solid var(--jako-border-c);
  border-radius: var(--jako-vp-r);
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}
.jako-pdp .jako-vp__panel[hidden] { display: none; }
.jako-pdp .jako-vp__list { margin: 0; padding: 0; list-style: none; border: 1px solid var(--jako-border-c); border-radius: var(--jako-vp-r); overflow: hidden; }
.jako-pdp .jako-vp__item { margin: 0; padding: 0; }
.jako-pdp .jako-vp__item::before { content: none; }
.jako-pdp .jako-vp__item + .jako-vp__item { border-top: 1px solid var(--jako-border-c); }
.jako-pdp .jako-vp__item[hidden] { display: none; }
.jako-pdp .jako-vp__list .jako-vp__opt { gap: 10px; padding: 10px 12px; }
.jako-pdp .jako-vp__list .jako-vp__name { font-size: 14px; }
.jako-pdp .jako-vp__list .jako-vp__opt:hover,
.jako-pdp .jako-vp__list .jako-vp__opt:focus-visible { background: var(--jako-sel-bg-c); }
.jako-pdp .jako-vp__list .jako-vp__opt.is-current { background: var(--jako-vp-row-sel); }
.jako-pdp .jako-vp__search {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0 0 10px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--jako-border-c);
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
}
.jako-pdp .jako-vp__search:focus { outline: 2px solid var(--jako-sel-c); outline-offset: 1px; }
.jako-pdp .jako-vp__empty { margin: 0; padding: 14px 12px; font-size: 13px; color: var(--jako-muted-c); }
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-vp__panel { max-height: 440px; }
  .jako-pdp .jako-vp__list .jako-vp__img { flex-basis: 48px; width: 48px; height: 48px; }
  .jako-pdp .jako-vp__list .jako-vp__price { font-size: 14px; }
}

/* Staffel (block jako_volume_pricing) */
.jako-pdp .jako-vol .jako-vol__hint { font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--jako-muted-c); }
.jako-pdp .jako-vol--tile .jako-vp__action { color: var(--jako-muted-c); font-weight: 500; text-decoration: none; }
.jako-pdp .jako-vol--row .jako-vp__opt--toggle .jako-vp__name { font-size: 14px; }
.jako-pdp .jako-vol__cur-price { display: none; }
.jako-pdp .jako-vol__cur-price.is-active { display: inline; }
#root .jako-pdp .jako-vol__tier {
  float: none;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--jako-text-c);
  font: inherit;
  text-align: left;
  text-indent: 0;
  cursor: pointer;
}
#root .jako-pdp .jako-vol__tier:hover,
#root .jako-pdp .jako-vol__tier:focus-visible { background: var(--jako-sel-bg-c); }
#root .jako-pdp .jako-vol__tier.is-current { background: var(--jako-vp-row-sel); }
#root .jako-pdp .jako-vol__tier::before,
#root .jako-pdp .jako-vol__tier::after { content: none; display: none; }
.jako-pdp .jako-vol__pct { font-size: 12px; font-weight: 700; color: var(--jako-ok-c); }
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-vol--no-prices-m .jako-vol__tier-price,
  .jako-pdp .jako-vol--no-prices-m .jako-vol__prices { display: none; }
}

/* ---------- Levering (block jako_delivery) ---------- */
.jako-pdp .jako-delivery-wrap { margin-bottom: 18px; }
.jako-pdp .jako-delivery__rows { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.jako-pdp .jako-delivery__row { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: var(--jako-text-c); }
.jako-pdp .jako-delivery__row::before { content: none; }
.jako-pdp .jako-delivery__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 20px; height: 22px; color: var(--jako-muted-c); }
.jako-pdp .jako-delivery__row--stock .jako-delivery__icon { color: var(--jako-ok-c); }
.jako-pdp .jako-delivery__row--stock strong { color: var(--jako-ok-c); }
.jako-pdp .jako-delivery--none .jako-delivery__row--stock .jako-delivery__icon,
.jako-pdp .jako-delivery--none .jako-delivery__row--stock strong { color: color-mix(in srgb, var(--jako-accent-c) 82%, #000000); }
.jako-pdp .jako-delivery__partial-text,
.jako-pdp .jako-delivery__row--partial { display: none; }
.jako-pdp .jako-delivery.is-partial .jako-delivery__stock-text { display: none; }
.jako-pdp .jako-delivery.is-partial .jako-delivery__partial-text { display: inline; color: color-mix(in srgb, var(--jako-accent-c) 82%, #000000); }
.jako-pdp .jako-delivery.is-partial .jako-delivery__row--partial { display: flex; }
.jako-pdp .jako-delivery.is-partial .jako-delivery__row--stock .jako-delivery__icon { color: var(--jako-accent-c); }
.jako-pdp .jako-delivery__row--ship .jako-pop { align-self: center; margin-left: 2px; }
.jako-pdp .jako-delivery__row--free .jako-delivery__icon,
.jako-pdp .jako-delivery__row--free > span:not(.jako-pop) strong { color: var(--jako-ok-c); }
.jako-pdp .jako-delivery__row--ship > span:not(.jako-pop) strong { white-space: nowrap; }
.jako-pdp .jako-pop__panel--wide { width: 320px; }
.jako-pdp .jako-pop__p { display: block; margin-top: 4px; }
.jako-pdp .jako-pop__muted { color: var(--jako-muted-c); }
.jako-pdp .jako-pop__link { display: inline-block; margin-top: 8px; color: var(--jako-link-c); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-ship-methods { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; padding: 10px 0; border-top: 1px solid var(--jako-border-c); border-bottom: 1px solid var(--jako-border-c); }
.jako-pdp .jako-ship-methods__m { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 12px; }
.jako-pdp .jako-ship-methods__m strong { margin: 0; white-space: nowrap; }
/* Goedkoper bij een hogere bestelwaarde: een eigen regel onder de prijs, zodat de naam niet afbreekt */
.jako-pdp .jako-ship-methods__free { flex: 1 1 100%; text-align: right; font-size: 12px; font-weight: 500; white-space: nowrap; color: var(--jako-ok-c); }

/* "Verwacht in huis" (jako-atp-webshopdatum) vervangt de levertijdregel */
.jako-pdp .jako-delivery-wrap .atp-webshopdatum:not([hidden]) {
  position: relative;
  margin-top: 8px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 22px;
  color: var(--jako-text-c);
}
.jako-pdp .jako-delivery-wrap .atp-webshopdatum::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--jako-muted-c);
  border-radius: 50%;
}

/* Restvoorraad uitlopend artikel (snippets/jako-pdp-rest.liquid): lichte tint van de accentkleur */
.jako-pdp .jako-rest { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 0; padding: 10px 12px; box-sizing: border-box; border-radius: min(var(--jako-card), 8px); background: color-mix(in srgb, var(--jako-accent-c) 8%, #ffffff); color: var(--jako-text-c); font-size: 13px; line-height: 1.45; }
.jako-pdp .jako-rest svg { flex: 0 0 auto; margin-top: 1px; color: var(--jako-accent-c); }
.jako-pdp .jako-rest__text { min-width: 0; }
.jako-pdp .jako-rest__cap { display: block; margin-top: 3px; font-weight: 700; }
.jako-pdp .jako-rest__cap[hidden] { display: none; }
/* Melding (op aanvraag): één neutrale tint, icoon in de shopkleur */
.jako-pdp .jako-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: var(--jako-card); background: #f6f6f6; }
.jako-pdp .jako-note__icon { display: flex; flex: 0 0 auto; margin-top: 2px; color: var(--jako-accent-c); }
.jako-pdp .jako-note__txt { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 1.45; }
.jako-pdp .jako-note__txt span { font-size: 13px; color: var(--jako-muted-c); }

/* ---------- Bestelknop (block jako_buy_extras) ---------- */
.jako-pdp .jako-btn-total { margin-left: 6px; font-weight: 700; }
.jako-pdp .jako-btn-total::before { content: "·"; margin-right: 6px; font-weight: 400; }
.jako-pdp .jako-buy__in-cart { display: flex; align-items: center; gap: 6px; margin: -6px 0 14px; font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp .jako-buy__in-cart[hidden] { display: none; }
.jako-pdp .jako-buy__in-cart strong { color: var(--jako-text-c); }
/* Op aanvraag: geen bestelknop, snelle checkout of offertelijst; wel Offerte aanvragen */
.jako-pdp.jako-is-on-request form button[type="submit"],
.jako-pdp.jako-is-on-request .shopify-payment-button,
.jako-pdp.jako-is-on-request .f8pr-quote,
.jako-pdp.jako-is-on-request [class*="quote-list"],
html.jako-on-request .f8ps,
html.jako-on-request [id$="sticky-add-to-cart"] { display: none !important; }
.jako-pdp .jako-quote-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 46px;
  padding: 0 20px;
  border-radius: var(--jako-r);
  background: var(--jako-buy-c);
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

/* ---------- Bundels (block jako_bundles, assets/jako-pdp-bundles.js): kaart, de rest klapt uit ---------- */
/* De bron, het app block Syncer › Product bundles, blijft op de pagina; de snippet verbergt het (eigen <style>) */
.m6pr-compact .jako-bundles { display: none !important; }
.jako-pdp .jako-bundles { margin: 18px 0; color: var(--jako-text-c); }
.jako-pdp .jako-bundles[hidden] { display: none; }
.jako-pdp .jako-bundles__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin-bottom: 8px; }
#root .jako-pdp .jako-bundles__title { margin: 0; font-family: var(--jako-head); font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--jako-text-c); }
#root .jako-pdp :is(.jako-bundles__more, .jako-bundle__add) { float: none; min-width: 0; margin: 0; text-indent: 0; text-transform: none; letter-spacing: 0; box-shadow: none; font: inherit; cursor: pointer; }
#root .jako-pdp :is(.jako-bundles__more, .jako-bundle__add)::before,
#root .jako-pdp :is(.jako-bundles__more, .jako-bundle__add)::after { content: none; display: none; }
#root .jako-pdp .jako-bundles__more { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0; border: 0; background: none; color: var(--jako-link-c); font-size: 13px; font-weight: 700; }
#root .jako-pdp .jako-bundles__more[hidden] { display: none; }
.jako-pdp .jako-bundles__more-label { text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-bundles.is-open .jako-bundles__more svg { transform: rotate(180deg); }
#root .jako-pdp .jako-bundles__list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
/* Plek vrijhouden tot het script de kaart heeft gebouwd */
.jako-pdp .jako-bundles:not(.is-ready) .jako-bundles__list { min-height: 104px; }
.jako-pdp .jako-bundles[data-cart-discount]:not(.is-ready) .jako-bundles__list { min-height: 145px; }
#root .jako-pdp .jako-bundle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "thumbs text price" "thumbs text add" "cart cart cart";
  align-items: center;
  gap: 2px 14px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--jako-border-c);
  border-radius: var(--jako-card);
  background: #ffffff;
  font-size: 14px;
  line-height: 1.35;
}
#root .jako-pdp .jako-bundle::before { content: none; display: none; }
#root .jako-pdp .jako-bundle[hidden] { display: none; }
.jako-pdp .jako-bundle__thumbs { grid-area: thumbs; display: flex; align-items: center; gap: 4px; }
.jako-pdp .jako-bundle__plus {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--jako-sel-c);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.jako-pdp .jako-bundle__thumb {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 3px;
  box-sizing: border-box;
  border-radius: var(--jako-r);
  background: var(--jako-soft-c);
}
/* Het thema zet img op height: auto !important (body > div[id] img); daarom max-height */
#root .jako-pdp .jako-bundle__thumb img { display: block; width: auto; max-width: 100%; max-height: 34px; object-fit: contain; mix-blend-mode: multiply; }
.jako-pdp .jako-bundle__qty {
  position: absolute;
  right: -4px;
  bottom: -4px;
  padding: 0 4px;
  border-radius: 3px;
  background: var(--jako-text-c);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
}
.jako-pdp .jako-bundle__text { grid-area: text; min-width: 0; }
.jako-pdp .jako-bundle__title { display: block; font-weight: 700; color: var(--jako-text-c); }
.jako-pdp .jako-bundle__items { display: block; margin-top: 2px; font-size: 12px; color: var(--jako-muted-c); }
#root .jako-pdp .jako-bundle__items a { color: inherit; text-decoration: none; }
#root .jako-pdp .jako-bundle__items a:hover { text-decoration: underline; }
.jako-pdp .jako-bundle__price { grid-area: price; align-self: end; display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.25; }
.jako-pdp .jako-bundle__amounts { white-space: nowrap; }
.jako-pdp .jako-bundle__old { margin-right: 6px; font-size: 12px; color: #767676; }
.jako-pdp .jako-bundle__pay { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--jako-text-c); }
.jako-pdp .jako-bundle__vat { font-size: 12px; color: var(--jako-muted-c); }
.jako-pdp .jako-bundle__save { font-size: 12px; font-weight: 600; color: color-mix(in srgb, var(--jako-accent-c) 70%, #000000); }
#root .jako-pdp .jako-bundle__add {
  grid-area: add;
  align-self: start;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  min-height: 0;
  margin-top: 6px;
  padding: 0 14px;
  border: 1px solid var(--jako-buy-c);
  border-radius: var(--jako-r);
  background: #ffffff;
  color: color-mix(in srgb, var(--jako-buy-c) 70%, #000000);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
#root .jako-pdp .jako-bundle__add:hover { background: color-mix(in srgb, var(--jako-buy-c) 8%, #ffffff); }
#root .jako-pdp .jako-bundle__add.is-busy { opacity: .6; cursor: progress; }
.jako-pdp .jako-bundle__check { display: none; flex: 0 0 auto; }
/* Kassabon (korting in de winkelwagen, bijv. BF) onderaan de kaart, zoals de regel "Jij betaalt" van de kassabon */
#root .jako-pdp .jako-bundle__cart {
  grid-area: cart;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 12px;
  margin: 8px 0 0 !important;
  padding: 8px 0 0;
  border-top: 1px dashed #d6d6d6;
  font-size: 13px;
  line-height: 1.4;
}
#root .jako-pdp .jako-bundle__cart[hidden] { display: none; }
.jako-pdp .jako-bundle__cart-off { font-weight: 600; color: color-mix(in srgb, var(--jako-accent-c) 70%, #000000); }
.jako-pdp .jako-bundle__cart-pay { font-weight: 700; color: var(--jako-text-c); }
.jako-pdp .jako-bundle__cart-amount { font-family: var(--jako-head); font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.jako-pdp .jako-bundle__add.is-added .jako-bundle__check { display: block; }
@media only screen and (max-width: 47.5em) {
  /* Mobiel: foto's en prijs boven, tekst eronder, knop over de volle breedte */
  #root .jako-pdp .jako-bundle {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "thumbs price" "text text" "cart cart" "add add";
    align-items: start;
    gap: 10px;
    padding: 12px;
  }
  .jako-pdp .jako-bundle__thumbs { gap: 3px; }
  .jako-pdp .jako-bundle__plus { width: 14px; height: 14px; font-size: 11px; }
  .jako-pdp .jako-bundle__thumb { width: 38px; height: 38px; }
  #root .jako-pdp .jako-bundle__thumb img { max-height: 32px; }
  .jako-pdp .jako-bundle__price { align-self: start; }
  .jako-pdp .jako-bundle__old { display: block; margin-right: 0; }
  .jako-pdp .jako-bundle__vat { font-size: 11px; }
  #root .jako-pdp .jako-bundle__add { justify-self: stretch; height: 44px; margin-top: 0; font-size: 14px; }
  #root .jako-pdp .jako-bundle__cart { margin: 0 !important; }
  .jako-pdp .jako-bundles:not(.is-ready) .jako-bundles__list { min-height: 182px; }
  .jako-pdp .jako-bundles[data-cart-discount]:not(.is-ready) .jako-bundles__list { min-height: 243px; }
}

/* ---------- Vertrouwen (block jako_trust), grootte "Groter": 14–15px, vinkjes 16px ---------- */
.jako-pdp .jako-trust .jako-trust__v { margin-bottom: 18px; }
/* Drie klassen: de bullets zijn ook .jako-trust__list (display: flex) */
.jako-pdp .jako-trust .jako-trust__v { display: none; }
@media only screen and (min-width: 47.51em) {
  .jako-pdp .jako-trust--d-current .jako-trust__v--current,
  .jako-pdp .jako-trust--d-badge .jako-trust__v--badge,
  .jako-pdp .jako-trust--d-row .jako-trust__v--row,
  .jako-pdp .jako-trust--d-bullets .jako-trust__v--bullets { display: flex; }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-trust--m-current .jako-trust__v--current,
  .jako-pdp .jako-trust--m-badge .jako-trust__v--badge,
  .jako-pdp .jako-trust--m-row .jako-trust__v--row,
  .jako-pdp .jako-trust--m-bullets .jako-trust__v--bullets { display: flex; }
}
.jako-pdp .jako-trust__v--current { flex-direction: column; gap: 18px; }
.jako-pdp .jako-trust__badge { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; padding: 0 16px; box-sizing: border-box; border: 1px solid var(--jako-border-c); border-radius: 4px; }
.jako-pdp .jako-trust__v--badge { flex-direction: column; }
.jako-pdp .jako-trust__badge-text p { margin: 0; }
.jako-pdp .jako-trust__badge-text a { font-weight: 700; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-trust__badge-img { flex: 0 0 auto; width: 105px; height: auto; }
.jako-pdp .jako-trust__list { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 1.45; }
.jako-pdp .jako-trust__list li { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.jako-pdp .jako-trust__list li::before { content: none; display: none; }
/* Een link in een vertrouwensregel moet als link herkenbaar zijn (bijv. "Volledige Makita-garantie") */
.jako-pdp .jako-trust__list a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.jako-pdp .jako-trust__list a:hover { color: var(--jako-link-c); }
.jako-pdp .jako-trust svg { flex: 0 0 auto; color: var(--jako-ok-c); }
.jako-pdp .jako-trust__v--row { flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 10px 16px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); background: #ffffff; }
.jako-pdp .jako-trust__v--row .jako-trust__list { flex-direction: row; flex-wrap: wrap; gap: 10px 18px; font-size: 14px; }
.jako-pdp .jako-trust__keur { display: flex; align-items: center; gap: 8px; padding-right: 18px; border-right: 1px solid var(--jako-border-c); font-size: 12px; line-height: 1.25; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-trust__keur strong { display: block; font-size: 13px; }
.jako-pdp .jako-trust__v--bullets { gap: 4px; font-size: 14px; }

/* ---------- Shopify-varianten (block variant_selection): keuzelijst ---------- */
/* iOS zoomt in op een keuzelijst onder 16px; de lijst zelf is die van de telefoon */
@media only screen and (max-width: 47.5em) {
  #root .jako-pdp .f8pr-variant-selection select { font-size: 16px; }
}

/* ---------- Actie (block jako_promo en sectie jako-pdp-promo-text) ---------- */
.jako-pdp [data-jako-promo-end][hidden],
.jako-pdp[data-jako-promo-end][hidden] { display: none; }
.jako-pdp .jako-promo-days { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px 2px 3px; border-radius: 999px; background: #ffffff; color: var(--jako-text-c); font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; }
.jako-pdp .jako-promo-days[hidden],
.jako-pdp .jako-promo__until[hidden] { display: none; }
.jako-pdp .jako-promo-days__clock { flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; background: var(--jako-accent-c); color: #ffffff; display: flex; align-items: center; justify-content: center; }
/* Strook bij de prijs */
.jako-pdp .jako-promo--strip { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 10px 12px; box-sizing: border-box; border: 1px solid var(--jako-promo-line); border-radius: var(--jako-card); background: var(--jako-promo-bg); font-size: 13px; line-height: 1.45; color: var(--jako-text-c); }
.jako-pdp .jako-promo__ico { flex: 0 0 auto; display: flex; color: var(--jako-accent-c); }
.jako-pdp .jako-promo__body { flex: 1 1 auto; min-width: 0; }
.jako-pdp .jako-promo__title { display: block; }
.jako-pdp .jako-promo__line { display: flex; align-items: center; gap: 8px; min-width: 0; margin-top: 2px; color: var(--jako-muted-c); white-space: nowrap; }
.jako-pdp .jako-promo__terms { color: var(--jako-text-c); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-promo__chip-inline { display: none; }
/* Mix & Match (winkelwagen v2, stap 7): extra regel in de strook, of een eigen strook */
.jako-pdp .jako-promo__mix { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--jako-promo-line); }
.jako-pdp .jako-promo__mix > strong { display: block; }
.jako-pdp .jako-promo__mix-text { display: block; margin-top: 2px; color: var(--jako-muted-c); }
.jako-pdp .jako-promo--image + .jako-promo--mix { margin-top: -6px; }
/* Actiebeeld onder de knop */
/* Kaart in de merkkleur (jako_promo, style card; canvas bord 12, combinatie D). Kleur en tekstkleur uit het
   merk (brand.color, brand.text_color); zonder merk donker. */
.jako-pdp a.jako-promo--card,
.jako-pdp a.jako-promo--card:hover {
  --jako-merk-fg: #ffffff;
  --jako-merk-soft: rgba(255, 255, 255, 0.86);
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  margin: 0 0 12px;
  padding: 9px 10px 9px 12px;
  box-sizing: border-box;
  border-radius: var(--jako-card);
  background: var(--jako-merk, #1b1b24);
  color: var(--jako-merk-fg);
  font-size: 12px;
  line-height: 1.35;
  text-decoration: none;
}
.jako-pdp a.jako-promo--card.jako-promo--dark { --jako-merk-fg: #111111; --jako-merk-soft: rgba(17, 17, 17, 0.78); }
.jako-pdp .jako-promo__plate { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; border-radius: 6px; background: #ffffff; }
#root .jako-pdp .jako-promo__logo { display: block; width: auto; max-width: 58px; height: auto; max-height: 16px; margin: 0; }
.jako-pdp .jako-promo--card .jako-promo__body { display: flex; flex-direction: column; gap: 2px; }
.jako-pdp .jako-promo__kicker { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--jako-merk-soft); }
.jako-pdp .jako-promo--card .jako-promo__title { font-family: var(--jako-head); font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--jako-merk-fg); }
.jako-pdp .jako-promo__sub { color: var(--jako-merk-soft); }
.jako-pdp .jako-promo__how { text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-promo__gift { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; overflow: hidden; border-radius: 50%; background: #ffffff; }
#root .jako-pdp .jako-promo__gift-img { display: block; width: 46px; height: 46px !important; margin: 0; object-fit: contain; }
.jako-pdp a.jako-promo__also,
.jako-pdp a.jako-promo__also:hover { display: flex; align-items: center; gap: 8px; min-height: 36px; margin: -4px 0 12px; font-size: 13px; line-height: 1.35; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-promo__also-plus { flex: 0 0 20px; height: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--jako-border-c); border-radius: 50%; background: var(--jako-soft-c); font-weight: 700; line-height: 1; }
.jako-pdp .jako-promo__also-text { flex: 1 1 auto; min-width: 0; }
.jako-pdp a.jako-promo__also:hover .jako-promo__also-text strong { text-decoration: underline; text-underline-offset: 3px; }
/* Mobiel: "Registreer bij <merk>" weg, zodat de kaart laag blijft; de actietekst legt het uit */
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-promo__reg { display: none; }
}
.jako-pdp .jako-promo--image { display: block; margin: 0 0 18px; border-radius: var(--jako-card); overflow: hidden; }
.jako-pdp .jako-promo--image img { display: block; width: 100%; height: auto; margin: 0; }
/* Actietekst: desktop een kaart, mobiel een harmonica */
.jako-pdp.jako-actie-wrap { margin-bottom: var(--jako-actie-mb, 40px); }
.jako-pdp .jako-actie { font-size: 14px; line-height: 1.6; color: var(--jako-text-c); }
.jako-pdp .jako-actie__toggle { display: none; }
.jako-pdp .jako-actie__body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "head cond" "text cond" "link cond"; align-content: start; padding: 24px 0; box-sizing: border-box; border: 1px solid var(--jako-promo-line); border-radius: var(--jako-card); background: var(--jako-promo-bg); }
.jako-pdp .jako-actie__head { grid-area: head; display: flex; align-items: flex-start; gap: 14px; padding: 0 28px; }
.jako-pdp .jako-actie__ico { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: #ffffff; color: var(--jako-accent-c); display: flex; align-items: center; justify-content: center; }
.jako-pdp .jako-actie__titles { min-width: 0; }
.jako-pdp .jako-actie__title { margin: 0; font-family: var(--jako-head); font-size: var(--jako-actie-h, 17px); font-weight: 700; line-height: 1.35; color: var(--jako-text-c); }
.jako-pdp .jako-actie__days { margin: 6px 0 0; }
.jako-pdp .jako-actie__days:has(> [hidden]) { display: none; }
.jako-pdp .jako-actie__text { grid-area: text; margin: 10px 0 0; padding: 0 28px 0 88px; }
.jako-pdp .jako-actie__link { grid-area: link; justify-self: start; margin: 10px 28px 0 88px; color: var(--jako-link-c); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.jako-pdp .jako-actie__cond { grid-area: cond; padding: 0 28px; border-left: 1px solid var(--jako-promo-line); }
.jako-pdp .jako-actie__cond-h { margin: 0 0 6px; font-family: var(--jako-head); font-size: calc(var(--jako-actie-h, 17px) - 2px); font-weight: 700; line-height: 1.35; color: var(--jako-text-c); }
.jako-pdp .jako-actie__list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0 0 0 20px; list-style: disc outside; line-height: 1.6; }
.jako-pdp .jako-actie__list li { display: list-item; margin: 0; padding: 0; }
.jako-pdp .jako-actie__list li::before { content: none; display: none; }
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-promo__chip-inline { display: inline-flex; }
  .jako-pdp .jako-promo__chip-right { display: none; }
  .jako-pdp .jako-promo--no-mobile { display: none; }
  .jako-pdp.jako-actie-wrap { margin-bottom: var(--jako-actie-mb-m, 24px); }
  #root .jako-pdp .jako-actie__toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; float: none; width: 100%; min-height: 58px; margin: 0; padding: 0 4px 0 0; box-sizing: border-box; border: 0; border-bottom: 1px solid var(--jako-border-c); border-radius: 0; background: none; box-shadow: none; color: var(--jako-text-c); font-family: var(--jako-head); font-size: var(--jako-actie-h, 17px); font-weight: 700; line-height: 1.3; text-align: left; text-transform: none; letter-spacing: 0; cursor: pointer; }
  #root .jako-pdp .jako-actie__toggle::before,
  #root .jako-pdp .jako-actie__toggle::after { content: none; display: none; }
  .jako-pdp .jako-actie__toggle-label { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
  .jako-pdp .jako-actie__badge { padding: 0 6px; border-radius: 2px; background: var(--jako-accent-c); color: #ffffff; font-family: var(--jako-body); font-size: 11px; font-weight: 700; line-height: 18px; }
  .jako-pdp .jako-actie__chev { flex: 0 0 auto; transition: transform 0.2s ease; }
  .jako-pdp .jako-actie.is-open .jako-actie__chev { transform: rotate(180deg); }
  .jako-pdp .jako-actie__body { display: none; grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "text" "cond" "link"; padding: 4px 0 18px; border: 0; border-bottom: 1px solid var(--jako-border-c); border-radius: 0; background: none; }
  .jako-pdp .jako-actie.is-open .jako-actie__body { display: grid; }
  .jako-pdp .jako-actie__head { gap: 12px; padding: 0; }
  .jako-pdp .jako-actie__ico { flex-basis: 40px; width: 40px; height: 40px; background: var(--jako-promo-bg); }
  .jako-pdp .jako-actie__title { font-size: 15px; }
  .jako-pdp .jako-actie .jako-promo-days { background: var(--jako-promo-bg); }
  .jako-pdp .jako-actie__text { padding: 0; }
  .jako-pdp .jako-actie__cond { margin-top: 14px; padding: 0; border: 0; }
  .jako-pdp .jako-actie__cond-h { font-size: 14px; }
  .jako-pdp .jako-actie__link { margin: 10px 0 0; }
}

/* Actietekst, vorm 'card' (lichte kaart; canvas bord 12b, richting B). Merkkleur uit het merk (--jako-merk,
   inline), zonder merk donker; tekstkleur op de merkkleur volgt brand.text_color (.jako-ab--dark). */
.jako-pdp .jako-ab {
  --jako-merk-c: var(--jako-merk, #1b1b24);
  --jako-merk-fg: #ffffff;
  --jako-merk-ink: color-mix(in srgb, var(--jako-merk-c) 72%, #000000);
  --jako-merk-tint: color-mix(in srgb, var(--jako-merk-c) 10%, #ffffff);
}
.jako-pdp .jako-ab--dark { --jako-merk-fg: #111111; }
.jako-pdp .jako-ab__heading { margin: 0 0 14px; font-family: var(--jako-head); font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--jako-text-c); }
/* Zonder kader: beeld en tekst staan direct op de pagina, de kop scheidt het blok van de rest (feedback Daan 06-11) */
.jako-pdp .jako-ab__card { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 32px; }
.jako-pdp .jako-ab__card:not(:has(> .jako-ab__visual)) { grid-template-columns: minmax(0, 1fr); }
/* Beeld: sfeerbeeld bovenaan dat overloopt in de merkkleur, het cadeau op een witte kaart eronder */
.jako-pdp .jako-ab__visual { position: relative; align-self: start; display: flex; flex-direction: column; overflow: hidden; border-radius: 10px; background: var(--jako-merk-c); }
.jako-pdp .jako-ab__visual::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 280px; background: linear-gradient(180deg, transparent 170px, var(--jako-merk-c) 280px); pointer-events: none; }
.jako-pdp .jako-ab__visual--plain::after { content: none; }
/* Zonder sfeerbeeld: het merkvlak zo hoog als de tekst, het cadeau in het midden */
.jako-pdp .jako-ab__visual--plain { align-self: stretch; justify-content: center; }
/* Het thema zet img op height: auto !important (body > div[id] img); daarom hier !important */
#root .jako-pdp .jako-ab__mood { display: block; width: 100%; max-width: none; height: 280px !important; margin: 0; object-fit: cover; }
.jako-pdp .jako-ab__gift { position: relative; z-index: 1; margin: -12px 16px 16px; padding: 12px 12px 14px; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); color: var(--jako-text-c); }
.jako-pdp .jako-ab__visual--plain .jako-ab__gift { margin: 16px; }
.jako-pdp .jako-ab__gift-img { display: flex; align-items: center; justify-content: center; height: 104px; }
#root .jako-pdp .jako-ab__gift-img img { display: block; width: auto; max-width: 100%; height: auto; max-height: 104px; margin: 0; object-fit: contain; }
.jako-pdp .jako-ab__gift-cap { margin: 8px 0 0 !important; font-size: 13px; font-weight: 700; line-height: 1.3; text-align: center; }
/* Tekstkolom */
.jako-pdp .jako-ab__main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.jako-pdp .jako-ab__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.jako-pdp .jako-ab__plate { display: flex; align-items: center; justify-content: center; width: 84px; height: 30px; box-sizing: border-box; border: 1px solid var(--jako-border-c); border-radius: 7px; background: #ffffff; }
#root .jako-pdp .jako-ab__plate img { display: block; width: auto; max-width: 68px; height: auto; max-height: 17px; margin: 0; }
.jako-pdp .jako-ab__label { padding: 4px 10px; border-radius: 999px; background: var(--jako-merk-tint); color: var(--jako-merk-ink); font-size: 12px; font-weight: 700; line-height: 1.3; }
.jako-pdp .jako-ab__when { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #f2f2f2; color: #333333; font-size: 12px; font-weight: 600; line-height: 1.3; }
.jako-pdp .jako-ab__when .jako-promo-days { padding: 0; background: none; font-size: 12px; line-height: 1.3; }
.jako-pdp .jako-ab__when .jako-promo-days[hidden] + .jako-ab__sep { display: none; }
.jako-pdp .jako-ab__title { margin: 0; font-family: var(--jako-head); font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--jako-text-c); }
.jako-pdp .jako-ab__text { margin: 0 !important; font-size: 15px; line-height: 1.5; }
.jako-pdp .jako-ab__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 4px 0 0 !important; padding: 0 !important; list-style: none; }
.jako-pdp .jako-ab__steps li { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; }
.jako-pdp .jako-ab__steps li::before { content: none; display: none; }
.jako-pdp .jako-ab__num { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--jako-merk-c); color: var(--jako-merk-fg); font-size: 13px; font-weight: 700; line-height: 1; }
.jako-pdp .jako-ab__step { font-size: 13px; line-height: 1.45; }
.jako-pdp .jako-ab__step strong { display: block; color: var(--jako-text-c); }
.jako-pdp .jako-ab__step span { color: var(--jako-muted-c); }
.jako-pdp .jako-ab__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 4px; }
.jako-pdp a.jako-ab__cta,
.jako-pdp a.jako-ab__cta:hover { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; box-sizing: border-box; padding: 0 18px; border-radius: 8px; background: var(--jako-merk-c); color: var(--jako-merk-fg); font-size: 14px; font-weight: 700; text-decoration: none; }
.jako-pdp .jako-ab__reg { font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp a.jako-ab__more { font-size: 13px; font-weight: 600; color: var(--jako-link-c); text-decoration: underline; text-underline-offset: 3px; }
/* Actievoorwaarden: uitklapregel over de breedte van de tekstkolom, de lijst in twee kolommen */
.jako-pdp .jako-ab__cond { border-top: 1px solid var(--jako-border-c); }
#root .jako-pdp .jako-ab__cond-toggle {
  position: relative;
  float: none;
  z-index: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--jako-text-c);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  cursor: pointer;
}
#root .jako-pdp .jako-ab__cond-toggle::before,
#root .jako-pdp .jako-ab__cond-toggle::after { content: none; display: none; }
.jako-pdp .jako-ab__chev { flex: 0 0 auto; color: var(--jako-muted-c); transition: transform 0.15s; }
.jako-pdp .jako-ab__cond-toggle[aria-expanded="true"] .jako-ab__chev { transform: rotate(180deg); }
.jako-pdp .jako-ab__cond-list { margin: 0 !important; padding: 2px 0 4px !important; list-style: none; columns: 2; column-gap: 32px; font-size: 13px; line-height: 1.5; }
.jako-pdp .jako-ab__cond-list[hidden] { display: none; }
.jako-pdp .jako-ab__cond-list li { position: relative; break-inside: avoid; margin: 0 0 8px; padding: 0 0 0 14px; }
.jako-pdp .jako-ab__cond-list li::before { content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--jako-merk-c); }
/* Mobiel: onder elkaar, het sfeerbeeld over de breedte met het cadeau in een wit rondje */
@media only screen and (max-width: 47.5em) {
  .jako-pdp .jako-ab__heading { font-size: 18px; }
  .jako-pdp .jako-ab__card { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .jako-pdp .jako-ab__visual { display: block; height: 176px; }
  .jako-pdp .jako-ab__visual--plain { height: 110px; }
  .jako-pdp .jako-ab__visual::after { bottom: 0; height: auto; background: linear-gradient(180deg, transparent 45%, var(--jako-merk-c) 100%); }
  #root .jako-pdp .jako-ab__mood { height: 100% !important; }
  .jako-pdp .jako-ab__gift,
  .jako-pdp .jako-ab__visual--plain .jako-ab__gift { position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; margin: 0; padding: 0; box-sizing: border-box; border-radius: 50%; }
  .jako-pdp .jako-ab__gift-img { width: 68px; height: 68px; }
  #root .jako-pdp .jako-ab__gift-img img { max-height: 68px; }
  .jako-pdp .jako-ab__gift-cap { display: none; }
  .jako-pdp .jako-ab__title { font-size: 20px; }
  .jako-pdp .jako-ab__text { font-size: 14px; }
  .jako-pdp .jako-ab__steps { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .jako-pdp .jako-ab__steps li { flex-direction: row; gap: 10px; }
  .jako-pdp .jako-ab__num { width: 24px; height: 24px; font-size: 12px; }
  .jako-pdp .jako-ab__actions { flex-direction: column; align-items: stretch; gap: 8px; }
  .jako-pdp a.jako-ab__cta { justify-content: center; min-height: 46px; }
  .jako-pdp .jako-ab__reg,
  .jako-pdp a.jako-ab__more { text-align: center; }
  .jako-pdp .jako-ab__cond-list { columns: 1; }
}

/* ---------- Infozone (sections/jako-pdp-info.liquid) ---------- */
#root .jako-info :is(.jako-acc-btn, .jako-specs__more, .jako-info__tablist [role="tab"]) { float: none; min-width: 0; min-height: 0; margin: 0; text-indent: 0; text-transform: none; letter-spacing: 0; box-shadow: none; }
#root .jako-info :is(.jako-acc-btn, .jako-specs__more, .jako-info__tablist [role="tab"])::before,
#root .jako-info :is(.jako-acc-btn, .jako-specs__more, .jako-info__tablist [role="tab"])::after { content: none; display: none; }
.jako-show-never { display: none !important; }
@media only screen and (min-width: 47.51em) { .jako-info .jako-show-mobile { display: none !important; } }
@media only screen and (max-width: 47.5em) { .jako-info .jako-show-desktop { display: none !important; } }
.jako-pdp.jako-info { --jako-tab-r: min(var(--jako-card), 8px); margin: 8px 0 64px; color: var(--jako-text-c); }
.jako-pdp .jako-info__wrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 40px 64px; }
.jako-pdp .jako-info__main { flex: 1 1 100%; min-width: 0; display: flex; flex-direction: column; }
.jako-pdp.jako-info--sidebar .jako-info__main { flex: 1 1 560px; max-width: 820px; }
.jako-pdp.jako-info--sidebar.jako-info--fill .jako-info__main { max-width: none; }
.jako-pdp .jako-info__aside { flex: 0 0 360px; min-width: 0; position: sticky; top: calc(var(--sticky_offset, 0px) + 20px); display: flex; flex-direction: column; gap: 16px; }
.jako-pdp .jako-info__tablist { display: none; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 26px; }
#root .jako-pdp .jako-info__tablist [role="tab"] { height: 46px; padding: 0 24px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-tab-r); background: #ffffff; color: var(--jako-text-c); font-family: var(--jako-head); font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
#root .jako-pdp .jako-info__tablist [role="tab"][aria-selected="true"] { border-color: var(--jako-sel-c); background: var(--jako-sel-bg-c); }
/* Subtiele achtergrond: pillen met een lichte tint, de gekozen tab gevuld */
.jako-pdp.jako-info--tabs-pills .jako-info__tablist { gap: 8px; }
#root .jako-pdp.jako-info--tabs-pills .jako-info__tablist [role="tab"] { border-color: transparent; border-radius: 999px; background: color-mix(in srgb, var(--jako-sel-c) 9%, #ffffff); }
#root .jako-pdp.jako-info--tabs-pills .jako-info__tablist [role="tab"][aria-selected="true"] { border-color: var(--jako-sel-c); background: var(--jako-sel-c); color: #ffffff; }
/* Segmentbalk: grijze balk, de gekozen tab wit */
.jako-pdp.jako-info--tabs-segment .jako-info__tablist { flex-wrap: nowrap; gap: 4px; padding: 4px; border-radius: calc(var(--jako-tab-r) + 4px); background: #f1f1f1; overflow-x: auto; }
#root .jako-pdp.jako-info--tabs-segment .jako-info__tablist [role="tab"] { flex: 1 1 auto; height: 40px; padding: 0 18px; border-color: transparent; background: transparent; color: var(--jako-muted-c); }
#root .jako-pdp.jako-info--tabs-segment .jako-info__tablist [role="tab"][aria-selected="true"] { background: #ffffff; color: var(--jako-text-c); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.04); }
.jako-pdp .jako-info__h2 { margin: 0 0 14px; font-family: var(--jako-head); font-size: 22px; font-weight: 700; line-height: 1.3; color: var(--jako-text-c); }
.jako-pdp .jako-info__h3 { margin: 22px 0 8px; font-family: var(--jako-head); font-size: 17px; font-weight: 700; color: var(--jako-text-c); }
.jako-pdp .jako-acc-btn { display: none; }
.jako-pdp .jako-info__panel { scroll-margin-top: calc(var(--sticky_offset, 0px) + 20px); }
.jako-pdp .jako-info__panel + .jako-info__panel { margin-top: 48px; }
.jako-pdp .jako-info__richtext { max-width: 68ch; }
.jako-pdp.jako-info--fill .jako-info__richtext { max-width: none; }
@media only screen and (min-width: 47.51em) {
  .jako-pdp.jako-info--d-tabs .jako-info__tablist { display: flex; }
  .jako-pdp.jako-info--d-tabs .jako-info__panel { display: none; margin-top: 0; }
  .jako-pdp.jako-info--d-tabs .jako-info__panel.is-active { display: block; }
  .jako-pdp.jako-info--d-tabs .jako-info__h2 { display: none; }
}
@media only screen and (max-width: 1000px) {
  .jako-pdp .jako-info__aside { display: none; }
  .jako-pdp.jako-info--sidebar .jako-info__main { max-width: none; }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp.jako-info { margin: 0 0 32px; }
  .jako-pdp .jako-info__panel + .jako-info__panel { margin-top: 34px; }
  .jako-pdp.jako-info--m-accordion .jako-info__panel + .jako-info__panel { margin-top: 0; }
  .jako-pdp.jako-info--m-accordion .jako-info__h2 { margin: 0; }
  .jako-pdp.jako-info--m-accordion .jako-info__h2-text { display: none; }
  #root .jako-pdp.jako-info--m-accordion .jako-acc-btn { display: flex; width: 100%; min-height: 54px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 4px 0 0; border: 0; border-bottom: 1px solid var(--jako-border-c); border-radius: 0; background: none; color: var(--jako-text-c); font-family: var(--jako-head); font-size: 15px; font-weight: 700; text-align: left; cursor: pointer; }
  .jako-pdp.jako-info--m-accordion .jako-acc-btn svg { flex: 0 0 auto; transition: transform 0.2s ease; }
  .jako-pdp.jako-info--m-accordion .jako-info__panel.is-open .jako-acc-btn svg { transform: rotate(180deg); }
  .jako-pdp.jako-info--m-accordion .jako-info__body { display: none; padding: 16px 0 22px; }
  .jako-pdp.jako-info--m-accordion .jako-info__panel.is-open .jako-info__body { display: block; }
}
/* Specificaties: top 8 + toon alle */
.jako-pdp .jako-specs__table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; font-size: 14px; border: 1px solid var(--jako-border-c); border-radius: 6px; overflow: hidden; }
.jako-pdp .jako-specs__table th { width: 46%; padding: 11px 16px; font-weight: 500; color: var(--jako-muted-c); text-align: left; border-bottom: 1px solid var(--jako-border-c); }
.jako-pdp .jako-specs__table td { padding: 11px 16px; font-weight: 600; color: var(--jako-text-c); border-bottom: 1px solid var(--jako-border-c); }
#root .jako-pdp .jako-specs__table :is(th, td) { background: transparent; }
#root .jako-pdp .jako-specs__table tr:nth-child(even) :is(th, td) { background: #fafafa; }
.jako-pdp .jako-specs__table tr:last-child th, .jako-pdp .jako-specs__table tr:last-child td { border-bottom: 0; }
.jako-pdp .jako-specs--limited:not(.is-open) .jako-specs__extra { display: none; }
.jako-pdp .jako-specs--limited:not(.is-open) .jako-specs__last :is(th, td) { border-bottom: 0; }
#root .jako-pdp .jako-specs__more { display: inline-flex; align-items: center; gap: 6px; height: auto; margin-top: 12px; padding: 0; border: 0; background: none; color: var(--jako-link-c); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.jako-pdp .jako-specs.is-open .jako-specs__more svg { transform: rotate(180deg); }
/* Documenten en artikelgegevens */
.jako-pdp .jako-docs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; }
.jako-pdp .jako-docs__btn { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-r); background: #ffffff; color: var(--jako-text-c); font-weight: 600; text-decoration: none; }
.jako-pdp .jako-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 28px; margin: 0; font-size: 14px; }
.jako-pdp .jako-dl dt { color: var(--jako-muted-c); }
.jako-pdp .jako-dl dd { margin: 0; font-weight: 600; }
/* Levering: kaarten en verzendmethodes */
.jako-pdp .jako-muted { color: var(--jako-muted-c); }
.jako-pdp .jako-cards { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 12px; }
.jako-pdp .jako-card { display: flex; gap: 12px; margin: 0; padding: 14px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); background: #ffffff; line-height: 1.4; }
.jako-pdp .jako-card[hidden] { display: none; }
.jako-pdp .jako-card::before { content: none; display: none; }
.jako-pdp .jako-card > svg { flex: 0 0 auto; color: var(--jako-sel-c); }
.jako-pdp .jako-card > span > .jako-muted { display: block; font-size: 12px; }
.jako-pdp .jako-card > span > strong { display: block; font-size: 14px; }
.jako-pdp .jako-ship-table .jako-ship-methods { display: flex; flex-direction: column; max-width: 560px; border: 1px solid var(--jako-border-c); border-radius: 6px; }
.jako-pdp .jako-ship-table .jako-ship-methods__m { display: flex; justify-content: space-between; gap: 2px 16px; padding: 10px 14px; font-size: 14px; }
.jako-pdp .jako-ship-table .jako-ship-methods__m + .jako-ship-methods__m { border-top: 1px solid var(--jako-border-c); }
.jako-pdp .jako-ship-table .jako-pop__p { display: block; margin-top: 8px; font-size: 13px; }
.jako-pdp .jako-ship-table .jako-pop__link { display: inline-block; margin-top: 6px; font-size: 13px; color: var(--jako-link-c); }
/* Zijbalk-kaarten */
.jako-pdp .jako-aside-card { padding: 16px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); background: #ffffff; }
.jako-pdp .jako-service__head { display: flex; align-items: center; gap: 12px; }
.jako-pdp .jako-service__head strong { display: block; font-family: var(--jako-head); font-size: 15px; color: var(--jako-text-c); }
.jako-pdp .jako-service__head .jako-muted { display: block; font-size: 13px; }
.jako-pdp .jako-service__icon { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; background: var(--jako-sel-bg-c); color: var(--jako-sel-c); display: flex; align-items: center; justify-content: center; }
.jako-pdp .jako-service__photo img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.jako-pdp :is(.jako-service__list, .jako-aside-delivery ul) { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.jako-pdp :is(.jako-service__list, .jako-aside-delivery ul) li { margin: 0; padding: 0; }
.jako-pdp :is(.jako-service__list, .jako-aside-delivery ul) li::before { content: none; display: none; }
.jako-pdp .jako-service__list a { display: flex; align-items: center; gap: 10px; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-service__list svg { flex: 0 0 auto; color: var(--jako-sel-c); }
.jako-pdp .jako-aside-delivery ul { margin: 0; gap: 10px; font-size: 13px; }
.jako-pdp .jako-aside-delivery li { display: flex; gap: 10px; color: var(--jako-text-c); }
.jako-pdp .jako-aside-delivery li[hidden] { display: none; }
.jako-pdp .jako-aside-delivery li > svg { flex: 0 0 auto; color: var(--jako-muted-c); }
.jako-pdp .jako-aside-delivery__keur { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--jako-border-c); font-size: 13px; color: var(--jako-text-c); text-decoration: none; }
/* Koopkaart (block card_buy): volgt de koopkolom, bestelt via het koopformulier */
#root .jako-pdp :is(.jako-stepper button, .jako-buycard__btn) { float: none; min-width: 0; min-height: 0; margin: 0; text-indent: 0; text-transform: none; letter-spacing: 0; box-shadow: none; }
#root .jako-pdp :is(.jako-stepper button, .jako-buycard__btn)::before,
#root .jako-pdp :is(.jako-stepper button, .jako-buycard__btn)::after { content: none; display: none; }
.jako-pdp .jako-buycard { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07); }
.jako-pdp .jako-buycard [hidden] { display: none; }
.jako-pdp .jako-buycard__head { display: flex; align-items: center; gap: 12px; }
.jako-pdp .jako-buycard__head strong { font-size: 14px; line-height: 1.35; color: var(--jako-text-c); }
.jako-pdp .jako-buycard__img { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 4px; background: var(--jako-soft-c); display: flex; align-items: center; justify-content: center; overflow: hidden; }
/* Hele foto in het vakje, ook staand of liggend: het thema zet height: auto !important op elke img */
.jako-pdp .jako-buycard__img img { display: block; width: 100%; height: 100% !important; object-fit: contain; mix-blend-mode: multiply; }
.jako-pdp .jako-buycard__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 12px 0 0; color: var(--jako-text-c); }
.jako-pdp .jako-buycard__price s { font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp .jako-buycard__price strong { font-family: var(--jako-head); font-size: 21px; font-weight: 700; line-height: 1.2; }
.jako-pdp .jako-buycard__vat { font-size: 12px; color: var(--jako-muted-c); }
.jako-pdp .jako-buycard__cart { flex: 1 1 100%; font-size: 13px; font-weight: 600; color: color-mix(in srgb, var(--jako-accent-c) 70%, #000000); }
.jako-pdp .jako-buycard__price .jako-buycard__cart strong { font-size: 15px; color: var(--jako-text-c); }
.jako-pdp .jako-buycard__stock { margin: 2px 0 0; font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp .jako-buycard__stock > strong { color: var(--jako-ok-c); }
.jako-pdp .jako-buycard__stock > strong.is-none { color: color-mix(in srgb, var(--jako-accent-c) 82%, #000000); }
.jako-pdp .jako-buycard__when { display: block; }
.jako-pdp .jako-buycard__buy { display: flex; gap: 8px; margin-top: 12px; }
.jako-pdp .jako-stepper { flex: 0 0 98px; display: flex; align-items: center; justify-content: space-between; height: 46px; padding: 0 2px; box-sizing: border-box; border: 1px solid var(--jako-border-c); border-radius: var(--jako-r); background: #ffffff; }
#root .jako-pdp .jako-stepper button { width: 26px; height: 100%; padding: 0; border: 0; background: none; color: var(--jako-text-c); font-size: 16px; cursor: pointer; }
.jako-pdp .jako-stepper input { width: 42px; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: var(--jako-text-c); font: inherit; font-size: 13px; font-weight: 600; text-align: center; -moz-appearance: textfield; }
.jako-pdp .jako-stepper input::-webkit-outer-spin-button, .jako-pdp .jako-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#root .jako-pdp .jako-buycard__btn { flex: 1 1 auto; height: 46px; padding: 0 10px; border: 0; border-radius: var(--jako-r); background: var(--jako-buy-c); color: #ffffff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
#root .jako-pdp .jako-buycard__btn:disabled { opacity: 0.5; cursor: default; }
#root .jako-pdp .jako-buycard__btn.is-busy { opacity: 0.7; cursor: progress; }
.jako-pdp .jako-buycard__quote { display: flex; align-items: center; justify-content: center; height: 46px; margin-top: 12px; border-radius: var(--jako-r); background: var(--jako-buy-c); color: #ffffff; font-size: 14px; font-weight: 700; text-decoration: none; }
.jako-pdp .jako-buycard__total { margin: 8px 0 0; font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp .jako-buycard__total strong { color: var(--jako-text-c); }
/* Vaste balk (stap 11): op desktop vervangt de koopkaart de balk van het thema */
@media only screen and (min-width: 1001px) {
  html:has(.jako-info__aside [data-jako-buycard]) :is(.f8ps, [id$="sticky-add-to-cart"]) { display: none !important; }
}
/* Mobiel: eigen uitgebreide balk (mobile_bar = extended), zichtbaar zodra de koopkolom uit beeld is */
.jako-pdp.jako-mbar { display: none; }
@media only screen and (max-width: 47.5em) {
  html:has([data-jako-mbar]) :is(.f8ps, [id$="sticky-add-to-cart"]) { display: none !important; }
  html.product-scrolled .jako-pdp.jako-mbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; display: block; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; border-top: 1px solid var(--jako-border-c); background: #ffffff; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); }
  /* Het thema houdt met --root_pb ruimte onder de pagina en tilt #totop op; de eigen balk neemt dat over */
  html.product-scrolled:has([data-jako-mbar]:not(.is-empty)) { --root_pb: calc(68px + env(safe-area-inset-bottom, 0px)); }
  html.product-scrolled .jako-pdp.jako-mbar.is-empty { display: none; }
  /* De balk staat in body, boven #root: verbergen zolang een paneel, popup, menu, zoekscherm of zoom van het thema open is (anders dekt hij bijv. Checkout af) */
  html:is(.m6pn-open, .m6cp-open, .f8fl-open, .popup-shown, .m2a, .search-full, .search-compact-active, .user-form-active, .with-fancybox) .jako-pdp.jako-mbar { display: none !important; }
  /* Mobiel zet het thema #totop { padding-bottom: 0 !important }: daarom met bottom boven de balk */
  html.product-scrolled:has([data-jako-mbar]:not(.is-empty)) #totop { bottom: calc(var(--rpp) + 68px + env(safe-area-inset-bottom, 0px)); }
  /* Chatknop van Zendesk (snippets/jako-zendesk.liquid) boven de vaste balk; Zendesk zet zijn plek inline */
  html.product-scrolled:has([data-jako-mbar]:not(.is-empty)) iframe#launcher { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
  .jako-pdp.jako-mbar [hidden] { display: none; }
  .jako-pdp .jako-mbar__inner { display: flex; gap: 8px; }
  .jako-pdp.jako-mbar .jako-stepper { flex: 0 0 104px; }
  /* De balk staat in body (buiten #root): eigen regels voor de knoppen */
  .jako-pdp.jako-mbar :is(button, .jako-mbar__btn)::before,
  .jako-pdp.jako-mbar :is(button, .jako-mbar__btn)::after { content: none; display: none; }
  .jako-pdp.jako-mbar .jako-stepper button { float: none; width: 28px; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--jako-text-c); font: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
  .jako-pdp.jako-mbar .jako-mbar__btn { flex: 1 1 auto; float: none; min-width: 0; height: 46px; margin: 0; padding: 0 12px; border: 0; border-radius: var(--jako-r); background: var(--jako-buy-c); box-shadow: none; color: #ffffff; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: none; letter-spacing: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; }
  .jako-pdp.jako-mbar .jako-mbar__btn:disabled { opacity: 0.5; cursor: default; }
  .jako-pdp.jako-mbar .jako-mbar__btn.is-busy { opacity: 0.7; cursor: progress; }
  .jako-pdp .jako-mbar__total { font-size: 12px; font-weight: 600; opacity: 0.9; }
  .jako-pdp .jako-mbar__total strong { font-weight: 600; }
  .jako-pdp .jako-mbar__total .jako-buycard__vat { color: inherit; font-size: inherit; }
  .jako-pdp .jako-mbar__quote { display: flex; align-items: center; justify-content: center; height: 46px; border-radius: var(--jako-r); background: var(--jako-buy-c); color: #ffffff; font-size: 14px; font-weight: 700; text-decoration: none; }
}
/* Mobiel compact (stap 11b, jako_mobile_gallery = compact): foto 210px hoog, zodat prijs en knop hoger staan.
   Met stippen (show_thumbs_mobile uit) staan die in de foto; met miniaturen blijven die eronder. */
@media only screen and (max-width: 47.5em) {
  #root .m6pr.jako-pdp--compact .l4pr:not(.auto) li:not(.auto, .static) { padding-top: 210px; }
  #root .m6pr.jako-pdp--compact .l4pr li picture { padding-top: 0; }
  #root .m6pr.jako-pdp--compact .l4pr li :is(img, video) { padding: 14px 14px 26px; }
  /* Swiper (autoHeight) meet de slide bij het starten; laadt deze stylesheet later, dan bleef de wrapper op de oude hoogte */
  #root .m6pr.jako-pdp--compact .l4pr:not(.auto) .swiper-wrapper { height: 210px !important; }
  /* De strook laat tikken en swipes door naar de foto; alleen de stippen zelf zijn klikbaar */
  #root .m6pr.jako-pdp--compact .l4pr.no-thumbs-mobile.s4wi .swiper-custom-pagination { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 10; margin: 0; pointer-events: none; }
  #root .m6pr.jako-pdp--compact .l4pr.no-thumbs-mobile.s4wi .swiper-custom-pagination > * { pointer-events: auto; }
  /* Het thema legt een witte strook achter de stippen (onder de getinte achtergrond); in de foto hoort die er niet */
  #root .m6pr.jako-pdp--compact .l4pr.no-thumbs-mobile.s4wi .swiper-custom-pagination::before { content: none; }
  /* Het promo-icoon staat na de lijst (ul.l4pr + .jako-promo-link); het thema tilt het op mobiel 78px op, boven de stippen onder de foto */
  #root .m6pr.jako-pdp.jako-pdp--compact .l4pr.no-thumbs-mobile:not(.slider-fraction) + .jako-promo-link { bottom: var(--label_dist); }
  #root .m6pr.jako-pdp.jako-pdp--compact .l4pr:not(.slider-fraction) + .jako-promo-link img { max-width: 56px !important; }
}
/* ---------- Gerelateerde collecties (sections/jako-pdp-collections.liquid), eenvoudige versie ---------- */
.jako-pdp.jako-colls { margin-bottom: var(--jako-colls-mb, 40px); font-size: 14px; line-height: 1.5; color: var(--jako-text-c); }
.jako-pdp .jako-colls__head { margin: 0 0 16px; }
.jako-pdp .jako-colls__title { margin: 0; font-family: var(--jako-head); font-size: var(--jako-colls-h, 20px); font-weight: 700; line-height: 1.3; color: var(--jako-text-c); }
.jako-pdp .jako-colls__sub { margin: 2px 0 0; font-size: 13px; color: var(--jako-muted-c); }
.jako-pdp .jako-colls__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.jako-pdp .jako-colls__list > li { min-width: 0; margin: 0; padding: 0; }
.jako-pdp .jako-colls__list > li::before { content: none; display: none; }
.jako-pdp .jako-colls__tile { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); background: #ffffff; color: var(--jako-text-c); text-decoration: none; }
.jako-pdp .jako-colls__tile:hover { border-color: var(--jako-sel-c); }
/* overflow: zonder deze regel groeit het vak met hoge, smalle foto's mee (minimale hoogte van aspect-ratio) */
.jako-pdp .jako-colls__collage { display: flex; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 16 / 10; padding: 14px 18px; box-sizing: border-box; overflow: hidden; background: var(--jako-colls-bg, var(--jako-soft-c)); }
/* max-height: het thema zet img-hoogtes op auto !important (body > div[id] img) */
.jako-pdp .jako-colls__img { flex: 1 1 0; min-width: 0; width: 0; max-height: 92%; object-fit: contain; mix-blend-mode: multiply; }
/* Drie foto's: de middelste iets groter */
.jako-pdp .jako-colls__collage:has(> :nth-child(3)) > :not(:nth-child(2)) { max-height: 74%; }
.jako-pdp .jako-colls__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px 14px; }
.jako-pdp .jako-colls__text { min-width: 0; }
.jako-pdp .jako-colls__name { display: block; font-size: 15px; line-height: 1.3; }
.jako-pdp .jako-colls__count { font-size: 12px; color: var(--jako-muted-c); }
.jako-pdp .jako-colls__arrow { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: var(--jako-colls-bg, var(--jako-soft-c)); display: flex; align-items: center; justify-content: center; }
/* Tablet: twee kolommen, zodat lange namen en de foto's niet te klein worden */
@media only screen and (min-width: 47.51em) and (max-width: 1000px) {
  .jako-pdp .jako-colls__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 47.5em) {
  .jako-pdp.jako-colls { margin-bottom: var(--jako-colls-mb-m, 24px); }
  .jako-pdp .jako-colls__head { margin-bottom: 12px; }
  .jako-pdp .jako-colls__title { font-size: var(--jako-colls-h-m, 18px); }
  .jako-pdp .jako-colls__sub { display: none; }
  .jako-pdp .jako-colls__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .jako-pdp .jako-colls__collage { aspect-ratio: 4 / 3; padding: 10px; }
  /* Mobiel twee foto's, even groot */
  .jako-pdp .jako-colls__img:nth-child(n + 3) { display: none; }
  .jako-pdp .jako-colls__collage:has(> :nth-child(3)) > :not(:nth-child(2)) { max-height: 92%; }
  .jako-pdp .jako-colls__foot { padding: 10px 10px 12px; }
  .jako-pdp .jako-colls__name { font-size: 13px; }
  .jako-pdp .jako-colls__arrow { display: none; }
}

/* ---------- Reviews (thema-sectie product-reviews, data van Syncer), ontwerp A ----------
   Bovenaan een samenvatting: cijfer, sterren, "Gebaseerd op 31 reviews" en de knop. Daaronder de reviews
   als kaartjes (sterren, tekst, naam · datum); Syncer laadt ze in de slider van het thema, 4 per keer.
   Zonder reviews een gestippeld vlak met de uitnodiging (lege staat 1). De markup, het laden en het
   schrijfformulier blijven van het thema en Syncer; dit is alleen opmaak. Alleen op v2: deze stylesheet
   laadt alleen met de v2-secties. */
#root .m6rv { display: block; padding-left: 0; padding-right: 0; --offset_rv: 0px; }
#root .m6rv > header.m6pe {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  grid-template-areas: "num stars btn" "num count btn";
  align-items: center;
  gap: 2px 18px;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0 0 18px;
  padding: 0;
  background: none;
  text-align: left;
}
#root .m6rv > .m6pe::before { content: none; display: none; }
.m6rv > .m6pe > figure,
.m6rv > .m6pe > h3 { display: none; }
.m6rv > .m6pe > .r6rt { display: contents; }
.m6rv > .m6pe .rating-label { grid-area: num; font-size: 14px; line-height: 1; color: #5c5c5c; }
.m6rv > .m6pe .rating-label .strong { margin-right: 2px; font-family: var(--main_ff_h, inherit); font-size: 38px; font-weight: 700; color: var(--primary_text, #000000); }
.m6rv > .m6pe .rating { grid-area: stars; align-self: end; }
.m6rv > .m6pe > p:not(.r6rt):not(.link-btn) { grid-area: count; align-self: start; margin: 0; font-size: 13px; color: #5c5c5c; }
.m6rv > .m6pe > p:not(.r6rt):not(.link-btn) .strong { font-weight: 400; }
#root .m6rv > .m6pe > .link-btn { grid-area: btn; display: flex; justify-self: end; margin: 0; }
/* Knop met omlijning in plaats van gevuld (het thema tekent de vulling met ::before) */
#root .m6rv .m6pe .link-btn a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--primary_text, #000000); border-radius: 4px; background: none; color: var(--primary_text, #000000); font-weight: 600; text-transform: none; letter-spacing: 0; }
#root .m6rv .m6pe .link-btn a::before,
#root .m6rv .m6pe .link-btn a::after { content: none; display: none; }
.m6rv > .link-btn.mobile-only { display: none !important; }
/* De reviews als kaartjes */
.m6rv .l4rv { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
#root .m6rv .l4rv > li { display: flex; flex-direction: column; gap: 4px; width: auto; margin: 0; padding: 14px 16px; border: 1px solid #ececec; border-radius: 4px; text-align: left; }
#root .m6rv .l4rv > li > * { width: auto; max-width: none; margin: 0; padding: 0; }
.m6rv .l4rv > li .r6rt { margin: 0; }
.m6rv .l4rv > li .rating-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.m6rv .l4rv > li > p { font-size: 14px; line-height: 1.5; }
.m6rv .l4rv > li .author-info { display: flex; flex-wrap: wrap; gap: 0 4px; font-size: 12px; color: #5c5c5c; }
#root .m6rv .l4rv > li .author { color: inherit; font-weight: 400; }
.m6rv .l4rv > li .date::before { content: "· "; }
/* Zonder reviews: gestippeld vlak met grijze sterren en de uitnodiging */
#root .m6rv:not(:has(.l4rv-container)) > header.m6pe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin: 0;
  padding: 18px;
  border: 1px dashed #c4c4c4;
  border-radius: 4px;
}
/* Sterren als versiering: met lege alt-tekst (tweede regel), zodat een schermlezer ze niet voorleest */
.m6rv:not(:has(.l4rv-container)) > .m6pe::after { content: "\2605\2605\2605\2605\2605"; content: "\2605\2605\2605\2605\2605" / ""; order: -1; font-size: 16px; letter-spacing: 2px; color: #c4c4c4; }
.m6rv:not(:has(.l4rv-container)) > .m6pe > p:not(.link-btn) { align-self: center; font-size: 14px; text-align: left; color: var(--primary_text, #000000); }
#root .m6rv:not(:has(.l4rv-container)) > .m6pe > .link-btn { margin-left: auto; }
@media only screen and (max-width: 47.5em) {
  #root .m6rv > header.m6pe { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "num stars" "num count" "btn btn"; row-gap: 4px; }
  /* Eén knop: die in de samenvatting (het thema verbergt hem op mobiel en zet een tweede onder de lijst) */
  #root .m6rv > .m6pe > .link-btn { display: flex !important; justify-self: stretch; width: 100%; margin: 12px 0 0; }
  #root .m6rv .m6pe .link-btn a { justify-content: center; width: 100%; }
  .m6rv > .m6pe .rating-label .strong { font-size: 30px; }
  #root .m6rv:not(:has(.l4rv-container)) > header.m6pe { flex-direction: column; align-items: flex-start; }
  #root .m6rv:not(:has(.l4rv-container)) > .m6pe > .link-btn { margin-left: 0; }
}

/* ---------- Eerder bekeken (thema-sectie section-recently-viewed-products), ontwerp A ----------
   Compacte kaartjes: foto met alleen het kortingslabel, naam op twee regels en prijs, links uitgelijnd.
   Geen voorraad, levertijd, stickers of knoppen: kopen doe je op de productpagina zelf. De prijzen
   blijven de elementen van het thema, zodat de btw-schakelaar werkt. Alleen op v2 (deze stylesheet). */
.recently-viewed-products .l4cl > li { text-align: left; }
.recently-viewed-products .l4cl > li :is(form, .link-btn, .wishlist-productcard, p.stock, .hide-l4cl-list, .jako-promo-link) { display: none !important; }
.recently-viewed-products .l4cl > li figure { flex-shrink: 0; margin-bottom: 8px; border-radius: 6px; overflow: hidden; }
.recently-viewed-products .l4cl > li .s1lb > :not(.overlay-sale) { display: none; }
/* Zonder het woord "Sale" (een tekstknoop): het label op 0, de percentages weer op 12px */
#root .recently-viewed-products .l4cl > li .s1lb .overlay-sale { font-size: 0 !important; padding: 2px 7px; border-radius: 4px; }
#root .recently-viewed-products .l4cl > li .s1lb .overlay-sale > span { font-size: 12px !important; font-weight: 700; }
#root .recently-viewed-products .l4cl > li .s1lb .overlay-sale:not(:has(> span)) { font-size: 12px !important; font-weight: 700; }
.recently-viewed-products .l4cl > li h3 { margin: 0; }
.recently-viewed-products .l4cl > li h3 a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: var(--jako-body, inherit); font-size: 14px; font-weight: 500; line-height: 19px; text-transform: none; }
.recently-viewed-products .l4cl > li .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin: 4px 0 0; }
.recently-viewed-products .l4cl > li .price :is(.discount, br, .size-12) { display: none; }
.recently-viewed-products .l4cl > li .price .curr-price { order: 1; font-size: 16px; font-weight: 700; }
.recently-viewed-products .l4cl > li .price .old-price { order: 2; font-size: 13px; color: var(--jako-muted-c); }
@media only screen and (max-width: 47.5em) {
  .recently-viewed-products .l4cl.mobile-compact > li { flex: 0 0 148px; width: 148px; max-width: 148px; }
  .recently-viewed-products .l4cl > li h3 a { font-size: 13px; line-height: 18px; }
  .recently-viewed-products .l4cl > li .price .curr-price { font-size: 15px; }
}

/* ---------- Bestel direct mee (block jako_addons) ----------
   Accessoires met een vinkje, direct onder de bestelknop; de knop neemt ze mee (assets/jako-pdp.js).
   Staat het thema-block "Vergeet deze producten niet" nog op de template, dan niet twee lijsten. */
.m6pr-compact .jako-addons { display: none !important; }
.jako-pdp:has(.jako-addons) [data-intent="complementary"] { display: none !important; }
.jako-pdp .jako-addons { margin: 14px 0 18px; border: 1px solid var(--jako-border-c); border-radius: var(--jako-card); overflow: hidden; color: var(--jako-text-c); }
.jako-pdp .jako-addons__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; padding: 12px 14px 10px; }
#root .jako-pdp .jako-addons__title { margin: 0; padding: 0; font-family: var(--jako-head); font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--jako-text-c); }
#root .jako-pdp .jako-addons__hint { margin: 0; font-size: 12px; line-height: 1.35; color: var(--jako-muted-c); }
#root .jako-pdp .jako-addons__list { margin: 0; padding: 0; list-style: none; }
#root .jako-pdp .jako-addons__item {
  position: relative;
  display: grid;
  grid-template-columns: 44px 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 8px 14px 8px 2px;
  border-top: 1px solid var(--jako-border-c);
  font-size: 13px;
  line-height: 1.3;
  color: var(--jako-text-c);
}
#root .jako-pdp .jako-addons__item::before,
#root .jako-pdp .jako-addons__item::after,
#root .jako-pdp :is(.jako-addons__tick, .jako-addons__price)::before,
#root .jako-pdp :is(.jako-addons__tick, .jako-addons__price)::after { content: none; display: none; }
.jako-pdp .jako-addons__item:has(.jako-addons__check:checked) { background: var(--jako-sel-bg-c); }
/* Klikzone van het vinkje: de hele hoogte van de rij, 44 px breed */
#root .jako-pdp .jako-addons__tick { align-self: stretch; display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 0; cursor: pointer; }
/* Echt vinkje van de browser; het thema verbergt checkboxen in formulieren voor zijn eigen vakjes */
#root .jako-pdp .jako-addons__check { position: static; display: block; width: 20px; height: 20px; min-width: 0; margin: 0; padding: 0; border: 0; opacity: 1; clip: auto; -webkit-appearance: checkbox; appearance: auto; accent-color: var(--jako-sel-c); cursor: pointer; }
.jako-pdp .jako-addons__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#root .jako-pdp .jako-addons__img { width: 48px; height: 48px; margin: 0; padding: 4px; box-sizing: border-box; border-radius: var(--jako-r); background: var(--jako-soft-c); display: flex; align-items: center; justify-content: center; }
.jako-pdp .jako-addons__img img { display: block; width: 100%; height: 100% !important; object-fit: contain; mix-blend-mode: multiply; }
.jako-pdp .jako-addons__text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
/* Het thema zet marges op spans en links */
#root .jako-pdp .jako-addons__text > * { margin: 0; padding: 0; }
#root .jako-pdp .jako-addons__name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; color: var(--jako-text-c); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 2px; }
#root .jako-pdp .jako-addons__name:is(:hover, :focus-visible) { text-decoration-color: currentColor; }
.jako-pdp .jako-addons__stock { font-size: 12px; color: var(--jako-ok-c); }
#root .jako-pdp .jako-addons__price { display: block; margin: 0; padding: 6px 0; font-size: 14px; font-weight: 700; line-height: 1.3; white-space: nowrap; color: var(--jako-text-c); cursor: pointer; }
/* Met korting in de winkelwagen: de prijs zonder korting klein en doorgestreept eronder */
#root .jako-pdp .jako-addons__was { display: block; margin: 0; font-size: 12px; font-weight: 400; text-align: right; color: var(--jako-muted-c, #6b6b6b); }
@media only screen and (max-width: 47.5em) {
  #root .jako-pdp .jako-addons__item { grid-template-columns: 40px 40px minmax(0, 1fr) auto; gap: 8px; padding-right: 12px; }
  #root .jako-pdp .jako-addons__img { width: 40px; height: 40px; padding: 3px; }
}
}