/* Start:/local/css/auth.css?179011238914941*/
.lp-auth-page {
  color: var(--lp-color-ink);
}

.lp-auth-page *,
.lp-auth-page *::before,
.lp-auth-page *::after {
  box-sizing: border-box;
}

.lp-auth-page__intro {
  max-width: 58rem;
  margin: 0 0 1.5rem;
  color: var(--lp-color-ink-muted);
  font-size: 1rem;
  line-height: 1.55;
}

.lp-auth-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.lp-auth-unified {
  width: min(100%, 40rem);
  margin-inline: auto;
  font-size: 0.9375rem;
}

.lp-auth-unified .lp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.lp-auth-unified--dialog {
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: clamp(1.25rem, 3vw, 2rem);
}

.lp-auth-unified__head {
  padding-right: 2.5rem;
}

.lp-auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 1.25rem;
  border-bottom: 1px solid var(--lp-color-line, #dfe6e1);
}

.lp-auth-tab {
  position: relative;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--lp-color-ink-muted, #66736b);
  padding: 0.625rem 0.35rem;
  font: inherit;
  font-size: 0.9375rem;
  cursor: pointer;
}

.lp-auth-tab::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: transparent;
  content: "";
}

.lp-auth-tab[aria-selected="true"] {
  color: var(--lp-color-ink, #222);
  font-weight: 650;
}

.lp-auth-tab[aria-selected="true"]::after {
  background: var(--lp-color-brand, #00a550);
}

.lp-auth-tab-panel[hidden] {
  display: none !important;
}

.lp-auth-method__intro {
  margin: 0 0 1rem;
  color: var(--lp-color-ink-muted, #66736b);
  font-size: 0.9375rem;
  line-height: 1.5;
}

.lp-auth-secondary-actions {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  color: var(--lp-color-ink-muted, #66736b);
  font-size: 0.9375rem;
}

.lp-auth-registration {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lp-color-brand, #00a550);
  border-radius: var(--lp-radius-sm, 0.625rem);
  color: var(--lp-color-brand, #00a550);
  padding: 0.625rem 1rem;
  font-weight: 650;
  text-decoration: none;
}

.lp-auth-social {
  margin-top: 1.5rem;
}

.lp-auth-social__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.lp-auth-social-button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  border-radius: var(--lp-radius-sm, 0.625rem);
  color: #fff;
  background: #66736b;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.lp-auth-social-button--yandexoauth {
  color: #171717;
  background: #ffcc00;
}

.lp-auth-social-button--vkontakte {
  background: #2787f5;
}

.lp-auth-social-button--bitrix24net {
  background: #2fc7f7;
}

.lp-auth-social__status {
  margin: 0.75rem 0 0;
  color: var(--lp-color-danger, #c93434);
  font-size: 0.8125rem;
}

.lp-auth-dialog {
  width: min(40rem, calc(100% - 2rem));
  max-width: none;
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid var(--lp-color-line, #dfe6e1);
  border-radius: var(--lp-radius-md, 0.875rem);
  color: var(--lp-color-ink, #222);
  background: var(--lp-color-surface, #fff);
  box-shadow: 0 1.5rem 5rem rgb(22 40 30 / 20%);
  z-index: 10050;
}

.lp-auth-dialog::backdrop {
  background: rgb(15 28 21 / 36%);
}

.lp-auth-dialog__surface {
  position: relative;
}

.lp-auth-dialog__close {
  position: absolute;
  z-index: 2;
  top: 0.875rem;
  right: 0.875rem;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--lp-color-line, #dfe6e1);
  border-radius: 50%;
  color: var(--lp-color-ink-muted, #66736b);
  background: var(--lp-color-surface, #fff);
  font: inherit;
  font-size: 1.5rem;
  cursor: pointer;
}

.lp-auth-dialog :focus-visible,
.lp-auth-tab:focus-visible,
.lp-auth-social-button:focus-visible,
.lp-auth-registration:focus-visible {
  outline: 3px solid var(--lp-color-focus, rgb(0 165 80 / 28%));
  outline-offset: 2px;
}

.lp-auth-card,
.lp-auth-single {
  min-width: 0;
  border: 1px solid var(--lp-color-line);
  border-radius: var(--lp-radius-md);
  background: var(--lp-color-surface);
  padding: clamp(1.25rem, 2.5vw, 2rem);
}

.lp-auth-single {
  max-width: 52rem;
}

.lp-auth-single--recovery {
  width: min(100%, 40rem);
  margin-inline: auto;
}

.lp-auth-card__head {
  margin: 0 0 1.25rem;
}

.lp-auth-card__head h2 {
  margin: 0.25rem 0 0.4rem;
  color: var(--lp-color-ink);
  font-size: 1.35rem;
  line-height: 1.25;
}

.lp-auth-card__head p:last-child,
.lp-auth-intro {
  margin: 0;
  color: var(--lp-color-ink-muted);
  line-height: 1.55;
}

.lp-auth-intro {
  margin-bottom: 1.25rem;
}

.lp-auth-kicker {
  margin: 0;
  color: var(--lp-color-brand);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.lp-auth-form {
  display: grid;
  gap: 1rem;
}

.lp-auth-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.lp-auth-field {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
}

.lp-auth-field label {
  color: var(--lp-color-ink);
  font-weight: 600;
}

.lp-auth-field label span[aria-hidden="true"] {
  color: var(--lp-color-danger);
}

.lp-auth-field input,
.lp-auth-field select,
.lp-auth-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--lp-color-line);
  border-radius: var(--lp-radius-sm);
  background: var(--lp-color-surface);
  color: var(--lp-color-ink);
  padding: 0.7rem 0.85rem;
  font: inherit;
}

.lp-auth-field input:focus-visible,
.lp-auth-field select:focus-visible,
.lp-auth-field textarea:focus-visible,
.lp-auth-check input:focus-visible,
.lp-auth-button:focus-visible,
.lp-auth-link-button:focus-visible,
.lp-auth-page a:focus-visible {
  outline: 3px solid var(--lp-color-focus);
  outline-offset: 2px;
}

.lp-auth-field input:disabled {
  background: var(--lp-color-surface-soft);
  color: var(--lp-color-ink-muted);
}

.lp-auth-field small,
.lp-auth-inline-form,
.lp-auth-requirements,
.lp-auth-resend {
  color: var(--lp-color-ink-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.lp-auth-captcha {
  display: block;
  width: 180px;
  max-width: 100%;
  height: 40px;
  border: 1px solid var(--lp-color-line);
  border-radius: var(--lp-radius-sm);
  object-fit: contain;
}

.lp-auth-check {
  display: inline-grid;
  grid-template-columns: 1.125rem minmax(0, auto);
  gap: 0.5rem;
  align-items: center;
  min-height: 44px;
  color: var(--lp-color-ink);
  line-height: 1.3;
}

.lp-auth-check input {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  align-self: center;
  accent-color: var(--lp-color-brand);
}

.lp-auth-consent {
  padding: 0.85rem;
  border-radius: var(--lp-radius-sm);
  background: var(--lp-color-surface-soft);
}

.lp-auth-button {
  min-height: 44px;
  border: 0;
  border-radius: var(--lp-radius-sm);
  background: var(--lp-color-brand);
  color: var(--lp-color-brand-on, #fff);
  padding: 0.75rem 1rem;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.lp-auth-button:hover {
  background: var(--lp-color-brand-hover);
  color: var(--lp-color-brand-on, #fff);
}

.lp-auth-button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.lp-auth-form__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
  justify-content: space-between;
}

.lp-auth-message {
  margin: 0 0 1rem;
  border: 1px solid var(--lp-color-line);
  border-radius: var(--lp-radius-sm);
  padding: 0.8rem 0.9rem;
  line-height: 1.45;
}

.lp-auth-message--error {
  border-color: color-mix(in srgb, var(--lp-color-danger) 38%, var(--lp-color-line));
  background: color-mix(in srgb, var(--lp-color-danger) 8%, var(--lp-color-surface));
  color: var(--lp-color-danger);
}

.lp-auth-message--notice {
  border-color: color-mix(in srgb, var(--lp-color-brand) 28%, var(--lp-color-line));
  background: color-mix(in srgb, var(--lp-color-brand) 7%, var(--lp-color-surface));
}

.lp-auth-message--success {
  border-color: color-mix(in srgb, var(--lp-color-brand) 38%, var(--lp-color-line));
  background: color-mix(in srgb, var(--lp-color-brand) 9%, var(--lp-color-surface));
  color: var(--lp-color-brand-hover);
}

.lp-auth-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.75rem;
  align-items: center;
  margin-top: 1rem;
}

.lp-auth-link-button {
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--lp-color-brand);
  padding: 0;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.lp-auth-link-button:hover,
.lp-auth-page a:hover {
  color: var(--lp-color-brand-hover);
}

.lp-auth-divider {
  position: relative;
  display: grid;
  place-items: center;
  height: 1px;
  margin: 0.25rem 0;
  background: var(--lp-color-line);
}

.lp-auth-divider span {
  position: absolute;
  background: var(--lp-color-surface);
  color: var(--lp-color-ink-muted);
  padding: 0 0.65rem;
}

.lp-auth-back {
  margin: 1rem 0 0;
}

.lp-auth-requirements {
  border-top: 1px solid var(--lp-color-line);
  padding-top: 1rem;
}

.lp-auth-resend {
  margin-top: 1rem;
}

@media (max-width: 48rem) {
  .lp-auth-page__grid,
  .lp-auth-fields-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-auth-card,
  .lp-auth-single {
    padding: 1rem;
  }

  .lp-auth-unified--dialog {
    padding: 1rem;
  }

  .lp-auth-unified__head {
    padding-right: 3rem;
  }
}

@media (max-width: 32rem) {
  .lp-auth-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-auth-tab {
    text-align: left;
  }

  .lp-auth-secondary-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .lp-auth-registration {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-auth-page *,
  .lp-auth-page *::before,
  .lp-auth-page *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* ===== 23.09.2026: окно входа в графите =====
   Вся оболочка сайта тёмная, а форма входа оставалась белым пятном - и на своей
   странице, и всплывающим окном поверх каталога. Вёрстка формы собрана на токенах
   палитры, поэтому не переписываем правила, а подменяем сами токены внутри блока:
   поля, вкладки, подписи и кнопки перекрашиваются сами.
   Светлая зона каталога при этом не трогается - подмена живёт только внутри входа. */

.lp-auth-page,
.lp-auth-dialog__surface {
  --lp-color-surface: #12161a;         /* сама карточка */
  --lp-color-surface-soft: #1b2126;    /* поля ввода и вложенные плашки */
  --lp-color-ink: #e8edea;
  --lp-color-ink-muted: #96a0a9;
  --lp-color-line: rgb(255 255 255 / 14%);
  color: var(--lp-color-ink);
}

/* Страница входа: тёмная зона на всю ширину, чтобы карточка не висела белым
   прямоугольником на светлом листе. Отступы повторяют обычную страницу. */
.lp-auth-page {
  margin: -1.5rem 0 0;
  padding: 2.5rem 0 3rem;
  background: #0d1114;
}

.lp-auth-card,
.lp-auth-unified {
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 1rem;
  background: #12161a;
  box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 35%);
}

.lp-auth-unified--dialog {
  border: 0;
  box-shadow: none;
}

.lp-auth-dialog__surface {
  background: #12161a;
}

.lp-auth-dialog::backdrop {
  background: rgb(6 10 8 / 62%);
}

.lp-auth-dialog__close {
  border: 0;
  background: #1b2126;
  color: #e8edea;
}

.lp-auth-dialog__close:hover,
.lp-auth-dialog__close:focus-visible {
  background: #232b31;
}

/* Поля: на тон светлее карточки, иначе рамка сливается и поле не читается. */
.lp-auth-page .lp-auth-field input,
.lp-auth-page .lp-auth-field select,
.lp-auth-page .lp-auth-field textarea,
.lp-auth-dialog__surface .lp-auth-field input,
.lp-auth-dialog__surface .lp-auth-field select,
.lp-auth-dialog__surface .lp-auth-field textarea {
  border-color: rgb(255 255 255 / 16%);
  background: #1b2126;
  color: #e8edea;
}

.lp-auth-page .lp-auth-field input::placeholder,
.lp-auth-dialog__surface .lp-auth-field input::placeholder {
  color: #6f7a83;
}

.lp-auth-page .lp-auth-field input:focus-visible,
.lp-auth-dialog__surface .lp-auth-field input:focus-visible {
  border-color: var(--lp-color-brand, #00a550);
  outline: 2px solid rgb(0 165 80 / 35%);
  outline-offset: 1px;
}

/* Автозаполнение браузера красит поле в белый своим фоном - перебиваем тенью. */
.lp-auth-page input:-webkit-autofill,
.lp-auth-dialog__surface input:-webkit-autofill {
  -webkit-text-fill-color: #e8edea;
  box-shadow: inset 0 0 0 1000px #1b2126;
}

.lp-auth-kicker {
  color: var(--lp-color-brand, #00a550);
}

.lp-auth-tabs {
  border-bottom-color: rgb(255 255 255 / 12%);
}

.lp-auth-tab[aria-selected="true"] {
  color: #ffffff;
}

.lp-auth-divider {
  color: #7d8891;
}

.lp-auth-divider::before,
.lp-auth-divider::after {
  background: rgb(255 255 255 / 12%);
}

.lp-auth-check {
  color: #c6ced4;
}

.lp-auth-page a,
.lp-auth-dialog__surface a {
  color: #7fd6a6;
}

.lp-auth-page a:hover,
.lp-auth-dialog__surface a:hover {
  color: #9ce4bd;
}

/* Заголовок страницы «Авторизация» стоит над тёмной зоной: на белом фоне
   получалась полоса светлого между шапкой и карточкой. */
body.lp-route-auth .lp-page-top {
  background: #0d1114;
}

body.lp-route-auth .lp-page-top h1,
body.lp-route-auth .lp-page-top .lp-breadcrumbs a,
body.lp-route-auth .lp-page-top .lp-breadcrumbs li {
  color: #e8edea;
}

body.lp-route-auth .lp-page-top .lp-breadcrumbs a:hover {
  color: #ffffff;
}

body.lp-route-auth .lp-page-content {
  background: #0d1114;
}

/* Страница входа тёмная целиком: до этого светлыми оставались поля по краям -
   тёмный блок сидел внутри контейнера, а сама страница под ним была белой. */
body.lp-route-auth {
  background: #0d1114;
}

body.lp-route-auth .lp-site-main {
  background: #0d1114;
}

body.lp-route-auth .lp-page-content {
  padding-bottom: 0;
}

/* End */
/* /local/css/auth.css?179011238914941 */