:root{font-family:'DM Sans',system-ui,sans-serif;color:#263e34;background:#f7f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d69a43;outline-offset:4px}.topbar{height:94px;max-width:1240px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e6dc}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#245d46;font-weight:800;font-size:24px;letter-spacing:-1px}.logo{background:#245d46;color:#fff;display:grid;place-items:center;width:35px;height:39px;border-radius:11px 11px 14px 14px;font-size:25px;transform:rotate(-7deg)}.local-label{font-size:12px;color:#6b796f}main{max-width:1000px;padding:54px 32px 24px;margin:auto}.intro{text-align:center;margin-bottom:40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#728775}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:52px;line-height:1.14;letter-spacing:-2.4px;font-weight:800;margin:16px 0}h1 em{font-style:normal;color:#458267}.intro p{font-size:15px;line-height:1.8;color:#7a827b}.workspace{background:white;border:1px solid #e1e6dc;box-shadow:0 12px 42px #344e3a08;border-radius:20px;padding:30px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:23px;letter-spacing:-.8px;margin:7px 0 25px}.secondary{border:1px solid #e1e6dc;background:white;padding:10px 13px;border-radius:9px;color:#6d7b71;font-size:12px}form{background:#f5f7f2;border-radius:12px;padding:17px;display:flex;gap:12px;align-items:end}.input-group{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.quantity{flex:0 0 125px}label{font-size:11px;font-weight:700;color:#65796b}input{width:100%;border:1px solid #dce2d7;border-radius:8px;padding:12px;color:#263e34;background:white;font-size:13px}input:focus{outline:2px solid #8caf98;outline-offset:1px}input::placeholder{color:#9aa397}.primary{border:0;border-radius:8px;padding:13px 18px;background:#245d46;color:white;font-weight:600;font-size:13px;white-space:nowrap}.primary:hover{background:#1b4835}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 8px;border-bottom:1px solid #edf0e9;padding-bottom:15px}.filters{display:flex;gap:5px}.filters button{border:0;background:none;border-radius:7px;padding:8px 11px;color:#8a948c;font-size:12px}.filters button[aria-pressed=true]{color:#245d46;background:#eaf2e9;font-weight:700}.filters span{margin-left:5px;background:#d6e5d6;padding:1px 5px;border-radius:4px}#progress{font-size:11px;color:#7f8b81}#message{font-size:13px;margin:10px 0;color:#8f4130;min-height:16px}ul{list-style:none;padding:0;margin:0;min-height:140px}.item{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid #f0f2ec}.check{width:24px;height:24px;flex-shrink:0;background:white;border:1.5px solid #d7dfd2;border-radius:7px;color:white;font-size:14px}.purchased .check{background:#448363;border-color:#448363}.item-content{flex:1;min-width:0}.item-name{font-weight:600;font-size:14px;overflow-wrap:anywhere}.item-quantity{color:#939c92;font-size:11px;margin-top:4px}.purchased .item-name{text-decoration:line-through;color:#94a092}.remove{background:none;border:0;color:#8a978c;padding:8px;font-size:19px;border-radius:6px}.remove:hover{background:#fff0ec;color:#984d3c}#empty{text-align:center;padding:22px 0 34px}.empty-icon{display:inline-grid;place-items:center;width:46px;height:46px;background:#f1f5eb;border-radius:50%;color:#88a16c;font-size:28px}#empty h3{font-size:16px;margin:12px 0 6px}#empty p{font-size:12px;color:#8b9489}.list-footer{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d988a;margin-top:22px}.list-footer>span:last-child{margin-left:auto}.dot{width:6px;height:6px;background:#77a47a;border-radius:50%}.page-footer{text-align:center;font-size:11px;color:#929b8e;padding:27px 0}.page-footer span{font-weight:700;color:#6e806f;margin-right:12px}[hidden]{display:none!important}@media(max-width:650px){.topbar{height:75px;padding:0 22px}.brand{font-size:21px}.local-label{display:none}main{padding:35px 14px 15px}h1{font-size:40px}.intro{margin-bottom:28px}.workspace{padding:20px 16px}.list-heading{align-items:start}h2{font-size:19px}.secondary{font-size:10px;padding:9px}form{flex-wrap:wrap;padding:13px}.input-group{flex-basis:calc(65% - 12px)}.quantity{flex:1 0 25%}.primary{width:100%}.list-toolbar{align-items:start;flex-direction:column}#progress{padding-left:10px}.list-footer>span:last-child{display:none}}

.account-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#65796b;font-size:12px}#queue-status{font-size:12px;color:#65796b}#login-panel{margin-bottom:20px}#login-message{color:#994d39;font-size:13px}

/* Ingelogd: lijst direct in beeld, geen welkomsttekst. Telefoon: invoer vast onderin, grotere tikvlakken. */
.signed-in .intro,.signed-in .page-footer{display:none}.signed-in main{padding-top:24px}
.signed-in .list-heading h2{margin-bottom:18px}
@media(max-width:650px){
.signed-in .topbar{height:60px}.signed-in main{padding:12px 12px 110px}
.signed-in .workspace{border:0;box-shadow:none;background:none;padding:0}
.signed-in .account-row{margin-bottom:10px}.signed-in .list-heading .eyebrow{display:none}.signed-in .list-heading h2{margin:4px 0 12px}
.signed-in #item-form{position:fixed;left:0;right:0;bottom:0;z-index:5;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -6px 24px #263e3418;padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex-wrap:nowrap;align-items:center;gap:8px}
.signed-in #item-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.signed-in #item-form .input-group{flex:1 1 auto}.signed-in #item-form .quantity{flex:0 0 84px}
.signed-in #item-form input{font-size:16px;padding:13px 12px;background:#f4f6f1;border-color:#e3e8de;border-radius:12px}
.signed-in #item-form .primary{width:auto;padding:13px 15px;border-radius:12px;font-size:15px}
.signed-in .list-toolbar{margin-top:6px}.signed-in .filters{width:100%;background:#e6eae0;border-radius:12px;padding:4px}
.signed-in .filters button{flex:1;font-size:14px;padding:10px 6px}.signed-in .filters button[aria-pressed=true]{background:#fff}
.signed-in .item{background:#fff;border:1px solid #e8ece4;border-radius:14px;margin-bottom:8px;padding:10px 6px 10px 12px;min-height:60px}
.signed-in .check{width:30px;height:30px;border-radius:50%;font-size:16px}
.signed-in .item-name{font-size:17px}.signed-in .item-quantity{font-size:13px}
.signed-in .remove{width:44px;height:44px;font-size:24px}
.signed-in .secondary{font-size:13px;padding:10px 12px}
}

/* Aanbiedingen bij een product */
.offer{margin-top:7px;font-size:12px}.offer summary{display:inline-block;cursor:pointer;list-style:none;background:#fff3dc;color:#8a5a12;border-radius:999px;padding:4px 10px;font-weight:700}
.offer summary::-webkit-details-marker{display:none}.offer[open] summary{background:#ffe7b8}
.offer ul{margin:8px 0 2px;padding:0;min-height:0}.offer li{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid #f1ede3}
.offer a{color:#245d46;font-weight:600;text-decoration:none}.offer a:hover{text-decoration:underline}.offer li span{color:#7f8b81}
.account-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.password-form{margin-bottom:12px;flex-wrap:wrap}.password-form .input-group{flex-basis:200px}#password-message{font-size:13px;color:#65796b;margin:0 0 12px}#password-message:empty{display:none}