/* الهيدر والخلفية العامة */
#mainnav,
body {
  background-color: #000000;
}

h2 {
  color: white;
}

.sicon-user-circle:before,
.sicon-shopping-bag:before,
.sicon-menu:before {
  color: white;
}

/* إخفاء إجمالي السلة */
.s-cart-summary-total {
  display: none;
}

/* بطاقة المنتج */
.s-product-card-entry,
.s-block--products-carousel .s-product-card-entry {
  background: transparent !important;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* محتوى البطاقة */
.s-product-card-content,
.s-block--products-carousel .s-product-card-content {
  color: white;
}

.s-product-card-content-title a,
.s-block--products-carousel .s-product-card-content-title a {
  color: #C800FF; /* بنفسجي نيون */
}

/* الصور داخل البطاقات */
.s-product-card-entry img,
.s-block--products-carousel .s-product-card-entry img {
  background-color: transparent !important;
}

/* إخفاء زر المفضلة */
.s-product-card-vertical .s-product-card-wishlist-btn button {
  display: none;
}

/* قسم المزايا */
.s-block--features__item,
.s-block--features__item:first-child {
  background: transparent;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  border: 1px solid rgba(255, 255, 255, 0.32);
  flex: 1;
}

.s-block--features__item h2 {
  color: #C800FF;
}

.s-block--features__item p {
  color: white;
  font-size: .75rem;
}

.s-block--features__item .feature-icon,
.s-block--features__item .feature-icon i {
  color: #C800FF;
  background-color: transparent;
}

/* زر أضف إلى السلة */
salla-add-product-button[width=wide] {
  background: rgba(200, 0, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.4px);
  -webkit-backdrop-filter: blur(7.4px);
  border: 1px solid rgba(200, 0, 255, 0.32);
}

/* ترويسة الفصول */
.chapter-title {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
  color: #a972ff;
  font-style: italic;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 40px;
  opacity: 0.8;
  text-shadow: 0 0 5px rgba(169, 114, 255, 0.2);
}

/* الفوتر */
.footer-is-light .store-footer .store-footer__inner {
  background-color: #000000;
}

.store-footer h3 {
  color: #C800FF;
}

.store-footer a {
  color: white;
}

/* للموبايل */
@media (max-width: 767px) {
  .grid {
    display: flex;
  }
 .header-logo img {
  animation: spinOnce 1.2s ease-in-out 1;
}

@keyframes spinOnce {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}