/* mooi cosmetics Kudus - Custom Styles */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-in {
    animation: slideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar - Rose Gold Beauty Palette */
::-webkit-scrollbar {
    width: 9px;
}

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

::-webkit-scrollbar-thumb {
    background: #FCA5B5;
    border-radius: 9999px;
    border: 2px solid #FFF5F6;
}

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

/* Category Filter Buttons Active Status */
.cat-filter-btn.active {
    background: linear-gradient(135deg, #E11D58 0%, #BE1248 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(225, 29, 88, 0.3);
    border-color: transparent !important;
}

/* Product Card Hover */
.product-card {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
}

/* Smooth Accordion */
.faq-content {
    transition: all 0.3s ease-in-out;
}

/* Image Zoom */
.overflow-hidden img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}