/* MbahHost Order V4 — clear, centered domain-first purchasing journey.
   Presentation only. FOSSBilling cart, availability, customer and payment APIs stay intact. */
:root{
  --mh-checkout-navy:#0d3159;
  --mh-checkout-blue:#1765c5;
  --mh-checkout-cyan:#0b91ae;
  --mh-checkout-border:#dbe6f2;
  --mh-checkout-muted:#667b96;
  --mh-checkout-white:#fff;
}
html,body.mh-order-page{overflow-x:clip;background:#f3f8fe!important;color:#183758!important}
body.mh-order-page .mh-order-topbar{
  position:sticky!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;z-index:1200!important;background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e0e9f3!important;box-shadow:0 4px 20px rgba(11,48,103,.06)!important
}
body.mh-order-page .mh-order-topbar-inner{
  width:min(1180px,calc(100% - 36px))!important;
  max-width:none!important;margin:0 auto!important;
  min-height:76px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:18px!important;
}
body.mh-order-page .mh-order-brand{
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
  gap:10px!important;max-width:235px!important;min-width:0!important;
  text-decoration:none!important;color:#113a6b!important
}
body.mh-order-page .mh-order-brand img{
  display:block!important;max-height:42px!important;max-width:48px!important;
  width:43px!important;height:43px!important;object-fit:contain!important
}
body.mh-order-page .mh-order-brand-name{display:flex!important;min-width:0;flex-direction:column;gap:1px}
body.mh-order-page .mh-order-brand-name strong{font-size:1.16rem!important;letter-spacing:-.04em;font-weight:850!important;color:#113960!important}
body.mh-order-page .mh-order-brand-name small{font-size:.59rem!important;font-weight:650;color:#7390aa;white-space:nowrap}
body.mh-order-page .mh-order-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;flex:1 1 auto!important;min-width:0!important
}
body.mh-order-page .mh-order-nav a{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:39px;
  padding:9px 11px!important;border-radius:10px!important;white-space:nowrap;
  color:#496481!important;font-size:.72rem!important;font-weight:700!important;
  text-decoration:none!important
}
body.mh-order-page .mh-order-nav a:hover,
body.mh-order-page .mh-order-nav a:focus-visible{
  color:#0b579e!important;background:#edf5ff!important
}
body.mh-order-page .mh-order-nav a.mh-order-nav-active{
  background:#eaf3ff!important;color:#1359b0!important
}
body.mh-order-page .mh-order-topbar-copy{
  display:inline-flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important
}
body.mh-order-page .mh-order-security{font-size:.63rem!important;font-weight:750!important}
body.mh-order-page .mh-order-topbar-copy>a{
  border:1px solid #d3e3f7!important;border-radius:11px!important;
  background:#f0f6ff!important;padding:7px 12px!important;white-space:nowrap!important;
  text-decoration:none!important
}
body.mh-order-page .mh-order-topbar-copy>a strong{color:#135dbd!important;font-size:.7rem!important}
body.mh-order-page .mh-order-mobile-nav{display:none!important;position:relative;min-width:0}
body.mh-order-page .mh-order-mobile-nav summary{
  list-style:none;cursor:pointer;padding:9px 12px;border:1px solid #cfe0f4;
  background:#f3f8ff;color:#174f88;font-size:.76rem;font-weight:750;border-radius:10px
}
body.mh-order-page .mh-order-mobile-nav summary::-webkit-details-marker{display:none}
body.mh-order-page .mh-order-mobile-nav[open] nav{
  position:absolute;top:46px;right:0;z-index:1300;display:flex;flex-direction:column;
  min-width:205px;padding:8px;gap:3px;border:1px solid #e0eaf7;border-radius:14px;
  background:#fff;box-shadow:0 16px 40px rgba(18,60,120,.16)
}
body.mh-order-page .mh-order-mobile-nav nav a{
  color:#284e79!important;font-size:.78rem;font-weight:700;text-decoration:none!important;
  padding:11px 12px;border-radius:9px
}
body.mh-order-page .mh-order-mobile-nav nav a:hover{background:#eaf4ff;color:#0a56ad!important}
/* Prevent the content starting at x=0 on wide screens, independent of Bootstrap .container. */
body.mh-order-page .mh-order-main{
  width:100%!important;max-width:none!important;display:block!important;margin:0!important;
  padding:0!important;min-width:0!important
}
body.mh-order-page .mh-order-main>.container{
  display:block!important;width:min(1080px,calc(100% - 36px))!important;
  max-width:1080px!important;min-width:0!important;
  margin:0 auto!important;padding:29px 0 65px!important
}
body.mh-order-page .mh-order-main .mh-order-shell{
  width:100%!important;max-width:1080px!important;min-width:0!important;
  margin:0 auto!important;padding:0!important
}
body.mh-order-page .mh-order-intro{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:20px!important;max-width:100%!important;
  padding:27px 30px!important;margin:0 0 16px!important;
  border-radius:22px!important;border:1px solid rgba(100,182,228,.15)!important;
  background:radial-gradient(circle at 92% 0%,rgba(88,212,238,.24),transparent 39%),linear-gradient(125deg,#071e49,#0c5687)!important;
  box-shadow:0 15px 36px rgba(20,62,112,.13)!important
}
body.mh-order-page .mh-order-intro h2{
  font-size:clamp(1.45rem,2.45vw,2.15rem)!important;line-height:1.23!important;
  max-width:680px;letter-spacing:-.04em!important;font-weight:850!important;
  text-wrap:balance
}
body.mh-order-page .mh-order-intro p{
  max-width:670px!important;font-size:.79rem!important;line-height:1.7!important;
  color:#dceaf7!important
}
body.mh-order-page .mh-order-safe{
  flex:0 0 auto!important;max-width:230px!important;padding:10px 12px!important;
  font-size:.65rem!important;line-height:1.5!important;
  color:#e9fbff!important;border-color:rgba(194,244,255,.24)!important;
  background:rgba(255,255,255,.085)!important
}
body.mh-order-page .mh-checkout-progress{
  width:100%!important;max-width:none!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
  margin:0 0 18px!important;padding:0!important;background:none!important;border:0!important;
  box-shadow:none!important;overflow:visible!important
}
body.mh-order-page .mh-checkout-step{
  min-width:0!important;display:flex!important;align-items:center!important;
  gap:10px!important;min-height:70px!important;
  border:1px solid #dfe8f5!important;border-radius:14px!important;
  padding:12px 13px!important;background:#fff!important;
  color:#2d5278!important;text-align:left!important;
  box-shadow:0 3px 13px rgba(12,68,122,.035)!important
}
body.mh-order-page .mh-checkout-step:disabled{opacity:.64!important}
body.mh-order-page .mh-checkout-step .num{flex:0 0 34px!important;width:34px!important;height:34px!important}
body.mh-order-page .mh-checkout-step .copy{min-width:0!important}
body.mh-order-page .mh-checkout-step b{
  display:block!important;color:#224365!important;
  font-size:.72rem!important;line-height:1.4!important;white-space:normal!important
}
body.mh-order-page .mh-checkout-step small{
  display:block!important;color:#748ba3!important;
  font-size:.59rem!important;line-height:1.45!important;white-space:normal!important
}
body.mh-order-page .mh-checkout-step.active{border-color:#6ca4e6!important;background:#eef6ff!important}
body.mh-order-page .mh-checkout-step.active b{color:#0d55aa!important}
body.mh-order-page .mh-checkout-step.active .num{background:#1765c5!important;color:#fff!important}
body.mh-order-page #orderbutton,
body.mh-order-page #orderManager{width:100%!important;max-width:100%!important;margin-inline:auto!important}
body.mh-order-page #orderManager>.accordion-item{width:100%!important}
body.mh-order-page #orderManager .accordion-body{min-width:0!important}
body.mh-order-page .mh-first-choices{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;margin:19px 0 0!important
}
body.mh-order-page .mh-order-first-choice{
  padding:23px 25px 22px!important;border:1px solid #deebf5!important;
  border-radius:18px!important;background:#fff!important;
  box-shadow:0 8px 25px rgba(17,69,126,.045)!important;margin-bottom:17px!important
}
body.mh-order-page .mh-order-first-choice>.mh-start-kicker{
  background:#e9f3ff!important;color:#135aa9!important;font-size:.66rem!important
}
body.mh-order-page .mh-order-first-choice>h4{
  margin:11px 0 8px!important;color:#153d65!important;
  font-size:1.45rem!important;font-weight:850!important;line-height:1.3!important
}
body.mh-order-page .mh-order-first-choice>p{margin:0!important;color:#71859c!important;font-size:.79rem!important;line-height:1.65!important}
body.mh-order-page a.mh-first-choice{
  display:flex!important;align-items:center!important;gap:12px!important;
  min-width:0!important;padding:15px!important;border-radius:15px!important;
  border:1px solid #d9e7f5!important;background:#f8fbff!important;
  color:#173b60!important;text-decoration:none!important;
  transition:background .18s,border-color .18s,box-shadow .18s
}
body.mh-order-page a.mh-first-choice.active{background:#eaf5ff!important;border-color:#86b4eb!important}
body.mh-order-page a.mh-first-choice:hover{
  background:#eff7ff!important;border-color:#74afe9!important;
  box-shadow:0 7px 20px rgba(15,77,161,.07)!important
}
body.mh-order-page a.mh-first-choice .mh-first-choice-icon{
  display:grid!important;place-items:center!important;flex:0 0 47px!important;
  height:47px!important;border-radius:13px!important;background:#e3f1ff!important;
  font-size:1.35rem!important
}
body.mh-order-page a.mh-first-choice>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
body.mh-order-page a.mh-first-choice strong{font-size:.84rem!important;font-weight:800!important;color:#173a5f!important}
body.mh-order-page a.mh-first-choice small{font-size:.69rem!important;color:#697f9a!important;line-height:1.4!important}
body.mh-order-page a.mh-first-choice>b{margin-left:auto!important;color:#1466bb!important;font-size:1.13rem!important}
body.mh-order-page .mh-order-live-domain-finder{width:100%!important;min-width:0!important}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder{
  margin:0!important;padding:0!important;position:static!important;
  background:none!important;width:100%!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-wrap{
  width:100%!important;max-width:none!important;margin:0 auto!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-card{
  width:100%!important;max-width:none!important;margin:0!important;
  border-radius:19px!important;padding:25px!important;
  box-shadow:0 10px 28px rgba(18,76,132,.07)!important;
  border:1px solid #dae8f6!important;background:#fff!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-card:before{
  background:linear-gradient(90deg,#166cc8,#27b5cf)!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-head{
  grid-template-columns:minmax(0,1fr) auto!important;gap:15px!important;margin-bottom:17px!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-kicker{
  color:#087dab!important;font-weight:750!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-head h2{
  font-family:Poppins,Inter,system-ui,sans-serif!important;color:#10355f!important;
  font-size:clamp(1.12rem,2.1vw,1.62rem)!important;
  line-height:1.3!important;letter-spacing:-.034em!important;
  margin:6px 0 7px!important;font-weight:850!important;max-width:690px!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-head p{font-size:.77rem!important;color:#687d99!important}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-search{
  border-color:#cfdef0!important;border-radius:14px!important;gap:8px!important;
  background:#f5f9ff!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-search input{
  min-height:51px!important;padding:0 12px!important;color:#15385a!important;
  font-size:.88rem!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-search button{
  min-width:155px!important;min-height:51px!important;
  color:#fff!important;background:#1769c9!important;font-weight:800!important;
  border-radius:11px!important;box-shadow:0 8px 20px rgba(25,99,190,.16)!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-search button:hover{background:#1057a8!important}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-pick{
  background:#1765c5!important;color:#fff!important;border-radius:10px!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-pick:hover{background:#0e529e!important}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-result-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-featured{gap:7px!important}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-price-chip{
  border-color:#deebf7!important;color:#5e7899!important;font-size:.67rem!important
}
body.mh-order-page .mh-order-live-domain-finder .gh-domain-price-chip strong{color:#15385e!important}
body.mh-order-page #products .mh-domain-first-service-picker .mh-product-grid,
body.mh-order-page #products .mh-hosting-only-catalog .mh-product-grid{
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important
}
body.mh-order-page #products .mh-domain-first-service-picker .mh-category-head,
body.mh-order-page #products .mh-hosting-only-catalog .mh-category-head{margin-top:20px!important}
body.mh-order-page #products .mh-domain-first-service-picker .mh-product-card,
body.mh-order-page #products .mh-hosting-only-catalog .mh-product-card{
  min-height:164px!important;padding:18px!important;
  box-shadow:0 7px 24px rgba(21,76,134,.055)!important
}
body.mh-order-page #products .mh-category-head h4{color:#174674!important;font-size:1.05rem!important}
body.mh-order-page #products .mh-start-guide{
  border:1px solid #dceaf6!important;background:#f0f7ff!important;
  box-shadow:none!important;border-radius:18px!important
}
body.mh-order-page #products .mh-start-guide h4{color:#153a60!important;font-size:1.22rem!important}
body.mh-order-page #products .mh-branch-back{padding:15px 2px!important}
body.mh-order-page #products .mh-branch-back a{color:#1763b8!important;font-weight:800!important;font-size:.78rem!important;text-decoration:none!important}
body.mh-order-page .mh-order-footer{max-width:100%!important}
@media(max-width:1180px){
  body.mh-order-page .mh-order-topbar-inner{gap:11px!important}
  body.mh-order-page .mh-order-nav a{padding:8px!important;font-size:.65rem!important}
  body.mh-order-page .mh-order-security{display:none!important}
}
@media(max-width:920px){
  body.mh-order-page .mh-order-nav{display:none!important}
  body.mh-order-page .mh-order-mobile-nav{display:block!important}
  body.mh-order-page .mh-order-topbar-copy{margin-left:auto!important}
  body.mh-order-page .mh-order-main>.container{width:min(100% - 30px,780px)!important}
  body.mh-order-page .mh-order-intro{padding:24px!important}
  body.mh-order-page .mh-checkout-progress{gap:7px!important}
  body.mh-order-page .mh-checkout-step{min-height:62px!important;padding:10px!important}
  body.mh-order-page .mh-checkout-step b{font-size:.65rem!important}
  body.mh-order-page .mh-order-safe{display:none!important}
}
@media(max-width:767px){
  body.mh-order-page .mh-order-main>.container{width:calc(100% - 26px)!important;margin:0 auto!important;padding:18px 0 44px!important}
  body.mh-order-page .mh-order-main .mh-order-shell{max-width:100%!important;margin:0 auto!important}
  body.mh-order-page .mh-order-intro{padding:21px 19px!important;border-radius:17px!important;margin-bottom:12px!important}
  body.mh-order-page .mh-order-intro h2{max-width:100%!important;font-size:1.35rem!important;line-height:1.25!important}
  body.mh-order-page .mh-order-intro p{max-width:100%!important;font-size:.74rem!important}
  body.mh-order-page .mh-checkout-progress{
    display:flex!important;overflow-x:auto!important;gap:8px!important;padding:4px 1px 9px!important;margin:0 0 13px!important;
    scroll-snap-type:x mandatory
  }
  body.mh-order-page .mh-checkout-step{
    flex:0 0 142px!important;min-width:142px!important;min-height:61px!important;
    scroll-snap-align:start;border-radius:12px!important
  }
  body.mh-order-page .mh-order-first-choice{padding:20px 16px!important;margin-bottom:13px!important}
  body.mh-order-page .mh-order-first-choice>h4{font-size:1.16rem!important}
  body.mh-order-page .mh-first-choices{grid-template-columns:1fr!important;gap:9px!important}
  body.mh-order-page a.mh-first-choice{padding:12px!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-card{padding:17px!important;border-radius:15px!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-head{grid-template-columns:1fr!important;gap:8px!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-finder-head h2{font-size:1.17rem!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-search{grid-template-columns:1fr!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-search button{width:100%!important;min-width:0!important}
  body.mh-order-page .mh-order-live-domain-finder .gh-domain-result-grid{grid-template-columns:1fr!important}
  body.mh-order-page #products .mh-domain-first-service-picker .mh-product-grid,
  body.mh-order-page #products .mh-hosting-only-catalog .mh-product-grid{grid-template-columns:1fr!important}
  body.mh-order-page .mh-order-topbar-copy>a span{display:none!important}
  body.mh-order-page .mh-order-topbar-copy>a{padding:8px 10px!important}
  body.mh-order-page .mh-order-topbar-inner{min-height:66px!important;width:calc(100% - 24px)!important}
  body.mh-order-page .mh-order-brand-name small{display:none!important}
  body.mh-order-page .mh-order-brand-name strong{font-size:.98rem!important}
}
@media(max-width:390px){
  body.mh-order-page .mh-order-topbar-copy>a{display:none!important}
  body.mh-order-page .mh-order-brand img{max-width:36px!important;max-height:36px!important}
}
@media(prefers-reduced-motion:reduce){
  body.mh-order-page a.mh-first-choice{transition:none!important}
}


/* Hosting-only and domain-first hosting choices: compact, equal-height 3-column pricing cards. */
@media(min-width:1024px){
  body.mh-order-page #products .mh-hosting-only-catalog .mh-hosting-grid,
  body.mh-order-page #products .mh-domain-first-service-picker .mh-hosting-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
body.mh-order-page #products .mh-hosting-grid{
  align-items:stretch!important;
  gap:16px!important;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card{
  min-height:310px!important;
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:0!important;
  padding:22px 20px 20px!important;
  overflow:hidden;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-card-top{
  display:flex;align-items:center;gap:9px;margin-bottom:15px;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-icon{
  width:43px!important;height:43px!important;border-radius:12px!important;
  font-size:1.15rem!important;flex:0 0 43px;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-type{
  margin:0!important;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-copy{
  display:flex!important;flex:1;flex-direction:column;min-width:0;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-copy>strong{
  font-size:1.12rem!important;line-height:1.3!important;margin-bottom:8px;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-price{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e7edf7;
  color:#1264c6;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-price b{
  font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:900;
  letter-spacing:-.035em;line-height:1.3;overflow-wrap:anywhere;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-price small{
  font-size:.71rem!important;color:#647b9a!important;margin:0!important;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-feature-title{
  display:block;color:#183c65;font-size:.72rem;font-weight:800;margin-bottom:9px;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-features{
  padding:0;margin:0 0 18px;list-style:none;
  display:flex;flex-direction:column;gap:9px;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-features li{
  position:relative;padding-left:20px;color:#586f8e;font-size:.75rem;
  line-height:1.48;overflow-wrap:anywhere;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-hosting-features li:before{
  content:'✓';position:absolute;left:0;top:0;color:#059d81;font-weight:900;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-arrow{
  width:100%!important;min-height:46px!important;margin-top:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px;border-radius:12px!important;
  background:#126bcc!important;color:#fff!important;border-color:#126bcc!important;
  font-size:.81rem!important;font-weight:850!important;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card .mh-product-arrow>span{
  display:inline!important;background:none!important;width:auto!important;
  height:auto!important;color:inherit!important;font-size:1rem!important;
}
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card:hover .mh-product-arrow,
body.mh-order-page #products .mh-hosting-grid .mh-hosting-card:focus-visible .mh-product-arrow{
  background:#064e9a!important;border-color:#064e9a!important;
}
@media(min-width:768px) and (max-width:1023.98px){
  body.mh-order-page #products .mh-hosting-only-catalog .mh-hosting-grid,
  body.mh-order-page #products .mh-domain-first-service-picker .mh-hosting-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:767.98px){
  body.mh-order-page #products .mh-hosting-only-catalog .mh-hosting-grid,
  body.mh-order-page #products .mh-domain-first-service-picker .mh-hosting-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.mh-order-page #products .mh-hosting-grid .mh-hosting-card{
    min-height:0!important;padding:18px!important;
  }
}