/**
 * Xanavi front page — lighter 2026-ish surface (scoped, non-destructive).
 * Relies on body.xanavi-front from filters.php.
 */

body.xanavi-front {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.xanavi-front main {
  background: linear-gradient(180deg, #faf9fd 0%, #ffffff 18%, #ffffff 100%);
}

/* Каталог: чуть «воздуха» и мягкие превью */
body.xanavi-front .front-page__catalog-content-item-link {
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

body.xanavi-front .front-page__catalog-content-item-image {
  border-radius: 12px;
  transition: transform 0.28s ease;
}

body.xanavi-front .front-page__catalog-content-item-link:hover .front-page__catalog-content-item-image,
body.xanavi-front .front-page__catalog-content-item-link:focus .front-page__catalog-content-item-image {
  transform: scale(1.03);
}

body.xanavi-front .front-page__catalog-content-item-link:focus-visible {
  outline: 2px solid #6d59c6;
  outline-offset: 4px;
}

/* Отзывы: карточка свежее, без смены фирменного фиолетового */
body.xanavi-front .front-page__reviews_item {
  border-radius: 16px;
  box-shadow:
    0 10px 30px rgba(35, 28, 37, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.xanavi-front .front-page__reviews_item:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 36px rgba(35, 28, 37, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* «Читать полностью» — читаемее */
body.xanavi-front .front-page__reviews_item-footer-more {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
}

body.xanavi-front .front-page__reviews_item-footer-more:hover,
body.xanavi-front .front-page__reviews_item-footer-more:focus {
  color: #fff;
}

/* Как мы работаем — лёгкий hover (стили карточек в partial, усиливаем тут) */
body.xanavi-front .front-page__process-step {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.xanavi-front .front-page__process-step:hover {
  transform: translateY(-3px);
  border-color: #d4cce8;
  box-shadow: 0 14px 36px rgba(35, 28, 37, 0.1);
}

/* Блок примеров / соцсети — мягче края если есть класс */
body.xanavi-front .front-page__examples_social-item {
  border-radius: 12px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

body.xanavi-front .front-page__examples_social-item:hover,
body.xanavi-front .front-page__examples_social-item:focus {
  transform: translateY(-2px);
  opacity: 0.92;
}

/* Кнопка «ещё отзывы» на главной */
body.xanavi-front .front-page__reviews-show-more {
  border-radius: 999px;
  padding: 12px 26px;
  box-shadow: 0 6px 20px rgba(109, 89, 198, 0.2);
}

/* ----- О компании (тёмный блок) ----- */
body.xanavi-front .front-page__about {
  background: linear-gradient(180deg, #1a1420 0%, #231c25 22%, #231c25 78%, #1e1826 100%);
}

body.xanavi-front .front-page__about_textarea-heading {
  text-wrap: balance;
  letter-spacing: -0.02em;
}

body.xanavi-front .front-page__about_textarea-content p,
body.xanavi-front .front-page__about_textarea-content ul li {
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.9);
}

body.xanavi-front .front-page__about_textarea-content a {
  color: #c9bff5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.xanavi-front .front-page__about_textarea-content a:hover {
  color: #ece8ff;
}

body.xanavi-front .front-page__about_textinfo {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

/* ----- Преимущества ----- */
body.xanavi-front .front-page__advantages {
  background: linear-gradient(180deg, #211a27 0%, #231c25 28%, #231c25 100%);
}

body.xanavi-front .front-page__advantages-title {
  text-wrap: balance;
  letter-spacing: -0.02em;
}

body.xanavi-front .front-page__advantages_item-text p {
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.9);
}

body.xanavi-front .front-page__advantages_info-image-img {
  border-radius: 14px;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.4);
}

/* ----- Примеры / соцсети (фон из ACF) ----- */
body.xanavi-front .front-page__examples {
  position: relative;
  isolation: isolate;
}

body.xanavi-front .front-page__examples::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(18, 12, 28, 0.5) 0%,
    rgba(35, 28, 45, 0.28) 42%,
    rgba(18, 12, 28, 0.62) 100%
  );
}

body.xanavi-front .front-page__examples .front-page__examples-content {
  position: relative;
  z-index: 1;
}

body.xanavi-front .front-page__examples-text {
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
  text-wrap: balance;
}

/* ----- Форма заявки + иллюстрация ----- */
body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form {
  padding: 28px 26px 32px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 14px 44px rgba(35, 28, 37, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

body.xanavi-front .front-page__app-image-img {
  border-radius: 16px;
  box-shadow:
    0 16px 48px rgba(35, 28, 37, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* ----- Как мы работаем (стили в partial; донастройка) ----- */
body.xanavi-front .front-page__process-step {
  border-radius: 16px;
  border-color: #e4def2;
  box-shadow:
    0 10px 32px rgba(35, 28, 37, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.xanavi-front .front-page__process-intro {
  color: #433a4d;
}

/* ----- Каталог (карточки категорий) ----- */
body.xanavi-front .front-page__catalog {
  margin-bottom: 88px;
}

body.xanavi-front .front-page__catalog-content-item {
  border-radius: 14px;
  border-color: #e4e0ec;
  box-shadow:
    0 8px 28px rgba(35, 28, 37, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.xanavi-front .front-page__catalog-content-item:hover {
  box-shadow:
    0 14px 40px rgba(109, 89, 198, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body.xanavi-front .front-page__catalog-content-item-title {
  text-wrap: balance;
  letter-spacing: 0.04em;
  color: #2a2230;
  font-weight: 600;
}

/* ----- Отзывы: заголовок, кикер, точки карусели, текст карточки ----- */
body.xanavi-front .front-page__reviews {
  margin-bottom: 104px;
}

body.xanavi-front .front-page__reviews-title {
  text-wrap: balance;
  letter-spacing: -0.02em;
  color: #1f1824;
}

body.xanavi-front .front-page__reviews-kicker {
  max-width: 52ch;
  font-size: 16px;
  line-height: 1.5;
  color: #4a3f55;
}

body.xanavi-front .front-page__reviews-content .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  margin: 6px 10px;
  background: rgba(109, 89, 198, 0.35);
  border: none;
  opacity: 1;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

body.xanavi-front .front-page__reviews-content .owl-dots .owl-dot.active {
  background: #6d59c6;
  outline: none;
  outline-offset: 0;
  transform: scale(1.15);
  box-shadow: 0 0 0 3px rgba(109, 89, 198, 0.35);
}

body.xanavi-front .front-page__reviews_item-name {
  letter-spacing: 0.02em;
}

body.xanavi-front .front-page__reviews_item-text {
  overflow-wrap: anywhere;
}

body.xanavi-front .front-page__reviews_item-text p {
  line-height: 1.55;
}

/* ----- Как мы работаем: заголовок секции и номера шагов ----- */
body.xanavi-front .front-page__process-title {
  text-wrap: balance;
  letter-spacing: -0.02em;
  color: #1f1824;
}

body.xanavi-front .front-page__process-step-num {
  box-shadow: 0 4px 14px rgba(109, 89, 198, 0.45);
}

body.xanavi-front .front-page__process-step h3 {
  color: #1f1824;
}

/* ----- Поля CF7 на главной (только под стеклом) ----- */
body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input.wpcf7-form-control,
body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap textarea.wpcf7-form-control {
  border-radius: 12px !important;
  border-color: #d5d0e3 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap input.wpcf7-form-control:focus,
body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap textarea.wpcf7-form-control:focus {
  border-color: #6d59c6 !important;
  box-shadow: 0 0 0 3px rgba(109, 89, 198, 0.2);
}

body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form input[type="submit"] {
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(109, 89, 198, 0.35);
  transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;
}

body.xanavi-front .front-page__app-form .wpcf7 .wpcf7-form input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(109, 89, 198, 0.42);
}

/* ----- О компании: текст в фиолетовой карточке ----- */
body.xanavi-front .front-page__about_textinfo-content p {
  line-height: 1.45;
  text-wrap: pretty;
}

/* ----- Преимущества: заголовки пунктов и инфо ----- */
body.xanavi-front .front-page__advantages_item-title {
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.98);
}

body.xanavi-front .front-page__advantages_info-text {
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

/* ----- Примеры: превью социконок ----- */
body.xanavi-front .front-page__examples_social-item-image {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

body.xanavi-front .front-page__examples_social-item:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.95);
  outline-offset: 4px;
}

/* ----- Шапка (липкая полоса при скролле) ----- */
body.xanavi-front .banner.scrolled {
  box-shadow: 0 10px 40px rgba(35, 28, 37, 0.07);
}

/* ----- Подвал ----- */
body.xanavi-front .content-info {
  background: linear-gradient(180deg, #1e1826 0%, #231c25 35%, #231c25 100%);
}

body.xanavi-front .content-info__footer {
  padding-top: 64px;
  padding-bottom: 64px;
}

body.xanavi-front .content-info__footer-info .footer__nav-list li.menu-item a {
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: color 0.2s ease, opacity 0.2s ease;
}

body.xanavi-front .content-info__footer-info .footer__nav-list li.menu-item a:hover {
  color: #c9bff5;
}

body.xanavi-front .content-info__footer-info_contact-item-link {
  transition: color 0.2s ease;
}

body.xanavi-front .content-info__footer-info_contact-item-link:hover {
  color: #c9bff5;
}

body.xanavi-front .content-info__footer-bottom {
  opacity: 0.88;
  letter-spacing: 0.02em;
}

body.xanavi-front .content-info__map iframe {
  border-radius: 14px 0 0 14px;
  border-color: rgba(255, 255, 255, 0.12);
}

body.xanavi-front .content-info-en__footer-info_navigation #menu-nizhnee-menyu-en li.menu-item a {
  transition: color 0.2s ease;
}

body.xanavi-front .content-info-en__footer-info_navigation #menu-nizhnee-menyu-en li.menu-item a:hover {
  color: #c9bff5;
}

body.xanavi-front .content-info-en__footer-info_contact-item-link:hover {
  color: #c9bff5;
}

body.xanavi-front .content-info-en__footer-bottom {
  opacity: 0.88;
}

/* ----- Блок заявки: сетка на десктопе ----- */
@media (min-width: 560px) {
  body.xanavi-front .front-page__app {
    column-gap: 36px;
    align-items: flex-start;
  }
}

/* ----- Доп. сетка отзывов («ещё») ----- */
body.xanavi-front .front-page__reviews-more-grid {
  gap: 22px;
}

body.xanavi-front .front-page__reviews-more {
  margin-top: 12px;
}