.elementor-9341 .elementor-element.elementor-element-03d2a8b{--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;--overlay-opacity:0.1;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-9341 .elementor-element.elementor-element-03d2a8b:not(.elementor-motion-effects-element-type-background), .elementor-9341 .elementor-element.elementor-element-03d2a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://duaflavours.co.uk/wp-content/uploads/2025/09/smokep-scaled.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-9341 .elementor-element.elementor-element-03d2a8b::before, .elementor-9341 .elementor-element.elementor-element-03d2a8b > .elementor-background-video-container::before, .elementor-9341 .elementor-element.elementor-element-03d2a8b > .e-con-inner > .elementor-background-video-container::before, .elementor-9341 .elementor-element.elementor-element-03d2a8b > .elementor-background-slideshow::before, .elementor-9341 .elementor-element.elementor-element-03d2a8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-9341 .elementor-element.elementor-element-03d2a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9341 .elementor-element.elementor-element-02792f0{--display:flex;}.elementor-9341 .elementor-element.elementor-element-16277e1{text-align:center;}.elementor-9341 .elementor-element.elementor-element-16277e1 .elementor-heading-title{color:#FFFFFF;}.elementor-9341 .elementor-element.elementor-element-129b800{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9341 .elementor-element.elementor-element-bf83575 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-bf83575:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-bf83575.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-bf83575.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-bf83575.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-bf83575:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-bd48bfc > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-bd48bfc:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-bd48bfc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-bd48bfc:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-b8bfc0f > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-9d0351d > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-9d0351d:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-9d0351d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-9d0351d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-9d0351d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-9d0351d:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-60f38a6 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-60f38a6:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-60f38a6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-60f38a6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-60f38a6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-60f38a6:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-eb10d35 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-eb10d35:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-eb10d35.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-eb10d35.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-eb10d35.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-eb10d35:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-ec3be06 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-ec3be06:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-ec3be06.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-ec3be06.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-ec3be06.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-ec3be06:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-4733729 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-4733729:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-4733729.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-4733729.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-4733729.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-4733729:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-8ec7a7d > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9341 .elementor-element.elementor-element-2e49e26 > .elementor-widget-container{border-style:solid;border-color:#E72AA8;}.elementor-9341 .elementor-element.elementor-element-2e49e26:hover .elementor-widget-container{border-style:solid;}.elementor-9341 .elementor-element.elementor-element-2e49e26.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-9341 .elementor-element.elementor-element-2e49e26.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-9341 .elementor-element.elementor-element-2e49e26.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-title{margin-bottom:7px;font-size:16px;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-img img{border-radius:0px;box-shadow:0px 0px 10px 0px rgba(222.22305024729334, 54.34285481660264, 242.69624481201174, 0.5);opacity:1;transition-duration:0.3s;}.elementor-9341 .elementor-element.elementor-element-2e49e26:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9341 .elementor-element.elementor-element-129b800{--content-width:1156px;}}@media(max-width:1024px){.elementor-9341 .elementor-element.elementor-element-03d2a8b{--padding-top:80px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-9341 .elementor-element.elementor-element-129b800{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9341 .elementor-element.elementor-element-03d2a8b{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-9341 .elementor-element.elementor-element-129b800{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-bf83575 .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-bd48bfc .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-b8bfc0f .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-9d0351d .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-60f38a6 .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-eb10d35 .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-ec3be06 .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-4733729 .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-8ec7a7d .elementor-image-box-description{font-size:12px;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-img{margin-bottom:15px;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-title{margin-bottom:7px;font-size:14px;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-9341 .elementor-element.elementor-element-2e49e26 .elementor-image-box-description{font-size:12px;}}@media(min-width:1025px){.elementor-9341 .elementor-element.elementor-element-03d2a8b:not(.elementor-motion-effects-element-type-background), .elementor-9341 .elementor-element.elementor-element-03d2a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for image-box, class: .elementor-element-bf83575 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-bd48bfc */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b8bfc0f */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-9d0351d */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-60f38a6 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-eb10d35 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ec3be06 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-4733729 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-8ec7a7d */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e49e26 */product-item
/* Default border transparent */
.product-item img {
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Active (clicked/opened) product */
.product-item.active img {
    border-color: #ff69b4; /* Pink */
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const products = document.querySelectorAll('.product-item');

    products.forEach(product => {
        product.addEventListener('click', function () {
            // Sab products se active class hatao
            products.forEach(p => p.classList.remove('active'));
            
            // Jo click hua usme add karo
            this.classList.add('active');
        });
    });
});
</script>
.woocommerce ul.products li.product.current-item img {
    border: 2px solid #ff69b4;
    box-shadow: 0 0 10px rgba(255, 105, 180, 0.6);
}/* End custom CSS */