*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f6f1ea;color:#222}
header{background:#1f2a24;color:#f3e6c9;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
header h1{font-size:20px;margin:0}header small{display:block;opacity:.8;font-weight:normal}
.lang{background:#f3e6c9;color:#1f2a24;border:0;border-radius:20px;padding:8px 14px;font-weight:bold}
main{padding:12px;max-width:900px;margin:auto}.cat{margin:18px 0 6px;font-size:18px;color:#7a5a2b}
.item{background:#fff;border-radius:12px;padding:12px;margin:8px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0001}
.item.off{opacity:.45}.price{font-weight:bold;margin-right:10px}
.btn{background:#b8862f;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-size:17px;font-weight:bold;cursor:pointer}
.btn.big{width:100%;padding:20px;font-size:22px;margin:6px 0}.btn.g{background:#2e7d4f}.btn.r{background:#b33}.btn.s{background:#555}
.bar{position:sticky;bottom:0;background:#1f2a24;color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center}
.demo{background:#ffe08a;color:#5a3d00;padding:8px;border-radius:8px;font-weight:bold;text-align:center;margin:8px 0}
.sample{background:#e6e0f5;color:#3a2a6a;padding:6px;border-radius:8px;font-size:13px;text-align:center}
input,textarea,select{font-size:17px;padding:10px;border:1px solid #ccc;border-radius:10px;width:100%;margin:4px 0}
.row{display:flex;gap:8px}.row>*{flex:1}.card{background:#fff;border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 1px 3px #0002}
.chip{display:inline-block;padding:10px 14px;border-radius:20px;background:#eee;margin:3px;border:2px solid transparent;font-size:16px}
.chip.on{border-color:#b8862f;background:#fff3dc}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.st-new{border-left:10px solid #d33}.st-preparing{border-left:10px solid #e8a400}.st-ready{border-left:10px solid #2e7d4f}.st-served{border-left:10px solid #888}
table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left}
.hide{display:none}