/* Стили страницы категории — перенос <style> из design/catalog.html.
   Практически всё уже в site.css (.layout, .side/.blk, .tree, .facet, .chips,
   .chip-f, .found-note, .fbtn, .sheet-*, .backdrop, .pager/.pg, .grid, .lot,
   .price-row, .chk, .page-head, .crumbs) — здесь только страничное. */

/* пустая выдача (в прототипе — инлайн-блок внутри #grid) */
.cat-empty{background:var(--field);border:1.5px dashed var(--line);border-radius:18px;padding:48px 30px;text-align:center;color:var(--muted)}
.cat-empty h2{font-family:var(--disp);font-weight:700;font-size:22px;color:var(--ink);margin-bottom:10px}
.cat-empty p{max-width:48ch;margin:0 auto 22px}

/* Сворачиваемые фасеты (правка Игоря 2026-07-19): раскрыт только фасет
   с выбранными значениями, остальные — по клику */
details.facet summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0 6px}
details.facet summary::-webkit-details-marker{display:none}
details.facet summary span:first-child{font-size:13.5px;font-weight:700}
details.facet summary .sel{font-family:var(--mono);font-size:11px;background:var(--green);color:#fff;border-radius:99px;padding:1px 7px;font-weight:600}
details.facet summary .arr{margin-left:auto;color:var(--muted);transition:transform .15s ease}
details.facet[open] summary .arr{transform:rotate(90deg)}
details.facet h4{display:none}

/* Страница «Все категории» */
.cats-page{padding-bottom:70px}
.cat-group{margin-bottom:34px}
.cg-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.cg-head h2{font-family:var(--disp);font-weight:700;font-size:21px}
.cg-head h2 a:hover{color:var(--green-dn)}
.cg-head .n{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:980px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cat-grid{grid-template-columns:1fr}}