.cs-empty{max-width:480px;margin:4rem auto;text-align:center;padding:3rem 2rem;background:var(--surface-2);border:1px solid var(--border-default);border-radius:16px}.cs-empty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--glow-gold);color:#fbbf24;margin:0 auto 1.25rem}.cs-empty h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.cs-empty p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.cs-empty-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0e1a;border:none;border-radius:10px;padding:.75rem 1.75rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(251,191,36,.3)}.cs-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(251,191,36,.4)}.cs-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:1.75rem;gap:1.75rem;align-items:start;max-width:1060px;margin:0 auto;padding:0 0 3rem}.cs-items-col{background:var(--surface-2);border:1px solid var(--border-default);border-radius:14px;overflow:hidden}.cs-items-header{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:1rem;gap:1rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-subtle)}.cs-items-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.cs-qty-label{text-align:center;min-width:96px}.cs-price-label{text-align:right;min-width:70px}.cs-item-list{display:flex;flex-direction:column}.cs-item{display:grid;grid-template-columns:56px 1fr auto auto 36px;grid-gap:.85rem 1rem;gap:.85rem 1rem;align-items:center;padding:1rem 1.25rem;transition:background .15s}.cs-item+.cs-item{border-top:1px solid var(--border-subtle)}.cs-item:hover{background:rgba(255,255,255,.025)}.cs-item-img{width:56px;height:56px;border-radius:10px;background:var(--glow-gold);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:#fbbf24}.cs-item-img.clickable{cursor:pointer}.cs-item-img.clickable:hover{opacity:.85}.cs-item-img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.cs-item-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.cs-item-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-item-name.clickable{cursor:pointer}.cs-item-name.clickable:hover{color:#fbbf24}.cs-item-meta{display:flex;flex-wrap:wrap;gap:.3rem}.cs-meta-pill{font-size:.7rem;color:var(--text-secondary);background:var(--btn-ghost-bg);border:1px solid var(--border-subtle);border-radius:6px;padding:.15rem .5rem}.cs-unit-price{font-size:.75rem;color:var(--text-dim)}.cs-qty{gap:.4rem;border:1px solid var(--border-default);border-radius:8px;padding:.3rem;background:var(--input-bg)}.cs-qty,.cs-qty-btn{display:flex;align-items:center}.cs-qty-btn{width:28px;height:28px;justify-content:center;border:none;border-radius:6px;background:var(--btn-ghost-bg);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;padding:0}.cs-qty-btn:hover{background:rgba(251,191,36,.15);color:#fbbf24}.cs-qty-val{min-width:28px;text-align:center;font-size:.875rem;font-weight:600;color:var(--text-primary)}.cs-line-total{text-align:right;min-width:70px;font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.cs-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:8px;background:none;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0;flex-shrink:0}.cs-remove-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#f87171}.cs-summary{background:var(--surface-2);border:1px solid var(--border-default);border-radius:14px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:calc(var(--top-stack-height) + 1rem);display:flex;flex-direction:column;gap:1rem}.cs-summary-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.cs-summary-rows{display:flex;flex-direction:column;gap:.6rem}.cs-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.cs-free{color:#4ade80;font-weight:600}.cs-summary-divider{height:1px;background:var(--border-default)}.cs-summary-total{display:flex;justify-content:space-between;align-items:baseline}.cs-summary-total>span:first-child{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.cs-total-amount{font-size:1.65rem;font-weight:800;color:#fbbf24}.cs-checkout-btn{width:100%;padding:.95rem 1.25rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0e1a;border:none;border-radius:11px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px rgba(251,191,36,.35);letter-spacing:.2px}.cs-checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(251,191,36,.45)}.cs-checkout-btn:active{transform:translateY(0)}.cs-trust{display:flex;flex-direction:column;gap:.5rem}.cs-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-dim)}.cs-trust-item svg{color:var(--text-secondary);flex-shrink:0}.cart-container{max-width:1060px;margin:0 auto;padding:0 0 3rem}.payment-cancelled-banner{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:.85rem 1.25rem;margin-bottom:1.25rem;color:#fde68a;font-size:.875rem;max-width:1060px;margin-left:auto;margin-right:auto}@media (max-width:900px){.cs-layout{grid-template-columns:1fr}.cs-summary{position:static;order:-1}.cs-summary-title{font-size:.95rem}}@media (max-width:640px){.cs-layout{padding:0 0 2rem;gap:1.25rem}.cs-items-header{display:none}.cs-item{grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:.6rem .75rem;padding:.9rem 1rem}.cs-item-img{width:48px;height:48px;grid-row:1/3}.cs-item-info{grid-column:2;grid-row:1}.cs-qty{grid-column:3;grid-row:1}.cs-line-total{grid-column:2;grid-row:2;font-size:.875rem;text-align:left;min-width:0}.cs-remove-btn{grid-column:3;grid-row:2}.cs-item-name{white-space:normal}}@media (max-width:480px){.cs-item{padding:.75rem .9rem}.cs-summary{padding:1.25rem}.cs-total-amount{font-size:1.4rem}}