.elementor-239 .elementor-element.elementor-element-2a54c3e8{--display:flex;--background-transition:0.3s;}.elementor-239 .elementor-element.elementor-element-0fc9e1f .elementor-heading-title{text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-0fc9e1f > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-239 .elementor-element.elementor-element-889aeae{--display:flex;--background-transition:0.3s;}.elementor-239 .elementor-element.elementor-element-540c2b3{text-align:left;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-239 .elementor-element.elementor-element-540c2b3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-540c2b3.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}/* Start custom CSS *//* Style for the wishlist counter number */
.wishlist_products_counter_number {
    background-color: red;
    color: white;
    border-radius: 20%;
    padding: 2px 5px;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right:0px;
    display: inline-block;
    z-index: 10; /* Ensure it appears above other elements */
}

/* Ensure the wishlist icon is appropriately sized */
.wishlist_products_counter img {
    width: 50px !important;  /* Ensure it takes effect */
    height: 50px !important; /* Ensure it takes effect */
    display: inline-block;
    vertical-align: middle; /* Align the icon vertically */
}

/* Container for the wishlist icon to manage its size and positioning */
.wishlist_products_counter {
    position: relative;
    display: inline-block;
    font-size: 0; /* Optional: Prevent any surrounding text from affecting layout */
}

/* Override hover effect for the counter number */
.wishlist_products_counter:hover .wishlist_products_counter_number {
    background-color: red; /* Keep the background color the same when hovered */
    color: white; /* Keep the text color the same when hovered */
}
/* Override the max-width and max-height to set the desired size */
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img,
a.wishlist_products_counter.top_wishlist-custom img,
span.wishlist_products_counter.top_wishlist-custom img {
    max-width: none !important; /* Override the max-width */
    max-height: none !important; /* Override the max-height */
    width: 24px !important; /* Set your desired width */
    height: 24px !important; /* Set your desired height */
    /* You can adjust the width and height values as needed */
}/* End custom CSS */