/* BankMovie shared desktop header hardening — v106
   One final source of truth for the public header on Windows/desktop.
   Mobile header remains controlled by the existing mobile rules. */

@media (min-width: 992px) {
  html body #siteHeader,
  html body #siteHeader.header,
  html body #siteHeader.header-admin {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 84px !important;
    z-index: 1600 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    direction: rtl !important;
  }

  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    position: relative !important;
    width: min(1500px, calc(100% - 32px)) !important;
    max-width: 1500px !important;
    height: 84px !important;
    min-height: 84px !important;
    margin: 0 auto !important;
    padding: 0 4px !important;
    display: grid !important;
    grid-template-columns: 530px minmax(0, 1fr) 205px !important;
    grid-template-areas: "actions nav logo" !important;
    align-items: center !important;
    column-gap: clamp(18px, 2vw, 34px) !important;
    overflow: visible !important;
    pointer-events: auto !important;
    direction: ltr !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #siteHeader .logo {
    grid-area: logo !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    max-width: 205px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #siteHeader .bm-header-logo-img {
    display: block !important;
    width: auto !important;
    max-width: 185px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: drop-shadow(0 7px 16px rgba(0,0,0,.38)) !important;
  }

  html body #siteHeader .desktop-nav {
    grid-area: nav !important;
    position: static !important;
    justify-self: center !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row-reverse nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(18px, 2.15vw, 38px) !important;
    overflow: visible !important;
    direction: rtl !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #siteHeader .desktop-nav-item {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: clamp(13px, .86vw, 16px) !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.52) !important;
    transition: color .16s ease, background-color .16s ease !important;
  }

  html body #siteHeader .desktop-nav-item:hover,
  html body #siteHeader .desktop-nav-item.active {
    color: #55adff !important;
    background: rgba(32, 106, 255, .10) !important;
  }

  html body #siteHeader .header-actions {
    grid-area: actions !important;
    position: relative !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
    pointer-events: auto !important;
    direction: ltr !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body #siteHeader .menu-btn,
  html body #siteHeader .bm-header-collection,
  html body #siteHeader .bm-header-collections-icon,
  html body #siteHeader .bm-icon-only-collection,
  html body #siteHeader .header-actions a.collection-link:not(.bm-header-collection) {
    display: none !important;
  }

  html body #siteHeader .bm-header-search {
    order: 1 !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 clamp(190px, 15vw, 255px) !important;
    width: clamp(190px, 15vw, 255px) !important;
    min-width: 190px !important;
    max-width: 255px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: #fff !important;
    background: rgba(5, 10, 20, .90) !important;
    border: 1px solid rgba(62, 142, 255, .88) !important;
    box-shadow: 0 0 0 2px rgba(38, 111, 255, .20), 0 8px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body #siteHeader .bm-header-search-glow,
  html body #siteHeader .bm-header-search-white,
  html body #siteHeader .bm-header-search-border,
  html body #siteHeader .bm-header-search-dark {
    display: none !important;
  }

  html body #siteHeader .bm-header-search-content {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 15px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    direction: rtl !important;
    color: #fff !important;
    background: transparent !important;
  }

  html body #siteHeader .bm-header-search-content svg {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    stroke: #fff !important;
    color: #fff !important;
    filter: none !important;
  }

  html body #siteHeader .bm-header-search-label {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  html body #siteHeader .notif-bell {
    order: 2 !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: rgba(5, 10, 20, .62) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html body #siteHeader .notif-bell svg {
    width: 21px !important;
    height: 21px !important;
    stroke: currentColor !important;
    filter: none !important;
  }

  html body #siteHeader .notif-badge {
    position: absolute !important;
    top: 5px !important;
    right: 6px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #ff3f6d !important;
    box-shadow: 0 0 0 3px rgba(255,63,109,.15) !important;
  }

  html body #siteHeader .admin-panel-trigger {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 118px !important;
    max-width: 145px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    color: #fff !important;
    background: rgba(33, 74, 146, .34) !important;
    border: 1px solid rgba(75, 157, 255, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.16) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  html body #siteHeader .admin-panel-trigger .admin-panel-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  html body #siteHeader .admin-panel-trigger span {
    min-width: 0 !important;
    max-width: 95px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body #siteHeader .auth-dropdown {
    order: 4 !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 74px !important;
    max-width: 155px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    direction: rtl !important;
  }

  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 74px !important;
    max-width: 155px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    color: #fff !important;
    background: rgba(5, 10, 20, .62) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.18) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span {
    display: block !important;
    min-width: 0 !important;
    max-width: 116px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body #siteHeader .auth-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 4000 !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: min(220px, calc(100vw - 24px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    overflow: visible !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-5px) scale(.985) !important;
    transform-origin: top right !important;
    direction: rtl !important;
    background: rgba(8, 12, 21, .98) !important;
    border: 1px solid rgba(94, 161, 255, .20) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 58px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease !important;
  }

  html body #siteHeader .auth-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -11px !important;
    right: 0 !important;
    width: 100% !important;
    height: 12px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #siteHeader .auth-dropdown:hover .auth-menu,
  html body #siteHeader .auth-dropdown:focus-within .auth-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  html body #siteHeader .auth-menu a,
  html body #siteHeader .auth-menu-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    color: rgba(255,255,255,.88) !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    direction: rtl !important;
    box-sizing: border-box !important;
  }

  html body #siteHeader .auth-menu a span,
  html body #siteHeader .auth-menu-link span {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  html body #siteHeader .auth-menu-icon,
  html body #siteHeader .auth-menu svg {
    flex: 0 0 19px !important;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    stroke: currentColor !important;
  }

  html body #siteHeader .auth-menu a:hover,
  html body #siteHeader .auth-menu-link:hover {
    color: #fff !important;
    background: rgba(47, 124, 255, .15) !important;
    transform: none !important;
  }

  html body #siteHeader .auth-menu-logout {
    color: #ffaaaa !important;
    background: rgba(255, 70, 70, .08) !important;
  }

  html body #siteHeader .notif-bell:hover,
  html body #siteHeader .admin-panel-trigger:hover,
  html body #siteHeader .user-trigger:hover,
  html body #siteHeader .auth-trigger:hover {
    color: #fff !important;
    border-color: rgba(79, 159, 255, .50) !important;
    background: rgba(29, 77, 154, .38) !important;
    transform: translateY(-1px) !important;
  }
}

/* Medium desktop: keep every item in one row without collisions. */
@media (min-width: 1280px) and (max-width: 1439px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 24px) !important;
    grid-template-columns: minmax(440px, 470px) minmax(400px, 1fr) minmax(140px, 170px) !important;
    column-gap: 16px !important;
  }
  html body #siteHeader .desktop-nav { gap: 19px !important; }
  html body #siteHeader .desktop-nav-item { font-size: 14px !important; }
  html body #siteHeader .bm-header-search {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
  }
  html body #siteHeader .admin-panel-trigger {
    min-width: 112px !important;
    max-width: 124px !important;
    padding-inline: 11px !important;
  }
  html body #siteHeader .auth-dropdown,
  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger { max-width: 126px !important; }
  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span { max-width: 90px !important; }
  html body #siteHeader .bm-header-logo-img {
    max-width: 150px !important;
    height: 44px !important;
    max-height: 44px !important;
  }
}

/* Compact desktop/laptop: intelligently collapse nonessential labels. */
@media (min-width: 992px) and (max-width: 1279px) {
  html body #siteHeader,
  html body #siteHeader.header,
  html body #siteHeader.header-admin { min-height: 74px !important; }

  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 20px) !important;
    height: 74px !important;
    min-height: 74px !important;
    grid-template-columns: minmax(270px, 300px) minmax(390px, 1fr) minmax(118px, 145px) !important;
    column-gap: 12px !important;
  }

  html body #siteHeader .desktop-nav {
    gap: clamp(10px, 1.45vw, 18px) !important;
    max-width: none !important;
  }

  html body #siteHeader .desktop-nav-item {
    min-height: 38px !important;
    height: 38px !important;
    padding-inline: 2px !important;
    font-size: 13px !important;
  }

  html body #siteHeader .bm-header-logo-img {
    max-width: 132px !important;
    height: 40px !important;
    max-height: 40px !important;
  }

  html body #siteHeader .header-actions { gap: 8px !important; }

  html body #siteHeader .admin-panel-trigger { display: none !important; }

  html body #siteHeader .bm-header-search {
    flex: 0 0 155px !important;
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body #siteHeader .bm-header-search-content { padding-inline: 12px !important; }
  html body #siteHeader .bm-header-search-label { font-size: 11.5px !important; }

  html body #siteHeader .notif-bell {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  html body #siteHeader .auth-dropdown,
  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger { max-width: 94px !important; }

  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger {
    min-width: 64px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding-inline: 11px !important;
    font-size: 12px !important;
  }

  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span { max-width: 69px !important; }
}

/* Very narrow desktop widths: icon-only quick search prevents wrapping. */
@media (min-width: 992px) and (max-width: 1080px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    grid-template-columns: minmax(158px, 176px) minmax(390px, 1fr) minmax(102px, 120px) !important;
    column-gap: 8px !important;
  }
  html body #siteHeader .desktop-nav { gap: 9px !important; }
  html body #siteHeader .desktop-nav-item { font-size: 12.5px !important; }
  html body #siteHeader .bm-header-search {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    border-radius: 14px !important;
  }
  html body #siteHeader .bm-header-search-content {
    padding: 0 !important;
    justify-content: center !important;
  }
  html body #siteHeader .bm-header-search-label { display: none !important; }
  html body #siteHeader .auth-dropdown,
  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger { max-width: 58px !important; }
  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger {
    min-width: 58px !important;
    padding-inline: 8px !important;
  }
  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span { max-width: 42px !important; }
  html body #siteHeader .auth-menu {
    right: auto !important;
    left: 0 !important;
    transform-origin: top left !important;
  }
}

/* ======================================================================
   BankMovie desktop header final alignment + restored animated search v107
   ====================================================================== */
@keyframes bmHeaderSearchOrbitV107 {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (min-width: 992px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: min(1700px, calc(100% - 48px)) !important;
    max-width: 1700px !important;
    grid-template-columns: max-content minmax(0, 1fr) 176px !important;
    grid-template-areas: "actions nav logo" !important;
    column-gap: clamp(16px, 1.45vw, 26px) !important;
    padding-inline: 0 !important;
  }

  /* Equal-width navigation cells remove the visibly uneven gaps caused by
     labels with different text lengths. */
  html body #siteHeader .desktop-nav {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    display: flex !important;
    flex-flow: row-reverse nowrap !important;
    gap: 6px !important;
  }

  html body #siteHeader .desktop-nav-item {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    padding-inline: 9px !important;
    border: 1px solid transparent !important;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease !important;
  }

  html body #siteHeader .desktop-nav-item:hover,
  html body #siteHeader .desktop-nav-item.active {
    color: #fff !important;
    background: rgba(var(--accent-rgb, 47, 124, 255), .14) !important;
    border-color: rgba(var(--accent-rgb, 47, 124, 255), .18) !important;
    transform: translateY(-1px) !important;
  }

  html body #siteHeader .header-actions {
    width: max-content !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    gap: 9px !important;
  }

  /* Restore the four animated neon layers removed by the v106 hardening. */
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    isolation: isolate !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body #siteHeader .bm-header-search-glow,
  html body #siteHeader .bm-header-search-white,
  html body #siteHeader .bm-header-search-border,
  html body #siteHeader .bm-header-search-dark {
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  html body #siteHeader .bm-header-search-glow {
    inset: -4px !important;
    z-index: 0 !important;
    opacity: .54 !important;
    filter: blur(11px) !important;
  }
  html body #siteHeader .bm-header-search-white {
    inset: -1px !important;
    z-index: 0 !important;
    filter: blur(1px) !important;
  }
  html body #siteHeader .bm-header-search-border {
    inset: 1px !important;
    z-index: 0 !important;
  }
  html body #siteHeader .bm-header-search-dark {
    inset: -2px !important;
    z-index: 0 !important;
    filter: blur(1.4px) !important;
  }

  html body #siteHeader .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search-white::before,
  html body #siteHeader .bm-header-search-border::before,
  html body #siteHeader .bm-header-search-dark::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 430px !important;
    height: 430px !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    animation: bmHeaderSearchOrbitV107 7s linear infinite !important;
    will-change: transform !important;
  }

  html body #siteHeader .bm-header-search:hover .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search:hover .bm-header-search-white::before,
  html body #siteHeader .bm-header-search:hover .bm-header-search-border::before,
  html body #siteHeader .bm-header-search:hover .bm-header-search-dark::before,
  html body #siteHeader .bm-header-search:focus-visible .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search:focus-visible .bm-header-search-white::before,
  html body #siteHeader .bm-header-search:focus-visible .bm-header-search-border::before,
  html body #siteHeader .bm-header-search:focus-visible .bm-header-search-dark::before {
    animation-duration: 2.35s !important;
  }

  html body #siteHeader .bm-header-search-content {
    position: absolute !important;
    inset: 3px !important;
    z-index: 2 !important;
    width: auto !important;
    height: auto !important;
    padding-inline: 15px !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(7, 10, 17, .98), rgba(1, 3, 8, .985)) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
  }

  html body #siteHeader .bm-header-search:hover .bm-header-search-content,
  html body #siteHeader .bm-header-search:focus-visible .bm-header-search-content {
    background: linear-gradient(180deg, rgba(10, 15, 27, .99), rgba(2, 5, 12, .99)) !important;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 32px) !important;
    grid-template-columns: max-content minmax(0, 1fr) 154px !important;
    column-gap: 15px !important;
  }
  html body #siteHeader .desktop-nav {
    width: min(100%, 670px) !important;
    max-width: 670px !important;
  }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 6px !important;
    font-size: 13.5px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1279px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 24px) !important;
    grid-template-columns: max-content minmax(0, 1fr) 132px !important;
    column-gap: 11px !important;
  }
  html body #siteHeader .desktop-nav {
    width: min(100%, 610px) !important;
    max-width: 610px !important;
    gap: 3px !important;
  }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 4px !important;
    font-size: 12.7px !important;
  }
  html body #siteHeader .bm-header-search {
    flex-basis: 168px !important;
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }
}

@media (min-width: 1081px) and (max-width: 1180px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 22px) !important;
    grid-template-columns: max-content minmax(0, 1fr) 120px !important;
    column-gap: 9px !important;
  }
  html body #siteHeader .desktop-nav {
    width: min(100%, 580px) !important;
    max-width: 580px !important;
    gap: 2px !important;
  }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 3px !important;
    font-size: 12.3px !important;
  }
  html body #siteHeader .admin-panel-trigger { display: none !important; }
  html body #siteHeader .bm-header-search {
    flex-basis: 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 18px) !important;
    grid-template-columns: max-content minmax(0, 1fr) 108px !important;
    column-gap: 8px !important;
  }
  html body #siteHeader .desktop-nav {
    width: min(100%, 590px) !important;
    max-width: 590px !important;
    gap: 1px !important;
  }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 2px !important;
    font-size: 12px !important;
  }
  html body #siteHeader .admin-panel-trigger { display: none !important; }
  html body #siteHeader .header-actions { gap: 7px !important; }
  html body #siteHeader .bm-header-search-content { padding: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body #siteHeader .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search-white::before,
  html body #siteHeader .bm-header-search-border::before,
  html body #siteHeader .bm-header-search-dark::before {
    animation: none !important;
  }
}

@media (min-width: 992px) {
  html body #siteHeader .bm-header-search-content::before {
    content: none !important;
    display: none !important;
  }
}

/* ======================================================================
   BankMovie V108 — compact desktop header + always-on search orbit
   Keeps logo, navigation and account controls adjacent as one header row.
   ====================================================================== */
@keyframes bmHeaderSearchAlwaysSpinV108 {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes bmHeaderSearchGlowPulseV108 {
  0%, 100% { box-shadow: 0 0 0 1px rgba(var(--accent-rgb,47,124,255),.22), 0 0 17px rgba(var(--accent-rgb,47,124,255),.24), 0 9px 24px rgba(0,0,0,.25); }
  50%      { box-shadow: 0 0 0 1px rgba(var(--accent-rgb,47,124,255),.38), 0 0 28px rgba(var(--accent-rgb,47,124,255),.38), 0 9px 28px rgba(0,0,0,.29); }
}

@media (min-width: 992px) {
  /* The entire desktop header is one compact row instead of three stretched
     grid columns. DOM order is logo -> nav -> actions and RTL keeps that
     visual order from right to left. */
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: min(1540px, calc(100% - 28px)) !important;
    max-width: 1540px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(9px, .85vw, 15px) !important;
    padding-inline: 0 !important;
  }

  html body #siteHeader .logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    justify-self: auto !important;
    max-width: 170px !important;
    margin: 0 !important;
  }

  html body #siteHeader .desktop-nav {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: auto !important;
    justify-content: flex-start !important;
    flex-flow: row nowrap !important;
    direction: rtl !important;
    gap: 3px !important;
    margin: 0 !important;
  }

  html body #siteHeader .desktop-nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding-inline: clamp(10px, .72vw, 15px) !important;
    border-radius: 13px !important;
    font-size: clamp(13px, .79vw, 15px) !important;
  }

  html body #siteHeader .header-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: auto !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  /* A self-contained always-running neon ring. This does not depend on
     hover, focus, a JS class or opening the search modal. */
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    animation: bmHeaderSearchGlowPulseV108 2.8s ease-in-out infinite !important;
  }

  html body #siteHeader .bm-header-search::before,
  html body #siteHeader .bm-header-search-trigger::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 50% !important;
    top: 50% !important;
    width: 340px !important;
    height: 340px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    background: conic-gradient(
      from 0deg,
      rgba(0,0,0,0) 0deg,
      rgba(var(--accent-rgb,47,124,255),.12) 34deg,
      var(--accent,#2f7cff) 68deg,
      rgba(255,255,255,.96) 82deg,
      var(--accent,#2f7cff) 101deg,
      rgba(0,0,0,0) 144deg,
      rgba(0,0,0,0) 224deg,
      rgba(var(--accent-rgb,47,124,255),.92) 272deg,
      rgba(255,255,255,.82) 289deg,
      rgba(var(--accent-rgb,47,124,255),.22) 318deg,
      rgba(0,0,0,0) 360deg
    ) !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    transform-origin: center !important;
    animation: bmHeaderSearchAlwaysSpinV108 4.2s linear infinite !important;
    animation-play-state: running !important;
    will-change: transform !important;
  }

  html body #siteHeader .bm-header-search::after,
  html body #siteHeader .bm-header-search-trigger::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: 2px !important;
    border-radius: 13px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(8,13,24,.985), rgba(1,4,10,.99)) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
  }

  html body #siteHeader .bm-header-search-glow,
  html body #siteHeader .bm-header-search-white,
  html body #siteHeader .bm-header-search-border,
  html body #siteHeader .bm-header-search-dark {
    display: none !important;
  }

  html body #siteHeader .bm-header-search-content {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    padding-inline: 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body #siteHeader .bm-header-search:hover::before,
  html body #siteHeader .bm-header-search-trigger:hover::before,
  html body #siteHeader .bm-header-search:focus-visible::before,
  html body #siteHeader .bm-header-search-trigger:focus-visible::before {
    animation-duration: 2.15s !important;
  }
}

@media (min-width: 1500px) {
  html body #siteHeader .desktop-nav { gap: 4px !important; }
  html body #siteHeader .header-actions { gap: 8px !important; }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 20px) !important;
    gap: 8px !important;
  }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 9px !important;
    font-size: 13px !important;
  }
  html body #siteHeader .bm-header-search {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }
  html body #siteHeader .admin-panel-trigger {
    min-width: 104px !important;
    max-width: 118px !important;
    padding-inline: 10px !important;
  }
}

@media (min-width: 1081px) and (max-width: 1279px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 16px) !important;
    gap: 6px !important;
  }
  html body #siteHeader .desktop-nav { gap: 1px !important; }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 7px !important;
    font-size: 12.4px !important;
  }
  html body #siteHeader .header-actions { gap: 6px !important; }
  html body #siteHeader .bm-header-search {
    flex-basis: 155px !important;
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 12px) !important;
    gap: 5px !important;
  }
  html body #siteHeader .desktop-nav { gap: 0 !important; }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
  html body #siteHeader .header-actions { gap: 5px !important; }
  html body #siteHeader .bm-header-search {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
  html body #siteHeader .bm-header-search-content {
    padding: 0 !important;
    justify-content: center !important;
  }
  html body #siteHeader .bm-header-search-label { display: none !important; }
}

/* The requested orbit remains visible even when Windows has reduced-motion
   enabled; it simply runs slower instead of disappearing. */
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  html body #siteHeader .bm-header-search::before,
  html body #siteHeader .bm-header-search-trigger::before {
    animation: bmHeaderSearchAlwaysSpinV108 10s linear infinite !important;
  }
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    animation: none !important;
  }
}

/* ======================================================================
   BankMovie V109 — exact Windows header restored from the reference video
   - Three balanced groups: actions / navigation / logo
   - Original hover-driven neon sweep (no click, no permanent rotation)
   - Desktop only; existing mobile header remains untouched
   ====================================================================== */
@media (min-width: 992px) {
  html body #siteHeader,
  html body #siteHeader.header,
  html body #siteHeader.header-admin {
    min-height: 74px !important;
    height: 74px !important;
    overflow: visible !important;
  }

  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: min(1500px, calc(100% - 40px)) !important;
    max-width: 1500px !important;
    min-height: 74px !important;
    height: 74px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  /* Right group: logo. */
  html body #siteHeader .logo {
    order: 1 !important;
    flex: 0 0 154px !important;
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body #siteHeader .bm-header-logo-img {
    width: 154px !important;
    max-width: 154px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  /* Middle group: compact original menu spacing. */
  html body #siteHeader .desktop-nav {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  html body #siteHeader .desktop-nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.56) !important;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
  }

  html body #siteHeader .desktop-nav-item:hover,
  html body #siteHeader .desktop-nav-item.active {
    color: #fff !important;
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.08) !important;
    transform: none !important;
  }

  /* Left group: every control remains directly adjacent, as in the video. */
  html body #siteHeader .header-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body #siteHeader .header-actions > * {
    margin: 0 !important;
  }

  html body #siteHeader .header-actions .menu-btn,
  html body #siteHeader .header-actions .bm-header-collection,
  html body #siteHeader .header-actions .bm-header-collections-icon,
  html body #siteHeader .header-actions a.collection-link:not(.bm-header-collection) {
    display: none !important;
  }

  html body #siteHeader .bm-header-search { order: 1 !important; }
  html body #siteHeader .notif-bell { order: 2 !important; }
  html body #siteHeader .admin-panel-trigger { order: 3 !important; }
  html body #siteHeader .auth-dropdown { order: 4 !important; }

  html body #siteHeader .notif-bell {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: rgba(9,11,17,.50) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body #siteHeader .admin-panel-trigger {
    flex: 0 0 auto !important;
    min-width: 132px !important;
    max-width: 146px !important;
    width: auto !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 15px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  html body #siteHeader .auth-dropdown {
    position: relative !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger {
    width: auto !important;
    min-width: 72px !important;
    max-width: 112px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 15px !important;
    border-radius: 15px !important;
    white-space: nowrap !important;
  }

  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span {
    display: block !important;
    max-width: 82px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #siteHeader .auth-menu {
    top: calc(100% + 8px) !important;
    right: auto !important;
    left: 0 !important;
    width: 210px !important;
    min-width: 210px !important;
    padding: 8px !important;
    direction: rtl !important;
    text-align: right !important;
    overflow: visible !important;
  }

  html body #siteHeader .auth-menu a,
  html body #siteHeader .auth-menu-link {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body #siteHeader .auth-menu a span,
  html body #siteHeader .auth-menu-link span {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  /* Exact reference-video search: static neon at rest, a smooth 0.7 s sweep
     on pointer hover/focus. It never needs a click and never spins forever. */
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    position: relative !important;
    isolation: isolate !important;
    flex: 0 0 254px !important;
    width: 254px !important;
    min-width: 254px !important;
    max-width: 254px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

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

  html body #siteHeader .bm-header-search-trigger > .bm-header-search-glow,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-white,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-border,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-dark {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    pointer-events: none !important;
    animation: none !important;
  }

  html body #siteHeader .bm-header-search-trigger > .bm-header-search-glow {
    inset: -4px !important;
    opacity: .42 !important;
    filter: blur(12px) !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-white {
    inset: -1px !important;
    filter: blur(1px) !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-border {
    inset: 1px !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-dark {
    inset: -2px !important;
    filter: blur(1.5px) !important;
  }

  html body #siteHeader .bm-header-search-trigger > .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-white::before,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-border::before,
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-dark::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 420px !important;
    height: 420px !important;
    transform: translate(-50%, -50%) rotate(72deg) !important;
    transform-origin: center !important;
    transition: transform .7s ease !important;
    animation: none !important;
    will-change: transform !important;
  }

  html body #siteHeader .bm-header-search-trigger > .bm-header-search-glow::before {
    background: conic-gradient(#000,#402fb5 7%,#000 38%,#000 50%,#cf30aa 62%,#000 88%) !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-white::before {
    background: conic-gradient(transparent 0%,#a099d8 4%,transparent 10%,transparent 50%,#dfa2da 55%,transparent 61%) !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-border::before {
    background: conic-gradient(#171419,#402fb5 5%,#171419 15%,#171419 50%,#cf30aa 60%,#171419 66%) !important;
  }
  html body #siteHeader .bm-header-search-trigger > .bm-header-search-dark::before {
    background: conic-gradient(transparent,#18116a,transparent 11%,transparent 50%,#6e1b60,transparent 61%) !important;
  }

  html body #siteHeader .bm-header-search-trigger:hover > .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search-trigger:hover > .bm-header-search-white::before,
  html body #siteHeader .bm-header-search-trigger:hover > .bm-header-search-border::before,
  html body #siteHeader .bm-header-search-trigger:hover > .bm-header-search-dark::before,
  html body #siteHeader .bm-header-search-trigger:focus-visible > .bm-header-search-glow::before,
  html body #siteHeader .bm-header-search-trigger:focus-visible > .bm-header-search-white::before,
  html body #siteHeader .bm-header-search-trigger:focus-visible > .bm-header-search-border::before,
  html body #siteHeader .bm-header-search-trigger:focus-visible > .bm-header-search-dark::before {
    transform: translate(-50%, -50%) rotate(220deg) !important;
  }

  html body #siteHeader .bm-header-search-trigger .bm-header-search-content {
    position: absolute !important;
    inset: 3px !important;
    z-index: 2 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    direction: rtl !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg,rgba(7,7,12,.98),rgba(1,2,4,.99)) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    color: #f7f5ff !important;
    box-shadow: none !important;
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body #siteHeader .bm-header-search-trigger .bm-header-search-content svg {
    flex: 0 0 19px !important;
    width: 19px !important;
    height: 19px !important;
    stroke: #c7bfd4 !important;
  }

  html body #siteHeader .bm-header-search-trigger .bm-header-search-label {
    display: block !important;
    min-width: 0 !important;
    max-width: 190px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
}

/* Medium Windows screens: preserve the same grouping and visual rhythm. */
@media (min-width: 1200px) and (max-width: 1539px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 28px) !important;
  }
  html body #siteHeader .logo {
    flex-basis: 142px !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
  }
  html body #siteHeader .bm-header-logo-img {
    width: 142px !important;
    max-width: 142px !important;
    height: 48px !important;
    max-height: 48px !important;
  }
  html body #siteHeader .desktop-nav { gap: 6px !important; }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 10px !important;
    font-size: 13px !important;
  }
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    flex-basis: 230px !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }
  html body #siteHeader .admin-panel-trigger {
    min-width: 118px !important;
    max-width: 128px !important;
    padding-inline: 12px !important;
  }
}

/* Laptop Windows widths: original site behavior—search becomes an icon,
   while all groups still stay on one clean row. */
@media (min-width: 992px) and (max-width: 1199px) {
  html body #siteHeader .header-inner,
  html body #siteHeader.header-admin .header-inner {
    width: calc(100% - 20px) !important;
  }
  html body #siteHeader .logo {
    flex-basis: 122px !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
  }
  html body #siteHeader .bm-header-logo-img {
    width: 122px !important;
    max-width: 122px !important;
    height: 42px !important;
    max-height: 42px !important;
  }
  html body #siteHeader .desktop-nav { gap: 2px !important; }
  html body #siteHeader .desktop-nav-item {
    padding-inline: 7px !important;
    font-size: 12px !important;
  }
  html body #siteHeader .header-actions { gap: 6px !important; }
  html body #siteHeader .admin-panel-trigger { display: none !important; }
  html body #siteHeader .bm-header-search,
  html body #siteHeader .bm-header-search-trigger {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }
  html body #siteHeader .bm-header-search-trigger .bm-header-search-content {
    inset: 2px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  html body #siteHeader .bm-header-search-trigger .bm-header-search-label {
    display: none !important;
  }
  html body #siteHeader .notif-bell {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }
  html body #siteHeader .user-trigger,
  html body #siteHeader .auth-trigger {
    min-width: 62px !important;
    max-width: 82px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding-inline: 10px !important;
  }
  html body #siteHeader .user-trigger span,
  html body #siteHeader .auth-trigger span {
    max-width: 58px !important;
  }
}