/* Custom Styles for Smooth Scroll and Animations */
html {
    scroll-behavior: smooth;
}

.blob-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transition: all 1s ease-in-out;
}

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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f4f7ff;
}

::-webkit-scrollbar-thumb {
    background: #5f3f32;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #cbd9e6;
}

/* Sparkle Animation for AI Button */
@keyframes sparkle {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.animate-sparkle {
    animation: sparkle 2s infinite;
}