/* Cart page styles only (يعتمد على متغيرات وأساس index.css) */
.container > h2{
  margin:18px 0 12px;
  font-size:clamp(20px,3.5vw,26px);
  letter-spacing:.2px;
}

.cart-items{ display:grid; gap:12px; margin-top:8px }

.cart-item{
  display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:12px; padding:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
  transition:transform .12s ease, box-shadow .12s ease;
}
.cart-item:hover{ transform:translateY(-2px); box-shadow:0 16px 30px rgba(0,0,0,.35) }
.cart-item img{ width:64px; height:64px; object-fit:cover; border-radius:12px; background:#0f1523; border:1px solid var(--border) }
.cart-item p{ margin:0; color:#cfe6ff }
.cart-item .price{ color:var(--muted); font-size:.95rem }

.cart-controls{ display:inline-grid; grid-auto-flow:column; gap:8px; align-items:center; justify-items:center }
.cart-controls .qty{ min-width:28px; text-align:center; font-weight:700; color:#fff }
.cart-controls button{
  min-width:34px; height:34px; padding:0 .6rem; border-radius:10px; border:1px solid var(--border);
  background:#1b2231; color:#fff; cursor:pointer; transition:transform .12s ease, opacity .12s ease, box-shadow .12s ease;
}
.cart-controls button:hover{ transform:translateY(-1px); opacity:.96; box-shadow:var(--shadow) }
.cart-controls .remove{ background:linear-gradient(135deg,var(--mint),var(--mint-2)); border:0 }

.cart-summary{
  margin-top:16px; padding:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid var(--border); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.cart-summary p{ margin:0; color:#cfe6ff; font-weight:700 }
#totalPrice{ font-variant-numeric:tabular-nums; direction:ltr }
.cart-summary .btn{ min-width:180px; border:0; background:linear-gradient(135deg,var(--mint),var(--mint-2)); color:#fff; font-weight:900 }
.cart-summary .btn[disabled]{ opacity:.55; cursor:not-allowed; filter:grayscale(.15) }

.empty{
  display:grid; place-items:center; text-align:center; padding:22px;
  border:1px dashed var(--border); background:rgba(255,255,255,.03);
  border-radius:var(--radius); color:var(--muted);
}

@media (max-width:760px){
  .cart-item{ grid-template-columns:52px 1fr; align-items:start }
  .cart-controls{ justify-self:end }
  .cart-item img{ width:52px; height:52px }
  .cart-summary{ flex-direction:column; align-items:stretch; text-align:center }
  .cart-summary .btn{ width:100% }
}