body {
  margin: 0;
  overflow-x: hidden;
}

.header {
  position: relative;
  height: 600px; /* подстраиваем под фон */
  overflow: hidden;
  background-color: #e6f2fa;
}

.bg-moving {
  position: absolute;
  top: 0;
  left: 0;
  width: 3840px; /* 2x ширины экрана */
  height: 600px;
  background: url('/images/bg-waves.svg') repeat-x;
  animation: moveX 60s linear infinite;
  z-index: 0;
}

@keyframes moveX {
  0% { transform: translateX(0); }
  100% { transform: translateX(-1920px); }
}

.column, .bochka, .car {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.column {
  left: 40%;
  transform: translateX(-50%);
  width: 140px;
  z-index: 10;
}

.bochka {
  left: 60%;
  transform: translateX(-50%);
  width: 520px;
  bottom: 30px;
}

.car {
  right: -300px;
  width: 420px;
  z-index: 12;
  animation: driveIn 4s ease-out forwards 1s;
}

@keyframes driveIn {
  0%   { right: -300px; }
  100% { right: calc(50% + 120px); }
}

.navbar {
  z-index: 4;
}

.set {font-size: 3rem;
	z-index: 12;
	position: sticky;
	text-align: center;
	text-transform: uppercase;
	padding-top: 60px;}

.logo img {height:66px}

.why-swiper .swiper-slide {
	height: 100%;
  }

  .why-card {
	min-height: 220px; /* можно подстроить под контент */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	padding: 1.5rem;
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
  }

  .why-card i {
	font-size: 2.5rem;
	margin-bottom: 1rem;
  }

  .swiper-slide > .why-card {
	height: 100%;
  }
  
  /* Адаптивность: уменьшение высоты и шрифта на мобилках */
  @media (max-width: 768px) {
	  
		@keyframes driveInMobile {
		  0% { right: -300px; }
		  100% { right: 50%; } /* остановка раньше */
		}
	  
		.car {
		  animation: driveInMobile 3.5s ease-out forwards 1s !important;
		}
	  
	  
	.header {
	  height: 420px;
	}
  
	.bg-moving {
	  height: 420px;
	}
  
	.column {
	  width: 80px;
	  left: 30%;
	}
  
	.bochka {
	  width: 280px;
	  left: 60%;
	  bottom: 20px;
	}
  
	.car {
	  width: 240px;
	}
  
	.set {
	  font-size: 1.4rem;
	  padding-top: 40px;
	}
  
	h2 {
	  font-size: 1.3rem;
	}
  
	.why-card {
	  padding: 1rem;
	}
  }
  
  .coop-phone { font-size: clamp(1.5rem, 2.2vw + .5rem, 2.25rem); letter-spacing: .4px; }