/** STYLE 1 **/

body.elementor-editor-active .dp-product-images-container.style-1 .swiper-thumbs .swiper-slide {
    width: 50px;
    height: 50px;
}

body.elementor-editor-active .dp-product-images-container.style-1.thumbs-left .swiper-thumbs .swiper-wrapper,
body.elementor-editor-active .dp-product-images-container.style-1.thumbs-right .swiper-thumbs .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.dp-product-images-container.single img {
    width: 100%;
    height: 100%;
}

.dp-product-images-container.single.square img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.dp-product-images-container.style-1 .dp-tag {
    position: absolute;
    left: 0;
    padding: 5px 10px;
    z-index: 2;
    font-weight: 600;
    border-radius: 3px;
}

.dp-product-images-container.style-1 .swiper-slide {
    display: flex;
    align-items: center;
}

.dp-product-images-container.style-1 .swiper-button-prev,
.dp-product-images-container.style-1 .swiper-button-next {
    background-image: none;
    outline: none;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    width: 50px;
}

.dp-product-images-container.style-1 .swiper-button-prev {
    left: 0;
}

.dp-product-images-container.style-1 .swiper-button-next {
    right: 0;
}

.dp-product-images-container.style-1 .swiper-slide a {
    width: 100%;
    height: 100%;
}

.dp-product-images-container.style-1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dp-product-images-container .swiper-slide iframe {
    min-height: 500px;
}

.dp-product-images-container.style-1.square .swiper-slide img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.dp-product-images-container.style-1 .swiper-thumbs {
    margin-top: 10px;
    padding-bottom: 6px;
    margin: 0;
    margin-top: 2px;
}

.dp-product-images-container.style-1 .swiper-thumbs .swiper-slide {
    cursor: pointer;
}

.dp-product-images-container.style-1 .swiper-thumbs .swiper-slide.swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    left: 15%;
    bottom: -6px;
    width: 70%;
    height: 2px;
    background-color: #111;
}

.dp-product-images-container.style-1 .swiper-main.swiper-cube {
    margin-bottom: 40px;
}

.dp-product-images-container.style-1 .swiper-thumbs .dp-video-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    padding: 10px;
}

.dp-product-images-container.style-1 .swiper-thumbs .dp-video-thumbnail svg {
    width: auto;
    height: auto;
}

@media ( min-width: 768px ) {

    .dp-product-images-container.style-1.thumbs-left {
        display: flex;
        flex-direction: row-reverse;
    }

    .dp-product-images-container.style-1.thumbs-right {
        display: flex;
    }

    .dp-product-images-container.style-1.thumbs-left .swiper-main,
    .dp-product-images-container.style-1.thumbs-right .swiper-main {
        flex: 1;
        margin: 0;
    }

    .dp-product-images-container.style-1.thumbs-left .swiper-thumbs {
        margin: 0;
        margin-right: 2px;
    }

    .dp-product-images-container.style-1.thumbs-right .swiper-thumbs {
        margin: 0;
        margin-left: 2px;
    }

    .dp-product-images-container.style-1.thumbs-left .swiper-thumbs {
        padding-bottom: 0;
        padding-left: 5px;
    }

    .dp-product-images-container.style-1.thumbs-left .swiper-thumbs .swiper-slide.swiper-slide-thumb-active::after {
        top: 15%;
        left: -5px;
        width: 2px;
        height: 70%;
    }

    .dp-product-images-container.style-1.thumbs-right .swiper-thumbs {
        padding-bottom: 0;
        padding-right: 5px;
    }

    .dp-product-images-container.style-1.thumbs-right .swiper-thumbs .swiper-slide.swiper-slide-thumb-active::after {
        top: 15%;
        right: -5px;
        width: 2px;
        height: 70%;
        left: initial;
    }

}

@media ( max-width: 600px ) {

    .dp-product-images-container.style-1 .swiper-button-prev,
    .dp-product-images-container.style-1 .swiper-button-next {
        display: none;
    }

}


/** STYLE 2 **/

.dp-product-images-container.style-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.dp-product-images-container.style-2 .var-image {
    display: none;
}

.dp-product-images-container.style-2 .var-image.active {
    display: initial;
}

.dp-product-images-container.style-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dp-product-images-container.style-2.square img {
    aspect-ratio: 1/1;
    object-fit: cover;
}