.vbc-zoomlens-cover {
    position: relative;
    overflow: visible;
}

.vbc-zoomlens-lens,
.vbc-zoomlens-window {
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: none;
    pointer-events: none;
    z-index: 50;
}

.vbc-zoomlens-lens {
    border-style: solid;
    left: 0;
    position: absolute;
    top: 0;
}

.vbc-zoomlens-window {
    background-color: #fff;
    border-style: solid;
    position: absolute;
}

.vbc-zoomlens-window-right {
    left: calc(100% + 16px);
    top: 0;
}

.vbc-zoomlens-window-on-image {
    left: 0;
    top: 0;
}

.vbc-zoomlens-lens-zoom {
    background-color: #fff;
}

.vbc-zoomlens-lens.is-visible,
.vbc-zoomlens-window.is-visible {
    display: block;
}

@media (max-width: 767px) {

    .vbc-zoomlens-lens,
    .vbc-zoomlens-window {
        display: none !important;
    }
}

.vbc-zoomlens-cover-slide-body {
    position: relative;
}

.vbc-zoomlens-cover-slide {
    align-items: center;
    background: transparent;
    border: 0;
    color: #777777;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 60;
    padding: 0;
}

.vbc-zoomlens-cover-slide::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 42px 42px;
    content: "";
    height: 42px;
    opacity: .75;
    width: 42px;
}

.vbc-zoomlens-cover-slide:hover,
.vbc-zoomlens-cover-slide:focus {
    background: transparent;
    color: #fff;
    outline: 0;
}

.vbc-zoomlens-cover-slide:hover::before,
.vbc-zoomlens-cover-slide:focus::before {
    opacity: 1;
}

.vbc-zoomlens-cover-slide-prev {
    left: 15px;
}

.vbc-zoomlens-cover-slide-prev::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgY2xhc3M9InVpLWljb24iIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGcgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTAuNjQ2IDQuNjQ2LTQgNEw2LjI5MyA5IDcgOS43MDdsLjM1NC0uMzUzIDQtNEwxMS43MDcgNSAxMSA0LjI5M3oiLz48cGF0aCBkPSJtMTEuMzU0IDEyLjY0Ni00LTRMNyA4LjI5MyA2LjI5MyA5bC4zNTMuMzU0IDQgNCAuMzU0LjM1My43MDctLjcwN3oiLz48L2c+PC9zdmc+");
}

.vbc-zoomlens-cover-slide-next {
    right: 15px;
}

.vbc-zoomlens-cover-slide-next::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgY2xhc3M9InVpLWljb24gdWktaWNvbi0tY2hldnJvbi1yaWdodCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im02LjY0NiA1LjM1NCA0IDQgLjM1NC4zNTMuNzA3LS43MDctLjM1My0uMzU0LTQtNEw3IDQuMjkzIDYuMjkzIDV6Ii8+PHBhdGggZD0ibTcuMzU0IDEzLjM1NCA0LTRMMTEuNzA3IDkgMTEgOC4yOTNsLS4zNTQuMzUzLTQgNC0uMzUzLjM1NC43MDcuNzA3eiIvPjwvZz48L3N2Zz4=");
}

.vbc-zoomlens-cover-close {
    background: rgba(0, 0, 0, .45);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDMwIDIzIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Im0xNSAxMC45NCA1LjQ3LTUuNDcgMS4wNiAxLjA2TDE2LjA2IDEybDUuNDcgNS40Ny0xLjA2IDEuMDZMMTUgMTMuMDZsLTUuNDcgNS40Ny0xLjA2LTEuMDZMMTMuOTQgMTIgOC40NyA2LjUzbDEuMDYtMS4wNnoiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    border: 0;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 32px;
    z-index: 61;
}

.vbc-zoomlens-cover-close:hover,
.vbc-zoomlens-cover-close:focus {
    background-color: rgba(0, 0, 0, .65);
    outline: 0;
}

.vbc-zoomlens-cover-counter {
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    left: 20px;
    line-height: 32px;
    min-width: 48px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 20px;
    z-index: 61;
}

.product-cover .layer .zoom-in {
    display: none !important;
}