.f-dish-dialog{position:fixed;inset:0;margin:auto;width:min(920px,calc(100vw - 32px));max-height:min(780px,calc(100dvh - 32px));padding:0;border:0;border-radius:var(--radius-xl);background:var(--surface-card);color:var(--text-body);box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:auto}
.f-dish-dialog::backdrop{background:rgba(7,47,28,.78)}
.f-dish-dialog__inner{position:relative;display:grid;grid-template-columns:1fr}
.f-dish-dialog__image{width:100%;height:210px;object-fit:cover;background:var(--surface-sunken)}
.f-dish-dialog__body{padding:var(--space-6)}
.f-dish-dialog__body h2{font-size:clamp(2rem,4vw,3.5rem);margin:var(--space-3) 0 var(--space-5)}
.f-dish-dialog__close{position:absolute;right:var(--space-3);top:var(--space-3);width:44px;height:44px;border:0;border-radius:50%;background:var(--fit-paper-0);color:var(--fit-ink);font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-m)}
.f-dish-dialog__close:hover{background:var(--fit-lime-200)}
.f-dish-dialog__facts{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0}
.f-dish-dialog__facts span{padding:var(--space-2) var(--space-3);background:var(--surface-page-alt);font-weight:600}
.f-dish-dialog__allergens{font-size:var(--size-body-s);margin-bottom:var(--space-5)}
.f-dish-dialog__hint{font-size:var(--size-body-s);color:var(--text-muted);margin-top:var(--space-4)}
@media(min-width:700px){.f-dish-dialog__inner{grid-template-columns:42% 58%}.f-dish-dialog__image{height:100%;min-height:440px}.f-dish-dialog__body{padding:var(--space-10)}}