/* Add custom CSS styles below */ 


body {
    background: linear-gradient( #FFD400, #091B3C);
}




element.style {
    font-family: Arial, sans-serif; /* استخدام خط Arial مع خطوط احتياطية */
    font-size: 16px; /* حجم الخط 16 بكسل */
    line-height: 1.5; /* تباعد الأسطر 1.5 */
    color: #333; /* لون النص الداكن */
    background-color: #f8f8f8; /* خلفية فاتحة */
    padding: 10px; /* تباعد داخلي 10 بكسل */
    border: 1px solid #ccc; /* حدود رفيعة */
    border-radius: 5px; /* تدوير الزوايا */
}



.footer-is-light .store-footer .store-footer__inner {
    background-color: #091B3C; /* لون الخلفية */
    color: #FFF; /* لون النص */
    padding: 20px; /* تباعد داخلي */
}


element.style {
    color: #FFFFFF; /* أو يمكن استخدام الكلمة الرئيسية "white" */
}


/* ترتيب المنتجات */
.salla-slider:not(.hydrated),
.carousel-slider {
    /* قواعد التصميم لترتيب المنتجات هنا */
}

/* تغيير لون الأقسام إلى الأبيض */
.salla-slider:not(.hydrated) .section,
.carousel-slider .section {
    color: #fff; /* أو يمكن استخدام الكلمة الرئيسية "white" */
}


.main-nav-container.fixed-pinned .navbar-brand img {
    transform: scale(1.1); /* تكبير الصورة بنسبة 10% */
    /* يمكنك تعديل قيمة النسبة حسب الحجم المطلوب */
}




.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    border-radius: 10px; /* تعيين زوايا منحنية بقيمة 10 بكسل */
    background-color: #f0f0f0; /* لون الخلفية */
    padding: 10px; /* تباعد داخلي */
}



.s-block__title h2 {
    background-color: #f0f0f0; /* لون الخلفية */
    border-radius: 10px; /* تعيين زوايا منحنية بقيمة 10 بكسل */
    padding: 10px; /* تباعد داخلي */
}




.text-center {
    color: #091B3C; /* تعيين لون النص */
}