/* توحيد حجم صور المنتجات مع تناسق الأبعاد لمتجر سلة */
.product-card img, .product-image img {
  width: 100%;
  height: 220px; /* اضبط الارتفاع المناسب حسب الحاجة */
  object-fit: cover !important;
  object-position: center;
  display: block;
}

/* شاشات الأجهزة اللوحية (تابلت) */
@media (max-width: 768px) {
  .product-card img, .product-image img {
    height: 200px; /* الارتفاع على التابلت */
  }
}

/* شاشات الجوال */
@media (max-width: 480px) {
  .product-card img, .product-image img {
    height: 160px; /* الارتفاع على الجوال */
  }
}