/* Cart page styles */
.cart-page{max-width:1100px;margin:0 auto;padding:24px 16px 40px}
.cart-head h1{margin:0 0 10px 0}
.flash-ok{margin:10px 0;padding:10px 12px;border:1px solid #cfe8d6;background:#eaf7ee;border-radius:8px;color:#185c2e;font-weight:600}
.card.empty{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.cart-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:900px){ .cart-grid{grid-template-columns:2fr 1fr} }
.cart-list{display:flex;flex-direction:column;gap:12px}
.cart-item{display:grid;grid-template-columns:86px 1fr auto;gap:12px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px}
.ci-img img{width:86px;height:86px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.ci-info{display:flex;flex-direction:column;gap:6px}
.ci-name{font-weight:700;color:inherit;text-decoration:none}
.ci-name:hover{text-decoration:underline}
.ci-price{color:#333}
.ci-total{font-weight:700;align-self:center}
.inline{display:inline}
.link{background:none;border:0;color:#1a73e8;text-decoration:none;cursor:pointer;padding:0}
.link:hover{text-decoration:underline}
.link.danger{color:#b3261e}
.summary-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px;position:sticky;top:14px}
.summary-card h2{margin:0 0 12px 0}
.sum-row{display:flex;justify-content:space-between;margin:8px 0}
.sum-note{color:#666;font-size:14px;margin:8px 0 12px}
.sum-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Reuse qty controls from product.css */
.qty-row{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.qbtn{appearance:none;border:0;background:#f4f4f6;padding:8px 12px;font-size:18px;line-height:1;cursor:pointer}
.qty{width:60px;text-align:center;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);
     padding:8px 0;background:#fff;font-size:16px}
.ci-price .old { text-decoration: line-through; color:#8a8f98; margin-right:6px; }
.ci-price .new { font-weight:700; }
.coupon-box { margin:12px 0; }
.coupon-input { flex:1; border:1px solid var(--border); border-radius:10px; padding:10px 12px; }
.coupon-chip { display:inline-block; border:1px solid var(--border); border-radius:999px; padding:6px 10px; background:#f7f7fa; }
