.bees-parallax {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 5;
}

.bees-parallax img {
  user-select: none;
}

@media (max-width: 767px) {
  .bees-parallax {
    display: none;
  }
}

.bee-layer {
  position: absolute;
  width: 140px;
  height: auto;
  will-change: transform;
  opacity: 0.85;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.12));
  animation: bee-float 9s ease-in-out infinite alternate;
}

.bee-layer.slow {
  width: 120px;
  opacity: 0.7;
  animation-duration: 12s;
}

.bee-layer.fast {
  width: 160px;
  opacity: 0.9;
  animation-duration: 7s;
}

@keyframes bee-float {
  0% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
  }
  50% {
    transform: translate3d(8px, -12px, 0) rotate(2deg);
  }
  100% {
    transform: translate3d(-6px, 10px, 0) rotate(-1deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bee-layer {
    animation: none;
    transition: none;
    transform: none !important;
  }
}