body, .app-inner > div, .app-inner > section, footer {
    background-repeat: repeat-y;
    background-size: cover;
    background-color: #152238;
}

/* تغيير لون خط المتجر */
.container .s-menu-footer-item,
.container .s-contacts-item,
.container .s-contacts-item span,
.container p {
    color: #bfbfbf!important; /* هنا يمكنك تغيير اللون إلى أي لون ترغب به */
}

.mm-spn li:after {
    display: none !important;
}

custom-salla-product-card.s-product-card-entry,
salla-products-list .s-products-list-wrapper .s-product-card-entry,
salla-products-list .s-products-slider-slider .s-product-card-entry,
salla-products-slider .s-products-list-wrapper .s-product-card-entry,
salla-products-slider .s-products-slider-slider .s-product-card-entry {
    border: 2px solid #193979!important;
    border-radius: 7px !important;
    padding: 10px !important;
    background: #152238!important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease-in-out !important;
    position: relative !important;
}

custom-salla-product-card.s-product-card-entry:hover,
salla-products-list .s-products-list-wrapper .s-product-card-entry:hover,
salla-products-list .s-products-slider-slider .s-product-card-entry:hover,
salla-products-slider .s-products-list-wrapper .s-product-card-entry:hover,
salla-products-slider .s-products-slider-slider .s-product-card-entry:hover {
    border-color: #234769 !important;
    box-shadow: 0 12px 24px rgba(35, 71, 105, 0.2) !important;
    transform: translateY(-10px) !important;
}

.ronaq-store-footer h3 {
    font-weight: 800 !important;
}

.sub-menu ul li a span:hover {
    color: #ac1916!important;
}

/* تأثير حركة العنصر عند التفاعل */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* تأثير عند التفاعل (عند التمرير فوق العنصر) */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners:hover {
    transform: translateY(-10px); /* تحريك العنصر للأعلى */
    opacity: 1; /* تعديل الشفافية */
}

/* تأثير الحركة عند التفاعل مع الصورة */
img.w-full {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* تأثير عند التفاعل مع الصورة (عند التمرير فوق الصورة) */
img.w-full:hover {
    transform: scale(1.05); /* تكبير الصورة قليلاً */
    opacity: 0.9; /* تقليل الشفافية */
}

/* تأثير عند التفاعل مع الروابط */
a {
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; /* تأثير التغيير في اللون */
}

/* عند التمرير فوق الرابط */
a:hover {
    color: #ac1916!important; /* تغيير اللون عند التفاعل */
  
}

/* تغيير لون كلمة "تخفيضات" */
#default-category-title, .discount-title {
    color: #ac1916 !important; /* تغيير اللون إلى الأحمر */
}