.elementor-8811 .elementor-element.elementor-element-053636c{--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-8811 .elementor-element.elementor-element-8f8b138{--display:flex;}.elementor-8811 .elementor-element.elementor-element-b9321cf{text-align:center;}.elementor-8811 .elementor-element.elementor-element-d37797b{--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-8811 .elementor-element.elementor-element-35c178a{text-align:center;}.elementor-8811 .elementor-element.elementor-element-153213f9{--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-8811 .elementor-element.elementor-element-ba1ffbd{--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-8811 .elementor-element.elementor-element-6f77de9{text-align:center;}.elementor-8811 .elementor-element.elementor-element-6d25d39{--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-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products ul.products li.product .star-rating{font-size:0em;}.elementor-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products ul.products li.product span.onsale{display:block;}body.elementor-page-8811:not(.elementor-motion-effects-element-type-background), body.elementor-page-8811 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-8811 .elementor-element.elementor-element-1b1850c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-8f8b138 *//*
** توحيد حجم صور المنتجات لملء الحاوية بالكامل (باستخدام الاقتصاص)
*/

/* 1. تحديد حاوية الصورة وجعلها مربعة ومتساوية */
/* نختار 220px وهو أكبر ارتفاع رأيناه في الصور المرفقة */
.products.elementor-grid.columns-4 .astra-shop-thumbnail-wrap {
    /* تحديد ارتفاع ثابت وموحد لكل العناصر */
    height: 220px; 
    max-height: 220px !important;
    position: relative;
    overflow: hidden; /* ضروري لإخفاء الأجزاء المقصوصة */
    margin: 0 auto; 
}

/* 2. تطبيق التنسيق على الصورة لضمان الملء الكامل */
.products.elementor-grid.columns-4 .astra-shop-thumbnail-wrap img {
    /* جعل الصورة تملأ عرض الحاوية بالكامل */
    width: 100%;
    /* جعل الصورة تملأ ارتفاع الحاوية بالكامل */
    height: 100%;
    
    /* الخاصية الأساسية: ملء الحاوية بالكامل (تؤدي إلى اقتصاص جزء من الصورة) */
    object-fit: cover; 
    
    /* لضمان أن الصورة تتوسط الحاوية قبل الاقتصاص */
    object-position: center center; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-691818ad */.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 */