/* Ozin: reliable header interactions and readable sticky/mobile branding. */
#cms-header .site-navigation { pointer-events: auto; }
#cms-header.header-sticky-show .cms-header-main > .cms-header-change,
#cms-header.header-sticky-show .site-tools > .cms-header-change {
  background: #fff; backdrop-filter: none; color: #222;
}
#cms-header.header-sticky-show .site-logo img { filter: brightness(0); }
@media (max-width: 1024px) {
  #cms-header-wrap { position: relative !important; z-index: 99990; }
  #cms-header { position: fixed !important; inset: 0 0 auto !important; width: 100%;
    margin: 0 !important; padding: 12px 0 !important; transform: none !important;
    visibility: visible !important; opacity: 1 !important; z-index: 99991;
    background: #fff !important; color: #222 !important; box-shadow: 0 2px 14px #00000012; }
  #cms-header .cms-header-main { position: relative; padding: 0 20px !important;
    align-items: center !important; gap: 12px !important; }
  #cms-header .cms-header-main > .cms-header-change { padding: 0 !important;
    background: transparent !important; backdrop-filter: none !important; box-shadow: none !important; }
  #cms-header .site-branding { height: 48px; display: flex; align-items: center; }
  #cms-header .site-logo { display: flex; align-items: center; }
  #cms-header .site-logo img { width: 135px; height: auto; max-height: 36px;
    object-fit: contain; filter: brightness(0); }
  #cms-header .site-tools { display: flex !important; position: relative; flex: 0 0 48px; }
  #cms-header .site-tools > .cms-header-change { height: 48px; min-height: 48px;
    padding: 0 !important; background: transparent !important; backdrop-filter: none !important;
    box-shadow: none !important; }
  #cms-header #main-menu-mobile { display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; cursor: pointer; color: #222 !important; }
  #cms-header #main-menu-mobile svg { width: 22px; height: 18px; }
  #cms-header #main-menu-mobile svg path { fill: currentColor; }
  #cms-header .site-navigation { position: absolute !important; left: 12px !important;
    right: 12px !important; top: calc(100% + 12px) !important; width: auto !important;
    background: #fff !important; backdrop-filter: none !important;
    max-height: calc(100dvh - 96px); overflow-y: auto; overscroll-behavior: contain;
    pointer-events: none; }
  #cms-header .site-navigation.navigation-open { pointer-events: auto; z-index: 100; }
  #cms-header .site-navigation .cms-menu-link { color: #222 !important; min-height: 48px; }
  #cms-header .site-navigation .cms-menu-link:hover,
  #cms-header .site-navigation .cms-menu-link.active { color: #ff4400 !important; }
  #cms-header #main-menu-mobile:focus-visible { outline: 2px solid #ff4400; outline-offset: 2px; }
  html { scroll-padding-top: 84px; }
}