.cart-page { font-family:var(--font-body, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif); background:#f5f7fb; min-height:80vh; padding:2.5rem 0 4rem; }
.cart-wrap { max-width:1100px; margin:0 auto; padding:0 1.5rem; }
.cart-grid { display:grid; grid-template-columns:1fr 340px; gap:1.75rem; align-items:start; }
@media(max-width:840px){ .cart-grid{ grid-template-columns:1fr; } }

.cart-title { font-size:1.5rem; font-weight:800; color:#111827; margin:0 0 1.75rem; letter-spacing:-.02em; }
.cart-title-count { font-size:1rem; font-weight:500; color:#6b7280; margin-left:.5rem; }

.cart-empty { text-align:center; padding:5rem 1rem; color:#9ca3af; }
.cart-empty i { font-size:3.5rem; color:#e5e7eb; display:block; margin-bottom:1.25rem; }
.cart-empty p { font-size:1.05rem; margin-bottom:1.5rem; }
.cart-btn-store { display:inline-block; padding:.8rem 2rem; border-radius:14px; background:#111111; color:#fff !important; font-size:.95rem; font-weight:700; text-decoration:none !important; }

.cart-card { background:#fff; border-radius:20px; box-shadow:0 2px 12px rgba(0,0,0,.06); overflow:hidden; margin-bottom:1.25rem; }
.cart-card-head { padding:.9rem 1.5rem; border-bottom:1px solid #f3f4f6; font-size:.9rem; font-weight:700; color:#111827; display:flex; align-items:center; gap:.5rem; }
.cart-card-head i { color:#10b981; }

.cart-item { display:flex; align-items:center; gap:1rem; padding:1rem 1.5rem; border-bottom:1px solid #f9fafb; transition:background .15s; }
.cart-item:last-child { border-bottom:none; }
.cart-item:hover { background:#fafafa; }
.cart-item-img { width:64px; height:64px; border-radius:12px; background:#f3f4f6; overflow:hidden; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#d1d5db; }
.cart-item-img img { width:100%; height:100%; object-fit:cover; display:block; }
.cart-item-info { flex:1; min-width:0; }
.cart-item-name { font-size:.9rem; font-weight:700; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cart-item-sku  { font-size:.75rem; color:#9ca3af; font-family:monospace; margin-top:.1rem; }
.cart-item-unit { font-size:.8rem; color:#6b7280; margin-top:.2rem; }
.cart-item-price { font-size:.95rem; font-weight:800; color:#111827; white-space:nowrap; }
.cart-inline-form { margin:0; }
.cart-qty-ctrl { display:inline-flex; align-items:center; border:1.5px solid #e5e7eb; border-radius:11px; overflow:hidden; background:#fff; }
.cart-qty-btn { width:36px; height:36px; border:none; background:transparent; font-size:1.1rem; cursor:pointer; color:#374151; transition:background .15s; display:flex; align-items:center; justify-content:center; }
.cart-qty-btn:hover { background:#f3f4f6; }
.cart-qty-input { width:42px; height:36px; border:none; text-align:center; font-size:.9rem; font-weight:700; color:#111827; background:transparent; outline:none; -moz-appearance:textfield; }
.cart-qty-input::-webkit-inner-spin-button { -webkit-appearance:none; }
.cart-remove { width:36px; height:36px; border-radius:10px; border:1.5px solid #fee2e2; background:#fff; color:#ef4444; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:.85rem; transition:background .15s; flex-shrink:0; }
.cart-remove:hover { background:#fee2e2; }
.cart-remove-small { width:30px; height:30px; }

.cart-subli-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; padding:1rem 1.5rem; }
.cart-subli-card { border:1.5px solid #f3f4f6; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.cart-subli-img { height:120px; overflow:hidden; background:#f9fafb; }
.cart-subli-img img { width:100%; height:100%; object-fit:cover; display:block; }
.cart-subli-body { padding:.75rem; flex:1; }
.cart-subli-name { font-size:.83rem; font-weight:700; color:#111827; }
.cart-subli-sub  { font-size:.78rem; color:#6b7280; margin-top:.2rem; }
.cart-subli-foot { padding:.5rem .75rem; background:#f9fafb; display:flex; justify-content:space-between; align-items:center; }
.cart-subli-total { font-size:.85rem; }

.cart-summary { background:#fff; border-radius:20px; box-shadow:0 2px 12px rgba(0,0,0,.06); padding:1.5rem; position:sticky; top:1.5rem; }
.cart-sum-title { font-size:1rem; font-weight:700; color:#111827; margin:0 0 1.1rem; }
.cart-sum-row { display:flex; justify-content:space-between; font-size:.88rem; color:#6b7280; margin-bottom:.4rem; }
.cart-sum-row.total { font-size:1.1rem; font-weight:800; color:#111827; padding-top:.7rem; border-top:1px solid #f3f4f6; margin-top:.5rem; }
.cart-shipping-status { color:#10b981; font-weight:600; }
.cart-checkout-btn {
    display:flex; align-items:center; justify-content:center; gap:.5rem;
    width:100%; padding:.9rem; border-radius:14px; background:#111111; color:#fff !important;
    text-decoration:none !important; font-size:1rem; font-weight:700; margin-top:1.1rem;
    transition:background .15s, transform .12s;
}
.cart-checkout-btn:hover { background:#1f1f1f; transform:translateY(-1px); }
.cart-continue { display:block; text-align:center; font-size:.83rem; color:#6b7280; text-decoration:none !important; margin-top:.85rem; transition:color .15s; }
.cart-continue:hover { color:#111827; }
.cart-secure { display:flex; align-items:center; justify-content:center; gap:.35rem; font-size:.73rem; color:#9ca3af; margin-top:.65rem; }

/* ── Dark mode ───────────────────────────────────────── */
[data-theme="dark"] .cart-page    { background: var(--bg-main); }
[data-theme="dark"] .cart-title   { color: var(--text-main); }
[data-theme="dark"] .cart-title-count { color: var(--text-secondary); }
[data-theme="dark"] .cart-empty i { color: var(--border-color); }
[data-theme="dark"] .cart-empty   { color: var(--text-muted); }
[data-theme="dark"] .cart-card    { background: var(--bg-card); }
[data-theme="dark"] .cart-card-head { border-color: var(--border-soft); color: var(--text-main); }
[data-theme="dark"] .cart-item    { border-color: var(--border-soft); }
[data-theme="dark"] .cart-item:hover { background: var(--bg-hover); }
[data-theme="dark"] .cart-item-img  { background: var(--bg-elevated); color: var(--border-color); }
[data-theme="dark"] .cart-item-name { color: var(--text-main); }
[data-theme="dark"] .cart-item-sku  { color: var(--text-muted); }
[data-theme="dark"] .cart-item-unit { color: var(--text-secondary); }
[data-theme="dark"] .cart-item-price { color: var(--text-main); }
[data-theme="dark"] .cart-qty-ctrl  { border-color: var(--border-color); background: var(--bg-elevated); }
[data-theme="dark"] .cart-qty-btn   { color: var(--text-secondary); }
[data-theme="dark"] .cart-qty-btn:hover { background: var(--bg-hover); }
[data-theme="dark"] .cart-qty-input { color: var(--text-main); }
[data-theme="dark"] .cart-subli-card { border-color: var(--border-color); }
[data-theme="dark"] .cart-subli-img  { background: var(--bg-elevated); }
[data-theme="dark"] .cart-subli-name { color: var(--text-main); }
[data-theme="dark"] .cart-subli-sub  { color: var(--text-secondary); }
[data-theme="dark"] .cart-subli-foot { background: var(--bg-elevated); }
[data-theme="dark"] .cart-summary { background: var(--bg-card); }
[data-theme="dark"] .cart-sum-title { color: var(--text-main); }
[data-theme="dark"] .cart-sum-row   { color: var(--text-secondary); }
[data-theme="dark"] .cart-sum-row.total { color: var(--text-main); border-color: var(--border-soft); }
[data-theme="dark"] .cart-continue  { color: var(--text-muted); }
[data-theme="dark"] .cart-continue:hover { color: var(--text-main); }
[data-theme="dark"] .cart-secure    { color: var(--text-muted); }