/* DohoHub — мобильное меню (бургер). Общее для всех шапок.
   На десктопе кнопка скрыта, nav горизонтальный (как прежде).
   На мобильном (<=700px) nav превращается в выпадающую панель под шапкой. */
.nav-toggle {
  display: none;                /* десктоп: скрыта */
  background: var(--bg3); border: 1px solid var(--border2); border-radius: 8px;
  width: 40px; height: 40px; flex-shrink: 0;
  color: var(--text); font-size: 17px; line-height: 1; cursor: pointer;
  align-items: center; justify-content: center;
  font-family: var(--font-body, inherit); transition: border-color 0.15s, color 0.15s;
}
.nav-toggle:hover { border-color: var(--accent); color: var(--accent); }

@media(max-width: 700px) {
  .nav-toggle { display: flex; order: -1; }   /* видна, слева в header-right */
  /* Вторичные кнопки прячем — шапка не помещается; навигация уходит в бургер */
  .header-right .acct-btn, .header-right .acct-btn-pri,
  .header-right .btn-primary { display: none; }
  .header-inner { gap: 12px; }
  /* Ряд фильтров по странам не переносился и растягивал страницу по горизонтали */
  .filters { flex-wrap: wrap; }
  /* Грид-элементы должны сжиматься: иначе min-width таблицы сравнения (.ctable)
     растягивал колонку и всю страницу по горизонтали вместо скролла внутри .table-wrap */
  .page-layout > *, .main-layout > * { min-width: 0; }
  /* Домен-чекер: input + кнопка не помещались в строку — переносим */
  .domain-row { flex-wrap: wrap; }
  .domain-row .domain-check-btn { flex: 1; }
  header nav {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 200;
    display: none; flex-direction: column; gap: 2px; flex: none;
    background: var(--bg2); border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border2);
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
    padding: 10px 14px; max-height: calc(100vh - 58px); overflow-y: auto;
  }
  header nav.open { display: flex; }
  header nav a { font-size: 15px; padding: 12px 12px; border-radius: 8px; white-space: normal; }

  /* Hover-дропдауны разворачиваем плоско внутри панели */
  header nav .nav-dropdown { position: static; display: block; }
  header nav .nav-dropdown > a::after { content: ''; }
  header nav .nav-dropdown-menu {
    display: block; position: static; border: none; background: transparent;
    box-shadow: none; min-width: 0; padding: 0 0 4px 16px;
  }
  header nav .nav-dropdown-menu a { font-size: 13px; padding: 9px 12px; white-space: normal; }
}