.sub-sub-sub-menu-catalog {
  position: absolute;
  top: 0;
  left: 48%;
  width: 51%;
  height: 100%;
  display: none;
  z-index: 60;
  background: #aadcff;
  border-left: 2px solid #ffffff;
  padding: 40px 60px;
  overflow-y: auto;
}

.sub-sub-sub-menu-catalog::before {
  content: '';
  position: absolute;
  left: -100px;
  top: 26px;
  width: 20px;
  height: 20px;
  background: #aadcff;
  transform: rotate(45deg);
  z-index: 2;
}

.sub-sub-sub-menu-catalog > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sub-sub-sub-menu-catalog > ul > li {
  margin: 0 0 12px;
}

.sub-sub-sub-menu-catalog > ul > li > a {
  color: #1c2d4a;
  text-decoration: none;
  font-family: 'Fira Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
}

.sub-sub-sub-menu-catalog > ul > li > a:hover {
  color: #0097e9;
}

.sub-sub-menu-catalog > .row > .col-xs-6:first-child {
  position: relative;
}

.sub-sub-sub-bridge-zone {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  background: transparent;
  z-index: 5;
}

.sub-sub-menu-catalog > .row > .col-xs-6:first-child ul > li {
  position: relative;
}

/* Пока открыто 3-е подменю, держим «hover» у пункта 2-го уровня (курсор на панели / мостике) */
.sub-sub-menu-catalog.sub-sub-sub-open
  > .row
  > .col-xs-6:first-child
  ul
  > li.sub-sub-menu-last-hover.has-third-level
  > a,
.sub-sub-menu-catalog.sub-sub-sub-open
  > .row
  > .col-xs-6:first-child
  ul
  > li.sub-sub-menu-last-hover.has-third-level
  > a
  span {
  color: #0097e9;
}

.sub-sub-menu-catalog
  > .row
  > .col-xs-6:first-child
  ul
  > li
  > ul.sub-sub-sub-menu-list {
  display: none;
}

.sub-sub-menu-catalog
  > .row
  > .col-xs-6:first-child
  ul
  > li.has-third-level:hover::after,
.sub-sub-menu-catalog:has(.sub-sub-sub-menu-catalog:hover)
  > .row
  > .col-xs-6:first-child
  ul
  > li.sub-sub-menu-last-hover.has-third-level::after,
.sub-sub-menu-catalog:has(.sub-sub-sub-bridge-zone:hover)
  > .row
  > .col-xs-6:first-child
  ul
  > li.sub-sub-menu-last-hover.has-third-level::after {
  content: '';
  position: absolute;
  right: calc(-52px - max(0px, (1250px - 100vw) / 40));
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  background: #aadcff;
  z-index: 70;
}

.sub-sub-menu-catalog.sub-sub-sub-open .sub-sub-sub-menu-catalog,
.sub-sub-menu-catalog.sub-sub-sub-open .sub-sub-sub-menu-catalog:hover {
  display: block;
}