/* Add custom CSS styles below */ 
/* 🔴 تخصيص لون الزر إلى اللون المستخدم في "أضف إلى السلة" */
.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline {
  background-color: #f4364c !important;  /* اللون الأحمر المطلوب */
  border-color: #f4364c !important;
  color: #fff !important;                /* النص أبيض */
}

/* 🎯 التأثير عند المرور بالفأرة */
.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline:hover {
  background-color: #d92f42 !important;  /* درجة أغمق قليلاً عند hover */
  border-color: #d92f42 !important;
}
.product-card__image {
    background-color: #051743;
}
.s-block--testimonials .review .bg-store-bg-secondary {
    background-color: #051743 !important; /* <-- ضع كود اللون الجديد الذي تريده هنا */
}
/*
  كود لتغيير لون خلفية "مربعات" الأسئلة الشائعة
  (غالباً ما يكون الكلاس .details-item أو .faq-item)
*/
.s-block--faqs .details-item,
.s-block--faqs .faq-item {
    background-color: #051743 !important;
}

/*
  (احتمال بديل)
  لو الكود اللي فوق مغيرش حاجة،
  جرب الكود ده (قد يكون اللون على رأس السؤال فقط)
*/
.s-block--faqs .details-title,
.s-block--faqs .faq-item__header {
    background-color: #051743 !important;
}