/* ─────────────────────────────────────────
   BLOCK: catalog-menu
   Мегаменю-каталог. Открывается по клику
   на кнопку «Оборудование» в шапке.
   Открыт/закрыт через модификатор --open.
   border-radius: 0 везде.
───────────────────────────────────────── */

/* ── Оверлей — затемняет только контент ниже шапки ── */
.catalog-menu__overlay {
  display: none;
  position: fixed;
  top: 145px; /* ниже top-bar + шапки, не накрывает их */
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 200;
}

/* ── Панель каталога ── */
.catalog-menu {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 145px; /* вплотную под шапкой */
  z-index: 201;
  background: #fff;
}

/* ── Модификатор: открыто ── */
.catalog-menu--open,
.catalog-menu--open ~ .catalog-menu__overlay,
.catalog-menu__overlay--open {
  display: block;
}

/* ── Внутренний контейнер: три колонки ── */
.catalog-menu__inner {
  display: grid;
  grid-template-columns: 380px 1fr 1fr;
  min-height: 420px;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
    /* Перекрываем поведение класса .container — каталог растягивается на всю ширину */
  max-width: 100%;
  padding: 0;
  margin: 0;
}

/* ─────────────────────────────────────────
   ELEMENT: catalog-menu__col
───────────────────────────────────────── */
.catalog-menu__col {
  padding: 30px 52px;
}

/* Левая колонка — серый фон */
.catalog-menu__col--left {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Центральная и правая колонки */
.catalog-menu__col--center,
.catalog-menu__col--right {
  background: #f5f6f7;
}

/* ─────────────────────────────────────────
   ELEMENT: catalog-menu__category
   Пункт левой колонки
───────────────────────────────────────── */
.catalog-menu__category {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #374151;
  text-decoration: none;
  padding: 6px 8px;
  line-height: 1.4;
  cursor: pointer;
  transition: color 0.15s;
}
.catalog-menu__category:hover { color: var(--purple); }

/* Модификатор: активный пункт */
.catalog-menu__category--active {
  color: var(--purple);
  font-weight: 500;
}

/* Стрелка у активного пункта */
.catalog-menu__category-arrow {
  height: 10px;
  width: auto;
}

/* ─────────────────────────────────────────
   ELEMENT: catalog-menu__link
   Ссылка в центральной и правой колонках
───────────────────────────────────────── */
.catalog-menu__link {
  display: block;
  font-size: 14px;
  color: #374151;
  text-decoration: none;
  padding: 8px 0;
  line-height: 1.4;
  transition: color 0.15s;
}
.catalog-menu__link:hover { color: var(--purple); }