* §22  ضبط الجوال + تهدئة الحركة — إضافة لاحقة مستقلة قابلة للإزالة بحذف هذا
 *      القسم بالكامل. لا تُغيّر تجربة الكمبيوتر (كل التهدئة داخل media الجوال).
 *      تُصلح: تمايل الصفحة يمين/يسار، الحركة المزعجة، ووضوح المقاسات.
 * ════════════════════════════════════════════════════════════════════════════ */

/* (1) إيقاف أي تمدّد أفقي يسبّب "طيران" الصفحة — لكل المقاسات (آمن للكمبيوتر) */
html, body { max-width: 100%; overflow-x: hidden; }
body { overscroll-behavior-x: none; }
.lp-wrap { width: 100%; }
.lp-portal { max-width: min(520px, 86vw); }

/* (2) الجوال/الشاشات الصغيرة: تجميد المدارات والحركة الزائدة + مقاسات أوضح */
@media (max-width: 760px) {
  /* مصدر "التمايل يمين/يسار": الأقراص الدوّارة حول البوابة (زخرفية aria-hidden) */
  .lp-orbit { display: none; }
  .lp-portal-rays { animation: none; }
  .lp-portal-ring,
  .lp-portal-core { animation: none; }
  .lp-portal { max-width: 280px; }

  /* تهدئة الحركة المحيطة المزعجة */
  .lp-hero::before { animation: none; }
  .lp-bg::before   { animation: none; }
  .lp-orb, .lp-particles { display: none; }

  /* وضوح المقاسات: عنوان متّزن، نصوص أوضح، أزرار بعرض مناسب */
  .lp-h1 { font-size: clamp(2rem, 8.5vw, 2.85rem); letter-spacing: -0.02em; }
  .lp-tagline { font-size: clamp(1.02rem, 4.4vw, 1.2rem); }
  .lp-desc { font-size: 0.97rem; }
  .lp-cta-group { gap: 10px; }
  .lp-cta-group .lp-btn { flex: 1 1 46%; padding: 0 18px; }
  .lp-hero { padding: 28px 0 44px; }
  .lp-section { padding: 48px 0; }
}

/* (3) شاشات صغيرة جدًا — الأزرار بعرض كامل لمنع التجاوز */
@media (max-width: 380px) {
  .lp-cta-group .lp-btn { flex: 1 1 100%; }
}

/* ═══ نهاية §22 ═══ */


/* ════════════════════════════════════════════════════════════════════════════