/* Плавная прокрутка по якорям
Устанавливается здесь, так как в редакторе не работает скролл
Если включен lenis, то скрипт переназначает на auto, чтобы не было конфликта */
html {
  scroll-behavior: smooth;
}

/* Для элементов с gsap анимацией устанавливаем начальные стили, которые будут изменены при анимации. Это позволяет избежать нежелательных эффектов при загрузке страницы и обеспечивает плавный переход к конечному состоянию анимации. */
[gsap-opacity] {
  opacity: 0;
}
[gsap-x-positive] {
  transform: translateX(100%);
}
[gsap-y-positive] {
  transform: translateY(100%);
}
[gsap-x-negative] {
  transform: translateX(-100%);
}
[gsap-y-negative] {
  transform: translateY(-100%);
}

/* Анимация при загрузке элементов, чтобы не было резкого появления элементов на странице, а плавное появление при загрузке страницы. Это улучшает пользовательский опыт и делает интерфейс более приятным для глаз. */
body {
  animation: body var(--ad-medium) var(--af) var(--ad-fast) both;
}
@keyframes body {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Для редактирования в редкаторе блоков с поизцией fixed устанавливается position relative, а на опубликованном сайте устанавливается position fixed. Это позволяет редактировать блоки с фиксированным позиционированием без проблем, связанных с их расположением на странице, и обеспечивает правильное отображение на опубликованном сайте. */
/* .modal,
.preloader {
  position: fixed;
} */

/* .header--fixed {
  position: fixed;
  width: 100%;
  top: 0;
} */

@media (max-width: 991px) {
  .header--menu-adaptive .header__nav {
    position: fixed;
    transform: translateX(-100%);
  }
}

/* Page Transition — начальное состояние */
.page-transition {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

/* Еще для скрытых элементов Menu, Droplists */