/* Add custom CSS styles below */ 
/* تحسين تحميل الصور الكبيرة (LCP) */
img {
  max-width: 100%;
  height: auto;
}

/* تقليل تأثير الصور الكبيرة في أول الصفحة */
.s-slider img,
.s-block--slider img,
.s-hero img {
  max-height: 70vh;
  object-fit: cover;
}

/* تعطيل التحريك الثقيل عند التحميل */
* {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}

/* تحسين ظهور أول محتوى */
body {
  text-rendering: optimizeSpeed;
}

/* تقليل استهلاك الخطوط */
@font-face {
  font-display: swap;
}

/* تحسين بطاقات المنتجات */
.product-card,
.s-product-card {
  contain: layout paint;
}

/* منع إعادة التدفق أثناء التحميل */
.s-product-card img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

/* إخفاء العناصر الثقيلة أسفل الصفحة حتى التمرير */
.s-footer,
.s-social-icons {
  content-visibility: auto;
  contain-intrinsic-size: 1px 500px;
}