.collectie{padding-block:calc(var(--kop-klein-hoogte) + clamp(1.75rem,2.5vw,2.5rem)) clamp(3rem,7vw,6rem);color:var(--inkt)}.collectie__binnen{width:100%;padding-inline:var(--paginamarge)}.collectie__hero{display:flex;flex-direction:column;gap:1.25em;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.collectie__kop{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:clamp(1rem,2.5vw,2rem) clamp(.75rem,1.5vw,1.25rem) 0}.herocats{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:10px;padding:14px 10px 18px;margin:-14px -10px -8px}.herocats::-webkit-scrollbar{display:none}.herocat{flex:none;width:clamp(6.5rem,11vw,9rem);height:clamp(8rem,13vw,10.5rem);background:var(--vlak-licht)}.herocat .categoriekaart__tekst{font-size:.8125em;line-height:92%;letter-spacing:.02em}.collectie__titel{margin:0;font-family:var(--font-titel);font-size:clamp(2.5rem,7vw,5em);font-weight:500;line-height:80%;letter-spacing:-.03em;text-transform:uppercase}.collectie__tekst{max-width:46ch;font-family:var(--font-kop);font-size:1.375em;line-height:92%;letter-spacing:-.02em;opacity:.7}.collectie__lijf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25em}.filters{grid-column:span 3}.filters__vast{position:sticky;top:calc(var(--kop-klein-hoogte) + 1rem);max-height:calc(100svh - var(--kop-klein-hoogte) - 2rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.filters__vast::-webkit-scrollbar{display:none}.filterwaas{display:none}.collectie__rechts{grid-column:span 9;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.collectie.is-bezig .collectie__raster{opacity:.45;pointer-events:none;transition:opacity .2s var(--standaard)}.collectie__raster{transition:opacity .25s var(--standaard)}.collectie__balk{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.875rem;border-bottom:1px solid color-mix(in srgb,var(--inkt) 14%,transparent)}.collectie__telling{margin:0;font-family:var(--font-kop);font-size:1.125em;font-weight:500;line-height:92%;letter-spacing:-.02em;text-transform:uppercase;opacity:.55}.sorteer{position:relative;display:flex;align-items:center;gap:.5rem}.sorteer__naam{font-family:var(--font-kop);font-size:1.125em;font-weight:500;line-height:92%;letter-spacing:-.02em;text-transform:uppercase;opacity:.55}.sorteer__keuze{-webkit-appearance:none;appearance:none;padding:.5rem 2rem .5rem .875rem;border:1px solid color-mix(in srgb,var(--inkt) 18%,transparent);border-radius:var(--radius-vol);background:transparent;color:var(--inkt);font-family:var(--font-kop);font-size:1.25em;font-weight:500;line-height:92%;letter-spacing:-.02em;cursor:pointer;transition:border-color var(--duur-snel) var(--standaard)}.sorteer__keuze:hover{border-color:var(--inkt)}.sorteer__pijl{position:absolute;right:.75rem;width:.75rem;height:.75rem;rotate:90deg;pointer-events:none}.filters__kop{display:none;align-items:center;justify-content:space-between;padding-bottom:1rem}.filters__titel{margin:0;font-family:var(--font-titel);font-size:2.5em;font-weight:500;letter-spacing:-.02em;text-transform:uppercase}.filters__sluit{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--inkt);color:var(--vlak-licht)}.filters__sluit svg{width:.75rem;height:.75rem}.filters__vorm{display:flex;flex-direction:column}.filters__actief{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding-bottom:1rem}.filterpil{display:inline-flex;align-items:center;gap:.4375rem;padding:.375rem .75rem;border-radius:var(--radius-vol);background:var(--inkt);color:var(--vlak-licht);font-family:var(--font-kop);font-size:1.125em;font-weight:500;line-height:92%;letter-spacing:-.02em;transition:opacity var(--duur-snel) var(--standaard)}.filterpil svg{width:.5rem;height:.5rem}.filterpil:hover{opacity:.75}.filters__wissen{font-family:var(--font-kop);font-size:1.125em;font-weight:500;text-decoration:underline;text-underline-offset:3px;opacity:.65}.filter{border-top:1px solid color-mix(in srgb,var(--inkt) 14%,transparent)}.filter:last-of-type{border-bottom:1px solid color-mix(in srgb,var(--inkt) 14%,transparent)}.filter__kop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.75em;font-family:var(--font-kop);font-size:1.5625em;font-weight:500;line-height:92%;letter-spacing:-.03em;cursor:pointer;list-style:none}.filter__kop::-webkit-details-marker{display:none}.filter__teken{position:relative;flex:none;width:.75rem;height:.75rem}.filter__teken:before,.filter__teken:after{content:"";position:absolute;inset:50% 0 auto 0;height:1.5px;background:currentColor;translate:0 -50%;transition:rotate .35s var(--soepel),opacity .35s var(--soepel)}.filter__teken:after{rotate:90deg}.filter[open] .filter__teken:after{rotate:0deg;opacity:0}.filter__lijf{display:flex;flex-direction:column;gap:.125rem;padding-bottom:1.125rem}.keuze{display:flex;align-items:center;gap:.625rem;padding-block:.25em;font-family:var(--font-kop);font-size:1.25em;line-height:92%;letter-spacing:-.02em;cursor:pointer}.keuze input{position:absolute;opacity:0;pointer-events:none}.keuze__vak{display:grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;border:1.5px solid color-mix(in srgb,var(--inkt) 30%,transparent);border-radius:4px;color:transparent;transition:background var(--duur-snel) var(--standaard),border-color var(--duur-snel) var(--standaard),color var(--duur-snel) var(--standaard)}.keuze__vak svg{width:.625rem;height:.625rem}.keuze:hover .keuze__vak{border-color:var(--inkt)}.keuze input:checked+.keuze__vak{border-color:var(--inkt);background:var(--inkt);color:var(--vlak-licht)}.keuze input:focus-visible+.keuze__vak{outline:2px solid var(--inkt);outline-offset:2px}.keuze__naam{flex:1}.keuze__telling{font-size:.9em;opacity:.45}.keuze.is-leeg{opacity:.35;cursor:default}.prijsfilter__hint{margin:0 0 .75em;font-family:var(--font-kop);font-size:1.125em;line-height:92%;letter-spacing:-.02em;opacity:.55}.prijsfilter{display:flex;align-items:center;gap:.5rem}.prijsveld{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0;padding:.5rem .75rem;border:1px solid color-mix(in srgb,var(--inkt) 18%,transparent);border-radius:var(--radius-vol);transition:border-color var(--duur-snel) var(--standaard)}.prijsveld:focus-within{border-color:var(--inkt)}.prijsveld__teken{font-family:var(--font-kop);font-size:1.25em;opacity:.55}.prijsveld input{width:100%;min-width:0;border:0;background:transparent;color:var(--inkt);font-family:var(--font-kop);font-size:1.25em}.prijsveld input:focus{outline:none}.prijsfilter__streep{width:.625rem;height:1px;flex:none;background:color-mix(in srgb,var(--inkt) 30%,transparent)}.filters__toepassen{margin-top:1rem;padding:.75rem 1.25rem;border-radius:var(--radius-vol);background:var(--inkt);color:var(--vlak-licht);font-family:var(--font-kop);font-weight:500}.collectie__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:12px;row-gap:0;grid-auto-rows:var(--rijmaat, 8px)}@media(min-width:700px){.collectie__raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));column-gap:clamp(1rem,1.6vw,1.5rem)}}.collectie__raster:not([data-metselwerk=klaar]){grid-auto-rows:auto;row-gap:clamp(1.25rem,2vw,2rem)}.collectie__leeg{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-block:clamp(2rem,6vw,5rem)}.collectie__leeg-kop{margin:0;font-family:var(--font-titel);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:500;line-height:.9;letter-spacing:-.02em;text-transform:uppercase}.collectie__leeg-tekst{margin:0 0 .75em;max-width:38ch;font-family:var(--font-kop);font-size:1.375em;line-height:92%;letter-spacing:-.02em;opacity:.7}.paginatie{display:flex;align-items:center;justify-content:center;gap:.375rem;padding-top:clamp(1.5rem,4vw,3rem)}.paginatie__nummer,.paginatie__stap{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding-inline:.5rem;border-radius:var(--radius-vol);font-family:var(--font-kop);font-size:1.25em;font-weight:500;color:var(--inkt);transition:background var(--duur-snel) var(--standaard),color var(--duur-snel) var(--standaard)}.paginatie__nummer:hover,.paginatie__stap:hover{background:color-mix(in srgb,var(--inkt) 8%,transparent)}.paginatie__nummer.is-nu{background:var(--inkt);color:var(--vlak-licht)}.paginatie__nummer.is-uit{opacity:.4}.paginatie__stap svg{width:.875rem;height:.875rem;rotate:180deg}.paginatie__stap--volgende svg{rotate:0deg}.filters__knop{display:none;align-items:center;gap:.5em;padding:.5em .875em;border:1px solid color-mix(in srgb,var(--inkt) 18%,transparent);border-radius:var(--radius-vol);color:var(--inkt);font-family:var(--font-kop);font-size:1.25em;font-weight:500;line-height:92%}.filters__knop svg{width:.875rem;height:.875rem}.filters__knop-telling{display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.25rem;border-radius:var(--radius-vol);background:var(--inkt);color:var(--vlak-licht);font-size:.75rem}@media(max-width:991px){.collectie__rechts{grid-column:1 / -1}.filters__knop{display:inline-flex}.filters__kop{display:flex}.filters__vast{position:static;max-height:none;overflow:visible}.filters{position:fixed;z-index:1100;inset:0 auto 0 0;width:min(24em,88vw);padding:1.25rem var(--paginamarge) 2rem;overflow-y:auto;overscroll-behavior:contain;background:var(--vlak-licht);box-shadow:20px 0 60px -30px #00000080;translate:-100% 0;visibility:hidden;transition:translate .45s var(--vloeiend),visibility 0s .45s}.filters.is-open{translate:0 0;visibility:visible;transition:translate .45s var(--vloeiend),visibility 0s}.filterwaas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;background:#00000059;opacity:0;visibility:hidden;transition:opacity .45s var(--vloeiend),visibility 0s .45s}body.filters-open .filterwaas{opacity:1;visibility:visible;transition:opacity .45s var(--vloeiend),visibility 0s}body.filters-open{overflow:hidden}}.collectie__lijf--vol .collectie__rechts{grid-column:1 / -1}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collectie.css.map */