/* Lazy loading stil ayarları */
.lazy-load {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.lazy-image-loaded {
  opacity: 1;
}

.lazy-section {
  min-height: 200px;
  position: relative;
}

.lazy-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(243, 243, 243, 0.5) 25%, rgba(235, 235, 235, 0.5) 37%, rgba(243, 243, 243, 0.5) 63%);
  background-size: 400% 100%;
  animation: lazy-loading-animation 1.4s ease infinite;
}

.lazy-section.loaded:before {
  display: none;
}

@keyframes lazy-loading-animation {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}