/* NEEDED FOR LAZY LOADING */
.productImageBox:not(.glider) {
  display: flex;
}

.productImageBox:not(.glider) .imageContainer:first-of-type {
  width: 100%;
}

.productGallery {
  overflow-y: hidden;
  display: none;
}

.productGallery.glider {
  display: block;
}

.productGallery .imageContainer img {
  width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .productGallery .imageContainer img {
    height: 100%;
  }
}

#productGalleryContain img:not(.lazyloaded) {
  padding-top: 100%;
  height: 0;
}

/* END LAZY LOADING */

body#product #content {
  position: sticky;
  top: 100px;
}

.drift-bounding-box {
  background-color: transparent;
  border: 1px solid #888;
  z-index: 1;
}

.drift-zoom-pane {
  top: 0 !important;
  left: 0 !important;
  position: fixed;
  box-shadow: #cacaca 0 2px 4px 1px;
  display: block;
  width: 57%;
  max-height: 600px;
  max-width: 700px;
  margin-top: 110px;
  background: #fff;
  z-index: 1049;
  margin-left: 41%;
  height: calc(100vh - 150px);
}

.productImageBox {
  margin: 0 auto;
  text-align: center;
  max-width: calc(100vh - 255px);
  max-height: calc(100vh - 255px);
}

.productImageBox img {
  display: block;
  height: 100%;
  width: 100%;
}

#productGalleryContain .linear-right, #productGalleryContain .linear-left {
  opacity: 1;
  height: 50%;
  width: 20px;
}

#productGalleryContain .linear-right:hover {
  box-shadow: -1px 1px 4px 2px #cacaca;
}

#productGalleryContain .linear-right:hover, #productGalleryContain .linear-left:hover {
  opacity: 1;
}

#productGalleryContain .linear-right {
  right: -1px;
  clip-path: inset(-5px 0px -5px -5px); /* REMOVES SHADOW FROM RIGHT */
}

#productGalleryContain .linear-left {
  left: -1px;
  clip-path: inset(-5px -5px -5px 0); /* REMOVES SHADOW FROM LEFT */
}

#productGalleryContain .linear-left i, #productGalleryContain .linear-right i {
  color: #505050;
  font-size: 25px;
}

#productGalleryContain {
  position: relative;
  min-height: calc((100vw - 20px) / 2.7);
}

.productGallery .glider::-webkit-scrollbar {
  display: none;
}

.productGallery .glider-track {
  margin: 0 auto
}

@media screen and (min-width: 307px) {
  #productGalleryContain {
    min-height: calc((100vw - 20px) / 4.8);
  }
}

@media screen and (min-width: 466px) {
  #productGalleryContain {
    min-height: calc((100vw - 20px) / 6.8)
  }
}

@media screen and (min-width: 586px) {
  #productGalleryContain {
    min-height: calc((100vw - 20px) / 7.8)
  }
}

@media screen and (min-width: 767px) {
  #productGalleryContain {
    min-height: 62px;
  }
}

@media screen and (min-width: 1050px) {
  #productGalleryContain {
    min-height: calc((40vw - 20px) / 6.4);
  }
}

@media screen and (min-width: 1500px) {
  #productGalleryContain {
    min-height: calc((40vw - 20px) / 7.4);
  }
}

@media screen and (min-width: 1800px) {
  #productGalleryContain {
    min-height: 94px;
  }
}

@-moz-document url-prefix() {
  .productImageBox, #productGalleryContain .productGallery {
    scrollbar-width: none;
  }
  #productGalleryContain .linear-right, #productGalleryContain .linear-left {
    height: calc(100% - 20px);
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .productImageBox, .productImageBox img {
    max-height: none;
  }
}
