.qr-checkout{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:28px!important;border-radius:22px;overflow-y:auto;text-align:left;line-height:1.5}
.qr-checkout h2{font-size:25px!important;line-height:1.3!important;margin:0 35px 8px 0!important;letter-spacing:-.5px}
.qr-checkout .modal-close{top:13px;right:14px;width:34px;height:34px;font-size:25px}
.qr-checkout .purchase-account{margin:0 0 18px!important;font-size:12px!important;color:#7c858b}
.qr-checkout .purchase-promo{margin:0 0 6px!important;display:flex;align-items:center;gap:10px;font-size:11px!important;flex-wrap:wrap}
.qr-checkout .purchase-promo .offer-badge{font-size:10px;padding:3px 7px;border-radius:5px}
.qr-checkout .purchase-price{font-size:46px!important;line-height:1.15!important;letter-spacing:-2px;margin:0!important;font-weight:700}
.qr-checkout .purchase-scope{font-size:13px!important;color:#636e76;margin:8px 0 20px!important}
.qr-checkout .wb-purchase-value{display:none!important}
.qr-checkout .purchase-status{min-height:0!important;margin:12px 0!important;font-size:12px!important;line-height:1.6;color:#66746d;text-align:center}
.qr-checkout .purchase-status:empty{display:none}
.qr-checkout .button.full{min-height:46px;font-size:14px!important;border-radius:10px;gap:10px;margin:0!important}
.qr-checkout #purchase-create{background:#152e29;border-color:#152e29;color:white}
.qr-checkout .pay-device-note{font-size:12px;color:#69777b;margin:0 0 10px;text-align:center}
.qr-checkout .payment-qr{border:0!important;padding:12px!important;background:#f6f8f7;border-radius:13px;margin:0!important;text-align:center}
.qr-checkout #payment-image{width:176px;height:176px;max-width:100%;object-fit:contain;border:8px solid #fff;border-radius:8px;background:#fff;cursor:zoom-in;-webkit-touch-callout:default;user-select:auto}
.qr-checkout #payment-hint{display:none}
.qr-checkout .pay-open-code{display:block;border:0;background:transparent;color:#176c5b;font-size:12px;font-weight:600;margin:4px auto 0;padding:6px 10px;min-height:32px}
.qr-checkout .pay-guidance{margin:14px 0 8px;font-size:12px;color:#394c45}
.pay-guidance ol{list-style:none;padding:0;margin:0;counter-reset:pay-step;display:grid;gap:9px}
.pay-guidance li{counter-increment:pay-step;display:flex;align-items:flex-start;gap:8px;line-height:1.6}
.pay-guidance li:before{content:counter(pay-step);display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#e7f1ec;color:#286854;font-size:11px;font-weight:600}
.pay-guidance small{display:block;color:#7a8387;font-size:10px;line-height:1.5;margin:8px 0 0 28px}
.qr-checkout .pay-order-detail{border:0;margin:12px 0 0;font-size:10px;color:#91999d}
.pay-order-detail summary{cursor:pointer;width:fit-content;padding:4px 0}.qr-checkout .purchase-order{font-size:10px!important;overflow-wrap:anywhere;margin:4px 0!important}
.qr-checkout .pay-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0ee}
.qr-checkout .pay-footer .redeem-entry,.qr-checkout .purchase-terms-link{font-size:11px!important;margin:0!important;color:#748079;padding:0;line-height:1.6}
.qr-checkout .purchase-terms-link .inline-link{font-size:inherit!important}.qr-checkout.is-paid .purchase-promo,.qr-checkout.is-paid .purchase-price,.qr-checkout.is-paid .purchase-scope{display:none}
.pay-code-modal{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:26px 22px 22px;border:0;border-radius:20px;color:#1b302a;text-align:center;font-family:inherit}
.pay-code-modal::backdrop{background:#172923b3}.pay-code-modal h2{font-size:23px;margin:0 28px 16px}.pay-code-modal img{display:block;width:100%;height:auto;max-width:340px;margin:auto;object-fit:contain;border:8px solid white;-webkit-touch-callout:default;user-select:auto}
.pay-code-modal p{font-size:12px;color:#6e7973;line-height:1.7;margin:12px 0 18px}.pay-code-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#77857d;font-size:26px;width:32px;height:32px}
.pay-code-modal .button{border-radius:10px;min-height:44px;font-size:13px}
@media(max-width:420px){.qr-checkout{padding:24px 22px!important}.qr-checkout h2{font-size:23px!important}.qr-checkout .purchase-account{margin-bottom:14px!important}.qr-checkout .purchase-price{font-size:42px!important}.qr-checkout .purchase-scope{margin-bottom:16px!important}.qr-checkout.has-qr .purchase-promo{display:none}.qr-checkout.has-qr .purchase-price{font-size:34px!important}.qr-checkout.has-qr .purchase-account{margin-bottom:10px!important}.qr-checkout.has-qr .purchase-scope{margin:4px 0 12px!important}}
