/* Motor.com.de - Image & Lazy Loading Styles */
img.lazy, img[data-src] {
    background: #f0f0f0;
    min-height: 50px;
}
img.loaded {
    animation: none;
    background: none;
}
img.progressive-loading {
    filter: blur(5px);
    transition: filter 0.3s;
}
img.progressive-loaded {
    filter: blur(0);
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
img[data-src] {
    filter: blur(5px);
    transition: filter 0.3s;
}
img.loaded {
    filter: blur(0);
}
img[loading="lazy"] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: imgLoading 1.5s infinite;
}
@keyframes imgLoading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
img.loaded {
    animation: none;
    background: none;
}
@media (max-width: 768px) {
    img { width: 100%; height: auto; }
}
@media (prefers-reduced-motion: reduce) {
    img { animation: none !important; transition: none !important; }
}
/* Card entrance animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}