/* =========================
   PAGE SCOPE
   ========================= */
body.cart-page .container{
  max-width: 520px;
  margin: 0 auto;
  padding: 12px;
}

/* الصفحة نفسها */
.cartPage{
  padding-bottom: 20px; /* ❌ ما عاد في sticky */
}

/* =========================
   TOP BAR داخل السلة
   ========================= */
.cartTitleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin: 8px 0 12px;
}

.cartTitle{
  font-size:18px;
  font-weight:900;
  color:#111;
}

.cartRefresh{
  border:0;
  background:#f3f3f3;
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
}

/* =========================
   CART ITEMS LIST
   ========================= */
#cartItems{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* الكارد */
.cartRow{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:#fff;
  border-radius:14px;
  padding:10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

/* ✅ تصغير الصور */
.cartRow .cartImg{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  min-width:88px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  display:block !important;
  flex:0 0 88px !important;
}

/* معلومات المنتج */
.cartInfo{
  flex:1;
  min-width:0;
  padding-top:2px;
}

/* اسم المنتج */
.cartName{
  font-size:14px;
  font-weight:900;
  color:#cfcfcf;
  text-transform: uppercase;
  line-height:1.2;
  margin:0 0 6px;

  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

/* السعر */
.cartPrice{
  font-size:16px;
  font-weight:900;
  color:#cfcfcf;
  margin: 0 0 10px;
}

/* =========================
   ACTIONS (qty + remove)
   ========================= */
.cartActions{
  display:flex;
  align-items:center;
  gap:12px; /* ⬅️ أصغر */
}

/* ✅ أزرار +/- (أصغر + لون أسود) */
.qtyBtn{
  width:32px;              /* ⬅️ كان 36 */
  height:32px;             /* ⬅️ كان 36 */
  border-radius:999px;
  border:1.5px solid #e6e6e6;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;          /* ⬅️ كان 22 */
  line-height:1;
  cursor:pointer;
  color:#111;              /* ✅ أسود */
}

/* ✅ رقم الكمية أصغر */
.qtyNum{
  min-width:18px;
  text-align:center;
  font-size:14px;          /* ⬅️ كان 16 */
  font-weight:800;
  color:#111;              /* ✅ أسود */
}

/* ✅ remove أصغر + خلفية أصغر */
.cartRemoveBtn{
  margin-inline-start:auto;
  width:32px;              /* ⬅️ كان 38 */
  height:32px;             /* ⬅️ كان 38 */
  border-radius:999px;
  border:0;
  background:#ffe7ea;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

/* ✅ أيقونة remove أصغر */
.cartRemoveBtn i{
  font-size:13px;          /* ⬅️ كان 16 */
  color:#e11d48;
}

/* =========================
   TOTALS (غير ثابت)
   ========================= */
.cartTotalsBox{
  position: relative;
  left:auto;
  right:auto;
  bottom:auto;
  margin-top:14px;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  z-index: 1;
}

.cartTotalRow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:6px 0;
  border-bottom:1px solid #f2f2f2;
  font-size:13px;
}
.cartTotalRow:last-child{ border-bottom:0; }

.cartTotalVal{
  font-weight:900;
}

/* =========================
   CHECKOUT (غير ثابت)
   ========================= */
.cartCheckoutBtn{
  position: relative;
  left:auto;
  right:auto;
  bottom:auto;

  width:100%;
  height:48px;
  margin-top:12px;

  border-radius:10px;
  border:0;
  background:#2f63ff;
  color:#fff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.5px;
  cursor:pointer;
  z-index: 1;
}

.cartCheckoutBtn:active{ transform: scale(.99); }

/* ===== Empty Cart Screen ===== */
.emptyCart{
  text-align:center;
  padding: 18px 10px 6px;
}

.emptyCartImg{
  width: 260px;
  max-width: 85%;
  height: auto;
  display:block;
  margin: 0 auto 10px;
}

.emptyCartTitle{
  font-size: 22px;
  font-weight: 800;
  color:#2b2b2b;
  margin-top: 6px;
}

.emptyCartSub{
  font-size: 18px;
  color:#6b6b6b;
  margin-top: 6px;
}

/* ✅ START SHOPPING (تصغير الخط والزر) */
.emptyCartBtn{
  margin-top: 14px;

  width: 100%;
  max-width: 280px !important;  /* ✅ أصغر */
  height: 40px !important;      /* ✅ أصغر ومريح */

  border:0;
  border-radius: 10px;
  background:#2f63ff;
  color:#fff;

  font-size: 14px !important;   /* ✅ أصغر */
  font-weight: 800 !important;
  letter-spacing:.5px !important;

  padding: 0 !important;
  cursor:pointer;
}

/* ===== Recommended Products Grid ===== */
.recBlock{
  text-align: start;
  margin-top: 22px;
}

.recTitle{
  font-weight: 900;
  font-size: 16px;
  margin: 10px 0;
  color:#111;
}

.recGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.recCard{
  background:#fff;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

.recImgWrap{ display:block; }
.recImg{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius: 12px;
  display:block;
}

.recName{
  margin-top: 8px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  color:#222;

  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.recPrice{
  margin-top: 6px;
  display:flex;
  gap:8px;
  align-items:center;
  font-weight: 900;
}

.recSpecial{
  color:#e11d48;
}

.recNormal{
  color:#111;
  opacity:.85;
}

.recAdd{
  margin-top: 10px;
  width:100%;
  height: 40px;
  border:0;
  border-radius: 10px;
  background:#111;
  color:#fff;
  font-weight: 900;
  cursor:pointer;
}


.cartName{
  display:flex;
  align-items:center;
  gap:10px;
}

.cartSoldOutBadge{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  padding:5px 8px;
  border-radius:999px;
  background:#dc2626; /* أحمر */
  color:#fff;
  line-height:1;
  white-space:nowrap;
}