@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/inter-v20-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/inter-v20-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--lettertype: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--lettertype-mono: ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;--tekst-2xs: .6875rem;--tekst-xs: .75rem;--tekst-s: .875rem;--tekst-m: 1rem;--tekst-l: 1.125rem;--tekst-xl: 1.375rem;--tekst-2xl: 1.75rem;--tekst-3xl: 2.25rem;--tekst-4xl: 3rem;--regel-krap: 1.2;--regel-normaal: 1.5;--gewicht-normaal: 400;--gewicht-medium: 500;--gewicht-half: 600;--gewicht-vet: 700;--ruimte-1: 4px;--ruimte-2: 8px;--ruimte-3: 12px;--ruimte-4: 16px;--ruimte-5: 20px;--ruimte-6: 24px;--ruimte-8: 32px;--ruimte-10: 40px;--ruimte-12: 48px;--ruimte-16: 64px;--straal-xs: 4px;--straal-s: 6px;--straal-m: 10px;--straal-l: 14px;--straal-xl: 20px;--straal-rond: 999px;--raak-min: 44px;--raak: 48px;--raak-groot: 56px;--raak-xl: 64px;--duur-snel: .12s;--duur: .2s;--duur-traag: .32s;--ease: cubic-bezier(.2, .8, .2, 1);--laag-balk: 40;--laag-paneel: 60;--laag-modal: 100;--laag-venster: 120;--laag-melding: 140;--kleur-achtergrond: #f4f2ee;--kleur-vlak: #ffffff;--kleur-vlak-2: #faf9f7;--kleur-vlak-3: #efece6;--kleur-vlak-4: #e5e1d9;--kleur-rand: #e4dfd6;--kleur-rand-sterk: #d0c9bd;--kleur-rand-invoer: #8c8476;--kleur-tekst: #1e1b17;--kleur-tekst-zacht: #5c554b;--kleur-tekst-stil: #6f675c;--kleur-scrim: rgba(22, 19, 15, .55);--kleur-primair: #0b5c6e;--kleur-primair-hover: #094c5b;--kleur-primair-actief: #073e4a;--kleur-primair-zacht: #e3eff2;--kleur-primair-zacht-2: #c8e1e7;--kleur-primair-tekst: #0a5465;--kleur-op-primair: #ffffff;--kleur-merk: #7b1338;--kleur-merk-licht: #c2185b;--kleur-goud: #d9a441;--kleur-succes: #17764a;--kleur-succes-hover: #12603c;--kleur-succes-zacht: #e4f3ea;--kleur-succes-rand: #a9d5bc;--kleur-gevaar: #b3261e;--kleur-gevaar-hover: #971f18;--kleur-gevaar-zacht: #fcebe9;--kleur-gevaar-rand: #efb4ae;--kleur-waarschuwing: #8a5000;--kleur-waarschuwing-zacht: #fdf2db;--kleur-waarschuwing-rand: #ebc57b;--kleur-waarschuwing-vol: #f2b33d;--kleur-op-waarschuwing-vol: #1e1b17;--kleur-info: #1b5db5;--kleur-info-zacht: #e7effb;--kleur-info-rand: #b3cbee;--kleur-op-status: #ffffff;--kleur-focus: #2463d1;--kleur-rail: #1c1915;--kleur-rail-2: #2a2620;--kleur-rail-3: #38332b;--kleur-rail-tekst: #d2cbbf;--kleur-rail-tekst-sterk: #ffffff;--kleur-rail-accent: #72c6d8;--kleur-rail-succes: #5fd09a;--kleur-rail-waarschuwing: #f2b84b;--schaduw-1: 0 1px 2px rgba(30, 27, 23, .07), 0 1px 1px rgba(30, 27, 23, .03);--schaduw-2: 0 2px 4px rgba(30, 27, 23, .05), 0 8px 20px -6px rgba(30, 27, 23, .14);--schaduw-3: 0 10px 24px -8px rgba(30, 27, 23, .2), 0 28px 64px -16px rgba(30, 27, 23, .32);--schaduw-focus: 0 0 0 3px rgba(36, 99, 209, .35)}.thema-donker,[data-thema=donker]{color-scheme:dark;--kleur-achtergrond: #13110e;--kleur-vlak: #1d1a16;--kleur-vlak-2: #23201b;--kleur-vlak-3: #2d2923;--kleur-vlak-4: #38332b;--kleur-rand: #34302a;--kleur-rand-sterk: #4a443b;--kleur-rand-invoer: #82796b;--kleur-tekst: #f4f0e8;--kleur-tekst-zacht: #bdb5a8;--kleur-tekst-stil: #a39a8c;--kleur-scrim: rgba(0, 0, 0, .66);--kleur-primair: #5fbfd2;--kleur-primair-hover: #7ccbdb;--kleur-primair-actief: #98d6e3;--kleur-primair-zacht: #183238;--kleur-primair-zacht-2: #1f414a;--kleur-primair-tekst: #7fd0e0;--kleur-op-primair: #06262d;--kleur-succes: #4cc38a;--kleur-succes-hover: #66cf9c;--kleur-succes-zacht: #15291f;--kleur-succes-rand: #2b5a42;--kleur-gevaar: #ff8a7a;--kleur-gevaar-hover: #ffa194;--kleur-gevaar-zacht: #34191a;--kleur-gevaar-rand: #6e3330;--kleur-waarschuwing: #f2b84b;--kleur-waarschuwing-zacht: #30250f;--kleur-waarschuwing-rand: #6b5220;--kleur-waarschuwing-vol: #f2b33d;--kleur-info: #8cb8ff;--kleur-info-zacht: #172338;--kleur-info-rand: #2f4a75;--kleur-op-status: #13110e;--kleur-focus: #8cb8ff;--kleur-rail: #0e0c0a;--kleur-rail-2: #1d1a16;--kleur-rail-3: #2d2923;--schaduw-1: 0 1px 2px rgba(0, 0, 0, .4);--schaduw-2: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 20px -6px rgba(0, 0, 0, .5);--schaduw-3: 0 10px 24px -8px rgba(0, 0, 0, .6), 0 28px 64px -16px rgba(0, 0, 0, .7);--schaduw-focus: 0 0 0 3px rgba(140, 184, 255, .4)}@media (prefers-reduced-motion: reduce){:root{--duur-snel: 0ms;--duur: 0ms;--duur-traag: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--lettertype);font-size:var(--tekst-m);line-height:var(--regel-normaal);color:var(--kleur-tekst);background:var(--kleur-achtergrond);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;font-feature-settings:"cv11" 1}h1,h2,h3,h4{line-height:var(--regel-krap);letter-spacing:-.012em;font-weight:var(--gewicht-vet)}a{color:var(--kleur-primair-tekst);text-underline-offset:.16em}img,svg{vertical-align:middle}.ui-icoon{flex-shrink:0}::selection{background:var(--kleur-primair-zacht-2);color:var(--kleur-tekst)}:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.cijfers,.num,.ui-cijfers{font-variant-numeric:tabular-nums}.muted{color:var(--kleur-tekst-zacht)}.sr-only,.visually-hidden,.ui-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--kleur-rand-sterk);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--kleur-rand-invoer)}::-webkit-scrollbar-track{background:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.ui-knop,.primary,.secondary,.ghost,.danger,.ui-knop-succes{display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);min-height:var(--raak);padding:0 var(--ruimte-5);border:1px solid transparent;border-radius:var(--straal-m);font-size:var(--tekst-m);font-weight:var(--gewicht-half);line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--duur-snel) var(--ease),border-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease),box-shadow var(--duur-snel) var(--ease),transform var(--duur-snel) var(--ease)}.ui-knop:active:not(:disabled),.primary:active:not(:disabled),.secondary:active:not(:disabled),.ghost:active:not(:disabled),.danger:active:not(:disabled),.ui-knop-succes:active:not(:disabled){transform:translateY(1px) scale(.99)}.ui-knop:disabled,.primary:disabled,.secondary:disabled,.ghost:disabled,.danger:disabled,.ui-knop-succes:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary{background:var(--kleur-primair);color:var(--kleur-op-primair);box-shadow:var(--schaduw-1)}.primary:hover:not(:disabled){background:var(--kleur-primair-hover)}.primary:active:not(:disabled){background:var(--kleur-primair-actief)}.ui-knop,.secondary{background:var(--kleur-vlak);color:var(--kleur-tekst);border-color:var(--kleur-rand-sterk)}.ui-knop:hover:not(:disabled),.secondary:hover:not(:disabled){background:var(--kleur-vlak-2);border-color:var(--kleur-rand-invoer)}.ui-knop:active:not(:disabled),.secondary:active:not(:disabled){background:var(--kleur-vlak-3)}.ghost{background:transparent;color:var(--kleur-tekst)}.ghost:hover:not(:disabled){background:var(--kleur-vlak-3)}.ghost:active:not(:disabled){background:var(--kleur-vlak-4)}.danger{background:var(--kleur-gevaar);color:var(--kleur-op-status)}.danger:hover:not(:disabled){background:var(--kleur-gevaar-hover)}.ghost.danger,.ui-knop-gevaar-zacht{background:transparent;color:var(--kleur-gevaar)}.ghost.danger:hover:not(:disabled),.ui-knop-gevaar-zacht:hover:not(:disabled){background:var(--kleur-gevaar-zacht)}.ui-knop-succes{background:var(--kleur-succes);color:var(--kleur-op-status)}.ui-knop-succes:hover:not(:disabled){background:var(--kleur-succes-hover)}.ui-knop.small,.primary.small,.secondary.small,.ghost.small,.danger.small,.ui-knop-klein{min-height:36px;padding:0 var(--ruimte-3);font-size:var(--tekst-s);border-radius:var(--straal-s);gap:6px}.ui-knop-groot{min-height:var(--raak-groot);padding:0 var(--ruimte-6);font-size:var(--tekst-l);border-radius:var(--straal-l)}.block,.ui-knop-blok{display:flex;width:100%}.ui-knop-icoon{display:inline-grid;place-items:center;width:var(--raak-min);height:var(--raak-min);min-height:0;padding:0;border-radius:var(--straal-m);border:1px solid transparent;background:transparent;color:var(--kleur-tekst-zacht);transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}.ui-knop-icoon:hover:not(:disabled){background:var(--kleur-vlak-3);color:var(--kleur-tekst)}.ui-knop-icoon:disabled{opacity:.45}button.close{display:inline-grid;place-items:center;flex:none;width:var(--raak-min);height:var(--raak-min);padding:0;border:none;border-radius:var(--straal-rond);background:transparent;color:var(--kleur-tekst-zacht);font-size:1.15rem;line-height:1;transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}button.close:hover:not(:disabled){background:var(--kleur-vlak-3);color:var(--kleur-tekst)}button.close:disabled{opacity:.4}.ui-knop-bezig{position:relative;pointer-events:none}input,select,textarea{font:inherit;font-size:var(--tekst-m);color:var(--kleur-tekst);background-color:var(--kleur-vlak);border:1px solid var(--kleur-rand-invoer);border-radius:var(--straal-m);min-height:44px;padding:0 var(--ruimte-3);transition:border-color var(--duur-snel) var(--ease),box-shadow var(--duur-snel) var(--ease)}textarea{padding:var(--ruimte-3);line-height:var(--regel-normaal);resize:vertical}select{padding-right:var(--ruimte-8);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c554b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.thema-donker select,[data-thema=donker] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23bdb5a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}input::placeholder,textarea::placeholder{color:var(--kleur-tekst-stil);opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--kleur-tekst-stil)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--kleur-focus);box-shadow:var(--schaduw-focus)}input:disabled,select:disabled,textarea:disabled{background-color:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--kleur-gevaar)}input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file],input[type=hidden]{min-height:0;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none}input[type=checkbox],input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--kleur-primair);cursor:pointer;vertical-align:middle}input[type=file]{font-size:var(--tekst-s)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,input[type=range]:focus-visible,input[type=file]:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span:first-child,.field>label,.ui-label{font-size:var(--tekst-s);font-weight:var(--gewicht-half);color:var(--kleur-tekst)}.field input,.field select,.field textarea{width:100%}.field input[type=checkbox],.field input[type=radio]{width:20px}.ui-hulptekst{font-size:var(--tekst-s);color:var(--kleur-tekst-zacht)}.error,.fout{color:var(--kleur-gevaar)}p.error,div.error,p.fout,div.fout,.ui-melding{display:flex;align-items:flex-start;gap:var(--ruimte-2);margin:var(--ruimte-3) 0;padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--straal-m);border:1px solid var(--kleur-gevaar-rand);background:var(--kleur-gevaar-zacht);color:var(--kleur-gevaar);font-size:var(--tekst-s);font-weight:var(--gewicht-medium);line-height:1.45}.ui-melding{border-color:var(--kleur-info-rand);background:var(--kleur-info-zacht);color:var(--kleur-tekst)}.ui-melding>svg{flex:none;margin-top:1px;color:var(--kleur-info)}.ui-melding-succes{border-color:var(--kleur-succes-rand);background:var(--kleur-succes-zacht)}.ui-melding-succes>svg{color:var(--kleur-succes)}.ui-melding-waarschuwing{border-color:var(--kleur-waarschuwing-rand);background:var(--kleur-waarschuwing-zacht)}.ui-melding-waarschuwing>svg{color:var(--kleur-waarschuwing)}.ui-melding-gevaar{border-color:var(--kleur-gevaar-rand);background:var(--kleur-gevaar-zacht)}.ui-melding-gevaar>svg{color:var(--kleur-gevaar)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--laag-modal);display:flex;align-items:center;justify-content:center;padding:var(--ruimte-4);background:var(--kleur-scrim);animation:ui-infaden var(--duur) var(--ease)}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 2 * var(--ruimte-4));max-height:calc(100dvh - 2 * var(--ruimte-4));overflow-y:auto;overscroll-behavior:contain;padding:var(--ruimte-6);border-radius:var(--straal-xl);background:var(--kleur-vlak);color:var(--kleur-tekst);box-shadow:var(--schaduw-3);animation:ui-opduiken var(--duur) var(--ease)}.modal>*{flex-shrink:0}.modal:focus{outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);margin:calc(-1 * var(--ruimte-2)) calc(-1 * var(--ruimte-2)) var(--ruimte-4) 0}.modal-head h2,.modal-head h3{margin:0;font-size:var(--tekst-xl);font-weight:var(--gewicht-vet);letter-spacing:-.015em;min-width:0}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ruimte-3);margin-top:var(--ruimte-6)}.modal-actions>button{min-width:128px}@media (max-width: 600px){.overlay{align-items:flex-end;padding:0}.modal{max-width:none;max-height:92vh;max-height:92dvh;border-radius:var(--straal-xl) var(--straal-xl) 0 0;padding:var(--ruimte-5) var(--ruimte-4) calc(var(--ruimte-5) + env(safe-area-inset-bottom,0px));animation-name:ui-opschuiven}.modal-actions>button{flex:1 1 0;min-width:0}}.ui-venster-achtergrond{z-index:var(--laag-venster)}.modal.ui-venster{max-width:460px}.ui-venster-kop{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.ui-venster-kop h2{margin:8px 0 0;font-size:var(--tekst-xl);letter-spacing:-.015em}.ui-venster-icoon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--kleur-info-zacht);color:var(--kleur-info)}.ui-venster-icoon.ui-venster-succes{background:var(--kleur-succes-zacht);color:var(--kleur-succes)}.ui-venster-icoon.ui-venster-waarschuwing{background:var(--kleur-waarschuwing-zacht);color:var(--kleur-waarschuwing)}.ui-venster-icoon.ui-venster-gevaar{background:var(--kleur-gevaar-zacht);color:var(--kleur-gevaar)}.ui-venster-tekst{margin:var(--ruimte-3) 0 0 calc(40px + var(--ruimte-3));color:var(--kleur-tekst-zacht);line-height:var(--regel-normaal);white-space:pre-line}@media (max-width: 600px){.ui-venster-tekst{margin-left:0}}.card,.ui-kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);box-shadow:var(--schaduw-1);padding:var(--ruimte-4) var(--ruimte-5)}.chip,.ui-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--ruimte-4);border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-rond);background:var(--kleur-vlak);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap;transition:background-color var(--duur-snel) var(--ease),border-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}button.chip:hover:not(:disabled),button.ui-chip:hover:not(:disabled){border-color:var(--kleur-rand-invoer)}.chip.active,.chip[aria-pressed=true],.ui-chip.actief,.ui-chip[aria-pressed=true]{background:var(--kleur-primair);border-color:var(--kleur-primair);color:var(--kleur-op-primair)}.ui-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:1px 8px;border-radius:var(--straal-rond);background:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-half);line-height:1.3;white-space:nowrap}.ui-badge-primair{background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst)}.ui-badge-succes{background:var(--kleur-succes-zacht);color:var(--kleur-succes)}.ui-badge-waarschuwing{background:var(--kleur-waarschuwing-zacht);color:var(--kleur-waarschuwing)}.ui-badge-gevaar{background:var(--kleur-gevaar-zacht);color:var(--kleur-gevaar)}.ui-badge-info{background:var(--kleur-info-zacht);color:var(--kleur-info)}.ui-badge-vol{background:var(--kleur-gevaar);color:var(--kleur-op-status)}.ui-kbd{display:inline-block;min-width:1.6em;padding:0 .4em;border:1px solid currentColor;border-bottom-width:2px;border-radius:var(--straal-xs);font-family:var(--lettertype);font-size:.72em;font-weight:var(--gewicht-half);line-height:1.5;text-align:center;opacity:.75}@media (pointer: coarse){.ui-kbd{display:none}}.ui-segment{display:inline-flex;padding:3px;gap:3px;border-radius:var(--straal-m);background:var(--kleur-vlak-3)}.ui-segment>button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 var(--ruimte-3);border:none;border-radius:8px;background:transparent;color:var(--kleur-tekst-zacht);font-weight:var(--gewicht-half);font-size:var(--tekst-s);transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}.ui-segment>button:hover:not(:disabled){color:var(--kleur-tekst)}.ui-segment>button.actief,.ui-segment>button.active,.ui-segment>button[aria-pressed=true],.ui-segment>button[aria-selected=true],.ui-segment>button[aria-checked=true]{background:var(--kleur-vlak);color:var(--kleur-tekst);box-shadow:var(--schaduw-1)}.ui-laden{display:inline-block;flex:none;width:20px;height:20px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;opacity:.8;animation:ui-draaien .7s linear infinite;vertical-align:middle}.ui-laden-groot{width:36px;height:36px;border-width:3.5px}.ui-laadscherm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ruimte-3);min-height:160px;padding:var(--ruimte-8) var(--ruimte-4);color:var(--kleur-tekst-zacht);text-align:center}.ui-laadscherm .ui-laden{color:var(--kleur-primair)}.ui-skelet{display:block;min-height:1em;border-radius:var(--straal-s);background:linear-gradient(90deg,var(--kleur-vlak-3) 25%,var(--kleur-vlak-2) 50%,var(--kleur-vlak-3) 75%);background-size:200% 100%;animation:ui-glans 1.4s ease-in-out infinite}.empty,.leeg,.ui-leeg{color:var(--kleur-tekst-zacht);text-align:center}.ui-leeg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ruimte-2);padding:var(--ruimte-10) var(--ruimte-4)}.ui-leeg-icoon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--ruimte-2);border-radius:50%;background:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht)}.ui-leeg-titel{margin:0;font-size:var(--tekst-l);font-weight:var(--gewicht-half);color:var(--kleur-tekst)}.ui-leeg p{margin:0;max-width:42ch}.ui-leeg .ui-knop,.ui-leeg .primary,.ui-leeg .secondary{margin-top:var(--ruimte-3)}.toast,.ui-toast{position:fixed;left:50%;bottom:calc(var(--ruimte-6) + env(safe-area-inset-bottom,0px));z-index:var(--laag-melding);transform:translate(-50%);display:flex;align-items:center;gap:var(--ruimte-3);max-width:min(560px,calc(100vw - 32px));padding:var(--ruimte-3) var(--ruimte-5);border-radius:var(--straal-l);background:var(--kleur-rail);color:#fff;font-weight:var(--gewicht-medium);box-shadow:var(--schaduw-3);animation:ui-toast-in var(--duur) var(--ease)}.thema-donker .toast,.thema-donker .ui-toast,[data-thema=donker] .toast,[data-thema=donker] .ui-toast{background:var(--kleur-vlak-4);color:var(--kleur-tekst)}input[type=checkbox].ui-schakelaar{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:46px;height:28px;border-radius:var(--straal-rond);background-color:var(--kleur-rand-invoer);background-image:radial-gradient(circle at center,#fff 0,#fff 10px,transparent 10.5px);background-repeat:no-repeat;background-size:28px 28px;background-position:0 0;transition:background-position var(--duur-snel) var(--ease),background-color var(--duur-snel) var(--ease);cursor:pointer}input[type=checkbox].ui-schakelaar:checked{background-color:var(--kleur-primair);background-position:18px 0}input[type=checkbox].ui-schakelaar:disabled{opacity:.45;cursor:not-allowed}.ui-paginakop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-6)}.ui-paginakop h1,.ui-paginakop h2{margin:0;font-size:var(--tekst-2xl);letter-spacing:-.02em}.ui-paginakop p{margin:var(--ruimte-1) 0 0;color:var(--kleur-tekst-zacht)}.ui-paginakop-acties{display:flex;flex-wrap:wrap;gap:var(--ruimte-2)}.ui-sectie{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);box-shadow:var(--schaduw-1)}.ui-sectie-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--kleur-rand)}.ui-sectie-kop h2,.ui-sectie-kop h3{margin:0;font-size:var(--tekst-l)}.ui-sectie-kop p{margin:2px 0 0;font-size:var(--tekst-s);color:var(--kleur-tekst-zacht)}.ui-sectie-inhoud{padding:var(--ruimte-5)}.ui-tabs{display:flex;gap:var(--ruimte-1);border-bottom:1px solid var(--kleur-rand);overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tabs>button,.ui-tabs>a{position:relative;display:inline-flex;align-items:center;gap:var(--ruimte-2);min-height:var(--raak-min);padding:0 var(--ruimte-4);border:none;background:none;color:var(--kleur-tekst-zacht);font-weight:var(--gewicht-half);text-decoration:none;white-space:nowrap}.ui-tabs>button:hover,.ui-tabs>a:hover{color:var(--kleur-tekst)}.ui-tabs>[aria-selected=true],.ui-tabs>.actief{color:var(--kleur-primair-tekst)}.ui-tabs>[aria-selected=true]:after,.ui-tabs>.actief:after{content:"";position:absolute;left:var(--ruimte-3);right:var(--ruimte-3);bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--kleur-primair)}.ui-stappen{display:flex;gap:var(--ruimte-2);margin:0 0 var(--ruimte-4);padding:0;list-style:none;counter-reset:none}.ui-stappen>li{display:flex;align-items:center;gap:var(--ruimte-2);flex:1 1 0;min-width:0;padding-bottom:var(--ruimte-2);border-bottom:3px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap}.ui-stappen-nr{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet)}.ui-stappen>li.klaar{border-bottom-color:var(--kleur-primair-zacht-2);color:var(--kleur-tekst)}.ui-stappen>li.klaar .ui-stappen-nr{background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst)}.ui-stappen>li.actief{border-bottom-color:var(--kleur-primair);color:var(--kleur-tekst)}.ui-stappen>li.actief .ui-stappen-nr{background:var(--kleur-primair);color:var(--kleur-op-primair)}.ui-lijst{margin:0;padding:0;list-style:none;border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak);overflow:hidden}.ui-lijst>li+li{border-top:1px solid var(--kleur-rand)}.ui-lijst-rij{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;min-height:56px;padding:var(--ruimte-3) var(--ruimte-4);border:none;background:none;color:inherit;text-align:left}button.ui-lijst-rij:hover:not(:disabled),a.ui-lijst-rij:hover{background:var(--kleur-vlak-2)}.ui-stat{display:flex;flex-direction:column;gap:2px;padding:var(--ruimte-4) var(--ruimte-5);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--straal-l)}.ui-stat-label{font-size:var(--tekst-s);font-weight:var(--gewicht-medium);color:var(--kleur-tekst-zacht)}.ui-stat-waarde{font-size:var(--tekst-2xl);font-weight:var(--gewicht-vet);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ui-raster{display:grid;gap:var(--ruimte-4);grid-template-columns:repeat(auto-fill,minmax(var(--raster-min, 260px),1fr))}.ui-formulier{display:grid;gap:var(--ruimte-4)}.ui-formulier-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 640px){.ui-formulier-2{grid-template-columns:minmax(0,1fr)}}.ui-rij{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ruimte-2)}.ui-stapel{display:flex;flex-direction:column;gap:var(--ruimte-3)}.ui-tabel{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--tekst-s)}.ui-tabel th{position:sticky;top:0;padding:var(--ruimte-2) var(--ruimte-3);background:var(--kleur-vlak-2);border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-half);letter-spacing:.02em;text-align:left;text-transform:uppercase;white-space:nowrap}.ui-tabel td{padding:var(--ruimte-3);border-bottom:1px solid var(--kleur-rand);vertical-align:middle}.ui-tabel tbody tr:hover td{background:var(--kleur-vlak-2)}.ui-tabel .num,.ui-tabel .cijfers{text-align:right}@keyframes ui-draaien{to{transform:rotate(360deg)}}@keyframes ui-infaden{0%{opacity:0}}@keyframes ui-opduiken{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes ui-opschuiven{0%{transform:translateY(24px);opacity:.4}}@keyframes ui-toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes ui-glans{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ui-laden{animation-duration:1.4s!important;animation-iteration-count:infinite!important}}@media print{.modal{position:static;max-height:none;overflow:visible;box-shadow:none;animation:none;transform:none}}@font-face{font-family:Fraunces;font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/fraunces-v38-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/fraunces-v38-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lettertype-accent: "Fraunces", Georgia, "Times New Roman", serif;--breedte: 1200px;--goot: var(--ruimte-4);--topbalk: 64px;--kop: var(--kleur-primair);--kop-2: var(--kleur-primair-actief);--kop-tekst: var(--kleur-op-primair);--kop-tekst-zacht: rgba(255, 255, 255, .86);--kop-vlak: rgba(255, 255, 255, .14);--kop-vlak-sterk: rgba(255, 255, 255, .24);--kop-lijn: rgba(255, 255, 255, .32)}@media (min-width: 720px){:root{--goot: var(--ruimte-6)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body,#root{min-height:100%}body.venster-open{overflow:hidden}.shop{min-height:100vh;padding-bottom:var(--ruimte-12)}.pagina{max-width:var(--breedte);margin:0 auto;padding:0 var(--goot)}.pagina-smal{max-width:calc(640px + 2 * var(--goot));padding-top:var(--ruimte-6)}.toestand-kaart{padding:var(--ruimte-4)}.leeg-gelukt .ui-leeg-icoon{background:var(--kleur-succes-zacht);color:var(--kleur-succes)}.geen-marge{margin:0}button>svg,a.primary>svg{flex:none}.link{display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-1);min-height:var(--raak-min);padding:0 var(--ruimte-1);border:none;background:none;color:var(--kleur-primair-tekst);font-weight:var(--gewicht-half);text-decoration:none;border-radius:var(--straal-s)}.link:hover{text-decoration:underline}.link.block{display:flex;width:100%}.link.inline{display:inline;min-height:0;padding:0;font-size:inherit;font-weight:inherit;text-decoration:underline}.primary.ui-knop-groot,.secondary.ui-knop-groot,.danger.ui-knop-groot{min-height:var(--raak-groot);font-size:var(--tekst-l);border-radius:var(--straal-l)}@media (pointer: coarse){.primary.small,.secondary.small,.ghost.small{min-height:var(--raak-min)}}.topbalk{position:sticky;top:0;z-index:var(--laag-balk);background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand);box-shadow:var(--schaduw-1)}.topbalk-binnen{display:flex;align-items:center;gap:var(--ruimte-2);max-width:var(--breedte);min-height:var(--topbalk);margin:0 auto;padding:var(--ruimte-2) var(--goot)}.topbalk-terug{flex:none;min-height:var(--raak-min);padding:0 var(--ruimte-3) 0 var(--ruimte-2);margin-left:calc(-1 * var(--ruimte-2));gap:var(--ruimte-1)}.topbalk-zaak{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--lettertype-accent);font-size:var(--tekst-m);font-weight:var(--gewicht-vet);letter-spacing:.01em}@media (min-width: 480px){.topbalk-zaak{font-size:var(--tekst-l)}}.bovenbalk{position:sticky;top:0;z-index:var(--laag-balk);background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand)}.bovenbalk-binnen{display:flex;align-items:stretch;gap:var(--ruimte-3);max-width:1320px;min-height:var(--topbalk);margin:0 auto;padding:0 var(--goot)}.bovenbalk-zaak{display:flex;flex:1 1 auto;align-items:center;gap:var(--ruimte-2);min-width:0;font-family:var(--lettertype-accent);font-size:var(--tekst-l);font-weight:var(--gewicht-vet);letter-spacing:.01em}.bovenbalk-naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bovenbalk-logo{flex:none;width:auto;height:32px;max-width:96px;object-fit:contain;border-radius:var(--straal-xs)}@media (min-width: 720px){.bovenbalk-zaak{font-size:var(--tekst-xl)}.bovenbalk-logo{height:40px;max-width:140px}}.tabbladen{display:flex;flex:none;align-items:stretch;margin-right:calc(-1 * var(--ruimte-2))}.tabblad{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);min-width:48px;min-height:var(--topbalk);padding:0 var(--ruimte-2);border:none;border-radius:0;background:transparent;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap;transition:color var(--duur-snel) var(--ease),background-color var(--duur-snel) var(--ease)}.tabblad:hover{background:var(--kleur-vlak-2);color:var(--kleur-tekst)}.tabblad[aria-current=page]{color:var(--kleur-tekst)}.tabblad[aria-current=page]:after{content:"";position:absolute;right:var(--ruimte-2);bottom:0;left:var(--ruimte-2);height:3px;border-radius:3px 3px 0 0;background:var(--kleur-primair)}.tabblad:focus-visible{outline-offset:-4px}.tabblad-icoon{position:relative;display:inline-flex}.tabblad-badge{position:absolute;top:-7px;right:-11px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--kleur-primair);box-shadow:0 0 0 2px var(--kleur-vlak);color:var(--kleur-op-primair);font-size:var(--tekst-2xs);font-weight:var(--gewicht-vet);line-height:19px;text-align:center}.tabblad-totaal{display:none;padding-left:var(--ruimte-2);border-left:1px solid var(--kleur-rand-sterk);color:var(--kleur-tekst);font-weight:var(--gewicht-vet)}.tabblad-account{margin-left:var(--ruimte-1)}.tabblad-tekst-account{max-width:10rem;overflow:hidden;text-overflow:ellipsis}.taalknop{position:relative;display:flex;align-items:stretch}.taalknop-knop{gap:4px}.taalknop-code{font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);letter-spacing:.06em}.taalknop-knop[aria-expanded=true]{background:var(--kleur-vlak-2);color:var(--kleur-tekst)}.taalknop-lijst{position:absolute;top:calc(100% - 6px);right:0;z-index:1;display:flex;flex-direction:column;min-width:180px;padding:var(--ruimte-1);border:1px solid var(--kleur-rand);border-radius:var(--straal-m);background:var(--kleur-vlak);box-shadow:var(--schaduw-2);animation:ui-opduiken var(--duur-snel) var(--ease)}.taalknop-taal{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);min-height:var(--raak-min);padding:0 var(--ruimte-3);border:none;border-radius:var(--straal-s);background:transparent;color:var(--kleur-tekst);font-weight:var(--gewicht-medium);text-align:left}.taalknop-taal:hover{background:var(--kleur-vlak-2)}.taalknop-taal[aria-pressed=true]{color:var(--kleur-primair-tekst);font-weight:var(--gewicht-half)}@media (max-width: 479px){.bovenbalk-zaak{font-size:var(--tekst-m)}.tabblad{min-width:var(--raak-min);padding:0 6px}.tabblad-account{margin-left:0}.taalknop-knop>svg{display:none}}@media (max-width: 719px){.tabblad-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}@media (min-width: 720px){.tabblad{padding:0 var(--ruimte-3)}.tabblad-mand .tabblad-icoon{margin-right:6px}}@media (min-width: 960px){.tabblad-totaal{display:inline}}.taalkiezer{display:inline-flex;flex:none;align-items:center;border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-rond);background:var(--kleur-vlak);overflow:hidden}.taalkiezer .taal{min-width:40px;min-height:var(--raak-min);padding:0 var(--ruimte-2);border:none;background:transparent;color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);letter-spacing:.06em;transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}.taalkiezer .taal:hover{color:var(--kleur-tekst);background:var(--kleur-vlak-3)}.taalkiezer .taal.actief{background:var(--kleur-primair);color:var(--kleur-op-primair)}.taalkiezer .taal:focus-visible{outline-offset:-3px}.taalkiezer.op-groen{border-color:var(--kop-lijn);background:var(--kop-vlak)}.taalkiezer.op-groen .taal{color:var(--kop-tekst-zacht)}.taalkiezer.op-groen .taal:hover{color:var(--kop-tekst);background:var(--kop-vlak-sterk)}.taalkiezer.op-groen .taal.actief{background:var(--kop-tekst);color:var(--kop)}.taalkiezer.op-groen .taal:focus-visible{outline-color:var(--kop-tekst)}.winkel{background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand)}.winkel-omslag{height:168px;overflow:hidden;background:var(--kop)}.winkel-omslag img{display:block;width:100%;height:100%;object-fit:cover}@media (min-width: 720px){.winkel-omslag{height:260px}}.winkel-kop{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--ruimte-4) var(--ruimte-5);max-width:1320px;padding-top:var(--ruimte-6);padding-bottom:var(--ruimte-6)}.winkel.met-omslag .winkel-kop{padding-top:0}.winkel.met-omslag .winkel-merk{margin-top:-32px}.winkel-merk{align-self:start}.winkel-monogram,.winkel-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;box-shadow:0 0 0 4px var(--kleur-vlak),0 6px 16px -6px #00000040}.winkel-monogram{background:var(--kop);color:var(--kop-tekst);font-family:var(--lettertype-accent);font-size:30px;font-weight:var(--gewicht-vet);line-height:1}.winkel-logo{padding:6px;background:var(--kleur-vlak);object-fit:contain}@media (min-width: 720px){.winkel-monogram,.winkel-logo{width:88px;height:88px;border-radius:24px}.winkel-monogram{font-size:42px}.winkel.met-omslag .winkel-merk{margin-top:-44px}}.winkel-tekst{min-width:0}.winkel-naam{margin:0;font-family:var(--lettertype-accent);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:var(--gewicht-vet);letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere}.winkel-slogan{max-width:60ch;margin:6px 0 0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-m);line-height:1.45}.winkel-feiten{display:flex;flex-wrap:wrap;gap:6px 8px;margin:var(--ruimte-3) 0 0;padding:0;list-style:none}.winkel-feit{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:var(--straal-rond);background:var(--kleur-vlak-3);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap}.winkel-feit>svg{color:var(--kleur-tekst-zacht)}.winkel-feit.status.open{background:var(--kleur-succes-zacht);color:var(--kleur-succes)}.winkel-feit.status.dicht{background:var(--kleur-waarschuwing-zacht);color:var(--kleur-waarschuwing)}.winkel-stip{width:8px;height:8px;border-radius:50%;background:currentColor}.winkel-reserveer{display:inline-flex;grid-column:1 / -1;align-items:center;justify-self:start;gap:var(--ruimte-2);min-height:var(--raak-min);padding:0 18px;border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-rond);background:var(--kleur-vlak);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);transition:background-color var(--duur-snel) var(--ease)}.winkel-reserveer:hover{background:var(--kleur-vlak-3)}@media (min-width: 720px){.winkel-kop{grid-template-columns:auto minmax(0,1fr) auto;padding-top:var(--ruimte-8);padding-bottom:var(--ruimte-8)}.winkel-reserveer{grid-column:auto;align-self:center}}.topbalk-zaak{display:flex;align-items:center;gap:var(--ruimte-2)}.topbalk-naam{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbalk-logo{flex:none;width:auto;height:28px;max-width:96px;object-fit:contain;border-radius:var(--straal-xs)}.aankondiging{margin:0;padding:var(--ruimte-2) var(--goot);background:var(--kop);color:var(--kop-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);text-align:center;border-bottom:1px solid var(--kop-lijn)}.welkomtekst{max-width:70ch;margin:var(--ruimte-5) 0 0;color:var(--kleur-tekst);font-size:var(--tekst-m);line-height:var(--regel-normaal);white-space:pre-line}.over-ons{margin-top:var(--ruimte-10);padding-top:var(--ruimte-6);border-top:1px solid var(--kleur-rand)}.over-ons>h2{margin:0 0 var(--ruimte-3);font-family:var(--lettertype-accent);font-size:var(--tekst-xl)}.over-ons>p{max-width:70ch;margin:0;color:var(--kleur-tekst-zacht);line-height:var(--regel-normaal);white-space:pre-line}.meldingen{display:flex;flex-direction:column;gap:var(--ruimte-2);margin-top:var(--ruimte-4)}.meldingen:empty{display:none}.meldingen>.ui-melding,.meldingen>p.error{margin:0}.sessie-melding{align-items:center}.sessie-melding-tekst{flex:1 1 auto;font-weight:var(--gewicht-half)}.sessie-melding-sluit{margin:calc(-1 * var(--ruimte-2)) calc(-1 * var(--ruimte-2)) calc(-1 * var(--ruimte-2)) 0}.opening-notice{align-items:flex-start}.menu-fout{flex-wrap:wrap;align-items:center}.menu-fout-tekst{flex:1 1 200px}.lopend{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;min-height:var(--raak-groot);padding:var(--ruimte-2) var(--ruimte-4) var(--ruimte-2) var(--ruimte-2);border:1px solid var(--kleur-primair-zacht-2);border-radius:var(--straal-l);background:var(--kleur-vlak);color:var(--kleur-tekst);text-align:left;box-shadow:var(--schaduw-1);transition:border-color var(--duur-snel) var(--ease)}.lopend:hover{border-color:var(--kleur-primair)}.lopend>svg{flex:none;color:var(--kleur-primair-tekst)}.lopend-icoon{position:relative;display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--straal-m);background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst)}.lopend-puls{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border:2px solid var(--kleur-vlak);border-radius:50%;background:var(--kleur-primair);animation:puls 1.6s ease-in-out infinite}.lopend-tekst{flex:1 1 auto;font-size:var(--tekst-s)}@keyframes puls{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}.menu-indeling{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ruimte-8);max-width:1320px;padding-top:var(--ruimte-2)}.menu-zij,.menu-mand{display:none}@media (min-width: 1000px){.menu-indeling{grid-template-columns:minmax(0,1fr) 340px}.menu-mand{display:block}}@media (min-width: 1240px){.menu-indeling{grid-template-columns:200px minmax(0,1fr) 340px}.menu-zij{display:block}.menu-werkbalk .cat-nav{display:none}}.menu-midden{min-width:0;padding-bottom:var(--ruimte-10)}.zij-nav{position:sticky;top:calc(var(--topbalk) + var(--ruimte-4));display:flex;flex-direction:column;gap:2px;padding-top:var(--ruimte-3)}.zij-cat{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-2);min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--kleur-tekst-zacht);font-size:15px;font-weight:var(--gewicht-medium);text-align:left;transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}.zij-cat:hover{background:var(--kleur-vlak-3);color:var(--kleur-tekst)}.zij-cat.actief{background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset;color:var(--kleur-tekst);font-weight:var(--gewicht-vet)}.zij-aantal{color:var(--kleur-tekst-stil);font-size:12px;font-weight:var(--gewicht-half)}.menu-werkbalk{position:sticky;top:var(--topbalk);z-index:30;margin:0 calc(-1 * var(--goot));padding:var(--ruimte-3) var(--goot);background:var(--kleur-achtergrond)}@media (min-width: 1000px){.menu-werkbalk{margin:0;padding:var(--ruimte-4) 0 var(--ruimte-3)}}.menu-zoek{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 6px 0 14px;border-radius:14px;background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset;color:var(--kleur-tekst-zacht);transition:box-shadow var(--duur-snel) var(--ease)}.menu-zoek:focus-within{box-shadow:0 0 0 2px var(--kleur-primair) inset}.menu-zoek>svg{flex:none}.menu-zoek input{flex:1 1 auto;min-width:0;min-height:46px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--kleur-tekst);font-size:16px}.menu-zoek input:focus,.menu-zoek input:focus-visible{outline:none;box-shadow:none}.menu-zoek input::-webkit-search-cancel-button{display:none}.menu-zoek-wis{display:grid;flex:none;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht)}.menu-zoekstand{margin:var(--ruimte-1) 0 0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.cat-nav{display:flex;gap:var(--ruimte-2);margin-top:var(--ruimte-3);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.cat-nav::-webkit-scrollbar{display:none}.cat-chip{flex:none;min-height:38px;padding:0 16px;border:0;border-radius:var(--straal-rond);background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset;color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap;transition:background-color var(--duur-snel) var(--ease),color var(--duur-snel) var(--ease)}.cat-chip:hover{background:var(--kleur-vlak-3)}.cat-chip.actief{background:var(--kleur-tekst);box-shadow:none;color:var(--kleur-vlak)}.menu-groep{scroll-margin-top:calc(var(--topbalk) + 132px);margin-top:var(--ruimte-8)}.menu-groep:first-of-type{margin-top:var(--ruimte-4)}@media (min-width: 1240px){.menu-groep{scroll-margin-top:calc(var(--topbalk) + 88px)}}.menu-groep>h2{display:flex;align-items:baseline;gap:10px;margin:0 0 var(--ruimte-3);font-family:var(--lettertype);font-size:22px;font-weight:var(--gewicht-vet);letter-spacing:-.02em;line-height:1.2}.menu-groep-aantal{color:var(--kleur-tekst-stil);font-size:var(--tekst-s);font-weight:var(--gewicht-half);letter-spacing:0}.kaart-lijst,.kaart-raster{margin:0;padding:0;list-style:none}.kaart-lijst{overflow:hidden;border-radius:18px;background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset,0 1px 2px #00000008}.kaart-lijst .artikel{position:relative;display:flex;align-items:center;gap:var(--ruimte-4);min-height:84px;padding:14px 16px 14px 20px;border-top:1px solid var(--kleur-rand);transition:background-color var(--duur-snel) var(--ease)}.kaart-lijst .artikel:first-child{border-top:0}.kaart-lijst .artikel:hover:not(.uitverkocht){background:var(--kleur-vlak-2)}.kaart-lijst .artikel.in-mand:before{content:"";position:absolute;top:14px;bottom:14px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--kleur-primair)}.kaart-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.kaart-raster .artikel{position:relative;display:flex;align-items:flex-end;gap:var(--ruimte-3);min-height:140px;padding:18px 14px 14px 18px;border-radius:18px;background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset,0 1px 2px #00000008;transition:box-shadow var(--duur-snel) var(--ease),transform var(--duur-snel) var(--ease)}.kaart-raster .artikel:hover:not(.uitverkocht){box-shadow:0 0 0 1px var(--kleur-rand) inset,0 12px 28px -12px #00000038;transform:translateY(-1px)}.kaart-raster .artikel.in-mand{box-shadow:0 0 0 2px var(--kleur-primair) inset}.kaart-raster .artikel-info{align-self:stretch}.kaart-raster .artikel-prijs{margin-top:auto;padding-top:var(--ruimte-3)}.artikel-info{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}.artikel-naam{margin:0;font-size:16px;font-weight:var(--gewicht-half);letter-spacing:-.01em;line-height:1.3}.artikel-omschrijving{display:-webkit-box;margin:0;overflow:hidden;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.artikel-allergenen{margin:2px 0 0;color:var(--kleur-tekst-stil);font-size:var(--tekst-xs)}.artikel-prijs{margin-top:6px;font-size:15px;font-weight:var(--gewicht-vet);white-space:nowrap}.artikel.uitverkocht .artikel-naam,.artikel.uitverkocht .artikel-omschrijving,.artikel.uitverkocht .artikel-prijs{color:var(--kleur-tekst-stil)}.artikel.uitverkocht .artikel-prijs{font-size:var(--tekst-s);font-weight:var(--gewicht-half)}.artikel-knop{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--kleur-primair);color:var(--kleur-op-primair);box-shadow:0 4px 10px -4px #0000004d;font-size:15px;font-weight:var(--gewicht-vet);transition:transform var(--duur-snel) var(--ease),background-color var(--duur-snel) var(--ease)}.artikel:hover .artikel-knop{background:var(--kleur-primair-hover)}.artikel.in-mand .artikel-knop{background:var(--kleur-tekst);color:var(--kleur-vlak)}.artikel:active .artikel-knop{transform:scale(.92)}.artikel-doel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:inherit;background:transparent;cursor:pointer}.artikel-doel:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:-3px}.artikel-beeld{position:relative;flex:none;width:116px;height:87px}.artikel-beeld img{display:block;width:100%;height:100%;border-radius:12px;background:var(--kleur-vlak-3);object-fit:cover}.artikel-beeld .artikel-knop{position:absolute;right:-6px;bottom:-6px;width:36px;height:36px;box-shadow:0 0 0 3px var(--kleur-vlak),0 4px 10px -4px #00000059}.kaart-lijst .artikel.met-foto{min-height:116px;padding-right:22px}.artikel.uitverkocht .artikel-beeld img{filter:grayscale(1);opacity:.55}.kaart-raster .artikel.met-foto{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.kaart-raster .artikel.met-foto .artikel-beeld{order:-1;width:100%;height:auto;aspect-ratio:4 / 3}.kaart-raster .artikel.met-foto .artikel-beeld img{border-radius:0}.kaart-raster .artikel.met-foto .artikel-beeld .artikel-knop{right:12px;bottom:12px;width:40px;height:40px;box-shadow:0 6px 16px -6px #00000073}.kaart-raster .artikel.met-foto .artikel-info{padding:14px 16px 16px}@media (max-width: 560px){.artikel-beeld{width:96px;height:72px}}@media (prefers-reduced-motion: reduce){.kaart-raster .artikel,.artikel-knop{transition:none}.kaart-raster .artikel:hover:not(.uitverkocht){transform:none}}.menu-mand{align-self:start;position:sticky;top:calc(var(--topbalk) + var(--ruimte-4));padding-top:var(--ruimte-4)}.mand{display:flex;flex-direction:column;max-height:calc(100vh - var(--topbalk) - 48px);padding:20px;border-radius:20px;background:var(--kleur-vlak);box-shadow:0 0 0 1px var(--kleur-rand) inset,0 16px 40px -20px #00000038}.mand-titel{margin:0 0 var(--ruimte-2);font-size:18px;font-weight:var(--gewicht-vet);letter-spacing:-.01em}.mand-leeg{display:flex;flex-direction:column;align-items:center;padding:var(--ruimte-6) var(--ruimte-2) var(--ruimte-4);text-align:center}.mand-leeg-icoon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--kleur-vlak-3);color:var(--kleur-tekst-zacht)}.mand-leeg-kop{margin:var(--ruimte-3) 0 2px;font-weight:var(--gewicht-half)}.mand-leeg-tekst{margin:0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.mand-regels{flex:1 1 auto;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.mand-regel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ruimte-2) var(--ruimte-3);padding:var(--ruimte-3) 0;border-top:1px solid var(--kleur-rand)}.mand-regel:first-child{border-top:0}.mand-regel-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mand-regel-naam{font-size:15px;font-weight:var(--gewicht-half)}.mand-regel-opties{color:var(--kleur-tekst-zacht);font-size:13px}.mand-regel-prijs{grid-row:1;grid-column:2;font-size:15px;font-weight:var(--gewicht-half);text-align:right}.mand-stapper{display:inline-flex;grid-row:2;grid-column:1;align-items:center;justify-self:start;gap:2px;padding:2px;border-radius:var(--straal-rond);background:var(--kleur-vlak-3)}.mand-stapper button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--kleur-vlak);color:var(--kleur-tekst);box-shadow:0 1px 2px #0000001a}.mand-stapper>.cijfers{min-width:26px;font-size:var(--tekst-s);font-weight:var(--gewicht-vet);text-align:center}.mand-totaal{display:flex;align-items:baseline;justify-content:space-between;padding:var(--ruimte-3) 0;border-top:1px solid var(--kleur-rand)}.mand-totaal strong{font-size:20px;font-weight:800}.mand-afrekenen{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:14px;background:var(--kleur-primair);color:var(--kleur-op-primair);font-size:var(--tekst-m);font-weight:var(--gewicht-vet);transition:background-color var(--duur-snel) var(--ease)}.mand-afrekenen:hover{background:var(--kleur-primair-hover)}.kaart-laden{display:grid;margin-top:var(--ruimte-8)}.kaart-laden-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);padding:var(--ruimte-5) var(--ruimte-2);border-bottom:1px solid var(--kleur-rand)}.kaart-leeg{margin-top:var(--ruimte-6)}.skelet-naam{width:45%;height:18px}.skelet-prijs{width:64px;height:18px}.stapper{display:inline-flex;align-items:center;border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-rond);background:var(--kleur-vlak)}.stapper button{display:inline-grid;place-items:center;width:36px;height:36px;border:none;border-radius:var(--straal-rond);background:transparent;color:var(--kleur-tekst);transition:background-color var(--duur-snel) var(--ease)}@media (pointer: coarse){.stapper button{width:var(--raak-min);height:var(--raak-min)}}.stapper button:hover{background:var(--kleur-vlak-3)}.stapper-aantal{min-width:22px;font-weight:var(--gewicht-vet);text-align:center}.totaal-rij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);margin:0}.totaal-rij dt,.totaal-rij dd{margin:0}.totaal-rij.sub{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.totaal-rij.korting{color:var(--kleur-succes);font-weight:var(--gewicht-half)}.totaal-rij.totaal{font-size:var(--tekst-l);font-weight:var(--gewicht-vet)}.totaal-rij .cijfers{white-space:nowrap}.mand-balk{position:fixed;right:0;bottom:0;left:0;z-index:var(--laag-paneel);padding:var(--ruimte-3) var(--goot) calc(var(--ruimte-3) + env(safe-area-inset-bottom,0px));pointer-events:none}@media (min-width: 1000px){.mand-balk{display:none}}.mand-balk-knop{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;max-width:560px;min-height:58px;margin:0 auto;padding:0 20px 0 10px;border:none;border-radius:18px;background:var(--kleur-primair);color:var(--kleur-op-primair);font-weight:var(--gewicht-vet);box-shadow:0 18px 36px -14px #0006;pointer-events:auto;animation:ui-opschuiven var(--duur) var(--ease)}.mand-balk-knop:hover{background:var(--kleur-primair-hover)}.mand-balk-aantal{display:grid;flex:none;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:#fff3;font-size:15px}.mand-balk-tekst{flex:1 1 auto;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mand-balk-totaal{flex:none;font-size:var(--tekst-l)}.shop-foot{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-1);margin-top:var(--ruimte-12);padding:var(--ruimte-6) 0 var(--ruimte-16);border-top:1px solid var(--kleur-rand);text-align:center}.foot-brand{font-family:var(--lettertype-accent);font-size:var(--tekst-l);font-weight:var(--gewicht-vet)}.foot-info{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.foot-legal,.foot-contact,.foot-sociaal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--ruimte-4);font-size:var(--tekst-s)}.foot-contact .link{font-weight:var(--gewicht-medium)}.foot-tekst{max-width:60ch;margin:var(--ruimte-2) 0 0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);white-space:pre-line}.opslag-melding{position:fixed;left:var(--goot);right:var(--goot);bottom:calc(var(--ruimte-3) + env(safe-area-inset-bottom,0px));z-index:var(--laag-paneel);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ruimte-2) var(--ruimte-3);max-width:560px;margin:0 auto;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak);box-shadow:var(--schaduw-3);font-size:var(--tekst-s);line-height:1.45}.mand-balk~.opslag-melding{bottom:calc(var(--raak-groot) + 2 * var(--ruimte-3) + var(--ruimte-2) + env(safe-area-inset-bottom,0px))}@media (min-width: 960px){.opslag-melding{right:auto;margin:0;max-width:520px}}.opslag-melding-icoon{flex:none;color:var(--kleur-info)}.opslag-melding-tekst{flex:1 1 260px;min-width:0}.opslag-melding-knoppen{display:flex;flex:none;align-items:center;gap:var(--ruimte-2);margin-left:auto}.venster{max-width:520px}.venster .modal-head{align-items:flex-start}.venster-titel{min-width:0;padding-top:var(--ruimte-2)}.venster-titel p{margin:var(--ruimte-1) 0 0;font-size:var(--tekst-s)}.venster:focus{outline:none}.venster.met-voet{overflow:hidden;padding-bottom:0}.venster.met-voet .venster-inhoud{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 calc(-1 * var(--ruimte-6));padding:0 var(--ruimte-6) var(--ruimte-4)}.venster-voet{margin:0 calc(-1 * var(--ruimte-6));padding:var(--ruimte-4) var(--ruimte-6) var(--ruimte-6);border-top:1px solid var(--kleur-rand);background:var(--kleur-vlak)}@media (max-width: 600px){.venster.met-voet .venster-inhoud{margin:0 calc(-1 * var(--ruimte-4));padding:0 var(--ruimte-4) var(--ruimte-4)}.venster-voet{margin:0 calc(-1 * var(--ruimte-4));padding:var(--ruimte-3) var(--ruimte-4) calc(var(--ruimte-4) + env(safe-area-inset-bottom,0px))}}.venster .modal-actions{margin-top:var(--ruimte-5)}.optie-groep+.optie-groep{margin-top:var(--ruimte-5)}.optie-groep-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);margin-bottom:var(--ruimte-2)}.optie-groep-kop h3{margin:0;font-size:var(--tekst-m)}.opties{display:flex;flex-direction:column;border:1px solid var(--kleur-rand);border-radius:var(--straal-l);overflow:hidden}.optie{display:flex;align-items:center;gap:var(--ruimte-3);min-height:var(--raak);padding:var(--ruimte-2) var(--ruimte-4);border:none;background:var(--kleur-vlak);color:var(--kleur-tekst);text-align:left;transition:background-color var(--duur-snel) var(--ease)}.optie+.optie{border-top:1px solid var(--kleur-rand)}.optie:hover{background:var(--kleur-vlak-2)}.optie[aria-pressed=true]{background:var(--kleur-primair-zacht)}.optie:focus-visible{outline-offset:-3px}.optie-merk{display:grid;flex:none;place-items:center;width:22px;height:22px;border:2px solid var(--kleur-rand-invoer);border-radius:var(--straal-xs);background:var(--kleur-vlak);color:var(--kleur-op-primair)}.optie-merk.rond{border-radius:50%}.optie[aria-pressed=true] .optie-merk{border-color:var(--kleur-primair);background:var(--kleur-primair)}.optie-naam{flex:1 1 auto;font-weight:var(--gewicht-medium)}.optie-prijs{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.afrekenen{display:flex;flex-direction:column;gap:var(--ruimte-4);padding-top:var(--ruimte-5);padding-bottom:168px}.pagina-titel{margin:0;font-size:var(--tekst-2xl);letter-spacing:-.02em}.afrekenen-meldingen{margin-top:0}.afrekenen-links,.afrekenen-rechts{display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}@media (min-width: 720px){.afrekenen{padding-bottom:120px}}@media (min-width: 960px){.afrekenen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"titel titel" "meldingen meldingen" "links rechts";gap:var(--ruimte-5) var(--ruimte-8);align-items:start}.pagina-titel{grid-area:titel}.afrekenen-meldingen{grid-area:meldingen}.afrekenen-links{grid-area:links}.afrekenen-rechts{grid-area:rechts;position:sticky;top:calc(var(--topbalk) + var(--ruimte-4))}}.stappen{margin:0;padding:0;list-style:none;border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak);box-shadow:var(--schaduw-1);overflow:hidden}.stap{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--ruimte-1) var(--ruimte-3);align-items:start;padding:var(--ruimte-4)}.stap+.stap{border-top:1px solid var(--kleur-rand)}@media (min-width: 720px){.stap{padding:var(--ruimte-5)}}.stap-icoon{display:flex;padding-top:1px;color:var(--kleur-tekst-zacht)}.stap.gekozen .stap-icoon{color:var(--kleur-tekst)}.stap-inhoud{min-width:0}.stap-titel{margin:0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);letter-spacing:.07em;line-height:22px;text-transform:uppercase}.stap-waarde{display:flex;flex-direction:column;gap:2px;margin-top:2px;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);overflow-wrap:anywhere}.stap-hoofd{color:var(--kleur-tekst);font-size:var(--tekst-m);font-weight:var(--gewicht-half)}.stap-kies,.stap-wijzig{display:inline-flex;align-items:center;justify-content:center;gap:var(--ruimte-2);border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-m);background:var(--kleur-vlak);color:var(--kleur-tekst);font-weight:var(--gewicht-half);transition:border-color var(--duur-snel) var(--ease),background-color var(--duur-snel) var(--ease)}.stap-kies:hover,.stap-wijzig:hover{border-color:var(--kleur-rand-invoer);background:var(--kleur-vlak-2)}.stap-kies{width:100%;min-height:var(--raak);margin-top:var(--ruimte-3);padding:0 var(--ruimte-4)}.stap-wijzig{min-height:var(--raak-min);padding:0 var(--ruimte-3);font-size:var(--tekst-s)}@media (max-width: 479px){.stap-wijzig{width:var(--raak-min);padding:0}.stap-wijzig>span{display:none}}.stap.ontbreekt{background:var(--kleur-gevaar-zacht);box-shadow:inset 3px 0 0 var(--kleur-gevaar)}.stap.ontbreekt .stap-kies{border-color:var(--kleur-gevaar)}.stap-fout{display:flex;align-items:center;gap:6px;margin:var(--ruimte-2) 0 0;color:var(--kleur-gevaar);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}.uitklap{border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak)}.uitklap-knop{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;min-height:var(--raak);padding:0 var(--ruimte-4);border:none;border-radius:var(--straal-l);background:transparent;color:var(--kleur-tekst);font-weight:var(--gewicht-half);text-align:left}.uitklap-knop>svg:first-child{color:var(--kleur-tekst-zacht)}.uitklap-knop:hover{background:var(--kleur-vlak-2)}.uitklap-titel{flex:1 1 auto}.uitklap-titel .muted{font-weight:var(--gewicht-normaal)}.uitklap-inhoud{padding:0 var(--ruimte-4) var(--ruimte-4)}.uitklap-inhoud textarea{resize:vertical}.bestelling-kaart{padding:var(--ruimte-4);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak);box-shadow:var(--schaduw-1)}@media (min-width: 720px){.bestelling-kaart{padding:var(--ruimte-5)}}.bestelling-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);margin-bottom:var(--ruimte-2)}.bestelling-kop h2{margin:0;font-size:var(--tekst-l)}.bestelling-kaart .ui-leeg{padding:var(--ruimte-6) 0}.bestel-tabel{width:100%;border-collapse:collapse}.bestel-tabel th{padding:var(--ruimte-2) var(--ruimte-1);border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-vet);letter-spacing:.07em;text-align:left;text-transform:uppercase}.bestel-tabel td{padding:var(--ruimte-3) var(--ruimte-1);border-bottom:1px solid var(--kleur-rand);vertical-align:middle}.bestel-tabel th:first-child,.bestel-tabel td:first-child{padding-left:0}.bestel-tabel th:last-child,.bestel-tabel td:last-child{padding-right:0}.bestel-tabel .getal{font-weight:var(--gewicht-half);text-align:right;white-space:nowrap}.bestel-aantal{width:1%;padding-right:var(--ruimte-3)!important}.bestel-naam{display:block;font-weight:var(--gewicht-half);line-height:1.3}.bestel-opties{display:block;margin-top:2px;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.bestelling-kaart .totalen{display:flex;flex-direction:column;gap:var(--ruimte-1);margin:var(--ruimte-4) 0 0}.bestelling-kaart .totaal-rij.totaal{margin-top:var(--ruimte-2);padding-top:var(--ruimte-3);border-top:1px solid var(--kleur-rand)}.bestelling-kaart>.ui-melding{margin:var(--ruimte-4) 0 0}.actiebalk{position:fixed;right:0;bottom:0;left:0;z-index:var(--laag-paneel);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--kleur-rand);background:var(--kleur-vlak);box-shadow:0 -10px 24px -18px #1e1b174d}.actiebalk-binnen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ruimte-2);max-width:var(--breedte);margin:0 auto;padding:var(--ruimte-3) var(--goot)}.actiebalk-voorwaarden{margin:0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);line-height:1.5}.actiebalk-voorwaarden .link.inline{color:var(--kleur-tekst)}.actiebalk-melding{margin:0;color:var(--kleur-waarschuwing);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}@media (min-width: 720px){.actiebalk-binnen{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"voorwaarden knop" "melding knop";align-items:center;column-gap:var(--ruimte-8);padding:var(--ruimte-4) var(--goot)}.actiebalk-voorwaarden{grid-area:voorwaarden;max-width:56ch;font-size:var(--tekst-s)}.actiebalk-melding{grid-area:melding}.plaats-knop{grid-area:knop}}.plaats-knop{display:flex;align-items:stretch;width:100%;min-height:var(--raak-groot);padding:0;border:none;border-radius:var(--straal-l);background:var(--kleur-primair);color:var(--kleur-op-primair);font-weight:var(--gewicht-vet);text-align:left;transition:background-color var(--duur-snel) var(--ease)}.plaats-knop:hover:not(:disabled){background:var(--kleur-primair-hover)}.plaats-knop:active:not(:disabled){background:var(--kleur-primair-actief)}.plaats-knop:disabled{cursor:not-allowed;opacity:.5}.plaats-totaal{position:relative;display:flex;flex:none;flex-direction:column;justify-content:center;padding:0 var(--ruimte-4);line-height:1.15}.plaats-totaal:after{content:"";position:absolute;top:12px;right:0;bottom:12px;width:1px;background:currentColor;opacity:.35}.plaats-totaal small{font-size:var(--tekst-2xs);font-weight:var(--gewicht-half);letter-spacing:.07em;text-transform:uppercase;opacity:.85}.plaats-totaal .cijfers{font-size:var(--tekst-l)}.plaats-tekst{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--ruimte-2) var(--ruimte-4);font-size:var(--tekst-m);text-align:center}@media (min-width: 480px){.plaats-tekst{font-size:var(--tekst-l)}}@media (min-width: 720px){.plaats-knop{min-width:420px}}.keuzes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ruimte-2)}.keuzes-onder{margin-bottom:var(--ruimte-1)}@media (max-width: 479px){.venster .keuzes{grid-template-columns:minmax(0,1fr)}.venster .keuzes-groot .keuze{min-height:var(--raak-groot)}}.keuze{display:flex;align-items:center;gap:var(--ruimte-3);min-height:var(--raak-groot);padding:var(--ruimte-2) var(--ruimte-4);border:1.5px solid var(--kleur-rand-sterk);border-radius:var(--straal-m);background:var(--kleur-vlak);color:var(--kleur-tekst);font-weight:var(--gewicht-half);text-align:left;transition:background-color var(--duur-snel) var(--ease),border-color var(--duur-snel) var(--ease)}.keuze>svg{flex:none;color:var(--kleur-tekst-zacht)}.keuze:hover{border-color:var(--kleur-rand-invoer)}.keuze[aria-pressed=true]{border-color:var(--kleur-primair);background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst);box-shadow:inset 0 0 0 1px var(--kleur-primair)}.keuze[aria-pressed=true]>svg{color:var(--kleur-primair-tekst)}.keuze:disabled{opacity:.5;cursor:not-allowed}.keuze:disabled:hover{border-color:var(--kleur-rand-sterk)}.keuzes-groot .keuze{min-height:72px}.keuze-klein{justify-content:center;min-height:var(--raak);padding:0 var(--ruimte-2);text-align:center}.tijd-keuze-tekst{display:flex;flex-direction:column;gap:2px}.tijd-keuze small{color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-medium);line-height:1.35}.tijd-keuze[aria-pressed=true] small{color:var(--kleur-primair-tekst)}.chips{display:flex;flex-wrap:wrap;gap:var(--ruimte-2)}.chips .chip{min-height:var(--raak-min)}.venster-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.veld-fout{color:var(--kleur-gevaar);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}p.veld-fout{margin:var(--ruimte-2) 0 0}p.venster-voet-fout{margin:0 0 var(--ruimte-3)}.sectie-titel{margin:0 0 var(--ruimte-4);font-size:var(--tekst-l)}.afrekenen-sectie{padding:var(--ruimte-5) var(--ruimte-4)}@media (min-width: 720px){.afrekenen-sectie{padding:var(--ruimte-5)}}.veld-titel{margin:var(--ruimte-4) 0 var(--ruimte-2);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}.veld-breed{grid-column:1 / -1}.betaalwijzen>.ui-hulptekst,.afrekenen-sectie>.ui-hulptekst{margin:var(--ruimte-3) 0 0}.promo-row{display:flex;gap:var(--ruimte-2)}.promo-row input{flex:1 1 auto;min-width:0}.promo-ok{display:flex;align-items:center;gap:var(--ruimte-2);margin:var(--ruimte-2) 0 0;color:var(--kleur-succes);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}.vink-kaart,.vink-rij{display:flex;align-items:flex-start;gap:var(--ruimte-3);cursor:pointer}.vink-kaart{padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--kleur-waarschuwing-rand);border-radius:var(--straal-m);background:var(--kleur-waarschuwing-zacht)}.vink-kaart>span{display:flex;flex-direction:column;gap:2px}.vink-rij{min-height:var(--raak-min);margin-top:var(--ruimte-3);padding:var(--ruimte-2) 0}.afrekenen-links>.vink-rij{margin-top:0}.vink-kaart input,.vink-rij input{flex:none;margin-top:2px}.afrekenen-links>.ui-hulptekst{margin:0}.onbeschikbaar>div{flex:1 1 auto;min-width:0}.onbeschikbaar p{margin:0 0 var(--ruimte-2)}.onbeschikbaar ul{display:flex;flex-direction:column;gap:var(--ruimte-2);margin:0;padding:0;list-style:none}.onbeschikbaar li{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);color:var(--kleur-tekst);font-weight:var(--gewicht-half)}.bevestig-inhoud{display:flex;flex-direction:column;gap:var(--ruimte-4)}.bevestig-inhoud>.ui-melding{margin:0}.overzicht-regels{margin:0;padding:0;list-style:none}.overzicht-regels li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--ruimte-2);padding:var(--ruimte-3) 0}.overzicht-regels li+li{border-top:1px solid var(--kleur-rand)}.overzicht-aantal{color:var(--kleur-tekst-zacht);font-weight:var(--gewicht-vet)}.bevestig-totalen{display:flex;flex-direction:column;gap:var(--ruimte-1);margin:0}.bevestig-totalen:empty{display:none}.bevestiging{margin:0;padding:var(--ruimte-1) var(--ruimte-4);border:1px solid var(--kleur-rand);border-radius:var(--straal-m);background:var(--kleur-vlak-2)}.bevestiging>div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:var(--ruimte-1) var(--ruimte-4);padding:var(--ruimte-3) 0}.bevestiging>div+div{border-top:1px solid var(--kleur-rand)}.bevestiging dt{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.bevestiging dd{margin:0;font-weight:var(--gewicht-half);overflow-wrap:anywhere}@media (max-width: 479px){.bevestiging>div{grid-template-columns:minmax(0,1fr)}}.bevestig-voet{display:flex;flex-direction:column;gap:var(--ruimte-3)}.bevestig-voet p.error{margin:0}.tijdkiezer .keuzes{margin-bottom:var(--ruimte-4)}.dagen{display:flex;gap:var(--ruimte-2);margin:0 calc(-1 * var(--ruimte-4));padding:2px var(--ruimte-4) var(--ruimte-1);overflow-x:auto;scrollbar-width:none}.dagen::-webkit-scrollbar{display:none}@media (min-width: 720px){.dagen{flex-wrap:wrap;margin:0;padding:2px 0 var(--ruimte-1)}}.dag{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:var(--raak-min);padding:0 var(--ruimte-4);border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-rond);background:var(--kleur-vlak);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-half);white-space:nowrap}.dag:hover{border-color:var(--kleur-rand-invoer)}.dag[aria-selected=true]{background:var(--kleur-tekst);border-color:var(--kleur-tekst);color:var(--kleur-vlak)}.dag-datum{width:100%;margin-top:var(--ruimte-3)}.uurrijen{display:flex;flex-direction:column;gap:var(--ruimte-3);margin-top:var(--ruimte-4);padding-top:var(--ruimte-4);border-top:1px solid var(--kleur-rand)}.uurrij{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--ruimte-2);align-items:start}.uurrij-label{padding-top:12px;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);font-weight:var(--gewicht-vet);font-variant-numeric:tabular-nums;white-space:nowrap}.uurrij-opties{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:var(--ruimte-2)}.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--raak-min);padding:var(--ruimte-1);border:1px solid var(--kleur-rand-sterk);border-radius:var(--straal-m);background:var(--kleur-vlak);color:var(--kleur-tekst);font-weight:var(--gewicht-half);font-variant-numeric:tabular-nums;line-height:1.2}.slot:hover:not(:disabled){border-color:var(--kleur-primair);color:var(--kleur-primair-tekst)}.slot[aria-pressed=true]{background:var(--kleur-primair);border-color:var(--kleur-primair);color:var(--kleur-op-primair)}.slot[aria-pressed=true]:hover{color:var(--kleur-op-primair)}.slot.vol{background:var(--kleur-vlak-3);border-color:var(--kleur-rand);color:var(--kleur-tekst-stil);text-decoration:line-through;cursor:not-allowed}.slot-vol{font-size:var(--tekst-2xs);font-weight:var(--gewicht-half);text-decoration:none}.slot-skelet-label{width:32px;height:16px;margin-top:14px}.slot-skelet{height:var(--raak-min);border-radius:var(--straal-m)}.tijdkiezer .ui-melding{margin:var(--ruimte-4) 0 0}.tijdkiezer>.ui-hulptekst{margin:var(--ruimte-3) 0 0}.tijd-leeg{margin-top:var(--ruimte-4)!important}.info{padding-top:var(--ruimte-6)}.info-kaart{margin:0 0 var(--ruimte-4);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak-3);overflow:hidden}.info-kaart img{display:block;width:100%;height:auto}@media (max-width: 719px){.info-kaart img{height:220px;object-fit:cover;object-position:center}}.info-raster{column-gap:var(--ruimte-4)}@media (min-width: 720px){.info-raster{column-count:2}}.info-blok{display:block;margin:0 0 var(--ruimte-4);padding:var(--ruimte-5);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak);box-shadow:var(--schaduw-1);break-inside:avoid;-webkit-column-break-inside:avoid}.info-blok-breed{column-span:all;-webkit-column-span:all}.info-kop{display:flex;align-items:center;gap:var(--ruimte-2);margin:0 0 var(--ruimte-3);padding-bottom:var(--ruimte-3);border-bottom:1px solid var(--kleur-rand);font-size:var(--tekst-l);font-weight:var(--gewicht-half)}.info-kop>svg{flex:none;color:var(--kleur-tekst-zacht)}.info-tekst{margin:0 0 var(--ruimte-2)}.info-tekst:last-child{margin-bottom:0}.info-blok>.ui-hulptekst{margin:var(--ruimte-2) 0 0}.info-blok>.secondary{margin-top:var(--ruimte-2)}.zones{display:flex;flex-direction:column;gap:var(--ruimte-3);margin:0;padding:0;list-style:none}.zone{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.zone+.zone{padding-top:var(--ruimte-3);border-top:1px solid var(--kleur-rand)}.zone-bol{flex:none;width:14px;height:14px;margin-top:4px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.zone-bol-leeg{border:2px solid var(--kleur-rand-invoer);box-shadow:none}.zone-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}.zone-naam{font-weight:var(--gewicht-half)}.zone-tarief{font-variant-numeric:tabular-nums}.zone-postcodes{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.uren{margin:0}.uren-rij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-4);margin:0 calc(-1 * var(--ruimte-2));padding:7px var(--ruimte-2);border-radius:var(--straal-s)}.uren-rij dt,.uren-rij dd{margin:0}.uren-rij dd{font-weight:var(--gewicht-half);text-align:right}.uren-rij.vandaag{background:var(--kleur-vlak-3)}.uren-rij.vandaag dt{font-weight:var(--gewicht-half)}.contact-lijst{display:flex;flex-direction:column;gap:var(--ruimte-2);margin:0;padding:0;list-style:none}.contact-lijst li{display:flex;align-items:flex-start;gap:var(--ruimte-3);overflow-wrap:anywhere}.contact-lijst li>svg{flex:none;margin-top:2px;color:var(--kleur-tekst-zacht)}.contact-lijst .link.inline{color:var(--kleur-tekst);text-decoration-color:var(--kleur-rand-invoer)}.sociaal{display:flex;flex-wrap:wrap;gap:var(--ruimte-2);margin-top:var(--ruimte-4)}.sociaal a{gap:6px}.over-ons-tekst{max-width:70ch;margin:0;color:var(--kleur-tekst-zacht);line-height:var(--regel-normaal);white-space:pre-line}.account,.profiel{display:flex;flex-direction:column;gap:var(--ruimte-4)}.auth-card{display:flex;flex-direction:column;gap:var(--ruimte-4);padding:var(--ruimte-6) var(--ruimte-5)}@media (min-width: 720px){.auth-card{padding:var(--ruimte-8)}}.auth-card>p,.auth-card>.ui-melding,.auth-card>p.error{margin:0}.auth-kop{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);text-align:center}.auth-kop .ui-leeg-icoon{margin:0;background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst)}.auth-kop h1{margin:0;font-size:var(--tekst-xl)}.auth-tabs{display:flex;width:100%}.auth-tabs>button{min-height:var(--raak-min)}.auth-legal{margin:0;text-align:center}.profiel-kop{display:flex;align-items:center;gap:var(--ruimte-3)}.profiel-avatar{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--kleur-primair);color:var(--kleur-op-primair);font-size:var(--tekst-xl);font-weight:var(--gewicht-vet)}.profiel-naam{flex:1 1 auto;min-width:0}.profiel-afmelden{flex:none;align-self:flex-start}@media (max-width: 479px){.alleen-breed{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.profiel-afmelden{min-width:var(--raak-min);padding:0}}.profiel-naam h1{margin:0;font-size:var(--tekst-xl);overflow-wrap:anywhere}.profiel-naam p{margin:2px 0 0;overflow-wrap:anywhere}.balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-3)}.balances .ui-stat-label{display:inline-flex;align-items:center;gap:6px}.account-sectie .ui-sectie-kop h2{display:flex;align-items:center;gap:var(--ruimte-2)}.account-sectie .ui-sectie-kop h2>svg{color:var(--kleur-tekst-zacht)}.account-sectie .ui-sectie-inhoud>.ui-melding,.account-sectie form>.ui-melding,.account-sectie form>p.error{margin:var(--ruimte-3) 0 0}.sectie-knop{margin-top:var(--ruimte-4)}.uitklap>summary{cursor:pointer;list-style:none;border-bottom:none}.uitklap>summary::-webkit-details-marker{display:none}.uitklap[open]>summary{border-bottom:1px solid var(--kleur-rand)}.uitklap-pijl{flex:none;color:var(--kleur-tekst-zacht);transition:transform var(--duur) var(--ease)}.uitklap[open] .uitklap-pijl{transform:rotate(180deg)}.schakel-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);min-height:var(--raak-min);cursor:pointer}.oplaadbedragen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ruimte-2);margin-bottom:var(--ruimte-3)}@media (max-width: 379px){.oplaadbedragen{grid-template-columns:repeat(2,minmax(0,1fr))}}.oplaadbedragen+.chips+.ui-hulptekst,.account-sectie .chips+.ui-hulptekst{margin:var(--ruimte-3) 0 0}.historiek{margin:calc(-1 * var(--ruimte-2)) 0;padding:0;list-style:none}.history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-3) 0}.history-row+.history-row{border-top:1px solid var(--kleur-rand)}.history-info{display:flex;flex-direction:column;gap:2px;min-width:0}.history-regels{font-size:var(--tekst-s)}.history-right{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:var(--ruimte-1)}.history-total{font-weight:var(--gewicht-vet)}.historiek-laden{display:grid;gap:var(--ruimte-3)}.historiek-skelet{height:48px}.account .ui-leeg{padding:var(--ruimte-6) var(--ruimte-4)}.export-dump{width:100%;margin-top:var(--ruimte-3);font-family:var(--lettertype-mono);font-size:var(--tekst-xs)}.gevaar-kop{margin:var(--ruimte-6) 0 var(--ruimte-3);padding-top:var(--ruimte-5);border-top:1px solid var(--kleur-rand);font-size:var(--tekst-m)}.secondary.gevaar-rand{color:var(--kleur-gevaar);border-color:var(--kleur-gevaar-rand)}.secondary.gevaar-rand:hover:not(:disabled){background:var(--kleur-gevaar-zacht);border-color:var(--kleur-gevaar)}.gevaar-tekst{color:var(--kleur-gevaar);font-weight:var(--gewicht-half)}.wis-blok{display:flex;flex-direction:column;gap:var(--ruimte-3)}.wis-blok>.ui-melding,.wis-blok>p.error{margin:0}.wis-lijst{margin:0;padding-left:var(--ruimte-5);font-size:var(--tekst-s);line-height:1.55}.wis-lijst li+li{margin-top:var(--ruimte-1)}.wis-knoppen{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ruimte-2)}@media (max-width: 479px){.wis-knoppen>button{flex:1 1 100%}}.reserveren-velden{grid-template-columns:repeat(2,minmax(0,1fr))}.reserveren-velden>.ui-melding{margin:0}@media (min-width: 560px){.reserveren-velden{grid-template-columns:repeat(3,minmax(0,1fr))}}.juridisch{max-width:calc(800px + 2 * var(--goot));padding-top:var(--ruimte-4)}.juridisch-tabs{margin-bottom:var(--ruimte-4)}.juridisch-tekst{padding:var(--ruimte-6) var(--ruimte-5)}@media (min-width: 720px){.juridisch-tekst{padding:var(--ruimte-8) var(--ruimte-10)}}.juridisch-tekst h1{margin:0 0 var(--ruimte-4);font-size:var(--tekst-2xl)}.juridisch-tekst h2{margin:var(--ruimte-6) 0 var(--ruimte-2);font-size:var(--tekst-l)}.juridisch-tekst p,.juridisch-tekst li{max-width:70ch;line-height:1.65}.juridisch-tekst ul{margin:var(--ruimte-2) 0;padding-left:var(--ruimte-5)}.juridisch-sjabloon{margin:0 0 var(--ruimte-4);font-weight:var(--gewicht-half)}.volg-kaart{padding:var(--ruimte-5)}@media (min-width: 720px){.volg-kaart{padding:var(--ruimte-8)}}.track-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);margin-bottom:var(--ruimte-5)}.order-reference{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet);letter-spacing:-.01em}.steps{display:flex;align-items:flex-start;margin:0 0 var(--ruimte-6);padding:0;list-style:none}.step{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--ruimte-2);text-align:center}.step:not(:first-child):before{content:"";position:absolute;top:15px;right:50%;width:100%;height:3px;border-radius:3px;background:var(--kleur-rand)}.step.done:not(:first-child):before,.step.active:not(:first-child):before{background:var(--kleur-succes)}.step-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--kleur-rand-sterk);border-radius:50%;background:var(--kleur-vlak);color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);font-weight:var(--gewicht-vet)}.step.done .step-dot{border-color:var(--kleur-succes);background:var(--kleur-succes);color:var(--kleur-op-status)}.step.active .step-dot{border-color:var(--kleur-primair);background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst);box-shadow:0 0 0 4px var(--kleur-primair-zacht)}.step-label{color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs);font-weight:var(--gewicht-half);line-height:1.25}.step.active .step-label,.step.done .step-label{color:var(--kleur-tekst)}.volg-status{text-align:center}.volg-status h2{margin:0 0 var(--ruimte-1);font-size:var(--tekst-xl)}.volg-status p{margin:var(--ruimte-1) 0 0}.volg-status .volg-asap{max-width:36ch;margin:var(--ruimte-3) auto 0;padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--straal-m);background:var(--kleur-vlak-3);color:var(--kleur-tekst);font-size:var(--tekst-s);font-weight:var(--gewicht-medium)}.status-icoon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto var(--ruimte-3);border-radius:50%}.status-bezig{background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst);animation:puls-zacht 2s ease-in-out infinite}.status-bezig.stil{animation:none;opacity:.7}.status-succes{background:var(--kleur-succes-zacht);color:var(--kleur-succes)}.status-gevaar{background:var(--kleur-gevaar-zacht);color:var(--kleur-gevaar)}@keyframes puls-zacht{0%,to{box-shadow:0 0 0 0 var(--kleur-primair-zacht-2)}50%{box-shadow:0 0 0 10px var(--kleur-primair-zacht)}}.countdown{margin:var(--ruimte-2) 0;color:var(--kleur-primair-tekst);font-size:var(--tekst-4xl);font-weight:var(--gewicht-vet);letter-spacing:-.02em;line-height:1.1}.rit-eta{font-size:var(--tekst-3xl)}.rit-kaart{display:block;width:100%;height:auto;margin:var(--ruimte-4) auto var(--ruimte-2);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak-3)}.order-detail{margin:var(--ruimte-6) 0 var(--ruimte-5);padding:var(--ruimte-4) var(--ruimte-5);border:1px solid var(--kleur-rand);border-radius:var(--straal-l);background:var(--kleur-vlak-2);text-align:left}.order-detail h3{margin:0 0 var(--ruimte-2);font-size:var(--tekst-m)}.detail-line{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--ruimte-2);padding:var(--ruimte-2) 0;font-size:var(--tekst-s)}.detail-line+.detail-line{border-top:1px solid var(--kleur-rand)}.detail-qty{color:var(--kleur-tekst-zacht);font-weight:var(--gewicht-vet)}.detail-line.sub{color:var(--kleur-tekst-zacht)}.detail-line.discount{color:var(--kleur-succes);font-weight:var(--gewicht-half);border-top:none}.detail-line.total{margin-top:var(--ruimte-1);border-top:2px solid var(--kleur-rand-sterk);font-size:var(--tekst-m);font-weight:var(--gewicht-vet)}.pay-note{display:flex;align-items:center;gap:6px;margin:var(--ruimte-2) 0 0;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s);font-weight:var(--gewicht-half)}.pay-note.paid{color:var(--kleur-succes)}.volg-status .pay-note{justify-content:center;margin-top:var(--ruimte-3)}.volg-status .ui-hulptekst{display:block;margin-top:var(--ruimte-2)}.volg-acties{display:flex;flex-direction:column;gap:var(--ruimte-2)}.volg-acties .ui-hulptekst{margin:var(--ruimte-1) 0 0;text-align:center}.volg-melding-aan{display:flex;align-items:center;justify-content:center;gap:6px}.annuleer-knop{margin-top:var(--ruimte-2)}.toast>svg{flex:none}.renderfout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ruimte-3);min-height:100vh;padding:var(--ruimte-8) var(--goot);text-align:center}.renderfout-icoon{background:var(--kleur-gevaar-zacht);color:var(--kleur-gevaar)}.renderfout h1{margin:0;font-size:var(--tekst-xl)}.renderfout p{max-width:42ch;margin:0}.renderfout-knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ruimte-2);margin-top:var(--ruimte-2)}.renderfout-details{max-width:60ch;color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.renderfout-details summary{min-height:var(--raak-min);line-height:var(--raak-min);cursor:pointer}.renderfout-details pre{white-space:pre-wrap;text-align:left;font-size:var(--tekst-xs)}.tafel-hulp{display:flex;flex-direction:column;gap:var(--ruimte-3);padding:var(--ruimte-4);border:1px solid var(--kleur-primair-zacht-2);border-radius:var(--straal-l);background:var(--kleur-vlak);box-shadow:var(--schaduw-1)}.tafel-hulp-kop{display:flex;flex-direction:column;gap:2px}.tafel-hulp-kop strong{font-size:var(--tekst-m)}.tafel-hulp-kop span{color:var(--kleur-tekst-zacht);font-size:var(--tekst-s)}.tafel-hulp-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:var(--ruimte-2)}.tafel-hulp-knop{display:flex;align-items:center;gap:var(--ruimte-3);min-height:56px;padding:var(--ruimte-2) var(--ruimte-3);border:1px solid var(--kleur-rand);border-radius:var(--straal-m);background:var(--kleur-vlak);color:var(--kleur-tekst);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duur-snel) var(--ease),background-color var(--duur-snel) var(--ease)}.tafel-hulp-knop:hover:not(:disabled){border-color:var(--kleur-primair)}.tafel-hulp-knop:disabled{cursor:default}.tafel-hulp-icoon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--kleur-primair-zacht);color:var(--kleur-primair-tekst)}.tafel-hulp-tekst{display:flex;flex-direction:column;gap:1px;min-width:0}.tafel-hulp-tekst small{color:var(--kleur-tekst-zacht);font-size:var(--tekst-xs)}.tafel-hulp-knop.open{border-color:var(--kleur-primair);background:var(--kleur-primair-zacht)}.tafel-hulp-knop.open .tafel-hulp-icoon,.tafel-hulp-knop.gezien .tafel-hulp-icoon{background:var(--kleur-primair);color:var(--kleur-op-primair)}.tafel-hulp-knop.gezien .tafel-hulp-icoon{background:var(--kleur-succes)}.tafel-hulp-fout{margin:0;color:var(--kleur-gevaar);font-size:var(--tekst-s)}.tafel-hulp-vak{padding-top:var(--ruimte-4)}@media (max-width: 420px){.tafel-hulp-knoppen{grid-template-columns:1fr}}