/* ===== архив каталога ===== */
.archive{padding-top:30px}
.arch-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.arch-top h1{font:800 clamp(28px,4.2vw,42px)/1.15 var(--fd);color:var(--ink);margin-top:12px;max-width:560px}
.arch-sub{color:var(--muted);max-width:560px;margin-top:12px;font-size:15.5px}
.arch-total{font:600 13px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(255,107,0,.4);border-radius:8px;padding:11px 16px;white-space:nowrap}

/* липкие категории */
.cats-wrap{position:sticky;top:74px;z-index:40;background:var(--bg);margin:0 -20px;padding:12px 20px;border-bottom:1px solid #EEF0F2}
.cats{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cat-chip{flex:none;display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:99px;border:1.5px solid #E3E6E9;background:#fff;font:600 14px var(--fd);color:var(--text);transition:.25s;scroll-snap-align:start;white-space:nowrap}
.cat-chip .ic{width:18px;height:18px;color:var(--accent);transition:.25s}
.cat-chip b{font:600 11px var(--fm);background:var(--bg-alt);color:var(--muted);border-radius:99px;padding:3px 8px;line-height:1}
.cat-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.cat-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.cat-chip.on .ic{color:#fff}
.cat-chip.on b{background:rgba(255,255,255,.24);color:#fff}

/* сетка архива */
.archive-grid{display:grid;gap:22px;grid-template-columns:1fr;margin-top:30px}
@media(min-width:600px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.archive-grid{grid-template-columns:repeat(4,1fr)}}
.card.hide{display:none}
.card.pop{animation:fadeUp .5s ease both}

/* пустое состояние и "показать ещё" */
.arch-empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:70px 20px;color:var(--muted)}
.arch-empty .ic{width:52px;height:52px;color:#D9DDE2}
.arch-empty a{color:var(--accent)}
.arch-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:44px}
.arch-count{font:500 13px var(--fm);letter-spacing:.1em;color:var(--muted)}
.btn-lg{padding:17px 46px;font-size:16px}
.btn-lg[hidden]{display:none}