.mx-food{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#111;display:flex;flex-direction:column;font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.mx-food::backdrop{background:rgba(0,0,0,.4)}
.mx-food[open]{display:flex}
.f-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;border-bottom:1px solid #eee}
.f-head h2{margin:0;font-size:17px;text-align:center;font-weight:700}
.f-back,.f-close{width:36px;height:36px;border:0;border-radius:50%;background:#f3f3f3;font-size:20px;line-height:1;cursor:pointer}
.f-body{flex:1;overflow:auto;padding:12px 16px}
.f-rest{display:grid;gap:2px;width:100%;text-align:left;padding:14px;margin-bottom:10px;border:1px solid #eee;border-radius:14px;background:#fff;cursor:pointer}
.f-rest strong{font-size:16px}.f-rest span{color:#555}.f-rest small{color:#888}
.f-rest:active{border-color:#ff7a00}
.f-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}
.f-item span{display:block;color:#ff7a00;font-weight:600}
.f-qty{display:flex;align-items:center;gap:10px}
.f-qty button{width:32px;height:32px;border:0;border-radius:50%;background:#111;color:#fff;font-size:18px;cursor:pointer}
.f-qty button:disabled{background:#ddd;cursor:default}
.f-foot{padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid #eee;background:#fff}
.f-cta{width:100%;height:48px;border:0;border-radius:14px;background:#ff7a00;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.f-cta:disabled{background:#ddd;color:#888;cursor:default}
.f-muted{margin:8px 0 0;color:#888;font-size:12px}
.f-error{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#b00020}
.f-ok{font-size:18px;font-weight:700;margin:0 0 10px}
.f-line{display:flex;justify-content:space-between;padding:6px 0}
.f-total{border-top:1px solid #eee;margin-top:6px;padding-top:10px;font-weight:700}
.f-label{display:block;margin:0 0 6px;font-weight:600}
.f-text{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ddd;border-radius:12px;font:inherit;resize:vertical}
.f-text:focus{outline:none;border-color:#ff7a00}
.mx-locpick{width:min(92vw,420px);max-height:86vh;overflow:auto;border:0;border-radius:18px;padding:16px;background:#fff;color:#111;font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.mx-locpick::backdrop{background:rgba(0,0,0,.45)}
.mx-locpick h3{margin:0 0 6px;font-size:17px}
.mx-locpick .f-rest{padding:10px 12px;margin-bottom:8px}
.lp-row{display:flex;gap:10px;align-items:center;margin-top:12px}
.lp-row .f-cta{flex:1}
.lp-cancel{flex:none}
.f-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ddd;border-radius:12px;font:inherit;margin:0 0 12px}
.f-input:focus{outline:none;border-color:#ff7a00}
.f-sub{margin:0 0 12px;color:#666;font-size:13px}