/**
 * LICKNOSE: «О нас» и «Контакты» в одном языке со страницей «Акции».
 *
 * Токены (фон, радиус, тень, типографика заголовка) повторяют
 * licknose-promotions-page.css, чтобы страницы выглядели как одна система.
 *
 * @since 2026-09-22
 */

body.licknose-page-onas,
body.licknose-page-kontakty {
  --ln-pg-max: 1080px;
  --ln-pg-wide: 1180px;
  --ln-pg-radius: 24px;
  --ln-pg-ink: #121212;
  --ln-pg-muted: rgba(18, 18, 18, 0.58);
  --ln-pg-line: rgba(17, 17, 17, 0.07);
  --ln-pg-card: 0 1px 2px rgba(17, 17, 17, 0.03), 0 12px 32px rgba(17, 17, 17, 0.08);
  --ln-pg-card-hover: 0 2px 6px rgba(17, 17, 17, 0.04), 0 20px 44px rgba(17, 17, 17, 0.12);
  --ln-pg-gap: clamp(20px, 2.8vw, 28px);
  --ln-pg-yellow: #ffe566;
  background: #fff !important;
}

/* ---------- Шапка страницы: как на /akcii ---------- */

.ln-page-hero {
  background:
    radial-gradient(ellipse 70% 42% at 50% 0%, rgba(255, 229, 102, 0.22), transparent 60%),
    linear-gradient(180deg, #fffbeb 0%, #ffffff 180px);
  padding: clamp(28px, 4.5vw, 56px) clamp(14px, 2.2vw, 28px) clamp(18px, 2.4vw, 28px);
}

.ln-page-hero__inner {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}

.ln-page-hero__kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8a6811;
}

.ln-page-hero__title {
  margin: 0 0 12px;
  font-size: clamp(1.85rem, 3.5vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: var(--ln-pg-ink);
}

.ln-page-hero__lead {
  margin: 0;
  font-size: clamp(0.95rem, 1.4vw, 1.05rem);
  line-height: 1.55;
  font-weight: 500;
  color: var(--ln-pg-muted);
}

/* Старый баннер-hero (фото + жёлтый клин) заменён блоком выше. */
body.licknose-page-onas #section-id-1738312661190,
body.licknose-page-kontakty #section-id-1738312661190 {
  display: none !important;
}

/* ---------- Общая сетка секций ---------- */

body.licknose-page-onas .sp-page-builder .page-content > section,
body.licknose-page-kontakty .sp-page-builder .page-content > section {
  padding-top: clamp(28px, 4vw, 48px) !important;
  padding-bottom: clamp(28px, 4vw, 48px) !important;
  background-color: transparent !important;
}

body.licknose-page-onas .sp-page-builder .page-content > section > .sppb-row-container,
body.licknose-page-kontakty .sp-page-builder .page-content > section > .sppb-row-container {
  max-width: var(--ln-pg-wide);
}

/* ---------- Карточка-обёртка ---------- */

.ln-card {
  background: #fff;
  border: 1px solid var(--ln-pg-line);
  border-radius: var(--ln-pg-radius);
  box-shadow: var(--ln-pg-card);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

/* ---------- /o-nas: «Вдохновение и Миссия» ---------- */

body.licknose-page-onas #section-id-1738340232046 .sppb-row {
  align-items: center;
}

body.licknose-page-onas #section-id-1738340232046 .sppb-addon-single-image img {
  border-radius: var(--ln-pg-radius);
  box-shadow: var(--ln-pg-card);
}

body.licknose-page-onas #section-id-1738340232046 h2.sppb-addon-title,
body.licknose-page-onas #section-id-1738340232046 h3.sppb-addon-title {
  margin: 0 0 14px;
  font-size: clamp(1.4rem, 2.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--ln-pg-ink);
  text-transform: none;
}

body.licknose-page-onas #section-id-1738340232046 .sppb-addon-content {
  font-size: 1rem;
  line-height: 1.65;
  color: rgba(18, 18, 18, 0.72);
}

/* Карточки ценностей на /o-nas живут в licknose-about-values.css —
   там же приведены к этому языку, дублировать обёртку не нужно. */

/* ---------- /kontakty: адрес, телефон, почта ----------
   Карточкой служит сама колонка: у неё чёрный фон из настроек SPPB. */

body.licknose-page-kontakty #section-id-1738312661276 {
  background: transparent !important;
}

body.licknose-page-kontakty #section-id-1738312661276 .sppb-row {
  row-gap: var(--ln-pg-gap);
}

body.licknose-page-kontakty #column-id-1738312661275,
body.licknose-page-kontakty #column-id-1738312661277,
body.licknose-page-kontakty #column-id-1738312661278 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: clamp(20px, 2.4vw, 26px) clamp(18px, 2.2vw, 24px) !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--ln-pg-line) !important;
  border-radius: var(--ln-pg-radius) !important;
  box-shadow: var(--ln-pg-card) !important;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

body.licknose-page-kontakty #section-id-1738312661276 .sppb-column-overlay {
  background: transparent !important;
  border-radius: var(--ln-pg-radius) !important;
}

@media (hover: hover) and (pointer: fine) {
  body.licknose-page-kontakty #column-id-1738312661275:hover,
  body.licknose-page-kontakty #column-id-1738312661277:hover,
  body.licknose-page-kontakty #column-id-1738312661278:hover {
    transform: translateY(-4px);
    box-shadow: var(--ln-pg-card-hover) !important;
  }
}

body.licknose-page-kontakty #section-id-1738312661276 .sppb-addon-wrapper {
  margin: 0 !important;
}

/* Колонки задавались белым текстом под чёрный фон — возвращаем тёмный. */
body.licknose-page-kontakty #section-id-1738312661276 .sppb-addon,
body.licknose-page-kontakty #section-id-1738312661276 [id^='sppb-addon-'] {
  color: var(--ln-pg-ink) !important;
}

/* Подпись поля */
body.licknose-page-kontakty #section-id-1738312661276 h2.sppb-addon-title {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  color: #8a6811 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
}

/* Значение поля (бывший H2, теперь <p>) */
body.licknose-page-kontakty .ln-addon-text {
  margin: 0 !important;
  font-size: clamp(1.02rem, 1.6vw, 1.15rem) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;
  color: var(--ln-pg-ink) !important;
  text-transform: none !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
}

/* Телефон и почта — ссылки, которым SPPB задавал белый цвет под чёрный фон. */
body.licknose-page-kontakty .ln-addon-text a,
body.licknose-page-kontakty #section-id-1738312661276 a {
  color: var(--ln-pg-ink) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
  transition: border-color 160ms ease;
}

body.licknose-page-kontakty .ln-addon-text a:hover,
body.licknose-page-kontakty #section-id-1738312661276 a:hover {
  border-bottom-color: var(--ln-pg-ink);
}

/* ---------- /kontakty: блок с формой ---------- */

body.licknose-page-kontakty #section-id-1738337802955 {
  padding-top: clamp(8px, 1.4vw, 16px) !important;
}

body.licknose-page-kontakty #section-id-1738337802955 .sppb-row {
  align-items: stretch;
  row-gap: var(--ln-pg-gap);
}

body.licknose-page-kontakty #section-id-1738337802955 .sppb-column-addons {
  height: 100%;
  padding: clamp(24px, 3vw, 34px) !important;
  background: #fff;
  border: 1px solid var(--ln-pg-line);
  border-radius: var(--ln-pg-radius);
  box-shadow: var(--ln-pg-card);
}

body.licknose-page-kontakty #section-id-1738337802955 p.sppb-addon-title {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ln-pg-ink);
}

body.licknose-page-kontakty #section-id-1738337802955 .sppb-addon-content {
  font-size: 0.97rem;
  line-height: 1.6;
  color: rgba(18, 18, 18, 0.72);
}

/* Форма запроса */
body.licknose-page-kontakty #section-id-1720622233829 h3.sppb-addon-title,
body.licknose-page-kontakty #section-id-1738337802955 h3.sppb-addon-title {
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ln-pg-ink);
  text-transform: none;
}

body.licknose-page-kontakty .sppb-addon-module input[type='text'],
body.licknose-page-kontakty .sppb-addon-module input[type='email'],
body.licknose-page-kontakty .sppb-addon-module input[type='tel'],
body.licknose-page-kontakty .sppb-addon-module textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 12px;
  background: #fff;
  font-size: 0.97rem;
  color: var(--ln-pg-ink);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

body.licknose-page-kontakty .sppb-addon-module input:focus,
body.licknose-page-kontakty .sppb-addon-module textarea:focus {
  outline: none;
  border-color: #e0b400;
  box-shadow: 0 0 0 3px rgba(255, 207, 2, 0.24);
}

body.licknose-page-kontakty .sppb-addon-module button,
body.licknose-page-kontakty .sppb-addon-module input[type='submit'],
body.licknose-page-kontakty .sppb-addon-module .btn {
  border-radius: 999px;
  border: 0;
  padding: 12px 28px;
  font-weight: 700;
  background: linear-gradient(180deg, #ffdd39 0%, #ffcf02 100%);
  color: var(--ln-pg-ink);
  box-shadow: 0 8px 20px rgba(196, 150, 4, 0.24);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

body.licknose-page-kontakty .sppb-addon-module button:hover,
body.licknose-page-kontakty .sppb-addon-module input[type='submit']:hover,
body.licknose-page-kontakty .sppb-addon-module .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(196, 150, 4, 0.3);
}

/* ---------- /kontakty: карта ---------- */

body.licknose-page-kontakty #section-id-1738330873373 h2.sppb-addon-title,
body.licknose-page-kontakty #section-id-1738330873373 h3.sppb-addon-title {
  margin: 0 0 6px;
  font-size: clamp(1.4rem, 2.4vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--ln-pg-ink);
  text-transform: none;
  text-align: center;
}

body.licknose-page-kontakty #section-id-1738330873373 .sppb-addon-module {
  overflow: hidden;
  border: 1px solid var(--ln-pg-line);
  border-radius: var(--ln-pg-radius);
  box-shadow: var(--ln-pg-card);
}

body.licknose-page-kontakty #section-id-1738330873373 iframe {
  display: block;
  width: 100%;
  border: 0;
}

/* ---------- Диплом: тот же ритм, без белой плиты ---------- */

body.licknose-page-onas .licknose-award-diploma,
body.licknose-page-kontakty .licknose-award-diploma {
  background: transparent !important;
}

/* ---------- Планшет ---------- */

@media (max-width: 991.98px) {
  body.licknose-page-onas #section-id-1738340232046 .sppb-row {
    row-gap: var(--ln-pg-gap);
  }
}

/* ---------- Телефон ---------- */

@media (max-width: 767.98px) {
  .ln-page-hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Заголовок должен помещаться в одну строку и в запасном шрифте, и в Jost:
     иначе при подгрузке шрифта строка схлопывается и страница прыгает (CLS). */
  .ln-page-hero__title {
    font-size: clamp(1.45rem, 6vw, 1.85rem);
  }

  body.licknose-page-onas .sp-page-builder .page-content > section,
  body.licknose-page-kontakty .sp-page-builder .page-content > section {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  body.licknose-page-onas #section-id-1738340232057 .sppb-column-addons,
  body.licknose-page-onas #section-id-1738340232086 .sppb-column-addons,
  body.licknose-page-kontakty #section-id-1738312661276 .sppb-column-addons {
    padding: 20px 18px !important;
  }
}