:root{--fy-roze: #f8c9d0;--fy-creme: #fef2f4;--fy-roze2: #f3a1ae;--fy-roze3: #e98f9b;--fy-cta: #ec6773;--fy-beige: #fedeb8;--fy-beige2: #eec090;--fy-bruin: #dd9f62;--fy-inkt: #161412;--fy-wit: #ffffff;--fy-groen: #2f8f6b;--fy-groen-bg: #e4f3ec;--fy-amber: #b57b22;--fy-amber-bg: #fff3df;--fy-rood: #b5493f;--fy-rood-bg: #fbe9e7;--fy-grijs: #8a8079;--fy-lijn: #efe2e4;--fy-grijs-bg: #f6f1f2;--fy-radius: 14px;--fy-radius-s: 10px;--fy-schaduw: 0 1px 2px rgba(22,20,18,.05), 0 8px 20px -12px rgba(22,20,18,.14);--fy-font: Poppins, "Segoe UI", system-ui, sans-serif;--fy-display: Fraunces, Georgia, serif;--tabbar-h: 64px}*{box-sizing:border-box}:focus-visible{outline:2.5px solid var(--fy-cta);outline-offset:2px;border-radius:4px}html,body{margin:0;padding:0}body{background:var(--fy-creme);color:var(--fy-inkt);font-family:var(--fy-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.2}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}a{color:inherit}.pagina{max-width:1080px;margin:0 auto;padding:14px 14px calc(var(--tabbar-h) + 90px)}@media (min-width: 900px){.pagina{padding-bottom:90px}}.kaart{background:var(--fy-wit);border:1px solid var(--fy-lijn);border-radius:var(--fy-radius);box-shadow:var(--fy-schaduw);padding:14px}.topbar{position:sticky;top:0;z-index:30;background:var(--fy-wit);border-bottom:1px solid var(--fy-lijn);padding:10px 14px;display:flex;align-items:center;gap:10px}.topbar .logo{font-weight:800;font-size:17px;letter-spacing:-.01em;text-decoration:none}.topbar .logo em{font-style:normal;color:var(--fy-cta)}.contextbalk{margin-left:auto;text-align:right;font-size:12px;color:var(--fy-grijs);line-height:1.3;min-width:0}.contextbalk b{display:block;color:var(--fy-inkt);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.knop-primair{background:var(--fy-cta);color:#fff;border:none;border-radius:999px;padding:12px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.knop-primair:disabled{opacity:.45;cursor:not-allowed}.knop-secundair{background:var(--fy-wit);color:var(--fy-inkt);border:1.5px solid var(--fy-lijn);border-radius:999px;padding:10px 18px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.knop-destructief{background:var(--fy-wit);color:var(--fy-rood);border:1.5px solid var(--fy-rood);border-radius:999px;padding:10px 18px;font-weight:600;min-height:44px}.knop-link{background:none;border:none;color:var(--fy-cta);font-weight:600;padding:6px 4px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 11px;border-radius:999px;background:var(--fy-grijs-bg);color:var(--fy-inkt);border:1px solid var(--fy-lijn);font-weight:500}.chip.actief{background:var(--fy-inkt);color:#fff;border-color:var(--fy-inkt)}.chip.wisbaar{padding-right:7px}.chip .wis{border:none;background:none;color:inherit;font-weight:700;padding:0 2px}.allergenen{display:flex;flex-wrap:wrap;gap:4px}.allergeen{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid #e3d5d7;background:var(--fy-wit);color:#5c5350;white-space:nowrap}.allergeen.geen{border-color:#bee3d0;background:var(--fy-groen-bg);color:var(--fy-groen)}.allergeen.onbekend{border-style:dashed;color:var(--fy-grijs);background:var(--fy-grijs-bg)}.allergeen.sporen{border-style:dotted;color:#7a6a45;background:#fdf7ea}.status{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.status.nieuw{background:var(--fy-grijs-bg);color:var(--fy-inkt)}.status.inproductie{background:var(--fy-beige);color:#7a5518}.status.onderweg{background:#e8eef7;color:#2f5b8f}.status.geleverd{background:var(--fy-groen-bg);color:var(--fy-groen)}.status.gefactureerd{background:#efe9f5;color:#6b4a8a}.deadline{border-radius:var(--fy-radius-s);padding:10px 13px;font-size:13px;font-weight:600;background:var(--fy-amber-bg);color:var(--fy-amber);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.deadline.krap{background:var(--fy-rood-bg);color:var(--fy-rood)}.deadline .klok{font-variant-numeric:tabular-nums}.productrij{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;background:var(--fy-wit);border:1px solid var(--fy-lijn);border-radius:var(--fy-radius-s);padding:10px}.productrij .thumb{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:50% 46% 52% 48%/52% 48%;background:var(--fy-roze)}.productrij .info{min-width:0}.productrij .naam{font-weight:700;font-size:13.5px}.productrij .meta{font-size:11.5px;color:var(--fy-grijs)}.productrij .prijsblok{text-align:right}.productrij .prijs{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.productrij .literprijs{font-size:10.5px;color:var(--fy-grijs);font-variant-numeric:tabular-nums}.productrij .regelvoet{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stepper{display:inline-flex;align-items:center;gap:0}.stepper button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--fy-lijn);background:var(--fy-wit);font-size:18px;font-weight:700;color:var(--fy-inkt)}.stepper button:disabled{opacity:.35}.stepper input{width:46px;height:40px;text-align:center;border:none;background:none;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inmand{font-size:11.5px;color:var(--fy-groen);font-weight:700}.mandbalk{position:fixed;left:0;right:0;bottom:var(--tabbar-h);z-index:25;background:var(--fy-inkt);color:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px}@media (min-width: 900px){.mandbalk{bottom:0}}.mandbalk .cijfers{flex:1;min-width:0;font-size:12px;line-height:1.35}.mandbalk .totaal{font-size:15.5px;font-weight:800;font-variant-numeric:tabular-nums}.mandbalk .voortgang{height:4px;background:#ffffff38;border-radius:4px;margin-top:5px;overflow:hidden}.mandbalk .voortgang i{display:block;height:100%;background:var(--fy-beige);border-radius:4px}.mandbalk .knop-primair{min-height:44px;padding:10px 18px;flex:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:26;background:var(--fy-wit);border-top:1px solid var(--fy-lijn);display:flex;height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:11px;color:var(--fy-grijs);font-weight:600;position:relative}.tabbar a.actief{color:var(--fy-cta)}.tabbar .icoon{font-size:20px;line-height:1}.tabbar .teller{position:absolute;top:7px;right:calc(50% - 22px);background:var(--fy-cta);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (min-width: 900px){.tabbar{display:none}}.desknav{display:none;gap:4px;margin-left:18px}@media (min-width: 900px){.desknav{display:flex}}.desknav a{text-decoration:none;font-weight:600;font-size:13.5px;color:var(--fy-grijs);padding:7px 13px;border-radius:999px}.desknav a.actief{background:var(--fy-roze);color:var(--fy-inkt)}.leegstaat{text-align:center;padding:34px 18px;color:var(--fy-grijs)}.leegstaat .emoji{font-size:34px;margin-bottom:8px}.leegstaat b{color:var(--fy-inkt);display:block;margin-bottom:4px}.foutstaat{background:var(--fy-rood-bg);border:1px solid #ecc9c4;border-radius:var(--fy-radius-s);padding:14px;font-size:13.5px;color:var(--fy-rood)}.skelet{border-radius:var(--fy-radius-s);background:linear-gradient(90deg,var(--fy-grijs-bg) 25%,#fff 50%,var(--fy-grijs-bg) 75%);background-size:200% 100%;animation:skelet 1.2s infinite linear;min-height:58px}@keyframes skelet{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skelet{animation:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16141270;z-index:40;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 700px){.overlay{align-items:center}}.modal{background:var(--fy-wit);border-radius:18px 18px 0 0;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:18px}@media (min-width: 700px){.modal{border-radius:18px}}.modal .sluit{float:right;border:none;background:var(--fy-grijs-bg);border-radius:50%;width:36px;height:36px;font-size:16px;font-weight:700}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 74px);z-index:50;background:var(--fy-inkt);color:#fff;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center;box-shadow:var(--fy-schaduw);max-width:calc(100vw - 28px)}.toast button{background:none;border:none;color:var(--fy-beige);font-weight:800}.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--fy-grijs);padding:8px 10px;border-bottom:1px solid var(--fy-lijn)}.tabel td{padding:9px 10px;border-bottom:1px solid var(--fy-lijn);vertical-align:top}.tabel .geld{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sectiekop{font-size:16px;font-weight:800;margin:18px 0 10px}.subtekst{font-size:12.5px;color:var(--fy-grijs)}@media print{.topbar,.tabbar,.mandbalk,.geen-print{display:none!important}body{background:#fff}.pagina{padding:0;max-width:none}.kaart{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}}