.sub-tabs-responsive-wrap {
      padding-right: 0;
    }

    .sub-tabs-responsive-item {
      flex: 0 0 auto;
      min-width: 0;
    }

    .sub-tabs-responsive-control {
      justify-content: center;
      text-align: center;
      width: auto;
    }

    .sub-tabs-responsive-control.sub-tabs-live-control.is-active {
      border-bottom-color: var(--additional-dull-red, #e30513);
    }

    .sub-tabs-overflow-menu {
      left: 12px;
      margin-top: 0;
      max-height: calc(100vh - var(--sub-tabs-overflow-menu-top, 96px) - 12px);
      max-width: none;
      min-width: 0;
      overflow-y: auto;
      position: fixed;
      right: 12px;
      top: var(--sub-tabs-overflow-menu-top, 96px);
      width: auto;
    }

    /* до 768px вкладки не прячем в «Другое», а показываем лентой со свайпом */
    @media (max-width: 767px) {
      .sub-tabs-responsive-wrap > ul {
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
      }

      .sub-tabs-responsive-wrap > ul::-webkit-scrollbar {
        display: none;
      }

      .sub-tabs-responsive-item {
        scroll-snap-align: start;
      }

      /* на мобилке лента должна читаться как навигация, а не как подпись:
         крупнее кегль, тап-зона 44px, контрастнее неактивные вкладки */
      .sub-tabs-responsive-wrap .sub-tabs-responsive-control {
        border-bottom-width: 3px;
        min-height: 44px;
        padding: 0.625rem 0.875rem;
      }

      /* замер держим синхронно с реальной вкладкой, иначе поедет расчёт «Другое» */
      .sub-tabs-responsive-wrap .sub-tabs-responsive-control .body-semibold,
      [data-tab-measure] .body-semibold {
        font-size: 14px;
        line-height: 18px;
      }

      .sub-tabs-responsive-wrap .sub-tabs-responsive-control:not(.is-active) {
        color: var(--text-tetriary);
      }

      .sub-tabs-responsive-wrap .sub-tabs-responsive-control.is-active {
        color: var(--text-dark-grey);
      }
    }

    @media (min-width: 768px) {
      [data-sub-tabs-pending] > .sub-tabs-responsive-wrap {
        visibility: hidden;
      }

      .sub-tabs-responsive-wrap {
        padding-right: 1rem;
      }

      .sub-tabs-overflow-menu {
        left: auto;
        margin-top: 0.5rem;
        max-height: none;
        max-width: 260px;
        min-width: 200px;
        overflow-y: visible;
        position: absolute;
        right: 0;
        top: 100%;
        width: max-content;
      }
    }