.recipe-detail__media { min-width: 0; align-self: start; }
.recipe-gallery { width: 100%; min-width: 0; }
.recipe-gallery [hidden] { display: none; }
.recipe-gallery__stage { position: relative; isolation: isolate; }
.recipe-gallery__slide { display: block; width: 100%; height: 100%; touch-action: pan-y pinch-zoom; }
.recipe-gallery__slide:not(:first-child) img { object-fit: contain; background: #fff; }
.recipe-gallery__slide img { display: block; }
.recipe-gallery__image { position: relative; display: block; width: 100%; height: 100%; background: #fff; }
.recipe-gallery__image-main { position: relative; z-index: 1; }
.recipe-gallery__thumbnails { display: flex; gap: .5rem; padding: .65rem .2rem .2rem; overflow-x: auto; }
.recipe-gallery__thumbnail { display: block; flex: 0 0 min(16%, 4.5rem); min-width: 44px; aspect-ratio: 1; overflow: hidden; border: 3px solid transparent; border-radius: .6rem; background: #fff; }
.recipe-gallery__thumbnail[aria-current="true"] { border-color: #008f82; }
.recipe-gallery__thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.recipe-gallery :is(button,a):focus-visible { outline: 3px solid #008f82; outline-offset: -3px; }
.recipe-gallery__viewer { box-sizing: border-box; inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; padding: max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left)); background: #19151d; color: white; }
.recipe-gallery__viewer[open] { display: flex; flex-direction: column; }
.recipe-gallery__viewer::backdrop { background: #19151d; }
.recipe-gallery__viewer-head { display: flex; flex: none; justify-content: space-between; align-items: center; gap: .75rem; padding-bottom: .5rem; }
.recipe-gallery__viewer-head button { border-radius: 1.5rem; padding: .35rem 1rem; }
.recipe-gallery__viewer-stage { position: relative; flex: 1; min-height: 0; padding-inline: 3rem; touch-action: pan-y pinch-zoom; }
.recipe-gallery__viewer-stage > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.recipe-gallery__arrows { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.recipe-gallery__nav { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; margin: 0; border: 0; border-radius: 0; padding: 0; color: rgb(255 255 255 / 85%); background: transparent; cursor: pointer; pointer-events: auto; }
.recipe-gallery__nav:focus-visible { outline: 2px solid #7de0cc; outline-offset: 2px; }
.recipe-gallery__nav svg { display: block; }
@media (max-width: 48rem) {
  .recipe-gallery__viewer-stage { padding-inline: 3.5rem; }
  .recipe-gallery__nav { width: 44px; height: 44px; flex-basis: 44px; }
}
@media print { .recipe-gallery__thumbnails, .recipe-gallery__arrows { display: none; } }