.elementor-700 .elementor-element.elementor-element-cef7003{--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;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-700 .elementor-element.elementor-element-8a5fb2b{--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-700 .elementor-element.elementor-element-70daeb1{--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-700 .elementor-element.elementor-element-c76e59a{--display:flex;--margin-top:0px;--margin-bottom:145px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-d1f3fcd{--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-700 .elementor-element.elementor-element-8becd23{width:100%;max-width:100%;padding:114px 114px 114px 114px;}.elementor-700 .elementor-element.elementor-element-f80b095{--display:flex;}@media(max-width:1024px){.elementor-700 .elementor-element.elementor-element-c76e59a{--margin-top:0px;--margin-bottom:105px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-09a273f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-700 .elementor-element.elementor-element-da86653{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-700 .elementor-element.elementor-element-c76e59a{--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:85px;--margin-left:0px;--margin-right:0px;}.elementor-700 .elementor-element.elementor-element-8becd23{width:100%;max-width:100%;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-4b7649b */@media (max-width: 767px) {
    /* 1. إجبار الحاوية على العمل بنظام الشبكة */
    .woocommerce ul.products, 
    .elementor-widget-container ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* عمودين متساويين */
        gap: 15px !important; /* مسافة بين المنتجات */
        padding: 10px !important;
        margin: 0 !important;
    }

    /* 2. ضبط بطاقة المنتج */
    .woocommerce ul.products li.product, 
    .elementor-widget-container ul.products li.product {
        width: 100% !important; /* لتأخذ نصف مساحة الشبكة */
        margin: 0 !important;
        padding: 15px !important;
        background: #fff !important;
        border-radius: 15px !important;
        border: 1px solid #f0f0f0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* توسيط المحتوى */
        text-align: center !important;
    }

    /* 3. تصغير الصور لتناسب العمودين */
    .woocommerce ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }

    /* 4. تنسيق النصوص (العنوان والسعر) */
    .woocommerce ul.products li.product h2, 
    .woocommerce-loop-product__title {
        font-size: 0.9rem !important;
        margin: 10px 0 !important;
        min-height: 35px !important; /* لتوحيد الارتفاع */
    }

    .woocommerce ul.products li.product .price {
        font-size: 1rem !important;
        color: #1e6f9c !important;
        font-weight: bold !important;
    }

    /* 5. تحسين زر "Add to cart" */
    .woocommerce ul.products li.product .button {
        width: 100% !important;
        padding: 8px 5px !important;
        font-size: 0.8rem !important;
        border-radius: 8px !important;
        background-color: #f8f9fa !important;
        color: #0b2b4a !important;
        margin-top: auto !important; /* دفع الزر للأسفل */
    }
}


/* تحويل المتجر إلى نظام عرض بصري فخم */
@media (max-width: 767px) {
    
    /* 1. ضبط الشبكة لتكون متلاصقة وأنيقة */
    .woocommerce ul.products, 
    .elementor-widget-container ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; /* مسافة صغيرة جداً لإعطاء مظهر متماسك */
        padding: 10px !important;
    }

    /* 2. تكبير الصورة وجعلها تأخذ المساحة الأكبر */
    .woocommerce ul.products li.product, 
    .elementor-widget-container ul.products li.product {
        padding: 0 !important; /* حذف المساحات الداخلية */
        background: transparent !important; /* خلفية شفافة */
        border: none !important; /* حذف الحدود */
        overflow: hidden;
        display: flex !important;
        flex-direction: column !important;
    }

    .woocommerce ul.products li.product img {
        width: 100% !important;
        height: 220px !important; /* زيادة ارتفاع الصورة */
        object-fit: cover !important; /* ملء المساحة بذكاء */
        border-radius: 12px !important; /* حواف ناعمة جداً */
        margin-bottom: 8px !important;
        transition: transform 0.5s ease;
    }

    /* 3. تنسيق العنوان ليظهر كعلامة تجارية */
    .woocommerce ul.products li.product h2, 
    .woocommerce-loop-product__title {
        font-family: 'Cairo', sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #0b2b4a !important;
        margin: 5px 0 !important;
        padding: 0 5px !important;
        text-align: right !important; /* محاذاة لليمين للغة العربية */
        line-height: 1.2 !important;
    }

    /* 4. الحذف السحري: إخفاء السعر وزر السلة والتصنيفات */
    .woocommerce ul.products li.product .price,
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .added_to_cart,
    .woocommerce ul.products li.product .star-rating,
    .product-category, 
    .ast-loop-product__category {
        display: none !important; /* اختفاء تام */
    }

    /* 5. لمسة احترافية: تأثير خفيف عند اللمس */
    .woocommerce ul.products li.product:active img {
        transform: scale(0.97); /* ينضغط قليلاً عند اللمس */
        opacity: 0.9;
    }
}

/* للشاشات الكبيرة (Desktop) لإبقاء التناسق */
@media (min-width: 768px) {
    .woocommerce ul.products li.product .price,
    .woocommerce ul.products li.product .button {
        display: none !important;
    }
    
    .woocommerce ul.products li.product img {
        border-radius: 15px !important;
        height: 300px !important;
        object-fit: cover !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8becd23 */<style>
/* 1. الحاوية: تمدد كامل للعرض وإلغاء الهوامش الجانبية */
.adi-category-section {
    padding: 0 !important;
    margin: 0 -15px 30px -15px !important;
    direction: rtl !important;
    border-bottom: 8px solid #f8f8f8;
    width: calc(100% + 30px) !important;
    overflow: hidden;
}

/* 2. الهيدر: العنوان يمين والزر يسار */
.adi-slider-header {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 20px !important;
}

.adi-slider-header h3 {
    margin: 0 !important;
    padding-right: 10px !important;
    border-right: 4px solid #6c0277 !important;
    text-align: right !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    flex: 0 0 65% !important;
    max-width: 65% !important;
}

.adi-slider-header a {
    color: #6c0277 !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    flex: 0 0 30% !important;
    text-align: left !important;
    display: inline-flex !important;
    align-items: center;
}

/* الأسهم للغات */
html[lang="ar"] .adi-slider-header a::before { content: '\2039'; margin-right: 5px; font-size: 1.2rem; }
html[lang="fr"] .adi-slider-header a::after { content: '\203A'; margin-left: 5px; font-size: 1.2rem; }

/* 3. الصور: أكبر حجم ممكن وبدون فواصل (No Stroke) */
.swiper-wrapper { margin: 0 !important; padding: 0 !important; }

.swiper-slide {
    width: 33.333% !important;
    padding: 0 !important; /* إلغاء الفراغ تماماً لتكبير الصورة */
    margin: 0 !important;
}

.adi-p-card {
    border-radius: 0 !important;
    border: none !important; /* إزالة الـ Stroke نهائياً */
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    width: 100% !important;
    background: transparent !important;
}

.adi-p-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.01); /* ملء الفراغات المجهرية */
}

.adi-p-title, .adi-p-price, .adi-p-btn { display: none !important; }
.elementor-widget-container { padding: 0 !important; margin: 0 !important; }
</style>/* End custom CSS */