/* TURBOHOST v4.443 — checkout page heading aligned with Client Area v4.55.
 * Existing native wizard (5 steps, current aria step, forms) remains unchanged.
 */
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row {
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 0 28px!important;
  padding:32px 0 33px!important;
  background:transparent!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  background:linear-gradient(115deg,#1062fe 0%,#001b57 46%,#00060f 100%);
  border-top:1px solid rgba(129,173,238,.10);
  border-bottom:1px solid rgba(101,148,219,.16);
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row > .th48-hero {
  box-sizing:border-box;
  flex:none!important;
  width:100%;
  max-width:100%;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:TH-Poppins,Poppins,system-ui,sans-serif!important;
  font-size:clamp(28px,2.8vw,40px)!important;
  line-height:1.24!important;
  font-weight:400!important;
  letter-spacing:-.8px!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row > .th414-progress {
  box-sizing:border-box;
  display:flex!important;
  flex-direction:row!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0;
  gap:17px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress-caption {
  flex:none;
  margin:0!important;
  padding:0!important;
  color:#d8e8ff!important;
  font:400 13px/1.6 TH-Inter,Inter,system-ui,sans-serif!important;
  letter-spacing:0!important;
  white-space:normal;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress ol {
  display:flex!important;
  align-items:center;
  justify-content:flex-start!important;
  flex:none;
  width:auto;
  max-width:100%;
  min-width:0!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress ol > li {
  box-sizing:border-box;
  flex:0 0 24px!important;
  min-width:24px!important;
  max-width:24px!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress li > span {
  box-sizing:border-box;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  font:600 10px/1 TH-Inter,Inter,system-ui,sans-serif!important;
  background:rgba(0,16,46,.46);
  border:1px solid rgba(188,216,255,.32);
  color:#c6dafa;
  box-shadow:none!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress li[aria-current="step"] > span {
  color:#fff!important;
  background:#1062fe!important;
  border-color:rgba(207,229,255,.78)!important;
  box-shadow:0 0 0 2px rgba(0,154,255,.18)!important;
}
body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-progress ol > li:not(:last-child)::after {
  top:11px!important;
  left:26px!important;
  width:10px!important;
  height:1px!important;
  background:rgba(193,215,245,.38)!important;
}
@media(max-width:700px) {
  body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row {
    padding:27px 0 25px!important;
    margin-bottom:20px!important;
    gap:10px!important;
  }
  body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row > .th48-hero {
    font-size:clamp(26px,6.6vw,34px)!important;
    letter-spacing:-.5px!important;
  }
  body.th48-checkout .th-whmcs-wizard.th414-minimal .th414-hero-row > .th414-progress {
    gap:10px!important;
  }
}