/** Shopify CDN: Minification failed

Line 26:0 Unexpected "<"
Line 67:0 Unexpected "<"
Line 121:0 Unexpected "<"
Line 123:19 Unexpected "{"
Line 123:28 Expected ":"
Line 123:35 Unexpected "{"
Line 125:14 Expected identifier but found whitespace
Line 125:16 Unexpected "{"
Line 125:25 Expected ":"
Line 130:19 Unexpected "{"
... and 46 more hidden warnings

**/
/* Desktop: 1100px container exact 10px naar links (houdt max-width/centrering intact) */
@media (min-width: 1300px) {
  html body #shopify-section-template--22086325207342__17549963148f87b0eb {
    margin-left: calc((100% - 1300px) / 2 - 10px) !important;
    margin-right: calc((100% - 1300px) / 2 + 10px) !important;
    padding-left: 40px !important;  /* laat je bestaande padding staan */
    padding-right: 40px !important;
  }
}

<style>
  /* Kleiner maken van de tegels */
  .subcollections-slider .collection-block--xxl {
    min-width: 220px; /* Was 320px - dit bepaalt de breedte van de hele kolom */
  }

  /* Afbeelding container kleiner maken */
  .subcollections-slider .collection-thumb {
    width: 180px;           /* Was 280px - pas dit aan naar de gewenste grootte */
    aspect-ratio: 1 / 1;    
    padding: 10px;          
    background: #fff;       
    border: 0px solid rgba(0,0,0,0.06);
    border-radius: 8px;     /* Iets kleinere radius past vaak beter bij kleinere tegels */
    box-sizing: border-box;
    overflow: hidden;       
  }

  .subcollections-slider .collection-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;    
    display: block;
  }

@media (max-width: 768px) {
  .subcollections-slider .collection-thumb {
    width: 90px;
    height: 90px;
  }
}
  /* Label tekst iets kleiner maken voor de balans */
  .subcollections-slider .collection-block__label {
    font-size: 16px;        /* Optioneel: tekst iets kleiner maken */
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Terug naar 2 regels voor een compacter uiterlijk */
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: auto;       /* Verwijder de vaste min-height voor een strakkere look */
  }
</style>

/* ===== Collection FAQ – layout fix: geen equal-height rijen meer ===== */
.collection-faq .faq-grid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px 40px;
  align-items: flex-start; /* items niet uitrekken in de rij */
}

/* Twee kolommen op desktop, 1 kolom op mobiel */
.collection-faq .faq-grid.columns-2 .faq-item { flex: 0 1 calc((100% - 40px) / 2); }
.collection-faq .faq-grid.columns-1 .faq-item { flex: 0 1 100%; }
@media (max-width: 768px) {
  .collection-faq .faq-grid { gap: 14px 20px; }
  .collection-faq .faq-item { flex-basis: 100% !important; }
}

/* Verplaats border van de container naar de summary zodat buur-items niet “meegroeien” */
.collection-faq details.faq-item {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.collection-faq summary.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
  background: none;
  cursor: pointer;
  list-style: none;
}
.collection-faq summary.faq-question::-webkit-details-marker { display: none; }

/* Paneel tonen/verbergen via [open] */
.collection-faq .faq-answer { display: none !important; }
.collection-faq details[open] .faq-answer {
  display: block !important;
  padding: 6px 0 14px;
}
/* Optioneel: visuele hint bij open vraag */
.collection-faq details[open] .faq-icon { transform: rotate(45deg); }

/* Click-hardening: summary moet altijd de klik krijgen */
.collection-faq summary.faq-question { position: relative; z-index: 1; pointer-events: auto !important; }
.collection-faq summary.faq-question > * { pointer-events: none !important; }
.collection-faq .faq-item::before,
.collection-faq .faq-item::after { pointer-events: none !important; }


<style>
  /* Container + variabelen voor animatie en spacing */
  #collection-faq-{{ section.id }} {
    margin: 40px auto;
    max-width: {{ section.settings.max_width }};
    --faq-anim-dur: 320ms;
    --faq-anim-ease: cubic-bezier(.2,.6,0,1);
    --faq-anim-max: 900px; /* max te openen hoogte voor animatie */
  }
  #collection-faq-{{ section.id }} .faq-heading { margin: 0 0 20px; font-size: 1.6rem; font-weight: 700; }

  /* 2 echte kolommen – verticale stapels; buurkolom blijft onaangetast */
  #collection-faq-{{ section.id }} .faq-grid {
    display: flex !important;
    gap: 0 40px;
    align-items: flex-start;
    width: 100%;
  }
  #collection-faq-{{ section.id }} .faq-col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }

  /* Neutraliseer oudere 50%-regels die items direct onder .faq-grid zetten */
  #collection-faq-{{ section.id }} .faq-grid > .faq-item { flex: initial !important; max-width: 100% !important; width: 100% !important; }
  #collection-faq-{{ section.id }} .faq-item { float: none !important; }

  /* Oude look met onderlijning + méér ruimte boven de lijn */
  #collection-faq-{{ section.id }} details.faq-item { border: 0; padding: 0; margin: 0; }
  #collection-faq-{{ section.id }} summary.faq-question {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 0; /* was 10px: nu iets meer ruimte t.o.v. de onderlijn */
    margin: 0; border: 0;
    border-bottom: 1px solid rgba(0,0,0,.12);
    background: none; cursor: pointer; list-style: none;
    font-size: 1rem; font-weight: 600;
    position: relative; z-index: 1; pointer-events: auto;
  }
  #collection-faq-{{ section.id }} summary.faq-question::-webkit-details-marker { display: none; }
  #collection-faq-{{ section.id }} .faq-icon { transition: transform var(--faq-anim-dur) var(--faq-anim-ease); }
  #collection-faq-{{ section.id }} details[open] .faq-icon { transform: rotate(45deg); }

  /* Smooth animatie (geen display:none meer) */
  #collection-faq-{{ section.id }} .faq-answer {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0;              /* geen extra ruimte als dicht */
    transition:
      max-height var(--faq-anim-dur) var(--faq-anim-ease),
      opacity   calc(var(--faq-anim-dur) - 60ms) ease,
      padding   calc(var(--faq-anim-dur) - 80ms) ease;
    will-change: max-height;
  }
  #collection-faq-{{ section.id }} details[open] .faq-answer {
    max-height: var(--faq-anim-max); /* groot genoeg zodat de meeste antwoorden passen */
    opacity: 1;
    padding: 8px 0 16px;     /* nette ruimte rondom content als open */
  }

  /* Klikken altijd door naar summary (hardening) */
  #collection-faq-{{ section.id }} summary.faq-question > * { pointer-events: none; }
  #collection-faq-{{ section.id }} .faq-item::before,
  #collection-faq-{{ section.id }} .faq-item::after { pointer-events: none; }

  /* Mobiel: 1 kolom */
  @media (max-width: 768px) {
    #collection-faq-{{ section.id }} .faq-grid { flex-direction: column; gap: 0; }
    #collection-faq-{{ section.id }} .faq-col { width: 100%; }
  }

  @media (prefers-reduced-motion: reduce) {
    #collection-faq-{{ section.id }} .faq-icon { transition: none; }
    #collection-faq-{{ section.id }} .faq-answer { transition: none; max-height: none; opacity: 1; padding: 8px 0 16px; }
  }
</style>


<style>
  /* Alleen voor deze sectie: zet elk pseudo-element met vaste tekst uit */
  #shopify-section-{{ section.id }} .seo-content[data-read-more] label.link::before,
  #shopify-section-{{ section.id }} .seo-content[data-read-more] label.link::after {
    content: none !important;
  }
</style>

.seo-content[data-read-more] p:last-of-type {
  margin-bottom: 0 !important;  /* haalt marge onder de laatste tekstregel weg */
}

.seo-content[data-read-more] .link,
.seo-content[data-read-more] a {
  margin-top: 0 !important;     /* zorgt dat de link geen extra ruimte erboven heeft */
  display: inline-block;        /* inline laten aansluiten */
}

<style>
  .header .input__group { position: relative; }
  #predictive-search-results {
    position: absolute; top: 100%; left: 0;
    width: 100%; max-width: 800px;
    background:#fff; z-index: 99999;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    display:block!important;
  }.predictive-search__list-item > a.is-active,
#predictive-search-trigger.is-active {
  background: rgba(17, 64, 105, 0.08);
  outline: 2px solid #114069;
  outline-offset: -2px;
}
</style>


.b2b-cta { margin: 12px 0 16px; }
.b2b-cta__button{
  display:flex; align-items:center; gap:12px;
  width:100%; max-width:480px;
  border:1px solid #e5e7eb; background:#f8fafc;
  border-radius:8px; padding:12px 14px;
  text-decoration:none; color:#111827;
  transition:background .2s, border-color .2s, transform .02s;
}
.b2b-cta__button:hover{ background:#eef2ff; border-color:#c7d2fe; }
.b2b-cta__button:active{ transform:translateY(1px); }
.b2b-cta__badge{
  display:inline-flex; align-items:center; justify-content:center;
  background:#114069; color:#fff; font-weight:700;
  border-radius:9999px; padding:6px 10px; font-size:12px; min-width:46px;
}
.b2b-cta__text{ line-height:1.2; font-size:14px; }
.b2b-cta__text small{ color:#6b7280; font-size:12px; }

/* Alleen het iDEAL-logo iets groter maken */
.payment-icons .icon--ideal {
  height: 30px;   /* maak groter, bv. 22–26px */
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.product__specs-labels{
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  overflow-wrap: anywhere;
}
/* Collectie: 2 producten per rij op mobiel */
@media (max-width: 749px) {
  .collection__products.js-collection-products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .collection__products.js-collection-products-grid > * {
    width: auto !important;
    max-width: none !important;
  }
}

/* Fix overlap: als cards 'horizontal' zijn, forceer vertical layout op mobiel */
@media (max-width: 749px) {

  /* alleen wanneer die grid horizontal-mode aan heeft */
  .js-collection-products-grid[data-horizontal] > * {
    width: auto !important;
    max-width: none !important;
  }

  /* draai de card layout naar kolom i.p.v. rij */
  .js-collection-products-grid[data-horizontal] .product,
  .js-collection-products-grid[data-horizontal] .product-card,
  .js-collection-products-grid[data-horizontal] .product-item,
  .js-collection-products-grid[data-horizontal] a {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* media boven, content onder */
  .js-collection-products-grid[data-horizontal] .product__media,
  .js-collection-products-grid[data-horizontal] .product-card__image,
  .js-collection-products-grid[data-horizontal] .media,
  .js-collection-products-grid[data-horizontal] picture {
    width: 100% !important;
  }

  /* knoppen/controls mogen wrappen i.p.v. overlappen */
  .js-collection-products-grid[data-horizontal] .product__actions,
  .js-collection-products-grid[data-horizontal] .product-card__actions,
  .js-collection-products-grid[data-horizontal] form,
  .js-collection-products-grid[data-horizontal] .qty,
  .js-collection-products-gri
  }