/* 1.0.6 */

/* Desktop Layout */


.product-image-widget.desktop-view {

    display: flex;

    flex-direction: row-reverse;

    gap: 10px;

    margin: 0 auto;

}



/* Main Image Styles */

.main-image {

    flex: 1;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    border: 1px solid #CFCCC6;

}

div#elementor-popup-modal-3732 .main-image {
    border: unset;
}

.product-logo {

    position: absolute;

    top: 10px;

    left: 15px;

    z-index: 2;

}

img.category-logo-image {

    max-height: 26px;

    max-width: 173px;

    object-fit: contain;

}

.woocommerce-page .main-image img {   

    width: 100%;

    display: block;

    height: 450px;

    object-fit: contain;

    border-radius: 10px;

    background: #fff;

}



/* Navigation Arrows */

.navigation {

    position: absolute;

    top: calc(50% - 22px);

    left: 0;

    right: 0;

    display: flex;

    justify-content: space-between;

    opacity: 0;

    transition: opacity 0.3s;

    line-height: 1;

}



.main-image:hover .navigation {

    opacity: 1;

}



.navigation span {

    background: #fcfaf478;   

    padding: 2px;

    cursor: pointer;

    z-index: 10;

}

.navigation span path{

    color: #333;

}

/* Thumbnails Gallery */

.gallery-images {

    position: relative;

    max-height: 450px;

    display: flex;

    flex-direction: column;

    gap: 10px;

    justify-content: flex-start;

    width: auto;

    overflow-y: auto;

    overflow-x: hidden;

    padding-left: 1px;

}



.gallery-images img.gallery-image {

    cursor: pointer;

    transition: border-color 0.3s;

    height: 112px;

    width: 112px;

    object-fit: cover;

    border-radius: 10px;

    border: 1px solid #CFCCC6;

    flex-shrink: 0;

}



img.gallery-image.active {

    border: 2px solid;

    border-color: #CFCCC6;

}



img.gallery-image:hover {

    border: 1px solid;

    border-color: #000;

}



/* Scrollbar Styles */

.gallery-images::-webkit-scrollbar {

    width: 5px;

    height: 5px;

}



.gallery-images::-webkit-scrollbar-track {

    background: transparent;

}



.gallery-images::-webkit-scrollbar-thumb {

    background: #CFCCC6;

    border-radius: 5px;

}



/* Badge Styles */

.yith-wcbm-badge.yith-wcbm-badge-css {
    border-radius: 0 16px !important;
}



/* Mobile Styles */

@media (max-width: 767px) {



/*     .swiper-wrapper {

        width: 86vw !important;

    }

    .swiper-container {

        position: unset !important;

    }



    .swiper-slide {

        width: 100% !important;

        display: flex;

        justify-content: center;

        align-items: center;

        background: #fff;

        border: 1px solid #CFCCC6;

        border-radius: 10px;

    }



    .swiper-slide img {

        max-width: 100%;

        height: auto;

        object-fit: contain;

        max-height: 250px;  

        padding: 25px;

    } */

	.product-image-widget.mobile-slider {

        width: 100%;

        overflow: hidden; 

    }

    

    .swiper-container {

        width: 100%;  

        overflow: hidden;

		min-height: 250px;

    }

    

    .swiper-wrapper {

        width: 100% !important; 

        transform: translate3d(0,0,0); 
        margin-bottom: 24px; 

    }

    

    .swiper-slide {

        width: 100% !important;

        display: flex;

        justify-content: center;

        align-items: center;

        background: #fff;

        border: 1px solid #CFCCC6;

        border-radius: 10px;

        overflow: hidden; 

    }

	.swiper-slide img {

		width: calc(100% - 50px);

		max-height: 250px;

		object-fit: contain;

		padding: 25px;

		display: block;

	}

    .swiper-pagination {

        z-index: 8 !important;

    }



    .swiper-button-next, 

    .swiper-button-prev {

        z-index: 8 !important;

        text-shadow: 0px 0px 6px #ffffff;

    }



    .mobile-slider .swiper-button-prev:after, 

    .mobile-slider .swiper-button-next:after {

        font-size: 10px;      

    }



    /* Mobile wishlist button fixes */

    a.add_to_wishlist.single_add_to_wishlist.button.alt {

        padding: 0;

    }



    .mobile-slider .add_to_wishlist.single_add_to_wishlist.button.alt i {

        margin: 0;

    }

    .product-image-widget .swiper-horizontal > .swiper-pagination-bullets,

    .product-image-widget .swiper-pagination-bullets.swiper-pagination-horizontal {

        bottom: -10px !important; 

    }

}



.product-image-widget.desktop-view {
    user-select: none;
}
.main-image {
    user-select: none;
}
.gallery-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    position: absolute;
    bottom: -18px;
    width: 100%;
}

.gallery-dots .dot {
    width: 8px;
    height: 8px;
    background-color: #D9D9D9;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}

.gallery-dots .dot.active {
    background-color: #1C1B1F;
}

.gallery-dots .dot:hover {
    background-color: #A0A0A0;
}

.poppup-gallery .main-image {
    border: none;
}