/* ======================================
   Salla Performance CSS – Mobile First
   Theme: رائد
   ====================================== */

/* 1️⃣ منع CLS للصور */
img {
  height: auto;
  max-width: 100%;
}

/* 2️⃣ تثبيت السلايدر والهيرو */
.swiper,
.slider,
.hero {
  min-height: 320px;
}

/* 3️⃣ تعطيل الأنيميشن على الموبايل */
@media (max-width: 768px) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* 4️⃣ تسريع الرندر */
.hero,
.product-card,
.section {
  content-visibility: auto;
  contain-intrinsic-size: 300px;
}

/* 5️⃣ تقليل repaint */
.header,
.footer,
.navbar {
  will-change: transform;
}

/* 6️⃣ خطوط أخف */
body {
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
}

/* 7️⃣ منع overflow المفاجئ */
html,
body {
  overflow-x: hidden;
}