/* Приглашение в программу внизу экрана (новая витрина, часть 3, задача 8; постановка
   docs/superpowers/specs/2026-10-03-storefront-part3-account-and-login.md, раздел 1, «Вне профиля»; Р42) — по
   эталону docs/design/reference/layout.css (`.invite-card` ~484–496): на всех страницах, кроме профиля, над
   плашкой корзины и не под плашкой cookie. Размеры — только токены, цвета — только роли темы (сторожа те же). */

/* ── Приглашение внизу страницы: слева внизу поверх страницы, над плашками корзины и cookie (их меряет
   `keepAbove`), под окнами и шторками ─────────────────────────────────────────────────────────────────── */
.invite-card {
  position: fixed; left: var(--gutter); bottom: var(--space-5); z-index: var(--z-cartbar); display: flex; gap: var(--space-3);
  width: min(calc(var(--space-8) * 6), calc(100% - 2 * var(--gutter))); padding: var(--space-4);
  border: 1px solid var(--gold2); border-radius: var(--radius-lg); background: var(--panel); box-shadow: var(--shadow-2);
  color: var(--ink); font-family: var(--font-text); line-height: var(--leading-text);
  animation: sheet-in var(--motion-slow) var(--ease);
}
.invite-card__emoji { flex: none; font-size: var(--title-md); line-height: var(--leading-title); }
.invite-card__text { display: grid; gap: var(--space-2); min-width: 0; font-size: var(--text-sm); }
.invite-card__text b { font-family: var(--font-title); font-size: var(--title-sm); font-weight: var(--weight-medium); line-height: var(--leading-title); }
.invite-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); }
@media (prefers-reduced-motion: reduce) { .invite-card { animation: none; } }

/* ── «Станьте участником «…»» в шапке вместо баланса ───────────────────────────────────────────────── */
.context-card--invite { border-color: var(--gold2); }
.context-card--invite .context-card__title {
  font-family: var(--font-text); font-size: var(--text-sm); font-weight: var(--weight-semibold); white-space: normal;
}
.context-card--invite .context-card__sub { font-size: var(--text-xs); }
/* На телефоне карточка узкая: «Станьте участником» и «+300 баллов», название программы — в окне вступления. */
@media (max-width: 767px) { .context-card--invite .context-card__name { display: none; } }