.elementor-3362 .elementor-element.elementor-element-bc82b49{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-3362 .elementor-element.elementor-element-00fec31{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-3362 .elementor-element.elementor-element-9108490{width:auto;max-width:auto;top:12px;z-index:20;}.elementor-3362 .elementor-element.elementor-element-9108490 > .elementor-widget-container{background-color:#000000;padding:0px 12px 4px 12px;}.elementor-3362 .elementor-element.elementor-element-9108490.elementor-element{--align-self:center;}body:not(.rtl) .elementor-3362 .elementor-element.elementor-element-9108490{left:12px;}body.rtl .elementor-3362 .elementor-element.elementor-element-9108490{right:12px;}.elementor-3362 .elementor-element.elementor-element-9108490 .elementor-heading-title{font-size:9px;color:#FFFFFF;}.elementor-3362 .elementor-element.elementor-element-3562531{width:auto;max-width:auto;top:15px;z-index:20;}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-3362 .elementor-element.elementor-element-3562531{right:15px;}body.rtl .elementor-3362 .elementor-element.elementor-element-3562531{left:15px;}.elementor-3362 .elementor-element.elementor-element-3562531 .elementor-icon-wrapper{text-align:center;}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-framed .elementor-icon, .elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-framed .elementor-icon, .elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-746ea38 );}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-framed .elementor-icon:hover, .elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-746ea38 );border-color:var( --e-global-color-746ea38 );}.elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-framed .elementor-icon:hover, .elementor-3362 .elementor-element.elementor-element-3562531.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-746ea38 );}.elementor-3362 .elementor-element.elementor-element-3562531 .elementor-icon{font-size:18px;padding:9px;border-width:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-3562531 .elementor-icon svg{height:18px;}.elementor-3362 .elementor-element.elementor-element-61bd085{--display:flex;--position:absolute;--min-height:36px;--border-radius:50px 50px 50px 50px;top:64px;--z-index:20;}.elementor-3362 .elementor-element.elementor-element-61bd085:not(.elementor-motion-effects-element-type-background), .elementor-3362 .elementor-element.elementor-element-61bd085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-3362 .elementor-element.elementor-element-61bd085{right:14px;}body.rtl .elementor-3362 .elementor-element.elementor-element-61bd085{left:14px;}.elementor-3362 .elementor-element.elementor-element-e2a0175{width:auto;max-width:auto;z-index:20;}.elementor-3362 .elementor-element.elementor-element-e2a0175 .jet-listing-dynamic-link__link{align-self:flex-start;color:#000000;flex-direction:row;}.elementor-3362 .elementor-element.elementor-element-e2a0175 .jet-listing-dynamic-link__link:hover{color:var( --e-global-color-746ea38 );}.elementor-3362 .elementor-element.elementor-element-e2a0175 .jet-listing-dynamic-link__icon{order:1;font-size:16px;}.elementor-3362 .elementor-element.elementor-element-06a551d{width:auto;max-width:auto;z-index:20;}.elementor-3362 .elementor-element.elementor-element-06a551d .jet-listing-dynamic-link__link{align-self:flex-start;color:#000000;flex-direction:row;}.elementor-3362 .elementor-element.elementor-element-06a551d .jet-listing-dynamic-link__link:hover{color:var( --e-global-color-746ea38 );}.elementor-3362 .elementor-element.elementor-element-06a551d .jet-listing-dynamic-link__icon{order:1;font-size:16px;}.elementor-3362 .elementor-element.elementor-element-1202a40 img{width:100%;max-width:270px;height:270px;object-fit:cover;object-position:center center;}.elementor-3362 .elementor-element.elementor-element-792ce1f{width:100%;max-width:100%;z-index:20;}.elementor-3362 .elementor-element.elementor-element-792ce1f > .elementor-widget-container{margin:-66px 0px -20px 0px;}.elementor-3362 .elementor-element.elementor-element-792ce1f .cart button, .elementor-3362 .elementor-element.elementor-element-792ce1f .cart .button{font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );border-radius:0px 0px 0px 0px;background-color:var( --e-global-color-58fbb8e );transition:all 0.2s;}.elementor-3362 .elementor-element.elementor-element-792ce1f .cart button:hover, .elementor-3362 .elementor-element.elementor-element-792ce1f .cart .button:hover{background-color:var( --e-global-color-e933ca3 );}.elementor-3362 .elementor-element.elementor-element-f007653{width:100%;max-width:100%;}.elementor-3362 .elementor-element.elementor-element-f007653 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-74px 0px 5px 0px;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field__content{color:#999999;font-size:12px;font-weight:300;text-align:center;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field{justify-content:center;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-f007653 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-8ce62e0{width:100%;max-width:100%;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;text-align:center;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field{justify-content:center;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-8ce62e0 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-7740101{width:100%;max-width:100%;}.elementor-3362 .elementor-element.elementor-element-7740101 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field__content{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;text-align:center;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field{justify-content:center;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field.display-multiline{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-7740101 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{padding:0px 0px 0px 0px;}.elementor-3362 .elementor-element.elementor-element-da6f3e4{--e-rating-justify-content:center;--e-rating-icon-marked-color:var( --e-global-color-746ea38 );--e-rating-icon-color:var( --e-global-color-0439633 );}@media(max-width:1024px){.elementor-3362 .elementor-element.elementor-element-792ce1f .cart button, .elementor-3362 .elementor-element.elementor-element-792ce1f .cart .button{line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-3362 .elementor-element.elementor-element-61bd085{--width:36px;}}@media(max-width:767px){.elementor-3362 .elementor-element.elementor-element-1202a40 img{max-width:355px;height:355px;object-position:center center;}.elementor-3362 .elementor-element.elementor-element-792ce1f .cart button, .elementor-3362 .elementor-element.elementor-element-792ce1f .cart .button{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for icon, class: .elementor-element-3562531 */.product-box-hover-left .wishlist-button .jet-wishlist-button {
    z-index:1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-83eabf6 *//* Wrapper for the gallery */
.product-gallery-wrapper {
    display: flex;
    width: 270px;
left: -90px!important;

}

/* Thumbnails container on the left */
.thumbs-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90px;
    max-height: 450px;
    overflow-y: auto;
    margin-left: -90px;
    z-index: 10;
    padding: 13px;
}

/* Thumbnail list styling */
.thumbs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbs-list li{
margin-bottom: 6px;
}

/* Thumbnail image styling */
.product-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
    border: 2px solid transparent;
}


/* Main image container */
.main-image-container {
      display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    z-index: 14;
}

/* Main image styling */
.main-image {
    width: 100%!important;
    max-width: 270px!important;
    height: 270px!important;
    object-fit: cover!important;
    object-position: center!important; 
}


.product-thumb {
    border: 1px solid transparent;
    transition: border 0.3s ease;
    cursor: pointer;
}

.product-thumb.active {
    border: 1px solid #d5d8dc; /* Border color for active thumbnail */
  
}

.product-thumb:hover {
    border: 1px solid #d5d8dc; /* Hover effect for thumbnails */
}


@media (max-width: 768px) {
    .product-gallery-wrapper {
        flex-direction: column;   /* Stack the thumbnails and main image */
        align-items: center;
    }

    .thumbs-container {
        flex-direction: row;      /* Display thumbnails horizontally */
        overflow-x: auto;         /* Allow horizontal scrolling */
        width: 100%;
        margin-bottom: 10px;
    }

    .product-thumb {
        width: 60px;
        height: 60px;
    }

    .main-image {
        max-width: 90%;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-792ce1f */.product-box-hover-left .winkelen-button button{
    border: 0;
    height: 40px;
    width: 100%;
    padding: 0;
}

.product-box-hover-left .tinvwl_add_to_wishlist_button {
    display:none;
}

.product-box-hover-left button {
    display:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc82b49 */@media only screen and (min-width: 768px) {
  
    .product-box-hover-left:hover:before {
        content: '';
        position: absolute;
        left: -90px;
        width: 360px;
        background: white;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    }
    .product-box-hover-left .winkelen-button{
        margin-bottom: -26px;
    }
    .product-box-hover-left:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
    }
    
    /* Optional: Add transition for smooth appearance */
    .product-box-hover-left .view-button,
    .product-box-hover-left .wishlist-button,
    .product-box-hover-left .product-gallery,
    .product-box-hover-left .winkelen-button{
        transition: opacity 0.3s ease;
    }
    
    .product-box-hover-left:hover .view-button,
    .product-box-hover-left:hover .wishlist-button,
    .product-box-hover-left:hover .winkelen-button,
    .product-box-hover-left:hover .product-gallery {
        display: block;
    }
    
    .product-box-hover-left:hover .product-image {
        display: none;
    }
    
    .product-box-hover-left:hover{
        .category-archive{
            margin-top:-11px;
        }
    }

} 

/* Hide the buttons by default */
.product-box-hover-left .view-button,
.product-box-hover-left .wishlist-button,
.product-box-hover-left .product-gallery,
.product-box-hover-left .winkelen-button{
    display: none;
}
.product-box-hover-left .tinvwl_add_to_wishlist_button{
    display: none;
}

.product-box-hover-left .out-of-stock{
    display: none;
}/* End custom CSS */