:root {
  --aside-menu-width: 298px;
}

@media (max-width: 1279px) {
  :root {
    --aside-menu-width: 100%;
  }
}
.section-designers__nav {
  position: relative;
  flex-shrink: 0;
  flex-basis: calc(var(--aside-menu-width) + (100% - var(--container-width)) / 2);
}
.section-designers__nav .aside-menu {
  position: relative;
  width: var(--aside-menu-width);
  margin-left: auto;
}
@media (max-width: 1279px) {
  .section-designers__nav .aside-menu {
    margin-left: 0;
    flex-direction: row;
    gap: var(--gap-sm);
  }
}
.section-designers__nav .aside-menu-item__title {
  font-weight: 600;
  font-family: var(--title-font-family);
}
.section-designers__nav .aside-menu-submenu {
  font-size: 13px;
}
@media (max-width: 1279px) {
  .section-designers__nav .aside-menu-submenu {
    display: none;
  }
}
@media (max-width: 1399px) {
  .section-designers__nav {
    flex-basis: var(--aside-menu-width);
  }
}

.designers-menu-L1 > .aside-menu-link {
  background: var(--grey300);
  color: var(--base-color);
}
.designers-menu-L1 > .aside-menu-link:hover {
  background-color: var(--primary);
}
.designers-menu-L1 > .aside-menu-link:hover .aside-menu-item__title {
  color: var(--primary-inverse);
}
.designers-menu-L1 > .aside-menu-link:hover .aside-menu-item__desc {
  color: var(--grey300);
}
.designers-menu-L1 > .aside-menu-link:hover .aside-menu-icon {
  filter: invert(1) brightness(1.5);
}
@media (max-width: 1279px) {
  .designers-menu-L1 > .aside-menu-link {
    height: 100%;
    box-sizing: border-box;
  }
}

.designers-menu-L1.active > .aside-menu-link {
  background: var(--primary);
  color: #fff;
}
.designers-menu-L1.active > .aside-menu-link .aside-menu-icon {
  filter: invert(1) brightness(1.5);
}

.designers-menu-L1 > .aside-menu-submenu {
  padding-left: 12px;
}

.designers-menu-L2 > .aside-menu-submenu {
  padding-top: 0;
  padding-left: calc(var(--aside-menu-icon-level2) + var(--gap-xs));
}