/* Aparans pandan chajman */
.lazy-loading {
  filter: blur(6px);
  opacity: 0.5;
  transform: scale(1.02);
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

/* Apre chajman fini */
.lazy-loaded {
  filter: blur(0);
  opacity: 1;
  transform: scale(1);
  animation: fadeIn 0.8s ease forwards;
}

/* Fade-in animasyon */
@keyframes fadeIn {
  from {
    opacity: 0.3;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* Background lazy loading */
[data-bg] {
  background-size: cover;
  background-position: center;
  transition: opacity 0.6s ease, filter 0.5s ease;
}