.menu-empty{background:#fff8f4;border:1px dashed #ffc6aa;border-radius:12px;margin-top:10px;padding:44px 24px;text-align:center}.menu-empty img{height:88px;object-fit:contain;width:88px}.menu-empty h3{margin:14px 0 5px}.menu-empty p{color:#77787e;font-size:13px;line-height:1.5;margin:0 auto;max-width:420px}

.dish-actions{display:flex;align-items:center;gap:7px}.details{background:transparent;border:0;color:#71727a;font-size:10px;font-weight:700;padding:4px}.dish-modal[hidden]{display:none}.dish-modal{inset:0;position:fixed;z-index:100}.dish-modal-backdrop{background:rgba(25,20,16,.58);inset:0;position:absolute}.dish-dialog{background:#fff;border-radius:17px;box-shadow:0 25px 60px rgba(0,0,0,.3);left:50%;max-height:calc(100vh - 40px);overflow:auto;padding:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(530px,calc(100% - 32px))}.close-modal{background:#f6f3f1;border:0;border-radius:50%;color:#4a4a50;font-size:23px;height:32px;line-height:1;position:absolute;right:16px;top:16px;width:32px}.detail-top{display:flex;gap:15px;padding-right:38px}.detail-emoji{align-items:center;background:#fff1e9;border-radius:12px;display:flex;font-size:40px;height:76px;justify-content:center;width:76px}.veg-mark{color:#229847;font-size:9px;font-weight:800}.detail-top h2{font-size:22px;line-height:1.1;margin:5px 0}.detail-top p{color:#73747b;font-size:12px;line-height:1.4;margin:0 0 8px}.detail-top b{font-size:15px}.detail-metrics{border-bottom:1px solid #eeeae7;border-top:1px solid #eeeae7;display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;padding:15px 0}.detail-metrics>div{border-right:1px solid #eeeae7;padding:0 12px;text-align:center}.detail-metrics>div:last-child{border:0}.detail-metrics span{display:block;font-size:18px}.detail-metrics b,.detail-metrics small{display:block}.detail-metrics b{font-size:11px;margin-top:5px}.detail-metrics small{color:#85868c;font-size:9px;margin-top:3px}.detail-section{margin:18px 0}.detail-section h3{font-size:14px;margin:0 0 10px}.detail-section h3 small{color:#8a8a90;font-size:10px;font-weight:500;margin-left:4px}.serve-options{display:flex;gap:9px}.serve{background:#fff;border:1px solid #e8e4e1;border-radius:9px;font-family:inherit;padding:10px;text-align:left;width:50%}.serve.active{background:#fff6f1;border-color:#ff5a16;color:#e94e12}.serve small,.serve small b{display:block;font-size:9px;font-weight:500;margin-top:3px}.serve small b{color:#e94e12}.addon-options{display:grid;gap:8px}.addon{align-items:center;background:#fcfbfa;border:1px solid #efebe8;border-radius:8px;display:flex;font-size:11px;gap:9px;padding:10px}.addon input{accent-color:#ff5a16}.addon b{color:#e94e12;font-size:11px;margin-left:auto}.detail-bottom{align-items:center;background:#fff8f4;border-radius:10px;display:flex;justify-content:space-between;margin-top:22px;padding:11px 12px}.detail-bottom small,.detail-bottom b{display:block}.detail-bottom small{color:#787980;font-size:9px}.detail-bottom b{font-size:16px;margin-top:2px}.detail-bottom button{background:#ff5a16;border:0;border-radius:7px;color:#fff;font-family:inherit;font-size:11px;font-weight:700;padding:12px 16px}.modal-open{overflow:hidden}@media(max-width:500px){.dish-dialog{padding:20px}.detail-top h2{font-size:19px}.detail-metrics{margin:17px 0}.detail-bottom{position:sticky;bottom:0}}

.dish-metrics{display:flex;gap:7px;margin:8px 0}.dish-metrics span{background:#faf7f5;border-radius:4px;color:#6b6c73;font-size:8px;font-weight:700;padding:4px 5px;white-space:nowrap}