/* Hopcharge V8.9 – checkout screen design integration. Source: user-approved V8.8
   checkout HTML layouts, with live API and server validation retained. */
#purchase-dialog.checkout-dialog{padding:14px!important;background:rgba(16,27,64,.54)!important;align-items:center!important}
#purchase-dialog.checkout-dialog .checkout-panel{width:min(1080px,calc(100vw - 28px))!important;max-width:1080px!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;border-radius:12px!important;box-shadow:0 25px 80px rgba(22,35,73,.29)!important;background:#fff!important;padding:0!important}
#purchase-dialog.checkout-dialog .checkout-top{padding:0 24px!important;height:58px;display:flex!important;align-items:center;justify-content:space-between;background:#fff!important;border-bottom:1px solid #e3e8f2!important;position:sticky;top:0;z-index:6}
#purchase-dialog.checkout-dialog .checkout-top strong{font:500 13px/1.4 Montserrat,Arial,sans-serif!important;color:#1c2856!important}
#purchase-dialog.checkout-dialog .checkout-top button{background:transparent;border:0;color:#172755;font:400 24px/1 Arial,sans-serif;padding:4px 8px;cursor:pointer}
#purchase-dialog.checkout-dialog #purchase-content{display:grid!important;grid-template-columns:minmax(255px,31%) minmax(0,1fr)!important;min-height:390px!important;background:#fff}
#purchase-dialog.checkout-dialog .hc-v89-checkout-side{min-width:0!important;display:block!important;padding:32px 28px 28px!important;gap:0!important;background:#f5f7fc!important;border-right:1px solid #dce3ee!important;color:#1e2c56!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-side .hc-v8-side-badge{font:500 10px/1.5 Montserrat,Arial,sans-serif!important;letter-spacing:.04em!important;color:#667698!important}
#purchase-dialog.checkout-dialog .hc-v89-plan-name{font:500 22px/1.3 Montserrat,Arial,sans-serif!important;margin:16px 0 9px!important;color:#1c2856!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-side .hc-v89-side-price{font:500 clamp(27px,3.3vw,38px)/1.2 Montserrat,Arial,sans-serif!important;margin:4px 0 6px!important;color:#1b2958!important}
#purchase-dialog.checkout-dialog .hc-v89-side-term{font:400 11px/1.65 Montserrat,Arial,sans-serif!important;color:#7583a0!important;margin:3px 0 18px!important}
#purchase-dialog.checkout-dialog .hc-v89-side-sessions{display:flex;gap:10px;align-items:flex-start;margin:16px 0 20px;padding-bottom:18px;border-bottom:1px solid #dfe5ef;font-size:12px;line-height:1.55;color:#293859}
#purchase-dialog.checkout-dialog .hc-v89-side-check{color:#138555;flex:0 0 auto;font-size:13px}
#purchase-dialog.checkout-dialog .hc-v89-side-sessions small{display:block;color:#8995ac;margin-top:4px;font-size:10px;line-height:1.6}
#purchase-dialog.checkout-dialog .hc-v89-prices{display:grid;gap:11px;padding:3px 0 16px;margin:0 0 18px;border-bottom:1px solid #dfe5ef}
#purchase-dialog.checkout-dialog .hc-v89-price-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:11px;line-height:1.6;color:#71809e}
#purchase-dialog.checkout-dialog .hc-v89-price-row span:last-child{color:#21325d;text-align:right;white-space:nowrap}
#purchase-dialog.checkout-dialog .hc-v89-price-total{font-size:12px;color:#20305a;font-weight:500;margin-top:6px}
#purchase-dialog.checkout-dialog .hc-v89-price-total span:last-child{font-weight:600}
#purchase-dialog.checkout-dialog .hc-v89-benefits-title{font:500 12px/1.5 Montserrat,Arial,sans-serif!important;margin:17px 0 10px!important;color:#1d2d59!important}
#purchase-dialog.checkout-dialog .hc-v89-benefits{list-style:none!important;padding:0!important;margin:0 0 23px!important;display:grid;gap:13px}
#purchase-dialog.checkout-dialog .hc-v89-benefits li{display:flex;align-items:flex-start;gap:10px;font:400 10.5px/1.6 Montserrat,Arial,sans-serif;color:#415276;word-break:normal;overflow-wrap:anywhere}
#purchase-dialog.checkout-dialog .hc-v89-secure,#purchase-dialog.checkout-dialog .hc-v89-help{font:400 10.5px/1.65 Montserrat,Arial,sans-serif!important;color:#7685a0!important;margin:10px 0 0!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-body{min-width:0!important;padding:28px 34px 32px!important;background:#fff!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px;border:0!important;margin:0 0 25px!important;padding:0!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-nav .hc-v85-checkout-back{font:400 12px/1.4 Montserrat,Arial,sans-serif!important;color:#516286!important;background:transparent!important;border:0!important;padding:7px 0!important;white-space:nowrap}
#purchase-dialog.checkout-dialog .hc-v89-steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 10.5px/1.5 Montserrat,Arial,sans-serif;color:#9aa5ba}
#purchase-dialog.checkout-dialog .hc-v89-step{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
#purchase-dialog.checkout-dialog .hc-v89-step-circle{width:21px;height:21px;border-radius:50%;border:1px solid #dce4f1;color:#8290aa;display:grid;place-items:center;font-size:10px;background:white}
#purchase-dialog.checkout-dialog .hc-v89-step-current{color:#1b2c56}
#purchase-dialog.checkout-dialog .hc-v89-step-current .hc-v89-step-circle{border-color:#1c2856;background:#1c2856;color:white}
#purchase-dialog.checkout-dialog .hc-v89-step-connector{height:1px;width:22px;background:#dce4ed}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section{margin:0!important;padding:0!important;background:#fff!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section>h2{font:500 clamp(21px,2.2vw,27px)/1.3 Montserrat,Arial,sans-serif!important;color:#182957!important;letter-spacing:-.025em;margin:3px 0 12px!important}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section>div>p{font:400 12px/1.7 Montserrat,Arial,sans-serif;color:#77849d;margin:0 0 16px}
#purchase-dialog.checkout-dialog .checkout-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;margin:20px 0 0!important}
#purchase-dialog.checkout-dialog .checkout-field{display:grid;gap:7px;color:#4d5e7a;font:400 11.5px/1.5 Montserrat,Arial,sans-serif!important}
#purchase-dialog.checkout-dialog .checkout-field input,#purchase-dialog.checkout-dialog .checkout-field select{min-width:0!important;box-sizing:border-box!important;min-height:43px!important;padding:11px 12px!important;border-radius:6px!important;border:1px solid #d7dfed!important;outline-offset:2px;font:400 12px/1.4 Montserrat,Arial,sans-serif!important;color:#253460!important}
#purchase-dialog.checkout-dialog .checkout-form>button[type=submit],#purchase-dialog.checkout-dialog .checkout-pay-link{display:block!important;width:100%;grid-column:1/-1;min-height:46px;background:#1c2856!important;color:white!important;border-radius:6px!important;border:0!important;box-shadow:0 2px 5px #1d2d5319!important;text-align:center!important;text-decoration:none!important;font:500 12px/1.5 Montserrat,Arial,sans-serif!important;cursor:pointer}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section .checkout-form>button[type=submit]{min-height:46px!important}
#purchase-dialog.checkout-dialog .checkout-form>button[type=submit]:not(:disabled):hover,#purchase-dialog.checkout-dialog .checkout-pay-link:hover{background:#243b79!important}
#purchase-dialog.checkout-dialog .checkout-form>button[type=submit]:disabled{opacity:.65;cursor:wait}
#purchase-dialog.checkout-dialog .secondary-checkout{border:1px solid #d7e0ef;background:#fff!important;color:#1f315a!important;padding:11px 13px!important;border-radius:6px;font:400 11px/1.45 Montserrat,Arial,sans-serif;margin-top:16px;cursor:pointer}
#purchase-dialog.checkout-dialog .hc-v81-otp-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:11px 0}
#purchase-dialog.checkout-dialog .hc-v81-resend{font-size:11px;color:#40547d}
#purchase-dialog.checkout-dialog .hc-v8-summary{grid-column:1/-1;min-width:0;border:1px solid #e0e7f2!important;background:#f6f8fc!important;padding:12px 14px;border-radius:7px}
#purchase-dialog.checkout-dialog .hc-v8-summary p{font:400 11px/1.6 Montserrat,Arial,sans-serif!important;margin:3px 0!important}
#purchase-dialog.checkout-dialog .hc-v8-purchase-note{grid-column:1/-1;border-radius:7px!important;font-size:11px!important}
#purchase-dialog.checkout-dialog .checkout-policy-consent{grid-column:1/-1;margin:0 0 3px;border-radius:8px}
#purchase-dialog.checkout-dialog .checkout-policy-label{font-size:11px!important;font-weight:400!important}
#purchase-dialog.checkout-dialog .hc-v89-review-facts{display:grid;gap:11px;padding:18px;border:1px solid #dfe6f1;background:#f9fbfe;border-radius:8px}
#purchase-dialog.checkout-dialog .hc-v89-review-row{display:grid;grid-template-columns:minmax(95px,31%) 1fr;gap:13px;align-items:start;font-size:11px;line-height:1.6;color:#7a88a1}
#purchase-dialog.checkout-dialog .hc-v89-review-row strong{font-weight:500;color:#27375d;overflow-wrap:anywhere}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section .hc-v89-muted-note{font-size:11px;color:#74839d;line-height:1.7;margin-top:16px}
#purchase-dialog.checkout-dialog .hc-v89-status-box{display:grid;justify-items:start;gap:12px;max-width:540px}
#purchase-dialog.checkout-dialog .hc-v89-status-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:500}
#purchase-dialog.checkout-dialog .hc-v89-status-success{background:#e3f5ec;color:#14835a}
#purchase-dialog.checkout-dialog .hc-v89-status-error{background:#ffedf0;color:#ae3c4f}
#purchase-dialog.checkout-dialog .hc-v89-status-box>.checkout-pay-link{margin-top:5px}
#purchase-dialog.checkout-dialog .hc-v89-checkout-section .hc-v89-error-text{color:#a63d4a!important}
#purchase-dialog.checkout-dialog .hc-active-subscription{border:1px solid #dfe6f0;background:#f5f8fd;border-radius:10px}
#purchase-dialog.checkout-dialog .checkout-message{font:400 11px/1.5 Montserrat,Arial,sans-serif!important;padding:6px 34px 16px!important;color:#607399}
#purchase-dialog.checkout-dialog .checkout-message.error{color:#b43b4d}
@media(max-width:850px){#purchase-dialog.checkout-dialog #purchase-content{grid-template-columns:minmax(225px,33%) minmax(0,1fr)!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-side{padding:25px 19px!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-body{padding:23px 22px!important}}
@media(max-width:690px){#purchase-dialog.checkout-dialog{padding:8px!important}#purchase-dialog.checkout-dialog .checkout-panel{max-height:calc(100dvh - 16px)!important;width:calc(100vw - 16px)!important}#purchase-dialog.checkout-dialog #purchase-content{display:flex!important;flex-direction:column!important;min-height:0!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-side{padding:17px 19px!important;border-right:0!important;border-bottom:1px solid #dee5ef!important}#purchase-dialog.checkout-dialog .hc-v89-plan-name{margin:7px 0 4px!important;font-size:18px!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-side .hc-v89-side-price{font-size:26px!important;margin:0!important}#purchase-dialog.checkout-dialog .hc-v89-side-term{margin:4px 0 9px!important}#purchase-dialog.checkout-dialog .hc-v89-side-sessions{margin:9px 0 7px!important;padding-bottom:8px!important}#purchase-dialog.checkout-dialog .hc-v89-prices{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px;padding:3px 0 10px;margin:6px 0 0}#purchase-dialog.checkout-dialog .hc-v89-price-total{grid-column:1/-1;border-top:1px solid #dce4f0;padding-top:7px}#purchase-dialog.checkout-dialog .hc-v89-benefits-title,#purchase-dialog.checkout-dialog .hc-v89-benefits,#purchase-dialog.checkout-dialog .hc-v89-secure,#purchase-dialog.checkout-dialog .hc-v89-help{display:none!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-body{padding:20px 18px!important}#purchase-dialog.checkout-dialog .hc-v89-checkout-nav{margin-bottom:20px!important}#purchase-dialog.checkout-dialog .hc-v89-steps{font-size:9px;gap:5px}#purchase-dialog.checkout-dialog .hc-v89-step-circle{width:19px;height:19px}#purchase-dialog.checkout-dialog .hc-v89-step-connector{width:10px}#purchase-dialog.checkout-dialog .checkout-form{grid-template-columns:1fr!important}#purchase-dialog.checkout-dialog .checkout-top{height:52px;padding:0 17px!important}#purchase-dialog.checkout-dialog .checkout-message{padding:0 18px 12px!important}}
@media(max-width:390px){#purchase-dialog.checkout-dialog .hc-v89-checkout-nav{flex-wrap:wrap}#purchase-dialog.checkout-dialog .hc-v89-steps{flex:1;justify-content:flex-end}#purchase-dialog.checkout-dialog .hc-v89-price-row{font-size:10px}}