/* v180 / v30 — isolated phone-only financing hero. Desktop remains v178 exactly. */
.mobile-finance-hero-v180{display:none!important;}

@media (max-width:640px){
  body.jb-financing-page{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
  }

  /* Hide the existing desktop/legacy hero only on phones. */
  body.jb-financing-page main > section.hero,
  body.jb-financing-page main > section.hero.va-hero{
    display:none!important;
  }

  body.jb-financing-page main > section.mobile-finance-hero-v180{
    position:relative!important;
    isolation:isolate!important;
    display:block!important;
    width:100%!important;
    height:calc(100svh - 74px)!important;
    min-height:720px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center center!important;
    box-sizing:border-box!important;
  }

  body.page-financing-overview .mobile-finance-hero-v180{background-image:url('images/financing-overview-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-homepurchase:not(.page-va) .mobile-finance-hero-v180{background-image:url('images/home-purchase-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-va .mobile-finance-hero-v180{background-image:url('images/va-loans-rendered-v160.webp')!important;background-position:56% center!important;}
  body.page-jumbo .mobile-finance-hero-v180{background-image:url('images/jumbo-loans-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-nonqm .mobile-finance-hero-v180{background-image:url('images/non-qm-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-refinance .mobile-finance-hero-v180{background-image:url('images/refinance-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-homeequity .mobile-finance-hero-v180{background-image:url('images/home-equity-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-heloc .mobile-finance-hero-v180{background-image:url('images/heloc-rendered-v160.webp')!important;background-position:center center!important;}
  body.page-commercial .mobile-finance-hero-v180{background-image:url('images/commercial-financing-rendered-v160.webp')!important;background-position:center center!important;}

  body.jb-financing-page .mobile-finance-hero-v180::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background:rgba(255,255,255,.10)!important;
  }

  body.jb-financing-page .mobile-finance-copy-v180{
    position:relative!important;
    isolation:isolate!important;
    z-index:2!important;
    width:calc(100% - 44px)!important;
    max-width:410px!important;
    margin:0 auto!important;
    padding:160px 0 36px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.jb-financing-page .mobile-finance-copy-v180::before{
    content:""!important;
    position:absolute!important;
    inset:-150px -88px -120px!important;
    z-index:-1!important;
    border-radius:0!important;
    background:
      radial-gradient(ellipse at 50% 32%,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.82) 24%,
        rgba(255,255,255,.62) 48%,
        rgba(255,255,255,.34) 65%,
        rgba(255,255,255,0) 82%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(112%)!important;
    backdrop-filter:blur(16px) saturate(112%)!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  body.jb-financing-page .mobile-finance-eyebrow-v180{
    margin:0 0 24px!important;
    color:#082f52!important;
    -webkit-text-fill-color:#082f52!important;
    font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.24em!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    text-align:center!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
  }

  body.jb-financing-page .mobile-finance-title-v180{
    width:100%!important;
    max-width:390px!important;
    margin:0!important;
    color:#062d50!important;
    -webkit-text-fill-color:#062d50!important;
    text-shadow:none!important;
    font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
    font-size:42px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    font-weight:600!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
  }

  body.jb-financing-page .mobile-finance-body-v180{
    width:100%!important;
    max-width:355px!important;
    margin:28px 0 0!important;
    color:#12395d!important;
    -webkit-text-fill-color:#12395d!important;
    font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
    font-size:18px!important;
    line-height:1.38!important;
    font-weight:500!important;
    text-align:center!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
  }

  body.jb-financing-page .mobile-finance-see-v180{
    width:100%!important;
    max-width:355px!important;
    margin:30px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    color:#12395d!important;
    -webkit-text-fill-color:#12395d!important;
    font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-align:center!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
  }
  body.jb-financing-page .mobile-finance-see-v180 span{
    display:block!important;
    margin-top:15px!important;
    color:#082f52!important;
    -webkit-text-fill-color:#082f52!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:400!important;
  }

  /* VA follows the approved left-aligned reference. */
  body.page-va .mobile-finance-copy-v180{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:156px 0 36px!important;
    align-items:stretch!important;
    text-align:left!important;
  }
  body.page-va .mobile-finance-copy-v180::before{
    inset:-110px 8px -90px 18px!important;
    border-radius:0!important;
    background:
      radial-gradient(ellipse at 34% 30%,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.84) 22%,
        rgba(255,255,255,.64) 46%,
        rgba(255,255,255,.34) 66%,
        rgba(255,255,255,0) 84%)!important;
  }
  body.page-va .mobile-finance-eyebrow-v180{
    margin:0 0 22px clamp(56px,15vw,74px)!important;
    text-align:left!important;
  }
  body.page-va .mobile-finance-title-v180{
    width:auto!important;
    max-width:305px!important;
    margin:0 28px 0 clamp(56px,15vw,74px)!important;
    font-size:40px!important;
    line-height:1.03!important;
    text-align:left!important;
  }
  body.page-va .mobile-finance-body-v180{
    width:auto!important;
    max-width:330px!important;
    margin:26px 28px 0 clamp(56px,15vw,74px)!important;
    text-align:left!important;
  }
  body.page-va .mobile-finance-see-v180{
    max-width:none!important;
    margin-top:28px!important;
    align-items:center!important;
    text-align:center!important;
  }
}

@media (max-width:380px){
  body.jb-financing-page .mobile-finance-copy-v180{padding-top:148px!important;width:calc(100% - 34px)!important;}
  body.jb-financing-page .mobile-finance-title-v180{font-size:38px!important;}
  body.jb-financing-page .mobile-finance-body-v180{font-size:16px!important;}
  body.page-va .mobile-finance-copy-v180{padding-top:144px!important;width:100%!important;}
  body.page-va .mobile-finance-title-v180{max-width:275px!important;font-size:36px!important;}
  body.page-va .mobile-finance-body-v180{max-width:290px!important;font-size:16px!important;}
}