/* v193 — mobile-only financing readability pass.
   Lighten only the image area directly behind the copy.
   No desktop changes. No full-image wash. */
@media (max-width:640px){
  /* Remove broad image wash so the photo stays intact. */
  body.jb-financing-page .mobile-finance-hero-v180::before{
    background:transparent!important;
  }

  /* Create a soft, localized light field only behind the text block. */
  body.jb-financing-page .mobile-finance-copy-v180{
    isolation:isolate!important;
  }
  body.jb-financing-page .mobile-finance-copy-v180::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    inset:-34px -26px -34px -26px!important;
    border-radius:0!important;
    background:
      radial-gradient(ellipse at 50% 28%,
        rgba(255,255,255,.90) 0%,
        rgba(255,255,255,.80) 26%,
        rgba(255,255,255,.62) 48%,
        rgba(255,255,255,.34) 66%,
        rgba(255,255,255,.14) 76%,
        rgba(255,255,255,0) 86%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  /* VA keeps the same approved left alignment, with the light field pulled left. */
  body.page-va .mobile-finance-copy-v180::before{
    inset:-34px 6px -34px 18px!important;
    background:
      radial-gradient(ellipse at 32% 28%,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.82) 24%,
        rgba(255,255,255,.64) 46%,
        rgba(255,255,255,.36) 64%,
        rgba(255,255,255,.16) 76%,
        rgba(255,255,255,0) 86%)!important;
  }
}

@media (max-width:380px){
  body.jb-financing-page .mobile-finance-copy-v180::before{
    inset:-28px -18px -28px -18px!important;
  }
  body.page-va .mobile-finance-copy-v180::before{
    inset:-28px 4px -28px 14px!important;
  }
}