متطلبات التجاوب

Radar مدفوع بالفعل على كل viewport — CTA Apply يجب أن يكون في وصول <2 نقرات من أي نقطة دخول. الموبايل يضغط كتل الـ timeline + الفوائد لكن لا يساوم على شريط الحالة أو pill الموعد أبداً.

سلوك لكل نقطة توقّف

موبايل (≤640px)

القائمة: شبكة 1-up. صفّ الفلاتر يصبح horizontal scroll. التفاصيل: hero يتراصّ رأسياً. CTA Apply يأخذ `.btn-mobile-full` (100% عرضاً). الـ Timeline يصبح قائمة رأسية.

تابلت (641-1023px)

القائمة 2-up. التفاصيل: hero بعمودين. الـ Timeline يبقي دوائر الخطوات.

ديسكتوب (≥1024px)

القائمة 3-up. التفاصيل full layout. CTA Apply ثابت على الـ viewport في الـ scrolls الطويلة.

قواعد تجاوب خاصّة بالكرت

• شريط الحالة + pill الموعد يبقيان مقروءَين في كل viewport.
• نبضة Deadline تحترم `prefers-reduced-motion: reduce` — معطّلة عند الضبط.
• محتوى جسم الكرت (chips الأهلية، سطر المنظِّم) يلتفّ بنظافة؛ لا horizontal overflow.