.meal-gallery { box-sizing: border-box; width: min(960px,96vw); max-width: 96vw; max-height: 94dvh; padding: 14px; border: 1px solid #454545; border-radius: 8px; background: #191919; color: #f4f4f1; box-shadow: 0 16px 80px #0006; }
.meal-gallery::backdrop { background: #000c; }
.meal-gallery-toolbar, .meal-gallery-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.meal-gallery button { min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid #626262; border-radius: 4px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.meal-gallery button:disabled { opacity: .35; cursor: default; }
.meal-gallery button:focus-visible { outline: 2px solid white; outline-offset: 3px; }
.meal-gallery figure { margin: 12px 0; }
.meal-gallery img { display: block; width: 100%; height: min(68dvh,760px); object-fit: contain; }
.meal-gallery figcaption { font: inherit; font-size: 14px; margin-top: 10px; color: #d4d4d0; }
@media (max-width: 540px) { .meal-gallery { padding: 10px; } .meal-gallery img { height: 62dvh; } }