/* The original theme wraps its six-item menu. The shared seven-item menu needs
   a smaller gap while keeping the existing mobile meanmenu breakpoint. */
@media (min-width: 992px) {
  .header-area .header__main { flex-wrap: nowrap; gap: 16px; }
  .header-area .header__main .logo { flex: none; }
  .header-area .header__main .main-menu ul { gap: clamp(8px, 1.1vw, 20px); }
  .header-area .header__main .main-menu ul li a { font-size: clamp(12px, .82vw, 14px); white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-area .header__main .logo img { max-width: 135px; height: auto; }
  .header-area .header__main .main-menu ul { gap: 6px; }
  .header-area .header__main .main-menu ul li a { font-size: 12px; }
}