.elementor-8770 .elementor-element.elementor-element-42f1724{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8770 .elementor-element.elementor-element-467bf7f{--display:flex;}.elementor-8770 .elementor-element.elementor-element-289d972{text-align:center;}.elementor-8770 .elementor-element.elementor-element-3e5dffbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-8770:not(.elementor-motion-effects-element-type-background), body.elementor-page-8770 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-ceb047c */.woocommerce-loop-category__title {
    bottom: auto !important;
    top: auto !important;
    position: static !important;
    margin-top: 10px; /* اختياري علشان المسافة بين الصورة والعنوان */
}

/* تنظيم صف التصنيفات */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* المسافة بين الأعمدة */
}

/* كل عنصر (تصنيف) */
.woocommerce ul.products li.product-category {
    flex: 1 1 calc(12.5% - 15px); /* 8 أعمدة */
    max-width: calc(12.5% - 15px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

/* الصور داخل التصنيف */
.woocommerce ul.products li.product-category a img {
    width: 100% !important;       /* عرض كامل للعمود */
    height: auto !important;      /* يحافظ على نسبة الطول للعرض */
    object-fit: contain !important; /* يظهر الصورة كاملة بدون قص */
}

/* عنوان التصنيف */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

/* متجاوب للموبايل - 4 أعمدة */
@media (max-width: 768px) {
    .woocommerce ul.products li.product-category {
        flex: 1 1 calc(25% - 15px); /* 4 أعمدة */
        max-width: calc(25% - 15px);
    }
}

/* متجاوب للشاشات الصغيرة جدًا - 2 أعمدة */
@media (max-width: 480px) {
    .woocommerce ul.products li.product-category {
        flex: 1 1 calc(50% - 10px); /* 2 أعمدة */
        max-width: calc(50% - 10px);
    }
}/* End custom CSS */