/* ── Кнопка «Зарегистрироваться» (#447) ──────────────────────────────
   Стоит рядом с листом ожидания везде, где сегодня одна кнопка: шапка,
   первый экран, форма внизу (решение владельца 12.09.2026). Вторичная —
   `btn--ghost`; модалка оформлена классами окна листа ожидания (`blocks.css`),
   своих стилей у неё нет.
   ⚠️ Файл отдельный, а не строки в `v3.css`: первый экран неприкосновенен
   (решение 03.09.2026), и правка его файла стилей читалась бы в diff как
   правка первого экрана. Здесь — только новое. */

/* На первом экране кнопка стоит на ТЁМНОЙ фотографии: обычный `btn--ghost`
   берёт цвет текста страницы, и в светлой теме это тёмные буквы на тёмном
   кадре. Значения — те же, что у шапки поверх кадра (`v3.css`). */
.hero-shot-act .catch .btn--ghost {
  color: var(--alt-fg); border-color: rgba(242, 239, 232, .30); background: rgba(255, 255, 255, .06);
}
.hero-shot-act .catch .btn--ghost:hover { background: rgba(255, 255, 255, .14); }

/* ⚠️ В ШАПКЕ КНОПКА НЕ ПРЯЧЕТСЯ НА ТЕЛЕФОНЕ. `sections.css` при ≤620 px гасит
   ВСЕ вторичные кнопки шапки (они дублируются ссылками в тексте) — у этой
   дубля в шапке нет, а регистрация — одно из двух действий страницы.

   ⚠️ ТРИ КНОПКИ В ШАПКУ ТЕЛЕФОНА НЕ ВЛЕЗАЛИ, И ЭТО ЗАМЕРЕНО. Рендер headless
   Chromium 12.09.2026: при 360 и 390 px ширина документа стала 535 px.
   Решение ведущего (круг 2, замер 360/390/430 в обеих темах):
     ≤620 — кнопки шапки компактнее (13 px) и обе с КОРОТКОЙ надписью:
            «Регистрация» и «Лист ожидания» (полные — в `aria-label`). Это
            ШАПКА, а не первый экран: на первом экране надписи прежние;
     ≤400 — прячется торговое имя «Base CRM», знак остаётся ссылкой наверх.
   ⚠️ Переключатель темы не прячется НИГДЕ: первая редакция гасила его при
   ≤400 px, и на узком телефоне тему стало не сменить вовсе. */
/* ⚠️ `.nav-short` скрыт в РАЗМЕТКЕ атрибутом `hidden` (поведение браузера по
   умолчанию), а не правилом здесь: в окне выката этот файл отдаётся 404, и
   правило-скрытие пропало бы вместе с ним — в шапке встали бы обе надписи.
   Здесь только ПОКАЗ, и только в медиазапросе: авторское `display` сильнее
   браузерного `[hidden]`. */
@media (max-width: 620px) {
  .nav-right .btn--ghost.nav-keep { display: inline-flex; }
  .nav-right .btn--sm { padding: 0 11px; font-size: 13px; }
  .nav-right .nav-long { display: none; }
  .nav-right .nav-short { display: inline; }
}
@media (max-width: 400px) {
  .nav .brand { font-size: 0; gap: 0; }
}