/* 1. إخفاء عناصر غير ضرورية على الشاشات الصغيرة */
@media (max-width: 768px) {
  .background-banner,
  .large-desktop-image,
  .popup,
  .newsletter,
  .chat-widget,
  .ads,
  .video-autoplay {
    display: none !important;
  }
}

/* 2. تحسين صور المنتجات (لتقليل CLS) */
.product-img {
  width: 573px;      /* ثابتة لمنع CLS */
  height: 573px;     /* ثابتة لمنع CLS */
  object-fit: cover; /* اقتصاص الصورة حسب الإطار */
  display: block;
}

/* 3. إعدادات التحميل الكسول (Lazy Loading) */
/* هذه القواعد مهمة لإخفاء الصور قبل تحميلها وإظهارها بسلاسة */
img[data-src] {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

img.loaded {
  opacity: 1;
}

/* 4. إزالة الظلال الثقيلة */
.shadow-heavy {
  box-shadow: none !important;
}

/* 5. تقليل المسافات */
.section-padding {
  padding: 8px 0 !important;
  margin: 0 auto !important;
}

/* 6. تحسين الخطوط */
@font-face {
  font-family: 'SallaIcons';
  src: url('https://cdn.salla.network/fonts/lib/sallaicons/sallaicons.woff2') format('woff2'),
       url('https://cdn.salla.network/fonts/lib/sallaicons/sallaicons.ttf?i91vnj') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-rendering: optimizeSpeed;
}