.payment-option .payment-brand{position:relative;flex:0 0 38px;width:38px;height:38px;padding:0;border-radius:10px;overflow:hidden}
.payment-option .momo-logo{display:grid;place-items:center;background:linear-gradient(145deg,#d82d8b,#a50064);color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.payment-option .momo-logo:after{content:"oMo";position:absolute;left:16px;top:16px;color:#fff;font-size:5px;font-weight:800;letter-spacing:-.5px}
.payment-option .qr-logo{background:#fff;border:1px solid #b9d9e8}
.qr-logo i{position:absolute;width:10px;height:10px;border:3px solid #087fbd}.qr-logo i:nth-child(1){left:5px;top:5px}.qr-logo i:nth-child(2){right:5px;top:5px}.qr-logo i:nth-child(3){left:5px;bottom:5px}.qr-logo b{position:absolute;right:6px;bottom:6px;width:4px;height:4px;background:#087fbd;box-shadow:-6px 0 #087fbd,0 -6px #087fbd,-4px -8px #087fbd,3px -4px #087fbd}
.payment-option:has(input:checked) .payment-brand{box-shadow:0 0 0 3px rgba(14,165,233,.12)}
.payment-option .payment-image{display:block;flex:0 0 auto;object-fit:contain}
.payment-option .momo-image{width:38px;height:38px;border-radius:9px}
.payment-option .vietqr-image{width:72px;height:34px;padding:3px;border:1px solid #d6e4ed;border-radius:8px;background:#fff}
.payment-option:has(input:checked) .payment-image{box-shadow:0 0 0 3px rgba(14,165,233,.11)}
.payment-option.payment-disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.55}@media(max-width:430px){.payment-option .vietqr-image{width:60px;height:31px}.payment-option .momo-image{width:34px;height:34px}}
.balance-payment b{color:#087f88}.balance-payment.insufficient{opacity:.55;cursor:not-allowed}.balance-payment.insufficient:has(input:checked){border-color:var(--line);background:transparent}
.checkout-note.error{border:1px solid #f3b4ac;background:#fff0ee;color:#b42318;font-weight:700}