/* V1017 compact QR payment: no QR download, compact phone-first single viewport when possible. */
#checkoutPaymentModalV833.checkout-payment-modal-v841{width:min(96vw,410px)!important;max-height:calc(100dvh - 12px)!important;border-radius:15px!important}
#checkoutPaymentModalV833 .checkout-payment-header-v841{min-height:43px!important;padding:4px 45px 4px 11px!important}
#checkoutPaymentModalV833 .checkout-payment-brand-icon-v1016{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important}
#checkoutPaymentModalV833 .checkout-payment-brand-icon-v1016 svg{width:16px;height:16px}
#checkoutPaymentModalV833 .checkout-payment-brand-v1016{gap:7px!important}
#checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 b{font-size:15px!important}
#checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 small{display:none!important}
#checkoutPaymentModalV833 .checkout-payment-close-v841{top:6px!important;right:9px!important;width:30px!important;height:30px!important;font-size:21px!important}
#checkoutPaymentModalV833 .checkout-payment-body-v841{padding:6px 9px 0!important}
#checkoutPaymentModalV833 .checkout-payment-content-v841.checkout-payment-content-v843{gap:5px!important;padding:0 0 5px!important;scrollbar-gutter:auto!important}
#checkoutPaymentModalV833 .checkout-payment-title-v841{display:none!important}
#checkoutPaymentModalV833 .checkout-order-chip-v833{min-height:27px!important;padding:4px 8px!important;font-size:9px!important;border-radius:8px!important}
#checkoutPaymentModalV833 .checkout-order-chip-v833 b{font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#checkoutPaymentModalV833 .checkout-countdown-v833{min-height:28px!important;font-size:10px!important;border-radius:8px!important}
#checkoutPaymentModalV833 .checkout-countdown-v833::before{font-size:13px!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833{padding:5px 9px!important;border-radius:9px!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row{padding:2px 0!important;font-size:10px!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row.total{margin-top:2px!important;padding-top:4px!important;font-size:11px!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row.total b{font-size:17px!important}
#checkoutPaymentModalV833 .checkout-qr-card-v841{border-radius:10px!important}
#checkoutPaymentModalV833 .checkout-qr-brand-v841{height:27px!important}
#checkoutPaymentModalV833 .checkout-qr-brand-v841 img{height:26px!important;max-width:150px!important}
#checkoutPaymentModalV833 .checkout-qr-merchant-v841{padding:4px 10px 0!important}
#checkoutPaymentModalV833 #checkoutQrMerchantNameV838{font-size:11px!important}
#checkoutPaymentModalV833 #checkoutQrAmountValueV838{font-size:15px!important}
#checkoutPaymentModalV833 .checkout-qr-caption-v1016{display:none!important}
#checkoutPaymentModalV833 .checkout-qr-image-wrap-v841{min-height:0!important;padding:2px 0!important}
#checkoutPaymentModalV833 .checkout-qr-image-wrap-v841 > img#checkoutQrImageV833{width:clamp(130px,18dvh,164px)!important;height:clamp(130px,18dvh,164px)!important;max-width:164px!important}
#checkoutPaymentModalV833 .checkout-qr-expiry-v834{margin:2px auto 4px!important;padding:3px 9px!important;font-size:9px!important;max-width:240px!important}
#checkoutPaymentModalV833 .checkout-qr-wallet-note-v893{margin:3px 7px 5px!important;width:calc(100% - 14px)!important;padding:5px 7px!important;font-size:9px!important;line-height:1.25!important}
#checkoutPaymentModalV833 .checkout-qr-actions-v834{display:none!important}
#checkoutPaymentModalV833 .checkout-steps-v1016{padding:5px 8px!important;border-radius:8px!important}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016{gap:6px!important;align-items:center!important}
#checkoutPaymentModalV833 .checkout-steps-megaphone-v1016{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:12px!important}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016 b{font-size:10px!important}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016 small{display:none!important}
#checkoutPaymentModalV833 .checkout-steps-flow-v1016{display:none!important}
#checkoutPaymentModalV833 .checkout-slip-v841{padding:5px 8px!important;border-radius:8px!important}
#checkoutPaymentModalV833 .checkout-slip-icon-v841{width:25px!important;height:25px!important;font-size:16px!important}
#checkoutPaymentModalV833 .checkout-slip-title-v838{font-size:10px!important}
#checkoutPaymentModalV833 .checkout-slip-subtitle-v838{font-size:9px!important}
#checkoutPaymentModalV833 .checkout-slip-name-v833{font-size:9px!important}
#checkoutPaymentModalV833 .checkout-payment-note-v841{display:none!important}
#checkoutPaymentModalV833 .checkout-status-v833{font-size:10px!important;line-height:1.25!important}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843{gap:4px!important;padding:5px 0 calc(5px + env(safe-area-inset-bottom))!important}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-upload-slip-v880{min-height:37px!important;font-size:12px!important;border-radius:9px!important}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-upload-slip-v880::before{width:16px!important;height:16px!important}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-cancel-order-v843{min-height:26px!important;font-size:10px!important;border-radius:8px!important}
@media(max-width:620px){
 #checkoutPaymentModalV833.checkout-payment-modal-v841{position:fixed!important;inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(96vw,410px)!important;height:auto!important;max-height:calc(100dvh - 12px)!important;border-radius:15px!important}
 #checkoutPaymentModalV833 .checkout-payment-content-v841.checkout-payment-content-v843{overflow-y:auto!important;min-height:0!important;scroll-padding-bottom:5px!important}
 #checkoutPaymentModalV833 .checkout-payment-body-v841{min-height:0!important}
}
@media(max-height:680px){
 #checkoutPaymentModalV833 .checkout-qr-image-wrap-v841 > img#checkoutQrImageV833{width:130px!important;height:130px!important}
 #checkoutPaymentModalV833 .checkout-qr-wallet-note-v893{font-size:8.5px!important}
 #checkoutPaymentModalV833 .checkout-slip-subtitle-v838{display:none!important}
}
