/* Дизайн v3 для текстовых страниц сайта («Компания», «Контакты», «Франшиза», «Вакансии» и др.).
   Сами тексты по-прежнему правятся в визуальном редакторе Битрикса — здесь только новое оформление
   поверх старой разметки. Подключается только при nk_v3 (body.nk-v3). */

/* ---------- Шрифт ----------
   Manrope лежит на нашем сервере (fonts/manrope, лицензия OFL). Старый шрифт Noah в v3 не подключается,
   а его имя отдано Manrope: в стилях шаблона Noah прописан у десятков элементов, так они все получают новый шрифт. */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope/manrope-cyrillic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Noah";
  src: url("../fonts/manrope/manrope-cyrillic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Noah";
  src: url("../fonts/manrope/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Фон и базовая типографика ---------- */
html body.nk-v3 { background: var(--nk3-cream); color: var(--nk3-ink); }
.nk-v3 .main { color: var(--nk3-ink); }
.nk-v3 .main a { color: var(--nk3-gold-text); }
.nk-v3 .main a:hover { color: var(--nk3-olive); }
.nk-v3 .main h1,
.nk-v3 .main h2,
.nk-v3 .main h3 { color: var(--nk3-ink); }

/* ---------- Текстовые страницы: одна концепция на весь сайт ----------
   1. Колонка в границах шапки и подвала (как nk3-wrap): логотип, заголовок, текст и подвал — от одного левого края.
   2. Шапка страницы: короткий заголовок, вводный текст, под ними золотая линия. Курсива в новом дизайне нет.
   3. Дальше разделы: заголовок раздела и текст по лестнице (--nk3-t-* в nk-v3.css) не шире колонки для чтения.
   Разметка страниц прежняя, тексты правятся в редакторе Битрикса — роли назначены классам старого шаблона.
   Старые размеры заданы в <style> самих страниц и в стилях шаблона отдельно для нескольких ширин экрана. */
.nk-v3 .content-page-container,
.nk-v3 .corporate-page > .container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  /* !important — боковые поля в шаблоне для планшета и телефона и верхнее поле в атрибуте style заданы жёстко */
  padding: 32px 16px var(--nk3-gap-block) !important;
  font: var(--nk3-t-text);
  color: var(--nk3-ink-soft);
}
@media (min-width: 1024px) {
  .nk-v3 .content-page-container,
  .nk-v3 .corporate-page > .container { padding-left: 32px !important; padding-right: 32px !important; }
}
@media (max-width: 575px) {
  .nk-v3 .content-page-container,
  .nk-v3 .corporate-page > .container { padding-top: 22px !important; }
}

/* Шапка страницы. nk3-pagehead — новая разметка в самой странице; .f-head — шапка прежних страниц */
.nk-v3 .nk3-pagehead,
.nk-v3 .f-head {
  margin: 0 0 var(--nk3-gap-title);
  padding-bottom: 28px;
  border-bottom: 0;
  background: linear-gradient(90deg, var(--nk3-gold), rgba(201, 169, 91, 0)) left bottom / 100% 1px no-repeat;
}
.nk-v3 .nk3-pagetitle,
.nk-v3 .f-head h1 { max-width: 18em; margin: 0; font: var(--nk3-t-title); color: var(--nk3-ink); text-wrap: balance; }
.nk-v3 .nk3-pagelead { max-width: var(--nk3-measure); margin: 16px 0 0; font: var(--nk3-t-lead); color: var(--nk3-ink-soft); }
/* Шапка с вводным текстом на прежней разметке: обёртка nk3-pagehead вокруг .f-head и .c-text-1, линия одна — под текстом */
.nk-v3 .nk3-pagehead .f-head { margin: 0; padding: 0; background: none; }
.nk-v3 .nk3-pagehead .c-text-1 { margin: 16px 0 0; font: var(--nk3-t-lead); }
/* В заголовках шаблона часть фразы была курсивом (атрибут style или класс italic) */
.nk-v3 .main h1 span { font-style: normal !important; font-weight: inherit !important; color: inherit; }

/* Заголовки разделов: следующие .f-head на той же странице и блоки .h1 внутри них */
.nk-v3 .f-head ~ .f-head,
.nk-v3 .f-head ~ * .f-head,
.nk-v3 .nk3-pagehead ~ .f-head,
.nk-v3 .nk3-pagehead ~ * .f-head { margin: var(--nk3-gap-section) 0 16px; padding-bottom: 0; background: none; }
.nk-v3 .f-head ~ .f-head h1,
.nk-v3 .f-head ~ * .f-head h1,
.nk-v3 .nk3-pagehead ~ .f-head h1,
.nk-v3 .nk3-pagehead ~ * .f-head h1,
.nk-v3 .f-head .h1 { max-width: none; margin: 0; font: var(--nk3-t-section); color: var(--nk3-ink); }
.nk-v3 .year-header { margin: 0 0 16px; font: var(--nk3-t-sub); color: var(--nk3-ink); }
/* Пустые строки-распорки между блоками: отступы теперь задаёт лестница */
.nk-v3 .content-page-container > br,
.nk-v3 .content-page-container .row > [class*="col-"] > br { display: none; }

/* Текст */
.nk-v3 .c-text-1,
.nk-v3 .f-text-1,
.nk-v3 .item-txt,
.nk-v3 .list-items { font: var(--nk3-t-text); color: var(--nk3-ink-soft); }
.nk-v3 .c-text-1,
.nk-v3 .f-text-1,
.nk-v3 .corporate-page .text,
.nk-v3 .year-header,
.nk-v3 .item-block,
.nk-v3 .content-page-container p { max-width: var(--nk3-measure); }
.nk-v3 .c-text-1,
.nk-v3 .f-text-1 { margin-bottom: 0; } /* у шаблона 96px — расстояние до подвала задаёт колонка */
.nk-v3 .content-page-container p,
.nk-v3 .corporate-page .text p { margin: 0 0 12px; }
.nk-v3 .c-text-1 ul,
.nk-v3 .c-text-1 ol,
.nk-v3 .corporate-page .text ul,
.nk-v3 .corporate-page .text ol { margin: 0 0 12px; padding-left: 22px; }
.nk-v3 .c-text-1 li,
.nk-v3 .corporate-page .text li { margin-bottom: 4px; }
/* Размеры, заданные в редакторе прямо в тексте (span style="font-size: 12pt"), — лестница важнее;
   мелкий текст (9pt, условия оплаты) остаётся мельче основного */
.nk-v3 .c-text-1 [style*="font-size"],
.nk-v3 .corporate-page .text [style*="font-size"] { font-size: inherit !important; }
.nk-v3 .c-text-1 [style*="font-size: 9pt"] { font-size: var(--nk3-fs-ui) !important; color: var(--nk3-muted); }

/* Нумерованные пункты: золотые номера, читаемый размер на телефоне */
.nk-v3 .item-block { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; padding-left: 0; }
.nk-v3 .item-block .number,
.nk-v3 .vacancy-block .number {
  position: static;
  flex: none;
  width: auto;
  min-width: 26px;
  margin-top: 0;
  font: var(--nk3-t-note);
  font-weight: 700;
  color: var(--nk3-gold-text);
  letter-spacing: .06em;
  transform: none;
}

/* Видео — по ширине колонки текста. Высоту шаблон считает от ширины родителя, поэтому сужается сама колонка */
.nk-v3 .content-page-container .col-img { max-width: calc(var(--nk3-measure) + 30px); }

/* Видео и фото на страницах — в рамке, как фото товаров */
.nk-v3 .content-page-container .video-container,
.nk-v3 .content-page-container .row img {
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--nk3-line), 0 0 0 5px var(--nk3-paper), 0 0 0 6px var(--nk3-line);
}

/* Кнопки старых страниц (заявка на франшизу, «Отправить» в формах) — оливковые, как в магазине */
.nk-v3 .f-menu-form { border-left-color: var(--nk3-line); }
.nk-v3 .f-menu-form a,
.nk-v3 .submit-block input,
.nk-v3 .btn-style,
.nk-v3 .btn-order-go {
  border: 0;
  border-radius: 28px;
  background: var(--nk3-olive);
  color: var(--nk3-on-olive) !important;
  font-family: var(--nk3-body);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
  cursor: pointer;
  transition: background-color .15s ease;
}
.nk-v3 .f-menu-form a:hover,
.nk-v3 .submit-block input:hover,
.nk-v3 .btn-style:hover,
.nk-v3 .btn-order-go:hover { background: var(--nk3-olive-deep); color: var(--nk3-on-olive) !important; }

/* Поля форм */
.nk-v3 .input-block { border-bottom-color: var(--nk3-line-strong); }
.nk-v3 .input-block input,
.nk-v3 .input-block textarea { color: var(--nk3-ink); }
.nk-v3 .personal-data { color: var(--nk3-muted); font-weight: 500; }

/* Контакты */
.nk-v3 .contact-data { font-family: var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .contact-data a,
.nk-v3 .contact-data a:hover { color: var(--nk3-olive); }
.nk-v3 .street-block { font-weight: 500; }

/* Остальные кнопки старых страниц были оранжевыми (#FCA311) */
.nk-v3 .main-profile-form-buttons-block input,
.nk-v3 .login-block .submit-block input,
.nk-v3 .register-block .submit-block input,
.nk-v3 .corporat-item__btn {
  border: 0;
  background: var(--nk3-olive);
  color: var(--nk3-on-olive) !important;
  font-family: var(--nk3-body);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
}
/* На тёмном фото «Франшизы» — золотая кнопка, как кнопка корзины в шапке */
.nk-v3 .under-header .f-head .f-menu-form a,
.nk-v3 .franchise .f-menu-form a {
  background: var(--nk3-gold);
  color: var(--nk3-ink) !important;
}
.nk-v3 .under-header .f-head .f-menu-form a:hover,
.nk-v3 .franchise .f-menu-form a:hover { background: #D6B872; color: var(--nk3-ink) !important; }

/* Зелёные блоки «Франшизы» (окупаемость, схема) — в оливковый */
.nk-v3 .payback { background-color: var(--nk3-olive); color: var(--nk3-on-olive); }
.nk-v3 .scheme { background-color: var(--nk3-olive); }

/* Страницы сами подключают старый подвал (inc/footer.php) внутри текста — в v3 подвал общий (nk3-ftr) */
.nk-v3 .main .static-footer { display: none; }

/* Строки bootstrap без колонок: отрицательные поля выводили текст к самому краю экрана */
.nk-v3 .contact-container > .row { margin-left: 0; margin-right: 0; }

/* Подзаголовки в текстах из визуального редактора — шрифтом заголовков (элементы магазина nk3-* не трогаем) */
.nk-v3 .main h2:not([class^="nk3-"]) { margin: var(--nk3-gap-section) 0 12px; font: var(--nk3-t-section); }
.nk-v3 .main h3:not([class^="nk3-"]) { margin: 32px 0 10px; font: var(--nk3-t-sub); }
.nk-v3 .c-text-1 > h2:first-child { margin-top: 0; }

/* ---------- «Контакты» (inc/nk3-contacts.php) ----------
   Расположение как на прежней странице: на компьютере слева контакты и список магазинов, справа карта
   на всю высоту экрана (42% ширины); на планшете и телефоне карта во всю ширину между контактами и списком. */
.nk-v3 .nk3-contacts,
.nk-v3 .nk3-split { font-family: var(--nk3-body); color: var(--nk3-ink); }
.nk-v3 .nk3-contacts-main,
.nk-v3 .nk3-split-main { box-sizing: border-box; padding: 28px 16px 48px; }
.nk-v3 .nk3-contacts-title { margin: 0; font: 700 clamp(32px, 5vw, 56px)/1.1 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-contacts-data { margin: 18px 0 0; font: 400 clamp(22px, 3vw, 40px)/1.35 var(--nk3-display); }
.nk-v3 .nk3-contacts-data a { color: var(--nk3-ink) !important; text-decoration: none; }
.nk-v3 .nk3-contacts-data a:hover { color: var(--nk3-olive) !important; }
.nk-v3 .nk3-contacts-sep { color: var(--nk3-gold); }
.nk-v3 .nk3-nowrap { white-space: nowrap; }

.nk-v3 .nk3-map-box { margin: 24px -16px 0; height: 216px; background: var(--nk3-sand); }
@media (min-width: 576px) { .nk-v3 .nk3-map-box { height: 480px; } }
.nk-v3 .nk3-map { width: 100%; height: 100%; }
@media (min-width: 992px) {
  /* Левый край текста — по логотипу шапки, как на «Корпоративным клиентам» и «Компании»: контейнер 1440px
     по центру с полями 16px (с 1024px — 32px), как .nk3-wrap; 100% в отступе — ширина страницы (замечание заказчика 02.10) */
  .nk-v3 .nk3-contacts-main,
  .nk-v3 .nk3-split-main { width: 58%; padding: 56px 40px 72px calc(max(0px, (100% - 1440px) / 2) + 16px); }
  .nk-v3 .nk3-map-box { position: fixed; top: 0; right: 0; z-index: 0; width: 42%; height: 100vh; margin: 0; }
  .nk-v3 .nk3-ftr { position: relative; z-index: 1; } /* подвал закрывает карту в конце страницы, как раньше */
}
@media (min-width: 1024px) {
  .nk-v3 .nk3-contacts-main,
  .nk-v3 .nk3-split-main { padding-left: calc(max(0px, (100% - 1440px) / 2) + 32px); }
}

.nk-v3 .nk3-city { margin: 40px 0 8px; font: 700 30px/1.2 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-city sup { font: 700 14px var(--nk3-body); color: var(--nk3-gold-deep); }
.nk-v3 .nk3-points,
.nk-v3 .nk3-rows { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--nk3-line); }
.nk-v3 .nk3-point,
.nk-v3 .nk3-row { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--nk3-line); }
.nk-v3 .nk3-point-num,
.nk-v3 .nk3-row-num { flex: none; width: 24px; padding-top: 3px; font: 700 12px/1.4 var(--nk3-body); letter-spacing: .06em; color: var(--nk3-gold-deep); }
.nk-v3 .nk3-point-body,
.nk-v3 .nk3-row-body { min-width: 0; }
.nk-v3 .nk3-point-name,
.nk-v3 .nk3-row-name {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--nk3-ink);
  font: 700 18px/1.35 var(--nk3-display);
  text-align: left;
  cursor: pointer;
}
.nk-v3 .nk3-point-name:hover,
.nk-v3 .nk3-point.is-on .nk3-point-name { color: var(--nk3-olive); }
.nk-v3 .nk3-point-phone { display: inline-block; margin-top: 6px; font-size: 15px; font-weight: 700; color: var(--nk3-olive) !important; text-decoration: none; }
.nk-v3 .nk3-point-hours { margin: 4px 0 0; font-size: 14px; color: var(--nk3-ink-soft); }
.nk-v3 .nk3-point-status { margin: 4px 0 0; font-size: 14px; font-weight: 700; }
.nk-v3 .nk3-point-status.is-open { color: var(--nk3-green); }
.nk-v3 .nk3-point-status.is-closed { color: #A8372B; }
.nk-v3 .nk3-point-route,
.nk-v3 .nk3-row-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin-top: 2px;
  color: var(--nk3-gold-deep) !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.nk-v3 .nk3-point-route .nk3-ico,
.nk-v3 .nk3-row-link .nk3-ico { width: 18px; height: 18px; }
.nk-v3 .nk3-point-note { margin: 2px 0 0; font-size: 13px; color: var(--nk3-muted); }

/* ---------- Страницы в построении «Контактов» (inc/nk3-pages.php): «Вакансии», «Компания»,
   «Корпоративным клиентам», «Доставка и оплата», «Правовая информация» ----------
   Заказчик назвал «Контакты» образцом: всё на месте, читается, без пустот. Заголовок, крупная строка, разделы,
   строки списков — те же правила, что у «Контактов» (выше, через запятую). Здесь то, чего в «Контактах» нет. */
.nk-v3 .nk3-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: -14px 0 2px;
  color: var(--nk3-gold-text) !important;
  font: var(--nk3-t-ui);
  text-decoration: none;
}
.nk-v3 .nk3-back .nk3-ico { width: 18px; height: 18px; }
.nk-v3 .nk3-page-lead { margin: 18px 0 0; font: var(--nk3-t-lead); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-page-note { margin: 10px 0 0; font: 600 15px/1.5 var(--nk3-body); color: var(--nk3-ink); }
.nk-v3 .nk3-page-text { margin: 12px 0 0; font: var(--nk3-t-text); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-page-contacts { margin: 10px 0 0; font: 400 clamp(20px, 2.2vw, 28px)/1.35 var(--nk3-display); }
.nk-v3 .nk3-page-contacts a { color: var(--nk3-ink) !important; text-decoration: none; }
.nk-v3 .nk3-page-contacts a:hover { color: var(--nk3-olive) !important; }

/* Строки списков: название-ссылка, пояснение, ссылка-действие; строки из одного текста (обязанности, условия) */
.nk-v3 .nk3-rows .nk3-row-name { color: var(--nk3-ink); text-decoration: none; }
.nk-v3 .nk3-rows .nk3-row-name:hover { color: var(--nk3-olive); }
.nk-v3 .nk3-row-text { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--nk3-ink-soft); }
.nk-v3 .nk3-row--text { padding: 14px 0; }
.nk-v3 .nk3-row--text .nk3-row-body { font: var(--nk3-t-text); color: var(--nk3-ink-soft); }

/* Правая часть: на телефоне и планшете — полоса под шапкой страницы, с 992px — на всю высоту экрана, как карта */
.nk-v3 .nk3-side { overflow: hidden; height: 216px; margin: 24px -16px 0; background: var(--nk3-sand); }
@media (min-width: 576px) { .nk-v3 .nk3-side { height: 360px; } }
/* Кадр чуть выше середины: вывеска магазина — в верхней трети фото, на узкой полосе телефона её не срезает */
.nk-v3 .nk3-side-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
/* Фотостена: на телефоне лента, которую листают пальцем */
.nk-v3 .nk3-side--wall { display: flex; gap: 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.nk-v3 .nk3-side--wall::-webkit-scrollbar { display: none; }
.nk-v3 .nk3-wall-item { flex: none; height: 100%; aspect-ratio: 1 / 1; scroll-snap-align: start; }
.nk-v3 .nk3-wall-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Форма: на телефоне — блок после текста во всю ширину экрана */
.nk-v3 .nk3-side--form { overflow: visible; height: auto; margin: 48px -16px -48px; padding: 32px 16px 40px; }
@media (min-width: 992px) {
  .nk-v3 .nk3-split-main { min-height: calc(100vh - var(--nk3-hdr-h)); } /* короткая страница: подвал не наезжает на фото */
  .nk-v3 .nk3-side {
    position: fixed;
    top: var(--nk3-hdr-h);
    right: 0;
    z-index: 0;
    width: 42%;
    height: calc(100vh - var(--nk3-hdr-h));
    margin: 0;
  }
  .nk-v3 .nk3-side--wall {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }
  .nk-v3 .nk3-wall-item { height: auto; aspect-ratio: auto; min-height: 0; }
  .nk-v3 .nk3-wall-item:nth-child(n + 13) { display: none; }
  .nk-v3 .nk3-side--form { display: flex; align-items: center; overflow-y: auto; padding: 40px clamp(24px, 4vw, 64px); }
}

/* Текст из редактора Битрикса в новом построении (включаемые области, «Доставка и оплата»):
   абзацы по лестнице, списки — нумерованными строками с линиями, как магазины в «Контактах» */
.nk-v3 .nk3-prose { margin-top: 20px; font: var(--nk3-t-text); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-city + .nk3-prose { margin-top: 8px; }
.nk-v3 .nk3-prose p { margin: 0 0 12px; }
.nk-v3 .nk3-prose > :last-child { margin-bottom: 0; }
.nk-v3 .nk3-split .nk3-prose h2 { margin: 40px 0 8px; font: 700 30px/1.2 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-split .nk3-prose > h2:first-child { margin-top: 28px; }
.nk-v3 .nk3-prose ul,
.nk-v3 .nk3-prose ol { margin: 14px 0 18px; padding: 0; list-style: none; border-top: 1px solid var(--nk3-line); counter-reset: nk3-row; }
.nk-v3 .nk3-prose li { position: relative; margin: 0; padding: 12px 0 12px 38px; border-bottom: 1px solid var(--nk3-line); counter-increment: nk3-row; }
.nk-v3 .nk3-prose li::before {
  content: counter(nk3-row, decimal-leading-zero);
  position: absolute;
  top: 15px;
  left: 0;
  font: 700 12px/1.4 var(--nk3-body);
  letter-spacing: .06em;
  color: var(--nk3-gold-deep);
}
.nk-v3 .nk3-prose li p { margin: 0; }
.nk-v3 .nk3-prose a { color: var(--nk3-olive); font-weight: 700; text-decoration: none; }
.nk-v3 .nk3-prose a:hover { text-decoration: underline; }
.nk-v3 .nk3-prose b { color: var(--nk3-ink); }
/* Размеры, заданные в редакторе прямо в тексте, — лестница важнее; мелкий текст (9pt) остаётся мельче основного */
.nk-v3 .nk3-prose [style*="font-size"] { font-size: inherit !important; }
.nk-v3 .nk3-prose [style*="font-size: 9pt"] { font-size: 13px !important; line-height: 1.5; color: var(--nk3-muted); }
.nk-v3 .nk3-prose .legal__offert { font: 700 18px/1.35 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-prose .legal__offert:hover { color: var(--nk3-olive); text-decoration: none; }

/* Прежняя разметка внутри нового построения («Компания»: тексты общие с прежней страницей) */
.nk-v3 .nk3-legacy .c-text-1 { max-width: none; margin: 18px 0 0; font: var(--nk3-t-lead); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-legacy .row { margin: 0; }
.nk-v3 .nk3-legacy .row > [class*="col-"] { max-width: none; padding: 0; }
.nk-v3 .nk3-legacy .row > [class*="col-"] > br,
.nk-v3 .nk3-legacy > br { display: none; }
.nk-v3 .nk3-legacy .col-img { margin-top: 28px; }
.nk-v3 .nk3-legacy .video-container { border-radius: 4px; box-shadow: 0 0 0 1px var(--nk3-line), 0 0 0 5px var(--nk3-paper), 0 0 0 6px var(--nk3-line); }
.nk-v3 .nk3-legacy .f-head { margin: 40px 0 8px; padding: 0; background: none; }
.nk-v3 .nk3-legacy .f-head h1 { max-width: none; margin: 0; font: 700 30px/1.2 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-legacy .year-header { max-width: none; margin: 14px 0 10px; font: 700 18px/1.35 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-legacy .item-block { max-width: none; gap: 14px; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--nk3-line); }
.nk-v3 .nk3-legacy :not(.item-block) + .item-block,
.nk-v3 .nk3-legacy .item-block:first-child { border-top: 1px solid var(--nk3-line); }
.nk-v3 .nk3-legacy .item-block .number { min-width: 24px; color: var(--nk3-gold-deep); }
.nk-v3 .nk3-legacy .row p { max-width: none; margin: 14px 0 0; font: var(--nk3-t-text); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-legacy .row p a { color: var(--nk3-olive); font-weight: 700; }

/* На телефоне заголовки разделов бывают длинными («Доставка, оплата и получение подарочных наборов») — они меньше
   заголовка страницы. «Контакты» не затронуты: там свой корневой класс nk3-contacts. */
@media (max-width: 575px) {
  .nk-v3 .nk3-split .nk3-city,
  .nk-v3 .nk3-split .nk3-prose h2,
  .nk-v3 .nk3-legacy .f-head h1 { font-size: 24px; }
}

/* Текстовая страница одной колонкой («Доставка и оплата»): заголовок, вводная строка и текст страницы из админки.
   Края — как у шапки и подвала, строки — не шире удобной для чтения колонки; без карты и списка магазинов. */
.nk-v3 .nk3-doc { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 28px 16px 56px; font-family: var(--nk3-body); color: var(--nk3-ink); }
.nk-v3 .nk3-doc > * { max-width: 820px; }
@media (min-width: 1024px) { .nk-v3 .nk3-doc { padding: 64px 32px 96px; } }
.nk-v3 .nk3-doc .nk3-prose h2 { margin: 40px 0 8px; font: 700 30px/1.2 var(--nk3-display); color: var(--nk3-ink); }
.nk-v3 .nk3-doc .nk3-prose > h2:first-child { margin-top: 36px; }
@media (max-width: 575px) { .nk-v3 .nk3-doc .nk3-prose h2 { font-size: 24px; } }

/* Классы back-link, form-header, form-txt, placeholder есть и на прежних страницах (личный кабинет,
   заявка на франшизу) — им оставлены только цвета. */
.nk-v3 .back-link,
.nk-v3 .back-link:hover { color: var(--nk3-gold-deep) !important; }
.nk-v3 .main .h3,
.nk-v3 .form-header { font-family: var(--nk3-display); font-weight: 700; color: var(--nk3-ink); }
.nk-v3 .form-txt { color: var(--nk3-muted); font-weight: 500; }
.nk-v3 .placeholder { color: var(--nk3-muted); }

/* Форма отклика на вакансию: прежняя разметка и отправка (inc/form-vacancy.php), оформление — здесь */
.nk-v3 .nk3-form { width: 100%; max-width: 460px; margin: 0 auto; }
.nk-v3 .nk3-form .form-header { margin: 0 0 10px; font: 700 30px/1.2 var(--nk3-display); }
.nk-v3 .nk3-form .form-txt {
  margin-bottom: 20px;
  font: 400 15px/1.6 var(--nk3-body);
  font-size: 15px !important; /* в разметке размер задан атрибутом style */
  color: var(--nk3-ink-soft);
}
.nk-v3 .nk3-form [class*="col-"] { flex: 0 0 100%; max-width: 100%; } /* поля — в один столбец */
/* Поля: 16px на любом экране — при меньшем размере айфон приближает страницу, когда в поле начинают печатать.
   Внутренние поля перенесены с обёртки на само поле: иначе нажатие выше или ниже строки текста не ставит курсор. */
.nk-v3 .nk3-form .input-block { margin-bottom: 20px; padding: 0; border-bottom-color: var(--nk3-line-strong); font: 500 16px/1.4 var(--nk3-body); }
.nk-v3 .nk3-form .input-block.active-block { border-bottom-color: var(--nk3-olive); }
.nk-v3 .nk3-form .input-block label { font-weight: inherit; } /* иначе введённый текст жирный: label в стилях Битрикса — 700 */
.nk-v3 .nk3-form .input-block input { padding: 24px 0 8px; font: inherit; }
.nk-v3 .nk3-form .input-block input:focus-visible { outline: none; } /* фокус показывает линия под полем */
.nk-v3 .nk3-form .input-block input:focus ~ .placeholder,
.nk-v3 .nk3-form .input-block input.focus ~ .placeholder { font-size: var(--nk3-fs-note); }
.nk-v3 .nk3-form .submit-block input {
  width: 100%;
  min-height: 52px;
  margin: 8px 0 16px; /* нижнее — то же число, что у шаблона: там оно для планшета и телефона задано с !important */
  /* !important — в стилях шаблона размер и поля этой кнопки для телефона заданы с !important */
  padding: 14px 28px !important;
  font-size: 15px !important;
  line-height: 1.3;
}
.nk-v3 .nk3-form .personal-data { font: var(--nk3-t-note); color: var(--nk3-ink-soft); }
.nk-v3 .nk3-form .success-form { font: var(--nk3-t-sub); color: var(--nk3-olive); }

/* Контейнер старого подвала внутри страницы: сам подвал скрыт выше, пустой контейнер тоже не нужен */
.nk-v3 .main .static-footer-container { display: none; }