:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#24352d;background:#f5f4ef}*{box-sizing:border-box}body{margin:0}header{background:#244736;color:white;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}header b{font-size:21px}header small{font-size:11px}header span{display:block;font-size:12px;opacity:.8;margin-top:3px}#connection{font-size:12px}nav{background:white;display:flex;gap:7px;overflow:auto;padding:10px;position:sticky;top:0;z-index:2;border-bottom:1px solid #ddd}button{font:inherit;border:1px solid #d2d9d1;border-radius:11px;background:white;padding:12px 15px;cursor:pointer;color:#244736;min-height:45px}button:disabled{opacity:.45}nav button{white-space:nowrap}nav button.selected,.primary{background:#244736;color:white;border-color:#244736}main{max-width:1050px;margin:auto;padding:20px}h1{font-size:26px;margin:5px 0 8px}h2{font-size:19px;margin:0 0 14px}.muted,p{color:#67766c}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.tile,.panel,.order{background:white;border:1px solid #e0e5df;border-radius:16px;padding:17px;margin-bottom:13px}.tile h3{margin:0 0 10px}.variants{display:flex;gap:8px;flex-wrap:wrap}.variants button{flex:1;background:#f1f5ef}.panel{margin-top:16px}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input,select{display:block;width:100%;font:inherit;margin-top:6px;padding:12px;border:1px solid #ccd5cb;border-radius:9px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.total,.cartrow,.orderhead,.line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ec}.total strong{font-size:24px}.cartrow button{padding:4px 10px;min-height:32px}.hidden{display:none!important}#notice:not(:empty){padding:12px;background:#fff2d8;border-radius:10px;margin-bottom:12px}.order{margin-top:12px}.order select{max-width:200px}.order button{margin:5px 5px 5px 0}.small{padding:6px 10px;min-height:34px}.menurow{background:white;border-radius:12px;padding:14px;margin:10px 0;border:1px solid #e0e5df}.menurow .two{grid-template-columns:repeat(2,minmax(0,1fr))}footer{text-align:center;font-size:11px;color:#88948c;padding:30px}@media(min-width:750px){#customer{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}#customer .heading,#customer #orderConfirmation{grid-column:1/-1}#customer .panel{margin-top:0;align-self:start}}@media(max-width:450px){main{padding:12px}.tiles{grid-template-columns:1fr 1fr}.tile{padding:12px}.two{grid-template-columns:1fr}}