/* Тело: Manrope (Google, enqueue). Заголовки/кнопки — Involve Vf из @font-face в olenka-lodge (локально: assets/fonts/Involve-VF.ttf). */
html body {
  font-family: "Manrope", "Manrope Variablefont Wght", system-ui, sans-serif;
}

/* Мобильное меню: полноэкранный фон; шапка (.navbar_top-wrapper + .navbar_component) остаётся поверх с тем же blur/прозрачностью */
@media screen and (max-width: 991px) {
  .navbar_component-global.w-nav .navbar_top-wrapper,
  .navbar_component-global.w-nav .navbar_component {
    position: relative;
    z-index: 3;
  }

  .navbar_component-global.w-nav .navbar_logo-link.w-nav-brand,
  .navbar_component-global.w-nav .navbar_button-wrapper {
    position: relative;
    z-index: 4;
  }

  .navbar_component-global.w-nav .navbar_menu.w-nav-menu[data-nav-menu-open] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box;
    padding-top: var(--creonano-nav-offset, 7.5rem);
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: max(2.5rem, env(safe-area-inset-bottom, 0px));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--brand-green--dark) !important;
    text-align: center;
    border-bottom: none !important;
  }

  .navbar_component-global.w-nav .navbar_menu.w-nav-menu[data-nav-menu-open]:not(.creonano-nav-closing) {
    animation: creonano-nav-open-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .navbar_component-global.w-nav .navbar_menu.w-nav-menu[data-nav-menu-open].creonano-nav-closing {
    pointer-events: none;
    animation: creonano-nav-close-out 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  @keyframes creonano-nav-open-in {
    from {
      opacity: 0;
      transform: translateY(-1.25rem);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes creonano-nav-close-out {
    from {
      opacity: 1;
      transform: translateY(0);
    }

    to {
      opacity: 0;
      transform: translateY(-1.25rem);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .navbar_component-global.w-nav .navbar_menu.w-nav-menu[data-nav-menu-open]:not(.creonano-nav-closing),
    .navbar_component-global.w-nav .navbar_menu.w-nav-menu[data-nav-menu-open].creonano-nav-closing {
      animation: none;
    }
  }
}

/* Модалка заявки: разметка Webflow .modal1_component — до открытия display:none */
.creonano-lead-modal {
  z-index: 100;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.creonano-lead-modal.creonano-lead-modal--open {
  display: flex;
}
html body.creonano-lead-open {
  overflow: hidden;
}

/* Без горизонтального скролла: 100vw + overflow:scroll на .modal1_content-wrapper давали полосу по X; хонейпот с left:-9999px — тоже */
.creonano-lead-modal .modal1_content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 40rem;
  -webkit-overflow-scrolling: touch;
}
.creonano-lead-modal .modal-content,
.creonano-lead-modal .form_component,
.creonano-lead-modal form.w-form,
.creonano-lead-modal #creonano-lead-form-fields {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
}
.creonano-lead-modal .form_input,
.creonano-lead-modal input.w-input,
.creonano-lead-modal textarea.w-input {
  max-width: 100%;
  box-sizing: border-box;
  /* В модалке фон --brand-sand--light; общий border-primary (#fff 25%) и плейсхолдер сливаются */
  border: 1px solid var(--brand-sand--dark);
  background-color: var(--brand-sand--lightest);
  color: var(--brand-green--dark);
}

.creonano-lead-modal .form_input::placeholder,
.creonano-lead-modal input.w-input::placeholder,
.creonano-lead-modal textarea.w-input::placeholder {
  color: rgba(20, 23, 21, 0.5);
  opacity: 1;
}

.creonano-lead-modal .form_input:focus,
.creonano-lead-modal input.w-input:focus,
.creonano-lead-modal textarea.w-input:focus {
  border-color: var(--brand-green--dark);
  outline: none;
  box-shadow: 0 0 0 2px rgba(20, 23, 21, 0.15);
}
.creonano-lead-modal p.text-size-tiny,
.creonano-lead-modal p.text-size-tiny a {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Согласие: .text-style-muted на <p> задаёт opacity — ссылка тоже «тускнеет»; на песочном фоне .text-style-link (персиковый) плохо читается */
.creonano-lead-modal p.text-size-tiny.text-style-muted {
  opacity: 1;
  color: var(--brand-green--light, #5f6962);
}

.creonano-lead-modal p.text-size-tiny a.text-style-link {
  color: var(--brand-bright--dark, #8d5f32);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.2em;
}

.creonano-lead-modal p.text-size-tiny a.text-style-link:hover,
.creonano-lead-modal p.text-size-tiny a.text-style-link:focus {
  color: var(--brand-green--dark, #141715);
}
.creonano-lead-modal .heading-style-h2,
.creonano-lead-modal p.text-size-large {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.creonano-lead-modal .creonano-lead-hp-wrap {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  left: 0;
  top: 0;
}

/* Ровные карточки «Почему выбирают нас» */
.section_benefits .w-layout-grid.benefits_list {
  align-items: stretch;
  place-items: stretch;
  justify-items: stretch;
}

.section_benefits .benefits_item {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
}

.section_benefits .benefits_item p:last-child {
  flex-grow: 1;
}

/* section_team: Slick — как index.html. Webflow .list { display:flex } + .item { min-width:20rem } мешают 3 в ряд */
.section_team .wrapper.desktop #slider-id,
.section_team .wrapper.desktop #slider-id.slick-initialized {
  display: block !important;
}
.section_team .wrapper.desktop #slider-id.slick-initialized .slick-slide .item {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
  display: block;
}
.section_team .wrapper.desktop #slider-id .slick-list {
  /* компенсия горизонтального padding слайдов (не растягиваем поля между карточками) */
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.section_team .wrapper.desktop #slider-id .slick-slide {
  /* было 0.5rem с каждой стороны (слишком широко vs вёрстка), теперь плотнее: ~0.5rem между соседними карточками */
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  box-sizing: border-box;
}
.section_team .wrapper.desktop #slider-id .slick-slide .swiper-slide {
  margin-left: 0;
  margin-right: 0;
}

/* section_heli: кадр + «запас» по высоте — под параллакс (GSAP yPercent) */
.section_heli .heli_image-wrapper--parallax {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  min-height: 0;
}

.section_heli .heli_image--parallax {
  position: absolute;
  left: 0;
  top: -15%;
  width: 100%;
  height: 130%;
  max-width: none;
  object-fit: cover;
  border-radius: var(--border-standard);
  will-change: transform;
}

/* section_blog: сетка не тянет карточки по высоте строки — иначе картинка с flex-end уезжает вниз, сверху пустота */
.section_blog .blog_grid-list {
  align-items: start;
}

.section_blog .blog_grid-list > .w-dyn-item {
  align-self: start;
  min-width: 0;
  width: 100%;
}

/* карточка: картинка сверху, без пустоты (перебиваем .blog_card { justify-content: flex-end } из webflow) */
.section_blog .blog_card {
  justify-content: flex-start;
}

/* контент-оверлей: блок с текстом у нижнего края, как в макете с градиентом (не по центру карты) */
.section_blog .blog_card-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  justify-content: flex-end;
}

.section_blog .blog_card-image-wrapper {
  width: 100%;
  position: relative;
}

/* стеклянный блок: прозрачнее базового #ffffff1a, легче размытие, чтобы картинка читалась */
.section_blog .blog_card-content-inside {
  background-color: rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* как в Webflow/Relume: увод 2 линий для лида (класс был без правил в экспорте) */
.text-style-2lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* заголовок в карточке — не больше двух строк, как в типичной сетке блога */
.section_blog .blog_card-content-inside h3.heading-style-h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  word-break: break-word;
  overflow-wrap: anywhere;
  margin-top: 0;
  margin-bottom: 0;
}

/* section_faq: плавное раскрытие и иконка «+» при клике (логика в creonano-front.js) */
.section_faq .faq_answer {
  transition: height 0.35s ease;
  box-sizing: border-box;
}
.section_faq .faq_icon-wrapper {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.section_faq .faq_accordion.is-open .faq_icon-wrapper {
  transform: rotate(45deg);
}

/* Юридические страницы: отступ снизу перед подвалом (у блока раньше был только .padding-global без вертикали) */
.section_legal1-content .padding-global {
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .section_legal1-content .padding-global {
    padding-bottom: 8rem;
  }
}

/* Gutenberg: таблица на ширину контейнера (политика, согласие, страницы с .w-richtext) */
.text-rich-text.w-richtext .wp-block-table,
.legal1-content_component .w-richtext .wp-block-table,
.section_legal1-content .w-richtext .wp-block-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  float: none;
  box-sizing: border-box;
}
.text-rich-text.w-richtext .wp-block-table table,
.legal1-content_component .w-richtext .wp-block-table table,
.section_legal1-content .w-richtext .wp-block-table table {
  width: 100% !important;
  max-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  box-sizing: border-box;
}
/* обёртка table из редактора без figure */
.text-rich-text.w-richtext > table {
  width: 100% !important;
  max-width: 100%;
  display: table;
  box-sizing: border-box;
}

/* Шапка тура: вёрстка .gallery16_slide-nav { display: none } прятала точки; стрелки / свайп — в creonao-front.js */
.section_tour-header #creonano-tour-header-gallery.gallery_slider.w-slider {
  height: auto;
  min-height: 0;
  background: transparent;
}
.section_tour-header #creonano-tour-header-gallery .gallery_mask.w-slider-mask {
  height: auto;
}
.section_tour-header #creonano-tour-header-gallery .w-slide {
  height: auto;
}