/* Add custom CSS styles below */ 
custom-salla-product-card img{
    scale:1.3;
}

/* ═══════════════════════════════════════════════════════════════════════
   نظام تنسيق أوصاف منتجات لوشا الموحّد — نسخة الفراغات السخية (طراز روكسا)
   متناسق مع الهوية البصرية الحقيقية (خط Tajawal + بني #b08f73)
   قالب: عالي (Aali-theme)
   
   📍 وين تحطه؟  لوحة سلة ← المظهر ← تخصيص القالب ← كود CSS مخصص
   ✅ فراغات واسعة بين الأقسام (يتنفّس زي روكسا) + ديسكتوب وجوال
═══════════════════════════════════════════════════════════════════════ */

/* ════════════ الديسكتوب والأساس ════════════ */

/* ── العنوان الرئيسي (H2) ── فراغ كبير فوقه */
.Aali-theme .product__description h2,
#app .product__description h2,
.product__description h2 {
    font-size: 25px !important;
    font-weight: 700 !important;
    margin-top: 58px !important;
    margin-bottom: 20px !important;
    color: #2c2420 !important;
    line-height: 1.6 !important;
    position: relative !important;
    padding-bottom: 14px !important;
    display: block !important;
}
.Aali-theme .product__description h2::after,
#app .product__description h2::after,
.product__description h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 58px !important;
    height: 4px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, #b08f73, #c9a86a) !important;
}

/* ── عناوين الأقسام (H3) ── فراغ سخي فوقه (هذا اللي يعطي إحساس روكسا) */
.Aali-theme .product__description h3,
#app .product__description h3,
.product__description h3 {
    font-size: 21px !important;
    font-weight: 700 !important;
    margin-top: 54px !important;
    margin-bottom: 18px !important;
    color: #8a6f59 !important;
    line-height: 1.6 !important;
    display: block !important;
}

/* ── العناوين الفرعية (H4) ── */
.Aali-theme .product__description h4,
#app .product__description h4,
.product__description h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 32px !important;
    margin-bottom: 12px !important;
    color: #2c2420 !important;
    line-height: 1.6 !important;
    display: block !important;
}

/* ── الفقرات ── مسافات مريحة بين السطور والفقرات */
.Aali-theme .product__description p,
#app .product__description p,
.product__description p {
    margin-bottom: 20px !important;
    font-size: 16.5px !important;
    color: #4a423c !important;
    line-height: 2.1 !important;
}

/* ── القوائم ── مسافة سخية أسفلها */
.Aali-theme .product__description ul,
.Aali-theme .product__description ol,
#app .product__description ul,
#app .product__description ol,
.product__description ul,
.product__description ol {
    margin-bottom: 28px !important;
    margin-top: 0 !important;
    padding-right: 28px !important;
}
.Aali-theme .product__description li,
#app .product__description li,
.product__description li {
    margin-bottom: 16px !important;
    font-size: 16.5px !important;
    color: #4a423c !important;
    line-height: 2 !important;
    padding-right: 6px !important;
}

/* ── الكلمات الغامقة ── */
.Aali-theme .product__description strong,
.Aali-theme .product__description b,
#app .product__description strong,
.product__description strong,
.product__description b {
    color: #2c2420 !important;
    font-weight: 700 !important;
}

/* ── الخط الفاصل ── فراغ كبير حوله (يفصل الأقسام بوضوح زي روكسا) */
.Aali-theme .product__description hr,
#app .product__description hr,
.product__description hr {
    border: none !important;
    border-top: 1px solid #ece4dc !important;
    margin: 48px 0 !important;
}

/* ── النص المائل (الملاحظات) ── صندوق خفيف يتنفّس */
.Aali-theme .product__description em,
.Aali-theme .product__description i,
#app .product__description em,
.product__description em,
.product__description i {
    color: #8a6f59 !important;
    font-style: italic !important;
}

/* ── العناوين الملفوفة بـ strong (سلة تلفها تلقائياً) ── */
.Aali-theme .product__description h2 strong,
#app .product__description h2 strong,
.product__description h2 strong {
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #2c2420 !important;
    line-height: 1.6 !important;
}
.Aali-theme .product__description h3 strong,
#app .product__description h3 strong,
.product__description h3 strong {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #8a6f59 !important;
    line-height: 1.6 !important;
}
.Aali-theme .product__description h4 strong,
#app .product__description h4 strong,
.product__description h4 strong {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2c2420 !important;
    line-height: 1.6 !important;
}

/* ── أول عنصر بدون هامش علوي زائد ── */
.product__description > h2:first-child,
.product__description > h3:first-child,
.product__description > p:first-child {
    margin-top: 0 !important;
}

/* ════════════ الجوال (فراغات مناسبة + أحجام أصغر) ════════════ */
@media only screen and (max-width: 768px) {
    .Aali-theme .product__description h2,
    #app .product__description h2,
    body .product__description h2,
    .product__description h2,
    .product__description h2 strong {
        font-size: 21px !important;
        margin-top: 40px !important;
        margin-bottom: 0 !important;
        padding-bottom: 16px !important; 
        line-height: 1.6 !important;
        display: block !important;
    }

    .Aali-theme .product__description h3,
    #app .product__description h3,
    body .product__description h3,
    .product__description h3,
    .product__description h3 strong {
        font-size: 19px !important;
        margin-top: 36px !important;
        margin-bottom: 0 !important;
        padding-bottom: 14px !important; 
        line-height: 1.6 !important;
        display: block !important;
    }

    .Aali-theme .product__description h4,
    #app .product__description h4,
    body .product__description h4,
    .product__description h4,
    .product__description h4 strong {
        font-size: 16.5px !important;
        margin-top: 24px !important;
        margin-bottom: 0 !important;
        padding-bottom: 12px !important;
        display: block !important;
    }

    /* 🌟 استخدام padding للفقرات لمنع تداخل المسافات 🌟 */
    .Aali-theme .product__description p,
    #app .product__description p,
    body .product__description p,
    .product__description p,
    .product__description div {
        font-size: 15.5px !important;
        margin-bottom: 0 !important;
        padding-bottom: 18px !important; 
        line-height: 1.95 !important;
        display: block !important;
    }

    .Aali-theme .product__description ul,
    .Aali-theme .product__description ol,
    #app .product__description ul,
    #app .product__description ol,
    body .product__description ul,
    body .product__description ol {
        padding-right: 20px !important;
        margin-bottom: 24px !important;
        display: block !important;
    }

    /* 🌟 استخدام padding للقوائم والنقاط 🌟 */
    .Aali-theme .product__description li,
    #app .product__description li,
    body .product__description li,
    .product__description li {
        font-size: 15.5px !important;
        margin-bottom: 0 !important;
        padding-bottom: 16px !important; 
        line-height: 1.95 !important;
        display: list-item !important; 
    }

    .Aali-theme .product__description hr,
    #app .product__description hr,
    body .product__description hr,
    .product__description hr {
        margin: 36px 0 !important;
    }
}