/* Kuzaza brand footer — one look across dating, jobs and crypto. The brand strip that used to sit above every vertical was removed on 16.09 at the owner's request; only the footer lives here now. The file keeps its name because five base templates link it. Deliberately self-contained: it sits below three different design systems (dating is light pink, jobs is light blue, crypto is dark) and must not inherit from, or leak into, any of them. There used to be a second copy of this file in the platform repo, with a note here telling you to keep the two byte-identical. They stopped being identical. The repositories are one now, and so is this file. */ /* ---------- Brand footer (templates/brand/_footer.html) ---------- */ /* Footer pinned to the bottom: on a short page (an empty search, a profile with nothing filled in yet) it sits on the bottom edge instead of halfway up the screen with blank space under it. Scoped to the class, not to `body`: the news site loads this same file, and it has its own footer and its own layout — turning its body into a flex column would move things that are fine as they are. Verticals opt in with . Overlays (toasts, modals, the consent banner) are position:fixed and stay out of the flow either way. */ body.brand-vertical { min-height: 100vh; display: flex; flex-direction: column; } body.brand-vertical > main { flex: 1 0 auto; /* Во flex-колонке элемент с `margin: 0 auto` (а у `.page` вертикалей он такой) не растягивается, а сжимается по содержимому. Сетка анкет `repeat(auto-fill, minmax(200px, 1fr))` в сжатом контейнере раскладывается в одну-две колонки — анкеты шли столбиком (замечание владельца 16.09). Ширину даём явно; max-width и центровка остаются у `.page`. */ width: 100%; } /* Баннер согласия висит `position: fixed` у нижней кромки. Пока футер жил в потоке посреди длинной страницы, они не встречались; прижатый книзу футер оказывается ровно под баннером, и на короткой странице ссылки на условия и обратную связь — единственное, что в футере есть, — уходят под него. Пока решение не принято, отодвигаем низ. Запас взят с избытком: высота баннера зависит от длины текста и на узком экране больше, а лишние пиксели в самом низу страницы не стоят ничего. */ body.has-consent-banner .brand-footer { padding-bottom: 110px; } .brand-footer { background: #0a0a0a; color: #888888; font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; border-top: 1px solid #39ff14; margin-top: 40px; } .brand-footer-inner { max-width: 1200px; margin: 0 auto; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .brand-footer-copy { margin: 0; letter-spacing: .06em; text-transform: uppercase; } .brand-footer-links { display: flex; gap: 16px; flex-wrap: wrap; } .brand-footer-links a { color: #888888; text-decoration: none; letter-spacing: .06em; text-transform: uppercase; } .brand-footer-links a:hover { color: #39ff14; } @media (max-width: 560px) { .brand-footer-inner { padding: 14px 10px 18px; align-items: flex-start; flex-direction: column; gap: 8px; } }