.elementor-3507 .elementor-element.elementor-element-c4a19c0{--display:flex;}.elementor-3507 .elementor-element.elementor-element-fd38268.elementor-wc-products ul.products li.product{text-align:center;}.elementor-3507 .elementor-element.elementor-element-fd38268.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-3507 .elementor-element.elementor-element-fd38268.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3507 .elementor-element.elementor-element-fd38268.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:768px){.elementor-3507 .elementor-element.elementor-element-fd38268.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-fd38268 *//* فقط باکس اصلی - بدون تغییر محصولات */
.elementor-element-fd38268 .woocommerce.columns-4 {
    background: linear-gradient(135deg, #fff5f8 0%, #ffffff 50%, #ffe5f0 100%) !important;
    border-radius: 35px !important;
    padding: 45px 35px !important;
    box-shadow: 
        0 15px 50px rgba(255, 105, 180, 0.2),
        0 0 0 1px rgba(255, 192, 203, 0.3),
        inset 0 2px 0 rgba(255, 255, 255, 0.8) !important;
    position: relative !important;
    margin: 40px auto !important;
    max-width: 1500px !important;
}

/* افکت نور متحرک دور باکس */
.elementor-element-fd38268 .woocommerce.columns-4::before {
    content: "" !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -3px !important;
    background: linear-gradient(45deg, 
        #ff69b4, #ff1493, #db7093, #ffc0cb, 
        #ff69b4, #ff1493, #db7093, #ffc0cb) !important;
    background-size: 400% 400% !important;
    border-radius: 35px !important;
    z-index: -1 !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease !important;
    animation: gradientMove 8s ease infinite !important;
}

.elementor-element-fd38268 .woocommerce.columns-4:hover::before {
    opacity: 0.7 !important;
    filter: blur(20px) !important;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ریسپانسیو */
@media (max-width: 1024px) {
    .elementor-element-fd38268 .woocommerce.columns-4 {
        padding: 35px 25px !important;
        max-width: 95% !important;
    }
}

@media (max-width: 768px) {
    .elementor-element-fd38268 .woocommerce.columns-4 {
        padding: 25px 15px !important;
        border-radius: 25px !important;
    }
}/* End custom CSS */