/* Styles pour le lazy loading des images */
img.lazy-loading {
  filter: blur(5px);
  opacity: 0.5;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

img.lazy-loaded {
  filter: blur(0);
  opacity: 1;
}

/* Optimisation pour les images WebP */
.webp-support img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}