/* =========================
   Remove harsh borders (Raed 1)
   Make cards feel floating
   ========================= */

/* بطاقة المنتج */
.s-product-card,
.product-card,
.card,
.product,
[class*="product-card"]{
  border: 1px solid transparent !important; /* إطار شفاف */
  background: #ffffff !important;
}

/* داخل بطاقة المنتج (الصورة + التفاصيل) */
.s-product-card__body,
.product-summary,
.product-details{
  border: none !important;
  box-shadow: none !important; /* بدون صندوق */
}

/* زر إضافة للسلة */
.add-to-cart,
.add_to_cart,
.s-button--primary{
  border: 2px solid rgba(31,78,61,0.35) !important; /* أخضر خفيف جدًا */
  background: transparent !important;
  color: #1F4E3D !important;
}

/* Hover للزر (احترافي وناعم) */
.add-to-cart:hover,
.add_to_cart:hover,
.s-button--primary:hover{
  background: #1F4E3D !important;
  color: #ffffff !important;
  border-color: #1F4E3D !important;
}

/* إزالة الإطارات بين العناصر الصغيرة *