.dshoek [hidden]{display:none!important}.dshoek__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-6);align-items:start}@media(max-width:989px){.dshoek__layout{grid-template-columns:1fr}.dshoek__paneel{order:2}.dshoek__stappen{order:1}}@media(min-width:990px){.dshoek__paneel{position:sticky;top:var(--space-4)}}.dshoek__paneel{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.dshoek__paneel-kop{margin:0 0 var(--space-4);font-family:var(--font-display--family);font-size:var(--text-xl);text-transform:uppercase}.dshoek__slots{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.dshoek-slot{display:flex;align-items:stretch;border:1px dashed var(--color-line);border-radius:var(--radius-btn);background:transparent;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.dshoek-slot:hover{border-color:var(--color-text-muted)}.dshoek-slot.is-gevuld{border-style:solid;background:var(--color-surface-2)}.dshoek-slot__knop{display:grid;grid-template-columns:3.5rem 1fr auto;gap:var(--space-3);align-items:center;flex:1;min-width:0;padding:var(--space-2);border:0;background:transparent;color:var(--color-foreground);font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-btn)}.dshoek-slot__knop:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dshoek-slot__wis{display:grid;place-items:center;align-self:center;width:1.75rem;height:1.75rem;margin-right:var(--space-2);padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dshoek-slot__wis:hover{background:var(--color-background);color:var(--color-foreground)}.dshoek-slot__wis:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek-slot__beeld{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:calc(var(--radius-btn) - 2px);background:var(--color-background);color:var(--color-text-muted);overflow:hidden}.dshoek-slot.is-gevuld .dshoek-slot__beeld{background:var(--color-product-bg)}.dshoek-slot__beeld img{width:100%;height:100%;object-fit:contain}.dshoek-slot.is-gevuld .dshoek-slot__plus{display:none}.dshoek-slot__tekst{display:flex;flex-direction:column;gap:.1rem;min-width:0}.dshoek-slot__label{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.dshoek-slot__naam{font-size:var(--text-sm);font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dshoek-slot:not(.is-gevuld) .dshoek-slot__naam{color:var(--color-text-muted);font-weight:400}.dshoek-slot__prijs{font-variant-numeric:tabular-nums;font-size:var(--text-sm);white-space:nowrap}.dshoek__pijlen-vak{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.dshoek__paneel-ruimte{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.dshoek__paneel-ruimte.is-krap{color:var(--color-warning)}.dshoek__totaal{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-line)}.dshoek__totaal-label{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}.dshoek__totaal-bedrag{font-family:var(--font-display--family);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.dshoek__staffel{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-background)}.dshoek__staffel-kop{margin:0 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.dshoek__staffel-lijst{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.dshoek__staffel-trede{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.dshoek__staffel-trede.is-bereikt{color:var(--color-foreground)}.dshoek__staffel-trede.is-bereikt .dshoek__staffel-label:before{content:"\2713  ";color:var(--color-primary)}.dshoek__staffel-trede.is-actief .dshoek__staffel-waarde{color:var(--color-primary);font-weight:700}.dshoek__staffel-waarde{font-variant-numeric:tabular-nums;white-space:nowrap}.dshoek__staffel-sub{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.dshoek__voordeel-volgende{margin:.2rem 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.dshoek__paneel-klaar{width:100%;margin-top:var(--space-3)}.dshoek__opnieuw{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-line);font-size:var(--text-sm)}.dshoek__opnieuw-knop,.dshoek__opnieuw-ja,.dshoek__opnieuw-nee{display:inline-flex;align-items:center;min-height:1.5rem;padding:0;border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.dshoek__opnieuw-knop:hover,.dshoek__opnieuw-nee:hover{color:var(--color-foreground)}.dshoek__opnieuw-ja{color:var(--color-error);font-weight:600}.dshoek__opnieuw-knop:focus-visible,.dshoek__opnieuw-ja:focus-visible,.dshoek__opnieuw-nee:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek__opnieuw-bevestig{display:inline-flex;flex-wrap:wrap;gap:.35rem .9rem;color:var(--color-foreground)}.dshoek__stepper{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-5);padding:0;list-style:none}.dshoek__stepknop{padding:.4rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dshoek__stepknop[data-klaar=ja]{color:var(--color-foreground)}.dshoek__stepknop[aria-current=step]{border-color:var(--color-primary);color:var(--color-foreground)}.dshoek__stepknop:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek__stap{margin:0;padding:0;border:0}.dshoek__vraag{padding:0;margin-bottom:var(--space-4);font-family:var(--font-display--family);font-size:var(--text-2xl);line-height:1.1;text-transform:uppercase}.dshoek__stapsub,.dshoek__stapmelding{margin:calc(var(--space-3) * -1) 0 var(--space-4);color:var(--color-text-muted);max-width:52ch}.dshoek__stapmelding{padding:var(--space-3);border-left:3px solid var(--color-warning);background:var(--color-surface);border-radius:0 var(--radius-btn) var(--radius-btn) 0;color:var(--color-foreground)}.dshoek__laden{color:var(--color-text-muted);padding:var(--space-5) 0}.dshoek__opties{display:grid;gap:var(--space-3)}.dshoek-optie{display:block;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.dshoek-optie:hover{border-color:var(--color-text-muted)}.dshoek-optie input{position:absolute;opacity:0;pointer-events:none}.dshoek-optie:has(input:checked){border-color:var(--color-primary);background:var(--color-surface-2)}.dshoek-optie:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.dshoek-optie__titel{display:block;font-weight:700}.dshoek-optie__sub{display:block;margin-top:.2rem;color:var(--color-text-muted);font-size:var(--text-sm)}.dshoek__voordeel-uitleg{margin:var(--space-4) 0 0;max-width:52ch;color:var(--color-text-muted);font-size:var(--text-sm)}.dshoek__pijlen-gekozen{display:grid;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none}.dshoek__pijlen-set{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-btn);background:var(--color-surface-2)}.dshoek__pijlen-set img{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:calc(var(--radius-btn) - 2px);background:var(--color-product-bg);flex-shrink:0}.dshoek__pijlen-set-naam{flex:1;min-width:0;font-size:var(--text-sm);font-weight:600;line-height:1.25}.dshoek__pijlen-aantal{display:inline-flex;align-items:center;gap:.15rem;flex-shrink:0}.dshoek__aantal-knop{display:grid;place-items:center;width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-foreground);font:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.dshoek__aantal-knop:hover:not(:disabled){border-color:var(--color-text-muted)}.dshoek__aantal-knop:disabled{opacity:.35;cursor:not-allowed}.dshoek__aantal-knop:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek__aantal-getal{min-width:1.6rem;text-align:center;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.dshoek__pijlen-set-prijs{flex-shrink:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.dshoek__pijlen-klaar{margin-bottom:var(--space-4)}.dshoek__vinder-tip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-surface);max-width:52ch}.dshoek__vinder-tekst{flex:1;min-width:14rem;font-weight:600}.dshoek__vinder-sub{display:block;margin-top:.15rem;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.dshoek__vinder-knop{flex-shrink:0}.dshoek__ruimte-invoer{display:flex;flex-direction:column;gap:var(--space-2);max-width:16rem}.dshoek__ruimte-veld{display:flex;align-items:center;gap:var(--space-2);padding:.55rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-surface)}.dshoek__ruimte-veld input{width:100%;border:0;background:transparent;color:var(--color-foreground);font:inherit;font-size:var(--text-lg)}.dshoek__ruimte-veld input:focus{outline:none}.dshoek__ruimte-veld:focus-within{border-color:var(--color-primary)}.dshoek__ruimte-oordeel{margin-top:var(--space-3);max-width:52ch}.dshoek__ruimte-oordeel.is-krap{color:var(--color-warning)}.dshoek__overzicht{margin:0 0 var(--space-4);padding:0;list-style:none}.dshoek__overzicht-item{display:grid;grid-template-columns:8rem 1fr auto 1.75rem;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-line)}@media(max-width:749px){.dshoek__overzicht-item{grid-template-columns:6rem 1fr auto 1.75rem}}.dshoek__overzicht-stap{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}.dshoek__overzicht-prijs{font-variant-numeric:tabular-nums}.dshoek__overzicht-item--voordeel,.dshoek__overzicht-item--totaal{grid-template-columns:auto 1fr auto 1.75rem}.dshoek__overzicht-item--voordeel{border-bottom:0;padding-bottom:0}.dshoek__overzicht-item--voordeel .dshoek__overzicht-prijs{color:var(--color-primary);font-weight:600}.dshoek__overzicht-item--totaal{border-bottom:0;font-weight:700}.dshoek__mand-sub{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.dshoek__mand-fout{margin-top:var(--space-3);color:var(--color-error)}.dshoek__nav{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) 0;background:var(--color-background);border-top:1px solid var(--color-line)}.dshoek__nav-rechts{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.dshoek__overslaan{padding:0;border:0;background:transparent;color:var(--color-text-muted);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.dshoek__overslaan:hover{color:var(--color-foreground)}.dshoek__overslaan:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek-keuze__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--space-3)}.dshoek-kaart{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);text-align:left;font:inherit;color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.dshoek-kaart:hover:not(:disabled){border-color:var(--color-text-muted);transform:translateY(-2px)}.dshoek-kaart:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek-kaart[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-surface-2)}.dshoek-kaart:disabled{opacity:.45;cursor:not-allowed}div.dshoek-kaart{cursor:default}.dshoek-kaart__media{display:block;aspect-ratio:1;border-radius:calc(var(--radius-card) - 4px);background:var(--color-product-bg);overflow:hidden}.dshoek-kaart__img,.dshoek-kaart__placeholder{width:100%;height:100%;object-fit:contain}.dshoek-kaart__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dshoek-kaart__vendor{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.dshoek-kaart__titel{font-size:var(--text-sm);font-weight:600;line-height:1.3}.dshoek-kaart__prijs{font-size:var(--text-sm);color:var(--color-text-muted)}.dshoek-kaart__gewicht-vast{margin-left:.5rem;padding:.15rem .5rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap}.dshoek-kaart__gewichten{display:flex;flex-direction:column;gap:.35rem;margin-top:var(--space-2);border-radius:var(--radius-btn)}.dshoek-kaart__gewichten.is-attentie{outline:2px solid var(--color-primary);outline-offset:4px}.dshoek-kaart__gewichten-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.dshoek-kaart__gewichten-rij{display:flex;flex-wrap:wrap;gap:.35rem}.dshoek-kaart__gewicht{padding:.25rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:transparent;font:inherit;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.dshoek-kaart__gewicht:hover{border-color:var(--color-text-muted);color:var(--color-foreground)}.dshoek-kaart__gewicht:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dshoek-kaart__gewicht[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.dshoek-kaart__vink{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);opacity:0;scale:.6;transition:opacity var(--dur-fast) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.dshoek-kaart[aria-pressed=true] .dshoek-kaart__vink{opacity:1;scale:1}.dshoek-keuze__meer{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.dshoek__nojs{margin-top:var(--space-5)}.dshoek__nojs ul{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.dshoek.is-interactief .dshoek__nojs{display:none}.dshoek:not(.is-interactief) .dshoek__nav,.dshoek:not(.is-interactief) .dshoek__stepper,.dshoek:not(.is-interactief) .dshoek__paneel{display:none}@media(prefers-reduced-motion:reduce){.dshoek *,.dshoek *:before,.dshoek *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-dartshoek.css.map */