.is-facet-hidden{display:none}
/* Разделы каталога — ссылки (category-aside.php); вид как у кнопок .filter button из styles.css */
.filter a{display:block;padding:10px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-ui);font-weight:500;transition-property:background-color,color;transition-duration:var(--dur);transition-timing-function:var(--ease)}
.filter a:hover{background:var(--surface-2);color:var(--ink)}
.filter a.active{background:var(--red-soft);color:var(--red-text);font-weight:600}
@media(max-width:980px){
  .filter a{white-space:nowrap;scroll-snap-align:start;flex:none}
}
.catalog-layout>[data-catalog-results],.catalog-gallery,.split>div:has(.catalog-table-scroll){min-width:0}
.catalog-facets{padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.catalog-facets h2{margin-bottom:var(--space-5)}
.catalog-facet{border:0;padding:0;margin:0 0 var(--space-5);min-width:0}
.catalog-facet legend{font-size:var(--fs-ui);font-weight:600;margin-bottom:var(--space-3)}
.catalog-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.catalog-pill{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);background:var(--card);font:inherit;font-size:var(--fs-ui);text-align:left;cursor:pointer}
.catalog-pill:hover{border-color:var(--ink)}
.catalog-pill[aria-pressed="true"]{background:var(--red-soft);border-color:var(--red-line);color:var(--red-text)}
.catalog-tape{max-width:320px;margin-bottom:var(--space-5)}
.catalog-facets+.catalog-toolbar{flex-wrap:wrap}
.catalog-compare{margin-bottom:var(--space-6);min-width:0}
.catalog-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:var(--space-5)}
.catalog-compare-table{min-width:100%;width:max-content;max-width:none}
.catalog-compare-table th,.catalog-compare-table td{min-width:180px;max-width:320px;white-space:normal;overflow-wrap:anywhere}
.catalog-compare-table th a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.catalog-model-specs{width:100%;min-width:calc(150px + var(--catalog-columns) * 120px);font-variant-numeric:tabular-nums}
.catalog-model-specs>.spec-row{grid-template-columns:minmax(150px,1.2fr) repeat(var(--catalog-columns),minmax(120px,1fr))}
.catalog-model-specs>.spec-row>div{padding:var(--space-4);overflow-wrap:anywhere}
.catalog-model-specs [role="columnheader"]{font-weight:600;background:var(--surface)}
.catalog-thumbnails{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}
.catalog-thumbnail{width:80px;height:80px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--photo-plate);padding:var(--space-2);cursor:pointer}
.catalog-thumbnail img{width:100%;height:100%;object-fit:contain}
.catalog-thumbnail[aria-pressed="true"]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.catalog-photo-empty{display:grid;place-items:center;position:absolute;inset:0;padding:var(--space-5);color:var(--on-plate-muted);text-align:center}
.catalog-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink-surface)}
.catalog-video-play{display:none;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:var(--ink-surface);color:var(--on-ink)}
.js .catalog-video-play{display:block}
.catalog-video-play img{width:100%;height:100%;object-fit:cover}
.catalog-video-play span{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;text-shadow:0 2px 8px var(--ink)}
.catalog-video iframe{display:block;width:100%;height:100%;border:0}
.catalog-pill:focus-visible,.catalog-thumbnail:focus-visible,.catalog-video-play:focus-visible,.catalog-table-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:640px){
  .filter a{display:flex;align-items:center;min-height:44px;padding:10px 14px}
  .catalog-facets{padding:var(--space-4)}
  .catalog-thumbnail{width:64px;height:64px}
  .catalog-compare-table th,.catalog-compare-table td{min-width:160px}
}
@media(prefers-reduced-motion:reduce){
  .catalog-thumbnail,.catalog-pill,.catalog-video-play,.filter a{animation:none;transition:none;scroll-behavior:auto}
}

/* Строка «что применено» над сеткой (замечание Дмитрия 21.09.2026). Пока фильтр активен, строка прилипает
   под шапкой: видно, что выборка сужена, и фильтр можно снять, не возвращаясь наверх. */
.catalog-applied{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}
.catalog-applied[hidden]{display:none}
.catalog-applied-label{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}
.catalog-applied-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.catalog-applied-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 10px 4px 12px;
  border:1px solid var(--red-line);border-radius:var(--r-pill);background:var(--red-soft);
  color:var(--red-text);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;
}
.catalog-applied-chip::after{content:"×";font-size:16px;line-height:1;opacity:.7}
.catalog-applied-chip:hover{border-color:var(--red);}
.catalog-applied-chip:hover::after{opacity:1}
.catalog-applied-more{
  display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;
  border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);
  color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;
}
.catalog-applied-more[hidden]{display:none}
.catalog-applied-more:hover{border-color:var(--ink)}
.catalog-applied-reset{
  min-height:32px;padding:0 6px;border:0;background:none;color:var(--ink);font:inherit;font-size:var(--fs-sm);
  font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.catalog-applied-reset:hover{color:var(--red-text)}
.catalog-toolbar.is-filtered{
  position:sticky;top:var(--header-h);z-index:var(--z-subnav);
  margin:0 0 18px;padding:10px 0;
  background:var(--bg-translucent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
@media (max-width:700px){
  .catalog-toolbar.is-filtered{gap:8px;padding:8px 0}
  .catalog-applied-chip,.catalog-applied-reset{min-height:36px}
}
@media (prefers-reduced-motion:reduce){
  .catalog-applied-chip{transition:none}
}

/* Деление раздела на группы с подзаголовками (решение Дмитрия 21.09.2026, как на hhs.masterkley.ru). */
.catalog-kind+.catalog-kind{margin-top:var(--space-7)}
.catalog-kind[hidden]{display:none}
.catalog-kind-title{
  margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);
  font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:0;
}