/* Shared header search; the existing brand dimensions stay with the theme. */
#header.ut-search-header > .container { position:relative; gap:12px; }
#header .ut-header-search { display:flex; align-items:center; flex:none; height:44px; margin:0; line-height:normal; color:#666; }
#header .ut-search-toggle { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; flex:none; }
#header .ut-search-toggle svg { width:23px; height:23px; }
#header .ut-search-toggle:hover { color:#333; }
#header .ut-search-field { width:160px; margin-left:4px; }
#header .ut-search-field[hidden] { display:none; }
#header .ut-search-field input { box-sizing:border-box; display:block; width:100%; height:38px; padding:0 8px; border:1px solid #b8b8b8; border-radius:0; outline:none; background:#fff; color:#444; font:14px/38px "Microsoft YaHei",sans-serif; }
#header .ut-search-field input::placeholder { color:#777; }
#header .ut-search-field input:focus { border-color:#666; }
#header .ut-search-toggle:focus-visible { outline:2px solid #666; outline-offset:-5px; border-radius:3px; }
#header .ut-search-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (min-width:881px) {
  #header.ut-search-header #mainnav { display:block !important; margin-left:auto; }
  #header.ut-search-header #mainnav > .menu { display:flex; }
  #header.ut-search-header #mainnav > .menu > li { flex:none; float:none; }
  #header.ut-search-header #mainnav > .menu > li > p > a { white-space:nowrap; transition:color .18s,border-color .18s; }
  #header.ut-search-header.is-search-open #mainnav > .menu > li > p > a { padding-left:4px; padding-right:4px; width:auto; }
}
@media (min-width:1200px) {
  #header.ut-search-header > .container { max-width:calc(100% - 32px); }
}
@media (min-width:881px) and (max-width:1199px) {
  #header.ut-search-header > .container { gap:6px; }
  #header.ut-search-header #mainnav > .menu > li > p > a,
  #header.ut-search-header.is-search-open #mainnav > .menu > li > p > a { font-size:14px; padding-left:0; padding-right:0; }
  #header.ut-search-header .ut-search-field { width:120px; }
}
@media (max-width:880px) {
  #header.ut-search-header > .container { gap:6px; }
  #header.ut-search-header .btn_menu_wrap { order:4; margin-left:0; }
  #header.ut-search-header .ut-header-search { order:3; margin-left:auto; }
  #header.ut-search-header.is-search-open .logo { visibility:hidden; }
  #header.ut-search-header.is-search-open .ut-header-search { position:absolute; left:0; right:46px; top:50%; transform:translateY(-50%); background:#fff; }
  #header.ut-search-header.is-search-open .ut-search-field { flex:1; width:auto; min-width:0; }
}