/* Add custom CSS styles below */

@font-face {
  font-family: 'SallaIcons';
  src: url('https://cdn.salla.network/fonts/sallaicons.woff2') format('woff2'),
       url('https://cdn.salla.network/fonts/sallaicons.ttf') format('truetype');
  font-display: swap; /* أو optional لو تبغى خفة أكبر */
}







/* ضمان أن الصور متجاوبة ولا تتجاوز عرض الحاوية */
img {
  max-width: 100%;
  height: auto; /* يحافظ على نسبة العرض إلى الارتفاع */
  display: block; /* يزيل أي مسافة بيضاء إضافية أسفل الصور */
}

/* تحسين تحميل الخطوط لمنع تحولات التخطيط (CLS) */
/* استبدل 'YourCustomFont' باسم الخط الذي تستخدمه */
@font-face {
  font-family: 'YourCustomFont';
  src: url('your-custom-font.woff2') format('woff2'); /* استخدم مسار الخط الصحيح */
  font-display: swap; /* يمنع حظر عرض النص أثناء تحميل الخط، ويستخدم خط احتياطي مؤقتًا */
}

/* تطبيق الخط على عناصر النص الرئيسية */
body, h1, h2, h3, h4, h5, h6, p, span, a {
  font-family: 'YourCustomFont', sans-serif; /* تأكد من وجود خط احتياطي */
}

/* مثال لحجز مساحة للعناصر التي قد تسبب CLS، مثل الإعلانات أو الـ pop-ups */
/* إذا كان لديك عنصر معين يظهر بشكل مفاجئ ويسبب تحولاً، يمكنك حجز مساحة له */
/* .your-ad-container {
  min-height: 200px; /* مثال: حجز 200 بكسل للعنصر */
/* }
/* إخفاء خيار "الأكثر مبيعاً" من الفلتر */
#product-filter option[value="bestSell"] {
    display: none !important;
}