.elementor-890 .elementor-element.elementor-element-8c8f833{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-890 .elementor-element.elementor-element-8c8f833:not(.elementor-motion-effects-element-type-background), .elementor-890 .elementor-element.elementor-element-8c8f833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-890 .elementor-element.elementor-element-26ce1e6a{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-890 .elementor-element.elementor-element-6bdfab5b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 8%) 0%;}.elementor-890 .elementor-element.elementor-element-2c5204b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-890 .elementor-element.elementor-element-2c5204b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#1C244B;}.elementor-890 .elementor-element.elementor-element-23a33dc{text-align:start;}.elementor-890 .elementor-element.elementor-element-7fed6b23{width:var( --container-widget-width, 507px );max-width:507px;margin:8% 0% calc(var(--kit-widget-spacing, 0px) + 8%) 0%;--container-widget-width:507px;--container-widget-flex-grow:0;text-align:start;color:#324A6D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-890 .elementor-element.elementor-element-63b43e2{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 4%) 0%;text-align:start;}.elementor-890 .elementor-element.elementor-element-63b43e2.elementor-element{--align-self:flex-start;}.woocommerce .elementor-890 .elementor-element.elementor-element-63b43e2 .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;}.woocommerce .elementor-890 .elementor-element.elementor-element-63b43e2 .price ins{color:#324A6D;}body:not(.rtl) .elementor-890 .elementor-element.elementor-element-63b43e2:not(.elementor-product-price-block-yes) del{margin-right:10px;}body.rtl .elementor-890 .elementor-element.elementor-element-63b43e2:not(.elementor-product-price-block-yes) del{margin-left:10px;}.elementor-890 .elementor-element.elementor-element-63b43e2.elementor-product-price-block-yes del{margin-bottom:10px;}.elementor-890 .elementor-element.elementor-element-3117009 .cart button, .elementor-890 .elementor-element.elementor-element-3117009 .cart .button{transition:all 0.2s;}.elementor-890 .elementor-element.elementor-element-3117009 .quantity .qty{transition:all 0.2s;}.elementor-890 .elementor-element.elementor-element-1d16f621{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-890 .elementor-element.elementor-element-3fe8de54{width:100%;max-width:100%;}.woocommerce .elementor-890 .elementor-element.elementor-element-3fe8de54 .flex-viewport:not(:last-child){margin-bottom:13px;}.woocommerce .elementor-890 .elementor-element.elementor-element-3fe8de54 .flex-control-thumbs li{padding-right:calc(13px / 2);padding-left:calc(13px / 2);padding-bottom:13px;}.woocommerce .elementor-890 .elementor-element.elementor-element-3fe8de54 .flex-control-thumbs{margin-right:calc(-13px / 2);margin-left:calc(-13px / 2);}.elementor-890 .elementor-element.elementor-element-479feaa2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-890 .elementor-element.elementor-element-479feaa2:not(.elementor-motion-effects-element-type-background), .elementor-890 .elementor-element.elementor-element-479feaa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product{text-align:left;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:140px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:35px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#1C244B;margin-bottom:3px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#1C244B;margin-bottom:3px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price ins{color:#1C244B;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price ins .amount{color:#1C244B;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price del{color:#1C244B;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price del .amount{color:#1C244B;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:line-through;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .button{color:#1C244B;background-color:#02010100;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;padding:10px 0px 0px 0px;margin-top:0px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .button:hover{color:#467FF7;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products .added_to_cart{color:#1C244B;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0px;border-radius:0px;min-width:80px;min-height:30px;right:auto;left:0;margin:0px;}.elementor-890 .elementor-element.elementor-element-75aa4ad{--display:flex;--min-height:251px;--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-890 .elementor-element.elementor-element-75aa4ad:not(.elementor-motion-effects-element-type-background), .elementor-890 .elementor-element.elementor-element-75aa4ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-890 .elementor-element.elementor-element-26ce1e6a{--width:50%;}.elementor-890 .elementor-element.elementor-element-1d16f621{--width:50%;}.elementor-890 .elementor-element.elementor-element-479feaa2{--content-width:1650px;}}@media(max-width:1024px){.elementor-890 .elementor-element.elementor-element-8c8f833{--min-height:700px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-890 .elementor-element.elementor-element-26ce1e6a{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-890 .elementor-element.elementor-element-6bdfab5b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-890 .elementor-element.elementor-element-2c5204b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-890 .elementor-element.elementor-element-2c5204b5 .elementor-heading-title{font-size:14px;}.elementor-890 .elementor-element.elementor-element-7fed6b23{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.elementor-890 .elementor-element.elementor-element-63b43e2{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.woocommerce .elementor-890 .elementor-element.elementor-element-63b43e2 .price{font-size:25px;}.elementor-890 .elementor-element.elementor-element-479feaa2{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .button{font-size:14px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product span.onsale{font-size:14px;line-height:2em;}}@media(max-width:767px){.elementor-890 .elementor-element.elementor-element-8c8f833{--margin-top:26%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-890 .elementor-element.elementor-element-26ce1e6a{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-890 .elementor-element.elementor-element-2c5204b5{text-align:center;}.elementor-890 .elementor-element.elementor-element-23a33dc{text-align:center;}.elementor-890 .elementor-element.elementor-element-7fed6b23{padding:0% 5% 0% 5%;text-align:center;}.elementor-890 .elementor-element.elementor-element-63b43e2.elementor-element{--align-self:center;}.elementor-890 .elementor-element.elementor-element-63b43e2{text-align:center;}.woocommerce .elementor-890 .elementor-element.elementor-element-63b43e2 .price{font-size:20px;}.elementor-890 .elementor-element.elementor-element-1d16f621{--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:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-890 .elementor-element.elementor-element-1d16f621.e-con{--order:-99999 /* order start hack */;}.elementor-890 .elementor-element.elementor-element-479feaa2{--padding-top:30%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product{text-align:center;}.elementor-890 .elementor-element.elementor-element-17b798e{width:100%;max-width:100%;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:70px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:30px;}.elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-890 .elementor-element.elementor-element-17b798e.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for woocommerce-product-title, class: .elementor-element-23a33dc *//* Product Title - انسخ الكود كامل */
.product_title {
    /* تعريف الألوان */
    --brand-green: #759f61;
    --brand-pink: #d893cb;
    
    font-family: 'Inter', sans-serif;
    font-size: 36px !important; /* كبرنا الخط شوي عشان يبين اللون */
    font-weight: 800; /* خط عريض جداً */
    margin-bottom: 20px !important;
    letter-spacing: -1px;
    
    /* 🔴 السحر هون: تلوين النص نفسه */
    background: linear-gradient(90deg, var(--brand-green), var(--brand-pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* بنخفي اللون الأصلي عشان يبين التدرج */
    
    display: inline-block; /* عشان التدرج يزبط صح */
}

/* خط زخرفي تحت العنوان */
.product_title::after {
    content: '';
    display: block;
    width: 100%; /* الخط على طول الكلمة */
    max-width: 80px; /* أو حدد طول معين */
    height: 4px;
    background: var(--brand-green);
    margin-top: 8px;
    border-radius: 10px;
    opacity: 0.3;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-7fed6b23 *//* Product Description - انسخ الكود كامل */
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel--description {
    /* تعريف الألوان محلياً */
    --brand-green: #759f61;
    --text-gray: #555555;
}

.woocommerce-product-details__short-description p,
.woocommerce-Tabs-panel--description p {
    font-family: 'Inter', sans-serif;
    color: var(--text-gray);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.woocommerce-product-details__short-description strong {
    color: var(--brand-green);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-63b43e2 *//* Price - انسخ الكود كامل */
p.price {
    /* تعريف الألوان محلياً */
    --brand-green: #759f61;
    --brand-pink: #d893cb;
    
    font-family: 'Inter', sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

p.price del {
    color: #aaa !important;
    font-size: 18px !important;
    opacity: 0.6;
}

p.price ins, p.price .woocommerce-Price-amount {
    color: var(--brand-green);
    text-decoration: none;
}

p.price ins .woocommerce-Price-amount {
    color: var(--brand-pink);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-3117009 *//* --- تنسيق زر الإضافة + حل مشكلة PPOM --- */

/* 1. الحاوية الأم: تفعيل الفليكس مع السماح بالنزول لسطر جديد */
.woocommerce div.product form.cart, 
.elementor-add-to-cart form.cart {
    display: flex !important;
    flex-wrap: wrap !important; /* المفتاح: اسمح للعناصر تنزل سطر */
    align-items: flex-end !important; /* محاذاة العناصر للأسفل */
    gap: 10px !important;
    width: 100% !important;
}

/* 2. إجبار حقول PPOM إنها تاخذ السطر اللي فوق كامل */
/* نستهدف أي div داخل الفورم ما عدا خانة الكمية */
.woocommerce div.product form.cart > div:not(.quantity),
#ppom-box {
    width: 100% !important;
    flex: 0 0 100% !important; /* احجز العرض كامل */
    margin-bottom: 15px !important; /* مسافة بين الحقول والزر */
}

/* 3. خانة الرقم: عرض ثابت */
.woocommerce div.product form.cart .quantity,
.elementor-add-to-cart .quantity {
    flex: 0 0 70px !important; 
    width: 70px !important;
    margin: 0 !important;
}

/* تنسيق حقل الإدخال والأسهم */
.woocommerce div.product form.cart .quantity input.qty,
.elementor-add-to-cart .quantity input.qty {
    width: 100% !important;
    height: 50px !important;
    border-radius: 50px !important;
    border: 1px solid #ddd !important;
    padding: 0 5px !important;
    text-align: center !important;
    font-weight: bold !important;
    -moz-appearance: textfield !important; 
}

/* إظهار الأسهم (للتذكير) */
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button, 
.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    margin: 0;
}

/* 4. زر الإضافة: يوخذ باقي المساحة في السطر الأخير */
.woocommerce div.product form.cart button.single_add_to_cart_button,
.elementor-add-to-cart button.single_add_to_cart_button {
    flex-grow: 1 !important; /* تمدد لملء الفراغ */
    width: auto !important; 
    height: 50px !important;
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    border-radius: 50px !important;
    background-color: #759f61 !important;
    color: white !important;
    border: none !important;
    font-weight: bold !important;
}

/* حركة الماوس */
.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background-color: #d893cb !important;
    transform: translateY(-2px);
}

/* --- تنسيق حقول PPOM لتتناسق مع الثيم --- */

/* 1. تنسيق الحاويات (الخانات) */
.ppom-wrapper .form-group {
    margin-bottom: 20px !important; /* مسافة مرتبة بين كل خانة والثانية */
}

/* 2. تنسيق الليبل (العناوين فوق الخانات) */
.ppom-wrapper label.control-label {
    font-weight: 700 !important; /* خط عريض */
    color: #333 !important; /* لون غامق واضح */
    margin-bottom: 8px !important;
    font-size: 15px !important;
}

/* 3. تنسيق حقول الإدخال (النص، القوائم، التاريخ) */
.ppom-wrapper input[type="text"],
.ppom-wrapper input[type="tel"],
.ppom-wrapper input[type="email"],
.ppom-wrapper input[type="date"],
.ppom-wrapper select,
.ppom-wrapper textarea {
    background-color: #fff !important;
    border: 1px solid #ddd !important; /* نفس حدود خانة الكمية */
    border-radius: 25px !important; /* تدويرة ناعمة (مش 50 عشان النصوص الطويلة) */
    padding: 10px 20px !important; /* مساحة مريحة للكتابة */
    min-height: 50px !important; /* نفس ارتفاع الزر وخانة الكمية */
    width: 100% !important;
    box-shadow: none !important;
    color: #333 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

/* 4. تنسيق خاص للـ Textarea (الملاحظات) */
.ppom-wrapper textarea {
    height: auto !important;
    min-height: 100px !important; /* نعطيها طول مناسب */
    border-radius: 20px !important; /* تدويرة أخف شوي للحقول الكبيرة */
}

/* 5. حركة لما اليوزر يكبس جوا الخانة (Focus) */
.ppom-wrapper input:focus,
.ppom-wrapper select:focus,
.ppom-wrapper textarea:focus {
    border-color: #759f61 !important; /* يصير الحدود خضراء متل الزر */
    outline: none !important;
    background-color: #fcfcfc !important; /* تفتيح بسيط للخلفية */
    box-shadow: 0 0 5px rgba(117, 159, 97, 0.2) !important; /* وهج خفيف */
}

/* 6. إزالة أي حواف حادة قديمة من البوتستراب */
.ppom-wrapper .form-control {
    border-radius: 25px !important;
}


/* =========================================
   إجبار ظهور زر الإضافة و PPOM على الموبايل
   ========================================= */

@media only screen and (max-width: 768px) {
    
    /* 1. فتح ارتفاع الحاويات غصب */
    .elementor-section, 
    .elementor-column, 
    .elementor-widget-woocommerce-product-add-to-cart,
    .product-type-simple,
    .woocommerce-tabs {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important; /* ممنوع القص */
        display: block !important;
    }

    /* 2. إجبار الفورم يبين */
    form.cart {
        display: flex !important;
        flex-direction: column !important; /* رتبهم عامودي */
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 50px !important;
        padding-bottom: 20px !important;
    }

    /* 3. إصلاح مشكلة اختفاء PPOM */
    #ppom-box-container, 
    .ppom-wrapper {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        height: auto !important;
        margin-bottom: 20px !important;
    }

    /* 4. تنسيق الزر والكمية عشان يكونوا مرتبين */
    .woocommerce div.product form.cart .quantity {
        align-self: flex-start !important; /* عاليسار أو اليمين حسب لغتك */
        margin-bottom: 15px !important;
    }

    .woocommerce div.product form.cart button.single_add_to_cart_button {
        width: 100% !important;
        margin: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-3fe8de54 *//* =========================================
   تعديل الجاليري (تصغير + إزاحة خفيفة لليمين)
   ========================================= */

/* 1. الجاليري الرئيسي */
.woocommerce-product-gallery {
    width: 100% !important;
    max-width: 380px !important; /* صغرنا الحجم لـ 380 بكسل */
    
    /* الإزاحة لليمين "شوي" */
    margin-left: auto !important;  /* ادفش لجهة اليمين */
    margin-right: 10% !important;  /* بس اترك مسافة 10% من الطرف اليمين (عشان ما يلزق) */
    
    display: block !important;
    
    /* الستايل والزوايا */
    border-radius: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.02) !important;
    overflow: hidden;
}

/* 2. حاوية الصور المصغرة تحت */
.flex-control-thumbs {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 15px !important;
    
    width: 100% !important;
    max-width: 380px !important; /* نفس عرض الصورة الكبيرة بالزبط */
    
    /* نفس الإزاحة عشان ييجوا تحت الصورة بالمسطرة */
    margin-left: auto !important;
    margin-right: 10% !important; 
}

/* 3. ستايل الصور المصغرة (نفس الستايل الممتاز اللي عجبك) */
.flex-control-thumbs li {
    width: 20% !important;
    margin: 0 !important;
}

.flex-control-thumbs li img {
    border-radius: 15px !important;
    border: 2px solid transparent !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease !important;
    opacity: 0.7;
}

/* تأثير الإضاءة (Glow) */
.flex-control-thumbs li img:hover,
.flex-control-thumbs li img.flex-active {
    opacity: 1 !important;
    transform: translateY(-3px);
    border-color: #d893cb !important; 
    box-shadow: 0 0 15px rgba(216, 147, 203, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-17b798e *//* =========================================
   تنسيق Related Products (4 ديسكتوب - 2 موبايل)
   ========================================= */

/* 1. شبكة المنتجات (توزيع الأعمدة) */
.related.products ul.products {
    display: grid !important;
    /* 🔴 ديسكتوب: 4 أعمدة متساوية */
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 20px !important; /* مسافة بين الكروت */
    margin: 30px 0 !important;
}

/* 2. تصميم الكرت (نفس الستايل الفخم) */
.related.products ul.products li.product {
    width: 100% !important; /* عشان يعبي العمود تبعه */
    margin: 0 !important; /* بنعتمد عالـ gap تبع الشبكة */
    
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 15px !important; /* حشوة مناسبة */
    text-align: center !important;
    
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;
    
    /* ترتيب العناصر عمودياً */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    
    transition: all 0.3s ease !important;
}

/* هوفر عالكرت */
.related.products ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(117, 159, 97, 0.15) !important;
    border-color: #759f61 !important;
}

/* 3. الصورة */
.related.products ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1 !important; /* مربعة */
    object-fit: cover !important;
    border-radius: 15px !important;
    margin-bottom: 15px !important;
}

/* 4. النصوص (العنوان والسعر) */
.related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #282828 !important;
    line-height: 1.3 !important;
    margin-bottom: 5px !important;
}

.related.products .price {
    color: #759f61 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 15px !important;
}

.related.products .price del {
    color: #aaa !important;
    font-size: 13px !important;
    opacity: 0.6;
}

/* 5. الزر (عريض وفاتح) */
.related.products .button {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    
    background-color: #f4f9f4 !important;
    color: #759f61 !important;
    
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border: none !important;
    margin-top: auto !important;
    transition: all 0.3s ease !important;
}

.related.products .button:hover {
    background-color: #759f61 !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* 6. شارة الخصم */
.related.products .onsale {
    background-color: #d893cb !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 4px 10px !important;
    position: absolute !important;
    top: 10px !important; right: 10px !important; left: auto !important;
}

/* =========================================
   🔴 7. تعديلات الموبايل (2 منتجات بالسطر)
   ========================================= */
@media (max-width: 768px) {
    .related.products ul.products {
        /* 🔴 موبايل: 2 أعمدة */
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important; /* مسافة أصغر عشان توسع الشاشة */
        margin: 20px 0 !important;
    }
    
    /* تصغير الخطوط والحشوات شوي عالموبايل عشان يوسعوا الاثنين */
    .related.products ul.products li.product {
        padding: 10px !important;
    }
    
    .related.products ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }
    
    .related.products .price {
        font-size: 13px !important;
    }
    
    .related.products .button {
        font-size: 12px !important;
        padding: 8px 0 !important;
    }
}/* End custom CSS */