@media (min-width: 768px) {
  .lightboxpro-simple .fotorama-item.fotorama--fullscreen {
    text-align: center;
    background: rgba(50, 50, 50, 0.75);
    padding-top: 10px;
  }
  .lightboxpro-simple .fotorama-item.fotorama--fullscreen .fotorama__wrap {
    max-width: 900px !important;
    margin: 0 auto;
    background: #fff;
  }
}
@media (min-width: 768px) {
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen {
    text-align: center;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen {
    background: rgba(50, 50, 50, 0.75);
    padding: 5vh 0;
  }
  .catalog-product-view.lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__wrap {
    max-width: 95% !important;
    margin: 0 auto;
    background: #fff;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage {
    max-height: 90vh;
    padding: 10px 0;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage .fotorama__zoom-in,
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__stage .fotorama__zoom-out {
    display: none;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs {
    padding: 10px;
    max-height: calc(90vh - 20px);
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__thumb-border {
    display: none;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__shaft {
    height: calc(90vh - 20px);
    border: 1px solid #ccc;
    white-space: normal;
    overflow: auto;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__frame--thumb {
    max-width: 50px;
    max-height: 50px;
    border: 1px solid #ccc;
    padding: 1px !important;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
  }
  .lightboxpro-advanced .fotorama-item.fotorama--fullscreen .fotorama__nav--thumbs .fotorama__nav__frame--thumb.fotorama__active {
    border: 2px solid #ff5501;
    padding: 0 !important;
  }
}
/**
 * General styles (mobile first)
 */
.lightboxpro-masonry {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  grid-gap: 1em;
  grid-auto-rows: minmax(60px, auto);
  grid-auto-flow: dense;
}
.lightboxpro-masonry > div {
  border-radius: 6px;
  overflow: hidden;
  transition: .3s;
}
.lightboxpro-masonry > div:nth-child(n) {
  grid-column-end: span 2;
  grid-row-end: span 3;
}
.lightboxpro-masonry > div:nth-child(2n) {
  grid-column-end: span 2;
  grid-row-end: span 2;
}
.lightboxpro-masonry > div img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  vertical-align: top;
}
/**
 * Desktop styles
 */
@media (min-width: 768px) {
  .lightboxpro-masonry {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-gap: 2em;
    grid-auto-rows: minmax(100px, auto);
  }
  .lightboxpro-masonry > div :not(:hover) {
    filter: grayscale(10%);
  }
  .lightboxpro-masonry > div:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
  }
}
@media (min-width: 1024px) {
  .lightboxpro-masonry {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-auto-rows: minmax(120px, auto);
  }
  .lightboxpro-masonry > div:nth-child(6n-2):not(:last-child) {
    grid-column-start: 1;
  }
}
/* Fixed image position with navdir=vertical on mobile */
@media (max-width: 768px) {
  .gallery-placeholder .loader .fotorama__stage {
    left: 0 !important;
  }
  .gallery-placeholder .loader .fotorama__stage__shaft {
    max-width: none !important;
  }
}
/* fix margin on top of first thumbnail for vertical layout */
.fotorama__nav-wrap--vertical .fotorama__thumb-border:first-child {
  margin-top: 0 !important;
}
.fotorama__nav-wrap--vertical .fotorama__nav--thumbs .fotorama__nav__frame:nth-child(2) {
  padding-top: 0px !important;
}
/* Fix for M2.3.3 https://github.com/magento/magento2/pull/25358 */
.magnifier-preview img {
  max-height: inherit;
}