.yiv-overlay{position:fixed;inset:0;z-index:99999;background:rgba(4,10,20,.88);display:flex;align-items:center;justify-content:center;padding:14px}.yiv-overlay[hidden]{display:none}.yiv-shell{position:relative;width:min(1100px,100%);height:min(92vh,860px);display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center}.yiv-stage{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.yiv-image{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .12s;touch-action:none;user-select:none}.yiv-close,.yiv-nav,.yiv-tools button{border:0;background:rgba(255,255,255,.94);color:#111827;font-weight:900;cursor:pointer}.yiv-close{position:absolute;right:0;top:0;z-index:4;width:44px;height:44px;border-radius:50%;font-size:30px}.yiv-nav{width:42px;height:64px;border-radius:12px;font-size:38px}.yiv-info{position:absolute;left:12px;right:12px;bottom:58px;background:rgba(15,23,42,.78);color:#fff;padding:10px 12px;border-radius:10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.yiv-tools{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.yiv-tools button{min-width:50px;height:38px;border-radius:9px;font-size:17px}.yiv-open{overflow:hidden}.dish-image[data-zoom-src],.combo-tile-picture[data-zoom-src],.pic[data-zoom-src]{cursor:zoom-in}@media(max-width:600px){.yiv-overlay{padding:6px}.yiv-shell{grid-template-columns:34px minmax(0,1fr) 34px;height:96vh}.yiv-nav{width:32px;height:54px;font-size:30px}.yiv-close{right:6px;top:6px}}
#menu .dish{display:flex;flex-direction:column}
.yiv-close{position:fixed!important;top:calc(10px + env(safe-area-inset-top,0px))!important;right:10px!important;z-index:100002!important;pointer-events:auto!important;touch-action:manipulation!important}
#menu .pic{width:100%;max-width:none;aspect-ratio:auto;flex:0 0 auto}
#menu .pic img{width:100%;height:100%;object-fit:cover;object-position:center center}
#menu .body{display:flex;flex-direction:column;flex:1}
#menu .bottom{margin-top:auto}
#menu .dish-actions{flex:0 0 auto}
.cart-rec-img[data-zoom-src]{cursor:zoom-in}
