/* PALUX 470 — professional fixed page identity across the phone app.
   Every phone page keeps its title bar visible while content scrolls below. */
@media(max-width:780px){
  body.palux-global-mobile-topbar .main{
    box-sizing:border-box!important;
    padding-top:var(--palux-mobile-topbar-height,96px)!important;
  }

  body.palux-global-mobile-topbar .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:90!important;
    margin:0!important;
    border-bottom:1px solid var(--line)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 5px 18px rgba(15,23,42,.07)!important;
    -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
    backdrop-filter:blur(18px) saturate(150%)!important;
    transform:translateZ(0)!important;
  }

  body.dark.palux-global-mobile-topbar .topbar{
    background:rgba(17,24,39,.96)!important;
    box-shadow:0 5px 20px rgba(0,0,0,.28)!important;
  }

  body.palux-global-mobile-topbar.palux-mobile-topbar-scrolled .topbar{
    box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
  }

  body.dark.palux-global-mobile-topbar.palux-mobile-topbar-scrolled .topbar{
    box-shadow:0 8px 26px rgba(0,0,0,.42)!important;
  }

  body.palux-mobile-menu-open.palux-global-mobile-topbar .topbar{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}