/* =====================================================================
   assets/es-card.css — ⚑ w1437 (#102) — **محاذاة كروت المنتجات — مالك واحد**
   الصفحات التلاتة اللي فيها كروت (المتجر shop.html · كل المنتجات products.html · المشابهة في product.html)
   كل واحدة بترسم بكلاساتها، فالمحاذاة متجمّعة هنا على كلاسات مشتركة (pc-*) بدل ما تتنسخ في 3 صفحات:
     pc-main  = جسم الكارت (عمود مرن ياخد الطول الباقي)
     pc-title = الاسم: سطرين بالظبط (الأقصر بيحجز مكان السطر التاني)
     pc-sku · pc-spec = الكود والوصف القصير: سطر واحد بـ«…» (والكود كامل في title)
     pc-foot  = «قارن» والسعر والزرار: في قاع الكارت، فبيبقوا على خط واحد في الصف مهما اختلف طول الاسم
   ✱ الشريط على «البداية» والقلب على «النهاية»: في الإنجليزي الشريط شمال والقلب يمين، وفي العربي بيتبدّلوا.
   ===================================================================== */
.product-card{display:flex;flex-direction:column;height:100%}
.product-card>.pc-link{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;color:inherit}
.pc-main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.product-card .pc-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.4;min-height:2.8em;margin-bottom:6px}
.pc-sku,.pc-spec{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-foot{margin-top:auto}
.pc-notag{visibility:hidden}
[dir=rtl] .product-card>.wish{right:auto;left:13px}