.elementor-814 .elementor-element.elementor-element-8b226a7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:stretch;}.elementor-814 .elementor-element.elementor-element-dd964ce{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:25% 25%;--row-gap:25%;--column-gap:25%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-814 .elementor-element.elementor-element-6d9a213{width:auto;max-width:auto;}.elementor-814 .elementor-element.elementor-element-6d9a213.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.woocommerce .elementor-814 .elementor-element.elementor-element-6d9a213 .woolentor_archive_catalog_ordering .woocommerce-ordering select{font-family:"Cairo", Sans-serif;height:40px;}.elementor-814 .elementor-element.elementor-element-c9ccf38{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:0;}.elementor-814 .elementor-element.elementor-element-c9ccf38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-814 .elementor-element.elementor-element-3e51e3c{width:var( --container-widget-width, 115.969% );max-width:115.969%;--container-widget-width:115.969%;--container-widget-flex-grow:0;}.elementor-814 .elementor-element.elementor-element-3e51e3c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-814 .elementor-element.elementor-element-cc3af4f{--display:flex;}.elementor-814 .elementor-element.elementor-element-bba1ce2{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-814 .elementor-element.elementor-element-bba1ce2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-814 .elementor-element.elementor-element-6ae5e19 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-814 .elementor-element.elementor-element-6ae5e19.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-814 .elementor-element.elementor-element-aee794d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:4;grid-row:span 4;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-product-grid-modern{gap:25px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-product-stars{gap:2px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-product-actions .woolentor-cart-btn svg{width:18px;height:18px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-luxury-card .woolentor-cart-arrow{font-size:18px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-pagination{justify-content:center;}@media(min-width:768px){.elementor-814 .elementor-element.elementor-element-c9ccf38{--width:20%;}}@media(max-width:1024px){.elementor-814 .elementor-element.elementor-element-8b226a7{--grid-auto-flow:row;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-product-grid-modern{gap:20px;}}@media(max-width:767px){.elementor-814 .elementor-element.elementor-element-8b226a7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-814 .elementor-element.elementor-element-d5c8b6e .woolentor-product-grid-modern{gap:15px;}}/* Start custom CSS for container, class: .elementor-element-dd964ce *//* ===================================================
   حل نهائي لمشكلة الحجم العملاق في شريط الترتيب
   =================================================== */
/* 1. إجبار الحاوية الأم على حجم وشكل الشريط الطبيعي */
.elementor-element-dd964ce {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #FFFDF5 !important;
    border: 1px solid #d1c6ab !important;
    border-radius: 12px !important;
    padding: 12px 24px !important; /* حشوة طبيعية */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
    max-height: 75px !important; /* إجبار الحاوية على عدم التضخم */
}

/* 2. تدمير الحشوات المخفية في الحاويات الداخلية (التي تسبب الحجم العملاق) */
.elementor-element-dd964ce .e-con,
.elementor-element-dd964ce .e-con-inner,
.elementor-element-dd964ce .elementor-widget,
.elementor-element-dd964ce .elementor-widget-container,
.elementor-element-dd964ce .harakat-sorting-bar {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important; /* إلغاء الارتفاع الافتراضي المزعج لإلمنتور */
}

/* 3. تنسيق القائمة المنسدلة (Select) والنص الذي يسبقها */
.elementor-element-dd964ce form.woocommerce-ordering {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-element-dd964ce form.woocommerce-ordering::before {
    content: "ترتيب حسب:" !important;
    font-family: 'cairo', sans-serif !important;
    font-weight: 800 !important;
    color: #1f1b10 !important;
    font-size: 14px !important;
    margin-left: 12px !important;
}

.elementor-element-dd964ce .woocommerce-ordering select {
    padding: 8px 16px !important;
    border: 2px solid #d1c6ab !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    color: #1f1b10 !important;
    outline: none !important;
    margin: 0 !important;
    height: auto !important; /* يمنع المربع من أخذ مساحة طولية زائدة */
}

/* 4. تنسيق نص النتائج (عرض 1-16 من...) */
.elementor-element-dd964ce .woocommerce-result-count {
    margin: 0 !important;
    padding: 0 !important;
    color: #4d4632 !important;
    font-family: 'cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* ===================================================
   إصلاح الحجم الزائد لصندوق السعر
   =================================================== */
/* إلغاء المسافة السفلية (mb-6) التي وضعتها أنت في كود ה-HTML وتسببت في الفراغ */
.elementor-element-6ae5e19 .mb-6 {
    margin-bottom: 0 !important; 
}

/* إلغاء حشوة إلمنتور الافتراضية فوق الكود الخاص بك */
.elementor-element-6ae5e19 .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* استجابة الموبايل */
@media (max-width: 767px) {
    .elementor-element-dd964ce {
        flex-direction: column !important;
        align-items: flex-start !important;
        max-height: none !important; /* السماح بالتمدد في الموبايل فقط */
        gap: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woolentor-product-grid-modern, class: .elementor-element-d5c8b6e *//* 1. السيطرة الكاملة على الشبكة (تجنب الزوم والتحميل المتكرر) */
.harakat-dynamic-grid .woolentor-product-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. تنسيق بطاقة المنتج (الكرت) */
.harakat-dynamic-grid .woolentor-product-item {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #d1c6ab !important;
    padding: 16px !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
}

.harakat-dynamic-grid .woolentor-product-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0, 89, 187, 0.15) !important;
}

/* 3. تنسيق الصورة المربعة */
.harakat-dynamic-grid .woolentor-product-image img {
    border-radius: 12px !important;
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
    background-color: #fcf3e0 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
}

/* 4. العنوان */
.harakat-dynamic-grid .woolentor-product-title a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    color: #1f1b10 !important;
    font-size: 16px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* 5. السعر */
.harakat-dynamic-grid .woolentor-product-price .amount {
    color: #0059bb !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 12px !important;
}

/* 6. زر الإضافة (+) */
.harakat-dynamic-grid .woolentor-cart-btn {
    font-size: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #ff6b00 !important;
    border-bottom: 4px solid #cc5500 !important;
    margin: 0 auto !important;
    transition: 0.3s !important;
}

.harakat-dynamic-grid .woolentor-cart-btn::after {
    content: "+" !important;
    font-size: 20px !important;
    color: #ffffff !important;
}

.harakat-dynamic-grid .woolentor-cart-btn svg { display: none !important; }

/* 7. إخفاء الـ Read more و النصوص غير المرغوبة */
.harakat-dynamic-grid .woolentor-cart-btn[title="Read more"] {
    display: none !important;
}

/* 8. ضبط الاتجاه */
.harakat-dynamic-grid {
    direction: rtl !important;
    text-align: right !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b226a7 *//* ===================================================
   1. تخطيط الجريد (إصلاح المسافات والاتجاه)
   =================================================== */
.elementor-element-8b226a7 .e-con-inner {
    display: grid !important;
    direction: rtl !important;
    grid-template-columns: 25% calc(75% - 24px) !important;
    grid-template-rows: max-content max-content !important;
    align-content: start !important; 
    gap: 24px !important;
}

/* إخفاء الحاوية الفارغة التي تسبب مشاكل المساحة */
.elementor-element-cc3af4f { display: none !important; }

/* ===================================================
   2. شريط الترتيب (اليسار - الأعلى) - مطابق لتصميمك
   =================================================== */
.elementor-element-dd964ce {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    background-color: #FFFDF5 !important; /* bg-surface-cream */
    border: 1px solid #d1c6ab !important; /* border-outline-variant */
    border-radius: 12px !important; /* rounded-xl */
    padding: 16px 24px !important; /* p-4 */
    display: flex !important;
    flex-direction: row !important; /* ترتيب أفقي */
    justify-content: space-between !important;
    align-items: center !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
}

/* ترتيب العناصر داخل شريط الترتيب */
.elementor-element-dd964ce > div,
.elementor-element-dd964ce .e-con {
    margin: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* ===================================================
   3. شبكة المنتجات (اليسار - الأسفل)
   =================================================== */
.elementor-element-aee794d {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    width: 100% !important;
    margin-top: -460px !important; /* 👈 أضف هذا السطر وتحكم بالرقم */
}

/* ===================================================
   4. صندوق التصنيفات (اليمين - الأعلى) - حل مشكلة القطع
   =================================================== */
.elementor-element-bba1ce2 {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    background-color: #FFFDF5 !important;
    border: 1px solid #d1c6ab !important; /* إرجاع الحدود كاملة */
    border-radius: 12px !important; /* زوايا مستديرة من كل الجهات */
    padding: 24px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
}

/* ===================================================
   5. صندوق السعر (اليمين - الأسفل) - حل مشكلة القطع
   =================================================== */
.elementor-element-6ae5e19 {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    background-color: #FFFDF5 !important;
    border: 1px solid #d1c6ab !important; /* إرجاع الحدود كاملة */
    border-radius: 12px !important; /* زوايا مستديرة من كل الجهات */
    padding: 24px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    width: 100% !important;
    
}

/* ===================================================
   6. التنسيقات الداخلية للتصنيفات (علامة الصح والخطوط)
   =================================================== */
.elementor-element-bba1ce2 h5,
.elementor-element-bba1ce2 .widget-title {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    color: #1f1b10 !important;
    font-size: 16px !important;
    border-bottom: 1px solid #d1c6ab !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}

.elementor-element-bba1ce2 ul.product-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.elementor-element-bba1ce2 ul.product-categories li a {
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important;
    color: #4d4632 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    transition: 0.3s color !important;
}

.elementor-element-bba1ce2 ul.product-categories li a:hover,
.elementor-element-bba1ce2 ul.product-categories li.current-cat a {
    color: #F37021 !important;
}

.elementor-element-bba1ce2 ul.product-categories li a::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #d1c6ab !important;
    border-radius: 4px !important;
    margin-left: 10px !important;
    background-color: #fff8f0 !important;
    transition: 0.3s all !important;
}

.elementor-element-bba1ce2 ul.product-categories li.current-cat a::before {
    background-color: #F37021 !important;
    border-color: #F37021 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 14px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.elementor-element-bba1ce2 .count { display: none !important; }

/* ===================================================
   7. استجابة الموبايل
   =================================================== */
@media (max-width: 768px) {
    .elementor-element-8b226a7 .e-con-inner {
        grid-template-columns: 1fr !important; 
    }
    .elementor-element-dd964ce { 
        grid-column: 1 / 2 !important; 
        grid-row: 1 / 2 !important; 
        flex-direction: column !important; /* شريط الترتيب يصبح عمودي بالموبايل */
        gap: 12px !important;
    } 
    .elementor-element-bba1ce2 { grid-column: 1 / 2 !important; grid-row: 2 / 3 !important; } 
    .elementor-element-6ae5e19 { grid-column: 1 / 2 !important; grid-row: 3 / 4 !important; } 
    .elementor-element-aee794d { grid-column: 1 / 2 !important; grid-row: 4 / 5 !important; } 
}
/* ===================================================
   8. إصلاحات الحجم الزائد (شريط الترتيب وصندوق السعر)
   =================================================== */

/* --- إصلاح شريط الترتيب (تصغير الحجم وتنسيق القائمة) --- */
.elementor-element-dd964ce .woocommerce-ordering,
.elementor-element-dd964ce .woocommerce-result-count {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}


.elementor-element-dd964ce .woocommerce-ordering select {
    padding: 8px 32px 8px 16px !important;
    border: 2px solid #d1c6ab !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    color: #1f1b10 !important;
    outline: none !important;
    min-height: auto !important;
    margin: 0 !important;
}

/* --- إصلاح صندوق السعر --- */
.elementor-element-6ae5e19 .mb-6 {
    margin-bottom: 0 !important; 
}/* End custom CSS */