.elementor-4387 .elementor-element.elementor-element-683188f{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4387 .elementor-element.elementor-element-683188f:not(.elementor-motion-effects-element-type-background), .elementor-4387 .elementor-element.elementor-element-683188f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6FF94;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta .elementor-cta__bg, .elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-4387 .elementor-element.elementor-element-72a0457 > .elementor-widget-container{margin:30px -100px 30px -50px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__content{min-height:100px;text-align:start;background-color:#E6FF94;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__bg-wrapper{min-width:500px;min-height:336px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__title{font-size:50px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__description{color:#000000;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__button{color:#FFFFFF;border-color:#4B1771;font-family:"Tahoma", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);background-color:#4B1771;border-radius:20px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__button:hover{background-color:#552975;}.elementor-4387 .elementor-element.elementor-element-e94b0df{--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-4387 .elementor-element.elementor-element-e456496 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-4387 .elementor-element.elementor-element-e456496{text-align:center;}.elementor-4387 .elementor-element.elementor-element-e456496 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4387 .elementor-element.elementor-element-ee9dd8f{--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-4387 .elementor-element.elementor-element-ee83073{--swiper-slides-to-display:5;--swiper-slides-gap:10px;width:var( --container-widget-width, 100.303% );max-width:100.303%;--container-widget-width:100.303%;--container-widget-flex-grow:0;--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:0px;}.elementor-4387 .elementor-element.elementor-element-ee83073.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4387 .elementor-element.elementor-element-ee83073 .swiper-slide > .elementor-element{height:100%;}.elementor-4387 .elementor-element.elementor-element-b4ae2d6{--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-4387 .elementor-element.elementor-element-d243d95 .elementor-button{background-color:#4B1771;fill:#FFFFFF;color:#FFFFFF;border-radius:3px 3px 3px 3px;padding:12px 30px 12px 30px;}.elementor-4387 .elementor-element.elementor-element-efff7b0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4387 .elementor-element.elementor-element-0d83182{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}body.elementor-page-4387:not(.elementor-motion-effects-element-type-background), body.elementor-page-4387 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4387 .elementor-element.elementor-element-683188f{--content-width:1046px;}}@media(max-width:1024px){.elementor-4387 .elementor-element.elementor-element-72a0457 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__content{min-height:100px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__bg-wrapper{min-width:343px;}.elementor-4387 .elementor-element.elementor-element-ee83073{--swiper-slides-to-display:2;}.elementor-4387 .elementor-element.elementor-element-d243d95.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button{font-size:15px;border-radius:0px 0px 0px 0px;padding:15px 35px 15px 35px;}}@media(max-width:767px){.elementor-4387 .elementor-element.elementor-element-72a0457 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__content{min-height:100px;}.elementor-4387 .elementor-element.elementor-element-72a0457 .elementor-cta__title{font-size:25px;}.elementor-4387 .elementor-element.elementor-element-e456496 > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-4387 .elementor-element.elementor-element-ee83073{--swiper-slides-to-display:2;}}/* Start custom CSS for loop-carousel, class: .elementor-element-ee83073 *//* 1. تنسيق البطاقة العام لضمان التساوي */
.elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-loop-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px !important;
}

/* 2. ضبط الصور لتظهر كاملة وبنفس الارتفاع */
.elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-loop-container img {
    height: 180px !important; /* ارتفاع ثابت للصور */
    width: 100% !important;
    object-fit: contain !important;
    margin-bottom: 10px;
}

/* 3. حل مشكلة العنوان الطويل (إجبار سطرين فقط) */
.elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-widget-post-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* عدد الأسطر */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 40px !important; /* ارتفاع ثابت يحجز مكان سطرين */
    max-height: 40px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    text-align: center;
}

/* 4. إجبار السعر على البقاء في القاع تماماً */
.elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-widget-wc-product-price {
    margin-top: auto !important; /* يدفع السعر للأسفل */
    text-align: center;
    padding-top: 5px;
    border-top: 1px solid #f9f9f9;
}

/* 5. تنسيق خاص للموبايل (لعرض منتجين متساويين) */
@media (max-width: 767px) {
    .elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-loop-container img {
        height: 130px !important; /* تقليل ارتفاع الصورة للموبايل */
    }
    
    .elementor-4387 .elementor-element.elementor-element-ee83073 .elementor-widget-post-title {
        font-size: 13px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }
}

/* 6. تفعيل قابلية النقر على البطاقة بالكامل */
.elementor-4387 .elementor-element.elementor-element-ee83073 .swiper-slide {
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d243d95 *//* تنسيق الزر الأساسي باللون الجديد */
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    position: relative;
    overflow: hidden;
    background-color: #4B1771 !important; /* اللون الذي طلبته */
    padding: 12px 30px !important;
    width: auto;
    direction: ltr; /* لضبط التمدد والسهم من اليسار */
}

/* السهم يظهر من جهة اليسار (الشمال) */
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button::before {
    content: '→';
    position: absolute;
    left: 15px; /* وضعية السهم النهائية عند التمدد */
    opacity: 0;
    font-size: 20px;
    color: #ffffff;
    transform: translateX(-20px); /* يبدأ مخفياً جهة اليسار */
    transition: all 0.4s ease;
}

/* التأثير عند تمرير الماوس أو الضغط */
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button:hover,
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button:active {
    padding-left: 50px !important; /* يتمدد الزر لليسار لإفساح مجال للسهم */
    padding-right: 30px !important; 
    background-color: #361152 !important; /* درجة أغمق قليلاً عند التفاعل */
}

/* ظهور السهم عند التفاعل */
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button:hover::before,
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button:active::before {
    opacity: 1;
    transform: translateX(0);
}

/* إزاحة النص لليمين قليلاً لترك مساحة للسهم في الشمال */
.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button-text {
    transition: all 0.4s ease;
    direction: rtl; /* الحفاظ على النص العربي صحيحاً */
}

.elementor-4387 .elementor-element.elementor-element-d243d95 .elementor-button:hover .elementor-button-text {
    transform: translateX(8px);
}/* End custom CSS */