/* Add custom CSS styles below *//* 1. إخفاء النص الأصلي داخل وسم H2 فقط عندما يكون العنصر الأب يحمل فئة 'text-red' */
.special-product.text-red h2.text-store-text-primary {
    color: transparent !important; /* إخفاء النص */
    font-size: 0.1px !important; 
    position: relative; 
    display: flex !important; /* لتمكين العرض المتجاور للنصين الكاذبين */
    justify-content: center; /* لتوسيط النص */
    line-height: 1.2; 
    width: 100%;
    gap: 0;
}

/* 2. إضافة الجزء الأول (Soutar SP20) باللون الأصلي */
.special-product.text-red h2.text-store-text-primary::before {
    content: "Soutar SP20 "; 
    
    /* استعادة خصائص الخط */
    font-size: 1.25rem; 
    font-weight: bold;
    
    /* اللون الأصلي للثيم */
    color: var(--store-text-primary, #374151) !important; 
}

/* 3. إضافة الجزء الثاني ((طلب مسبق ٤٠ الى ٥٠ يوم)) باللون الأحمر */
.special-product.text-red h2.text-store-text-primary::after {
    content: "(طلب مسبق 40 الى 50 يوم)"; 
    
    /* استعادة خصائص الخط */
    font-size: 1.25rem; 
    font-weight: bold;
    
    /* اللون الأحمر المطلوب (هذا هو اللون المخصص لكلاس text-red) */
    color: red !important; 
}
.flex.text-\[\#f11e1e\].flex-grow.shrink-0 {
    display: none !important;
}
/* Add custom CSS styles below *//* 1. إخفاء النص الأصلي داخل وسم H2 فقط عندما يكون العنصر الأب يحمل فئة 'text-red' */
.special-product.text-redd h2.text-store-text-primary {
    color: transparent !important; /* إخفاء النص */
    font-size: 0.1px !important; 
    position: relative; 
    display: flex !important; /* لتمكين العرض المتجاور للنصين الكاذبين */
    justify-content: center; /* لتوسيط النص */
    line-height: 1.2; 
    width: 100%;
    gap: 0;
}

/* 2. إضافة الجزء الأول (Soutar SP20) باللون الأصلي */
.special-product.text-redd h2.text-store-text-primary::before {
    content: "Soutar SP30 "; 
    
    /* استعادة خصائص الخط */
    font-size: 1.25rem; 
    font-weight: bold;
    
    /* اللون الأصلي للثيم */
    color: var(--store-text-primary, #374151) !important; 
}

/* 3. إضافة الجزء الثاني ((طلب مسبق ٤٠ الى ٥٠ يوم)) باللون الأحمر */
.special-product.text-redd h2.text-store-text-primary::after {
    content: "(طلب مسبق 40 الى 50 يوم)"; 
    
    /* استعادة خصائص الخط */
    font-size: 1.25rem; 
    font-weight: bold;
    
    /* اللون الأحمر المطلوب (هذا هو اللون المخصص لكلاس text-red) */
    color: red !important; 
}