/* Recipe desktop PDP gallery correction.
 * The owner expects a 720x960 (3:4) main image card with the complete source image visible.
 * Loaded after every prior Recipe/Pavne stylesheet so no legacy cover rule can crop the image.
 */
.recipe-store .pdp-gallery__stage{
  position:relative !important;
}

.recipe-store .pdp-gallery__main[hidden],
.recipe-store .pdp-gallery__zoom[hidden],
.recipe-store .pdp-gallery__video-panel[hidden]{
  display:none !important;
}

.recipe-store .pdp-gallery__video-panel{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#111;
}

.recipe-store .pdp-gallery__video{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  background:#111;
}

.recipe-store .pdp-gallery__counter{
  z-index:4;
  pointer-events:none;
}

.recipe-store .pdp-gallery__thumb--video{
  position:relative;
  overflow:hidden;
  background:#171717;
}

.recipe-store .pdp-gallery__thumb--video img{
  opacity:.78;
}

.recipe-store .pdp-gallery__video-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  min-height:28px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(17,17,17,.82);
  color:#fff;
  font:600 9px/1 Inter,Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  pointer-events:none;
}

@media (max-width:920px){
  .recipe-store .pdp-gallery__stage{
    touch-action:pan-y pinch-zoom;
  }

  .recipe-store #pdp-main-image,
  .recipe-store .pdp-gallery__video{
    -webkit-user-drag:none;
    user-select:none;
  }
}

@media (min-width:921px){
  .recipe-store .pdp-gallery__layout{
    grid-template-columns:78px minmax(0,720px) !important;
    justify-content:start !important;
  }

  .recipe-store .pdp-gallery__stage{
    width:100% !important;
    max-width:720px !important;
    height:auto !important;
    aspect-ratio:720 / 960 !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#eeeae4 !important;
  }

  .recipe-store .pdp-gallery__main{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    background:#eeeae4 !important;
  }
}