/** Shopify CDN: Minification failed

Line 341:2 Unexpected "{"
Line 341:3 Expected identifier but found "%"
Line 342:75 Expected identifier but found whitespace
Line 346:3 Expected identifier but found "%"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:ws-afsluiter (INDEX:54) */
/* ═══ Wellshave — blok 12, de afsluiter ═══
   Bron: audits/blok-12-afsluiter.template.html. In de mockup werd mobiel
   nagebootst met een extra klasse .af-m; hier is dat een echte media query.
   Alles staat onder .ws-af zodat thema-CSS er niet doorheen kan lekken. */

.ws-af{position:relative;font-family:"Montserrat",sans-serif;background:#0B0B0A;color:#fff;
  padding:66px 40px 0;overflow:hidden}
.ws-af *{box-sizing:border-box}
.ws-af p{margin:0;max-width:none}

/* het monogram groot en zacht achter de tekst, plus een gouden gloed */
.ws-af__merk{position:absolute;right:-90px;top:-70px;width:420px;opacity:.05;pointer-events:none;
  filter:brightness(0) invert(1)}
.ws-af__merk img{width:100%;height:auto;display:block}
.ws-af__gloed{position:absolute;left:50%;top:-180px;width:760px;height:420px;pointer-events:none;
  transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(245,209,138,.16),transparent 72%)}

.ws-af__in{position:relative;z-index:1;max-width:1180px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;min-width:0}
.ws-af__eyebrow{display:inline-flex;align-items:center;gap:15px;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#BC813E}
.ws-af__eyebrow::before,.ws-af__eyebrow::after{content:"";width:40px;height:1px;
  background:rgba(188,129,62,.55)}
.ws-af__h2{font-size:46px;line-height:112%;font-weight:700;letter-spacing:-.034em;margin:0;
  max-width:17ch;color:#fff;text-transform:none}
.ws-af__h2 b,.ws-af__h2 strong{font-weight:700;color:#F5D18A}
.ws-af__sub{font-size:16px;line-height:158%;color:rgba(255,255,255,.62);max-width:56ch}

/* de knoppen */
.ws-af__knoppen{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:4px}
.ws-af__cta{display:inline-flex;align-items:center;gap:13px;
  background:linear-gradient(135deg,#F5D18A 0%,#D8AC5D 52%,#BC813E 100%);color:#111;
  font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:19px 30px;border-radius:100px;text-decoration:none;border:0;
  box-shadow:0 16px 38px -20px rgba(245,209,138,.9)}
.ws-af__cta:hover{color:#111;text-decoration:none}
.ws-af__cta svg{width:17px;height:17px}
.ws-af__cta--rand{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;
  box-shadow:none}
.ws-af__cta--rand:hover{color:#fff}

/* de reden om vandaag te beslissen */
.ws-af__reden{display:inline-flex;align-items:center;gap:12px;margin-top:2px;
  border:1px solid rgba(245,209,138,.3);background:rgba(245,209,138,.06);
  border-radius:100px;padding:12px 22px;font-size:13.5px;color:rgba(255,255,255,.78)}
.ws-af__reden svg{width:17px;height:17px;color:#F5D18A;flex:none}
.ws-af__reden b,.ws-af__reden strong{color:#fff;font-weight:600}
.ws-af__reden p{display:inline}

/* de bewijsregel */
.ws-af__bewijs{display:flex;align-items:stretch;justify-content:center;gap:0;margin-top:16px;
  border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);
  width:100%}
.ws-af__cel{flex:1;padding:22px 26px;display:flex;flex-direction:column;align-items:center;gap:6px;
  min-width:0}
.ws-af__cel + .ws-af__cel{border-left:1px solid rgba(255,255,255,.12)}
.ws-af__groot{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.2;
  display:flex;align-items:center;gap:9px}
.ws-af__groot svg{width:19px;height:19px;color:#F5D18A;flex:none}
.ws-af__klein{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);line-height:150%}
.ws-af__sterren{display:flex;gap:3px}
.ws-af__sterren i{width:19px;height:19px;background:#00B67A;display:grid;place-items:center;
  position:relative}
.ws-af__sterren i.is-half{background:#3C3A36}
.ws-af__sterren i.is-half::before{content:"";position:absolute;inset:0;width:50%;background:#00B67A}
.ws-af__sterren svg{width:12px;height:12px;fill:#fff;color:#fff;position:relative}

/* de nieuwsbriefregel onderaan */
.ws-af__nieuws{width:100%;margin-top:0;padding:24px 0 30px;
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.ws-af__nieuwstekst{text-align:left;min-width:0}
.ws-af__nieuwstekst b{display:block;font-size:14.5px;font-weight:600;color:#fff;line-height:1.35}
.ws-af__nieuwstekst em{display:block;font-style:normal;font-size:12.5px;
  color:rgba(255,255,255,.5);margin-top:3px}
.ws-af__veld{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:7px 7px 7px 20px;
  min-width:0;margin:0}
.ws-af__veld input[type="email"]{flex:1;min-width:0;font-family:inherit;font-size:13.5px;
  color:#fff;background:none;border:0;outline:0;padding:0 16px 0 0;height:auto;box-shadow:none}
.ws-af__veld input[type="email"]::placeholder{color:rgba(255,255,255,.4)}
.ws-af__veld button{flex:none;background:#fff;color:#111;font-family:inherit;font-size:12px;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:13px 20px;
  border:0;border-radius:100px;cursor:pointer}
.ws-af__bedankt{font-size:13px;color:#F5D18A;margin-top:8px}

/* ── mobiel ── */
@media (max-width:749px){
  .ws-af{padding:44px 18px 0}
  .ws-af__merk{width:280px;right:-70px;top:-50px}
  .ws-af__gloed{width:460px;height:300px;top:-140px}
  .ws-af__in{gap:18px}
  .ws-af__eyebrow{font-size:10px;gap:10px}
  .ws-af__eyebrow::before,.ws-af__eyebrow::after{width:26px}
  .ws-af__h2{font-size:31px;max-width:none}
  .ws-af__sub{font-size:14px}
  .ws-af__knoppen{width:100%;flex-direction:column;gap:10px}
  .ws-af__cta{justify-content:center;font-size:12.5px;padding:17px 22px}
  .ws-af__reden{font-size:12.5px;padding:11px 16px;text-align:left}
  /* de bewijsregel blijft naast elkaar staan: drie cellen onder elkaar is
     300 pixels op de laatste schermhoogte van de pagina */
  .ws-af__bewijs{margin-top:12px}
  .ws-af__cel{padding:16px 8px;gap:5px}
  .ws-af__groot{font-size:15.5px;gap:6px}
  .ws-af__groot svg{width:15px;height:15px}
  .ws-af__klein{font-size:8.5px;letter-spacing:.1em}
  .ws-af__sterren i{width:13px;height:13px}
  .ws-af__sterren svg{width:8px;height:8px}
  .ws-af__nieuws{flex-direction:column;align-items:stretch;gap:12px;padding:20px 0 26px}
  .ws-af__nieuwstekst{text-align:center}
  .ws-af__veld{padding:6px 6px 6px 16px}
  .ws-af__veld input[type="email"]{font-size:12.5px;padding-right:8px}
  .ws-af__veld button{padding:12px 15px;font-size:11px}
}
/* END_SECTION:ws-afsluiter */

/* 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 */