/* BFZ_V600_FULL_PAGE_BACKGROUND */
/* BRAHIMI V6.0.0 · full-page login/home backgrounds + optimizer UI support */
body.bfz-v600-page-background{
  position:relative;
  min-height:100vh;
  background:transparent!important;
  isolation:isolate;
}
body.bfz-v600-page-background>.bfz-v600-page-background-picture{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  border-radius:0!important;
  overflow:hidden!important;
  z-index:0!important;
}
body.bfz-v600-page-background>.bfz-v600-page-background-picture img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background-repeat:no-repeat;
}
body.bfz-v600-page-background>.bfz-v599-background-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  border-radius:0!important;
  pointer-events:none;
}
body.bfz-v600-login-page-background>.bfz-v599-background-overlay{
  background:linear-gradient(90deg,rgba(247,251,253,.04) 0%,rgba(247,251,253,.02) 48%,rgba(247,251,253,.12) 100%);
}
body.bfz-v600-home-page-background>.bfz-v599-background-overlay{
  background:rgba(247,251,253,.20);
}
body.bfz-v600-page-background>.topbar,
body.bfz-v600-page-background>.page,
body.bfz-v600-page-background>.footer,
body.bfz-v600-page-background>.bfz-impersonation-banner,
body.bfz-v600-page-background>.wf-popup,
body.bfz-v600-page-background>.bfz-v570-optimizer-mini{
  position:relative;
  z-index:2;
}
body.bfz-v600-page-background>.topbar{
  background:rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
body.bfz-v600-page-background>.footer{
  background:rgba(255,255,255,.78)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
body.bfz-v600-page-background .page,
body.bfz-v600-page-background #bfz-page-content,
body.bfz-v600-page-background .bfz-v240-home{
  background:transparent!important;
}

/* Login background spans the entire viewport. The form moves to the right on
   wide screens so artwork/text on the left side of a branded image stays visible. */
body.bfz-v600-login-page-background .page{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
  padding:clamp(24px,4vh,44px) clamp(22px,5vw,82px) clamp(30px,5vh,56px)!important;
}
body.bfz-v600-login-page-background #bfz-page-content{width:100%}
body.bfz-v600-login-page-background .bfz-v271-login-shell{
  width:100%;
  min-height:calc(100vh - 190px);
  box-sizing:border-box;
  display:grid;
  place-items:center end;
  padding:0;
}
body.bfz-v600-login-page-background .bfz-v271-login-card{
  width:min(540px,46vw);
  margin:0 clamp(0px,2vw,28px) 0 auto;
  background:rgba(255,255,255,.90);
  box-shadow:0 30px 90px rgba(23,42,63,.20);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  backdrop-filter:blur(24px) saturate(130%);
}

/* Home background remains the page canvas. The Hero keeps its own independent
   background slot and therefore stays visually above the page image. */
body.bfz-v600-home-page-background .bfz-v240-home{
  position:relative;
  isolation:auto;
}
body.bfz-v600-home-page-background .bfz-v230-apps-head,
body.bfz-v600-home-page-background .bfz-v230-app-grid{
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  body.bfz-v600-login-page-background .bfz-v271-login-shell{place-items:center;min-height:calc(100vh - 170px)}
  body.bfz-v600-login-page-background .bfz-v271-login-card{width:min(570px,100%);margin:0}
}
@media(max-width:650px){
  body.bfz-v600-login-page-background .page{padding:18px 12px 34px!important}
  body.bfz-v600-login-page-background .bfz-v271-login-card{background:rgba(255,255,255,.93)}
}