@media screen and (max-width: 1200px) {
  /* === 1) Убираем внутренний скролл === */
  #rec862670230 .mySimplebar,
  #rec862670230 .simplebar-wrapper,
  #rec862670230 .simplebar-mask,
  #rec862670230 .simplebar-content-wrapper {
    overflow: visible !important;
  }

  #rec862670230 .t-store__parts-switch-wrapper .simplebar-content {
    padding: 0 !important;
  }

  /* === 2) Флекс-контейнер для кнопок === */
  #rec862670230 .t-store__parts-switch-wrapper .simplebar-content,
  #rec862670230 .js-store-parts-select-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* === 3) Кнопки: единый размер и центрирование === */
  #rec862670230 .t-store__filter__item,
  #rec862670230 .t-store__filter__btn,
  #rec862670230 .t-store__parts-switch-btn,
  #rec862670230 .js-store-parts-select-container .t-store__filter__item,
  #rec862670230 .js-store-parts-select-container .t-store__filter__btn {
    margin: 0 !important;
    padding: 10px 14px !important; /* немного увеличил паддинги */
    font-size: 13px !important; /* чуть больше шрифт */
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    
    /* Фиксируем высоту и центрируем текст */
    min-height: 44px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Ограничиваем ширину, чтобы кнопки не растягивались */
    max-width: 200px !important;
    min-width: 100px !important;
    flex: 1 0 auto !important; /* гибкость, но без растягивания */
    
    /* Скругляем углы и добавляем тень для единообразия */
    border-radius: 20px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    
    /* Чтобы текст не вылезал */
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* === 4) Если есть активная кнопка — делаем её заметнее === */
  #rec862670230 .t-store__filter__item--active,
  #rec862670230 .t-store__parts-switch-btn--active {
    font-weight: bold !important;
    border-width: 2px !important;
  }

  /* === 5) Для очень длинных текстов (типа "Буквы до 3000") уменьшаем шрифт чуть больше === */
  #rec862670230 .t-store__filter__btn span {
    display: block;
    max-width: 100%;
  }
}







@media screen and (max-width: 1200px) {
  /* === 1) Убираем внутренний скролл === */
  #rec862651794 .mySimplebar,
  #rec862651794 .simplebar-wrapper,
  #rec862651794 .simplebar-mask,
  #rec862651794 .simplebar-content-wrapper {
    overflow: visible !important;
  }

  #rec862651794 .t-store__parts-switch-wrapper .simplebar-content {
    padding: 0 !important;
  }

  /* === 2) Флекс-контейнер для кнопок === */
  #rec862651794 .t-store__parts-switch-wrapper .simplebar-content,
  #rec862651794 .js-store-parts-select-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* === 3) Кнопки: единый размер и центрирование === */
  #rec862651794 .t-store__filter__item,
  #rec862651794 .t-store__filter__btn,
  #rec862651794 .t-store__parts-switch-btn,
  #rec862651794 .js-store-parts-select-container .t-store__filter__item,
  #rec862651794 .js-store-parts-select-container .t-store__filter__btn {
    margin: 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    
    min-height: 44px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    max-width: 200px !important;
    min-width: 100px !important;
    flex: 1 0 auto !important;
    
    border-radius: 20px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* === 4) Если есть активная кнопка — делаем её заметнее === */
  #rec862651794 .t-store__filter__item--active,
  #rec862651794 .t-store__parts-switch-btn--active {
    font-weight: bold !important;
    border-width: 2px !important;
  }

  /* === 5) Для очень длинных текстов === */
  #rec862651794 .t-store__filter__btn span {
    display: block;
    max-width: 100%;
  }
}