/* ==========================================================================
   Фильтры + сортировка категории (#38). Ванильно, наш тёмный стиль.
   Грузится только на страницах категорий (EXTRA_CSS).
   ========================================================================== */

.cat-controls{margin-top:24px}
.cat-controls__bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}

/* --- сортировка --- */
.cat-sort{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}
.cat-sort__sel{
  appearance:none;-webkit-appearance:none;color:var(--text);border:1px solid var(--line-2);
  background:var(--card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%239b9ba6' stroke-width='2' d='M1 1l5 5 5-5'/></svg>") no-repeat right 13px center;
  border-radius:12px;padding:10px 38px 10px 14px;font:inherit;font-size:14px;cursor:pointer}
.cat-sort__sel:hover{border-color:var(--muted)}
.cat-sort__sel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* --- панель фильтров --- */
.cat-filters{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:20px 22px;display:grid;gap:20px}
.cat-filters__top{display:flex;flex-wrap:wrap;gap:16px}
.cat-filters__sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 34px}
.cat-filters__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:16px}
.cat-filters__count{font-family:var(--ff-head);font-weight:700;font-size:17px;color:var(--text)}
.cat-filters__reset{padding:9px 18px;font-size:14px}

/* чекбоксы .flt-chk / .flt-chk__box переехали в общий styles.css (#39-E1: нужны и на карточке) */

/* --- двойной слайдер (два ползунка на одной шкале) --- */
.rng__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}
.rng__label{color:var(--muted);font-size:13px}
.rng__val{font-size:13px;color:var(--muted);white-space:nowrap}
.rng__val b{font-weight:600;color:var(--text)}
.rng__track{position:relative;height:24px;display:flex;align-items:center}
.rng__track::before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:2px;background:var(--line-2)}
.rng__fill{position:absolute;height:4px;border-radius:2px;background:var(--accent)}
.rng__in{position:absolute;left:0;right:0;width:100%;height:24px;margin:0;background:transparent;
  pointer-events:none;-webkit-appearance:none;appearance:none}
.rng__in::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;height:24px;border:0}
.rng__in::-moz-range-track{background:transparent;height:24px;border:0}
.rng__in::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;
  background:#fff;border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.rng__in::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;
  border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.rng__in:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-2);outline-offset:2px}
.rng__in:focus-visible::-moz-range-thumb{outline:2px solid var(--accent-2);outline-offset:2px}

/* --- капшен «Фильтры» (#39-A3: панель всегда открыта, без кнопки/сворачивания) --- */
.cat-filters__cap{margin-right:auto;font-family:var(--ff-head);font-weight:700;font-size:18px;color:var(--text)}

@media (max-width:900px){
  .cat-filters__sliders{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .cat-controls__bar{justify-content:space-between}
  .cat-filters__sliders{grid-template-columns:1fr;gap:18px}
}

/* #95: поиск по названию внутри панели фильтров */
.cat-filters__search{margin-bottom:14px}
.cat-filters__search-in{width:100%;height:44px;background:var(--bg-2,#0f0f12);color:var(--text);
  border:1px solid var(--line-2);border-radius:12px;padding:0 16px;font:inherit;font-size:15px;outline:none}
.cat-filters__search-in::placeholder{color:var(--muted)}
.cat-filters__search-in:focus{border-color:var(--accent)}
.cat-filters__empty{margin:12px 2px 0;color:var(--muted);font-size:15px}
.cat-filters__empty[hidden]{display:none}