:root {
  --zep-color-black-panther: rgb(66, 66, 66);
  --product-tile-info-out-stock-bg-color: rgb(249, 232, 150);
  --product-tile-info-sold-out-bg-color: rgb(236, 203, 154);
  --product-tile-info-on-request-bg-color: rgb(249, 232, 150);
  --color-cl100: rgb(205, 159, 47);
  --color-blue-x-light: rgb(33, 95, 188);
  --color-blue-normal: rgb(24, 29, 61);
}

.v3_product_image_gallery {
  /*border: solid 1px blue;*/
  transform: rotate(0deg);
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 1em;
}
@media (min-width: 992px) {
  .v3_product_image_gallery {
    flex-direction: row;
    gap: 0;
  }
}
.v3_product_image_gallery .null-gif {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
}
.v3_product_image_gallery .main-container {
  /*border: solid 1px green;*/
  position: relative;
  width: 100%;
}
.v3_product_image_gallery .main-container .slider-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.v3_product_image_gallery .main-container .swiper-slide {
  cursor: pointer;
}
.v3_product_image_gallery .main-container .swiper-button-prev, .v3_product_image_gallery .main-container .swiper-button-next {
  display: none !important;
}
.v3_product_image_gallery .main-container.no-images {
  pointer-events: none !important;
}
@media (min-width: 992px) {
  .v3_product_image_gallery .main-container {
    order: 2;
    flex-grow: 1;
    margin-left: 1rem;
  }
  .v3_product_image_gallery .main-container.one-slide {
    margin-left: 0;
  }
}
.v3_product_image_gallery .thumbnails-container {
  /*border: solid 1px pink;*/
  width: 100%;
  height: auto;
}
.v3_product_image_gallery .thumbnails-container .slider-container {
  width: inherit;
  height: auto;
}
.v3_product_image_gallery .thumbnails-container .swiper-container {
  width: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.v3_product_image_gallery .thumbnails-container .swiper-container.swiper-initialized {
  opacity: 1;
}
.v3_product_image_gallery .thumbnails-container .swiper-slide {
  position: relative;
}
.v3_product_image_gallery .thumbnails-container .swiper-slide .slide-wrapper {
  position: absolute;
  z-index: 10;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: auto;
  cursor: pointer;
  border: solid 1px #a0a0a0;
  /*box-shadow: 0px 0px 0px 1px #a0a0a0 inset;*/
  transition: border-color 0.2s ease-out 0s;
}
.v3_product_image_gallery .thumbnails-container .swiper-slide .slide-wrapper:hover {
  border-color: black;
}
.v3_product_image_gallery .thumbnails-container .swiper-slide.swiper-slide-thumb-active .slide-wrapper {
  border-color: black;
}
@media (min-width: 992px) {
  .v3_product_image_gallery .thumbnails-container {
    order: 1;
    width: 70px;
    height: var(--thumbnails-container-height);
  }
  .v3_product_image_gallery .thumbnails-container .slider-container {
    height: var(--thumbnails-container-height);
  }
  .v3_product_image_gallery .thumbnails-container .swiper-container {
    height: var(--thumbnails-container-height);
  }
}
body > .fullscreen-container {
  position: relative;
  background-color: white;
  transform: rotate(0deg);
}
body > .fullscreen-container .null-gif {
  width: auto;
  height: 100%;
}
body > .fullscreen-container .slider-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body > .fullscreen-container .swiper-container {
  margin-top: 2rem;
  width: 100%;
  height: calc(100% - 4rem);
}
body > .fullscreen-container .swiper-slide {
  position: relative;
}
body > .fullscreen-container .swiper-slide .null-gif {
  position: relative;
  z-index: 10;
}
body > .fullscreen-container .swiper-slide .product-photo {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
body > .fullscreen-container .close-button {
  display: block;
  width: calc(var(--swiper-navigation-size) / 44 * 44);
  height: var(--swiper-navigation-size);
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  z-index: 100;
  top: 1rem;
  right: 1rem;
  border: 0;
  background-color: transparent;
  padding: 0;
  color: #a0a0a0;
  transition: color 0.2s ease-out 0s;
}
body > .fullscreen-container .close-button:hover {
  color: black;
}
body > .fullscreen-container .close-button:focus, body > .fullscreen-container .close-button:focus-visible {
  outline: 0;
}
body > .fullscreen-container .ribbon-discount, body > .fullscreen-container .ribbon-new {
  display: none;
}

.v3_product_image_gallery .ribbon-discount, .v3_product_image_gallery .ribbon-new {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  padding: 0 0.4rem;
  font-size: 1rem;
  background-color: rgb(205, 159, 47);
  border-radius: 0.2rem;
  color: white;
  white-space: nowrap;
  width: auto;
  font-weight: bold;
  pointer-events: none;
}
.v3_product_image_gallery .ribbon-discount img.ribbon-logo-z, .v3_product_image_gallery .ribbon-new img.ribbon-logo-z {
  width: auto;
  height: 1rem;
  display: block;
}
.v3_product_image_gallery .ribbon-new {
  left: unset;
  right: 0;
  background-color: rgb(24, 29, 61);
}
.v3_product_image_gallery .no-image {
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 1px #a0a0a0;
}
.v3_product_image_gallery .no-image > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.v3_product_image_gallery .slide-wrapper {
  position: relative;
  z-index: 10;
}
.v3_product_image_gallery .product-photo {
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  object-fit: contain;
  object-position: center;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.v3_product_image_gallery .swiper-lazy-preloader {
  -webkit-animation: rotating 0.7s linear infinite;
  -moz-animation: rotating 0.7s linear infinite;
  -ms-animation: rotating 0.7s linear infinite;
  -o-animation: rotating 0.7s linear infinite;
  animation: rotating 0.7s linear infinite;
}