.collection.coll-lijst{padding-block:28px 40px}.coll-lijst .coll__bovenbalk{padding-bottom:14px;margin-bottom:18px}@media(max-width:760px){.collection.coll-lijst{padding-block:20px 24px}}@media(max-width:759px){.coll-lijst .coll__count{display:none}.coll-lijst .coll__bovenbalk{padding-bottom:12px;margin-bottom:14px}}.coll-lijst{--fk-veld:44px;--fk-rand:var(--line-strong);--fk-ring:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);--fk-zacht:cubic-bezier(.2,0,0,1)}.coll-lijst .filtergroep__aantal{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--badge);color:var(--on-badge);font:600 13px/1 var(--font-body);font-variant-numeric:tabular-nums;display:inline-grid;place-items:center;flex:0 0 auto}.coll-lijst .coll__bovenbalk{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;border-bottom:1px solid var(--line)}.coll-lijst .coll__count{margin:0;font-size:15px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.coll-lijst .coll__sortform{margin-left:auto;flex:0 1 auto;min-width:0}.coll-lijst .coll__sortwrap{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0;width:auto}.coll-lijst .coll__sortlabel{font-size:14.5px;font-weight:500;color:var(--muted);white-space:nowrap}.coll-lijst .coll__sortvak{position:relative;display:inline-flex;min-width:0}.coll-lijst .coll__sortico{display:none;position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;stroke:var(--accent);stroke-width:1.6;pointer-events:none}.coll-lijst .coll__sort,.coll-lijst .coll__filterknop{height:var(--fk-veld);min-height:var(--fk-veld);border:1px solid var(--fk-rand);border-radius:var(--knop-r);background-color:var(--surface);font:500 15px/1.2 var(--font-body);color:var(--ink);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease,box-shadow .15s ease}.coll-lijst .coll__sort{-webkit-appearance:none;appearance:none;width:auto;max-width:100%;padding:0 42px 0 18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2342526B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 17px center;background-size:12px 8px;text-overflow:ellipsis}.coll-lijst .coll__sort:hover,.coll-lijst .coll__filterknop:hover{border-color:var(--accent);color:var(--accent)}.coll-lijst .coll__sort:focus-visible,.coll-lijst .coll__filterknop:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .coll__filterknop{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;font-weight:600}.coll-lijst .coll__filterknop svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.6;flex:0 0 auto}.coll-lijst .coll__filterknop:active,.coll-lijst .coll__sort:active{scale:.96}@media(min-width:1000px){.coll-lijst .coll__filterknop{display:none}}.coll-lijst .coll__sortgo{height:var(--fk-veld);padding:0 16px;margin-left:8px;border:1px solid var(--fk-rand);border-radius:var(--knop-r);background:var(--surface);font:600 15px var(--font-body);color:var(--ink)}.coll-lijst .coll__zij-kop{display:flex;align-items:center;gap:12px;min-height:calc(var(--fk-veld) + 15px);margin:0;padding:0 0 14px;border-bottom:1px solid var(--line)}.coll-lijst .coll__zij-titel{display:inline-flex;align-items:center;gap:10px;margin:0;flex:1;min-width:0;font:600 17px/1.2 var(--font-head);letter-spacing:-.01em;color:var(--ink)}.coll-lijst .coll__zij-titel svg{width:20px;height:20px;stroke:var(--accent);stroke-width:1.6;flex:0 0 auto}.coll-lijst .coll__zij-wis{display:inline-flex;align-items:center;min-height:var(--fk-veld);padding:0 2px;font-size:14.5px;font-weight:500;color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;white-space:nowrap}.coll-lijst .coll__zij-wis:hover{color:var(--accent-dk);text-decoration-color:currentColor}.coll-lijst .coll__zij-form{display:block}.coll-lijst .coll__zij-voet{display:none}.coll-lijst .filtergroep--zij{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible;margin:0}.coll-lijst .filtergroep--zij>summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 2px;font:600 var(--filterkop,16px)/1.25 var(--font-body);color:var(--ink);background:none;border:0;border-radius:8px;cursor:pointer;list-style:none;transition:color .15s ease}.coll-lijst .filtergroep--zij>summary:hover{background:none;color:var(--accent)}.coll-lijst .filtergroep--zij>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.coll-lijst .filtergroep--zij[open]>summary{border-bottom:0}.coll-lijst .filtergroep__naam{flex:1;min-width:0;font-weight:inherit;color:inherit}.coll-lijst .filtergroep__ico{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px}.coll-lijst .fgi{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.coll-lijst .fgi .fgi__vul{fill:var(--mist)}.coll-lijst .filtergroep__pijl{width:18px;height:18px;flex:0 0 18px;stroke:var(--muted);stroke-width:1.8;transition:transform .22s var(--fk-zacht),stroke .15s ease}.coll-lijst .filtergroep--zij>summary:hover .filtergroep__pijl{stroke:var(--accent)}.coll-lijst .filtergroep--zij[open]>summary .filtergroep__pijl{transform:rotate(180deg)}.coll-lijst .filtergroep--zij .filterlijst{position:static;margin:0;min-width:0;width:auto;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:none;padding:0 0 18px}.coll-lijst .filtergroep--zij[open] .filterlijst{animation:fkIn .22s var(--fk-zacht)}@keyframes fkIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.coll-lijst .filterlijst .filteroptie{display:flex;align-items:center;gap:12px;min-height:44px;margin:0 -8px;padding:0 8px;border-radius:10px;cursor:pointer;font:500 var(--filtertekst,15px)/1.3 var(--font-body);color:var(--ink);transition:background-color .15s ease}.coll-lijst .filterlijst .filteroptie:hover{background:var(--tint)}.coll-lijst .filterlijst .filteroptie.is-leeg{opacity:.5;cursor:default}.coll-lijst .filterlijst .filteroptie.is-leeg:hover{background:none}.coll-lijst .filterlijst .filteroptie.is-verborgen{display:none}.coll-lijst .filteroptie__naam{flex:1;min-width:0}.coll-lijst .filterlijst .filteroptie input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;margin:0;width:20px;height:20px;border:1.5px solid var(--fk-rand);border-radius:6px;background:var(--surface) center/14px no-repeat;cursor:inherit;transition:background-color .15s ease,border-color .15s ease}.coll-lijst .filterlijst .filteroptie:hover input[type=checkbox]:not(:disabled){border-color:var(--accent)}.coll-lijst .filterlijst .filteroptie input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.5 12.5 4 4 9-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.coll-lijst .filterlijst .filteroptie input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .filterlijst .aantal{margin-left:auto;font-size:14px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.coll-lijst .filterknopjes{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.coll-lijst .filterlijst .filterknopje{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:44px;margin:0;padding:0 15px;border:1px solid var(--fk-rand);border-radius:999px;background:var(--surface);cursor:pointer;font:500 var(--filtertekst,15px)/1.2 var(--font-body);color:var(--ink);white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease,scale .1s ease}.coll-lijst .filterlijst .filterknopje input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;-webkit-appearance:none;appearance:none}.coll-lijst .filterlijst .filterknopje .aantal{margin-left:0;font-size:14.5px;transition:color .15s ease}.coll-lijst .filterknopje__vink{width:0;height:16px;margin-right:-7px;stroke:currentColor;stroke-width:2.4;opacity:0;transition:width .18s var(--fk-zacht),margin .18s var(--fk-zacht),opacity .15s ease}.coll-lijst .filterlijst .filterknopje:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.coll-lijst .filterlijst .filterknopje:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--on-action)}.coll-lijst .filterlijst .filterknopje:has(input:checked) .aantal{color:color-mix(in srgb,var(--on-action) 78%,var(--accent))}.coll-lijst .filterknopje:has(input:checked) .filterknopje__vink{width:16px;margin-right:0;opacity:1}.coll-lijst .filterlijst .filterknopje:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .filterlijst .filterknopje:active{scale:.96}.coll-lijst .filterlijst .filterknopje.is-leeg{opacity:.5;cursor:default;border-style:dashed}.coll-lijst .filterlijst .filterknopje.is-leeg:hover{border-color:var(--fk-rand);color:var(--ink)}.coll-lijst .filterlijst .filterknopje.is-leeg:active{scale:none}.coll-lijst .filterzoek{margin:0 0 6px}.coll-lijst .filterzoek input{height:var(--fk-veld);padding:0 14px;border:1px solid var(--fk-rand);border-radius:10px;font:500 15px var(--font-body);color:var(--ink);background:var(--surface)}.coll-lijst .filterzoek input:focus{border-color:var(--accent);box-shadow:var(--fk-ring);outline:none}.coll-lijst .filterlijst--bereik{min-width:0}.coll-lijst .bereikrij{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:6px;align-items:end;margin:0 0 12px}.coll-lijst .bereikrij__tot{height:var(--fk-veld);display:grid;place-items:center}.coll-lijst .bereikrij__tot:before{content:"";width:10px;height:1.5px;border-radius:1px;background:var(--line-strong)}.coll-lijst .filterlijst .bereikveld{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:0;min-height:0;background:none;cursor:default}.coll-lijst .filterlijst .bereikveld:hover{background:none}.coll-lijst .bereikveld__label{font-size:14.5px;font-weight:500;color:var(--muted)}.coll-lijst .bereikveld__vak{position:relative;display:block}.coll-lijst .bereikveld__munt{position:absolute;left:13px;top:50%;translate:0 -50%;pointer-events:none;font:500 15px/1 var(--font-body);color:var(--muted)}.coll-lijst .filterlijst .bereikveld input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;width:100%;height:var(--fk-veld);padding:0 10px 0 29px;margin:0;border:1px solid var(--fk-rand);border-radius:10px;background:var(--surface);font:500 15.5px/1 var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.coll-lijst .bereikveld input::-webkit-outer-spin-button,.coll-lijst .bereikveld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coll-lijst .filterlijst .bereikveld input:hover{border-color:var(--accent)}.coll-lijst .filterlijst .bereikveld input:focus{border-color:var(--accent);box-shadow:var(--fk-ring);outline:none}.coll-lijst .filterlijst .filterlijst__toepassen{display:flex;align-items:center;justify-content:center;width:100%;height:var(--fk-veld);border:2px solid var(--fk-rand);border-radius:var(--knop-r);background:var(--surface);cursor:pointer;font:600 15px/1 var(--font-body);color:var(--ink);transition:border-color .15s ease,color .15s ease,scale .1s ease}.coll-lijst .filterlijst .filterlijst__toepassen:hover{border-color:var(--accent);color:var(--accent)}.coll-lijst .filterlijst .filterlijst__toepassen:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .filterlijst .filterlijst__toepassen:active{scale:.96}.coll-lijst .filterlijst .filterlijst__wis{display:inline-flex;align-items:center;min-height:40px;margin:4px 0 -8px;padding:0;border:0;font-size:14.5px;font-weight:500;color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}.coll-lijst .filterlijst .filterlijst__wis:hover{color:var(--accent-dk);text-decoration-color:currentColor}.coll-lijst .actieve-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}.coll-lijst .actieve-filters a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 16px;border:0;border-radius:999px;background:var(--mist);color:var(--ink);font:500 14.5px/1.2 var(--font-body);text-decoration:none;transition:background-color .15s ease,color .15s ease,scale .1s ease}.coll-lijst .actieve-filters a:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.coll-lijst .actieve-filters a svg{width:16px;height:16px;stroke:var(--accent);stroke-width:2;flex:0 0 auto}.coll-lijst .actieve-filters a:hover{background:color-mix(in srgb,var(--mist) 80%,var(--accent));color:var(--ink)}.coll-lijst .actieve-filters a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .actieve-filters a:active{scale:.96}.coll-lijst .actieve-filters .wissen{background:none;padding:0 6px;color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}.coll-lijst .actieve-filters .wissen:hover{background:none;color:var(--accent-dk);text-decoration-color:currentColor}@media(min-width:1000px){.coll-lijst .coll__layout--zij{column-gap:44px}.coll-lijst .coll__zij{padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}}@media(max-width:999px){.coll-lijst .coll__zij,.coll-lijst .coll__layout--zij .coll__zij{display:flex;flex-direction:column;width:min(400px,92vw);padding:0;overflow:hidden;background:var(--page);border-radius:0 var(--r-lg) var(--r-lg) 0;box-shadow:var(--shadow-lg);transform:translate(calc(-100% - 64px));visibility:hidden;transition:transform .34s var(--fk-zacht),visibility 0s linear .34s}.coll-lijst .coll__zij.is-open{transform:none;visibility:visible;transition:transform .34s var(--fk-zacht),visibility 0s}.coll-lijst .coll__zij-kop{flex:0 0 auto;min-height:64px;padding:10px 12px 10px 20px;background:var(--surface)}.coll-lijst .coll__zij-titel{font-size:19px}.coll-lijst .coll__zij-kop .coll__zij-wis{display:none}.coll-lijst .coll__zij-sluit{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;margin-left:auto;border:0;border-radius:50%;background:var(--tint);color:var(--ink);cursor:pointer;transition:background-color .15s ease}.coll-lijst .coll__zij-sluit:hover{background:var(--tint-strong)}.coll-lijst .coll__zij-sluit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .coll__zij-sluit svg{width:18px;height:18px;stroke-width:2}.coll-lijst .coll__zij-form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 8px}.coll-lijst .filtergroep--zij:last-child{border-bottom:0}.coll-lijst [data-uitgesteld] .filterlijst__toepassen{display:none}.coll-lijst .coll__zij-voet{display:flex;gap:10px;flex:0 0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.coll-lijst .coll__zij-voetwis,.coll-lijst .coll__zij-toon{display:inline-flex;align-items:center;justify-content:center;min-height:var(--knop-h-klein, 44px);border-radius:var(--knop-r);font:600 15px/1.2 var(--font-body);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,scale .1s ease,opacity .15s ease}.coll-lijst .coll__zij-voetwis{flex:0 0 auto;padding:0 20px;border:2px solid var(--fk-rand);background:var(--surface);color:var(--ink)}.coll-lijst .coll__zij-voetwis:hover{border-color:var(--accent);color:var(--accent)}.coll-lijst .coll__zij-toon{flex:1 1 auto;padding:0 18px;border:2px solid var(--accent);background:var(--accent);color:var(--on-action)}.coll-lijst .coll__zij-toon:hover{background:var(--accent-dk);border-color:var(--accent-dk)}.coll-lijst .coll__zij-toon[aria-busy=true]{opacity:.72}.coll-lijst .coll__zij-voetwis:focus-visible,.coll-lijst .coll__zij-toon:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.coll-lijst .coll__zij-voetwis:active,.coll-lijst .coll__zij-toon:active{scale:.96}.filters-overlay:not([hidden]){background:#1f28336b;animation:fkOverlay .26s ease-out}}@keyframes fkOverlay{0%{opacity:0}to{opacity:1}}@media(max-width:759px){.coll-lijst .coll__bovenbalk:has(.coll__filterknop){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coll-lijst .coll__bovenbalk:has(.coll__filterknop) .coll__filterknop{width:100%}.coll-lijst .coll__sortform{margin-left:auto}.coll-lijst .coll__bovenbalk:has(.coll__filterknop) .coll__sortform,.coll-lijst .coll__bovenbalk:has(.coll__filterknop) .coll__sortwrap,.coll-lijst .coll__bovenbalk:has(.coll__filterknop) .coll__sortvak,.coll-lijst .coll__bovenbalk:has(.coll__filterknop) .coll__sort{width:100%;max-width:none;margin:0}.coll-lijst .coll__sortlabel{display:none}.coll-lijst .coll__sortico{display:block}.coll-lijst .coll__sort{padding:0 36px 0 40px;background-position:right 15px center;field-sizing:fixed;font-weight:600}.coll-lijst .coll__filterknop{padding:0 14px}}@media(max-width:374px){.coll-lijst .coll__sortico{display:none}.coll-lijst .coll__sort{padding:0 30px 0 14px;background-position:right 12px center}.coll-lijst .coll__bovenbalk:has(.coll__filterknop){gap:8px}}@media(prefers-reduced-motion:reduce){.coll-lijst .coll__zij,.coll-lijst .coll__zij.is-open{transition:none}.coll-lijst .filtergroep--zij[open] .filterlijst,.filters-overlay:not([hidden]){animation:none}.coll-lijst .filtergroep__pijl,.coll-lijst .filterknopje__vink{transition:none}.coll-lijst .coll__filterknop:active,.coll-lijst .coll__sort:active,.coll-lijst .filterlijst .filterknopje:active,.coll-lijst .filterlijst .filterlijst__toepassen:active,.coll-lijst .actieve-filters a:active,.coll-lijst .coll__zij-voetwis:active,.coll-lijst .coll__zij-toon:active{scale:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/pat-collectie.css.map */