/* =========================================================
nk-info.css — слой группы «info»
Инфо: /contacts/, /delivery/, /policy/, /consent/, /auth/, 404, карта сайта — группа info
Подключается в header.php после css/nk-base.css (прямой с ?v=filemtime).
Правила писать ТОЛЬКО здесь и только под скоупом body.nk-inner + своя обёртка страницы
(например body.nk-inner .nk-info-...). Токены (--nk-*) и компоненты (.nk-btn, .nk-field,
.nk-check, .nk-card, .nk-tile, .nk-panel ...) — из nk-base.css, не переопределять глобально.
========================================================= */
/* ---------- /contacts/ (.nk-ct) ---------- */
body.nk-inner .nk-ct { color: var(--nk-text); }
.nk-ct-i { width: 1em; height: 1em; display: block; }
/* Верх: карточка контактов + карта и фото шоурума (по образцу .nk-show главной) */
.nk-ct-top { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 28px; align-items: stretch; }
.nk-ct-card {
display: flex;
flex-direction: column;
padding: 40px 36px 36px;
border-radius: 30px;
background: var(--nk-card);
color: var(--nk-text);
}
body.nk-inner .nk-ct-card__title { margin: 0; font-size: 36px; line-height: 1.05; font-weight: 400; color: var(--nk-text); }
body.nk-inner .nk-ct-card__title b { color: var(--nk-navy); }
.nk-ct-list { display: flex; flex-direction: column; gap: 22px; margin: 30px 0 0; padding: 0; list-style: none; }
body.nk-inner .nk-ct-list li { list-style: none; }
.nk-ct-item { display: flex; align-items: flex-start; gap: 16px; }
.nk-ct-item__ic {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
color: var(--nk-blue);
font-size: 24px;
box-shadow: var(--nk-shadow-tile);
}
.nk-ct-item__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding-top: 2px; }
.nk-ct-item__label { font-size: 15px; line-height: 18px; color: #7a8599; }
body.nk-inner .nk-ct-item__val { font-size: 19px; line-height: 24px; font-weight: 400; color: var(--nk-text); overflow-wrap: anywhere; }
body.nk-inner a.nk-ct-item__val { transition: color .2s; }
body.nk-inner a.nk-ct-item__val:hover { color: var(--nk-blue); }
body.nk-inner .nk-ct-item__val--big { font-size: 26px; line-height: 30px; font-weight: 700; color: var(--nk-navy); white-space: nowrap; }
.nk-ct-item__note { font-size: 15px; line-height: 19px; color: #7a8599; }
.nk-ct-card__soc { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(54, 82, 157, .14); }
.nk-ct-card__soc-row { display: flex; gap: 10px; }
.nk-ct-card__soc-row a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--nk-grad-sq); transition: transform .2s, box-shadow .2s; }
.nk-ct-card__soc-row a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(75, 186, 249, .4); }
.nk-ct-card__soc-row img { height: 20px; width: auto; display: block; }
.nk-ct-card__btns { display: flex; flex-direction: column; gap: 12px; margin-top: auto; padding-top: 28px; }
body.nk-inner .nk-ct-card__btns .nk-btn { width: 100%; }
body.nk-inner .nk-ct-card__btns .nk-btn small { margin-left: 6px; font-size: 13px; font-weight: 400; color: var(--nk-grey); }
.nk-ct-card__btns .nk-btn--white .nk-btn__circle { font-size: 24px; }
.nk-ct-show { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(360px, 1fr) 250px; gap: 17px 20px; min-width: 0; }
.nk-ct-show__map { grid-column: 1 / 3; border-radius: 30px; overflow: hidden; background: #e6e8ec; }
.nk-ct-show__map .nk-map, .nk-ct-show__map iframe { display: block; width: 100%; height: 100%; min-height: 360px; border: 0; }
.nk-ct-show__ph { display: block; width: 100%; height: 100%; min-height: 0; border-radius: 30px; object-fit: cover; }
/* «Мы на связи» (общий инклуд .nk-soc-panel) — отступ как у разделов */
body.nk-inner .nk-ct .nk-soc-panel { margin-top: 84px; }
/* Частые вопросы: плитки-кнопки, открывают модалку «Обратный звонок» */
.nk-ct-faq__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
body.nk-inner .nk-ct-q {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
min-height: 96px;
padding: 16px 20px;
border: 0;
font: inherit;
text-align: left;
color: var(--nk-text);
cursor: pointer;
}
body.nk-inner .nk-ct-q:hover { transform: translateY(-3px); box-shadow: var(--nk-shadow-tile-h); }
body.nk-inner .nk-ct-q:focus-visible { outline: 3px solid rgba(75, 186, 249, .45); outline-offset: 2px; }
.nk-ct-q__ic { flex: none; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--nk-card); color: var(--nk-navy); font-size: 26px; }
.nk-ct-q__txt { flex: 1; min-width: 0; font-size: 18px; line-height: 23px; font-weight: 400; }
.nk-ct-q__go { flex: none; font-size: 20px; color: var(--nk-blue); transition: transform .25s; }
.nk-ct-q:hover .nk-ct-q__go { transform: rotate(45deg); }
/* Форма заявки (общий инклуд .nk-lead) — отступ как у разделов */
body.nk-inner .nk-ct .nk-lead { margin-top: 84px; margin-bottom: 0; }
@media (max-width: 1260px) {
.nk-ct-top { grid-template-columns: 370px minmax(0, 1fr); gap: 20px; }
.nk-ct-card { padding: 32px 26px 28px; }
body.nk-inner .nk-ct-card__title { font-size: 30px; }
body.nk-inner .nk-ct-item__val--big { font-size: 23px; }
.nk-ct-show { grid-template-rows: minmax(320px, 1fr) 200px; }
.nk-ct-q__txt { font-size: 17px; line-height: 21px; }
}
@media (max-width: 1024px) {
.nk-ct-faq__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.nk-ct-top { grid-template-columns: minmax(0, 1fr); }
.nk-ct-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
.nk-ct-card__btns { flex-direction: row; }
body.nk-inner .nk-ct-card__btns .nk-btn { width: auto; flex: 1; }
.nk-ct-show { grid-template-rows: 340px 220px; }
}
@media (max-width: 640px) {
.nk-ct-top { gap: 16px; }
.nk-ct-card { padding: 26px 18px 20px; border-radius: 24px; }
body.nk-inner .nk-ct-card__title { font-size: 26px; }
.nk-ct-list { display: flex; gap: 16px; margin-top: 22px; }
.nk-ct-item { gap: 12px; }
.nk-ct-item__ic { width: 44px; height: 44px; font-size: 20px; }
.nk-ct-item__label, .nk-ct-item__note { font-size: 13px; line-height: 16px; }
body.nk-inner .nk-ct-item__val { font-size: 16px; line-height: 21px; }
body.nk-inner .nk-ct-item__val--big { font-size: 21px; line-height: 26px; }
.nk-ct-card__soc { margin-top: 20px; padding-top: 16px; }
.nk-ct-card__soc-row a { width: 42px; height: 42px; }
.nk-ct-card__btns { flex-direction: column; padding-top: 20px; gap: 10px; }
body.nk-inner .nk-ct-card__btns .nk-btn { width: 100%; }
.nk-ct-show { grid-template-rows: 300px 140px; gap: 10px; }
.nk-ct-show__map, .nk-ct-show__ph { border-radius: 20px; }
.nk-ct-show__map .nk-map, .nk-ct-show__map iframe { min-height: 300px; }
body.nk-inner .nk-ct .nk-soc-panel { margin-top: 60px; }
.nk-ct-faq__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 22px; }
body.nk-inner .nk-ct-q { min-height: 0; padding: 12px 14px; gap: 12px; }
.nk-ct-q__ic { width: 40px; height: 40px; font-size: 20px; }
.nk-ct-q__txt { font-size: 15px; line-height: 19px; }
body.nk-inner .nk-ct .nk-lead { margin-top: 60px; }
}
/* ---------- /delivery/ (.nk-dl) ---------- */
body.nk-inner .nk-dl { color: var(--nk-text); }
.nk-dl-sec .nk-sub { max-width: 900px; }
.nk-dl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 40px; align-items: stretch; }
/* Доставка: светлые/тёмные карточки главной (.nk-card) */
body.nk-inner .nk-dl-card { display: flex; flex-direction: column; padding: 30px 30px 32px; }
.nk-dl-card__ic { display: flex; align-items: center; justify-content: center; width: 106px; height: 106px; border-radius: 50%; background: #fff; }
.nk-dl-card__ic img { display: block; width: 70px; height: 62px; object-fit: contain; }
body.nk-inner .nk-dl-card__title { margin: 22px 0 0; font-size: 24px; line-height: 28px; font-weight: 700; color: var(--nk-blue); }
body.nk-inner .nk-card--dark .nk-dl-card__title { color: #fff; }
body.nk-inner .nk-dl-card__text { margin: 12px 0 0; font-size: 18px; line-height: 25px; font-weight: 300; }
body.nk-inner .nk-card--dark .nk-dl-card__text { color: #fff; }
body.nk-inner .nk-dl-accent { font-weight: 700; color: var(--nk-navy); }
/* Оплата: белые плитки */
body.nk-inner .nk-dl-pay { display: flex; flex-direction: column; padding: 28px 30px 30px; border-radius: 30px; }
.nk-dl-pay__ic { display: flex; align-items: center; justify-content: center; width: 106px; height: 106px; border-radius: 50%; background: var(--nk-card); }
.nk-dl-pay__ic img { display: block; width: 66px; height: 66px; object-fit: contain; }
body.nk-inner .nk-dl-pay__title { margin: 22px 0 0; font-size: 22px; line-height: 27px; font-weight: 700; color: var(--nk-navy); }
body.nk-inner .nk-dl-pay__text { margin: 10px 0 0; font-size: 18px; line-height: 25px; font-weight: 300; }
.nk-dl-more { display: flex; justify-content: center; margin-top: 40px; }
body.nk-inner .nk-dl-more .nk-btn { min-width: 320px; }
/* Полезные документы — белая панель 1440 */
.nk-dl-docs__in { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 48px; align-items: center; }
.nk-dl-docs__list { display: flex; flex-direction: column; gap: 14px; }
body.nk-inner .nk-dl-doc { display: flex; align-items: center; gap: 18px; min-height: 92px; padding: 18px 24px; border-radius: 24px; background: var(--nk-bg); box-shadow: none; color: var(--nk-text); }
body.nk-inner a.nk-dl-doc:hover { background: #fff; box-shadow: var(--nk-shadow-tile-h); }
.nk-dl-doc__ic { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: var(--nk-grad-sq); color: #fff; }
.nk-dl-doc__ic svg { width: 28px; height: 28px; display: block; }
.nk-dl-doc__txt { flex: 1; min-width: 0; font-size: 20px; line-height: 24px; font-weight: 700; color: var(--nk-navy); }
.nk-dl-doc__txt small { margin-left: 6px; font-size: 13px; font-weight: 400; color: var(--nk-grey); }
.nk-dl-doc__go { flex: none; font-size: 22px; color: var(--nk-blue); transition: transform .25s; }
.nk-dl-doc:hover .nk-dl-doc__go { transform: rotate(45deg); }
/* «Мы на связи» (общий инклуд) после панели */
body.nk-inner .nk-dl + .nk-soc-panel { margin-top: 84px; }
@media (max-width: 1260px) {
.nk-dl-grid { gap: 18px; }
body.nk-inner .nk-dl-card, body.nk-inner .nk-dl-pay { padding: 24px 22px 26px; }
body.nk-inner .nk-dl-card__title, body.nk-inner .nk-dl-pay__title { font-size: 20px; line-height: 24px; }
body.nk-inner .nk-dl-card__text, body.nk-inner .nk-dl-pay__text { font-size: 17px; line-height: 23px; }
.nk-dl-docs__in { grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; }
}
@media (max-width: 900px) {
.nk-dl-grid { grid-template-columns: minmax(0, 1fr); }
body.nk-inner .nk-dl-card, body.nk-inner .nk-dl-pay { display: grid; grid-template-columns: 80px minmax(0, 1fr); column-gap: 18px; align-items: start; }
.nk-dl-card__ic, .nk-dl-pay__ic { grid-row: 1 / span 4; width: 80px; height: 80px; }
.nk-dl-card__ic img, .nk-dl-pay__ic img { width: 52px; height: 48px; }
body.nk-inner .nk-dl-card__title, body.nk-inner .nk-dl-pay__title { margin-top: 4px; }
.nk-dl-docs__in { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 640px) {
.nk-dl-grid { gap: 12px; margin-top: 24px; }
body.nk-inner .nk-dl-card, body.nk-inner .nk-dl-pay { grid-template-columns: 56px minmax(0, 1fr); column-gap: 14px; padding: 18px 16px 20px; border-radius: 24px; }
.nk-dl-card__ic, .nk-dl-pay__ic { width: 56px; height: 56px; }
.nk-dl-card__ic img, .nk-dl-pay__ic img { width: 36px; height: 34px; }
body.nk-inner .nk-dl-card__title, body.nk-inner .nk-dl-pay__title { margin-top: 2px; font-size: 18px; line-height: 22px; }
body.nk-inner .nk-dl-card__text, body.nk-inner .nk-dl-pay__text { margin-top: 8px; font-size: 15px; line-height: 21px; }
.nk-dl-more { margin-top: 24px; }
body.nk-inner .nk-dl-more .nk-btn { width: 100%; min-width: 0; }
body.nk-inner .nk-dl-doc { min-height: 72px; padding: 12px 14px; gap: 12px; border-radius: 20px; }
.nk-dl-doc__ic { width: 46px; height: 46px; border-radius: 14px; }
.nk-dl-doc__ic svg { width: 24px; height: 24px; }
.nk-dl-doc__txt { font-size: 17px; line-height: 21px; }
body.nk-inner .nk-dl + .nk-soc-panel { margin-top: 60px; }
}
/* ---------- /policy/, /consent/ (.nk-legal) — только обёртка и типографика, текст документов не менять ---------- */
body.nk-inner .nk-legal { color: var(--nk-text); }
.nk-legal--toc { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; }
.nk-legal__toc {
position: sticky;
top: 96px; /* под липкой шапкой (64 + 10) */
z-index: 2;
max-height: calc(100vh - 116px);
overflow: auto;
padding: 26px 22px 22px;
border-radius: 30px;
background: #fff;
box-shadow: var(--nk-shadow-tile);
overscroll-behavior: contain;
}
body.nk-inner .nk-legal__toc-title { margin: 0 0 12px; font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--nk-grey); }
.nk-legal__toc-list { margin: 0; padding: 0; list-style: none; counter-reset: nk-toc; }
body.nk-inner .nk-legal__toc-list li { list-style: none; counter-increment: nk-toc; }
body.nk-inner .nk-legal__toc-list a {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
gap: 10px;
padding: 9px 8px;
border-radius: 14px;
font-size: 15px;
line-height: 19px;
color: var(--nk-text);
transition: background .2s, color .2s;
}
body.nk-inner .nk-legal__toc-list a::before {
content: counter(nk-toc);
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--nk-card);
font-size: 13px;
font-weight: 700;
color: var(--nk-navy);
}
body.nk-inner .nk-legal__toc-list a:hover { background: var(--nk-bg); color: var(--nk-navy); }
/* активный пункт — только пока оглавление липкое (>1024); на мобильных это статичный список */
@media (min-width: 1025px) {
body.nk-inner .nk-legal__toc-list a.is-active { background: var(--nk-bg); color: var(--nk-navy); font-weight: 400; }
body.nk-inner .nk-legal__toc-list a.is-active::before { background: var(--nk-grad-sq); color: #fff; }
}
.nk-legal__doc {
min-width: 0;
padding: 56px 64px 60px;
border-radius: 40px;
background: #fff;
box-shadow: var(--nk-shadow-panel);
font-size: 18px;
line-height: 1.65;
font-weight: 300;
color: var(--nk-text);
overflow-wrap: break-word;
}
/* без оглавления (/consent/): панель на всю сетку .nk-wrap (край = крошки/H1), ширину строки ограничивает текст внутри */
body.nk-inner .nk-legal:not(.nk-legal--toc) .nk-legal__doc > * { max-width: 880px; }
body.nk-inner .nk-legal__doc > :first-child { margin-top: 0; }
body.nk-inner .nk-legal__doc p { margin: 0 0 14px; font-size: inherit; line-height: inherit; }
body.nk-inner .nk-legal__doc h2 {
margin: 48px 0 18px;
padding-top: 32px;
border-top: 1px solid #e8ecf2;
font-size: 26px;
line-height: 1.25;
font-weight: 700;
color: var(--nk-navy);
/* отступ при переходе по якорю даёт html{scroll-padding-top:96px} основы — свой scroll-margin не добавлять */
}
body.nk-inner .nk-legal__doc > h2:first-child { padding-top: 0; border-top: 0; }
body.nk-inner .nk-legal__doc h3 { margin: 30px 0 12px; font-size: 20px; line-height: 1.35; font-weight: 700; color: var(--nk-text); }
body.nk-inner .nk-legal__doc ul { margin: 0 0 18px; padding: 0; list-style: none; }
body.nk-inner .nk-legal__doc li { position: relative; margin: 0 0 8px; padding-left: 26px; list-style: none; font-size: inherit; line-height: inherit; }
body.nk-inner .nk-legal__doc li::before {
content: '';
position: absolute;
left: 4px;
top: .66em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--nk-grad-sq);
}
body.nk-inner .nk-legal__doc a { color: var(--nk-blue); text-decoration: underline; text-underline-offset: 3px; }
/* Связанный документ внизу */
.nk-legal-next { margin-top: 28px; }
.nk-legal--toc + .nk-legal-next { padding-left: 318px; }
body.nk-inner .nk-legal-next__link { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-radius: 30px; color: var(--nk-text); }
.nk-legal-next__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.nk-legal-next__label { font-size: 15px; line-height: 18px; color: var(--nk-grey); }
.nk-legal-next__title { font-size: 20px; line-height: 25px; font-weight: 700; color: var(--nk-navy); }
.nk-legal-next__go { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: var(--nk-grad-sq); color: #fff; font-size: 24px; transition: transform .25s; }
.nk-legal-next__link:hover .nk-legal-next__go { transform: rotate(45deg); }
@media (max-width: 1260px) {
.nk-legal--toc { grid-template-columns: 250px minmax(0, 1fr); gap: 20px; }
.nk-legal--toc + .nk-legal-next { padding-left: 270px; }
.nk-legal__doc { padding: 44px 44px 48px; font-size: 17px; }
body.nk-inner .nk-legal__doc h2 { font-size: 23px; }
}
@media (max-width: 1024px) {
/* оглавление — над документом, не липкое */
.nk-legal--toc { grid-template-columns: minmax(0, 1fr); }
.nk-legal__toc { position: static; max-height: none; overflow: visible; }
.nk-legal__toc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 12px; }
.nk-legal--toc + .nk-legal-next { padding-left: 0; }
}
@media (max-width: 640px) {
.nk-legal--toc { gap: 12px; }
.nk-legal__toc { padding: 18px 12px 12px; border-radius: 24px; }
body.nk-inner .nk-legal__toc-title { margin-left: 8px; font-size: 13px; }
.nk-legal__toc-list { grid-template-columns: minmax(0, 1fr); }
body.nk-inner .nk-legal__toc-list a { font-size: 14px; line-height: 18px; padding: 7px 6px; }
.nk-legal__doc { padding: 26px 18px 28px; border-radius: 28px; font-size: 16px; line-height: 1.6; }
body.nk-inner .nk-legal__doc h2 { margin-top: 32px; padding-top: 24px; font-size: 20px; }
body.nk-inner .nk-legal__doc h3 { margin-top: 22px; font-size: 17px; }
body.nk-inner .nk-legal__doc li { padding-left: 20px; }
body.nk-inner .nk-legal__doc li::before { left: 2px; width: 7px; height: 7px; }
.nk-legal-next { margin-top: 16px; }
body.nk-inner .nk-legal-next__link { padding: 16px; border-radius: 24px; gap: 12px; }
.nk-legal-next__title { font-size: 16px; line-height: 21px; }
.nk-legal-next__go { width: 46px; height: 46px; border-radius: 14px; font-size: 20px; }
}
/* H1 баннера на юр. страницах — длинное название документа, кегль меньше */
body.nk-inner .nk-top--legal .nk-top__title { max-width: 1100px; font-size: 40px; line-height: 48px; }
@media (max-width: 1260px) { body.nk-inner .nk-top--legal .nk-top__title { font-size: 36px; line-height: 44px; } }
@media (max-width: 900px) { body.nk-inner .nk-top--legal .nk-top__title { font-size: 30px; line-height: 36px; } }
@media (max-width: 640px) { body.nk-inner .nk-top--legal .nk-top__title { font-size: 24px; line-height: 30px; } }
/* ---------- /auth/ и все формы CMain::AuthForm (.nk-auth, шаблоны system.auth.* .default) ---------- */
body.nk-inner .nk-auth { display: flex; justify-content: center; width: min(1200px, calc(100% - 40px)); margin: 0 auto; color: var(--nk-text); }
.nk-auth__card {
width: 100%;
max-width: 540px;
padding: 48px 48px 40px;
border-radius: 40px;
background: #fff;
box-shadow: var(--nk-shadow-panel);
font-size: 16px;
line-height: 1.4;
}
.nk-auth--wide .nk-auth__card { max-width: 680px; }
body.nk-inner .nk-auth__title { margin: 0; font-size: 34px; line-height: 1.1; font-weight: 400; color: var(--nk-text); }
body.nk-inner .nk-auth__title b { color: var(--nk-navy); }
body.nk-inner .nk-auth__note { margin: 10px 0 0; font-size: 17px; line-height: 1.35; color: var(--nk-grey); }
.nk-auth__form { margin-top: 8px; }
.nk-auth__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
body.nk-inner .nk-auth .nk-field > span { color: var(--nk-text); }
body.nk-inner .nk-auth .nk-field input[disabled] { color: var(--nk-grey); cursor: not-allowed; }
.nk-auth__req { margin-right: 3px; font-weight: 700; color: var(--nk-err); }
body.nk-inner .nk-auth .nk-check { margin-top: 20px; }
body.nk-inner .nk-auth__submit { margin-top: 26px; height: 72px; }
body.nk-inner .nk-auth__submit .nk-btn__circle { width: 56px; height: 56px; }
body.nk-inner .nk-auth__hint { margin: 10px 0 0; font-size: 14px; line-height: 1.4; color: var(--nk-grey); }
.nk-auth__hint--center { text-align: center; }
body.nk-inner .nk-auth__group { margin: 24px 0 0; font-size: 15px; font-weight: 700; color: var(--nk-navy); }
.nk-auth__captcha { margin-top: 17px; }
.nk-auth__captcha img { display: block; border-radius: 8px; }
.nk-auth__consent:empty, .nk-auth__consent:not(:has(*)) { display: none; }
.nk-auth__consent { margin-top: 20px; font-size: 14px; }
.nk-auth__links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 22px; margin-top: 24px; font-size: 16px; }
.nk-auth__links span { color: var(--nk-grey); }
body.nk-inner .nk-auth__links a { color: var(--nk-blue); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(75, 186, 249, .35); text-underline-offset: 4px; transition: color .2s; }
body.nk-inner .nk-auth__links a:hover { color: var(--nk-navy); }
.nk-auth__actions { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
body.nk-inner .nk-auth__actions .nk-btn { height: 72px; }
body.nk-inner .nk-auth__actions .nk-btn__circle { width: 56px; height: 56px; }
/* Сообщения ShowMessage: */
.nk-auth__msg:empty, .nk-auth__msg:not(:has(*)) { display: none; }
body.nk-inner .nk-auth__msg { margin-top: 16px; }
body.nk-inner .nk-auth__msg p { margin: 0 0 8px; }
body.nk-inner .nk-auth__msg .errortext,
body.nk-inner .nk-auth__msg .notetext {
display: block;
padding: 12px 16px;
border: 1.5px solid transparent;
border-radius: 14px;
font-size: 15px;
line-height: 1.4;
}
body.nk-inner .nk-auth__msg .errortext { color: var(--nk-err); background: #fff6f5; border-color: var(--nk-err-line); }
body.nk-inner .nk-auth__msg .notetext { color: var(--nk-ok); background: #f1faf4; border-color: #9fd8b5; }
/* соцсервисы (если включат) */
.nk-auth__services { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e8ecf2; }
@media (max-width: 640px) {
body.nk-inner .nk-auth { width: calc(100% - 32px); } /* поля 16 px, как у .nk-wrap */
.nk-auth__card { padding: 30px 18px 26px; border-radius: 28px; }
body.nk-inner .nk-auth__title { font-size: 26px; }
body.nk-inner .nk-auth__note { font-size: 15px; }
.nk-auth__row { grid-template-columns: minmax(0, 1fr); }
body.nk-inner .nk-auth__submit, body.nk-inner .nk-auth__actions .nk-btn { height: 64px; }
body.nk-inner .nk-auth__submit .nk-btn__circle, body.nk-inner .nk-auth__actions .nk-btn__circle { width: 50px; height: 50px; }
.nk-auth__links { font-size: 15px; }
}
/* ---------- 404 (.nk-404) ---------- */
body.nk-inner .nk-404 { color: var(--nk-text); }
.nk-404-i { width: 1em; height: 1em; display: block; }
.nk-404__hero {
display: grid;
grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
gap: 56px;
align-items: center;
padding: 60px 64px;
border-radius: 40px;
background: #fff;
box-shadow: var(--nk-shadow-panel);
}
.nk-404__code {
font-size: 200px;
line-height: .9;
font-weight: 800;
letter-spacing: -.04em;
text-align: center;
background: linear-gradient(135deg, #36529d 0%, #4bbaf9 55%, #9ee9ff 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
user-select: none;
}
body.nk-inner .nk-404__title { margin: 0; font-size: 43px; line-height: 1.05; font-weight: 400; color: var(--nk-text); }
body.nk-inner .nk-404__title b { color: var(--nk-navy); }
.nk-404__search {
display: flex;
align-items: center;
gap: 10px;
height: 58px;
margin-top: 30px;
padding: 0 6px 0 18px;
border: 1.5px solid transparent;
border-radius: 999px;
background: var(--nk-bg);
transition: border-color .2s, background-color .2s;
}
.nk-404__search:focus-within { border-color: var(--nk-blue); background: #fff; }
.nk-404__search-ic { flex: none; font-size: 22px; color: var(--nk-blue); }
body.nk-inner .nk-404__search input {
flex: 1;
min-width: 0;
height: 54px;
margin: 0;
padding: 0;
border: 0;
background: none;
outline: none;
font: 300 20px/1.2 'Geologica', Arial, sans-serif;
color: var(--nk-text);
}
body.nk-inner .nk-404__search input::placeholder { color: #b9bcc4; opacity: 1; }
body.nk-inner .nk-404__search button {
flex: none;
height: 46px;
padding: 0 26px;
border: 0;
border-radius: 999px;
background: var(--nk-grad);
color: #fff;
font: 700 17px 'Geologica', Arial, sans-serif;
cursor: pointer;
transition: filter .2s, box-shadow .2s;
}
body.nk-inner .nk-404__search button:hover { filter: brightness(1.05); box-shadow: 0 8px 22px rgba(75, 186, 249, .35); }
.nk-404__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
body.nk-inner .nk-404__btns .nk-btn { min-width: 230px; }
.nk-404__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
body.nk-inner .nk-404__link { display: flex; align-items: center; gap: 16px; min-height: 84px; padding: 16px 20px; color: var(--nk-text); }
.nk-404__link-ic { flex: none; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--nk-card); color: var(--nk-navy); font-size: 26px; }
.nk-404__link-txt { flex: 1; min-width: 0; font-size: 19px; line-height: 23px; font-weight: 400; }
.nk-404__link-go { flex: none; font-size: 20px; color: var(--nk-blue); transition: transform .25s; }
.nk-404__link:hover .nk-404__link-go { transform: rotate(45deg); }
@media (max-width: 1260px) {
.nk-404__hero { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 40px; padding: 48px 44px; }
.nk-404__code { font-size: 150px; }
body.nk-inner .nk-404__title { font-size: 36px; }
}
@media (max-width: 1024px) {
.nk-404__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.nk-404__hero { grid-template-columns: minmax(0, 1fr); gap: 18px; text-align: center; }
.nk-404__code { font-size: 130px; }
.nk-404__btns { justify-content: center; }
}
@media (max-width: 640px) {
.nk-404__hero { padding: 32px 18px 26px; border-radius: 28px; }
.nk-404__code { font-size: 104px; }
body.nk-inner .nk-404__title { font-size: 28px; line-height: 1.1; }
.nk-404__search { height: 52px; margin-top: 22px; padding: 0 5px 0 14px; }
body.nk-inner .nk-404__search input { height: 48px; font-size: 17px; }
body.nk-inner .nk-404__search button { height: 42px; padding: 0 16px; font-size: 15px; }
.nk-404__btns { flex-direction: column; }
body.nk-inner .nk-404__btns .nk-btn { width: 100%; min-width: 0; }
.nk-404__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 22px; }
body.nk-inner .nk-404__link { min-height: 64px; padding: 10px 14px; gap: 12px; }
.nk-404__link-ic { width: 44px; height: 44px; font-size: 22px; }
.nk-404__link-txt { font-size: 16px; line-height: 20px; }
}
/* Форма входа внутри страниц /personal/* (обёртка группы commerce .nk-lk--page — уже белая панель):
карточка без своей тени/полей, общие правила .nk-lk (label, submit) не перекрашивают поля и кнопку. */
body.nk-inner .nk-lk .nk-auth { width: 100%; }
body.nk-inner .nk-lk .nk-auth__card { max-width: 540px; margin: 0 auto; padding: 0; border-radius: 0; background: none; box-shadow: none; }
body.nk-inner .nk-lk .nk-auth--wide .nk-auth__card { max-width: 680px; }
body.nk-inner .nk-lk .nk-auth .nk-field > span,
body.nk-inner .nk-lk .nk-auth .nk-check span { font-weight: 300; }
body.nk-inner .nk-lk .nk-auth .nk-check { font-size: 15px; }
body.nk-inner .nk-lk .nk-auth .nk-auth__submit,
body.nk-inner .nk-lk .nk-auth .nk-auth__actions .nk-btn { justify-content: space-between; width: 100%; height: 72px; padding: 0 10px 0 26px; border-radius: 999px; font-size: 18.9px; }
/* компонент раздела после формы повторяет то же сообщение («…необходимо авторизоваться») — оно уже есть в карточке */
body.nk-inner .nk-auth ~ p:has(> font.errortext),
body.nk-inner .nk-lk > .nk-auth ~ p:has(> font.errortext) { display: none; }
@media (max-width: 640px) {
body.nk-inner .nk-lk .nk-auth .nk-auth__submit,
body.nk-inner .nk-lk .nk-auth .nk-auth__actions .nk-btn { height: 64px; font-size: 17px; }
}
/* ---------- Документы: пометка «проект», строка редакции, список других документов (аудит 01.10.2026, задача Л2) ---------- */
body.nk-inner .nk-legal__note { margin: 0 0 26px; padding: 14px 18px; border-radius: 16px; background: #fff6dc; border: 1px solid #f1d98a; color: #6b5200; font-size: 16px; line-height: 1.45; max-width: none; }
body.nk-inner .nk-legal__ed { margin: 34px 0 0; padding-top: 18px; border-top: 1px solid #e3ecf5; color: var(--nk-grey); font-size: 16px; }
body.nk-inner .nk-legal__doc mark { padding: 1px 6px; border-radius: 6px; background: #ffe28a; color: #5a4300; }
/* Таблица в документе (политика, п. 2.3): цель — данные — основание — срок. На узком экране строки складываются в карточки */
body.nk-inner .nk-legal__table { margin: 0 0 18px; }
body.nk-inner .nk-legal__table table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
body.nk-inner .nk-legal__table th, body.nk-inner .nk-legal__table td { padding: 12px 14px; border: 1px solid #e3ecf5; text-align: left; vertical-align: top; font-weight: 300; }
body.nk-inner .nk-legal__table thead th { background: var(--nk-bg); font-weight: 600; color: var(--nk-navy); }
body.nk-inner .nk-legal__table tbody th { font-weight: 500; }
body.nk-inner .nk-legal__table table { table-layout: fixed; }
body.nk-inner .nk-legal__table thead th:nth-child(1) { width: 25%; }
body.nk-inner .nk-legal__table thead th:nth-child(2) { width: 13%; }
body.nk-inner .nk-legal__table thead th:nth-child(3) { width: 31%; }
body.nk-inner .nk-legal__table thead th:nth-child(4) { width: 31%; }
@media (max-width: 1100px) {
body.nk-inner .nk-legal__table thead { display: none; }
body.nk-inner .nk-legal__table table, body.nk-inner .nk-legal__table tbody, body.nk-inner .nk-legal__table tr,
body.nk-inner .nk-legal__table th, body.nk-inner .nk-legal__table td { display: block; width: auto; }
body.nk-inner .nk-legal__table tr { margin-bottom: 12px; border: 1px solid #e3ecf5; border-radius: 16px; overflow: hidden; }
body.nk-inner .nk-legal__table th, body.nk-inner .nk-legal__table td { border: 0; border-bottom: 1px solid #eef3f9; }
body.nk-inner .nk-legal__table tbody th { background: var(--nk-bg); width: auto; }
body.nk-inner .nk-legal__table table { table-layout: auto; }
body.nk-inner .nk-legal__table tr > :last-child { border-bottom: 0; }
body.nk-inner .nk-legal__table td::before { content: attr(data-label); display: block; margin-bottom: 2px; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--nk-grey); }
}
.nk-legal-docs { margin-top: 28px; }
.nk-legal--toc + .nk-legal-docs { padding-left: 318px; }
body.nk-inner .nk-legal-docs__title { margin: 0 0 12px; font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--nk-grey); }
.nk-legal-docs__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
body.nk-inner .nk-legal-docs__item { display: block; padding: 18px 22px; border-radius: 22px; font-size: 17px; line-height: 1.3; font-weight: 700; color: var(--nk-navy); }
body.nk-inner .nk-legal-docs__item:hover { color: var(--nk-blue); }
@media (max-width: 1260px) { .nk-legal--toc + .nk-legal-docs { padding-left: 270px; } }
@media (max-width: 1024px) { .nk-legal--toc + .nk-legal-docs { padding-left: 0; } }