/* Floating Eggs & Bananas Animation */
.floating-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.floating-emoji {
  position: absolute;
  font-size: 48px;
  opacity: 0.15;
  animation: float 20s infinite ease-in-out;
}

.emoji-1 { left: 10%; animation-delay: 0s; }
.emoji-2 { left: 25%; animation-delay: 2s; font-size: 36px; }
.emoji-3 { left: 40%; animation-delay: 4s; font-size: 52px; }
.emoji-4 { left: 55%; animation-delay: 6s; font-size: 40px; }
.emoji-5 { left: 70%; animation-delay: 8s; font-size: 44px; }
.emoji-6 { left: 85%; animation-delay: 10s; font-size: 38px; }
.emoji-7 { left: 15%; animation-delay: 12s; font-size: 50px; }
.emoji-8 { left: 60%; animation-delay: 14s; font-size: 42px; }

@keyframes float {
  0% {
    transform: translateY(100vh) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 0.15;
  }
  90% {
    opacity: 0.15;
  }
  100% {
    transform: translateY(-20vh) rotate(360deg);
    opacity: 0;
  }
}

/* Ensure content stays above floating emojis */
nav {
  position: relative;
  z-index: 100 !important;
}

.hero, .section, footer, .page-header {
  position: relative;
  z-index: 1;
}