/* Hopcharge V8.4 – UI corrections mapped to user-provided references. */
:root{--hc-ink:#1c2856;--hc-line:#dce3f1;--hc-muted:#707d9a}
.plans-catalogue .plan-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.plans-catalogue .hc-v84-plan-card{border-radius:9px;padding:20px 16px 14px;min-height:485px;box-shadow:none;border:1px solid #dae2f0;background:white;overflow-wrap:normal}
.plans-catalogue .hc-v84-plan-card h2{font-weight:500;font-size:17px;line-height:1.35;margin:25px 0 15px}
.plans-catalogue .hc-v84-plan-card .plan-card-top{margin-bottom:0;min-height:17px}
.plans-catalogue .hc-v84-plan-card .small-label{font-size:9px;letter-spacing:.01em;font-weight:400;color:#435274}
.plans-catalogue .hc-v84-plan-card .plan-number{font-size:10px;color:#a8b1c3;font-weight:400}
.plans-catalogue .hc-v84-plan-card .live-monthly-price{margin:0 0 7px;white-space:normal}
.plans-catalogue .hc-v84-plan-card .live-monthly-price strong{font-size:clamp(22px,2.2vw,31px);font-weight:500;line-height:1.25;letter-spacing:-.02em}
.plans-catalogue .hc-v84-plan-card .live-monthly-price span{font-size:10px;font-weight:400;color:#8994b0}
.plans-catalogue .hc-v84-plan-card .hc-v84-billing{font-size:11px;font-weight:400;color:#8390a9;margin:0;padding:0 0 18px}
.plans-catalogue .hc-v84-plan-card .hc-v84-sessions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--hc-line);border-bottom:1px solid var(--hc-line);padding:17px 0;margin:0 0 18px;min-height:69px;color:#27365d}
.plans-catalogue .hc-v84-plan-card .hc-v84-session-number{font-size:23px;font-weight:400;line-height:1}
.plans-catalogue .hc-v84-plan-card .hc-v84-session-description{white-space:pre-line;line-height:1.4;color:#7080a0;font-size:10px;font-weight:400}
.plans-catalogue .hc-v84-plan-card .hc-v84-session-unknown{font-size:11px;font-weight:400;color:#7d8da9}
.plans-catalogue .hc-v84-plan-card .card-key-features{display:flex;flex-direction:column;gap:15px;font-size:10.5px;font-weight:400;min-height:135px;line-height:1.65;padding:0;margin:0 0 24px;color:#405074}
.plans-catalogue .hc-v84-plan-card .card-key-features li{font-size:inherit;font-weight:400;gap:8px;display:flex;align-items:flex-start}
.hc-v84-benefit-icon{display:inline-grid;place-items:center;width:14px;min-width:14px;height:17px;font-size:12px;color:#15966f;font-weight:500}
.plans-catalogue .hc-v84-plan-card .hc-v82-buy{font-size:11px;font-weight:500;min-height:40px;background:#fff;color:#263660;border:1px solid #d7deea;border-radius:6px;box-shadow:0 2px 4px #1f315317;display:block;width:100%;margin-top:auto;text-align:left;padding:10px 12px}
.plans-catalogue .hc-v84-plan-card .hc-v82-buy:hover:not(:disabled){background:#f1f4fc;color:#182656;transform:none}
.plans-catalogue .hc-v84-plan-card .plan-terms{border:0;padding:12px 0 0;margin:0;color:#8c98b1;font-size:10px;font-weight:400}
.plans-catalogue .hc-v84-plan-card .plan-terms summary{color:inherit;font-size:10px;font-weight:400;list-style:none;cursor:pointer}
.plans-catalogue .hc-v84-plan-card .plan-terms summary::-webkit-details-marker{display:none}
.plans-catalogue .hc-v84-plan-card .plan-terms ul{padding:8px 0 0 16px;margin:0 0 2px;max-height:240px;overflow-y:auto;font-size:10px;line-height:1.65}
.plans-catalogue .hc-v84-plan-card .plan-terms li{margin-bottom:8px}
.hc-v84-shared-benefits{display:grid;grid-template-columns:1fr 3fr;gap:18px;align-items:start;margin:12px 0 22px;padding:14px 22px;border:1px solid #e4e9f4;border-radius:9px;background:#f6f8fc}
.hc-v84-shared-benefits[hidden]{display:none!important}
.hc-v84-shared-header{display:flex;gap:8px;align-items:center;font-size:11px;color:#253563;font-weight:500;line-height:1.6}
.hc-v84-shared-icon{font-size:16px;color:#4e51d5}
.hc-v84-shared-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;color:#526385;font-size:10px;line-height:1.6}
.hc-v84-shared-list li:before{content:'✓';color:#15966f;margin-right:8px}
/* Screenshot-matched coverage band: PIN field, location secondary action and interest action. */
.availability-band{background:#f5f7fc;border-top:1px solid #dce3ee;border-bottom:1px solid #dce3ee}
.availability-band .availability-inner{grid-template-columns:minmax(210px,1fr) minmax(360px,1.1fr);align-items:center;gap:36px;padding:30px 22px}
.availability-band .availability-inner .small-label{font-size:10px;font-weight:500;letter-spacing:0;color:#697996}
.availability-band .availability-inner h2{font-size:clamp(21px,2.1vw,27px);font-weight:500;margin:12px 0 9px;color:var(--hc-ink)}
.availability-band .availability-inner p{font-size:11px;color:#8791a7;margin:0}
.hc-v84-pin-form{display:flex!important;align-items:center!important;gap:0!important;min-height:50px;background:white!important;border:1px solid #dce3ef!important;border-radius:6px!important;padding:5px 5px 5px 16px!important}
.hc-v84-pin-form .hc-v84-pin-icon{font-size:19px;color:#6f7d9b;margin-right:11px;line-height:1;cursor:text}
.hc-v84-pin-form #hc-check-pin{flex:1;min-width:0;outline:0;border:0;background:transparent;font:400 12px Montserrat,Arial,sans-serif;color:#24345f;padding:6px 2px}
.hc-v84-pin-form #hc-check-pin::placeholder{color:#a0adc5}
.hc-v84-pin-form .hc-v84-pin-submit{flex-shrink:0;background:#1c2856;border:0;color:#fff;border-radius:6px;padding:10px 15px;min-height:39px;font:500 12px Montserrat,Arial,sans-serif;cursor:pointer}
.hc-v84-pin-form button:disabled{opacity:.6;cursor:wait}
.hc-v84-avail-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:34px}
.hc-v84-geo{border:0;background:transparent;color:#223263;padding:6px 0;font:400 11px Montserrat,Arial,sans-serif;cursor:pointer}
.hc-v84-geo:hover,.hc-v84-avail-tools a:hover{text-decoration:underline}
.hc-v84-avail-tools a{color:#75819b;text-decoration:none;font-size:10px}
.hc-v84-coverage-result:not(:empty){border-radius:6px;background:#eaf0f9;padding:9px 12px;margin:6px 0!important;font-size:11px!important;line-height:1.6!important;color:#263e6a!important}
.hc-v84-coverage-result[data-state="success"]{background:#e7f6ed!important;color:#167147!important}
.hc-v84-coverage-result[data-state="unavailable"]{background:#fff4e5!important;color:#8a5727!important}
.hc-v84-coverage-result[data-state="error"]{background:#fff0f0!important;color:#9a3a40!important}
.hc-v84-interest{margin:9px 0 0!important;padding:0!important}
.hc-v84-interest button{display:inline-flex;align-items:center;border:1px solid #d3dceb;border-radius:6px;background:#fff;color:#243564;font:400 11px Montserrat,Arial,sans-serif;padding:10px 14px;box-shadow:0 1px 3px #1d2b5811;cursor:pointer}
.hc-v84-interest button:hover{background:#edf2fa}
.hc-v84-interest #hc-interest-message{margin:10px 0!important;font-size:11px!important;color:#53637f!important;line-height:1.5!important}
.hc-v84-interest #hc-interest-message[hidden]{display:none!important}
/* Checkout: light typographic hierarchy, reference proportions, two visible stages. */
#purchase-dialog.checkout-dialog .checkout-panel{max-width:960px!important;width:min(960px,calc(100vw - 40px))!important;border-radius:8px!important;overflow-y:auto!important}
#purchase-dialog.checkout-dialog .checkout-top{border-bottom:1px solid #e0e5ee;padding:19px 23px;background:white}
#purchase-dialog.checkout-dialog .checkout-top strong{font-size:13px!important;font-weight:400!important;color:#25335c}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side{background:#f4f6fb!important;border-right:1px solid #dfe5f1!important;padding:42px 24px;gap:10px}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side .hc-v8-side-badge{font-size:10px;font-weight:400;letter-spacing:0;color:#667695}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side strong{font-size:23px!important;font-weight:400!important;color:#172657}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side .hc-v8-side-price{font-size:clamp(27px,3vw,34px)!important;font-weight:500!important;line-height:1.2}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side .hc-v8-side-note{font-size:11px;font-weight:400;line-height:1.6}
#purchase-dialog.checkout-dialog .hc-v84-checkout-side .hc-v8-checkout-steps{display:none}
#purchase-dialog.checkout-dialog .hc-v84-checkout-body{padding:34px 40px;min-width:0}
#purchase-dialog.checkout-dialog .hc-v84-checkout-body h2{font-size:clamp(21px,2vw,27px);font-weight:400!important;letter-spacing:-.02em;line-height:1.35;margin:10px 0 10px}
#purchase-dialog.checkout-dialog .hc-v84-checkout-body p{font-size:12px;font-weight:400;color:#7987a0;line-height:1.7}
#purchase-dialog.checkout-dialog .checkout-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#purchase-dialog.checkout-dialog .checkout-field{font-size:12px;color:#475676}
#purchase-dialog.checkout-dialog .checkout-field input,#purchase-dialog.checkout-dialog .checkout-field select{font-size:13px;padding:13px;background:white;border-radius:5px;border:1px solid #d7dfed}
#purchase-dialog.checkout-dialog .checkout-form button[type="submit"]{font-size:12px;font-weight:500;background:#1c2856;border-radius:6px;min-height:45px}
#purchase-dialog.checkout-dialog .secondary-checkout{border-radius:6px;font-weight:400}
#purchase-dialog.checkout-dialog .checkout-policy-label{font-weight:400}
#purchase-dialog.checkout-dialog .hc-v8-summary{border-radius:6px}
#purchase-dialog.checkout-dialog .hc-v8-summary p{font-size:11px;font-weight:400}
#purchase-dialog.checkout-dialog .checkout-message{font-size:11px;font-weight:400}
/* Light typography also applies to the retained benefits, navigation and calculator. */
.new-subscription .session-highlight strong{font-weight:400!important}
.new-subscription .plans-heading h2{font-weight:500!important}
@media(max-width:1220px){.plans-catalogue .plan-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.plans-catalogue .plan-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-v84-shared-benefits{grid-template-columns:1fr}.hc-v84-shared-list{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-band .availability-inner{grid-template-columns:1fr;gap:18px}#purchase-dialog.checkout-dialog .hc-v84-checkout-body{padding:26px 20px}}
@media(max-width:580px){.plans-catalogue .plan-card-grid{grid-template-columns:1fr}.plans-catalogue .hc-v84-plan-card{min-height:0;padding:21px 18px}.plans-catalogue .hc-v84-plan-card .card-key-features{min-height:0}.hc-v84-shared-list{grid-template-columns:1fr}.availability-band .availability-inner{padding:24px 16px;gap:16px}.hc-v84-pin-form .hc-v84-pin-submit{padding:8px 11px;font-size:11px}#purchase-dialog.checkout-dialog .checkout-panel{max-height:calc(100dvh - 16px)!important;width:calc(100vw - 16px)!important}#purchase-dialog.checkout-dialog .hc-v84-checkout-side{padding:20px!important}#purchase-dialog.checkout-dialog .hc-v84-checkout-body{padding:22px 18px}#purchase-dialog.checkout-dialog .checkout-form{grid-template-columns:1fr}}

#purchase-dialog.checkout-dialog .hc-v84-checkout-body .hc-v8-checkout-steps{display:flex;align-items:center;gap:20px;margin:0 0 24px;font-size:10px;color:#929bb1}
#purchase-dialog.checkout-dialog .hc-v84-checkout-body .hc-v8-checkout-steps span{padding:0;border:0;border-radius:0;background:transparent;font-size:10px;font-weight:400;color:#9ca6bf}
#purchase-dialog.checkout-dialog .hc-v84-checkout-body .hc-v8-checkout-steps span[aria-current="step"]{color:#20315f;font-weight:500;background:transparent}

#purchase-dialog.checkout-dialog .hc-v84-phone-input{display:flex;align-items:center;border:1px solid #d7dfed;border-radius:5px;overflow:hidden;background:#fff;min-height:46px}
#purchase-dialog.checkout-dialog .hc-v84-phone-code{flex:0 0 auto;padding:0 12px;color:#37466b;font-size:12px;border-right:1px solid #dce3ee}
#purchase-dialog.checkout-dialog .hc-v84-phone-input input{flex:1;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;padding:12px!important}
.availability-band .availability-inner{display:grid}