/* إصلاح عرض شبكة المنتجات على الجوال — بطاقات صغيرة منسّقة جنب بعض
   يُحمّل هذا الملف أخيرًا عمدًا عشان يتغلّب على كل التنسيقات المتراكمة السابقة */

/* إخفاء القائمة العلوية القديمة (الشعار وروابط التنقل) — صار عندنا شريط سفلي ذكي بديل */
.sa-topbar, .sa-mobile{
  display:none !important;
}
.sa-header{
  padding-top:0 !important;
}

@media (max-width: 640px) {
  .sa-v1076-product-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 4px !important;
  }
  .sa-v1076-product{
    aspect-ratio:1/1 !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }
  .sa-v1076-product div{
    padding:10px !important;
  }
  .sa-v1076-product b{
    font-size:13px !important;
    line-height:1.3 !important;
    display:block !important;
  }
  .sa-v1076-product span{
    font-size:10px !important;
    line-height:1.4 !important;
    opacity:.85 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
}