.elementor-184 .elementor-element.elementor-element-d0bcb6b{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-184 .elementor-element.elementor-element-d278611.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}/* Start custom CSS for wc-categories, class: .elementor-element-d278611 *//* জোর করে কাজ করবে - !important ইউজ করা আছে */
.products .product-category,
.elementor .product-category {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    padding: 20px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.products .product-category:hover,
.elementor .product-category:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}

.products .product-category a.button,
.elementor .product-category a.button {
    background: linear-gradient(135deg, #0066ff, #00c6ff) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 50px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.products .product-category:hover a.button {
    background: linear-gradient(135deg, #00c6ff, #0066ff) !important;
    transform: scale(1.05) !important;
}/* End custom CSS */