.elementor-22677 .elementor-element.elementor-element-f3ae19d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22677 .elementor-element.elementor-element-f3ae19d:not(.elementor-motion-effects-element-type-background), .elementor-22677 .elementor-element.elementor-element-f3ae19d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #FF9A0069 0%, var( --e-global-color-secondary ) 78%);}@media(max-width:767px){.elementor-22677 .elementor-element.elementor-element-f3ae19d{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:020px;}}/* Start custom CSS for shortcode, class: .elementor-element-be2b36e *//* Parent container */
ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* align items to left */
    gap: 10px;
}

/* Subcategory items */
ul.products li.product-category {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s;

    /* 6 columns per row */
    flex: 0 0 calc(16.66% - 10px); /* adjusted for gap */
    box-sizing: border-box;
    margin-bottom: 10px; /* vertical spacing */
}

ul.products li.product-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

ul.products li.product-category img {
    border-radius: 50%;
    max-width: 100%;
    height: auto;
}

ul.products li.product-category h2.woocommerce-loop-category__title {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

/* Mobile & Tablet: 2 per row */
@media (max-width: 768px) {
    ul.products li.product-category {
        flex: 0 0 calc(50% - 5px);
    }
}

/* Small phones */
@media (max-width: 480px) {
    ul.products li.product-category {
        flex: 0 0 calc(50% - 5px);
    }
}/* End custom CSS */