@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* Fade In Animation */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}

/* Ensure smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* FAQ Accordion Styles */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.faq-item.active .faq-answer {
    max-height: 500px; /* Arbitrary large height */
    opacity: 1;
}

.faq-icon {
    transition: transform 0.3s ease-in-out;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

/* Sales Notification Animation */
.sales-notification-visible {
    transform: translateX(0) !important;
}