.elementor-145 .elementor-element.elementor-element-c2b6f45:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-c2b6f45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#065CC0;}.elementor-145 .elementor-element.elementor-element-c2b6f45 > .elementor-container{min-height:200px;}.elementor-145 .elementor-element.elementor-element-c2b6f45{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-145 .elementor-element.elementor-element-c2b6f45 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-abaa75d{text-align:center;}.elementor-145 .elementor-element.elementor-element-abaa75d .elementor-heading-title{color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-5e38597:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-5e38597 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-145 .elementor-element.elementor-element-5e38597 > .elementor-container{min-height:200px;}.elementor-145 .elementor-element.elementor-element-5e38597{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:4em 1em 4em 1em;}.elementor-145 .elementor-element.elementor-element-5e38597 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products ul.products li.product{border-radius:10px;padding:14px 14px 14px 14px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);background-color:var( --e-global-color-accent );}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products ul.products li.product:hover{box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.elementor-145 .elementor-element.elementor-element-1ee4768 nav.woocommerce-pagination ul{border-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-1ee4768 nav.woocommerce-pagination ul li{border-right-color:var( --e-global-color-primary );border-left-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-1ee4768 nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );background-color:var( --e-global-color-accent );}.elementor-145 .elementor-element.elementor-element-1ee4768 nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-accent );background-color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-1ee4768 nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-accent );background-color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-145 .elementor-element.elementor-element-1ee4768.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-1ee4768 *//* 1. Set the container, hide button, and add zoom transition */
.custom-hover-grid ul.products li.product {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease-in-out; /* Smooth growth for the whole product */
    z-index: 1;
}

/* 2. THE ZOOM EFFECT: Make the product bigger on hover */
.custom-hover-grid ul.products li.product:hover {
    transform: scale(1.05); /* Grows the product by 5% */
    z-index: 10; /* Ensures the zoomed product stays on top of others */
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1); /* Optional: adds a soft shadow when it pops out */
}

/* 3. Style the Blue Button */
.custom-hover-grid ul.products li.product .button {
    position: absolute;
    top: 60%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; 
    text-align: center;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 5;
    
    /* Colors */
    background-color: #007bff !important; /* Blue color */
    color: #fff !important;
    
    padding: 12px 0 !important;
    border-radius: 0px;
}

/* 4. Show Button on Hover */
.custom-hover-grid ul.products li.product:hover .button {
    opacity: 1;
    top: 50%; 
}

/* 5. Darken image slightly on hover */
.custom-hover-grid ul.products li.product:hover img {
    filter: brightness(0.8);
    transition: 0.4s;
}

/* 6. Mobile Fix */
@media (max-width: 767px) {
    .custom-hover-grid ul.products li.product:hover {
        transform: none; /* Disable zoom on mobile to avoid layout issues */
    }
    .custom-hover-grid ul.products li.product .button {
        position: relative;
        opacity: 1;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        margin-top: 10px;
        background-color: #007bff !important;
    }
}/* End custom CSS */