/* Анімація літака для контактної форми */

@media (max-width: 767px) {
  #plane-canvas {
    display: none !important;
  }
}

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

#plane-canvas {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  display: block;
}

/* Додатково для адаптивності, щоб canvas не перекривав форму */
#contacts .container { position: relative; z-index: 20; }

.adsjet-contact-form {
  position: relative;
  z-index: 21;
  /* background: #fff;  якщо треба білий фон */
}


.animated-plane {
  display: none;

  position: absolute;
  left: -120px;
  top: 30%;
  width: 100px;
  height: 40px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.7;
  animation: plane-fly 7s linear infinite;
}

@keyframes plane-fly {
  0% {
    left: -120px;
    top: 30%;
    opacity: 0.7;
    transform: scale(0.95) rotate(-7deg);
  }
  10% {
    opacity: 1;
  }
  60% {
    top: 20%;
    opacity: 1;
    transform: scale(1.05) rotate(3deg);
  }
  100% {
    left: 100vw;
    top: 10%;
    opacity: 0.7;
    transform: scale(1.1) rotate(7deg);
  }
}