/* =============================================
   КосмоПлёнка — точные стили сайдбара ST320N
   Вставить в: Настройки сайта → Ещё → Редактировать CSS
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

/* ── УБРАТЬ БЕЙДЖИ -30% ── */
.t-store__card__label-sale {
  display: none !important;
}

/* ── ОБЁРТКА САЙДБАРА ── */
.t951__sidebar-wrapper {
  background: #fff !important;
  border-right: 1.5px solid #f0f0f0 !important;
  padding: 20px 16px !important;
}

/* ── КАТЕГОРИИ: кнопка ── */
.t-store__parts-switch-btn,
.t-store__parts-switch-btn-all {
  border-radius: 8px !important;
  padding: 6px 10px !important;
  transition: background 0.15s !important;
}
.t-store__parts-switch-btn:hover,
.t-store__parts-switch-btn-all:hover {
  background: #f4f5f7 !important;
}

/* Текст категории */
.t-store__parts-tree-btn-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #444 !important;
}

/* Активная категория */
.t-store__parts-switch-btn.t-active,
.t-store__parts-switch-btn-all.t-active {
  background: #eef0ff !important;
}
.t-store__parts-switch-btn.t-active .t-store__parts-tree-btn-title,
.t-store__parts-switch-btn-all.t-active .t-store__parts-tree-btn-title {
  color: #27336C !important;
  font-weight: 600 !important;
}

/* ── РАЗДЕЛИТЕЛЬ перед БРЕНД ── */
.t-store__filter.js-store-filter {
  border-top: 1.5px solid #f0f0f0 !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
}

/* ── ЗАГОЛОВОК «БРЕНД» ── */
.t-store__filter__item-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #aaa !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* ── ЧЕКБОКСЫ БРЕНДОВ ── */
.t-checkbox__control.t-store__filter__checkbox {
  border-radius: 8px !important;
  padding: 5px 6px !important;
  transition: background 0.12s !important;
  cursor: pointer !important;
}
.t-checkbox__control.t-store__filter__checkbox:hover {
  background: #f4f5f7 !important;
}

/* Название бренда */
.t-store__filter__title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: #444 !important;
}

/* Чекбокс синий при выборе */
.t-checkbox__indicator {
  border-radius: 4px !important;
}
input[type="checkbox"].js-store-filter-opt-cb:checked ~ .t-checkbox__indicator,
input[type="checkbox"]:checked + .t-checkbox__indicator {
  background: #27336C !important;
  border-color: #27336C !important;
}

/* Текст активного бренда */
.t-store__filter__checkbox:has(input:checked) .t-store__filter__title {
  color: #27336C !important;
  font-weight: 600 !important;
}

/* ── ПОИСК БРЕНДА ── */
.t-store__filter__item-controls-container input {
  background: #f4f5f7 !important;
  border: 1.5px solid #e8eaed !important;
  border-radius: 10px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  outline: none !important;
  transition: border-color 0.15s !important;
}
.t-store__filter__item-controls-container input:focus {
  border-color: #27336C !important;
  background: #fff !important;
}