.elementor-136393 .elementor-element.elementor-element-00fce36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-136393 .elementor-element.elementor-element-959abb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-136393 .elementor-element.elementor-element-c483ab9{text-align:center;}.elementor-136393 .elementor-element.elementor-element-c483ab9 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-136393 .elementor-element.elementor-element-8f58b84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-136393 .elementor-element.elementor-element-6593d71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-accent );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-accent );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-1557b9d5 );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-1557b9d5 );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-1557b9d5 );}.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-136393 .elementor-element.elementor-element-27d1608.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-27d1608 *//* 1. Auto fill the gaps between the products and adjust to full width, explicitly 4 columns */
.elementor-widget-woocommerce-products .products {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Exactly 4 columns */
    gap: 20px; /* Adjust gap between products */
}

/* 2. Two products per row in mobile view */
@media (max-width: 768px) {
    .elementor-widget-woocommerce-products .products {
        grid-template-columns: repeat(2, 1fr) !important; /* Two products per row */
    }
}

/* 3. Change the product name color to #8cc63f and center align the text */
.elementor-widget-woocommerce-products .product .woocommerce-loop-product__title {
    color: #8cc63f; /* Product name color */
    text-align: center; /* Center align the text */
    font-size: 16px; /* Optional: adjust font size */
    font-weight: bold; /* Optional: make the font bold */
}

/* 4. Change the price color to white and center align the text */
.elementor-widget-woocommerce-products .price {
    color: white; /* Price color */
    text-align: center; /* Center align the price */
    font-size: 14px; /* Optional: adjust font size */
    font-weight: normal; /* Optional: adjust font weight */
}

/* 5. Curved frame with 15px border radius, 1px white border, and center the text */
.elementor-widget-woocommerce-products .product {
    border-radius: 15px; /* Apply curved corners */
    overflow: hidden; /* Ensure content doesn't overflow */
    border: 1px solid white; /* 1px white border */
    text-align: center; /* Center align text content */
    padding-bottom: 30px; /* Add space below the product content (buttons) */
}

/* 6. Remove rating stars */
.elementor-widget-woocommerce-products .product .star-rating {
    display: none; /* Hide the star rating */
}

/* 7. Show 'Add to Basket' and 'Variable' buttons */
.elementor-widget-woocommerce-products .product .add_to_cart_button,
.elementor-widget-woocommerce-products .product .woocommerce-variation-add-to-cart {
    display: block; /* Ensure the buttons are visible */
    margin-top: 15px; /* Add space above the button */
    padding: 10px 20px;
    background-color: #8cc63f; /* Customize the button color */
    color: white;
    border: none;
    border-radius: 5px; /* Rounded corners for the button */
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px; /* Increase space below the button */
}

/* 8. Hover effect for buttons */
.elementor-widget-woocommerce-products .product .add_to_cart_button:hover,
.elementor-widget-woocommerce-products .product .woocommerce-variation-add-to-cart:hover {
    background-color: #7bb63f; /* Hover effect for button */
}

/* 9. Show only in-stock products, published products, and those with prices */
.elementor-widget-woocommerce-products .product {
    display: block;
}

.elementor-widget-woocommerce-products .product.out-of-stock {
    display: none; /* Hide out-of-stock products */
}

/* Hide products without prices */
.elementor-widget-woocommerce-products .product .price {
    display: block;
}

.elementor-widget-woocommerce-products .product .price:empty {
    display: none; /* Hide products without price */
}

/* 10. Adjust the layout to show 16 products per page */
.elementor-widget-woocommerce-products .products {
    grid-template-columns: repeat(4, 1fr); /* Ensure grid has 4 columns */
}

/* Adjust the height of the container to prevent unwanted space */
.elementor-widget-woocommerce-products {
    min-height: 100%; /* Ensure full container height is used */
}
.elementor-widget-woocommerce-products .product .onsale {
    display: none !important;
}/* End custom CSS */