$product-photos-border: 1px solid $border-color !default;
$product-photos-video-svg: "/static/images/video-yellow.svg" !default;

.img-loading img {
   opacity: .3;
}

.product-detail-gallery img {
   transition: opacity .3s;
}

.product-foto {
   position: relative;

   img {
      margin: 0 auto;
   }

   .product-shade {
      position: absolute;
      left: 10px;
      bottom: 10px;
   }
}

.product-photo-main {
   @media screen and (min-width: 1200px) {
      min-height: 207px;
   }

   @media screen and (min-width: 1660px) {
      min-height: 295px;
   }
}

.product-others-photos {
   border-top: 1px solid $border-color;
   display: flex;
   flex-wrap: wrap;
   margin: 10px 0 -25px;
   overflow: hidden;
   padding: 0;

   > div:nth-child(2n+1) {
      border-right: $product-photos-border;
   }

   > div {
      border-bottom: $product-photos-border;
      padding: 10px 0;
   }

   a {
      display: flex;
      align-items: center;
      height: 100%;
   }

   .video-thumb {
      position: relative;

      a::before {
         background: no-repeat url($product-photos-video-svg) center / contain;
         content: "";
         margin: auto;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         z-index: 1;
      }

      img {
         opacity: .2;
      }
   }

   .video-thumb a::before,
   .img-360 {
      max-width: 55%;
      padding: 10px 0;
      width: 65px;
   }
}
