.yt-cover{
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.yt-cover .yt-play-ico{
    position: absolute;
    top: 48%;  left: 50%;
    transform: translate(-50%,-50%);
    font-size: 90px;  color: #f55b19;
    text-shadow: 1px 1px 2px #592000, 0 0 1em #853000;
    pointer-events: none;
    z-index: 4;
    text-align: center;
    width: calc(100% / 4);
    max-width: 120px;
}


.yt-cover .yt-play-ico .fa{
    font-size: 90px;
}
.yt-cover img{max-width: 100%;height: auto}
.yt-cover iframe{
    max-width: 100%;
    z-index: 5;
    position: relative;
}

/*popup*/
.yt-cover-modal{
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);

}
.yt-cover-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;

}

.yt-cover-modal-content {
    padding: 20px;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;

}


.yt-cover-modal-content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

@media (max-width: 767px) {
    .yt-cover-modal-content {width: 95%}
}


.yt-cover-close {
    color: #fff;
    font: 35px Arial Sans-serif;
    position: absolute;
    top: 0;
    right: -5px;
    z-index: 100;
}

.yt-cover-close:hover,
.yt-cover-close:focus {
    text-decoration: none;
    cursor: pointer;
}


.yt-cover-modal .yt-btn{
    position: absolute;
    top:50%;
    width: 50px;
    height: 50px;
    display: block;
    color:#fff;
    z-index: 100;
    transform: translateY(-50%);
    opacity: 0.5;
    cursor: pointer;
}
.yt-cover-modal .yt-btn:hover{
    opacity: 1;
}
.yt-cover-modal .yt-btn-next{
    right: -35px;
    background: url("/catalog/view/javascript/ldev_yt_iframe/next.svg");
    background-size: cover;
}
.yt-cover-modal .yt-btn-prev{
    left: -35px;
    background: url("/catalog/view/javascript/ldev_yt_iframe/prev.svg");
    background-size: cover;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .yt-cover-modal .yt-btn{width: 42px;height: 42px}
    .yt-cover-modal .yt-btn-next{right: -15px;}
    .yt-cover-modal .yt-btn-prev{left: -15px}
}
.ldev-yt-iframe-gallery-wrap{
    margin: 12px 0;
}
.ldev-yt-iframe-gallery-title{margin-bottom: 12px}
.ldev-yt-iframe-gallery{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 7px;
}
.ldev-yt-iframe-gallery-item{
    display: inline-flex;
    align-items: center;
}
.ldev-yt-iframe-gallery-item .yt-cover .yt-play-ico,
.ldev-yt-iframe-gallery-item .yt-cover .yt-play-ico .fa{font-size: 28px;}

.ldev-yt-iframe-gallery-item img[data-yt-mode]{
    transition: all .15s ease-in-out;
}

.ldev-yt-iframe-gallery-item:hover img[data-yt-mode]{
    transform: scale(1.1);
}
.ldev-yt-iframe-gallery-item .yt-cover{overflow: hidden}

.product-thumb, .us-module-img, .product-image, .products__item-images, .rm-module-img, .fm-module-img, .sc-module-img, .ds-module-img-box, .thumbnails{
    position: relative;
}
.ldev-yt-iframe-list-ico{
    text-decoration: none;
    display: inline-block;
    z-index: 100;
}
/*fix black lines*/
.yt-cover{overflow: hidden}
.fix-thumb-1.yt-cover-size-default  img[data-provider="youtube"], 
.fix-thumb-1.yt-cover-size-hq  img[data-provider="youtube"], 
.fix-thumb-1.yt-cover-size-sd  img[data-provider="youtube"]{
    margin: -10% 0;
}
.fix-thumb-1 img[data-provider="youtube"][data-custom-thumb]{
    margin:0;
}

.ldev-yt-iframe-product-ico{
    cursor: pointer;
    z-index: 100;
}
.ldev-yt-iframe-product-ico:hover{opacity: 1}