body.index #app {
    background-color: #ffffff !important;
    background-image: 
        radial-gradient(circle at 15% 25%, rgba(255, 0, 0, 0.12), transparent 40%),
        radial-gradient(circle at 85% 75%, rgba(200, 0, 0, 0.10), transparent 40%);
}/* ================================
   FOOTER LOGO WHITE + MOTION
================================ */

/* استهداف شعار الفوتر فقط */
.footer-logos img,
footer .img-fluid {
  filter: brightness(0) invert(1); /* يحول الشعار إلى أبيض */
  transition: all 0.4s ease;
  animation: logoFloat 3s ease-in-out infinite;
}

/* حركة عائمة ناعمة */
@keyframes logoFloat {
  0% {
    transform: translateY(0px);
    filter: brightness(0) invert(1);
  }
  50% {
    transform: translateY(-6px);
    filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,0.6));
  }
  100% {
    transform: translateY(0px);
    filter: brightness(0) invert(1);
  }
}

/* تأثير عند المرور بالماوس */
.footer-logos img:hover {
  transform: scale(1.1);
  filter: brightness(0) invert(1) drop-shadow(0 0 15px rgba(255,255,255,0.8));
}.product-card--primary-buttons button, .product-card--primary-buttons salla-button {
    border-color: #fff !important; 
    color: #ffffff !important;
    background-color: #b81227!important; 

    transition: all 0.7s ease;
}/* ===========================
   FAQ RED STYLE + MOTION
=========================== */

.single-faq {
    background: #95959521 !important;

  border: none !important;
  border-radius: 14px !important;
  transition: all 0.35s ease;
  transform: translateY(0);
}

/* النص أبيض */
.single-faq,
.single-faq * {
    color: #c60000 !important;
}

/* الأيقونة داخل الدائرة */
.single-faq svg,
.single-faq i {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* حركة بسيطة عند المرور */
.single-faq:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(196, 0, 26, 0.35);
}

/* حركة دخول ناعمة */
.single-faq {
  animation: faqFadeUp 0.8s ease both;
}

@keyframes faqFadeUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* عند فتح السؤال */
.single-faq.active,
.single-faq[aria-expanded="true"] {
  background: #ececec !important;
/* أحمر أغمق عند الفتح */
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}.product-card--primary-buttons button i, .product-card--primary-buttons salla-button i {
    color: #ffffff !important;
 
}