/* Посадочная «Почта»: только то, чего нет на главной. Секции, карточки и экраны — из /v2/css/landing-v2.css */

/* метка канала над заголовком: плашка в цвете канала, как в ряду каналов главной */
.email-kicker {
  display: inline-flex; align-items: center; gap: var(--s-3); margin-bottom: var(--s-5);
  color: var(--text-2); font-size: var(--fs-small); font-weight: var(--fw-semibold);
}
.email-kicker .plate { background: var(--brand-mail); color: var(--cta-text); box-shadow: none; }
.email-kicker .plate .icon { width: var(--icon-sm); height: var(--icon-sm); }

/* в hero нет ряда каналов, поэтому переписка не сдвигается под плашку MAX */
.page-email .hero__stage { margin-left: auto; }

/* карточки по три в ряд под заголовком на всю ширину; уже — по две, на телефоне — столбиком (правила главной) */
.email-grid > .fit__head { grid-column: 1 / -1; padding-right: 0; }
.email-grid .niche { grid-column: span 4; }
@media (max-width: 1279px) {
  .email-grid .niche { grid-column: span 3; }
  .email-grid .niche:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .email-grid .niche, .email-grid .niche:last-child:nth-child(odd) { grid-column: 1; }
}

/* номер шага вместо иконки: тот же размер, что у иконок карточек */
.email-step {
  display: grid; place-items: center; flex: none;
  width: var(--source); height: var(--source); margin-bottom: var(--s-2);
  border-radius: 50%; background: var(--cta); color: var(--cta-text);
  font-weight: var(--fw-semibold); font-size: var(--fs-small); line-height: 1;
}
@media (max-width: 720px) {
  .email-step { grid-row: 1 / 3; width: var(--icon); height: var(--icon); margin: 0; font-size: var(--fs-caption, 13px); }
}