.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{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-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11182 .elementor-element.elementor-element-62fc7c7 .product{text-align:center;}.elementor-11182 .elementor-element.elementor-element-62fc7c7{width:100%;max-width:100%;}.elementor-11182 .elementor-element.elementor-element-62fc7c7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11182 .elementor-element.elementor-element-62fc7c7.elementor-wc-products  ul.products{grid-column-gap:2px;grid-row-gap:9px;}.elementor-11182 .elementor-element.elementor-element-62fc7c7 a > img{border-style:none;margin-bottom:0px;}.elementor-11182 .elementor-element.elementor-element-62fc7c7 .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;font-family:"Francois One", Sans-serif;font-size:25px;font-weight:600;}.elementor-11182 .elementor-element.elementor-element-62fc7c7 .woocommerce-loop-category__title .count{color:#02010100;}.elementor-11182 .elementor-element.elementor-element-e189c9d .product{text-align:center;}.elementor-11182 .elementor-element.elementor-element-e189c9d{width:100%;max-width:100%;}.elementor-11182 .elementor-element.elementor-element-e189c9d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11182 .elementor-element.elementor-element-e189c9d.elementor-wc-products  ul.products{grid-column-gap:2px;grid-row-gap:9px;}.elementor-11182 .elementor-element.elementor-element-e189c9d a > img{border-style:none;margin-bottom:0px;}.elementor-11182 .elementor-element.elementor-element-e189c9d .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;font-family:"Francois One", Sans-serif;font-size:25px;font-weight:600;}.elementor-11182 .elementor-element.elementor-element-e189c9d .woocommerce-loop-category__title .count{color:#02010100;}.elementor-11182 .elementor-element.elementor-element-79ebcf6 .product{text-align:center;}.elementor-11182 .elementor-element.elementor-element-79ebcf6{width:100%;max-width:100%;}.elementor-11182 .elementor-element.elementor-element-79ebcf6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11182 .elementor-element.elementor-element-79ebcf6.elementor-wc-products  ul.products{grid-column-gap:2px;grid-row-gap:9px;}.elementor-11182 .elementor-element.elementor-element-79ebcf6 a > img{border-style:none;margin-bottom:0px;}.elementor-11182 .elementor-element.elementor-element-79ebcf6 .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;font-family:"Francois One", Sans-serif;font-size:25px;font-weight:600;}.elementor-11182 .elementor-element.elementor-element-79ebcf6 .woocommerce-loop-category__title .count{color:#02010100;}.elementor-11182 .elementor-element.elementor-element-61297e6 .product{text-align:center;}.elementor-11182 .elementor-element.elementor-element-61297e6{width:100%;max-width:100%;}.elementor-11182 .elementor-element.elementor-element-61297e6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11182 .elementor-element.elementor-element-61297e6.elementor-wc-products  ul.products{grid-column-gap:2px;grid-row-gap:9px;}.elementor-11182 .elementor-element.elementor-element-61297e6 a > img{border-style:none;margin-bottom:0px;}.elementor-11182 .elementor-element.elementor-element-61297e6 .woocommerce .woocommerce-loop-category__title{color:#FFFFFF;font-family:"Francois One", Sans-serif;font-size:25px;font-weight:600;}.elementor-11182 .elementor-element.elementor-element-61297e6 .woocommerce-loop-category__title .count{color:#02010100;}/* Start custom CSS for wc-categories, class: .elementor-element-62fc7c7 */.product-category a {
    position: relative;
    display: block; /* Ensure the link block fills its container */
    width: 100%;
    height: 300px; /* Example fixed height, adjust as needed */
    overflow: hidden;
}

.product-category img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: transform 0.3s ease; /* Optional zoom on hover */
}

.product-category a:hover img {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Dark overlay */
.product-category a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initial transparent overlay */
    transition: background-color 0.3s ease;
    z-index: 1; /* Overlay above the image */
}

.product-category a:hover::before {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay on hover */
}

/* Category title */
.woocommerce-loop-category__title {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1rem;
    text-align: start;
    width: 90%;
    transition: all 0.3s ease;
    opacity: 0.8;
    z-index: 2; /* Title above overlay */
}

.product-category a:hover .woocommerce-loop-category__title {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-e189c9d */.product-category a {
    position: relative;
    display: block; /* Ensure the link block fills its container */
    width: 100%;
    height: 300px; /* Example fixed height, adjust as needed */
    overflow: hidden;
}

.product-category img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: transform 0.3s ease; /* Optional zoom on hover */
}

.product-category a:hover img {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Dark overlay */
.product-category a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initial transparent overlay */
    transition: background-color 0.3s ease;
    z-index: 1; /* Overlay above the image */
}

.product-category a:hover::before {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay on hover */
}

/* Category title */
.woocommerce-loop-category__title {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1rem;
    text-align: start;
    width: 90%;
    transition: all 0.3s ease;
    opacity: 0.8;
    z-index: 2; /* Title above overlay */
}

.product-category a:hover .woocommerce-loop-category__title {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-79ebcf6 */.product-category a {
    position: relative;
    display: block;
    width: 100%; /* Ensure the link fills the container */
    height: auto; /* Allow height to adjust dynamically for images */
    overflow: hidden;
}

.product-category img {
    display: block;
    width: 100%; /* Make images 100% of the container width */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover !important;
    transition: transform 0.3s ease; /* Optional zoom on hover */
}

.product-category a:hover img {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Dark overlay */
.product-category a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initial transparent overlay */
    transition: background-color 0.3s ease;
    z-index: 1; /* Overlay above the image */
}

.product-category a:hover::before {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay on hover */
}

/* Category title */
.woocommerce-loop-category__title {
    position: absolute;
    bottom: 10px; /* Adjusted for smaller screen spacing */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 0.9rem; /* Smaller font size for mobile */
    text-align: center; /* Center align for better readability on small screens */
    width: 90%; /* Reduced width for smaller screen sizes */
    transition: all 0.3s ease;
    opacity: 0.9;
    z-index: 2;
}

.product-category a:hover .woocommerce-loop-category__title {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}

/* Media queries for fine-tuning */
@media (max-width: 768px) {
    .product-category img {
        width: 100%; /* Ensure images are full-width on mobile */
        height: auto; /* Maintain aspect ratio */
    }

    .woocommerce-loop-category__title {
        font-size: 0.8rem; /* Smaller text for better readability */
    }
}

@media (max-width: 480px) {
    .product-category img {
        width: 100%; /* Full width for small screens */
        height: auto; /* Maintain aspect ratio */
    }

    .woocommerce-loop-category__title {
        font-size: 0.7rem;
        bottom: 5px; /* Adjust bottom spacing */
    }
}/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-61297e6 */.product-category a {
    position: relative;
    display: block; /* Ensure the link block fills its container */
    width: 100%;
    height: 300px; /* Example fixed height, adjust as needed */
    overflow: hidden;
}

.product-category img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: transform 0.3s ease; /* Optional zoom on hover */
}

.product-category a:hover img {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Dark overlay */
.product-category a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initial transparent overlay */
    transition: background-color 0.3s ease;
    z-index: 1; /* Overlay above the image */
}

.product-category a:hover::before {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay on hover */
}

/* Category title */
.woocommerce-loop-category__title {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1rem;
    text-align: start;
    width: 90%;
    transition: all 0.3s ease;
    opacity: 0.8;
    z-index: 2; /* Title above overlay */
}

.product-category a:hover .woocommerce-loop-category__title {
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 1;
}/* End custom CSS */