/* ==========================================================
   ALEX SELLER — Cart page
   ========================================================== */

.cart-grid{ display:grid; grid-template-columns: 1.7fr 1fr; gap:28px; align-items:start; }

.cart-items{ display:flex; flex-direction:column; gap:16px; }
.cart-item{
  display:grid; grid-template-columns: 76px 1fr auto auto auto;
  align-items:center; gap:18px; padding:18px;
}
.cart-item-image{ width:76px; height:76px; border-radius: var(--radius-sm); object-fit:cover; }
.cart-item-info h3{ font-size:15.5px; margin-bottom:4px; }
.cart-item-price{ font-size:13px; color: var(--text-muted); }
.cart-item-qty{ display:flex; align-items:center; gap:8px; background: var(--bg-glass); border-radius:999px; padding:4px; }
.qty-btn{
  width:28px; height:28px; border-radius:50%; border:none; background: var(--bg-glass-strong);
  color: var(--text-primary); cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center;
}
.qty-btn:hover{ background: var(--grad-primary); }
.qty-input{ width:32px; text-align:center; background:none; border:none; color: var(--text-primary); font-size:14px; }
.cart-item-total{ font-weight:700; font-size:15px; min-width:80px; text-align:right; }
.cart-item-remove{ background:none; border:none; color: var(--text-muted); cursor:pointer; }
.cart-item-remove:hover{ color: var(--c-danger); }
.cart-item-remove i{ width:18px; height:18px; }

@media (max-width: 700px){
  .cart-item{ grid-template-columns: 60px 1fr; grid-template-areas: "img info" "qty qty" "total remove"; row-gap:10px; }
  .cart-item-image{ grid-area: img; }
  .cart-item-info{ grid-area: info; }
  .cart-item-qty{ grid-area: qty; justify-self:start; }
  .cart-item-total{ grid-area: total; text-align:left; }
  .cart-item-remove{ grid-area: remove; justify-self:end; }
}

/* ---------------- Summary ---------------- */
.cart-summary{ padding:26px; position:sticky; top:100px; }
.cart-summary h3{ font-size:18px; margin-bottom:20px; }
.coupon-box{ display:flex; gap:8px; margin-bottom:6px; }
.coupon-box input{
  flex:1; padding:12px 14px; background: var(--bg-glass); border:1.5px solid var(--border-glass);
  border-radius: var(--radius-sm); color: var(--text-primary);
}
.summary-row{ display:flex; justify-content:space-between; padding:10px 0; font-size:14.5px; color: var(--text-secondary); border-bottom:1px solid var(--border-glass); }
.summary-total{ font-weight:700; font-size:18px; color: var(--text-primary); border-bottom:none; }
.summary-usd{ font-size:12.5px; color: var(--text-muted); padding-top:0; }

@media (max-width: 992px){ .cart-grid{ grid-template-columns:1fr; } .cart-summary{ position:static; } }