img[loading="lazy"] {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(3px);
    transition: all 0.5s ease;
}

img[loading="lazy"]:not(.loaded) {
    background: #f5f5f5;
}

img[loading="lazy"].loaded {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    background: none;
}

.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.product-card img {
    transition: transform 0.3s ease;
}

.product-card:hover img {
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .product-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }
}