.collectie{position:relative;scroll-margin-top:6rem}html.js .collectie [data-nojs],html.js .collectie-dialog [data-nojs]{display:none}.collectie__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-line)}.collectie__aantal{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.collectie__acties{display:flex;align-items:center;gap:var(--space-3);margin-inline-start:auto}.collectie__filterknop{display:none;gap:.5rem}.collectie__filterknop svg{width:1.1rem;height:1.1rem}.collectie__filterknop-aantal{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;border-radius:4px;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:800;line-height:1}.collectie__sorteer{display:flex;align-items:center;gap:.6rem}.collectie__sorteer-label{font-size:var(--text-sm);color:var(--color-text-muted)}.collectie__sorteer-veld{position:relative;display:inline-flex;align-items:center}.collectie__sorteer select{appearance:none;-webkit-appearance:none;min-height:2.4rem;padding:.35rem 2.2rem .35rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-foreground);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast)}.collectie__sorteer select:hover{border-color:var(--color-foreground)}.collectie__sorteer select:focus-visible{outline:none;border-color:var(--color-foreground)}.collectie__sorteer-veld:after{content:"";position:absolute;right:.9rem;top:50%;width:.45rem;height:.45rem;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.collectie__gewichten{display:flex;flex-direction:column;gap:.65rem;margin-bottom:var(--space-5)}.collectie__gewichten-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tint, var(--color-primary))}.collectie__gewichten-rij .chip{min-width:3.4rem}.collectie__gewichten-rij .chip.is-active{background:var(--color-foreground);border-color:var(--color-foreground);box-shadow:inset 0 -2px 0 var(--tint, var(--color-primary))}.collectie__layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-6);align-items:start}.collectie__layout--zonder-zijbalk{grid-template-columns:minmax(0,1fr)}.collectie__zijbalk{position:sticky;top:calc(4.5rem + var(--space-4));max-height:calc(100dvh - 4.5rem - var(--space-5));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);padding-right:.25rem;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}body:has(.announcement-bar) .collectie__zijbalk{top:calc(6.75rem + var(--space-4));max-height:calc(100dvh - 6.75rem - var(--space-5))}.collectie__zijbalk.is-te-hoog{position:static;max-height:none;overflow:visible;padding-right:0}.collectie__main{min-width:0}.collectie-filters .accordion__item summary{padding:.85rem 0;font-size:var(--text-sm)}.collectie-filters__dot{width:.45rem;height:.45rem;margin-inline-start:auto;border-radius:50%;background:var(--tint, var(--color-primary));flex-shrink:0}.collectie-filters .accordion__body{padding-bottom:1rem;color:var(--color-foreground)}.collectie-filters__lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;max-height:15rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.collectie-filters__optie{display:flex;align-items:center;gap:.6rem;padding:.2rem 0;font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast)}.collectie-filters__optie:hover{color:var(--color-foreground)}.collectie-filters__optie.is-leeg{opacity:.45;cursor:not-allowed}.collectie-filters__optie input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:inherit}.collectie-filters__label{flex:1;min-width:0}.collectie-filters__aantal{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.collectie-filters__prijs{display:flex;align-items:center;gap:.5rem}.collectie-filters__prijs label{flex:1;min-width:0;display:flex;align-items:center;gap:.35rem;padding:0 .6rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);transition:border-color var(--dur-fast)}.collectie-filters__prijs label:focus-within{border-color:var(--color-foreground)}.collectie-filters__prijs input{width:100%;min-width:0;min-height:2.4rem;padding:.3rem 0;border:0;border-radius:0;background:transparent;color:var(--color-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.collectie-filters__prijs input::-webkit-outer-spin-button,.collectie-filters__prijs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.collectie-filters__prijs input:focus-visible{outline:none}.collectie-filters__scheider{font-size:var(--text-xs);color:var(--color-text-muted)}.collectie-filters__toepassen{margin-top:var(--space-4)}.collectie-filters__groep{display:flex;flex-direction:column;gap:.65rem;padding:.9rem 0 1rem;border-bottom:1px solid var(--color-line)}.collectie-filters__groep:first-child{border-top:1px solid var(--color-line)}.collectie-filters__groep-kop{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.collectie-filters__groep .chip{min-height:2.1rem;padding-inline:.75rem}.collectie__hulp{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5)}.collectie__hulp-kop{font-size:1.05rem}.collectie__hulp-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;font-size:var(--text-sm);line-height:1.5;color:color-mix(in srgb,var(--color-foreground) 82%,var(--color-text-muted))}.collectie__hulp-lijst li{display:flex;gap:.55rem}.collectie__hulp-lijst li:before{content:"";flex-shrink:0;width:.4rem;height:.4rem;margin-top:.5rem;border-radius:50%;background:var(--tint, var(--color-primary))}.collectie__hulp-tekst{margin:0;font-size:var(--text-sm);line-height:1.5;color:color-mix(in srgb,var(--color-foreground) 82%,var(--color-text-muted))}.collectie__hulp .link-arrow{margin-top:.25rem;font-size:var(--text-sm)}.collectie__hulp-mobiel{display:none}.collectie__actief{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:var(--space-4);font-size:var(--text-sm)}.collectie__actief-label{color:var(--color-text-muted)}.collectie__actief-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:.25rem .7rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-foreground);font-weight:600;text-decoration:none;transition:border-color var(--dur-fast),color var(--dur-fast)}.collectie__actief-pill svg{width:.65rem;height:.65rem;color:var(--color-text-muted);transition:color var(--dur-fast)}.collectie__actief-pill:hover{border-color:var(--color-primary)}.collectie__actief-pill:hover svg{color:var(--color-primary)}.collectie__actief-wis{margin-inline-start:.25rem;color:var(--color-text-muted);text-decoration:underline;text-underline-offset:.2em;transition:color var(--dur-fast)}.collectie__actief-wis:hover{color:var(--color-foreground)}.collectie__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5) var(--space-4);transition:opacity var(--dur-base) var(--ease-out)}.collectie__grid>li{display:flex;flex-direction:column;min-width:0}.collectie__grid>li>.product-card{flex:1 1 auto}.collectie__grid>li{display:flex;flex-direction:column}.collectie__grid .product-card{flex:1}.collectie[aria-busy=true] .collectie__grid{opacity:.45;pointer-events:none}.collectie__paginering{margin-top:var(--space-7)}.collectie__paginering ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.collectie__paginering a,.collectie__paginering span{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;padding-inline:.7rem;border:1px solid transparent;border-radius:var(--radius-btn);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-foreground);text-decoration:none}.collectie__paginering a{border-color:var(--color-line);transition:border-color var(--dur-fast),background var(--dur-fast)}.collectie__paginering a:hover{border-color:var(--color-foreground)}.collectie__paginering [aria-current=page]{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.collectie__paginering-gap{color:var(--color-text-muted)}.collectie__paginering-pijl{gap:.4rem;font-size:var(--text-sm)}.collectie__paginering-pijl svg{width:.7rem;height:.7rem}.collectie__leeg{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;border:1px dashed var(--color-line);border-radius:var(--radius-card)}.collectie__leeg h2{font-size:var(--text-xl)}.collectie__leeg p{max-width:28rem;color:var(--color-text-muted)}.collectie__leeg-tip{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.collectie__leeg-acties{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.collectie-dialog{margin:auto 0 0;width:100%;max-width:none;max-height:min(88dvh,100%);padding:0;border:0;border-top:1px solid var(--color-line);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--color-background);color:var(--color-foreground);box-shadow:var(--shadow-pop)}.collectie-dialog[open]{display:flex;flex-direction:column;animation:collectie-sheet var(--dur-base) var(--ease-out)}.collectie-dialog:not([open]){display:none}.collectie-dialog::backdrop{background:#0009}@keyframes collectie-sheet{0%{translate:0 1.5rem;opacity:0}to{translate:0 0;opacity:1}}.collectie-dialog__kop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.65rem .75rem .65rem 1.25rem;border-bottom:1px solid var(--color-line)}.collectie-dialog__titel{font-size:var(--text-lg)}.collectie-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:.25rem 1.25rem 1rem}.collectie-dialog__body .collectie-filters__lijst{max-height:none}.collectie-dialog__voet{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-surface)}@media(min-width:48rem)and (max-width:79.9rem){.collectie__layout:not(.collectie__layout--zonder-zijbalk) .collectie__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:63.9rem){.collectie__layout{grid-template-columns:minmax(0,1fr)}html.js .collectie__zijbalk{display:none}html.js .collectie__hulp-mobiel{display:block;margin-top:var(--space-6)}html.js .collectie__filterknop{display:inline-flex}.collectie__zijbalk{position:static;max-height:none;overflow:visible;padding-right:0}.collectie__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collectie__gewichten-rij{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;scroll-snap-type:x proximity}.collectie__gewichten-rij::-webkit-scrollbar{display:none}.collectie__gewichten-rij .chip{flex-shrink:0;scroll-snap-align:start}}@media(max-width:47.9rem){.collectie__toolbar{margin-bottom:var(--space-4)}.collectie__aantal{flex-basis:100%;order:2}.collectie__acties{width:100%;justify-content:space-between}.collectie__sorteer-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.collectie__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}.collectie__paginering a,.collectie__paginering span{min-width:2.4rem;height:2.4rem;padding-inline:.5rem}.collectie__paginering-pijl span{display:none}.collectie__leeg{padding:var(--space-7) var(--space-4)}}@media(prefers-reduced-motion:reduce){.collectie-dialog[open]{animation:none}.collectie__grid,.collectie__actief-pill,.collectie__paginering a,.collectie__sorteer select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-collection.css.map */