#payment-dialog{box-sizing:border-box;width:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #bfd3d4;border-radius:22px;background:#fff;color:#005967;font-family:Poppins,sans-serif;font-size:14px;box-shadow:none;overflow:auto;overscroll-behavior:contain}
#payment-dialog::backdrop{background:#f6f8f5}#payment-dialog *{box-sizing:border-box}#payment-dialog [hidden]{display:none!important}
#payment-dialog .pay-header{position:relative;min-height:90px;background:#e3f3e9;padding:29px 38px 10px;flex:none}#payment-dialog .pay-close{position:absolute;z-index:2;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:#050e0b;font:30px/1 Arial,sans-serif;cursor:pointer}
#payment-dialog .pay-progress{position:relative;display:flex;justify-content:space-between;list-style:none;padding:0;margin:0;color:#929bab;font-size:12px;line-height:18px}#payment-dialog .pay-progress:before{content:'';position:absolute;top:11px;left:24px;right:24px;height:4px;background:linear-gradient(to right,#155450 0%,#155450 52%,#d2d6e0 52%,#d2d6e0 100%)}#payment-dialog .pay-progress.is-complete:before{background:#155450}#payment-dialog .pay-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:65px;text-align:center}#payment-dialog .pay-point{display:block;width:24px;height:24px;border:2px solid #d2d6e0;border-radius:50%;background:#fff}#payment-dialog .pay-progress li.is-done{color:#073e3c}#payment-dialog .is-done .pay-point{border-color:#155450;background:#155450}
#payment-dialog .pay-body{padding:9px 16px 20px}#payment-dialog h2{font-size:18px;line-height:26px;font-weight:500;margin:0}#payment-dialog .pay-summary{margin:0;background:none;border:0;padding:0}#payment-dialog .pay-summary h2{margin:0 0 1px}#payment-dialog .pay-line{display:flex;justify-content:space-between;gap:16px;font-size:16px;line-height:24px;margin:0}#payment-dialog .pay-discount{color:#ff242e}#payment-dialog .pay-total strong{font-size:20px;font-weight:600}#payment-dialog .pay-method-title{color:#080b0a;margin:43px 0 18px;font-weight:500}
#payment-dialog .pay-divider{display:flex;align-items:center;gap:12px;margin:26px 0 20px;font-size:13px}#payment-dialog .pay-divider:before,#payment-dialog .pay-divider:after{content:'';height:1px;background:#bfd3d4;flex:1}#payment-dialog .pay-loading{font-size:13px;line-height:20px;margin:14px 0;color:#4a6a68}
#payment-dialog .pay-consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:16px;margin:13px 0 12px;color:#345e5d}#payment-dialog .pay-consent input{width:15px;height:15px;min-width:15px;margin:2px 0 0;accent-color:#155450}#payment-dialog a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#payment-dialog .pay-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:58px;padding:10px 16px;margin:0;border:0;border-radius:21px;background:#155450;color:#fff;font-family:inherit;font-size:20px;line-height:26px;font-weight:600;cursor:pointer}#payment-dialog .pay-button small{font-size:10px;line-height:14px;font-weight:400}#payment-dialog .pay-button:disabled{opacity:.55;cursor:default}#payment-dialog .pay-button:hover:not(:disabled){background:#104844}#payment-dialog .pay-button:focus-visible,#payment-dialog .pay-close:focus-visible{outline:3px solid #6d9d91;outline-offset:3px}
#payment-dialog .pay-secure{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 14px;font-size:11px;line-height:16px;text-align:center}#payment-dialog .pay-secure img{width:24px;height:24px;flex:none}#payment-dialog .payment-methods{display:block;width:271px;max-width:100%;height:auto;margin:0 auto}#payment-dialog .pay-mode{display:block;text-align:center;color:#55736d;font-size:10px;line-height:14px;margin:7px 0 -8px}
#payment-dialog .pay-error{font-size:13px;line-height:20px;color:#b52025;margin:12px 0 0}#payment-dialog .pay-error:empty{display:none}#payment-dialog .pay-recovery-label{display:block;margin:0 0 6px;font-size:13px}#payment-dialog #pay-recovery-email{width:100%;height:54px;border:2px solid #bfd3d4;border-radius:12px;padding:14px 16px;font:16px Poppins,sans-serif;background:#fff;color:#005967}#payment-dialog .pay-recovery-note{margin:5px 0 14px;font-size:11px;line-height:16px;color:#55736d}
#payment-dialog .pay-success{text-align:center;padding:20px 12px 8px}#payment-dialog .pay-success h2{font-size:22px;font-weight:600}#payment-dialog .pay-success p{font-size:14px;line-height:22px;margin:12px 0 16px}#payment-dialog .pay-success-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:12px;margin:0 0 22px}#payment-dialog .pay-success-links button{border:0;padding:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
.renewal-disclosure{font-size:12px;line-height:1.5;text-align:center;color:#55625a;margin:16px 0}
@media(max-width:480px){#payment-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}#payment-dialog .pay-header{padding:25px 22px 10px;min-height:84px}#payment-dialog .pay-progress{font-size:10px}#payment-dialog .pay-progress li{min-width:62px;gap:8px}#payment-dialog .pay-body{padding:10px 14px 16px}#payment-dialog .pay-line{font-size:14px;line-height:23px}#payment-dialog .pay-method-title{margin-top:28px;font-size:16px}#payment-dialog .pay-consent{font-size:10px;line-height:15px}#payment-dialog .pay-secure{font-size:10px}#payment-dialog .pay-button{font-size:18px}}

#payment-dialog .pay-renewal{font-size:12px;line-height:18px;margin:6px 0 0;color:#345e5d}#payment-dialog #pay-element{margin-bottom:16px}
.pay-renewal-terms{font-size:12px;line-height:1.5;color:#476966;margin:16px 0;overflow-wrap:anywhere}