/* =========================================================
   STORE FILTER — rec1894171001
   left align + compact mobile
   ========================================================= */

/* ВЫРАВНИВАНИЕ ПО ЛЕВОМУ КРАЮ */
#rec1894171001 .t-store__parts-switch-wrapper,
#rec1894171001 .t-store__parts-switch-list,
#rec1894171001 .t-store__parts-switch {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* КНОПКИ */
#rec1894171001 .t-store__parts-switch-btn,
#rec1894171001 .t-store__parts-switch-btn-all {
  background-color: #2A2A2A !important;

  padding: 10px 18px !important;
  min-height: 40px;

  border-radius: 8px !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

/* ТЕКСТ */
#rec1894171001 .t-store__parts-item-title,
#rec1894171001 .t-store__parts-switch-btn-all {
  color: #B0B0B0 !important;

  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

/* HOVER — только цвет текста */
#rec1894171001 .t-store__parts-switch-btn:hover .t-store__parts-item-title,
#rec1894171001 .t-store__parts-switch-btn-all:hover {
  color: #DBF35B !important;
}

/* ACTIVE */
#rec1894171001 .t-store__parts-switch-btn.t-active,
#rec1894171001 .t-store__parts-switch-btn-all.t-active {
  background-color: #DBF35B !important;
}

#rec1894171001 .t-store__parts-switch-btn.t-active .t-store__parts-item-title,
#rec1894171001 .t-store__parts-switch-btn-all.t-active {
  color: #000 !important;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ — СИЛЬНО КОМПАКТНЕЕ ===== */
@media (max-width: 640px) {

  #rec1894171001 .t-store__parts-switch-btn,
  #rec1894171001 .t-store__parts-switch-btn-all {
    padding: 6px 10px !important;
    min-height: 32px;
    border-radius: 6px !important;
  }

  #rec1894171001 .t-store__parts-item-title,
  #rec1894171001 .t-store__parts-switch-btn-all {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}

/* ===== MOBILE: уменьшаем расстояние между категориями ===== */
@media (max-width: 640px) {

  /* если используется gap */
  #rec1894171001 .t-store__parts-switch-list,
  #rec1894171001 .t-store__parts-switch {
    gap: 8px !important;
  }

  /* если используются margin у кнопок */
  #rec1894171001 .t-store__parts-switch-btn,
  #rec1894171001 .t-store__parts-switch-btn-all {
    margin: 0 8px 8px 0 !important;
  }
}

/* ===== FORCE LEFT ALIGN FILTERS ===== */
#rec1894171001 .t-container {
  margin-left: 0 !important;
}

#rec1894171001 .t-store__filter {
  justify-content: flex-start !important;
  padding-left: 0 !important;
}

______________________


/* =========================================================
   STORE FILTERS — CLEAN & CONNECTED
   ========================================================= */

/* КНОПКА ФИЛЬТРА */
#rec1894171001 .t-store__filter__item-title {
  background-color: #2A2A2A;
  color: #B0B0B0;

  padding: 8px 14px;
  border-radius: 8px;

  font-size: 14px;
  font-weight: 500;

  cursor: pointer;
  display: inline-flex;
  align-items: center;

  transition: background-color .2s ease, color .2s ease;
}

/* hover */
#rec1894171001 .t-store__filter__item-title:hover {
  color: #DBF35B;
}

/* active */
#rec1894171001 .t-store__filter__item.active 
.t-store__filter__item-title {
  background-color: #DBF35B;
  color: #000;
}

/* DROPDOWN — ПРОДОЛЖЕНИЕ КНОПКИ */
#rec1894171001 .t-store__filter__item-controls-container {
  background-color: #2A2A2A;
  margin-top: 4px;
  padding: 8px 0;

  border-radius: 0 0 8px 8px;
  min-width: 220px;
}

/* CHECKBOX ROW */
#rec1894171001 .t-store__filter__checkbox {
  display: flex;
  align-items: center;

  padding: 6px 14px;
  cursor: pointer;
}

#rec1894171001 .t-store__filter__checkbox:hover {
  background-color: rgba(255,255,255,0.06);
}

/* CHECKBOX */
#rec1894171001 .t-store__filter__checkbox input {
  display: none;
}

#rec1894171001 .t-checkbox__indicator {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid #666;
  margin-right: 10px;
}

#rec1894171001 
.t-store__filter__checkbox input:checked 
+ .t-checkbox__indicator {
  background-color: #DBF35B;
  border-color: #DBF35B;
}

/* LABEL */
#rec1894171001 .t-store__filter__title {
  color: #B0B0B0;
  font-size: 13px;
  font-weight: 500;
}

#rec1894171001 
.t-store__filter__checkbox input:checked 
~ .t-store__filter__title {
  color: #DBF35B;
}