footer,
footer * {
  background-color: #6e6e6e !important; /* أسود للفوتر */
  color: #fff !important;            /* أبيض للكتابة */

}

footer a:hover {
  color: #f0c040 !important;        /* لون عند المرور للتمييز */
}

footer .social-icons svg,
footer .payment-icons img {
  filter: brightness(100); /* لو شعارات الدفع أو الأيقونات داكنة */
}

/* خلفية سوداء للهيدر */
.store-header {
    background-color: #9c9c9c !important;
}

/* النصوص والأيقونات في الهيدر بالأبيض */
.store-header *,
.store-header svg,
.store-header i {
    color: #fff !important;
    fill: #fff !important;
}
/* القائمة الجانبية: خلفية سوداء */
#mobile-menu {
    background-color: #9c9c9c !important;
}

/* النصوص والأيقونات داخل القائمة الجانبية */
#mobile-menu *,
#mobile-menu svg,
#mobile-menu i {
    color: #fff !important;
    fill: #fff !important;
}
------

.square-grid > * {
  overflow: visible !important;
}

---------
@media (max-width: 768px) {
  .square-grid img {
    animation: zoomInSlow 6s ease-in-out infinite alternate;
  }
}
----
article#more-content {
  background-color: #f4f4f4 !important; /* خلفية بيج فاتحة */
  padding: 16px 20px !important; /* زيادة الحشوة */
  border-radius: 8px !important; /* إضافة زاوية دائرية */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* ظل خفيف */
  margin: 16px 0 !important; /* مسافة حول العنصر */
}

article#more-content.full-description,
article#more-content.details,
article#more-content.opt-text {
  background-color: #f4f4f4 !important; /* نفس الخلفية للمحتوى المتعلق */
}