/* Custom styles that extend Tailwind */
.hero {
    background-size: cover;
    background-position: center;
}

.category-card:hover i {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}
/* Form styles */
#productForm input,
#productForm textarea,
#productForm select {
    transition: all 0.2s ease;
}

#productForm input:focus,
#productForm textarea:focus,
#productForm select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

/* Animation for product cards */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.custom-product-card {
    animation: fadeIn 0.5s ease forwards;
    opacity: 0;
}

.custom-product-card:nth-child(1) { animation-delay: 0.1s; }
.custom-product-card:nth-child(2) { animation-delay: 0.2s; }
.custom-product-card:nth-child(3) { animation-delay: 0.3s; }
.custom-product-card:nth-child(4) { animation-delay: 0.4s; }

/* Responsive adjustments */
@media (max-width: 640px) {
    .hero {
        text-align: center;
    }
}