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

Showcase مدفوع بالتصفّح على الديسكتوب، مدفوع بالـ Scanning على الموبايل. القائمة تُحسّن للـ scanning بالـ Scrolling؛ صفحة التفاصيل تُحسّن لتدفّق القراءة الرأسي مع كرت snapshot ينطوي على الموبايل.

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

موبايل (≤640px)

القائمة: شبكة 1-up، كروت بعرض كامل. التفاصيل: hero يتراصّ رأسياً (العمود الرئيسي → snapshot → الوصف). Related Signals: 1-up مع swipe-scroll. صفّ الفلاتر ينطوي لـ horizontal scroll.

تابلت (641-1023px)

القائمة 2-up. التفاصيل تُبقي hero بعمودين حين تسمح المساحة؛ snapshot يبقى يميناً.

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

القائمة 3-up. التفاصيل full layout (`lg:grid-cols-[2fr_1fr]` لـ hero + snapshot جنباً إلى جنب).

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

• لوحة الشعار 16:9 تحافظ على نسبتها في كل viewport. الـ Fallback بالاسم (حين لا توجد صورة) يتدرّج بـ token `.t-section-h2`.
• شارة Verified تبقى أعلى-نهاية (logical positioning عبر `top-2 end-2`) — تنعكس صح في RTL.
• صفّ chips القطاع + المرحلة يلتفّ على الكروت الضيّقة؛ لا يفيض عرض الكرت أبداً.