/* CompanyHub — Stas-Clear. Шапка страниц компании «Смотреть все» и «Все альбомы»: логотип и один H1 в две строки, вторая — цветом компании. */
/* Логотип и кнопка — по верху заголовка: при длинном названии компании в две строки логотип не «плавает» посередине. */
.companyhub-page-header { position:relative; display:flex; align-items:flex-start; gap:18px; margin:0 0 24px; }
.companyhub-page-header .companyhub-page-header__logo { display:flex; flex:0 0 72px; align-items:center; justify-content:center; box-sizing:border-box; width:72px; height:72px; margin-top:4px; padding:10px; overflow:hidden; border:1px solid #e2e7ef; border-radius:14px; background:#fff; box-shadow:0 1px 3px rgba(31,45,61,.08); color:#fff; font-size:30px; font-weight:700; text-decoration:none; }
.companyhub-page-header__logo img { display:block; width:100%; height:100%; object-fit:contain; }
.companyhub-page-header__logo span { display:flex; flex:none; align-items:center; justify-content:center; width:72px; height:72px; margin:-10px; background:var(--ch-accent,#175ac6); }
.companyhub-page-header .companyhub-page-header__title { flex:1; min-width:0; margin:0; line-height:1.15; overflow-wrap:anywhere; }
.companyhub-page-header__what { display:block; }
.companyhub-page-header .companyhub-page-header__company { display:block; margin-top:4px; color:var(--ch-accent,#175ac6); text-decoration:none; }
.companyhub-page-header .companyhub-page-header__company:hover { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
/* «Создать альбом» — «таблетка» с тонкой обводкой, как «Добавить» во вкладках профиля. */
.companyhub-page-header .companyhub-page-header__action { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:5px; height:30px; margin:8px 0 0 auto; padding:0 14px 0 12px; border:1px solid var(--ch-accent,#175ac6); border-radius:999px; background:transparent; color:var(--ch-accent,#175ac6); font-size:14px; font-weight:500; line-height:1; text-decoration:none; white-space:nowrap; transition:background-color .15s ease,color .15s ease; }
.companyhub-page-header .companyhub-page-header__action::before { content:"+"; font-size:17px; font-weight:400; line-height:1; }
.companyhub-page-header .companyhub-page-header__action:hover,.companyhub-page-header .companyhub-page-header__action:focus { background:var(--ch-accent,#175ac6); color:#fff; text-decoration:none; }
.companyhub-page-header a:focus-visible { outline:3px solid var(--ch-accent,#175ac6); outline-offset:3px; }
@media (max-width:575px) {
    .companyhub-page-header { flex-wrap:wrap; gap:14px; margin-bottom:18px; }
    .companyhub-page-header .companyhub-page-header__logo { flex-basis:56px; width:56px; height:56px; padding:8px; font-size:24px; }
    .companyhub-page-header__logo span { width:56px; height:56px; margin:-8px; }
    .companyhub-page-header .companyhub-page-header__title { font-size:1.6rem; }
    .companyhub-page-header .companyhub-page-header__action { margin:0 0 0 70px; }
}