/* navtree-js.css */
/* [Не проверено] Переопределения рассчитаны на структуру классов nav-tree_* */

@media (min-width: 1281px) {
  /* Открываем меню не через :hover, а через класс .js-open */
  .nav-tree-main-block {
    display: none;
    opacity: 0;
    z-index: 1;
  }

  .nav-main_tree.js-open > .nav-tree-main-block {
    display: block !important;
    opacity: 1 !important;
    z-index: 200 !important;
  }

  /* Позиционирование уровней рядом (без наезда на правый край/скроллбар) */
  .nav-tree_level-two,
  .nav-tree_level-three {
    left: 100% !important;
  }

  /* Отступ делаем внутри контейнера, чтобы не было "пустой полосы" */
  .nav-tree_level-two { padding-left: 10px; }
  .nav-tree_level-three { padding-left: 10px; }

  .nav-tree_level-two nav,
  .nav-tree_level-three nav {
    margin-left: 0 !important;
  }

  /* Показываем уровни по JS-классу */
  .nav-tree_level-two,
  .nav-tree_level-three {
    display: none;
    opacity: 0;
  }

  .nav-tree_level-one-item.js-active > .nav-tree_level-two {
    display: block !important;
    opacity: 1 !important;
    z-index: 200 !important;
  }

  .nav-tree_level-two-item.js-active > .nav-tree_level-three {
    display: block !important;
    opacity: 1 !important;
    z-index: 2 !important;
  }
}