.elementor-widget-woocommerce-product-title .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24356 .elementor-element.elementor-element-359ac57 .cart button, .elementor-24356 .elementor-element.elementor-element-359ac57 .cart .button{transition:all 0.2s;}.elementor-24356 .elementor-element.elementor-element-359ac57 .quantity .qty{transition:all 0.2s;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24356 .elementor-element.elementor-element-f565f02.elementor-wc-products ul.products li.product{text-align:center;}.elementor-24356 .elementor-element.elementor-element-f565f02.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-24356 .elementor-element.elementor-element-f565f02.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-24356 .elementor-element.elementor-element-d3275dc{width:45%;}.elementor-24356 .elementor-element.elementor-element-b99981b{width:55%;}}@media(max-width:1024px){.elementor-24356 .elementor-element.elementor-element-f565f02.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-24356 .elementor-element.elementor-element-f565f02.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-stock, class: .elementor-element-167121d */.elementor-24356 .elementor-element.elementor-element-167121d .stock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f0fdf4 !important;
    color: #0b8a4f !important;
    border: 1px solid #a3e0b9 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    gap: 8px !important;
}
.elementor-24356 .elementor-element.elementor-element-167121d .stock::after { content: none !important; }
.elementor-24356 .elementor-element.elementor-element-167121d .stock::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a4f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-e43c015 *//* إخفاء العنوان لو كان محطوط كـ H2 أو H3 جوه الوصف القصير */
.elementor-24356 .elementor-element.elementor-element-e43c015 h1, .elementor-24356 .elementor-element.elementor-element-e43c015 h2, .elementor-24356 .elementor-element.elementor-element-e43c015 h3 {
    display: none !important;
}

/* تحويل القائمة لكبسولات (Tags) أنيقة موفرة للمساحة */
.elementor-24356 .elementor-element.elementor-element-e43c015 ul {
    display: flex !important;
    flex-wrap: wrap !important; /* عشان ينزلوا سطر جديد أوتوماتيك لو المكان ضيق */
    gap: 8px !important; /* مسافات ضيقة وملمومة */
    padding: 0 !important;
    list-style: none !important;
    margin: 0 0 20px 0 !important;
}

.elementor-24356 .elementor-element.elementor-element-e43c015 ul li {
    background-color: #f7f9fa !important;
    border: 1px solid #e1e5ea !important;
    border-radius: 30px !important; /* شكل الكبسولة الدائري الشيك */
    padding: 6px 14px !important;
    font-size: 13px !important;
    color: #444 !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-24356 .elementor-element.elementor-element-e43c015 ul li:hover {
    background-color: #fff !important;
    border-color: #8f0500 !important;
    color: #8f0500 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-359ac57 *//* إخفاء كلمة متوفر في المخزون المتكررة داخل السلة */
/* الإخفاء النهائي لكلمة متوفر في المخزون المتكررة */
.elementor-24356 .elementor-element.elementor-element-359ac57 .stock,
.elementor-24356 .elementor-element.elementor-element-359ac57 p.stock,
.elementor-24356 .elementor-element.elementor-element-359ac57 .in-stock,
.elementor-24356 .elementor-element.elementor-element-359ac57 .wrap-stock,
.elementor-24356 .elementor-element.elementor-element-359ac57 .woocommerce-variation-availability {
    display: none !important;
}
/* إخفاء صندوق الإجمالي الإنجليزي الخاص بالإضافة (Options amount & Final total) */
.elementor-24356 .elementor-element.elementor-element-359ac57 .tc-totals-form,
.elementor-24356 .elementor-element.elementor-element-359ac57 .tm-totals-form-main,
.elementor-24356 .elementor-element.elementor-element-359ac57 .tc-extra-product-options-totals {
    display: none !important;
}
/* تظبيط المنطقة بالكامل (السلة + الكمية + اشتري الآن) */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

/* 1. تصميم زر الكمية الاحترافي */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 2px solid #eee !important;
    border-radius: 8px !important;
    background: #fff !important;
    height: 50px !important; /* نفس ارتفاع زرار السلة */
    width: 120px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* زراير الزائد والناقص */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .quantity input[type="button"] {
    background: transparent !important;
    border: none !important;
    color: #333 !important;
    font-size: 20px !important;
    width: 40px !important;
    height: 100% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .quantity input[type="button"]:hover {
    background: #f9f9f9 !important;
    color: #c10701 !important; /* بيحمر لما تقف عليه */
}

/* مربع الرقم نفسه */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .quantity input.qty {
    border: none !important;
    border-left: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    width: 50px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 2. زرار إضافة إلى السلة بياخد باقي المساحة */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .single_add_to_cart_button {
    flex-grow: 1 !important;
    height: 50px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

/* 3. زرار اشتري الآن (بينزل في سطر لوحده تحتهم) */
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .wd-buy-now-btn,
.elementor-24356 .elementor-element.elementor-element-359ac57 form.cart .buy-now-button {
    flex: 0 0 100% !important; /* عشان ياخد العرض بالكامل */
    margin-top: 5px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-0734073 *//* ==========================================================================
   تصميم فخم لتبويبات المنتج (الوصف، المراجعات، الخ)
========================================================================== */

/* 1. الصندوق الخارجي للتبويبات */
.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    padding: 30px !important;
    margin-top: 40px !important;
    border: 1px solid #f5f5f5 !important;
}

/* 2. شريط التنقل (الزراير اللي فوق) */
.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 25px 0 !important;
    border-bottom: 2px solid #f0f0f0 !important;
    list-style: none !important;
}

.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li a {
    color: #777 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 10px 15px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

/* 3. التاب النشط (المفتوح حالياً) */
.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li.active a {
    color: #c10701 !important; /* اللون الأحمر الفخم */
}

/* الخط الأحمر تحت التاب النشط */
.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -17px !important; /* عشان يلمس الخط الرمادي اللي تحت */
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background-color: #c10701 !important;
    border-radius: 3px 3px 0 0 !important;
}

.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li:hover a {
    color: #222 !important;
}

/* 4. محتوى التبويبات (الوصف نفسه) */
.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs .panel {
    color: #555 !important;
    line-height: 1.9 !important;
    font-size: 15px !important;
}

.elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs .panel h2 {
    font-size: 22px !important;
    color: #222 !important;
    margin-bottom: 20px !important;
    font-weight: 900 !important;
}

/* 5. تظبيط الريسبونسف للموبايل (عشان متطلعش بره الشاشة) */
@media (max-width: 768px) {
    .elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs {
        padding: 20px 15px !important;
    }
    .elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs {
        flex-direction: column !important;
        align-items: center !important;
        border-bottom: none !important;
        gap: 10px !important;
    }
    .elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li {
        width: 100% !important;
        text-align: center !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    .elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li.active::after {
        display: none !important; /* إخفاء الخط السفلي في الموبايل */
    }
    .elementor-24356 .elementor-element.elementor-element-0734073 .woocommerce-tabs ul.wc-tabs li.active {
        border-bottom: 2px solid #c10701 !important; /* وضع الخط على الزرار نفسه */
    }
}/* End custom CSS */
/* Start custom CSS *//* تنسيقات صندوق السعر */
.jhz-price-box {
    background-color: #fbf9f6; 
    border: 1px solid rgba(193,7,1,0.08);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.jhz-price-top { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.jhz-price-label { font-size: 15px; color: #8f0500; font-weight: bold; }
.jhz-discount-badge { background-color: #922226; color: #fff; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: bold; }
.jhz-price-middle { display: flex; align-items: center; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.jhz-current-price { font-size: 34px !important; font-weight: 900 !important; color: #db1b22 !important; line-height: 1; }
.jhz-current-price .woocommerce-Price-currencySymbol { font-size: 20px; margin-right: 5px; }
.jhz-tax-note { font-size: 13px; color: #666; font-weight: 600; }
.jhz-price-bottom { display: flex; align-items: center; justify-content: flex-start; gap: 15px; }
.jhz-old-price { font-size: 16px; color: #999; text-decoration: line-through; }
.jhz-save-amount { font-size: 14px; color: #db1b22; font-weight: bold; }

/* تنسيقات صندوق الميتا */
.jhz-meta-box {
    background-color: #f7fbff;
    border: 1px solid #e1effc;
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.jhz-meta-row:last-child { border-bottom: none; padding-bottom: 0; }
.jhz-meta-row:first-child { padding-top: 0; }
.jhz-meta-label { color: #8f0500; font-weight: bold; }
.jhz-sku-box { 
    border: 1px dashed #ccc; 
    padding: 5px 15px; 
    border-radius: 4px; 
    background: #fff; 
    color: #333; 
    font-weight: bold; 
    font-size: 13px;
}
.jhz-meta-row { 
    display: flex; 
    align-items: center; 
    justify-content: flex-start; /* عشان يبدأ من اليمين للشمال */
    gap: 15px; /* مسافة جمالية بين الكلمة والكبسولات */
    font-size: 14px; 
    padding: 12px 0;
    border-bottom: 1px solid #eef4fa;
}

.jhz-meta-capsules {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-start; /* عشان الكبسولات تترص من اليمين */
}
.jhz-meta-capsules a {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px; /* شكل الكبسولة */
    padding: 4px 12px;
    color: #444;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
}
.jhz-meta-capsules a:hover { border-color: #8f0500; color: #8f0500; }

/* تنسيقات إعلان خدمة التركيب المجاني */
.jhz-installation-note {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #fef4f4 0%, #fdfbfb 100%);
    border-right: 4px solid #db1b22;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    margin-bottom: 20px;
}
.jhz-inst-icon { font-size: 20px; margin-left: 10px; }
.jhz-inst-text { font-size: 14px; color: #333; font-weight: 600; }
.jhz-inst-text strong { color: #db1b22; font-weight: 900; }/* End custom CSS */