/* Чипы фильтра каталога проектов — пара к portfolio-filter.js */
.filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    cursor: pointer;
    border: 1px solid transparent;
    background: var(--c-bg);
    color: var(--c-dark);
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.filter-chip:hover { border-color: var(--c-primary); }
.filter-chip.is-active { background: var(--c-primary); color: #fff; }

.filter-chip__count { font-size: 0.75rem; opacity: 0.65; }

/* Галерея проекта: в сетке видны обложка + 4 миниатюры, остальные кадры лежат в разметке
   скрытыми — их показывает лайтбокс. «+ N фото» — на последней видимой миниатюре. */
.project-gallery .carousel-container > :nth-child(n+6) { display: none; }
.project-gallery .gallery-more { display: none; }
.project-gallery .carousel-container > :nth-child(5) .gallery-more { display: flex; }

/* С двух колонок галерея едет вместе со страницей до конца правой колонки: при длинном
   описании слева иначе остаётся пустота. Ограничитель — сама сетка, поэтому галерея
   останавливается на кнопках заявки и шеринга. Отступ сверху — под липкую строку навигации. */
@media (min-width: 768px) {
    .project-gallery {
        position: sticky;
        top: calc(var(--row2-h) + 1rem);
        align-self: start;
    }
}