@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/rubik-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/rubik-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}:root{--font:"Rubik Variable", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--magenta:#e5017c;--magenta-deep:#b80163;--magenta-ink:#8a014a;--magenta-zacht:#e5017c14;--geel:#f8d14e;--grafiet:#424242;--inkt:#1a1a1a;--gedempt:#5a5854;--stil:#726f6a;--wit:#fff;--papier:#f5f3f0;--vlak:#faf9f7;--vlak-warm:#eeeae1;--lijn:#dcd8d2;--lijn-sterk:#b7a8a3;--goed:#3f6b4e;--laag:#b07a22;--uit:#8a8783;--kritiek:#b42318;--kritiek-diep:#912018;--r-xs:2px;--r-sm:6px;--r-md:12px;--r-pill:999px;--schaduw-sm:0 1px 2px #1a1a1a14;--schaduw-hoog:0 8px 28px #1a1a1a29;--focus:0 0 0 3px #e5017c59;--ease:cubic-bezier(.2, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--papier);min-height:100vh;color:var(--inkt);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}a{color:var(--magenta);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}img{max-width:100%;display:block}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kop{z-index:20;background:var(--wit);border-bottom:1px solid var(--lijn);position:sticky;top:0}.kop-rij{align-items:center;gap:24px;max-width:1120px;min-height:60px;margin:0 auto;padding:0 20px;display:flex}.kop-merk{color:var(--inkt);align-items:center;gap:20px;min-width:0;margin-right:auto;text-decoration:none;display:flex}.kop-logo{flex:none;width:376px;height:18px;display:none}.kop-titel{white-space:nowrap;font-size:18px;font-weight:400}.kop-titel span{color:var(--gedempt)}.kop-meta{color:var(--gedempt);white-space:nowrap;align-items:center;gap:16px;font-size:14px;display:flex}.kop-meta a,.kop-meta button{color:var(--inkt);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:4px;background:0 0;border:0;padding:8px 0}.kop-meta a:hover,.kop-meta button:hover{-webkit-text-decoration-color:var(--magenta);text-decoration-color:var(--magenta)}.tabs{scrollbar-width:none;gap:4px;max-width:1120px;margin:0 auto;padding:0 12px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--gedempt);white-space:nowrap;transition:color .14s var(--ease), border-color .14s var(--ease);border-bottom:2px solid #0000;align-items:center;gap:8px;margin:0 8px;padding:14px 8px 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.tab:hover{color:var(--inkt)}.tab[aria-current=page]{color:var(--inkt);border-bottom-color:var(--magenta)}.teller{border-radius:var(--r-pill);background:var(--magenta);min-width:22px;height:22px;color:var(--wit);font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:12px;font-weight:500;display:inline-grid}@media (max-width:640px){.kop-wie,.kop-titel span{display:none}.kop-rij{padding:0 16px}}@media (min-width:1100px){.kop-logo{display:block}.kop-titel{border-left:1px solid var(--lijn);padding-left:20px}}.pagina{max-width:1120px;margin:0 auto;padding:48px 20px 120px}.pagina-smal{max-width:720px}.titel{letter-spacing:-.025em;margin:0;font-size:36px;font-weight:300;line-height:1.1}.lead{color:var(--gedempt);max-width:52ch;margin:12px 0 0;font-size:18px;line-height:1.5}.paginakop{margin-bottom:40px}.paginakop-rij{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.sectie+.sectie{margin-top:56px}.sectie-titel{letter-spacing:-.01em;align-items:baseline;gap:12px;margin:0 0 16px;font-size:22px;font-weight:400;display:flex}.sectie-titel small{color:var(--gedempt);font-variant-numeric:tabular-nums;font-size:15px;font-weight:400}.sectie-hint{margin:-8px 0 16px}.merkteken{background:var(--geel);width:40px;height:2px;margin:20px 0 0}@media (max-width:640px){.pagina{padding:28px 16px 120px}.titel{font-size:28px}.lead{font-size:16px}.paginakop{margin-bottom:28px}}.knop{border-radius:var(--r-xs);min-height:48px;color:var(--inkt);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .14s var(--ease), color .14s var(--ease), border-color .14s var(--ease), transform 80ms var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.knop:active:not(:disabled){transform:scale(.985)}.knop:disabled{opacity:.4;cursor:not-allowed}.knop-primair{background:var(--magenta);color:var(--wit)}.knop-primair:hover:not(:disabled){background:var(--magenta-deep)}.knop-secundair{border-color:var(--magenta);color:var(--magenta)}.knop-secundair:hover:not(:disabled){background:var(--magenta-zacht)}.knop-stil{border-color:var(--lijn-sterk)}.knop-gevaar{background:var(--kritiek);color:var(--wit)}.knop-gevaar:hover:not(:disabled){background:var(--kritiek-diep)}.knop-stil:hover:not(:disabled){background:#1a1a1a0f}.knop-tekst{letter-spacing:0;text-transform:none;min-height:40px;text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:4px;padding:0 4px;font-size:15px}.knop-tekst:hover{-webkit-text-decoration-color:var(--magenta);text-decoration-color:var(--magenta)}.knop-groot{min-height:60px;padding:0 36px;font-size:14px}.knop-klein{min-height:40px;padding:0 16px;font-size:12px}.knop-breed{width:100%}.knop-icoon{width:48px;min-width:48px;padding:0}.label{margin:0 0 10px;font-size:15px;font-weight:500;display:block}.label small{color:var(--gedempt);margin-left:6px;font-weight:400}.hint{color:var(--gedempt);margin:8px 0 0;font-size:14px}.invoer{border:1px solid var(--lijn-sterk);border-radius:var(--r-xs);background:var(--wit);width:100%;min-height:52px;transition:border-color .14s var(--ease), box-shadow .14s var(--ease);padding:0 16px;font-size:17px}.invoer::placeholder{color:var(--stil)}.invoer:focus{border-color:var(--magenta);box-shadow:var(--focus);outline:none}textarea.invoer{resize:vertical;min-height:96px;padding:14px 16px;line-height:1.45}select.invoer{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%231A1A1A' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.fout{color:var(--magenta);margin:12px 0 0;font-size:15px;font-weight:500}.stap{border-top:1px solid var(--lijn);padding:28px 0}.stap:first-child{border-top:0;padding-top:0}.stap-kop{justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 14px;display:flex}.stap-kop .label{margin:0}.gekozen{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);align-items:center;gap:16px;min-height:64px;padding:10px 10px 10px 16px;display:flex}.gekozen-tekst{flex:1;min-width:0}.gekozen-naam{font-size:18px;font-weight:500}.gekozen-sub{color:var(--gedempt);font-size:14px}.gekozen img,.gekozen .foto-leeg{border-radius:var(--r-md);object-fit:cover;flex:none;width:48px;height:48px}.zoeklijst{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);margin-top:8px;overflow:hidden}.zoeklijst button{border:0;border-top:1px solid var(--lijn);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:16px;width:100%;min-height:56px;padding:0 16px;font-size:17px;display:flex}.zoeklijst button:first-child{border-top:0}.zoeklijst button:hover,.zoeklijst button:focus-visible{background:var(--vlak)}.zoeklijst span{color:var(--gedempt);font-size:14px}.zoeklijst-leeg{color:var(--gedempt);padding:16px}.keuzes{flex-wrap:wrap;gap:8px;display:flex}.keuze{border:1px solid var(--lijn-sterk);border-radius:var(--r-pill);background:var(--wit);cursor:pointer;min-width:56px;min-height:48px;transition:border-color .14s var(--ease), background .14s var(--ease);padding:0 20px;font-size:16px}.keuze:hover{border-color:var(--inkt)}.keuze[aria-pressed=true]{border-color:var(--magenta);background:var(--magenta-zacht);color:var(--magenta-ink);font-weight:500}.keuze small{color:var(--gedempt);margin-top:-2px;font-size:12px;font-weight:400;display:block}.keuze-maat{min-width:72px;padding:6px 18px;line-height:1.2}.keuze-maat.uitverkocht{color:var(--uit)}.segment{border:1px solid var(--lijn-sterk);border-radius:var(--r-xs);background:var(--wit);display:inline-flex;overflow:hidden}.segment button{border:0;border-left:1px solid var(--lijn-sterk);cursor:pointer;background:0 0;min-height:44px;padding:0 18px;font-size:15px}.segment button:first-child{border-left:0}.segment button[aria-pressed=true]{background:var(--inkt);color:var(--wit)}.tegels{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:20px 12px;margin-top:16px;display:grid}.tegel{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.tegel-foto,.foto-leeg{aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--lijn);background:var(--wit);object-fit:cover;width:100%;transition:border-color .14s var(--ease), box-shadow .14s var(--ease)}.foto-leeg{background:var(--vlak-warm);color:var(--stil);place-items:center;font-size:13px;display:grid}.tegel:hover .tegel-foto,.tegel:hover .foto-leeg{border-color:var(--lijn-sterk)}.tegel[aria-pressed=true] .tegel-foto,.tegel[aria-pressed=true] .foto-leeg{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta)}.tegel-naam{font-size:15px;line-height:1.3}.aantal{border:1px solid var(--lijn-sterk);border-radius:var(--r-xs);background:var(--wit);align-items:stretch;display:inline-flex}.aantal button{cursor:pointer;background:0 0;border:0;width:56px;min-height:52px;font-size:22px;font-weight:300}.aantal button:hover:not(:disabled){background:var(--vlak)}.aantal button:disabled{opacity:.3;cursor:not-allowed}.aantal output{border-left:1px solid var(--lijn);border-right:1px solid var(--lijn);font-variant-numeric:tabular-nums;place-items:center;min-width:64px;font-size:20px;font-weight:500;display:grid}.verzend{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom, #f5f3f000, var(--papier) 24px);margin:8px -20px 0;position:sticky;bottom:0}.verzend-knoppen{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.verzend-knoppen:has(>:nth-child(2)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.verzend-knoppen .knop{letter-spacing:.06em;white-space:normal;text-align:center;padding:0 12px;font-size:13px;line-height:1.25}.verzend-hint{text-align:center;color:var(--gedempt);margin:10px 0 0;font-size:14px}.kaarten{gap:8px;display:grid}.kaart{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 20px;padding:18px 20px;display:grid}.kaart:has(>.kaart-foto){grid-template-columns:56px minmax(0,1fr) auto}.kaart-stapel{grid-template-columns:minmax(0,1fr)}.kaart-stapel:has(>.kaart-foto){grid-template-columns:56px minmax(0,1fr)}.kaart-stapel>.kaart-acties{grid-column:1/-1;justify-content:flex-end}.kaart-inhoud{min-width:0}.kaart-naam{font-size:17px;font-weight:500}.kaart-wat{margin-top:2px;font-size:16px}.kaart-meta{color:var(--gedempt);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:14px;display:flex}.kaart-acties{flex:none;align-items:center;gap:8px;display:flex}.kaart-uitklap{border-top:1px solid var(--lijn);grid-column:1/-1;gap:12px;padding-top:16px;display:grid}.kaart-uitklap .label{margin:0}.uitklap-acties{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.kaart-foto{border-radius:var(--r-md);object-fit:cover;flex:none;width:56px;height:56px}@media (max-width:640px){.kaart,.kaart-stapel{grid-template-columns:minmax(0,1fr);padding:16px}.kaart:has(>.kaart-foto){grid-template-columns:56px minmax(0,1fr)}.kaart-acties{grid-column:1/-1;width:100%}.kaart-acties .knop{flex:1}.kaart-acties .knop-icoon{flex:none}.kaart-stapel>.kaart-acties{flex-wrap:wrap;justify-content:flex-start}.kaart-stapel>.kaart-acties .knop-primair{flex-basis:100%;order:-1}}.leeg{border:1px dashed var(--lijn-sterk);border-radius:var(--r-sm);color:var(--gedempt);text-align:center;padding:28px 24px}.regels{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);margin:0;padding:0;list-style:none}.regels li{border-top:1px solid var(--lijn);flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:14px 20px;display:flex}.regels li:first-child{border-top:0}.regel-naam{font-weight:500}.regel-meta{color:var(--gedempt);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.bestandkeuze{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:0;display:flex}.bestandkeuze .knop{pointer-events:none}.bestandkeuze span{color:var(--gedempt);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.status{--t:var(--gedempt);--v:var(--vlak-warm);--d:var(--stil);border-radius:var(--r-xs);background:var(--v);max-width:100%;color:var(--t);align-items:center;gap:7px;padding:3px 9px 3px 8px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.status:before{content:"";background:var(--d);flex:none;width:7px;height:7px}.toon-kritiek{--t:#a01f15;--v:#fdeceb;--d:#d92d20}.toon-aandacht,.toon-laag{--t:#7a4600;--v:#fdf0d6;--d:#e08a0b}.toon-onderweg{--t:#194a8c;--v:#e7effb;--d:#2f6fd0}.toon-goed{--t:#275436;--v:#e4f1e8;--d:#3b8a55}.toon-neutraal{--t:#45433f;--v:#ebe8e2;--d:#726f6a}.toon-uit{--t:#5a5854;--v:#f1efeb;--d:#a19d97}.melding{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;border-radius:var(--r-xs);background:var(--grafiet);width:max-content;max-width:calc(100vw - 32px);color:var(--wit);box-shadow:var(--schaduw-hoog);opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .22s var(--ease);align-items:center;gap:20px;padding:14px 16px 14px 20px;font-size:15px;display:flex;position:fixed;transform:translate(-50%,16px)}.melding.zichtbaar{opacity:1;pointer-events:auto;transform:translate(-50%)}.melding.is-fout{background:var(--magenta-ink)}.melding button{min-height:36px;color:var(--wit);text-underline-offset:4px;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 4px;font-weight:500;text-decoration:underline}.tabel-wrap{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);overflow:hidden}.tabel{border-collapse:collapse;width:100%}.tabel th{border-bottom:1px solid var(--lijn);text-align:left;color:var(--gedempt);white-space:nowrap;padding:14px 16px;font-size:13px;font-weight:500}.tabel td{border-bottom:1px solid var(--lijn);vertical-align:middle;padding:14px 16px}.tabel tr:last-child td{border-bottom:0}.tabel .num{text-align:right;font-variant-numeric:tabular-nums}.tabel .groot{font-size:20px;font-weight:500}.tabel .artikelrij td{background:var(--vlak);padding-top:12px;padding-bottom:12px;font-weight:500}.tabel .acties{text-align:right;white-space:nowrap}.tabel .acties .knop+.knop{margin-left:6px}.paneel-rij td{background:var(--vlak)}.paneel{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.paneel .veld{min-width:140px}.paneel .veld-breed{flex:1;min-width:200px}@media (max-width:760px){.tabel,.tabel tbody{width:100%;display:block}.tabel thead{display:none}.tabel tr{border-bottom:1px solid var(--lijn);grid-template-columns:1fr auto;align-items:baseline;gap:6px 12px;padding:16px;display:grid}.tabel tr:last-child{border-bottom:0}.tabel td{border:0;min-width:0;padding:0}.tabel td[data-label=Maat]{font-size:18px;font-weight:500}.tabel td.groot{text-align:right}.tabel td.groot:before{content:none}.tabel td.toestand{grid-column:1/-1}.tabel td[data-label=Minimum],.tabel td[data-label=Tot]{color:var(--gedempt);text-align:left;font-size:14px}.tabel td[data-label=Tot]{text-align:right}.tabel td[data-label]:before{content:attr(data-label) " "}.tabel td[data-label=Tot]:before{content:"Bijbestellen tot "}.tabel td[data-label=Maat]:before{content:none}.tabel .acties{text-align:left;grid-column:1/-1;padding-top:8px}.tabel .artikelrij{background:var(--vlak);padding:12px 16px}.tabel .artikelrij .acties{text-align:right;grid-column:auto;padding-top:0}.paneel-rij td{grid-column:1/-1}.segment{width:100%;display:flex}.segment button{flex:1;padding:0 8px;font-size:14px}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filters .invoer{max-width:320px;min-height:44px;font-size:16px}.blokken{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.blok{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);flex-direction:column;gap:12px;padding:28px;display:flex}.blok-breed{grid-column:1/-1}.blok h2{margin:0;font-size:20px;font-weight:400}.blok p{color:var(--gedempt);margin:0}.blok .knop{align-self:flex-start;margin-top:auto}.toegang{place-items:center;min-height:100vh;padding:48px 16px;display:grid}.toegang-vak{width:100%;max-width:440px}.toegang-logo{width:376px;height:18px;margin-bottom:64px;display:none}@media (min-width:480px){.toegang-logo{display:block}}.toegang form{gap:20px;margin-top:40px;display:grid}.toegang-voet{color:var(--gedempt);margin-top:48px;font-size:14px}.namen{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.naam-knop{border:1px solid var(--lijn);border-radius:var(--r-sm);background:var(--wit);text-align:left;cursor:pointer;min-height:88px;transition:border-color .14s var(--ease);padding:0 24px;font-size:22px;font-weight:300}.naam-knop:hover{border-color:var(--magenta)}.naam-knop[aria-current=true]{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}