/* Checkout page specific styles */
.checkout-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--space-10); align-items: start; margin-block: var(--space-8); }
.checkout-left { display: grid; gap: var(--space-8); }
.checkout-right { position: sticky; top: 96px; }

.muted { color: var(--color-text-muted); }

/* Items list */
.items-list { display: grid; gap: var(--space-6); }
.item-row { display: grid; grid-template-columns: 1fr auto auto auto; gap: var(--space-5); align-items: center; padding: var(--space-5); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--radius-md); background: rgba(255,255,255,0.03); }
.item-name { font-weight: 600; }
.item-controls { display: inline-flex; align-items: center; gap: var(--space-3); }
.qty-input { width: 76px; text-align: center; }
.item-price, .item-total { font-variant-numeric: tabular-nums; }
.remove-item { color: var(--color-text-muted); }
.remove-item:hover { color: var(--color-danger); }

/* Shipping */
.ship-methods { margin-top: var(--space-7); }
.ship-options { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.ship-option { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-4); padding: 0.6rem 0.75rem; border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-md); }
.ship-price { font-variant-numeric: tabular-nums; color: var(--color-accent); }

/* Payment */
.pay-methods { margin-block: var(--space-4) var(--space-2); }
.pay-option { display: inline-flex; align-items: center; gap: var(--space-3); padding: 0.5rem 0.75rem; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-sm); }
.payment-panels { margin-top: var(--space-5); }
.payment-panel.hidden { display: none; }

/* Promo */
.promo-form { display: grid; gap: var(--space-4); }
.promo-row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); }

/* Summary */
.order-summary .summary-rows { display: grid; gap: var(--space-4); }
.order-summary .row { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: var(--space-4); }
.order-summary .total dd { font-family: var(--font-serif); font-size: var(--text-2xl); color: var(--color-accent); }
.btn-place { width: 100%; margin-top: var(--space-5); }
.secure-note { margin-top: var(--space-4); color: var(--color-text-muted); }
.terms { margin-bottom: var(--space-4); }

.support-list { display: grid; gap: var(--space-3); }

/* Responsive */
@media (max-width: 1024px) {
  .checkout-grid { grid-template-columns: 1fr; }
  .checkout-right { position: static; }
}