:root{--ink:#362a20;--yellow:#f6c944;--paper:#fffdf6;--line:#d9d1bc;--rust:#a5432b;font-size:16px;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:4px}button{color:var(--ink)}.demo-strip{padding:9px 20px;background:var(--ink);color:#fff8df;text-align:center;font-size:.8125rem;line-height:1.5}.demo-strip span{margin-left:14px;color:#e7d7b8}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;gap:24px}.logo{font-family:Georgia,serif;font-size:3.3rem;font-weight:bold;letter-spacing:-.08em;text-decoration:none;line-height:.9}.logo span{display:block;font-family:Arial,sans-serif;letter-spacing:.03em;font-size:.6875rem;line-height:1.5;margin-top:9px;font-weight:normal}nav{display:flex;gap:32px}nav a{font-size:.9375rem;text-decoration:none;padding:14px 0}nav a:hover{text-decoration:underline;text-underline-offset:5px}.bag{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:10px 12px 10px 20px;display:flex;align-items:center;gap:12px;font-weight:bold;min-height:48px}.count{background:var(--yellow);border-radius:50%;display:grid;place-items:center;min-width:28px;height:28px}.hero{display:grid;grid-template-columns:1fr 1.12fr;max-width:1440px;margin:10px auto 0;padding:0 4% 48px;gap:0}.hero-copy{background:var(--yellow);padding:56px 11% 42px;border-radius:4px 0 0 4px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:bold;line-height:1.6;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(4rem,6.7vw,6.7rem);letter-spacing:-.065em;line-height:.96;margin-bottom:26px}h1 em{font-weight:normal}h2{font:normal clamp(2.4rem,4vw,3.6rem)/1.08 Georgia,serif;letter-spacing:-.045em;margin-bottom:20px}h3{font:normal 1.6rem/1.2 Georgia,serif;letter-spacing:-.025em}.intro{font-size:1.0625rem;line-height:1.7;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 25px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-size:.9375rem;font-weight:bold;line-height:1.35}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#554232}.hours-note{font-size:.8125rem;margin:24px 0 0;line-height:1.5}.hero-photo{position:relative;min-width:0;background:#e7bb42;border-radius:0 4px 4px 0;min-height:540px}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:inherit}.photo-stamp{position:absolute;right:22px;top:24px;width:112px;height:112px;background:var(--paper);border-radius:50%;display:grid;place-content:center;text-align:center;font:italic 1.35rem/1.15 Georgia,serif;transform:rotate(10deg)}.photo-caption{position:absolute;bottom:20px;left:22px;padding:9px 12px;background:var(--ink);color:white;font-size:.6875rem;letter-spacing:.09em}.ticker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 40px;padding:20px 24px;border-block:1px solid var(--ink);font:1.2rem Georgia,serif}.ticker span[aria-hidden]{color:var(--rust);font-size:1.4rem}.menu-section,.practical,.faq{max-width:1300px;margin:auto;padding:85px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-top p:not(.eyebrow){font-size:.9375rem;line-height:1.7;margin-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 34px}.filters button{padding:12px 20px;min-height:46px;border:1px solid var(--line);background:transparent;border-radius:99px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.products{display:grid;grid-template-columns:1fr 1fr;column-gap:42px}.product{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1fr auto;gap:12px;min-width:0}.product h3{margin-bottom:9px}.product p{font-size:.9375rem;line-height:1.6;margin-bottom:10px;max-width:370px}.product .allergens{font-size:.75rem;color:#685b4c;line-height:1.5}.product-side{display:flex;flex-direction:column;align-items:end;gap:18px}.price{font-size:1rem;font-weight:bold;white-space:nowrap}.add{border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;background:transparent;font-size:1.5rem}.add:hover{background:var(--yellow)}.veg{font-family:Arial,sans-serif;font-size:.6875rem;font-weight:bold;vertical-align:middle;display:inline-grid;place-items:center;border:1px solid #65764c;color:#40532f;width:22px;height:22px;border-radius:50%;margin-left:5px}.menu-foot{border-top:1px solid var(--line);padding-top:22px;font-size:.8125rem;line-height:1.6;color:#685b4c}.menu-foot span{margin:0 8px}.story{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;padding:70px max(7%,calc((100% - 1170px)/2));gap:70px}.story .eyebrow{color:var(--yellow)}.story-copy{font-size:1.0625rem;line-height:1.85}.brand-seal{margin-top:32px;border:1px solid var(--yellow);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font:bold italic 3.5rem Georgia,serif;color:var(--yellow);transform:rotate(-12deg)}.little-note{font:italic 1.6rem/1.5 Georgia,serif;color:var(--yellow);border-top:1px solid #716051;padding-top:24px;margin-top:25px}.little-note span{font:normal .8125rem Arial,sans-serif;color:var(--paper)}.practical{display:grid;grid-template-columns:1fr 1fr;gap:70px;line-height:1.7}.practical p{font-size:.9375rem}.address{margin:28px 0;font-size:1rem}.address small{font-size:.8125rem;color:#685b4c}.opening{background:#f1eddf;padding:32px;align-self:start}.opening h3{margin-bottom:28px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d2c9b5;padding:14px 0;font-size:.9375rem}dd{margin:0;text-align:right}dt{flex:1}.opening p{font-size:.8125rem;margin:24px 0 0}.faq{padding-top:0;max-width:950px}.faq h2{font-size:2rem;margin-bottom:28px}details{border-top:1px solid var(--line);padding:0 2px}summary{padding:20px 0;cursor:pointer;line-height:1.5;font-weight:bold}details p{font-size:.9375rem;line-height:1.8;max-width:700px;margin-bottom:24px}footer{background:var(--yellow);padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:32px}footer p{font-size:.8125rem;line-height:1.7;margin:0}footer>a:last-child{font-size:.875rem;padding:14px 0}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:8px;padding:36px;width:min(560px,calc(100% - 28px));max-height:90dvh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#22180db3}dialog h2{font-size:2.6rem;padding-right:20px}dialog p{line-height:1.6}dialog .eyebrow{padding-right:40px}.close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:2rem;min-width:44px;height:44px}label{display:block;font-weight:bold;margin:20px 0 10px}select,input[type=number]{padding:12px;border:1px solid #a69a84;border-radius:4px;background:white;color:var(--ink);width:100%;min-height:48px}.check{display:flex;align-items:center;gap:12px;font-weight:normal;min-height:44px}.check input{width:20px;height:20px;accent-color:var(--ink)}.wide{width:100%;margin-top:24px}.small{font-size:.8125rem;margin-top:16px;margin-bottom:0;color:#685b4c}.allergens{font-size:.8125rem}.cart-line{padding:20px 0;border-bottom:1px solid var(--line)}.cart-line-top{display:flex;justify-content:space-between;gap:16px;line-height:1.5}.cart-meta{font-size:.8125rem;color:#685b4c;margin:6px 0 12px}.quantity-controls{display:flex;align-items:center;gap:12px}.quantity-controls button{height:44px;min-width:44px;border:1px solid var(--line);background:transparent;border-radius:4px}.quantity-controls .remove{margin-left:auto;font-size:.8125rem;padding:0 10px}.total{display:flex;justify-content:space-between;margin:24px 0;font-size:1.2rem;font-weight:bold}.empty{padding:20px 0}.success-mark{font-size:2.5rem;color:#40532f}.error{color:#962916;font-size:.875rem}.receipt{background:#f1eddf;padding:20px;line-height:1.6}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:4px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 3px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.visible{opacity:1}@media(min-width:1500px){.hero-photo{min-height:600px}}@media(max-width:900px){header{padding:24px 5%;gap:16px}nav{gap:18px}.hero-copy{padding:40px 9%}.hero-photo{min-height:500px}h1{font-size:4.6rem}.intro{font-size:1rem}.section-top{display:block}.story,.practical{gap:35px}.products{column-gap:25px}.opening{padding:24px}}@media(max-width:650px){.demo-strip{font-size:.75rem;padding:8px 14px}.demo-strip span{display:block;margin:0}header{flex-wrap:wrap;padding:22px 5% 17px;gap:16px}.logo{font-size:2.8rem}.bag{font-size:.875rem;padding-left:14px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px;gap:10px}nav a{font-size:.875rem}.hero{grid-template-columns:1fr;padding:0 4% 28px;margin:0}.hero-copy{padding:35px 8% 32px;border-radius:4px 4px 0 0}h1{font-size:clamp(3.5rem,15vw,5.7rem);margin-bottom:22px}.hero .eyebrow{margin-bottom:22px;font-size:.6875rem}.hero-photo{min-height:0;aspect-ratio:1.28;border-radius:0 0 4px 4px}.photo-stamp{width:88px;height:88px;font-size:1.1rem;right:15px;top:15px}.photo-caption{left:14px;bottom:14px;font-size:.625rem;padding:8px}.hours-note{font-size:.75rem;margin-top:18px}.ticker{gap:14px 20px;font-size:1rem;padding:18px 20px}.ticker span:last-child,.ticker span:nth-child(6){display:none}.menu-section,.practical,.faq{padding:48px 6%}.section-top p:not(.eyebrow){font-size:.875rem}.filters{gap:8px;margin:15px 0 25px}.filters button{font-size:.8125rem;padding:11px 15px}.products{grid-template-columns:1fr}.product{padding:23px 0}.product h3{font-size:1.5rem}.product p{font-size:.875rem}.story{grid-template-columns:1fr;padding:44px 7%;gap:26px}.story h2{font-size:2.6rem}.story-copy{font-size:1rem}.brand-seal{display:none}.practical{grid-template-columns:1fr;gap:30px}.opening{padding:22px}.opening h3{font-size:1.4rem}dl div{font-size:.8125rem;gap:12px}.faq{padding-top:10px}.faq h2{font-size:1.9rem}footer{align-items:start;flex-direction:column;gap:26px;padding:35px 7%}dialog{padding:30px 22px}dialog h2{font-size:2.1rem}#toast{font-size:.875rem;text-align:center}.photo-stamp{line-height:1.15}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#toast{transition:none}}
.footer-address{margin-top:24px!important}.footer-address small{font-size:.75rem}.footer-social,.footer-demo{min-width:0}.footer-social strong,.footer-demo strong{display:block;font-size:.875rem;margin-bottom:14px}.social-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.social-buttons button{background:transparent;border:1px solid var(--ink);border-radius:4px;padding:10px 12px;min-height:44px;font-size:.875rem}.social-buttons span{font-size:.6875rem;border-left:1px solid #8a732e;padding-left:6px;margin-left:4px}.footer-demo a{display:block;padding:10px 0;font-size:.875rem}#retry-slots{min-height:44px;background:transparent;border:1px solid var(--line);padding:10px;font-size:.875rem}button:disabled{cursor:not-allowed;opacity:.55}.shop-main{max-width:1240px;padding:35px 5% 65px;margin:auto}.shop-main h1{font-size:clamp(2.7rem,5vw,4.5rem);margin-bottom:20px}.shop-intro{line-height:1.8;max-width:760px}.shop-controls{display:grid;grid-template-columns:1fr 2fr;gap:35px;background:#f1eddf;padding:28px;margin:25px 0}.shop-controls h2{font-size:1.9rem;margin-bottom:12px}.shop-controls p{line-height:1.6}.setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.setting-grid label{font-size:.875rem;margin-top:0}.setting-grid select{font-size:.875rem;padding:12px 8px}.shop-controls form>.button{margin-top:16px}.shop-summary{display:flex;flex-wrap:wrap;gap:14px 30px;line-height:1.8;font-size:.9375rem}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.order-card{border:1px solid var(--line);border-top:5px solid var(--yellow);padding:22px;min-width:0;background:white}.order-card h2{font-size:1.8rem;letter-spacing:-.03em;margin:10px 0}.order-card .order-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.order-number{font-size:.8125rem;font-weight:bold}.status-label{font-size:.75rem;padding:5px 8px;border-radius:3px;background:#f1eddf}.order-card ul{list-style:none;padding:0;margin:22px 0}.order-card li{font-size:.9375rem;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--line)}.order-card li small{display:block;font-size:.8125rem;color:#685b4c;margin-top:4px}.order-card .button{width:100%;font-size:.8125rem;padding:12px;margin-top:16px}.order-price{display:flex;justify-content:space-between;font-weight:bold}.order-card[data-status="Klaar"]{border-top-color:#527042}.order-card[data-status="Afgehaald"]{border-top-color:#a69a84}.shop-empty{grid-column:1/-1;border:1px dashed #b8aa91;text-align:center;padding:48px 20px;line-height:1.8}.shop-empty h2{font-size:2rem}.shop-bottom{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:36px 0 24px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}#shop-error:empty{display:none}@media(max-width:1000px){footer{flex-wrap:wrap}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-controls{grid-template-columns:1fr;gap:26px}}@media(max-width:650px){.shop-main{padding:25px 6% 45px}.shop-page header .button{font-size:.8125rem;padding:12px}.shop-page header .logo{font-size:2.5rem}.shop-controls{padding:22px}.setting-grid{grid-template-columns:1fr}.setting-grid label{margin-top:6px}.order-grid{grid-template-columns:1fr}.shop-main .section-top>.button{margin-bottom:18px}.shop-main .filters button{flex:1}.shop-bottom>.button{width:100%}.dialog-actions>.button{width:100%}.social-buttons{gap:8px}}
input[type=text],input[type=tel],input[type=date],input[type=time],input:not([type]),textarea{font:inherit;color:var(--ink);background:white;border:1px solid #a69a84;border-radius:4px;min-height:48px;padding:12px;width:100%;max-width:100%}textarea{resize:vertical;line-height:1.5}.extras{border:1px solid var(--line);padding:12px 16px;margin:16px 0}.extras legend{padding:0 6px;font-size:.875rem;font-weight:bold}.extras .check{margin:4px 0}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:10px 0;color:var(--ink);font-size:.875rem;cursor:pointer}.admin-top-actions,.sound-actions,.dashboard-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.connection{background:#eee0da;border:1px solid #9c6654;border-radius:30px;padding:10px 16px;font-size:.8125rem;line-height:1.5}.connection.online{background:#eef2dd;border-color:#61763e}.shop-notice{background:var(--yellow);font-weight:bold;padding:20px;font-size:1.125rem;border-left:5px solid var(--ink)}.dashboard-toolbar{align-items:end;margin:24px 0}.dashboard-toolbar label{font-size:.8125rem}.dashboard-toolbar>div{max-width:220px}.order-card[data-status="Nieuw"]{border-top-color:var(--rust);background:#fffaf1}.order-card[data-status="Geaccepteerd"],.order-card[data-status="In bereiding"]{border-top-color:var(--yellow)}.order-card .pickup-label{font:normal .875rem Arial,sans-serif}.order-card .customer{font-size:1.3rem;margin:20px 0 6px;overflow-wrap:anywhere}.customer-phone{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.order-note{font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff2c4;padding:12px;margin:10px 0}.order-card .button{min-height:56px;font-size:.9375rem}.admin-settings{margin-top:45px;border-block:1px solid var(--line);padding-bottom:24px}.admin-settings summary{font-size:1.125rem}.admin-settings h2{font-size:1.7rem;margin:28px 0 16px}.hours-row{display:grid;grid-template-columns:120px 130px minmax(100px,1fr) 25px minmax(100px,1fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.hours-row label{margin:0;font-weight:normal}.hours-row .check{font-size:.875rem}.hours-row .check input{flex-shrink:0}.test-controls{background:#f1eddf;padding:24px;margin:24px 0;line-height:1.7}.test-controls h2{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{max-width:620px;padding:60px 24px;margin:auto}.login-page h1{font-size:3rem;margin-top:45px}.login-page p{line-height:1.8}.shop-page .order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card{overflow-wrap:anywhere}.shop-page .shop-main{max-width:1450px}@media(min-width:1350px){.shop-page .order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.shop-page .order-grid{grid-template-columns:1fr}.hours-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.hours-row>strong{grid-column:1}.hours-row>.check{grid-column:2}.hours-row>span{display:none}.sound-actions{width:100%;margin-bottom:14px}.sound-actions button{flex:1}.admin-top-actions{width:100%;justify-content:space-between}.connection{font-size:.75rem;padding:8px 12px}.dashboard-toolbar{gap:10px}.dashboard-toolbar>.button{flex:1}.dashboard-toolbar>div{width:100%;max-width:none}.hours-row input[type=time]{min-width:0}.test-controls{padding:18px}}

/* Afgeronde menukeuzes en gescheiden formulieronderdelen. */
.products{gap:18px 24px}.product{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fffaf0}.menu-foot{margin-top:24px}#product-dialog,#cart-dialog{border-radius:24px}#product-dialog .button,#cart-dialog .button,#product-dialog select,#product-dialog input,#product-dialog textarea,#cart-dialog input,#cart-dialog select,#cart-dialog textarea,.extras,.receipt{border-radius:12px}#product-form>div{min-width:0}#water-choice{margin-bottom:20px}#product-form [hidden]{display:none!important}#product-form label{line-height:1.45}#product-form input,#product-form select,#product-form textarea{max-width:100%;min-width:0}#product-form .check input{flex:0 0 20px}.social-buttons a,.social-buttons button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--ink);border-radius:4px;padding:10px 12px;min-height:44px;font-size:.875rem;text-decoration:none}.social-icon{width:18px;height:18px;flex-shrink:0}.filters [data-view] span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#f1eddf;color:var(--ink);margin-left:5px;font-weight:bold}.order-card[data-status="Afgewerkt"]{border-top-color:#527042}.order-card[data-status="Betaald"]{border-top-color:#a69a84}#receipt-message{padding:16px;border-radius:12px;background:#f1eddf}#receipt-message.ready{background:#eef2dd;color:#40532f}@media(max-width:650px){.product{padding:20px}.product>div:first-child{min-width:0;overflow-wrap:anywhere}#product-dialog,#cart-dialog{padding:30px 20px}.social-buttons span{margin-left:0}}

.menu-group{margin-top:36px}.menu-group-title{font:normal 1.85rem Georgia,serif;margin:0 0 18px}.product h4{font:normal 1.6rem/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 9px}.product{cursor:default}.product>.price{align-self:start}.product>div{min-width:0}.menu-group .products{margin-bottom:28px}@media(max-width:650px){.product h4{font-size:1.5rem}}