/* Add custom CSS styles below */ 
/* جعل صورة المنتج في قالب رائد تملأ العرض الكامل */
.product-card img,
.product-item img,
.product-card .image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* إزالة أي حدود أو هوامش حول الصورة */
.product-card .image,
.product-item .image {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}