/* Keep the shared header in one row and reserve its height above the banner. */
#page > .header { position: sticky; top: 0; }
.header .header-box > .m-width-content { max-width: 1440px; }
.header .logo-nav-search-lan {
  --logo-width: 252px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 100px;
  box-sizing: border-box;
}
.header .logo-nav-search-lan::before,
.header .logo-nav-search-lan::after,
.header .nav-search-lan::before,
.header .nav-search-lan::after { display: none; }
.header .logo-nav-search-lan .logo {
  float: none; margin: 0; padding: 0;
  flex: 0 1 var(--logo-width);
  width: var(--logo-width); min-width: 0;
}
.header .logo a { width: 100%; }
.header .logo-nav-search-lan .logo a img {
  width: 100% !important; height: auto !important;
  max-width: 100%; object-fit: contain;
}
.header .logo-nav-search-lan .nav-search-lan {
  float: none; display: flex; align-items: center; flex: 0 0 auto;
}
.header .logo-nav-search-lan .nav-search-lan .nav-box { float: none; }
.header .logo-nav-search-lan .nav-search-lan .search-lan {
  float: none; flex-wrap: nowrap; align-items: center;
}
.header .logo-nav-search-lan .nav-search-lan .search-lan .search { padding: 0; }
.header .tp-lang-wrapper { margin-top: 0 !important; }
.header .btn-nav { display: none; }
@media (max-width: 1440px) {
  .header .logo-nav-search-lan { --logo-width: 174.46px; }
}
@media (max-width: 1000px) {
  .header .logo-nav-search-lan { min-height: 74px; gap: 12px; padding-right: 50px; }
  .header .logo-nav-search-lan .nav-search-lan .search-lan { padding-right: 0; margin-left: 0; }
  .header .btn-nav { display: block; top: 50%; transform: translateY(-50%); padding: 0; }
}
@media (max-width: 780px) {
  .header .logo-nav-search-lan { --logo-width: 126px; }
}