/** Shopify CDN: Minification failed

Line 219:2 Unexpected "{"
Line 219:3 Expected identifier but found "%"
Line 220:75 Expected identifier but found whitespace
Line 224:3 Expected identifier but found "%"

**/
/* START_SECTION:ws-pdp-koopvak (INDEX:69) */
/* metafield_tag verpakt rijke tekst in een div met daarin een h2, dus de
     opmaak moet op alle nakomelingen slaan en niet alleen op het kind. */
  .ws-pdp .ws-gift b{font-weight:600}
  .ws-pdp .ws-gift b *{margin:0;padding:0;display:inline;font-family:inherit;
    font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
  .ws-pdp .ws-gift b strong,.ws-pdp .ws-gift b b,.ws-pdp .ws-gift b em{font-weight:800;font-style:normal}
  /* let op: laat geen procentteken direct tegen een sluitende accolade staan.
     Liquid leest die twee tekens als het einde van een tag en slikt dan de
     rest van het bestand. Vandaar de spatie ervoor. */
  .ws-pdp .ws-gift .ws-ic img{width:100%;height:100%;object-fit:contain;border-radius:50% }
  /* ---- de vergelijkingspop-up ---- */
  .ws-pop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
    padding:20px;opacity:0;transition:opacity .18s ease}
  .ws-pop.ws-open{opacity:1}
  .ws-pop[hidden]{display:none}
  .ws-pop *,.ws-pop *::before,.ws-pop *::after{box-sizing:border-box}
  .ws-pop-waas{position:absolute;inset:0;background:rgba(11,11,10,.62)}
  .ws-pop-vak{--p-room:#FBF8F3;--p-room2:#F5F1EA;--p-zwart:#0B0B0A;--p-goud:#E9BE72;--p-goud2:#DDA548;
    --p-brons:#BC813E;--p-groen:#00B67A;--p-lijn:rgba(17,17,17,.11);
    --p-ink:#111;--p-ink80:rgba(17,17,17,.8);--p-ink60:rgba(17,17,17,.6);--p-ink40:rgba(17,17,17,.4);
    position:relative;background:var(--p-room);border-radius:24px;padding:34px 30px 0;
    width:min(1080px,100%);max-height:calc(100vh - 40px);overflow-y:auto;
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    box-shadow:0 40px 90px -34px rgba(11,11,10,.7);
    transform:translateY(12px);transition:transform .18s ease}
  .ws-pop.ws-open .ws-pop-vak{transform:none}
  .ws-pop-x{position:absolute;right:22px;top:22px;width:38px;height:38px;border-radius:50%;
    border:1px solid var(--p-lijn);background:#fff;display:flex;align-items:center;justify-content:center;
    color:var(--p-ink60);cursor:pointer;padding:0;z-index:2}
  .ws-pop-x:hover{color:var(--p-ink)}
  .ws-pop-x svg{width:15px;height:15px}

  .ws-pop-top{text-align:center;max-width:36em;margin:0 auto}
  .ws-pop-ey{display:block;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
    color:var(--p-brons)}
  .ws-pop-kop{margin:12px 0 0;font-size:clamp(24px,3.2vw,38px);font-weight:800;letter-spacing:-.035em;
    line-height:1.06;color:var(--p-ink)}
  .ws-pop-lead{margin:11px 0 0;font-size:16px;line-height:1.45;color:var(--p-ink60)}
  .ws-pop-tp{display:flex;align-items:center;justify-content:center;gap:11px;margin:16px 0 0;flex-wrap:wrap}
  .ws-pop-tp .ws-st{display:flex;gap:2.5px}
  .ws-pop-tp .ws-st i{width:23px;height:23px;background:var(--p-groen);border-radius:2px;display:flex;
    align-items:center;justify-content:center}
  .ws-pop-tp .ws-st svg{width:15px;height:15px;fill:#fff}
  .ws-pop-tp .sc{font-size:14.5px;font-weight:700;color:var(--p-ink80)}
  .ws-pop-tp .mk{display:flex;align-items:center;gap:5px;font-size:14.5px;font-weight:800;color:var(--p-ink)}
  .ws-pop-tp .mk svg{width:15px;height:15px;fill:var(--p-groen)}

  .ws-pop-winst{display:flex;align-items:center;justify-content:center;gap:11px;margin:22px 0 0;
    padding:15px 20px;border-radius:14px;border:1px solid rgba(233,190,114,.55);
    background:linear-gradient(180deg,rgba(233,190,114,.16),rgba(233,190,114,.07));
    font-size:15px;font-weight:600;color:#5A3B10;text-align:center}
  .ws-pop-winst svg{width:19px;height:19px;flex:none;color:var(--p-goud2)}
  .ws-pop-winst b{font-weight:800}

  .ws-pop-kaarten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 0}
  .ws-pop-kaart{position:relative;border-radius:20px;border:1px solid var(--p-lijn);background:#fff;
    padding:20px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:14px;
    align-items:center;row-gap:18px}
  /* De vlag stond los boven de kaart en dook onder een bovenregel van twee
     regels. Nu een eigen rij bovenaan: dan kan hij niets meer overlappen.
     Zonder vlag is die rij nul hoog. */
  .ws-pop-kaart.ws-uit{background:var(--p-zwart);border:2px solid var(--p-goud2);
    box-shadow:0 24px 56px -26px rgba(11,11,10,.75)}
  .ws-pop-vlag{grid-column:1 / -1;grid-row:1;justify-self:end;align-self:start;
    font-size:10px;font-weight:800;letter-spacing:.13em;
    text-transform:uppercase;color:#3A2405;border-radius:100px;padding:7px 14px;
    background:linear-gradient(100deg,#EDC684,#DDA548)}
  .ws-pop-beeld{grid-row:2;display:flex;align-items:center;justify-content:center}
  .ws-pop-beeld img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
  .ws-pop-kaart.ws-uit .ws-pop-beeld img{mix-blend-mode:normal}
  .ws-pop-tekst{grid-row:2;min-width:0}
  .ws-pop-rol{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
    color:var(--p-brons)}
  .ws-pop-kaart.ws-uit .ws-pop-rol{color:var(--p-goud)}
  .ws-pop-naam{margin:9px 0 0;font-size:clamp(19px,2.3vw,27px);font-weight:800;letter-spacing:-.03em;
    line-height:1.08;color:var(--p-ink)}
  .ws-pop-kaart.ws-uit .ws-pop-naam{color:#fff}
  .ws-pop-een{margin:7px 0 0;font-size:14px;line-height:1.35;color:var(--p-ink60)}
  .ws-pop-kaart.ws-uit .ws-pop-een{color:rgba(255,255,255,.62)}
  .ws-pop-prijs{display:flex;align-items:baseline;gap:11px;margin:14px 0 0;flex-wrap:wrap}
  .ws-pop-prijs b{font-size:clamp(23px,2.8vw,32px);font-weight:900;letter-spacing:-.035em;color:var(--p-ink)}
  .ws-pop-kaart.ws-uit .ws-pop-prijs b{color:#fff}
  .ws-pop-prijs s{font-size:16px;font-weight:600;color:var(--p-ink40)}
  .ws-pop-kaart.ws-uit .ws-pop-prijs s{color:rgba(255,255,255,.38)}
  .ws-pop-best{display:inline-block;margin:14px 0 0;padding:8px 14px;border-radius:9px;
    border:1px solid var(--p-lijn);font-size:12.5px;font-weight:600;color:var(--p-ink60)}
  .ws-pop-kaart.ws-uit .ws-pop-best{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.66)}
  .ws-pop-vorm{grid-column:1 / -1;grid-row:3;margin:0}
  .ws-pop-knop{width:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;
    padding:19px;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;cursor:pointer;border:1.5px solid var(--p-ink);color:var(--p-ink);background:#fff}
  .ws-pop-knop:hover{background:var(--p-ink);color:#fff}
  .ws-pop-kaart.ws-uit .ws-pop-knop{border:0;color:#26170A;
    background:linear-gradient(100deg,#F5DEAA,#EBC382 46%,#DDA548)}
  .ws-pop-knop[disabled]{opacity:.45;cursor:not-allowed}

  .ws-pop-tab{margin:22px 0 0;border:1px solid var(--p-lijn);border-radius:14px;overflow:hidden}
  .ws-pop-tab table{width:100%;border-collapse:collapse;font-size:14px}
  .ws-pop-tab th,.ws-pop-tab td{padding:13px 18px;text-align:center;border-bottom:1px solid var(--p-lijn)}
  .ws-pop-tab tr:last-child th,.ws-pop-tab tr:last-child td{border-bottom:0}
  .ws-pop-tab thead th{background:var(--p-room2);font-size:11.5px;font-weight:800;letter-spacing:.13em;
    text-transform:uppercase;color:var(--p-ink60)}
  .ws-pop-tab tbody th{text-align:left;font-weight:600;color:var(--p-ink80)}
  .ws-pop-tab .ws-ja svg{width:17px;height:17px;color:var(--p-brons)}
  .ws-pop-tab .ws-nee{color:var(--p-ink40)}
  .ws-pop-erbij{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;
    letter-spacing:.11em;text-transform:uppercase;color:var(--p-brons)}
  .ws-pop-tab tr.ws-beslist td:last-child{background:rgba(233,190,114,.1)}

  .ws-pop-beslis{display:flex;align-items:center;gap:13px;margin:18px 0 0;padding:15px 20px;
    border-radius:14px;border:1px solid rgba(233,190,114,.55);
    background:linear-gradient(180deg,rgba(233,190,114,.16),rgba(233,190,114,.07))}
  .ws-pop-beslis svg{width:19px;height:19px;flex:none;color:var(--p-goud2)}
  .ws-pop-beslis p{margin:0;font-size:15px;line-height:1.5;font-weight:600;color:#5A3B10}
  .ws-pop-beslis p + p{margin-top:3px}
  .ws-pop-beslis b{font-weight:800;color:var(--p-brons)}

  /* de plakbalk is alleen op de telefoon in gebruik */
  .ws-pop-balk{display:none}

  .ws-pop-voet{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:22px -30px 0;
    padding:20px 30px;background:var(--p-room2);border-top:1px solid var(--p-lijn)}
  .ws-pop-voet > div{display:flex;align-items:center;justify-content:center;gap:11px;padding:0 10px}
  .ws-pop-voet > div + div{border-left:1px solid var(--p-lijn)}
  .ws-pop-voet img{width:24px;height:24px;flex:none;object-fit:contain}
  .ws-pop-voet span{font-size:13.5px;font-weight:700;color:var(--p-ink80)}

  @media screen and (max-width:900px){
    .ws-pop{padding:10px}
    .ws-pop-vak{padding:26px 16px 0;border-radius:18px}
    .ws-pop-x{right:12px;top:12px;width:32px;height:32px}
    .ws-pop-kaarten{grid-template-columns:1fr;gap:12px}
    .ws-pop-winst{font-size:13.5px;padding:13px 15px;text-align:left}
    .ws-pop-lead{font-size:14px}
    .ws-pop-tab table{font-size:12.5px}
    .ws-pop-tab th,.ws-pop-tab td{padding:11px 12px}
    .ws-pop-voet{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px 0;margin:18px -16px 0;padding:16px}
    .ws-pop-voet > div{justify-content:flex-start;padding:0 12px}
    .ws-pop-voet > div + div{border-left:0}
    .ws-pop-voet span{font-size:12px}
  }
  @media screen and (max-width:700px){
    /* het label past niet naast een vinkje in een derde van 390 px */
    .ws-pop-erbij{flex-direction:column;gap:3px;font-size:8.5px;letter-spacing:.06em;line-height:1.1;
      text-align:center}
    .ws-pop-tab thead th{letter-spacing:.06em;font-size:10px;padding:10px 6px}
    .ws-pop-tab tbody th{font-size:12px;padding-right:6px}
    .ws-pop-tab td{padding:11px 6px}
    .ws-pop-voet{align-items:center}

    /* Onder elkaar is het geen vergelijking meer: je ziet nooit twee modellen
       tegelijk. Naast elkaar dus, met alleen naam, rol en prijs in de kaart.
       De knoppen gaan naar de balk onderin, die blijft plakken. */
    .ws-pop-kaarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}
    .ws-pop-kaart{grid-template-columns:1fr;grid-template-rows:auto 1fr;row-gap:0;
      padding:14px 10px 16px;border-radius:16px}
    .ws-pop-kaart.ws-uit .ws-pop-tekst{padding-top:0}
    .ws-pop-vlag{position:absolute;right:7px;top:7px;font-size:8px;letter-spacing:.08em;
      padding:5px 8px}
    .ws-pop-beeld{grid-row:auto}
    /* een staande productfoto zou de kaart anders twee keer zo hoog maken */
    .ws-pop-beeld img{max-width:100%;width:auto;height:auto;max-height:150px;object-fit:contain;
      margin:0 auto}
    .ws-pop-tekst{grid-row:auto;width:100%;display:flex;flex-direction:column;align-items:center;
      text-align:center}
    /* zonder foto zou de vlag op de naam vallen */
    .ws-pop-beeld:empty{min-height:34px}
    .ws-pop-kaart.ws-uit .ws-pop-tekst{padding-top:0}
    .ws-pop-naam{order:1;margin:6px 0 0;font-size:16px;letter-spacing:-.02em}
    .ws-pop-rol{order:2;margin:5px 0 0;font-size:11px;letter-spacing:0;text-transform:none;
      font-weight:600;line-height:1.25}
    .ws-pop-een{display:none}
    .ws-pop-best{display:none}
    /* de prijzen op dezelfde hoogte, ook als de ene naam twee regels wordt */
    .ws-pop-prijs{order:3;justify-content:center;margin:auto 0 0;padding-top:10px;gap:7px}
    .ws-pop-prijs b{font-size:20px}
    .ws-pop-prijs s{font-size:13px}

    /* anders valt Trustpilot op een eigen regel onder de sterren */
    .ws-pop-tp{gap:8px;margin-top:13px}
    .ws-pop-tp .ws-st{gap:2px}
    .ws-pop-tp .ws-st i{width:17px;height:17px}
    .ws-pop-tp .ws-st svg{width:11px;height:11px}
    .ws-pop-tp .sc,.ws-pop-tp .mk{font-size:12.5px}
    .ws-pop-tp .mk{gap:4px}
    .ws-pop-tp .mk svg{width:12px;height:12px}

    .ws-pop-beslis{padding:13px 14px;gap:10px;align-items:flex-start;margin-top:16px}
    .ws-pop-beslis svg{margin-top:2px}
    .ws-pop-beslis p{font-size:13px;line-height:1.45}

    .ws-pop-vorm{display:none}
    .ws-pop-balk{display:grid;gap:9px;position:sticky;bottom:0;z-index:3;
      margin:16px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));
      background:var(--p-room);border-top:1px solid var(--p-lijn);
      box-shadow:0 -14px 26px -18px rgba(11,11,10,.5)}
    .ws-pop-vorm2{margin:0}
    .ws-pop-vorm2.ws-uit{order:-1}
    .ws-pop-vorm2.ws-uit .ws-pop-knop{border:0;color:#26170A;
      background:linear-gradient(100deg,#F5DEAA,#EBC382 46%,#DDA548)}
    .ws-pop-knop{font-size:11.5px;letter-spacing:.05em;padding:16px 8px}
  }
  @media (prefers-reduced-motion:reduce){
    .ws-pop,.ws-pop-vak{transition:none}
  }
  .ws-pdp .ws-apps{margin-top:13px}
  .ws-pdp .ws-apps:empty{display:none}
  .ws-pdp .ws-apps > div:empty{display:none}
  {%- comment -%}
    De volgorde op een telefoon staat in ws-pdp-koopvak.css en alleen daar.
    Hier stond een tweede reeks die niet meeliep met de eerste; omdat deze
    stijl na de stylesheet laadt won hij, en botsten .ws-pay en .ws-cta2 op
    dezelfde order:14.
  {%- endcomment -%}

  /* ---- de upgrade-pop-up bij het toevoegen aan de winkelwagen ----
     base.js zet alleen de klasse open erop; verder niets. Dus is dat
     precies de schakelaar. */
  .ws-upg{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
    padding:18px;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,Arial,sans-serif}
  .ws-upg.open{display:flex}
  .ws-upg [data-action] > *{pointer-events:none}
  .ws-upg-waas{position:absolute;inset:0;background:rgba(11,11,10,.62);
    -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  .ws-upg-vak{position:relative;z-index:1;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;
    background:#FBF8F3;border-radius:20px;padding:30px 28px 22px;
    box-shadow:0 30px 90px rgba(11,11,10,.4)}
  .ws-upg-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;
    border:0;border-radius:50%;background:rgba(17,17,17,.06);color:#14120F;cursor:pointer;padding:0}
  .ws-upg-x svg{width:16px;height:16px}
  .ws-upg-x:hover{background:rgba(17,17,17,.11)}

  .ws-upg-top{text-align:center;padding:0 22px}
  .ws-upg-ey{display:block;font-size:10.5px;font-weight:800;letter-spacing:.19em;
    text-transform:uppercase;color:#B0742A}
  .ws-upg-kop{margin:9px 0 0;font-size:22px;font-weight:800;letter-spacing:-.028em;
    line-height:1.2;color:#14120F}
  .ws-upg-lead{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:rgba(20,18,15,.6)}

  .ws-upg-lijst{list-style:none;margin:22px 0 0;padding:0}
  .ws-upg-kaart{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;
    padding:14px;margin-top:10px;background:#fff;border:1px solid rgba(176,116,42,.2);border-radius:14px}
  .ws-upg-kaart:first-child{margin-top:0}
  .ws-upg-beeld{width:76px;height:76px;border-radius:10px;overflow:hidden;background:rgba(17,17,17,.05)}
  .ws-upg-beeld img{width:100%;height:100%;object-fit:cover;display:block}
  .ws-upg-naam{margin:0;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#14120F}
  .ws-upg-extra{list-style:none;margin:7px 0 0;padding:0}
  .ws-upg-extra li{position:relative;padding-left:19px;margin-top:4px;
    font-size:12.5px;line-height:1.35;color:rgba(20,18,15,.72)}
  .ws-upg-extra li::before{content:"";position:absolute;left:0;top:2px;width:13px;height:13px;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B0742A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.6 4.6 4.6L19 7.4'/%3E%3C/svg%3E") no-repeat center/contain}
  .ws-upg-meer{margin:5px 0 0;font-size:12px;color:rgba(20,18,15,.45)}

  .ws-upg-koop{text-align:right}
  .ws-upg-prijs{margin:0;font-size:15px;font-weight:800;color:#14120F;white-space:nowrap}
  .ws-upg-besp{margin:3px 0 0;font-size:11px;font-weight:700;line-height:1.3;color:#8A5A1E}
  .ws-upg-knop{margin-top:9px;border:0;border-radius:10px;padding:10px 15px;cursor:pointer;
    background:linear-gradient(100deg,#E9BE72 0%,#DDA548 100%);color:#14120F;
    font:inherit;font-size:12.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
  .ws-upg-knop:hover{filter:brightness(1.05)}

  .ws-upg-nee{display:block;width:100%;margin:18px 0 0;padding:12px;border:0;background:none;cursor:pointer;
    font:inherit;font-size:13px;font-weight:700;color:rgba(20,18,15,.5);text-decoration:underline;
    text-underline-offset:3px}
  .ws-upg-nee:hover{color:#14120F}

  @media (max-width: 640px) {
    .ws-upg{padding:12px;align-items:flex-end}
    .ws-upg-vak{max-height:88vh;padding:26px 16px 16px;border-radius:18px}
    .ws-upg-top{padding:0 16px}
    .ws-upg-kop{font-size:19px}
    .ws-upg-kaart{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:12px}
    .ws-upg-beeld{width:60px;height:60px}
    .ws-upg-koop{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);
      align-items:center;gap:10px;text-align:left;padding-top:10px;
      border-top:1px solid rgba(176,116,42,.16)}
    .ws-upg-besp{grid-row:2;grid-column:1;margin:0;align-self:start}
    .ws-upg-knop{grid-row:1 / span 2;grid-column:2;margin:0;padding:12px;width:100% }
  }
/* END_SECTION:ws-pdp-koopvak */