﻿/* Images */
      .product-single__photos,
      .product-single__media-wrapper,
      [id*='Slider-Gallery'] > li,
      [id*='Slide-template'],
      .EzfyZoom-button{
        cursor: -moz-zoom-in;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;

      }

      .FeaturedImage--block-lightbox *{
        //pointer-events: none;
      }

      .product-single__media-group [id*='FeaturedMedia'][tabindex]{
        position: relative;
    }

      /* Zoom button */
      .EzfyZoom-button *{
      	pointer-events: none;
      }


    [id] .EzfyZoom-button:hover{
    /*     background: white !important; */
    }

    [id] .EzfyZoom-button svg{
        fill: black !important;
            width: 1.2rem;
        height: 1.4rem;
    }

      [id] [id] .EzfyZoom-button{


          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 0;
    }

      modal-opener:hover .EzfyZoom-button{
    /*   	opacity: 1 !important; */
      }

      .product__media-toggle{
      	pointer-events: none;
      }

      @media (max-width: 750px){
        [data-is-video]  .product__media-toggle{
      	pointer-events: auto !important;
      }
      }

      @keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

       [id*='FeaturedMedia'] .EzfyZoom-button,
      .product-single__photo .EzfyZoom-button{
            -webkit-animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      }

       .EzfyZoom-button:active,
      .EzfyZoom-button:visited,
      .EzfyZoom-button:focus{
          background: unset !important;
      }

      /* PhotoSwipe general styles
      ================================ */

      #ezfyLightbox{
      	background: var(--gradient-background);
      }


      #ezfyLightbox .pswp__custom-controls{
        position: absolute;
        display: flex !important;
        bottom: 30px;
        left: 0;
        right: 0;
        transform: translateY(0);
        transition: transform .32s;
        justify-content: center;
        align-items: center;
      }

      #ezfyLightbox .pswp__button[class*='arrow']{
        margin-top: unset;
      }

      #ezfyLightbox .pswp__custom-controls .pswp__button{
        background: white;
        border-radius: 50%;
        width: 49px;
        height: 49px;
        opacity: 1;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        transition: unset !important;
        transform: unset !important;
        visibility: visible;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      }

      #ezfyLightbox .pswp__custom-controls .pswp__button svg{
        width: 13px !important;
        height: 13px !important;
        margin: 8px;
        pointer-events: none;
      }

      #ezfyLightbox svg{
        pointer-events: none;
      }

      #ezfyLightbox .pswp__button:before {
        display: none;
      }



      .pswp__ui--hidden .pswp__custom-controls{
        transform: translateY(100px) !important;
      }


      #ezfyLightbox .pswp__custom-controls .pswp__button--close{
        width: 60px;
        height: 60px;
        margin-left: 25px;
        margin-right: 25px;
      }


      #ezfyLightbox .pswp__custom-controls .pswp__button--close svg{
        position: relative;
        top: 2px;
      }

      #ezfyLightbox .pswp__top-bar{
        display: none;
      }

      .EzfyZoom-button{
        z-index: 10;
    }

      .ezfy-lightbox--block .pswp__button--close{
    	  pointer-events: none;
      }

      /* Custom styles
      ================================ */
      #ezfyLightbox .pswp__bg{
        background: white !important;
      }

      .product__media-icon{
    /*   	display: none !important; */
        pointer-events: none;
      }