.zs-filter-group {
  margin-bottom: 16px;
  min-height: 48px;
}

.zs-filter-group.zs-hidden {
  display: none;
}

.zs-filter-label {
  font-weight: 600;
  margin-bottom: 6px;
}

.zs-filter-hint {
  font-weight: 400;
  font-size: 13px;
  color: #777;
  margin-left: 6px;
}

.zs-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 40px;
}

.zs-filter-buttons button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: #f6f6f6;
  color: #333;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
  line-height: 1;
}

.zs-filter-buttons button:hover {
  background: #eee;
}

.zs-filter-buttons button.active {
  background: #1c2c4c;
  color: #fff;
  border-color: #1c2c4c;
}

.zs-filter-buttons button.disabled {
  opacity: .4;
  pointer-events: none;
}

.zs-brand-btn .zs-brand-icon {
  height: 16px;
  width: auto;
  margin-right: 4px;
  object-fit: contain;
}

.tablepress {
  width: 100%;
  max-width: 100%;
}


#tablepress-40 {
    opacity: 0;
}

#tablepress-40.dataTable {
    opacity: 1;
    transition: opacity .15s ease;
}

/* ===== Ограничиваем ширину "Наименование" ===== */

#tablepress-40 td:nth-child(1),
#tablepress-40 th:nth-child(1) {
  white-space: normal !important;
  word-break: normal !important;          /* НЕ режем по буквам */
  overflow-wrap: break-word !important;   /* перенос только если слово реально длинное */
  hyphens: auto;
  width: 45%;                              /* чтобы DT не делал её “узкой” */
  min-width: 320px;                        /* защита от схлопывания */
  max-width: 620px;
}

#tablepress-40 td:nth-child(1) {
  white-space: normal !important;
}



/* Мобилка: Наименование переносим по словам */
@media (max-width: 991px) {
  #tablepress-40 th:nth-child(1),
  #tablepress-40 td:nth-child(1) {
    white-space: normal !important;
    word-break: normal !important;        /* перенос только по словам */
    overflow-wrap: anywhere !important;     /* НЕ рвём где попало */
    hyphens: manual;                      /* без авто-дефисов */
  }

  /* если встречаются очень длинные куски без пробелов — разрешим безопасный перенос */
  #tablepress-40 td:nth-child(1) {
    overflow-wrap: anywhere !important; /* только как fallback */
  }
}


/* Скрываем "Назначение" (4-я колонка) и "Тип запчасти" (5-я колонка) на десктопе */
@media (min-width:480px) {
  #tablepress-40 th:nth-child(4),
  #tablepress-40 td:nth-child(4),
  #tablepress-40 th:nth-child(5),
  #tablepress-40 td:nth-child(5) {
    display: none !important;
  }
}


@media (min-width:480px) {
  #tablepress-40 colgroup col:nth-child(4),
  #tablepress-40 colgroup col:nth-child(5) {
    display: none !important;
    width: 0 !important;
  }
}