@charset "UTF-8";
.header-fixed .slam-menu {
  top: 5px; }

.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 #DEDFE8;
      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 rgba(0, 0, 0, 0.16); } }
  @media (max-width: 1099px) {
    .header-catalog {
      display: none; } }

@media (min-width: 1100px) {
  .slam-menu {
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: top .3s ease;
    pointer-events: none;
    background-color: #F0F2F6; }
    .slam-menu .catalog-banner {
      position: absolute;
      top: 24px;
      right: 10px;
      width: 24%;
      overflow: hidden; }
    .slam-menu .container {
      position: relative; }
    .slam-menu .nav-list {
      width: 30%;
      height: 100%;
      min-height: 560px;
      max-height: calc(100vh -  var(--headerStickyHeight) - 180px);
      overflow: auto;
      overflow-y: auto;
      margin: 0;
      padding: 32px 16px 32px 0; }
      .slam-menu .nav-list::-webkit-scrollbar {
        width: 4px;
        /* ширина для вертикального скролла */
        height: 4px;
        /* высота для горизонтального скролла */
        border-radius: 8px;
        background-color: #DEDFE8;
        cursor: pointer; } }
      @media (min-width: 1100px) and (max-width: 767px) and (hover: none) and (pointer: coarse) {
        .slam-menu .nav-list::-webkit-scrollbar {
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .slam-menu .nav-list::-webkit-scrollbar::-webkit-scrollbar {
            display: none; } }

@media (min-width: 1100px) {
      .slam-menu .nav-list::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #AEB6BE; }
        .slam-menu .nav-list::-webkit-scrollbar-thumb:hover {
          background-color: #9A9CA1; }
    .slam-menu .nav-item {
      display: flex;
      margin-bottom: 20px;
      padding: 0;
      min-height: 40px; }
      .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-accent-color); }
      .slam-menu .nav-item.active .nav-link {
        color: var(--theme-accent-color); }
    .slam-menu .nav-link {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      transition: color .3s ease;
      color: #333333;
      font-weight: 600; } }
    @media (min-width: 1100px) and (hover: hover) {
      .slam-menu .nav-link:hover {
        color: var(--theme-accent-color); } }

@media (min-width: 1100px) {
      .slam-menu .nav-link .nav-item-img-wrap {
        width: 56px;
        height: 56px;
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: center; }
        .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(10px + (100% - 10px * 2) * .3);
      width: calc((100% - 10px * 2) * .7);
      height: 100%;
      display: none;
      overflow: hidden;
      overflow-y: auto;
      flex-direction: column;
      padding: 24px 0 24px 24px;
      background-color: #fff; } }
    @media (min-width: 1100px) and (max-width: 1559px) {
      .slam-menu .nav-lvl2 {
        padding: 24px 0 24px 16px; } }
    @media (min-width: 1100px) and (min-width: 1100px) {
      .slam-menu .nav-lvl2::-webkit-scrollbar {
        width: 12px; } }
    @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 12px, transparent 12px);
        background-image: linear-gradient(to right, transparent, transparent 8px, #e7e7e8 8px, #e7e7e8 12px, transparent 12px); } }

@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:after {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        right: -20vw;
        left: 0;
        height: 100%;
        content: '';
        background-color: #fff; }
      .slam-menu .nav-lvl2:has(.catalog-banner) {
        padding-right: calc(14% + 60px); } }
      @media (min-width: 1100px) and (max-width: 1249px) {
        .slam-menu .nav-lvl2:has(.catalog-banner) .nav-lvl2-list {
          column-count: 2; } }

@media (min-width: 1100px) {
    .slam-menu .nav-lvl2-list {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: block;
      margin-top: 24px;
      padding: 0 10px 0 0;
      column-count: 3; }
    .slam-menu .nav-lvl2-item-title {
      font-weight: 600; }
    .slam-menu .nav-lvl2-item {
      display: block;
      padding: 0;
      break-inside: avoid-column;
      page-break-inside: avoid;
      margin-bottom: 24px; }
      .slam-menu .nav-lvl2-item .nav-lvl2-link {
        display: block;
        padding: 0; } }
      @media (min-width: 1100px) and (hover: hover) {
        .slam-menu .nav-lvl2-item .nav-lvl2-link:hover .nav-lvl2-item-name {
          color: var(--theme-accent-color); } }

@media (min-width: 1100px) {
        .slam-menu .nav-lvl2-item .nav-lvl2-link:active .nav-lvl2-item-name {
          color: var(--theme-accent-color-dark); }
        .slam-menu .nav-lvl2-item .nav-lvl2-link .nav-lvl2-item-name {
          transition: color .3s ease;
          color: #333333;
          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: 16px;
        padding: 0;
        gap: 12px;
        list-style: none; }
      .slam-menu .nav-lvl3-link {
        max-width: fit-content;
        display: block;
        padding: 0; }
        .slam-menu .nav-lvl3-link .nav-lvl3-item-name {
          transition: color .3s ease; } }
      @media (min-width: 1100px) and (hover: hover) {
        .slam-menu .nav-lvl3-link:hover .nav-lvl3-item-name {
          color: var(--theme-accent-color); } }

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