/* Add custom CSS styles below */ 
/* بطاقات المنتجات */
.s-product-card-entry {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.s-product-card-entry:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(138, 1, 39, 0.18);
}

/* صورة المنتج */
.s-product-card-image-cover {
  transition: transform .4s ease;
}

.s-product-card-entry:hover .s-product-card-image-cover {
  transform: scale(1.05);
}
/* 1. شريط الإعلان العلوي */
salla-advertisement {
  letter-spacing: .3px;
  font-weight: 600;
}

/* 2. الهيدر: ظل خفيف يفصله عن المحتوى */
.store-header {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* 3. عناوين الأقسام (مثل «عطور المتجر») */
.s-block__title h2,
.s-block__title h3 {
  position: relative;
  padding-bottom: 8px;
}
.s-block__title h2::after,
.s-block__title h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: var(--theme-primary-color);
}

/* 4. المنتجات غير المتوفرة: تخفيف الصورة */
.s-product-card-out-of-stock .s-product-card-image {
  opacity: .6;
  filter: grayscale(40%);
}

/* 5. زر المفضلة: تحوّل للون الهوية عند المرور */
.s-product-card-wishlist-btn:hover {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
}

/* 6. مسافة أنظف بين المنتجات */
.s-products-list-wrapper {
  gap: 20px;
}

/* .store-header .main-nav-container {
  background-color: #1a0008 !important;
}

.store-header .main-nav-container a,
.store-header .main-nav-container li {
  color: #fff !important;
} */
.s-block--hero-slider {
  max-width: 1300px;
  margin-inline: auto;
}