/* BankMovie v148.61.2
   Floating mobile header matched to the mobile bottom navigation:
   same measured width/height/gap/radius, same glass language, and mirrored
   hide/show motion. Desktop remains untouched. */

@media (max-width: 991.98px) {
  html body #siteHeader.bm-public-header-v148,
  html body #siteHeader.bm-public-header-v148.header,
  html body #siteHeader.bm-public-header-v148.header-solid,
  html body #siteHeader.bm-public-header-v148.header-glass,
  html body #siteHeader.bm-public-header-v148.header-admin,
  html body #siteHeader.bm-public-header-v148.is-mobile-surface-transparent {
    --bm-mobile-header-width: min(560px, calc(100% - 24px));
    --bm-mobile-header-height: 76px;
    --bm-mobile-header-radius: 34px;
    --bm-mobile-header-gap: 10px;
    --bm-mobile-header-bg:
      radial-gradient(circle at 50% -20%, rgba(var(--accent-rgb, 47, 124, 255), .20), transparent 46%),
      linear-gradient(180deg, rgba(25, 30, 42, .90), rgba(10, 13, 20, .94));
    --bm-mobile-header-border: rgba(255, 255, 255, .10);
    --bm-mobile-header-shadow:
      0 18px 48px rgba(0, 0, 0, .44),
      inset 0 1px 0 rgba(255, 255, 255, .08);
    --bm-mobile-header-blur: blur(22px) saturate(145%);

    position: fixed !important;
    inset: auto !important;
    top: max(var(--bm-mobile-header-gap), env(safe-area-inset-top)) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--bm-mobile-header-width) !important;
    max-width: none !important;
    height: var(--bm-mobile-header-height) !important;
    min-height: var(--bm-mobile-header-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate3d(-50%, 0, 0) !important;
    transform-origin: 50% 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    border: 1px solid var(--bm-mobile-header-border) !important;
    border-radius: var(--bm-mobile-header-radius) !important;
    background: var(--bm-mobile-header-bg) !important;
    background-image: var(--bm-mobile-header-bg) !important;
    box-shadow: var(--bm-mobile-header-shadow) !important;
    -webkit-backdrop-filter: var(--bm-mobile-header-blur) !important;
    backdrop-filter: var(--bm-mobile-header-blur) !important;
    transition:
      transform .28s cubic-bezier(.2, .8, .2, 1),
      opacity .22s ease,
      height .24s ease,
      border-radius .24s ease,
      background-color .22s ease,
      box-shadow .22s ease !important;
    will-change: transform, opacity !important;
  }

  html body #siteHeader.bm-public-header-v148::before,
  html body #siteHeader.bm-public-header-v148::after {
    content: none !important;
    display: none !important;
  }

  html body #siteHeader.bm-public-header-v148 .header-inner,
  html body #siteHeader.bm-public-header-v148.header-admin .header-inner,
  html body #siteHeader.bm-public-header-v148.is-mobile-surface-transparent .header-inner {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* A light top sheen and a subtle inner rim, matching the bottom glass nav. */
  html body #siteHeader.bm-public-header-v148 .header-inner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    opacity: 1 !important;
    filter: none !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .075), transparent 38%),
      radial-gradient(circle at 50% -35%, rgba(var(--accent-rgb, 47, 124, 255), .13), transparent 58%) !important;
  }

  html body #siteHeader.bm-public-header-v148 .header-inner::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    border: 1px solid rgba(255, 255, 255, .035) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
    background: transparent !important;
  }

  html body #siteHeader.bm-public-header-v148 .logo {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    width: 108px !important;
    max-width: 108px !important;
    height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translate3d(-50%, -50%, 0) !important;
    z-index: 8 !important;
    pointer-events: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body #siteHeader.bm-public-header-v148 .bm-header-logo-img {
    width: auto !important;
    max-width: 108px !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 5px 13px rgba(0, 0, 0, .34)) !important;
  }

  html body #siteHeader.bm-public-header-v148 .header-actions {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #siteHeader.bm-public-header-v148 .menu-btn,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection,
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search {
    position: absolute !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate3d(0, -50%, 0) !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    overflow: visible !important;
    color: rgba(255, 255, 255, .94) !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: color .2s ease, background-color .2s ease, transform .18s ease !important;
  }

  html body #siteHeader.bm-public-header-v148 .menu-btn { left: 14px !important; right: auto !important; }
  html body #siteHeader.bm-public-header-v148 .bm-header-collection {
    left: 62px !important;
    right: auto !important;
    color: #559fff !important;
  }
  html body #siteHeader.bm-public-header-v148 .notif-bell { right: 62px !important; left: auto !important; }
  html body #siteHeader.bm-public-header-v148 .bm-header-search { right: 14px !important; left: auto !important; }

  html body #siteHeader.bm-public-header-v148 .menu-btn:active,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection:active,
  html body #siteHeader.bm-public-header-v148 .notif-bell:active,
  html body #siteHeader.bm-public-header-v148 .bm-header-search:active {
    color: var(--accent, #2f7cff) !important;
    background: rgba(var(--accent-rgb, 47, 124, 255), .14) !important;
    transform: translate3d(0, -50%, 0) scale(.94) !important;
  }

  html body #siteHeader.bm-public-header-v148 .menu-btn svg,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection svg,
  html body #siteHeader.bm-public-header-v148 .notif-bell svg,
  html body #siteHeader.bm-public-header-v148 .bm-header-search svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
    color: currentColor !important;
    stroke-width: 2.05 !important;
    filter: none !important;
  }

  html body #siteHeader.bm-public-header-v148 .notif-badge {
    top: 4px !important;
    right: 4px !important;
  }

  /* Header exits upward by the same motion distance the bottom nav exits down. */
  html body #siteHeader.bm-public-header-v148.bm-mobile-header-hidden {
    transform: translate3d(-50%, calc(-100% - 28px), 0) !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  html body #siteHeader.bm-public-header-v148.bm-mobile-header-compact {
    --bm-mobile-header-height: 68px;
    --bm-mobile-header-radius: 30px;
    opacity: .96 !important;
  }

  /* Remove previous page-specific glow halos; the full pill is now the glass. */
  html body #siteHeader[data-bm-page] .header-inner::before,
  html body #siteHeader[data-bm-page].is-mobile-surface-transparent .header-inner::before {
    opacity: 1 !important;
    filter: none !important;
  }

  /* Low-end Watch Party keeps the same geometry without live backdrop sampling. */
  html.wp-lite-device body.watch-party-page #siteHeader.bm-public-header-v148,
  html.bm-low-power body.watch-party-page #siteHeader.bm-public-header-v148 {
    --bm-mobile-header-bg: linear-gradient(180deg, rgba(18, 27, 43, .995), rgba(7, 13, 24, .995));
    --bm-mobile-header-blur: none;
    will-change: auto !important;
  }
}

@media (max-width: 370px) {
  html body #siteHeader.bm-public-header-v148 {
    --bm-mobile-header-width: calc(100% - 18px);
  }
  html body #siteHeader.bm-public-header-v148 .menu-btn,
  html body #siteHeader.bm-public-header-v148 .bm-header-collection,
  html body #siteHeader.bm-public-header-v148 .notif-bell,
  html body #siteHeader.bm-public-header-v148 .bm-header-search {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 16px !important;
  }
  html body #siteHeader.bm-public-header-v148 .menu-btn { left: 10px !important; }
  html body #siteHeader.bm-public-header-v148 .bm-header-collection { left: 52px !important; }
  html body #siteHeader.bm-public-header-v148 .notif-bell { right: 52px !important; }
  html body #siteHeader.bm-public-header-v148 .bm-header-search { right: 10px !important; }
  html body #siteHeader.bm-public-header-v148 .logo,
  html body #siteHeader.bm-public-header-v148 .bm-header-logo-img {
    max-width: 88px !important;
  }
}

@media (min-width: 992px) {
  html body #siteHeader.bm-mobile-header-hidden,
  html body #siteHeader.bm-mobile-header-compact {
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #siteHeader.bm-public-header-v148 {
    transition-duration: .01ms !important;
  }
}