/* Native sticky positioning preserves the page flow and the existing menu (#362). */
body.mec-site-ui #header.mec-sticky-header {
  position: sticky;
  top: calc(var(--mec-header-admin-offset, 0px) - var(--mec-header-hidden-height, 0px));
  z-index: 1000;
  background: var(--mec-surface, #fff);
  box-shadow: 0 4px 16px #19222e14;
}
body.mec-site-ui #header .header_top_bar { font-family: var(--mec-ui-font); }
@media (min-width: 960px) {
  body.mec-site-ui #header .stm_menu_toggler { display: none; }
}
/* Popups remain above sticky navigation, while their own close controls stay usable. */
@media (max-width: 959px) {
  body.mec-site-ui #header.mec-sticky-header .header_default.header_4 .logo-unit { flex: 1 1 100%; height: 72px !important; gap: 6px; }
  body.mec-site-ui #header.mec-sticky-header .header_default.header_4 .logo-unit > a { flex: 0 0 56px; }
  body.mec-site-ui #header.mec-sticky-header .header_default.header_4 .logo-unit img { width: 56px !important; height: 56px !important; max-height: 56px !important; }
  body.mec-site-ui #header.mec-sticky-header .mec-account-controls { flex: 1; justify-content: flex-end; order: 0; gap: 2px; padding: 0; border: 0; }
  body.mec-site-ui #header.mec-sticky-header .mec-account-controls :is(a, button) { padding: 9px 6px; font-size: 12px; }
  body.mec-site-ui #header.mec-sticky-header .mec-account-controls .mec-theme-toggle { padding: 9px; }
  body.mec-site-ui #header.mec-sticky-header .stm_menu_toggler { flex: 0 0 36px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--mec-ink, #19222e); cursor: pointer; }
  body.mec-site-ui #header.mec-sticky-header .stm_menu_toggler::before { display: inline-block; margin: 0; content: '\f039'; font-family: 'Font Awesome 6 Free'; font-size: 18px; font-weight: 900; line-height: 1; }
  body.mec-site-ui #header.mec-sticky-header .stm_menu_toggler::after { display: none; }
  body.mec-site-ui #header.mec-sticky-header .header_bottom { display: none; }
  body.mec-site-ui #header.mec-sticky-header .header_bottom.active { display: block; max-height: calc(100dvh - var(--mec-header-hidden-height, 0px) - var(--mec-header-visible-height, 96px) - var(--mec-header-admin-offset, 0px)); overflow-y: auto; overscroll-behavior: contain; }
}
@media print {
  body.mec-site-ui #header.mec-sticky-header { position: static; box-shadow: none; }
}