/* Keep the shared header compact without changing the mobile menu layout. */
#root .ref-header{
  transition:transform .25s ease,box-shadow .25s ease;
  will-change:transform;
}
#root .ref-header.is-scroll-hidden{
  transform:translateY(-100%);
  box-shadow:none;
}
@media(min-width:761px){
  #root .ref-header{height:auto}
  #root .ref-header .ref-announcement,
  #root .ref-header .ref-announcement-inner{min-height:26px}
  #root .ref-header .ref-announcement,
  #root .ref-header .ref-announcement-inner>div{font-size:13px}
  #root .ref-header .ref-announcement-item{gap:6px;padding-inline:12px}
  #root .ref-header .ref-announcement-item svg{width:19px;height:19px;padding:3px}
  #root .ref-header .ref-main-inner,
  #root:has(.cd2) .ref-header .ref-main-inner{min-height:68px}
  #root .ref-header .ref-logo{height:53px}
  #root .ref-header .ref-logo-mark{width:32px;height:36px}
  #root .ref-header .ref-logo-word b{font-size:19px}
  #root .ref-header .ref-logo-word small{font-size:10px}
  #root .ref-header .ref-search{height:42px}
  #root .ref-header .ref-search select,
  #root .ref-header .ref-search input{font-size:15px}
  #root .ref-header .ref-header-actions>a{font-size:13px}
  #root .ref-header .ref-header-actions small{font-size:11px}
  #root .ref-header .ref-header-actions b{font-size:14px}
  #root .ref-header .ref-hotline-icon svg{width:23px;height:23px}
  #root .ref-header .ref-nav-bar,
  #root:has(.cd2) .ref-header .ref-nav-bar{height:40px}
  #root .ref-header .ref-nav-inner nav a,
  #root .ref-header .ref-category-control>button{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  #root .ref-header{transition:none}
}