.header-fixed .slam-menu {
  top: 90px; }

.header-catalog {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); }
  @media (min-width: 1100px) {
    .header-catalog.preloader-block:after {
      position: fixed;
      z-index: 100;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      opacity: 1;
      content: '';
      background-color: rgba(0, 0, 0, 0.5); }
    .header-catalog.preloader-block:before {
      position: fixed;
      z-index: 500;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 30px;
      content: '';
      transform: translate(-50%, -50%);
      animation-name: rotate;
      animation-duration: .6s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      border: 2px solid #eee;
      border-top-color: var(--theme-base-color);
      border-radius: 100%; }
    @keyframes rotate {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(360deg); } }
    .header-catalog.active .slam-menu {
      z-index: 110;
      top: 0;
      visibility: visible;
      opacity: 1;
      pointer-events: all;
      box-shadow: 0px 4px 10px 0px #00000029; } }
  @media (max-width: 1099px) {
    .header-catalog {
      display: none; } }

@media (min-width: 1100px) {
  .slam-menu {
    position: absolute;
    z-index: -1;
    top: 40px;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: top .3s ease;
    pointer-events: none;
    background: linear-gradient(90deg, #f2f1f0 0%, white 100%); }
    .slam-menu .nav-banner {
      position: absolute;
      top: 50%;
      right: 0;
      width: 21%;
      overflow: hidden;
      margin-right: 6rem;
      transform: translateY(-50%); }
    .slam-menu .container {
      position: relative;
      min-height: 59.6rem; }
    .slam-menu .nav-list {
      width: 30%;
      height: 100%;
      min-height: 59.6rem;
      max-height: calc(100vh - 12rem);
      overflow: auto;
      overflow-y: auto;
      margin: 0;
      padding: 3.2rem 1.6rem 3.2rem 0;
      background-color: #F2F1F0; } }
    @media (min-width: 1100px) and (min-width: 1100px) {
      .slam-menu .nav-list::-webkit-scrollbar {
        width: 13px; } }
    @media (min-width: 1100px) and (min-width: 1100px) {
      .slam-menu .nav-list::-webkit-scrollbar-thumb {
        background-image: -webkit-linear-gradient(right, transparent, transparent 8px, #e7e7e8 8px, #e7e7e8 13px, transparent 13px);
        background-image: linear-gradient(to right, transparent, transparent 8px, #e7e7e8 8px, #e7e7e8 13px, transparent 13px); } }

@media (min-width: 1100px) {
      .slam-menu .nav-list::-webkit-scrollbar-thumb:hover {
        background-image: -webkit-linear-gradient(right, transparent, transparent 5px, #969696 5px, #969696 12px, transparent 12px);
        background-image: linear-gradient(to right, transparent, transparent 5px, #969696 5px, #969696 12px, transparent 12px); }
    .slam-menu .nav-item {
      display: flex;
      margin-bottom: 1.6rem;
      padding: 0; }
      .slam-menu .nav-item .nav-toggle {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        justify-content: center;
        transition: all .3s ease;
        transform: rotate(-90deg);
        fill: #AEB6BE; }
      .slam-menu .nav-item.active .nav-lvl2 {
        display: flex; }
      .slam-menu .nav-item.active .nav-toggle {
        fill: var(--theme-base-color); }
      .slam-menu .nav-item.active .nav-link {
        color: var(--theme-base-color); }
    .slam-menu .nav-link {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: .8rem 0;
      transition: color .3s ease;
      color: #1A1A1A;
      font-weight: 600; } }
    @media (min-width: 1100px) and (hover: hover) {
      .slam-menu .nav-link:hover {
        color: var(--theme-base-color); } }

@media (min-width: 1100px) {
      .slam-menu .nav-link .nav-item-img-wrap {
        width: 4rem;
        height: 4rem;
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: center;
        margin-right: 1.2rem; }
        .slam-menu .nav-link .nav-item-img-wrap img {
          max-width: 100%;
          max-height: 100%; }
    .slam-menu .nav-item-name {
      flex-grow: 1; }
    .slam-menu .nav-lvl2 {
      position: absolute;
      z-index: 2;
      top: 0;
      left: calc(6rem + (100% - 6rem * 2) * .3);
      width: calc((100% - 6rem * 2) * .7);
      height: 100%;
      display: none;
      overflow: hidden;
      overflow-y: auto;
      flex-direction: column;
      padding: 2.4rem 0 2.4rem 2.4rem;
      padding-right: 6rem;
      background-color: #fff; } }
    @media (min-width: 1100px) and (min-width: 1100px) {
      .slam-menu .nav-lvl2::-webkit-scrollbar {
        width: 13px; } }
    @media (min-width: 1100px) and (min-width: 1100px) {
      .slam-menu .nav-lvl2::-webkit-scrollbar-thumb {
        background-image: -webkit-linear-gradient(right, transparent, transparent 8px, #e7e7e8 8px, #e7e7e8 13px, transparent 13px);
        background-image: linear-gradient(to right, transparent, transparent 8px, #e7e7e8 8px, #e7e7e8 13px, transparent 13px); } }

@media (min-width: 1100px) {
      .slam-menu .nav-lvl2::-webkit-scrollbar-thumb:hover {
        background-image: -webkit-linear-gradient(right, transparent, transparent 5px, #969696 5px, #969696 12px, transparent 12px);
        background-image: linear-gradient(to right, transparent, transparent 5px, #969696 5px, #969696 12px, transparent 12px); }
      .slam-menu .nav-lvl2:has(.nav-banner) {
        padding-right: calc(15% + 6rem); }
    .slam-menu .nav-lvl2-list {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: block;
      padding: 2.4rem 0;
      column-count: 3; }
    .slam-menu .nav-lvl2-item-title {
      font-weight: 400; }
    .slam-menu .nav-lvl2-item {
      display: block;
      padding: 0;
      break-inside: avoid-column;
      page-break-inside: avoid;
      margin-bottom: 2.4rem; }
      .slam-menu .nav-lvl2-item .nav-lvl2-link {
        display: block;
        padding: 0;
        font-size: clamp(1.1rem, 1.1vw, 1.8rem); } }
      @media (min-width: 1100px) and (hover: hover) {
        .slam-menu .nav-lvl2-item .nav-lvl2-link:hover .nav-lvl2-item-name {
          color: var(--theme-base-color); } }

@media (min-width: 1100px) {
        .slam-menu .nav-lvl2-item .nav-lvl2-link:active .nav-lvl2-item-name {
          color: var(--theme-base-color-dark); }
        .slam-menu .nav-lvl2-item .nav-lvl2-link .nav-lvl2-item-name {
          transition: color .3s ease;
          color: #1A1A1A;
          font-weight: 600; }
        .slam-menu .nav-lvl2-item .nav-lvl2-link .nav-toggle {
          display: none !important; }
    .slam-menu .nav-lvl3 {
      position: relative;
      z-index: 15;
      display: block; }
      .slam-menu .nav-lvl3-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 1.6rem;
        padding: 0;
        gap: 1.2rem;
        list-style: none; }
      .slam-menu .nav-lvl3-link {
        max-width: fit-content;
        display: block;
        padding: 0;
        font-size: clamp(0.8rem, 0.9vw, 1.4rem); } }
      @media (min-width: 1100px) and (hover: hover) {
        .slam-menu .nav-lvl3-link:hover .nav-lvl3-item-name {
          color: var(--theme-base-color); } }

@media (min-width: 1100px) {
        .slam-menu .nav-lvl3-link:active .nav-lvl3-item-name {
          color: var(--theme-base-color-dark); } }