/* Project Catalog — стили, уникальные для этой страницы. Общие токены/
   компоненты (nav, blk-title, sec-* heading kit, area/service strip,
   footer, fcta, .pjcard/.pjtags) — в shared.css. */

/* ── BREADCRUMB + FILTER BAR ── */
.toolbar-wrap{position:sticky;top:64px;z-index:95;background:var(--surface);border-bottom:1px solid var(--line)}
/* .bc — общий компонент, см. shared.css. */

.collbar{padding:12px 28px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
/* .filter-rows — тот же отступ между строками фильтров, что на
   странице Samples (sample-collection.css) — там раньше не хватало
   этой обёртки, .frow сидели впритык друг к другу без зазора. */
.filter-rows{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px 28px}
.frow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fr-lbl{font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);min-width:76px}
.fpills{display:flex;gap:5px;flex-wrap:wrap}
.fpill{padding:5px 11px;border-radius:99px;border:1px solid var(--line-2);background:transparent;color:var(--ink-dim);font-size:12px;transition:.13s;cursor:pointer}
.fpill:hover{color:var(--ink);border-color:var(--line-3)}
.fpill.on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-deep)}

/* ── PAGE HEADER ── */
/* .page (центрирование) и .b1 (вертикальный ритм 30px 0) — общие, shared.css. */
.sec-count{margin-bottom:0}

/* Project card grid — canonical .pjcard (shared.css), 3 per row */
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.proj-grid .pjcard.is-hidden{display:none}

.empty-state{padding:60px 0;text-align:center;color:var(--ink-faint);font-size:14px}

/* ── SERVICE AREAS STRIP ── */
/* .section-content (фон секции) — общий, shared.css. */

@media(max-width:980px){.proj-grid{grid-template-columns:repeat(2,1fr)}}
/* Единая ширина карточки на мобильном — --card-side-pad (header.php, из
   site_settings.mobile_card_width_pct, настраивается в adm-settings.php),
   один источник вместо захардкоженного 10vw в 6 файлах. .proj-grid
   переведён с 620px на тот же 560px, что и компактный вид pjcard (см.
   аналогичный фикс в detail-page.css/shared.css) — раньше был разрыв
   561-620px с 1-колоночной, но ещё десктопного размера карточкой. */
@media(max-width:560px){
  .proj-grid{grid-template-columns:1fr}
  .page,.bc,.collbar{padding-left:var(--card-side-pad);padding-right:var(--card-side-pad)}
  .collbar{padding-top:5px;padding-bottom:5px}
}
/* .blk-title sticky top — под nav+хлебными крошками (.tabbar на этой
   странице нет, но .bc есть, см. detail-page.css): 64px nav + 22px .bc = 86px. */
@media(max-width:560px){.blk-title{top:86px}}