/* Home header only: keep category names intact and use the drawer when needed. */
.home-page #header-mount .site-header {
  gap: 20px;
  min-height: 72px;
  height: auto;
  padding: 12px 20px;
}
.home-page #header-mount .logo { flex: 0 0 auto; }
.home-page #header-mount .logo img { max-width: 140px; object-fit: contain; }
.home-page #header-mount .main-nav {
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
.home-page #header-mount .main-nav a,
.home-page #header-mount .main-nav button {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  padding: 10px 9px;
  line-height: 1.4;
}
.home-page #header-mount .header-icons { flex: 0 0 auto; gap: 8px; margin-left: auto; }
.home-page #header-mount .header-icons .icon-link,
.home-page #header-mount .header-icons .menu-toggle { width: 44px; height: 44px; flex-shrink: 0; }
.home-page #header-mount .mobile-nav-panel { overflow-y: auto; overscroll-behavior: contain; }
.home-page #header-mount .mobile-nav-head { flex-shrink: 0; }
.home-page #header-mount #mobile-nav-close { min-width: 44px; min-height: 44px; }
.home-page #header-mount .site-header.home-nav-compact .main-nav { display: none; }
.home-page #header-mount .site-header.home-nav-compact .menu-toggle { display: flex; }
/* Temporary synchronous measurement also works while the real nav is hidden. */
.home-page #header-mount .site-header .main-nav.home-nav-measuring {
  display: flex !important; position: absolute; visibility: hidden;
  width: max-content; max-width: none; pointer-events: none;
}
@media (min-width: 1025px) {
  .home-page #header-mount .site-header { width: calc(100% - 48px); max-width: 1440px; margin: 16px auto; }
  .home-page #header-mount .site-search { max-width: 1440px; width: calc(100% - 48px); }
}
@media (max-width: 1024px) {
  .home-page #header-mount .site-header { min-height: 68px; padding: 10px 16px; gap: 12px; }
}
@media (max-width: 360px) {
  .home-page #header-mount .site-header { padding-inline: 12px; }
  .home-page #header-mount .logo { font-size: 18px; }
}