/* Custom smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Hover effects for product cards */
.product-card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* Database-ready placeholders */
.loading {
    background: #f3f3f3;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}