.checkout-backdrop { z-index: 100; padding: 16px; }
.checkout-card { width: min(460px,100%); max-height: 92svh; overflow-y: auto; background: #fff; color: #203039; border-radius: 16px; box-shadow: 0 24px 80px #0009; }
.checkout-card header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; color: white; background: #08664c; }
.checkout-card header small { font-size: 12px; opacity: .85; }
.checkout-card h2 { margin: 5px 0 0; font-size: 26px; }
.checkout-close { border: 0; background: #ffffff20; color: white; border-radius: 50%; width: 32px; height: 32px; font-size: 24px; }
.checkout-body { padding: 24px; }
.checkout-instruction { color: #835b1e; background: #fff6e4; padding: 13px; border-radius: 8px; margin: 0 0 22px; line-height: 1.6; }
.checkout-card label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 9px; }
.checkout-number { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; background: #f0f4f4; border-radius: 8px; }
.checkout-number strong { font-size: 20px; user-select: all; }
.copy-number { border: 0; padding: 8px; color: #08664c; background: transparent; }
.checkout-provider { padding: 18px; margin: 18px 0; background: #e2136e; border-radius: 9px; color: white; font-size: 23px; font-weight: bold; }
[data-provider="nagad"] .checkout-provider { background: #e95122; }
.checkout-config,.checkout-message { font-size: 13px; line-height: 1.6; }
.checkout-card input { box-sizing: border-box; width: 100%; padding: 16px; background: white; border: 1px solid #b7c6ca; border-radius: 8px; font: 16px Arial,sans-serif; color: #203039; }
.checkout-card details { font-size: 12px; margin: 16px 0 22px; line-height: 1.7; }
.checkout-card summary { cursor: pointer; color: #14669a; }
.checkout-card button:disabled { opacity: .5; cursor: not-allowed; }
.checkout-back { border: 0; background: none; color: #346d7a; padding: 10px 0; font-size: 12px; }
.checkout-card :focus-visible { outline: 2px solid #12765a; outline-offset: 3px; }
@media(max-width:480px) { .checkout-body { padding: 18px; } }