.
    /* إلغاء خاصية السلايدر إذا كنت تريدهم ثابتين */

    .s-slider-container .swiper-wrapper {

        display: flex !important;

        justify-content: center !important;

        flex-wrap: nowrap !important;

    }

}/* توسيط حاوية السلايدر في المنتصف */

.s-slider-container.swiper-rtl .swiper-wrapper {

    justify-content: center !important; /* */

}



/* لضمان محاذاة العناصر الفردية داخل السلايدر للمنتصف */

.s-slider-container .swiper-slide {

    text-align: center !important; /* */

}

body {

    background-color: #F2DDFF !important; /* استبدل هذا الكود بلونك المفضل */

}

/* استهداف النصوص وتغيير لونها ومكانه لليمين */

div.grid.one-row [class*="text-"], 

div.grid.one-row span, 

div.grid.one-row h1, 

div.grid.one-row h2 {

    color: #000000 !important;

    text-align: right !important; /* محاذاة النص لليمين */

}



/* استهداف حاوية النص لنقلها بالكامل إلى يمين الصورة */

.grid.one-row-md\:grid-cols-2 .absolute,

div.grid.one-row .absolute {

    left: auto !important;         /* إلغاء التمركز من اليسار */

    right: 5% !important;         /* دفع النص ليكون بعيداً عن الحافة اليمنى بنسبة بسيطة */

    transform: translateY(-50%) !important; /* الحفاظ على التوسط العمودي فقط وإلغاء الأفقي */

    width: auto !important;        /* جعل العرض متناسباً مع النص */

}

/* إزالة الخلفية البيضاء من بطاقة المنتج بالكامل */



.s-product-card-entry {



    background-color: transparent !important;



    background: transparent !important;



    box-shadow: none !important; /* إزالة الظل لإلغاء تحديد المربع الأبيض */



    border: none !important;



}







/* استهداف منطقة النصوص (العنوان والسعر) لجعلها شفافة أيضاً */



.s-product-card-content {



    background-color: transparent !important;



}



.s-product-card-footer {



    background-color: white !important; /* اختيار اختياري لإبراز الزر فقط */



    border-radius: 0 0 10px 10px;



}

/* تغيير لون خلفية شريط التصنيفات في الجوال */

.s-nav-container, 

#mainnav,

.main-nav-container {

    background-color: transparent !important; /* يجعلها شفافة لتظهر خلفية الموقع */

    background: transparent !important;

    border: none !important;

}



/* التأكد من أن الـ 3 شرط لا تحمل خلفية بيضاء */

.s-header__menu-toggle,

button[aria-label="menu"] {

    background: transparent !important;

    border: none !important;

}



/* إذا أردت التأكد أن النصوص تظهر بوضوح فوق الخلفية */

.s-nav-container li a, 

.main-nav-container a {

    color: #000000 !important; /* لون أسود للنصوص */

}

قال Gemini
/* استهداف الرقم الموجود مباشرة داخل h4 في منطقة السعر */
.s-product-card-sale-price h4 {
    font-size: 45px !important; /* حجم الرقم الضخم */
    font-weight: 900 !important; /* عريض جداً */
    color: #ffffff !important; /* لون أحمر */
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px; /* مسافة بسيطة بين الرقم والعملة */
}

/* تصغير أيقونة العملة (ريال) لكي لا تتضخم مع الرقم */
.s-product-card-sale-price h4 i.sicon-sar {
    font-size: 16px !important; /* حجم صغير للعملة */
    font-weight: normal !important;
    color: #555 !important; /* لون هادئ للعملة يبرز الرقم */
}

/* تصغير السعر المشطوب (قبل الخصم) ليبقى التباين واضحاً */
.s-product-card-sale-price span {
    font-size: 23px !important;
    color: #999 !important;
}
.s-product-card-content-title,
.s-product-card-price {
    color: #ffffff !important;
}