/* إصلاحات عرض الموبايل لصفحات التصميم (العناصر دي كانت بتطلع بره الشاشة على عرض ٣٩٠px) */
@media (max-width: 600px) {
  /* السلة: عمود السعر كان ثابت ١٢٠px فبيقص جزء من السعر */
  /* السلة: صف المنتج (صورة + عنوان + كمية + سعر) مكانش بيكفي، فعمود العنوان كان عرضه صفر والسعر بيتقص.
     على الموبايل: العنوان جنب الصورة، والكمية والسعر في سطر تحتهم */
  div:has(> [style*="flex: 0 0 120px"]) { flex-wrap: wrap !important; }
  div:has(> [style*="flex: 0 0 120px"]) > [style*="flex: 1; min-width: 0"] { flex: 1 1 calc(100% - 120px) !important; }
  [style*="flex: 0 0 120px"] { flex: 0 0 auto !important; margin-inline-start: auto; }
  /* المناظرات: خانة «اقترح قضية» */
  form[style*="flex: 1 1 420px"] { flex-wrap: wrap !important; max-width: 100%; }
  form[style*="flex: 1 1 420px"] input { min-width: 0 !important; flex-basis: 100% !important; }
  /* المراجعات: زر «تحتوي على حرق للأحداث» */
  button[style*="width: max-content; height: 42px"] { width: auto !important; max-width: calc(100% - 12px); height: auto !important; white-space: normal; padding: 6px 14px !important; text-align: center; }
}