.menu-category li.menu-item-photo{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:16px;align-items:start}
.menu-photo-trigger{display:block;position:relative;width:88px;height:88px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#e5e8e0;cursor:zoom-in;color:#fff}
.menu-photo-trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.menu-photo-trigger:hover img{transform:scale(1.04)}
.menu-photo-trigger:after{content:'+';position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#182920e6;color:#fff;font:22px/1 Arial}
.menu-photo-trigger:focus-visible,.menu-photo-close:focus-visible{outline:3px solid #a05226;outline-offset:4px}
.menu-item-photo>div{min-width:0;overflow-wrap:anywhere}
.menu-photo-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:12px;padding:48px 16px 16px;background:#fafaf7;color:#202820;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 80px #0006}
.menu-photo-dialog::backdrop{background:#101b14d9}
.menu-photo-dialog figure{margin:0;max-width:100%}
.menu-photo-dialog img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 180px);margin:auto;object-fit:contain;border-radius:6px}
.menu-photo-dialog figcaption{max-width:640px;margin:12px auto 0;padding:0 4px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.menu-photo-close{position:absolute;top:6px;right:6px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#213c2c;color:white;font:28px/1 Arial;cursor:pointer}
.menu-photo-close:hover{background:#36533f}
@media(max-width:600px){.menu-category li.menu-item-photo{grid-template-columns:72px minmax(0,1fr);column-gap:14px;row-gap:8px}.menu-photo-trigger{width:72px;height:72px;grid-row:1 / span 2}.menu-item-photo>.price{grid-column:2;justify-self:start}.menu-photo-dialog{padding:48px 12px 12px}.menu-photo-dialog img{max-height:calc(100dvh - 200px)}}
@media(prefers-reduced-motion:reduce){.menu-photo-trigger img{transition:none}}
