/* ضبط الصور بحجم ثابت مع الحفاظ على التناسب */
img.product-image, img#banner {
  width: 300px;           /* العرض */
  height: 300px;          /* الارتفاع */
  object-fit: contain;    /* عرض الصورة كاملة بدون قص */
  background-color: #fff; /* خلفية بيضاء لتغطية الفراغات */
}

/* تحسين تحميل الصور باستخدام Lazy Loading يتم من HTML وليس CSS */


<img id="banner" src="banner.webp" alt="بانر" loading="lazy" />


.s-products-list .s-product-card {
  width: 48% !important;
  display: inline-block !important;
  vertical-align: top;
  margin: 1% !important;
}}