:root{--merk:#3b2fa3;--merk-dark:#2c2380;--merk-soft:#eceafa;--header-achtergrond:var(--merk);--header-radius:0px;--cta:#16a34a;--cta-dark:#12813b;--accent:#3b2fa3;--sand:#f6f4ef;--ink:#1d2321;--muted:#6a7370;--line:#dfe3e0;--white:#fff;--radius:14px;--shadow:0 1px 2px rgba(20,40,32,0.06),0 8px 24px rgba(20,40,32,0.07);--ok:#1c5c40;--ok-lijn:#bcdccb;--ok-soft:#e8f2ec;--ok-balk:#2f8a5f;--amber:#b4750f;--amber-lijn:#f0dcb4;--amber-soft:#fdf3e2;--amber-balk:#d69218;--red:#a3312a;--red-lijn:#f0c9c6;--red-soft:#fbeceb;--red-balk:#c4463d;--blue:#26507f;--blue-soft:#e6eefb}[data-theme=A]{--merk:#3b2fa3;--merk-dark:#2c2380;--merk-soft:#eceafa;--header-achtergrond:#3b2fa3;--header-radius:0px;--cta:#16a34a;--cta-dark:#12813b}[data-theme=B]{--merk:#d6336c;--merk-dark:#a82355;--merk-soft:#fce7f0;--header-achtergrond:linear-gradient(100deg,#e94e9c,#f7941e);--header-radius:18px;--cta:#e94e9c;--cta-dark:#cf3b85;--cta-verloop:linear-gradient(100deg,#e94e9c,#f7941e)}[data-theme=C]{--merk:#2bb673;--merk-dark:#1f8a56;--merk-soft:#e6f5ee;--header-achtergrond:#23262b;--header-radius:0px;--cta:#2bb673;--cta-dark:#1f8a56}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--sand);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--merk-dark)}.phone{max-width:460px;margin:0 auto;min-height:100vh;background:var(--white);box-shadow:0 0 40px rgba(20,40,32,.08);display:flex;flex-direction:column}header.app{background:var(--header-achtergrond);color:#fff;padding:12px 16px;border-bottom-left-radius:var(--header-radius);border-bottom-right-radius:var(--header-radius);gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.logo,header.app{display:flex;align-items:center}.logo{gap:9px;font-weight:650;font-size:15px;letter-spacing:-.01em}.logo .mark{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.logo .mark img{width:100%;height:100%;object-fit:cover}.spacer{flex:1 1}select.lang{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:5px 7px;font-size:12px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.lang option{color:#111}.steps{display:flex;gap:6px;padding:14px 16px 0}.steps .s{flex:1 1;height:4px;border-radius:99px;background:var(--line)}.steps .s.on{background:var(--accent)}.steplabel{padding:8px 16px 0;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}main.gast{padding:14px 16px 110px;flex:1 1}h1{font-size:22px;line-height:1.25;margin:6px 0;letter-spacing:-.02em}h2{font-size:15px;margin:22px 0 8px;letter-spacing:-.01em}p.sub{color:var(--muted);font-size:14px;margin:0 0 16px}.ticket{background:var(--merk-soft);border:1px dashed color-mix(in srgb,var(--merk) 35%,#fff);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.ticket .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--merk-dark);font-weight:700}.howto{flex-direction:column;margin:18px 0 6px}.howto,.howto .row{display:flex;gap:12px}.howto .row{align-items:flex-start}.howto .n{flex:0 0 26px;height:26px;border-radius:99px;background:var(--merk-soft);color:var(--merk-dark);font-weight:700;font-size:13px;display:grid;place-items:center}.howto .tx{font-size:14px;color:#3d4643}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.card{border:1.5px solid var(--line);border-radius:var(--radius);padding:12px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .12s,box-shadow .12s;display:flex;flex-direction:column;gap:6px}.card:hover{border-color:#b9c6c0}.card.sel{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.card .ic{height:44px;display:grid;place-items:center;color:var(--merk)}.card .nm{font-weight:650;font-size:14px}.card .pr{font-size:13px;color:var(--muted)}.card .sz{font-size:11px;color:#98a29e}.drop{border:2px dashed #c4d2cb;border-radius:var(--radius);background:#fbfdfc;padding:34px 18px;text-align:center;cursor:pointer;color:var(--muted);font-size:14px}.drop.over,.drop:hover{border-color:var(--merk);background:var(--merk-soft)}.cropwrap{position:relative;margin-bottom:10px}.cropbox{position:relative;width:100%;overflow:hidden;border-radius:var(--radius);background:#eceeed;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropbox:active{cursor:-webkit-grabbing;cursor:grabbing}.cropbox img{left:50%;top:50%;max-width:none;display:block}.cropbox .safe,.cropbox img{position:absolute;pointer-events:none}.cropbox .safe{inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);border-radius:var(--radius)}.cropbox .safe:after{content:"";position:absolute;inset:7%;border:1px dashed rgba(255,255,255,.85);border-radius:6px}.drag-hint{font-size:12px;color:var(--muted);text-align:center;margin:0 0 10px}.zoomrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}.zoomrow label{font-size:12px;color:var(--muted);font-weight:600}input[type=range]{flex:1 1;accent-color:var(--merk)}.quality{border-radius:var(--radius);padding:12px 13px;font-size:13px;border:1px solid}.quality.good{background:var(--ok-soft);border-color:var(--ok-lijn);color:var(--ok)}.quality.ok{background:var(--amber-soft);border-color:var(--amber-lijn);color:#7d5209}.quality.bad{background:var(--red-soft);border-color:var(--red-lijn);color:#8b2b25}.quality .qhead{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:5px}.qbar{height:6px;background:rgba(0,0,0,.09);overflow:hidden;margin:8px 0 7px}.qbar,.qbar i{border-radius:99px}.qbar i{display:block;height:100%;transition:width .18s}.quality.good .qbar i{background:var(--ok-balk)}.quality.ok .qbar i{background:var(--amber-balk)}.quality.bad .qbar i{background:var(--red-balk)}.quality .qmeta{font-size:11.5px;opacity:.85}label.f{display:block;font-size:12.5px;font-weight:650;margin:14px 0 5px;color:#3d4643}label.f span{font-weight:500;color:var(--muted)}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select.f,textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}input:focus,select.f:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.veldfout{color:var(--red);font-size:12px;margin-top:4px}.opt{display:flex;gap:11px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--radius);padding:12px 13px;margin-bottom:9px;cursor:pointer;background:#fff}.opt.sel{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.opt .radio{flex:0 0 18px;height:18px;border-radius:99px;border:2px solid #c3ccc8;margin-top:2px;position:relative}.opt.sel .radio{border-color:var(--accent)}.opt.sel .radio:after{content:"";position:absolute;inset:3px;border-radius:99px;background:var(--accent)}.opt .t{font-weight:650;font-size:14px}.opt .d{font-size:12.5px;color:var(--muted);margin-top:2px}.opt .tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--merk);background:var(--merk-soft);padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:2px}.variantrij{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.variantchip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;font-weight:600;color:#3d4643;cursor:pointer;transition:border-color .12s,box-shadow .12s}.variantchip:hover{border-color:#b9c6c0}.variantchip.sel{border-color:var(--accent);color:var(--merk-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.variantchip .stip{width:16px;height:16px;border-radius:999px;flex:0 0 auto;border:1px solid rgba(0,0,0,.18);display:inline-block}.note{background:#f4f6f5;padding:10px 12px;font-size:12px;color:var(--muted)}.melding,.note{border-radius:10px;margin:12px 0}.melding{padding:11px 13px;font-size:13px;border:1px solid}.melding.fout{background:var(--red-soft);border-color:var(--red-lijn);color:#8b2b25}.melding.ok{background:var(--ok-soft);border-color:var(--ok-lijn);color:var(--ok)}.melding.let-op{background:var(--amber-soft);border-color:var(--amber-lijn);color:#7d5209}.summary{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.summary .r{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;font-size:13.5px;border-bottom:1px solid var(--line)}.summary .r:last-child{border-bottom:0}.summary .r .k{color:var(--muted)}.summary .r .v{font-weight:650;text-align:right}.summary .r.total{background:#fafbfa;font-size:15px}.summary .r.total .v{color:var(--merk-dark)}.check{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#3d4643;margin-bottom:10px;cursor:pointer}.check input{margin-top:2px;width:17px;height:17px;accent-color:var(--merk);flex:0 0 auto}.footer{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;z-index:15}button.primary{flex:1 1;background:var(--cta-verloop,var(--cta));color:#fff;border:0;border-radius:11px;padding:14px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}button.primary:hover{background:var(--cta-verloop,var(--cta-dark));filter:saturate(1.08) brightness(.96)}button.primary:disabled{background:#c3ccc8;cursor:not-allowed}button.ghost{background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:14px 16px;font:inherit;font-weight:650;font-size:15px;cursor:pointer;color:#3d4643}button.ghost:hover{border-color:#b9c6c0}button.klein{padding:8px 12px;font-size:13px;border-radius:9px}.done{text-align:center;padding:22px 4px 0}.done .tick{width:66px;height:66px;border-radius:99px;background:var(--merk-soft);color:var(--merk);display:grid;place-items:center;margin:0 auto 16px}.bigcode{border:1.5px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0;text-align:center}.bigcode .l{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}.bigcode .v{font-size:32px;font-weight:800;letter-spacing:.03em;color:var(--merk-dark);margin-top:3px}.pinrow{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pinrow .bigcode .v{font-size:24px}.line{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px;margin-bottom:9px}.line .th{flex:0 0 62px;height:62px;border-radius:9px;overflow:hidden;background:#eceeed}.line .th img{width:100%;height:100%;object-fit:cover;display:block}.line .info{flex:1 1;min-width:0}.line .nm{font-weight:650;font-size:14px}.line .sub2{font-size:12px;color:var(--muted);margin-top:2px}.line .pr{font-weight:650;font-size:13.5px;white-space:nowrap}.qtybox{display:flex;align-items:center;gap:2px;margin-top:6px}.qtybox button{width:26px;height:26px;border:1.5px solid var(--line);background:#fff;border-radius:7px;font:inherit;font-size:15px;line-height:1;cursor:pointer;color:#3d4643;display:grid;place-items:center;padding:0}.qtybox .n{min-width:26px;text-align:center;font-weight:650;font-size:14px}.qtybox .del{margin-left:6px;border:0;background:none;color:var(--red);font-size:12px;font-weight:650;cursor:pointer;padding:4px}.totalrow{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 4px;font-size:16px;font-weight:750}.totalrow .v{color:var(--merk-dark)}.werkblad{max-width:1080px;margin:0 auto;padding:0 0 60px}.werkblad main{padding:16px 18px 40px}.balk{background:var(--header-achtergrond);color:#fff;padding:10px 18px;display:flex;align-items:center;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:20;flex-wrap:wrap}.balk a{color:#fff;text-decoration:none;font-size:13.5px;font-weight:600;opacity:.85}.balk a.actief,.balk a:hover{opacity:1;text-decoration:underline}.balk a.gastkijk{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:4px 12px;opacity:.9}.balk a.gastkijk:hover{opacity:1;text-decoration:none;background:rgba(255,255,255,.14)}.lang-keuze{display:inline-flex;align-items:center;gap:6px;color:#fff}.lang-keuze .klein{opacity:.8;font-size:12px}.searchrow{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.searchrow input{flex:1 1;min-width:180px}.ordercard{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:13px;display:flex;gap:13px;margin-bottom:11px;box-shadow:var(--shadow)}.ordercard .thumb{flex:0 0 88px;height:88px;border-radius:10px;background:#eceeed;overflow:hidden;display:grid;place-items:center}.ordercard .thumb img{width:100%;height:100%;object-fit:cover;display:block}.ordercard .body{flex:1 1;min-width:0}.ordercard .top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ordercard .onum{font-weight:750;font-size:15px;letter-spacing:.02em}.badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:6px}.badge.new{background:var(--blue-soft);color:var(--blue)}.badge.prod{background:var(--amber-soft);color:var(--amber)}.badge.ready{background:var(--ok-soft);color:var(--ok)}.badge.picked{background:#eef0ef;color:#6a7370}.badge.pay{background:#f4f6f5;color:#5b6461}.badge.bad{background:var(--red-soft);color:var(--red)}.ordercard .meta{font-size:12.5px;color:var(--muted);margin-top:3px}.ordercard .acts{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.ordercard .acts a.knop,.ordercard .acts button{border:1.5px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer;color:#3d4643;text-decoration:none;display:inline-block}.ordercard .acts button.go{background:var(--cta);border-color:var(--cta);color:#fff}.ordercard .acts button.go:hover{background:var(--cta-dark)}.ordercard .lines{margin-top:9px;display:flex;flex-direction:column;gap:7px}.ordercard .ln{background:#fafbfa;border:1px solid var(--line);border-radius:9px;padding:7px 9px}.ordercard .ln.uitgeklapt{background:#fff;border-color:color-mix(in srgb,var(--merk) 35%,var(--line))}.ordercard .lnrij{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ordercard .ln .lt{flex:0 0 46px;height:46px;border-radius:7px;overflow:hidden;background:#eceeed}.ordercard .ln .lt img{width:100%;height:100%;object-fit:cover;display:block}.ordercard .ln .lx{flex:1 1;min-width:0;font-size:13px}.ordercard .ln .lx b{font-weight:650}.ordercard .ln .lx i{font-style:normal;color:var(--muted);font-size:12px;display:block;margin-top:1px}.ordercard .lnrij a.ghost,.ordercard .lnrij button.ghost{display:inline-flex;align-items:center;justify-content:center;min-width:124px;min-height:36px;box-sizing:border-box;background:#fff;border:1.5px solid var(--line);border-radius:9px;padding:8px 12px;font:inherit;font-weight:650;font-size:13px;color:#3d4643;text-decoration:none;cursor:pointer;text-align:center}.ordercard .lnrij a.ghost:hover,.ordercard .lnrij button.ghost:hover{border-color:#b9c6c0}.ordercard .lnrij button.ghost:disabled{color:var(--muted);cursor:not-allowed}.variantbadge{display:inline-block;margin-left:7px;font-size:11px;font-weight:700;color:var(--merk-dark);padding:2px 7px;border-radius:6px;vertical-align:1px;letter-spacing:.01em}.perskaart,.variantbadge{background:var(--merk-soft)}.perskaart{margin-top:9px;padding:11px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--merk) 25%,#fff);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px}.perskaart .persrij{display:flex;flex-direction:column;gap:1px;min-width:96px}.perskaart .persrij strong{font-size:15px}.perskaart .perslabel{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--merk-dark);opacity:.8}.perskaart .perslet{flex:1 1 100%;line-height:1.45}.perskaart .perslet .perslabel{margin-right:6px}.perskaart .perstaal{flex:1 1 100%;opacity:.75}.empty{text-align:center;color:var(--muted);padding:40px 10px;font-size:14px}.kpis{display:flex;gap:9px;margin:14px 0 4px;flex-wrap:wrap}.kpi{flex:1 1;min-width:104px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.kpi .v{font-size:20px;font-weight:750}.kpi .k{font-size:11.5px;color:var(--muted);font-weight:600}.adminrow{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 12px;margin-bottom:9px;box-shadow:var(--shadow);flex-wrap:wrap}.adminrow.off{opacity:.55}.adminrow .nm{flex:1 1 160px;min-width:120px}.adminrow input[type=text]{padding:8px 10px;font-size:14px}.adminrow .price{flex:0 0 118px;position:relative}.adminrow .price input{padding-left:26px;text-align:right}.adminrow .price .cur{position:absolute;left:10px;top:9px;font-size:14px;color:var(--muted)}.lockchip{flex:0 0 auto;display:flex;align-items:center;gap:5px;background:#f4f6f5;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12.5px;color:var(--muted);white-space:nowrap}.arrows{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.arrows button{border:1px solid var(--line);background:#fff;border-radius:6px;width:26px;height:17px;padding:0;cursor:pointer;display:grid;place-items:center;color:#6a7370;line-height:1}.arrows button:disabled{opacity:.35;cursor:default}.sw{width:42px;height:24px;border-radius:99px;background:#cfd6d3;position:relative;cursor:pointer;flex:0 0 auto;transition:background .15s;border:0;padding:0}.sw.on{background:var(--merk)}.sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:#fff;transition:left .15s;display:block}.sw.on i{left:21px}.payrow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:11px 13px;margin-bottom:9px}.payrow .t{flex:1 1;font-weight:650;font-size:14px}.payrow .d{font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}.paneel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.paneel h2{margin-top:0}.paneel .uitleg{font-size:13px;color:var(--muted);margin:0 0 14px}table.lijst{width:100%;border-collapse:collapse;background:#fff;font-size:13.5px}table.lijst td,table.lijst th{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line)}table.lijst th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}table.lijst tr:last-child td{border-bottom:0}.rechts{text-align:right}.wachtrijbalk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 auto 14px;max-width:1180px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.wachtrijbalk .hint{color:var(--muted);font-size:13px}.wachtrijbalk input{flex:0 1 260px}.wachtrijbalk .klaarmelding{color:var(--merk);font-weight:650;font-size:13px}.wachtrijbalk .kopfout{color:var(--red);font-weight:650;font-size:13px}.paneel .regel .spiegelvink{margin:0 4px}.paneel .regel>label.f{flex:0 0 auto}.regelkeuze{background:#fff}.regelkeuze summary{font-size:13.5px}.regellijst{grid-gap:4px;gap:4px}.regellijst label{align-items:center;font-size:13px}.gevaarpaneel{border-color:#f0c9c6;background:#fffaf9}.gevaarpaneel h2{color:#8f2a1c}button.gevaar{color:var(--red);border-color:#f0c9c6}button.gevaar:hover{background:#fdecea}.materiaalkeuze{margin:12px 0 4px;display:flex;flex-direction:column;gap:6px}.materiaalkeuze .klein b{font-weight:600;color:var(--muted)}.spiegelvink{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.spiegelvink input{margin:0}.hoofdmenu{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 18px}.hoofdmenu a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 18px;font-size:14px;font-weight:650;text-decoration:none;color:#3d4643;box-shadow:var(--shadow)}.hoofdmenu a:hover{border-color:var(--merk);color:var(--merk)}.hoofdmenu a.actief{background:var(--merk);border-color:var(--merk);color:#fff}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:650;text-decoration:none;color:#3d4643}.tabs a.actief{background:var(--merk);border-color:var(--merk);color:#fff}.tabs.gelijk a{min-width:132px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.inlogkaart{max-width:380px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.hidden{display:none!important}.klein{font-size:12px;color:var(--muted)}textarea{resize:vertical;min-height:74px;line-height:1.45}@media (max-width:640px){.werkblad main{padding:14px 12px 40px}.ordercard{flex-direction:column}.ordercard .thumb{flex:0 0 auto;width:100%;height:140px}}.themakaart{position:relative;display:flex;flex-direction:column;gap:7px;border:1.5px solid var(--line);border-radius:12px;padding:10px;background:#fff;cursor:pointer;min-width:168px}.themakaart.sel{border-color:var(--merk);box-shadow:0 0 0 3px color-mix(in srgb,var(--merk) 18%,transparent)}.themakaart:has(input:checked){border-color:var(--merk);box-shadow:0 0 0 3px color-mix(in srgb,var(--merk) 18%,transparent)}.themakaart .themabalk{height:26px;border-radius:7px;display:block}.themakaart .themanaam{font-size:13px;font-weight:650}.themakaart .themastalen{display:flex;gap:5px}.themakaart .themastalen span{width:20px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.12)}.productblok{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;margin-bottom:10px;box-shadow:var(--shadow)}.productblok.off{opacity:.55}.productblok .vastgelegd{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}.productblok .vastgelegd .lockchip{white-space:normal}.profielkaart{position:relative;display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line);border-radius:12px;padding:12px;background:#fff;cursor:pointer}.profielkaart.sel,.profielkaart:has(input:checked){border-color:var(--merk);box-shadow:0 0 0 3px color-mix(in srgb,var(--merk) 18%,transparent)}.brontekst{white-space:pre-wrap;font-size:12px;line-height:1.5;background:#fafbfa;border:1px solid var(--line);border-radius:8px;padding:10px;margin:6px 0 0;max-height:320px;overflow:auto}.assortiment{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:10px;gap:10px}.assortimentkaart{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.assortimentkaart.actief{border-color:var(--ok-lijn);background:var(--ok-soft)}.assortimentkaart .afbeelding{flex:0 0 56px;height:56px;border-radius:9px;background:#f4f6f5;display:grid;place-items:center;overflow:hidden}.assortimentkaart .afbeelding img{width:100%;height:100%;object-fit:contain}.assortimentkaart .inhoud{flex:1 1;min-width:0;font-size:13.5px}.assortimentkaart .inhoud strong{display:block;margin-bottom:2px}.perskaart .persfoto{flex:0 0 72px;height:72px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.perskaart .persfoto img{width:100%;height:100%;object-fit:contain}.perskaart .persstappen{margin:6px 0 0 18px;padding:0;line-height:1.5}.perskaart .persstappen li{margin-bottom:3px}.stapregel{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.stapregel:last-child{border-bottom:0}.stapnummer{flex:0 0 28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--line);color:var(--muted);font-weight:700;font-size:13px}.stapregel.gereed .stapnummer{background:var(--ok-soft);color:var(--ok)}.stapinhoud{flex:1 1;min-width:0;font-size:13.5px}.keuzelaag{position:fixed;inset:0;z-index:60;background:rgba(20,26,24,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px}.keuzedoos{background:var(--white);border-radius:var(--radius);padding:18px 16px calc(16px + env(safe-area-inset-bottom));width:100%;max-width:460px;box-shadow:var(--shadow)}.keuzedoos h2{margin:0 0 2px;font-size:18px}.keuzekaart{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:14px;margin-top:10px;cursor:pointer;font:inherit;color:inherit}.keuzekaart:focus-visible,.keuzekaart:hover{border-color:var(--merk);background:var(--merk-soft)}.keuzekaart .kt{display:block;font-weight:650;font-size:16px}.keuzekaart .kd{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}@media (min-width:560px){.keuzelaag{align-items:center}}.herdrukbalk{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;background:var(--amber-soft,#fdf3e2);border-bottom:1px solid var(--amber-lijn,#f0dcb4);font-size:14px}.herdrukbalk button{margin-left:auto}.sjabloonvinkjes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:4px 14px;gap:4px 14px}.kioskadres code{display:block;overflow-wrap:anywhere;background:var(--sand);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px}.watmaakje{display:flex;align-items:center;gap:10px;background:var(--merk-soft);border-radius:10px;padding:8px 12px;margin-bottom:12px;font-weight:650;font-size:15px}.watmaakje svg{width:26px;height:26px;flex:0 0 auto}.velblad{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:18px}.velkop{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px}.velkop ul{flex:1 1 100%;margin:4px 0 0 18px;padding:0}.velafbeelding{display:block;width:100%;max-width:720px;margin:0 auto;border:1px solid var(--line)}@media print{body{background:#fff}.noprint,.tabs,header,nav{display:none!important}.velblad{border:0;padding:0;margin:0;page-break-after:always;break-after:page}.velblad:last-child{page-break-after:auto;break-after:auto}.velafbeelding{width:210mm;height:297mm;max-width:none;border:0}}@page{size:A4 portrait;margin:0}.opgeruimd{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:44px;border:1px dashed var(--line);border-radius:8px;background:var(--sand);color:var(--muted);font-size:11.5px;text-align:center}.regelkeuze{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.regelkeuze summary{cursor:pointer;font-weight:650}.regellijst{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:4px 16px;gap:4px 16px}.regellijst label{display:flex;align-items:baseline;gap:8px;font-size:13.5px;cursor:pointer}.kiesbalk{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:10px 14px;border-radius:var(--radius);background:var(--header-achtergrond);color:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.18);flex-wrap:wrap}.kiesbalk .klein{opacity:.9}.kiesbalk .spacer{flex:1 1}.kiesbalk .knop.primair{background:#fff;color:var(--header-achtergrond);border-color:#fff}.orderkies{display:inline-flex;align-items:center;margin-right:2px}.orderkies input{width:18px;height:18px}.baliekop{position:-webkit-sticky;position:sticky;top:0;z-index:18;margin:0 -18px;padding:10px 18px 8px;background:var(--sand);border-bottom:1px solid var(--line)}.baliekop .kpis{margin-top:10px}.baliekop .kpi .v{font-size:22px;line-height:1.15}.baliekop .searchrow{margin-top:10px!important;margin-bottom:8px}.baliekop .tabs{margin-bottom:0}@media (max-width:640px){.baliekop .kpis{display:none}}