.demo-checkout{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.demo-checkout-backdrop{position:absolute;inset:0;background:rgba(28,25,23,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:demo-fade .2s ease-out}.demo-checkout-card{position:relative;width:100%;max-width:420px;max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:demo-rise .25s ease-out}.demo-checkout-card::-webkit-scrollbar{width:0;height:0}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-checkout-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--primary-soft);border-bottom:1px solid rgba(241,80,10,.22);color:var(--primary);font-size:12.5px;font-weight:600}.demo-checkout-head{display:flex;align-items:center;gap:12px;padding:var(--space-lg);border-bottom:1px solid var(--border)}.demo-checkout-head img{height:34px;width:auto;flex-shrink:0}.demo-checkout-head span{display:flex;flex-direction:column;line-height:1.35;min-width:0}.demo-checkout-head strong{font-family:var(--font-heading);font-size:15px}.demo-checkout-head small{font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-checkout-amount{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);background:var(--surface)}.demo-checkout-amount span{font-size:13.5px;color:var(--text-light)}.demo-checkout-amount strong{font-family:var(--font-heading);font-size:30px;color:var(--text)}.demo-checkout-details{display:flex;flex-direction:column;gap:10px;padding:var(--space-lg)}.demo-checkout-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:13.5px}.demo-checkout-details dt{color:var(--text-light);flex-shrink:0}.demo-checkout-details dd{color:var(--text);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-checkout-order{font-family:monospace;font-size:12px;color:var(--text-light)!important}.demo-checkout-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg)}.demo-checkout-cancel,.demo-checkout-pay{height:48px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.demo-checkout-pay{background:var(--primary);border:none;color:#fff;box-shadow:0 6px 18px rgba(241,80,10,.28)}.demo-checkout-pay:hover:not(:disabled){background:var(--primary-dark)}.demo-checkout-cancel{background:none;border:1px solid var(--border);color:var(--text-light)}.demo-checkout-cancel:hover:not(:disabled){border-color:var(--text-light);color:var(--text)}.demo-checkout-cancel:disabled,.demo-checkout-pay:disabled{opacity:.6;cursor:default}.demo-checkout-note{padding:0 var(--space-lg) var(--space-lg);font-size:12px;line-height:1.6;color:var(--text-light)}.demo-checkout-note code{font-size:11.5px;background:var(--surface);border-radius:3px;padding:1px 4px}