/* Afhalen/bezorgen: vormgeving uit Bestel Vigo, met restaurantkleuren. */
body.url-mode{background:#fbfaf7}
.order-start-surface{background:var(--ink);padding:clamp(24px,5vw,56px) 20px}
.order-start-surface:has(.postcode-gate.hidden){display:none}
.order-start-surface .postcode-gate{max-width:920px;margin:0 auto;background:#fff;border:0;border-radius:24px;padding:clamp(22px,4vw,42px);box-shadow:0 24px 70px #1f33271c}
.order-eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:var(--ink)}
.order-start-surface h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:6px 0 24px}
.order-start-surface .choice-row{display:flex;gap:16px;flex-wrap:wrap}
.order-start-surface .order-choice{flex:1 1 260px;display:flex;align-items:center;gap:18px;min-height:104px;border:2px solid #d8d8d2;border-radius:16px;padding:20px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.order-start-surface .order-choice i{width:32px;font-size:26px;color:var(--ink)}
.order-start-surface .order-choice strong,.order-start-surface .order-choice small{display:block}
.order-start-surface .order-choice strong{font-size:18px;margin-bottom:5px}
.order-start-surface .order-choice small{font-size:14px;color:#6d756f;font-weight:400}
.order-start-surface .order-choice:hover,.order-start-surface .order-choice:focus-visible{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,white)}
.order-start-surface button:focus-visible,.order-start-surface input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.order-start-surface .postcode-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.order-start-surface .postcode-row input{width:240px;max-width:100%;text-transform:uppercase;border-radius:10px;min-height:50px}
.order-start-surface .postcode-row .button{width:auto;border-radius:10px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px}
.order-start-surface .order-back{padding:8px 0;background:none;border:0;color:var(--ink);font-weight:700;cursor:pointer}
.order-start-surface #postcode-result:not(:empty){margin-top:16px}
body.url-mode #menu-form{scroll-margin-top:100px;padding:clamp(16px,3vw,32px);background:#fff;border:1px solid var(--line);border-radius:24px}
body.url-mode #order-mode-label{margin:0 0 16px}
body.url-mode .menu-tools{top:76px;padding:12px 0 16px;margin-bottom:24px}
body.url-mode #filter-result{margin:16px 0 0}
@media(max-width:650px){body.url-mode #menu-form{border-radius:16px;scroll-margin-top:82px}body.url-mode .menu-tools{top:66px}}
@media(max-width:600px){.order-start-surface{padding:24px 14px}.order-start-surface .order-choice{flex-basis:100%}.order-start-surface .postcode-row input,.order-start-surface .postcode-row .button{width:100%}}

.order-start-surface .postcode-row{align-items:flex-end}.order-start-surface .address-field{flex:1 1 180px;min-width:0}.order-start-surface .address-field input{width:100%}.order-start-surface .address-found{margin-top:18px}.order-start-surface .address-found input{width:100%;background:var(--surface,#f4f0e7)}.order-start-surface .invalid-feedback{color:#a52a2a}.order-start-surface .valid-feedback{color:#176b45}

body.url-mode.ordering-active .url-hero,body.url-mode.ordering-active .url-info{display:none}body.url-mode #bestellen:has(#menu-form.hidden){display:none}.order-start-surface{scroll-margin-top:76px}#order-start{scroll-margin-top:100px}