/* Add custom CSS styles below */ 
/* أزرار إضافة للسلة - تيل غامق ون شيلد */
.btn--add-to-cart,
.s-button-element.btn-add-to-cart,
button[is="salla-add-product-button"],
salla-add-product-button .s-button-element {
  background-color: #204040 !important;
  border-color: #204040 !important;
  color: #FFFFFF !important;
}
.btn--add-to-cart:hover,
.s-button-element.btn-add-to-cart:hover,
salla-add-product-button .s-button-element:hover {
  background-color: #60E0E0 !important;
  border-color: #60E0E0 !important;
  color: #204040 !important;
}
/* بطاقة المنتج - ظل ناعم بدون إطار */
.s-product-card-entry,
.product-entry,
salla-product-card .s-product-card-entry {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(16, 19, 20, 0.10) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  overflow: hidden !important;
}
.s-product-card-entry:hover,
.product-entry:hover,
salla-product-card .s-product-card-entry:hover {
  box-shadow: 0 14px 34px rgba(16, 19, 20, 0.18) !important;
  transform: translateY(-4px) !important;
}
/* قسم المميزات - إخفاء الخلفية العامة */
.s-block-store-features,
[class*="store-features"] {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 20px 0 !important;
}

/* استهداف كل بطاقة محتملة بكل المستويات */
.s-block-store-features > div,
.s-block-store-features > div > div,
.s-block-store-features [class*="col"],
.s-block-store-features [class*="item"],
[class*="store-features"] > div > div {
  background-color: #204040 !important;
  border-radius: 16px !important;
  padding: 30px 18px !important;
  box-shadow: 0 6px 20px rgba(16,19,20,0.15) !important;
  margin: 8px !important;
}

/* النصوص بيضاء */
.s-block-store-features [class*="col"] *,
.s-block-store-features [class*="item"] *,
.s-block-store-features > div > div * {
  color: #FFFFFF !important;
}