.payment-dialog{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:calc(100dvh - 32px);padding:0}
.payment-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.payment-dialog>.dialog-head,.payment-dialog>.dialog-foot{flex-shrink:0}
.payment-dialog>.dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.payment-dialog .dialog-head h2{min-width:0}.payment-dialog .dialog-head button{flex:none}
.payment-dialog .dialog-foot .btn{white-space:normal;max-width:100%}
.checkout-steps{display:flex;list-style:none;gap:12px;justify-content:space-between;padding:0;margin:0 0 22px}
.checkout-steps li{display:flex;align-items:center;gap:7px;min-width:0;color:#8a9a98;font-size:11px;line-height:1.4}
.checkout-steps li>span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe2d7;border-radius:50%;width:25px;height:25px;flex:none}
.checkout-steps .active{color:#173f49;font-weight:650}.checkout-steps .active>span{background:#173f49;border-color:#173f49;color:white}.checkout-steps .done>span{background:#e7f0e6;color:#3a7169;border-color:#e7f0e6}
.checkout-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border-radius:15px;background:#173f49;color:white;margin-bottom:20px}
.checkout-summary>div{min-width:0}.checkout-summary>div:last-child{text-align:right}
.checkout-summary span{display:block;font-size:11px;color:#b7cdcd;margin-bottom:5px}
.checkout-summary strong{font-size:20px;line-height:1.4;display:block;overflow-wrap:anywhere}
.checkout-intro{font-size:12px;color:var(--muted);margin:12px 0 20px}
.checkout-kind{display:flex;gap:10px;min-width:0;padding:0;border:0;margin:0 0 22px}
.checkout-kind label{flex:1;cursor:pointer;position:relative}.checkout-kind input{position:absolute;opacity:0;width:1px;height:1px}
.checkout-kind span{display:block;text-align:center;padding:12px;border:1px solid #dbe2d7;border-radius:10px;font-size:13px;color:#68847e;background:#fbfcf8}
.checkout-kind input:checked+span{border-color:#396e6b;background:#edf4ec;color:#173f49;font-weight:650}
.checkout-kind input:focus-visible+span{outline:3px solid #30b8d8;outline-offset:2px}
.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.checkout-fields>.field{min-width:0;margin:0}.checkout-fields>.field[hidden]{display:none}
.checkout-fields input{min-width:0;width:100%;max-width:100%}.checkout-full{grid-column:1/-1}
.checkout-profile{border:1px solid #dce3d7;border-radius:15px;padding:20px;margin:20px 0;overflow-wrap:anywhere}
.checkout-profile-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:16px}.checkout-profile h3{font-size:15px}.checkout-profile p{color:#71867f;font-size:12px;margin-top:8px}.checkout-profile>strong{font-size:14px}
.checkout-profile .table-action{white-space:normal;text-align:left;color:#287b76}
.checkout-upgrade{padding:14px 16px;border-radius:12px;background:#eef4e7;font-size:12px;margin:16px 0}.checkout-upgrade p{font-size:11px;margin-top:5px;color:#688278}
.checkout-terms{align-items:flex-start;gap:9px;font-size:12px;line-height:1.7}.checkout-terms input{flex:none;margin-top:4px}.checkout-terms a{text-decoration:underline;color:#267b75;white-space:normal}
.payment-dialog .form-error:not(:empty){padding:12px 14px;border:1px solid #ebcccc;border-radius:10px;background:#fff4f2;margin-bottom:16px;font-size:12px}
@media(max-width:560px){
 .payment-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 .payment-dialog .dialog-head,.payment-dialog .dialog-body,.payment-dialog .dialog-foot{padding:16px}
 .checkout-steps{gap:8px;margin-bottom:18px}.checkout-steps li{font-size:10px;gap:5px;flex:1;align-items:flex-start}.checkout-steps li>span{width:22px;height:22px}
 .checkout-summary{padding:16px;gap:12px}.checkout-summary strong{font-size:18px}
 .checkout-fields{grid-template-columns:1fr;gap:15px}.checkout-kind{margin-bottom:18px}.checkout-fields input{font-size:16px}
 .payment-dialog .dialog-foot .btn{flex:1;min-height:44px}.checkout-profile{padding:16px}
}