body{margin:0}#root{min-height:100svh}:root{--bg-1:#a9d6e8;--bg-2:#a9d6e8;--accent:#e15a41;--accent-dark:#c44630;--ink:#531917;--ink-soft:#7a3f3a;--card:#fdf3e1;--sage:#d9e3b8;--radius:22px;--shadow:4px 5px 0 var(--ink);--line:3px solid var(--ink);--display:"Chango", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--accent)}body{color:var(--ink);background:var(--bg-1);min-height:100vh;margin:0;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}.hero{text-align:center;max-width:1040px;margin:0 auto;padding:64px 20px 32px}.hero .intro{max-width:720px;margin-left:auto;margin-right:auto}.eyebrow{letter-spacing:.04em;color:var(--accent-dark);margin:0 0 8px;font-weight:600}.hero h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.intro{color:var(--ink-soft);font-size:1.05rem;line-height:1.6}.session-info{color:var(--ink-soft);margin-top:20px;font-size:.9rem}.link-btn{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.login-gate{background:var(--card);border-radius:var(--radius);width:calc(100% - 32px);max-width:420px;box-shadow:var(--shadow);text-align:center;margin:0 auto 60px;padding:32px}.login-gate p{color:var(--ink-soft);text-wrap:balance;margin-bottom:18px}.auth-loading{text-align:center;color:var(--ink-soft)}.layout{grid-template-columns:1fr 320px;align-items:start;gap:28px;max-width:1100px;margin:0 auto;padding:0 20px 24px;display:grid}.items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.item-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #0000;flex-direction:column;gap:10px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.item-card.in-cart{border-color:var(--accent);transform:translateY(-2px)}.item-emoji{font-size:2.2rem}.item-name{margin:0;font-size:1.05rem;font-weight:700}.item-price{color:var(--accent-dark);font-weight:600}.item-desc{color:var(--ink-soft);-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;flex-grow:1;margin:0;font-size:.9rem}.intro{text-wrap:pretty}.stepper{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.stepper button{background:var(--bg-2);width:34px;height:34px;color:var(--accent-dark);cursor:pointer;border:none;border-radius:50%;font-size:1.1rem}.vrij-bedrag{color:var(--accent-dark);align-items:center;gap:8px;margin-top:6px;font-weight:700;display:flex}.vrij-bedrag input{border:1px solid var(--bg-2);min-width:0;font:inherit;border-radius:999px;flex:1;padding:8px 12px;font-size:1rem}.stepper .qty{text-align:center;min-width:20px;font-weight:700}.cart{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:sticky;top:24px}.cart h2{margin-top:0;font-size:1.2rem}.cart-list{flex-direction:column;gap:8px;max-height:260px;margin:0 0 16px;padding:0;list-style:none;display:flex;overflow-y:auto}.cart-list li{justify-content:space-between;gap:8px;font-size:.92rem;display:flex}.cart-empty{color:var(--ink-soft);font-style:italic}.cart-total{border-top:1px solid #eee;justify-content:space-between;margin-bottom:16px;padding-top:12px;font-size:1.1rem;font-weight:700;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{cursor:not-allowed;background:#e5d9de}.error{text-align:center;color:#b3261e;max-width:480px;margin:0 auto 20px}.payment{background:var(--card);border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow);text-align:center;margin:0 auto 80px;padding:32px}.qr-code{justify-content:center;align-items:center;min-height:220px;margin:20px 0;display:flex}.payment-details{text-align:left;grid-template-columns:auto 1fr;gap:6px 14px;margin:20px 0;display:grid}.payment-details dt{color:var(--ink-soft);font-weight:600}.payment-details dd{word-break:break-word;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;display:flex}.kopieer-knop{border:2px solid var(--ink);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.8rem;font-weight:700}.kopieer-knop:hover{background:var(--sage)}.fallback{color:var(--ink-soft);font-size:.85rem}footer{text-align:center;color:var(--ink-soft);padding:20px}@media (width<=800px){.layout{grid-template-columns:1fr}.cart{position:static}}h1,h2,.item-name,.item-price,.cart-total{font-family:var(--display);font-weight:400}#root{flex-direction:column;min-height:100vh;display:flex}.hero{z-index:2;padding:28px 20px 0;position:relative}.hero .name{margin:0 0 8px;font-size:clamp(4.5rem,20vw,9rem);line-height:1}.name-svg{width:min(440px,78vw);height:auto;color:var(--ink);margin:0 auto;display:block}.hero .eyebrow{color:var(--ink);margin-bottom:16px;font-size:1.15rem;font-weight:800}.stage{background:var(--accent);flex:1;margin-top:60px;padding:calc(38px + 1.1*clamp(80px,9vw,110px)) 0 0;position:relative}@media (width>=1400px){.stage:not(.stage--login){padding-top:80px}}.stage--login{margin-top:40px;padding-top:50px}.stage:before{content:"";background:var(--accent);clip-path:polygon(0 100%,100% 0,100% 100%);border-top:0;height:61px;position:absolute;top:-60px;left:0;right:0}.deco{pointer-events:none;height:auto;position:absolute}.cat{z-index:1;width:clamp(90px,16vw,150px);bottom:calc(100% - 4px);left:12%}.camera{width:clamp(80px,9vw,110px);top:22px;left:3%;transform:rotate(-4deg)}.map{width:clamp(70px,8vw,95px);top:4px;right:3%;transform:rotate(-3deg)}.stage footer,.stage .error{color:var(--card)}.stage footer .link-btn{color:inherit;opacity:.8;font-size:.85rem;font-weight:400;text-decoration:underline}.stage .error{font-weight:700}.stage .auth-loading{color:var(--card)}.item-card,.cart,.login-gate,.payment{border:var(--line);box-shadow:var(--shadow)}.item-card.in-cart{border-color:var(--ink);background:var(--sage)}.item-price{color:var(--accent-dark);font-size:1.1rem}.stepper button{background:var(--sage);border:2px solid var(--ink);color:var(--ink);font-weight:800}.stepper button:hover{background:var(--accent);color:var(--card)}.btn-primary{border:var(--line);box-shadow:3px 4px 0 var(--ink);font-family:var(--display);letter-spacing:.02em;font-weight:400;transition:transform .1s,box-shadow .1s,background .15s}.btn-primary:hover:not(:disabled){box-shadow:2px 3px 0 var(--ink);transform:translate(1px,1px)}.btn-primary:disabled{color:var(--ink-soft);box-shadow:none;background:#e9d9c4}.cart-total{border-top:2px dashed var(--ink)}footer{color:var(--ink);font-weight:700}.text-input{border:var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:999px;margin-bottom:14px;padding:12px 16px;font-size:1rem}.text-input:focus{outline:3px solid var(--accent);outline-offset:2px}.login-gate .form-error,.cart .form-error{color:#b3261e;margin:0 0 14px;font-weight:700}.textarea{resize:vertical;border-radius:18px;min-height:84px;line-height:1.4}.overzicht{max-width:760px;margin:0 auto;padding:0 20px 60px}.overzicht-samenvatting{background:var(--sage);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:16px 32px;margin-bottom:28px;padding:22px 26px;display:flex}.overzicht-samenvatting>div{flex-direction:column;font-weight:700;display:flex}.overzicht-getal{font-family:var(--display);font-size:2rem;line-height:1.1}.overzicht-items{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.overzicht-leeg{text-align:center;color:var(--card);font-weight:700}.overzicht-lijst{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.overzicht-kaart{background:var(--card);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px}.overzicht-kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.overzicht-kop h2{overflow-wrap:anywhere;margin:0;font-size:1.3rem}.overzicht-bedrag{font-family:var(--display);color:var(--accent-dark);white-space:nowrap;font-size:1.2rem}.overzicht-datum{color:var(--ink-soft);margin:4px 0 10px;font-size:.85rem}.overzicht-keuze{margin:0;font-weight:700}.overzicht-boodschap{border-left:4px solid var(--accent);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:10px;margin:14px 0 0;padding:12px 16px;font-style:italic}.overzicht-verwijder{color:var(--ink-soft);margin-top:14px;font-size:.8rem}.overzicht-voorbeeld{background:var(--card);border:2px dashed var(--ink);text-align:center;border-radius:14px;margin:0 0 20px;padding:10px 16px;font-weight:700}.overzicht-voorbeeld a{color:var(--accent-dark)}.stappen{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.stappen li{background:var(--card);border:var(--line);box-shadow:var(--shadow);color:var(--ink);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.95rem;font-weight:700;display:flex}.stappen li span{background:var(--accent);color:#fff;width:28px;height:28px;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:.9rem;display:grid}.mandje-balk{display:none}@media (width<=800px){.stappen{flex-direction:column;align-items:stretch;max-width:360px;margin-left:auto;margin-right:auto}.mandje-balk{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;border:var(--line);box-shadow:var(--shadow);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-weight:700;display:flex;position:fixed}.mandje-balk span:first-child{font-family:var(--display);font-weight:400}.mandje-balk span:last-child{color:var(--accent-dark)}.stage{padding-bottom:80px}.stage,.stage--login{padding-top:140px}.stage{margin-top:85px}}