#hero {
  position: relative;
  overflow: hidden;
}

#hero img {
  width: 100%;
  height: auto;
  display: block;
}

#hero2 {
  position: absolute;
  top: 0vw;
  left: 0vw;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none;
}

#hero2 img {
  width: 100vw;
  height: auto;
  display: block;
}

.bg-video {
  position: absolute;
  top: -20vw;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: 0;
  pointer-events: none; /* чтобы элементы поверх были кликабельны */
}

.floating-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
 pointer-events: none;
}

.weed {
  position: absolute;
  width: 8vw;
  pointer-events: auto;
  cursor: pointer;
  z-index: 11;
  transition: transform 0.3s ease;
}


/* Отключаем шевеление при наведении */




/* Расположение каждой картинки — меняй как хочешь */
.weed1 {
  top: 26.5vw;
  left: 9.5vw;
  width: 5.3vw;
}

.weed2 {
  top: 31.8vw;
  left: 17vw;
  width: 14vw;
}

.weed3 {
  top: 29vw;
  left: 35.7vw;
  width: 9.2vw;
}

.weed4 {
  top: 30vw;
  right: 34.7vw;
  width: 13.6vw;
}

.weed5 {
  top: 35vw;
  right: 14.8vw;
  width: 16vw;
}

.weed6 {
  top: 27.5vw;
  right: 6.5vw;
  width: 6vw;
}


.slider {
  position: absolute;
  top: 68vw;
  left: 38vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.slide-wrapper {
  position: relative;
  width: 25vw; /* было 15vw — увеличили */
height: 25vw;
  overflow: hidden;
}

.slide-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* ← растягиваем по контейнеру */
  object-fit: contain; /* или "cover" если хочешь заполнение */
  opacity: 0;
  
  pointer-events: none;
}

.slide-wrapper img.active {
  opacity: 1;
  pointer-events: auto;
}



.controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.controls button {
  pointer-events: auto;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: transform 0.2s ease;
}

/* Увеличим размер стрелок и отодвинем их */
.controls .left {
  margin-left: -5vw; /* ← отодвигает от слайдера влево */
}

.controls .right {
  margin-right: -5vw; /* ← отодвигает вправо */
}

.controls svg {
  width: 10vw;  /* ← увеличиваем размер SVG */
  height: 10vw;
  display: block;
  stroke: #EADBB5 !important;
  stroke-width: 5;
}

.controls button:hover {
  transform: scale(1.2);
}


.header {
  position: fixed;
  top: 1vw;
  z-index: 99999999;
  width: 100%; /* если нужно растянуть на всю ширину */
  
}

.tab__img{
  position: absolute;
  left: 18vw;
  width: 63.2vw;
  height: auto;
  
}

.conimg{
  position: relative;
  left: 15vw;
  
}


.link__img1{
  position: absolute;
  top: 0.3vw;
  left: 22vw;
  width: 6.6vw;
  height: auto;
  transition: filter 1s linear /* плавность появления и исчезновения */

}

.link__img2{
  position: absolute;
  top: 0.4vw;
  left: 30.5vw;
  width: 5.8vw;
  height: auto;
  transition: filter 1s linear; /* плавность появления и исчезновения */

}

.link__img3{
  position: absolute;
  top: 0.3vw;
  left: 37.9vw;
  width: 3.8vw;
  height: auto;
  transition: filter 1s linear; /* плавность появления и исчезновения */

}

.link__img4{
  position: absolute;
  top: 0.4vw;
  left: 43.2vw;
  width:5.2vw;
  height: auto;
  transition: filter 1s linear; 

}

.link__img5{
  position: absolute;
  top: 9.4vw;
  left: 77vw;
  width: 6.7vw;
  height: auto;
  z-index: 99999;
  transition: filter 1s linear; 

}
.link_img6{
  width: 13.7vw;
  height: auto;
  transition: filter 1s linear;
  cursor: pointer;
}
.overlay-img{
  position: absolute;
  top: 16.4vw;
  left: 27vw;
  z-index: 99999;
  
}

.link__img1:hover,
.link__img2:hover,
.link__img3:hover,
.link__img4:hover,
.link__img5:hover,
.link_img6:hover {
filter: drop-shadow(0 0 0.5vw #fff) drop-shadow(0 0 1vw rgb(250, 235, 27));
transition: filter 0.5s linear;
cursor: pointer;
}

.wtlist{
position: absolute;
bottom: 0vw;
left: 33vw;
z-index: 999999999;
}

.wtlist__img{
width: 30vw;
height: auto;


}

.wtlist__img__link{
width: 15vw;
height:auto;
position: relative;
left: -23vw;
top: 1vw;
transition: filter 1s linear, transform 0.3s ease-out;; /* Анимация увеличения */ /* плавность появления и исчезновения */

}

.wtlist__img__link:hover {
filter: drop-shadow(0 0 0.5vw #fff) drop-shadow(0 0 1vw rgb(250, 235, 27));
transition: filter 0.5s linear;
cursor: pointer;
transform: scale(1.1);
transition: 
filter 0.5s linear,
transform 0.3s ease-out;
}

@keyframes subtlePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.07);
    opacity: 1;
  }
}

.music {
  position: fixed;
  left: 1vw;
  bottom: 1vw;
  z-index: 9999999;
}

.music__img {
  width: 5vw;
  height: auto;
  transition: filter 1s linear, transform 0.3s ease-out;
}

.music__img:hover {
  filter: drop-shadow(0 0 0.5vw #fff) drop-shadow(0 0 1vw rgb(250, 235, 27));
  cursor: pointer;
  transform: scale(1.1);
  transition: 
    filter 0.5s linear,
    transform 0.3s ease-out;
}

.music__img.pulsing {
  animation: subtlePulse 2.5s ease-in-out infinite;
}

























.preloader {
position: fixed;
inset: 0;
z-index: 99999999999999;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
pointer-events: all;
transition: opacity 1s linear;
overflow: hidden;
}

.preloader.fade-out {
opacity: 0;
pointer-events: none;
}

.preloader video {
width: 100vw;
height: 100vh;
object-fit: cover;
}