/* ---------------------------------------------------
   CSS alapú hó animáció – PNG nélkül
   --------------------------------------------------- */

/* Lehulló pelyhek pozicionálása */
.leaf {
  position: fixed;
  top: -10vh;
  pointer-events: none;
  z-index: 9999;
  animation: fall linear infinite;
  opacity: 1;
}

/* Alap hópehely – kerek */
.flake {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  opacity: 0.85;
  box-shadow:
    0 0 6px rgba(255,255,255,0.9),
    0 0 12px rgba(180,210,255,0.7);
}

/* Nagyobb pehely – véletlenszerű */
.flake.big {
  width: 12px;
  height: 12px;
  opacity: 0.95;
}

/* Kristály formájú pehely – véletlenszerű */
.flake.crystal {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid rgba(255,255,255,0.9);
  opacity: 0.95;
  filter: drop-shadow(0 0 10px rgba(200,220,255,0.8));
}

/* Esés animáció (meghagyva az eredetiből) */
@keyframes fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) rotate(720deg);
    opacity: 0;
  }
}