.hover-target-1,
.hover-target-2,
.hover-target-3 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}


.click-el-2,
.click-el-3,
.click-el-4 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.animated-lines .line {
  opacity: 0;
  transform: translateY(10px);
  animation: showLine 0.5s ease forwards;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

@keyframes showLine {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animated-lines .line {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3em !important;
  color: #000 !important;
}


.pv-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #171717;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden;
  transition: opacity 0.5s ease;
}

.pv-preloader span {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px);
  animation: pvWave 0.6s ease forwards;
  font-family: 'Susie', sans-serif !important;
  font-weight: 400;
  font-size: 36px; /* можно подкорректировать размер для длинного текста */
  color: #D4E3E7;
}

@keyframes pvWave {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.pv-preloader.loaded {
  opacity: 0;
  pointer-events: none;
}

.animated-words span {
  display: inline-block;
  opacity: 0;
  transform: translateY(5px); /* маленькая волна */
  animation: wordWave 0.5s ease forwards;
}

.animated-lines-test span.line {
  display: block;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.animated-lines-test span.line.show {
  opacity: 1;
  transform: translateY(0);
}

.animated-lines-2 .line {
  font-family: "Inter", sans-serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.3em !important;
  color: #D4E3E7 !important;
}

.animated-lines-2 span.line {
  display: block;
  opacity: 0;
  transform: translateY(10px);
  animation: showLine 0.5s ease forwards;
}

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