/* Страница «Весь каталог» (/{язык}/catalogue/). Собрана из готовых классов: .cat-hero, .sys-stats, .line-nav,
   .chips/.chip, .finder-count, .finder-empty, .text-button, .text-link, .line-num, .mega-count, .line-block-heading,
   .line-count, .tbl-scroll, .tbl-table, .tbl-rate, .tbl-off, .used-in, .sys-code, .basket-toggle. Здесь только раскладка
   колонок, раскрывающиеся направления и строки продуктов; цвета — переменные :root, ширины — те же 1150 и 760 px. */
.fc-hero .cat-hero-grid{align-items:end}
.fc-section{padding-top:0}
/* Панель над каталогом: вид, поиск, счётчик, «Свернуть всё». Липкая, как навигация по направлениям. */
.fc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 28px}
.fc-search{flex:1 1 220px;max-width:380px}
.fc-search input{width:100%;min-height:40px;padding:0 18px;border:1px solid var(--grey-c4c4c1);border-radius:40px;background:var(--white-a55);font:inherit;font-size:.86rem;color:var(--ink);transition:border-color .25s,background .25s}
.fc-search input:focus{border-color:var(--ink);background:white}
.fc-bar .finder-count{margin-left:auto}
/* Колонки: семейства (и 08) или сферы, как колонки меню «Каталог»: шапки и низ панелей в ряду на одной линии. */
.fc-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fc-panel{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;min-width:0;padding:0 20px 18px;background:white;border:1px solid var(--grey-dd)}
.fc-panel-head{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start}
.fc-panel-head>:is(.line-num,.fc-panel-name,.fc-panel-total){margin-top:4px}
.fc-panel-media{display:block;height:112px;margin:0 -20px 12px;overflow:hidden;background:var(--grey-e3e3e1)}
.fc-panel-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.fc-panel-head:hover .fc-panel-media img{transform:scale(1.05)}
.fc-panel-name{font-size:1.15rem;letter-spacing:-.03em;line-height:1.25;transition:color .25s}
.fc-panel-head:hover .fc-panel-name{color:var(--red)}
.fc-panel-total{font-size:.75rem;color:var(--muted)}
.fc-lines{margin-top:14px;border-top:1px solid var(--grey-e3)}
.fc-panel-more{align-self:end;justify-self:start;margin-top:14px}
/* Направление (зона сферы): строка-заголовок со счётчиком, под ней продукты. */
.fc-line>summary{list-style:none;display:flex;align-items:baseline;gap:10px;padding:11px 0;font-size:.9rem;font-weight:500;line-height:1.35;border-bottom:1px solid var(--grey-ec);transition:color .2s}
.fc-line>summary::-webkit-details-marker{display:none}
.fc-line>summary::after{content:"+";flex:0 0 12px;text-align:center;color:var(--action);font-weight:400}
.fc-line[open]>summary::after{content:"−"}
.fc-line>summary:hover{color:var(--action)}
.fc-line-name{flex:1;min-width:0}
.fc-items{list-style:none;margin:0;padding:6px 0 10px}
.fc-items>.fc-item{display:flex;align-items:center;gap:10px;padding:5px 0}
.fc-item-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fc-item-name{font-size:.88rem;line-height:1.35;transition:color .2s}
.fc-item-link:hover .fc-item-name{color:var(--red)}
.fc-item-label{font-size:.7rem;line-height:1.4;letter-spacing:.03em;color:var(--muted)}
.fc-items .basket-toggle{flex-basis:36px;width:36px;height:36px}
/* Система в сфере: код и название, под ними продукты по слоям. */
.fc-items>.fc-item--system{flex-direction:column;align-items:stretch;gap:4px;padding:7px 0}
.fc-item--system .sys-code{margin-right:4px}
.fc-chain{display:flex;flex-direction:column;gap:1px;margin-left:2px;padding-left:10px;border-left:1px solid var(--grey-e3);font-size:.74rem;line-height:1.45;color:var(--muted)}
.fc-chain a{transition:color .2s}
.fc-chain a:hover{color:var(--red)}
/* Таблица: семейство → направление → продукты с тремя цифрами направления, как на карточках категорий. */
.fc-family+.fc-family{margin-top:44px}
.fc-family .line-block-heading h3 a{transition:color .2s}
.fc-family .line-block-heading h3 a:hover{color:var(--red)}
.fc-line--table>summary{padding:14px 0}
.fc-line--table[open]>summary{border-bottom:0}
.fc-line--table .tbl-scroll{margin:0 0 18px}
.fc-table tbody th{min-width:220px}
.fc-table .tbl-rate{white-space:normal}
.fc-table .used-in{margin:0}
.fc-cell-basket{width:60px}
.fc-table .fc-cell-systems{min-width:150px}
@media(max-width:1150px){
.fc-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.fc-bar,.fc-bar.is-stuck{position:static;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}
.fc-search{flex-basis:100%;max-width:none}
.fc-bar .finder-count{margin-left:0}
.fc-columns{grid-template-columns:minmax(0,1fr)}
.fc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fc-table,.fc-table tbody{display:block}
.fc-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px;border-bottom:1px solid var(--grey-ec)}
.fc-table tbody tr:last-child{border-bottom:0}
.fc-table tbody th,.fc-table td{min-width:0;padding:0;border:0}
.fc-table .fc-cell-basket{grid-column:2;grid-row:1;width:auto}
.fc-table td[data-label]{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;font-size:.82rem}
.fc-table td[data-label]::before{content:attr(data-label);flex:none;color:var(--muted)}
.fc-table .fc-cell-systems .used-in{justify-content:flex-end}
}