/* CompanyHub — Stas-Clear. Вкладка «Фото» и страница «Все альбомы»: альбомы компании с миниатюрами и листалкой. */
.companyhub-photos-page { margin:8px 0 24px; }
.companyhub-photos-page__meta { margin:0 0 18px; color:var(--ch-muted,#566477); }
.companyhub-photos__empty { padding:8px 0 4px; color:var(--ch-muted,#566477); }
/* Альбомы с миниатюрами: фото листаются на странице, альбом — по ссылке в заголовке. */
.companyhub-galleries { display:flex; flex-direction:column; gap:26px; margin:0 0 20px; }
.companyhub-gallery__head { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin-bottom:10px; }
.companyhub-gallery__title { margin:0; font-size:1.125rem; font-weight:600; line-height:1.3; }
.companyhub-gallery__title a { color:inherit; text-decoration:none; }
.companyhub-gallery__title a:hover,.companyhub-gallery__title a:focus { color:var(--ch-accent,#175ac6); text-decoration:underline; }
.companyhub-gallery__private { color:var(--ch-muted,#566477); vertical-align:-1px; }
.companyhub-gallery__count { color:var(--ch-muted,#566477); font-size:14px; }
.companyhub-gallery__links { display:flex; gap:14px; margin-left:auto; font-size:14px; }
.companyhub-gallery__links a { color:var(--ch-accent,#175ac6); }
.companyhub-gallery__summary { margin:-4px 0 10px; color:var(--ch-muted,#566477); font-size:14px; line-height:1.45; }
.companyhub-gallery__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.companyhub-gallery__item { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; border-radius:8px; background:#eef1f5; cursor:zoom-in; }
.companyhub-gallery__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease, opacity .2s ease; }
.companyhub-gallery__item:hover img,.companyhub-gallery__item:focus-visible img { transform:scale(1.04); }
.companyhub-gallery__item:focus-visible { outline:3px solid var(--ch-accent,#175ac6); outline-offset:2px; }
.companyhub-gallery__item--hidden { display:none; }
.companyhub-gallery__more { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(17,24,39,.55); color:#fff; font-size:1.5rem; font-weight:700; }
/* Сетка «Ряды», как в поиске картинок: плитка растёт пропорционально форме фото (--r = ширина/высота), поэтому у плиток ряда
   одна высота, а ряд заполняет ширину целиком. Невидимый хвост забирает свободное место последнего ряда — он не растягивается. */
.companyhub-gallery__grid--rows { --ch-row:150px; display:flex; flex-wrap:wrap; align-items:flex-start; gap:2px; }
.companyhub-gallery__grid--rows::after { content:""; flex:999 1 0; }
.companyhub-gallery__grid--rows .companyhub-gallery__item { flex:var(--r,1.5) 1 calc(var(--r,1.5) * var(--ch-row)); min-width:0; aspect-ratio:var(--r,1.5); border-radius:0; container:ch-tile/inline-size; }
.companyhub-gallery__grid--rows .companyhub-gallery__item--hidden { display:none; }
.companyhub-gallery__grid--rows .companyhub-gallery__more { display:none; }
.companyhub-gallery__all { position:absolute; right:8px; bottom:8px; display:inline-flex; align-items:center; gap:6px; max-width:calc(100% - 16px); padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.95); box-shadow:0 1px 4px rgba(15,23,34,.22); color:#1f2a37; font-size:13px; font-weight:600; line-height:1.2; white-space:nowrap; }
.companyhub-gallery__all svg { flex:none; }
/* На узкой (вертикальной) плитке кнопка не помещается — вместо неё «+N» поверх фото. */
@container ch-tile (max-width:128px) {
    .companyhub-gallery__grid--rows .companyhub-gallery__all { display:none; }
    .companyhub-gallery__grid--rows .companyhub-gallery__more { display:flex; font-size:1.25rem; }
}
.companyhub-gallery__empty a { color:var(--ch-accent,#175ac6); }
.companyhub-gallery__empty { margin:0; padding:18px; border:1px dashed var(--ch-border,#d9dfe8); border-radius:8px; background:#f7f9fb; color:var(--ch-muted,#566477); }
@media (max-width:767px) {
    .companyhub-galleries { gap:22px; }
    .companyhub-gallery__grid { gap:4px; }
    .companyhub-gallery__item { border-radius:6px; }
    .companyhub-gallery__links { width:100%; margin-left:0; }
    .companyhub-gallery__more { font-size:1.25rem; }
    .companyhub-gallery__grid--rows { --ch-row:104px; }
    .companyhub-gallery__all { right:6px; bottom:6px; padding:6px 10px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .companyhub-gallery__item img { transition:none; } }