.elementor-18096 .elementor-element.elementor-element-d766b03 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart button, .elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .button{transition:all 0.2s;}.elementor-18096 .elementor-element.elementor-element-116e9a4 .quantity .qty{transition:all 0.2s;}.elementor-18096 .elementor-element.elementor-element-0d759d8:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(0px/2);}.elementor-18096 .elementor-element.elementor-element-0d759d8:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(0px/2);}.elementor-18096 .elementor-element.elementor-element-0d759d8.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-18096 .elementor-element.elementor-element-0d759d8.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body:not(.rtl) .elementor-18096 .elementor-element.elementor-element-0d759d8.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-0px/2) + (-1px/2) );}body:not.rtl .elementor-18096 .elementor-element.elementor-element-0d759d8.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-0px/2) - (1px/2) );}.elementor-18096 .elementor-element.elementor-element-ce1e9eb.elementor-wc-products ul.products li.product{text-align:center;}.elementor-18096 .elementor-element.elementor-element-ce1e9eb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-18096 .elementor-element.elementor-element-ce1e9eb.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-18096 .elementor-element.elementor-element-ce1e9eb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-18096 .elementor-element.elementor-element-ce1e9eb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-price, class: .elementor-element-a0678e1 *//* ========================================================
   تنسيق صندوق السعر الفخم (ستايل متجر الساعات)
   ======================================================== */

/* الحاوية الرئيسية للصندوق */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price {
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 32, 65, 0.1) !important; /* إطار كحلي شفاف */
    border-radius: 12px !important;
    padding: 15px 25px !important;
    text-align: right !important; /* محاذاة لليمين */
    display: block !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important; /* شادو خفيف جداً */
}

/* 1. إضافة كلمة (سعر المنتج) فوق السعر أوتوماتيك */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price::before {
    content: "سعر المنتج" !important;
    display: block !important;
    color: #0F2041 !important; /* اللون الكحلي الفخم */
    font-size: 20px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}

/* 2. تنسيق الرقم الحالي (السعر الأساسي أو السعر بعد الخصم) */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price ins,
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price > .amount,
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price > span {
    text-decoration: none !important;
    color: rgb(243,180,130) !important; /* السعر الفعلي باللون البرتقالي عشان يخطف العين */
    font-size: 32px !important;
    font-weight: 800 !important;
    background: transparent !important;
}

/* 3. تنسيق السعر القديم المشطوب (لو المنتج عليه خصم) */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price del,
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price del .amount {
    color: #a0a0a0 !important; /* رمادي باهت */
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-left: 10px !important; /* مسافة بينه وبين السعر الجديد */
    text-decoration: line-through !important; /* خط الشطب */
}

/* 4. إضافة جملة (يشمل الضريبة) جنب السعر */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .price::after {
    content: " (يشمل الضريبة المضافة)" !important;
    display: inline-block !important;
    color: #888888 !important; /* رمادي مريح للعين */
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-right: 12px !important; /* مسافة تفصلها عن السعر */
}

/* 5. تصغير العملة (ر.س) شوية عشان الرقم نفسه هو اللي يبرز */
.elementor-18096 .elementor-element.elementor-element-a0678e1 .woocommerce-Price-currencySymbol {
    font-size: 18px !important;
    margin-right: 4px !important;
    color: inherit !important; /* تاخد نفس لون السعر (برتقالي أو رمادي حسب الخصم) */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-116e9a4 *//* ========================================================
   تنسيق منطقة (إضافة للسلة + الكمية)
   ======================================================== */

/* حاوية الإضافة للسلة والكمية مع بعض */
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart {
    display: flex !important;
    align-items: stretch !important; /* عشان ياخدوا نفس الطول بالظبط */
    gap: 15px !important; /* مسافة أنيقة بينهم */
    margin-bottom: 25px !important;
    flex-wrap: nowrap !important; /* عشان يفضلوا جنب بعض */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. زر إضافة للسلة */
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .single_add_to_cart_button {
    background: #0F2041 !important; 
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 0 30px !important; 
    height: 54px !important; /* طول ثابت موحد يطابق صندوق الكمية */
    font-size: 16px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    flex: 1 !important; /* السر هنا: هياخد المساحة المتبقية بالظبط ومش هيخرج بره المربع */
    width: auto !important; /* إلغاء الـ 100% اللي كانت بتخرجه بره */
    text-align: center !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
}

.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .single_add_to_cart_button:hover {
    background: rgb(243,180,130) !important; 
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(243, 180, 130, 0.4) !important;
}

/* 2. صندوق الكمية (+ و -) */
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity {
    display: flex !important;
    align-items: center !important;
    height: 54px !important; /* نفس طول زر السلة */
    border: 1px solid rgba(15, 32, 65, 0.1) !important; /* إطار كحلي خفيف */
    border-radius: 8px !important;
    background: #ffffff !important;
    margin: 0 !important;
    overflow: hidden !important; /* عشان أطراف الأزرار متخرجش عن الإطار */
}

/* تنسيق الرقم جوه صندوق الكمية */
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity input[type="number"],
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity input.qty {
    border: none !important;
    background: transparent !important;
    height: 100% !important;
    width: 50px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0F2041 !important;
    padding: 0 !important;
    -moz-appearance: textfield !important; /* إخفاء أسهم المتصفح الافتراضية المزعجة */
}

/* تنسيق أزرار الـ + و - */
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity input[type="button"],
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity .plus,
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity .minus {
    background: #fcfcfd !important;
    border: none !important;
    height: 100% !important;
    width: 40px !important;
    font-size: 18px !important;
    color: #555555 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity input[type="button"]:hover,
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity .plus:hover,
.elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity .minus:hover {
    background: #f0f0f0 !important;
    color: #0F2041 !important;
}

/* تظبيط الموبايل: ننزلهم تحت بعض لو الشاشة صغيرة جداً */
@media (max-width: 768px) {
    .elementor-18096 .elementor-element.elementor-element-116e9a4 .cart {
        flex-wrap: wrap !important;
    }
    .elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity {
        width: 100% !important;
        justify-content: space-between !important; /* توزيع الأزرار بشكل متساوي */
    }
    .elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .quantity input.qty {
        flex: 1 !important; /* الرقم ياخد باقي المساحة في النص */
    }
    .elementor-18096 .elementor-element.elementor-element-116e9a4 .cart .single_add_to_cart_button {
        width: 100% !important;
        flex: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-0d759d8 *//* ========================================================
   تنسيق صندوق الـ Meta (رمز المنتج والتصنيفات) - ستايل الكبسولات
   ======================================================== */

/* الحاوية الرئيسية للصندوق */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta {
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 32, 65, 0.1) !important; /* إطار كحلي شفاف */
    border-radius: 12px !important;
    padding: 5px 25px !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: 15px !important; 
}

/* السطر الواحد */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta > span {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important; 
    color: #0F2041 !important; 
    font-weight: 800 !important;
    font-size: 15px !important;
    gap: 12px !important; /* السر هنا: مسافة مريحة بين الكلمة والكبسولات */
    justify-content: flex-start !important; /* لضمان رص العناصر ناحية اليمين */
}

/* إزالة الخط الفاصل من آخر سطر */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta > span:last-child {
    border-bottom: none !important;
}

/* تنسيق قيمة الرمز (SKU) - إطار متقطع */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta span.sku {
    border: 1px dashed rgb(243,180,130) !important; /* إطار برتقالي للهوية */
    padding: 6px 16px !important;
    border-radius: 6px !important;
    color: #555555 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    background: #ffffff !important;
    margin: 0 !important; /* تم إزالة الدفع لليسار */
}

/* تنسيق قيم التصنيفات والوسوم - كبسولات */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta a {
    border: 1px solid #e1e5ea !important;
    padding: 6px 16px !important;
    border-radius: 30px !important; /* شكل بيضاوي */
    color: #555555 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    background: #fcfcfc !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* تأثير مرور الماوس على الكبسولة */
.elementor-18096 .elementor-element.elementor-element-0d759d8 .product_meta a:hover {
    border-color: #0F2041 !important; /* يقلب كحلي */
    color: #0F2041 !important;
    background: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1ed4d84 *//* ========================================================
   تنسيقات صفحة المنتج (مخصصة لمتجر الساعات)
   ======================================================== */

/* 1. مسار التنقل (Breadcrumbs) */
.woocommerce-breadcrumb {
    color: #888888 !important;
    font-size: 13px !important;
}
.woocommerce-breadcrumb a {
    color: rgb(243,180,130) !important; /* برتقالي الهوية */
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* 2. عنوان المنتج (شياكة ووضوح) */
.product_title {
    color: #0F2041 !important; /* كحلي فخم */
    font-weight: 800 !important;
    font-size: 28px !important;
    line-height: 1.4 !important;
}

/* 3. السعر (إبراز الخصم) */
.price {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #0F2041 !important; 
}
.price del {
    color: #a0a0a0 !important; /* لون السعر القديم باهت */
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-left: 10px;
}
.price ins {
    text-decoration: none !important;
    color: rgb(243,180,130) !important; /* السعر الحالي بالبرتقالي */
}

/* 4. زر إضافة للسلة (كبير وعريض) */
.cart .single_add_to_cart_button {
    background: #0F2041 !important; /* كحلي */
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 15px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    width: 100% !important; /* زرار يملى المساحة لمظهر احترافي */
    text-align: center !important;
    margin-top: 15px !important;
}
.cart .single_add_to_cart_button:hover {
    background: rgb(243,180,130) !important; /* يقلب برتقالي عند الماوس */
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(243, 180, 130, 0.4) !important;
}

/* 5. حالة المخزون (Out of stock / In stock) بتصميم كبسولة */
.stock {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    margin-bottom: 15px !important;
}
.stock.out-of-stock {
    color: #e2401c !important;
    background: rgba(226, 64, 28, 0.1) !important; /* خلفية حمراء شفافة */
}
.stock.in-stock {
    color: #11823b !important;
    background: rgba(17, 130, 59, 0.1) !important; /* خلفية خضراء شفافة */
}

/* 6. معلومات المنتج (الـ Meta زي SKU والتصنيفات) */
.product_meta {
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 20px !important;
    margin-top: 25px !important;
    color: #555555 !important;
    font-size: 14px !important;
    display: flex;
    flex-direction: column; /* يرصهم تحت بعض بشياكة */
    gap: 10px;
}
.product_meta span {
    color: #0F2041 !important;
    font-weight: 700 !important;
}
.product_meta a {
    color: rgb(243,180,130) !important;
    font-weight: 600 !important;
}

/* 7. تبويبات الوصف والمراجعات (Product Data Tabs) */
.woocommerce-tabs .tabs {
    display: flex !important;
    justify-content: center !important; /* توسيط التبويبات */
    border-bottom: 2px solid #f0f0f0 !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
}
.woocommerce-tabs .tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 20px !important;
}
.woocommerce-tabs .tabs li a {
    color: #888888 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 10px 0 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li a:hover {
    color: #0F2041 !important; /* التبويبة النشطة كحلي */
}
.woocommerce-tabs .tabs li.active {
    border-bottom: 3px solid rgb(243,180,130) !important; /* خط برتقالي فخم تحتها */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-50c616c *//* ========================================================
   تنسيق تبويبات المنتج (Product Data Tabs) - هوية متجر الساعات
   ======================================================== */

/* حاوية التبويبات بالكامل (شكل كارت فخم) */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 30px !important;
    border: 1px solid rgba(15, 32, 65, 0.05) !important; /* إطار كحلي خفيف جداً يحدد المنطقة */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02) !important; /* ظل ناعم لعمق التصميم */
}

/* شريط العناوين الرئيسي (المحتوي على التبويبات) */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs {
    display: flex !important;
    justify-content: center !important; /* توسيط التبويبات في نص الصفحة */
    border-bottom: 2px solid #f0f0f0 !important; /* خط رمادي أساسي تحتهم */
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    list-style: none !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* التبويبة الواحدة (غير النشطة) */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 15px !important; /* مسافة بين التبويبات في الشاشات الكبيرة */
    position: relative !important;
}

/* تنسيق النص داخل التبويبة */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li a {
    color: #888888 !important; /* رمادي هادي للغير نشط */
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px 5px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* سحر الأنيميشن: الخط البرتقالي اللي بيترسم عند مرور الماوس */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important; /* عشان يغطي على الخط الرمادي الأساسي */
    left: 0 !important;
    width: 0% !important; /* بيبدأ مخفي */
    height: 3px !important;
    background: rgb(243,180,130) !important; /* الخط البرتقالي */
    transition: width 0.3s ease !important; /* حركة سلسة */
}

/* إظهار الخط عند مرور الماوس */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li:hover a::after {
    width: 100% !important;
}

/* التبويبة النشطة (المفتوحة حالياً) */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li.active a {
    color: #0F2041 !important; /* تقلب كحلي غامق واضح */
}

/* تثبيت الخط البرتقالي للتبويبة النشطة */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li.active a::after {
    width: 100% !important; 
}

/* -------------------------------------------
   تنسيق محتوى التبويبة (النص المكتوب جوه الوصف)
   ------------------------------------------- */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-Tabs-panel {
    color: #555555 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    text-align: right !important; /* محاذاة لليمين */
}

/* تنسيق العناوين داخل الوصف (لو العميل كاتب H2 أو H3 جوه الوصف) */
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-Tabs-panel h1,
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-Tabs-panel h2,
.elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-Tabs-panel h3 {
    color: #0F2041 !important;
    margin-bottom: 15px !important;
    font-weight: 800 !important;
}

/* تظبيط الموبايل: تصغير الخطوط والمسافات عشان متكسرش الشاشة */
@media (max-width: 768px) {
    .elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs {
        padding: 20px 15px !important;
    }
    .elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs {
        justify-content: space-around !important;
    }
    .elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li {
        margin: 0 !important;
    }
    .elementor-18096 .elementor-element.elementor-element-50c616c .woocommerce-tabs ul.tabs li a {
        font-size: 14px !important;
        padding: 10px 5px !important;
    }
}/* End custom CSS */