@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
        
body {
    font-family: 'Lato', sans-serif;
}

/* Soft Rose Background */
.bg-craft {
    background-color: #ffe4e6;
    background-image: linear-gradient(to bottom right, #fecdd3, #fff1f2, #fecdd3);
    background-attachment: fixed;
}

h1, h2, h3, .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Animação do Carrinho (Slide) */
@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
.cart-anim {
    animation: slideIn 0.3s ease-out;
}

/* Animação do Toast (Notificação) */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.toast-anim {
    animation: fadeUp 0.3s ease-out forwards;
}

/* Float Animation */
@keyframes float {
    0% { transform: translateY(0px) rotate(-2deg); }
    50% { transform: translateY(-15px) rotate(0deg); }
    100% { transform: translateY(0px) rotate(-2deg); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Fade In Up */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out;
}

/* Bounce Slow */
@keyframes bounceSlow {
    0%, 100% { transform: translateY(-5%); }
    50% { transform: translateY(5%); }
}
.animate-bounce-slow {
    animation: bounceSlow 3s infinite;
}

/* Custom Scrollbar for Filters */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f5f5f4;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e7e5e4;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #d6d3d1;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Scroll Animation Classes */
.scroll-hidden {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}
.scroll-visible {
    opacity: 1;
    transform: translateY(0);
}