/* 1. إصلاح CLS - الصور */
.product-image img,
.brand-item img,
.swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
}

/* 2. إصلاح CLS - العناصر المتحركة */
.animate__animated {
  animation-duration: 0.3s;
}

/* 3. تحسين الأداء */
.lazyload {
  opacity: 0;
  transition: opacity 0.3s;
}

.lazyloaded {
  opacity: 1;
}