footer,
footer * {
  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 *,
#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; /* نفس الخلفية للمحتوى المتعلق */
}


/* تنسيق زرّين بجانب بعض بشكل جميل */
.cta-buttons {
  display: flex;
  gap: 10px;
  margin-top: 22px;
  justify-content: center;
}

.cta-buttons .btn-primary,
.cta-buttons .btn-secondary {
  padding: 12px 21px;
  border-radius: 7px;
  font-weight: bold;
  font-size: 18px;
  border: none;
  cursor: pointer;
}

.cta-buttons .btn-primary {
  background-color: #6b285b;
  color: #fff;
}

.cta-buttons .btn-secondary {
  background-color: #fff;
  color: #6b285b;
  border: 2px solid #6b285b;
}