:root{
  --card-bg:#fff;
  --muted:#6b7280;
}
body.page-checkout{ background:#f5f7fa; }

/* Layout */
.checkout-layout{ display:grid; grid-template-columns: 1.4fr 1fr; gap:26px; margin-top:18px; }
.checkout-layouts{ display:grid; grid-template-columns: 1fr 2fr; gap:26px; margin-top:18px; }
@media (max-width: 991.98px){ .checkout-layout{ grid-template-columns: 1fr; } .summary-card{ position: static; } }

/* Hero */
.checkout-hero{ padding:40px 0 10px; }
.checkout-title{ display:flex; align-items:center; gap:12px; color: var(--primary-color); }
.checkout-title h1{ font-size:28px; margin:0; font-weight:800; letter-spacing:-0.5px; color:#111827; }
.checkout-badge{ background: var(--brand-gradient); color:#fff; border-radius:999px; padding:6px 12px; font-size:12px; font-weight:700; }

/* Cards */
.checkout-card{ background: var(--card-bg); border-radius:18px; box-shadow: 0 10px 28px rgba(0,0,0,0.08); padding:18px; }
.section-title{ font-size:18px; font-weight:800; color:#111827; margin-bottom:12px; }

/* Form */
.form-control, .form-select{ border-radius:12px; border:2px solid #e5e7eb; }
.form-control:focus, .form-select:focus{ border-color: rgba(var(--primary-color-rgb),0.55); box-shadow:none; }
.pm-list{ display:flex; flex-direction:column; gap:8px; }
.pm-item{ padding:10px 12px; border:1.5px solid #e5e7eb; border-radius:12px; }
.pm-item:hover{ border-color: rgba(var(--primary-color-rgb),0.55); }
.place-order-btn{ width:100%; border:none; height:52px; border-radius:999px; background: var(--brand-gradient); color:#fff; font-weight:800; letter-spacing:.3px; box-shadow: 0 16px 40px -10px rgba(var(--primary-color-rgb),0.55); transition: transform .2s ease, box-shadow .2s ease; margin-top:14px; }
.place-order-btn:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px -12px rgba(var(--primary-color-rgb),0.6); }

/* Summary */
.summary-card{ position: sticky; top: calc(var(--global-header-total, 0px) + 20px); }
.summary-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.summary-title{ font-size:18px; font-weight:800; color:#111827; }
.summary-row{ display:flex; align-items:center; justify-content:space-between; padding:10px 0; color:#374151; }
.summary-row.total{ border-top:1px dashed #e5e7eb; margin-top:6px; padding-top:14px; font-weight:800; font-size:18px; }
.coupon{ display:flex; gap:10px; margin-top:12px; }
.coupon input{ flex:1; height:44px; border-radius:12px; border:2px solid #e5e7eb; padding:0 14px; }
.coupon button{ height:44px; padding:0 16px; border:none; border-radius:12px; background: var(--brand-gradient); color:#fff; font-weight:700; }

/* Items */
.co-item{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px dashed #e5e7eb; }
.co-thumb{ width:56px; height:56px; border-radius:10px; overflow:hidden; background:#f3f4f6; flex:0 0 auto; }
.co-thumb img{ width:100%; height:100%; object-fit:cover; }
.co-info{ flex:1; min-width:0; }
.co-name{ margin:0; font-weight:700; font-size:14px; color:#111827; }
.co-meta{ font-size:12px; color:#6b7280; }
.co-qty{ font-weight:700; color:#111827; }