body[data-version="4"]{--accent:#e0527d;--accent2:#f18eac}body[data-version="4"] .hero{min-height:320px}body[data-version="4"] .products-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.orderstate{position:fixed;right:1rem;bottom:5rem;z-index:18;max-width:min(26rem,calc(100vw - 2rem));padding:.75rem 1rem;border:1px solid #c8a24a;border-radius:.7rem;background:Canvas;color:CanvasText;font-weight:700;box-shadow:0 .4rem 1.4rem #0004}.orderstate[data-state=preparando],.orderstate[data-state=listo],.orderstate[data-state=completado]{border-color:#1fa95b}.orderstate[data-state=cancelado]{border-color:#d33}
#productdialog{width:min(94vw,34rem)}
.productdetail{display:grid;gap:.9rem}
.productdetailimg{width:100%;max-height:18rem;object-fit:contain;background:transparent;border-radius:.8rem}
#productdetail h2{margin:0;text-align:center;font-size:1.55rem}
.productdetailprice{text-align:center;font-weight:800;color:var(--accent)}
#productdetail>p{margin:0;color:var(--muted);text-align:center}
.productdetailtags{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.productdetailtags span{padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:.72rem}
.productdetailactions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.productdetailactions .btn{min-width:7rem}
.product{cursor:pointer}
.product>button{position:relative;z-index:1}

/* bloques principales separados: statusbar -> appmain -> filters -> menutools -> products */
body[data-version="4"] #appmain{padding-bottom:0}
body[data-version="4"] #filters,body[data-version="4"] #menutools,body[data-version="4"] #products{width:calc(100% - 28px);max-width:1092px;margin-left:auto;margin-right:auto}
body[data-version="4"] #filters{margin-bottom:12px}
body[data-version="4"] #products{padding-bottom:100px}
body[data-version="4"].unavailable #filters,body[data-version="4"].unavailable #menutools,body[data-version="4"].unavailable #products{display:none}
@media(max-width:760px){body[data-version="4"] #filters,body[data-version="4"] #menutools,body[data-version="4"] #products{width:calc(100% - 16px)}body[data-version="4"] #products{padding-bottom:86px}}