/* ورود نرم عناصر */

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes panelAppear {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes floatAnimation {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}

@keyframes softPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(236, 101, 150, .2);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(236, 101, 150, 0);
    }
}

.site-logo {
    animation: fadeIn .8s ease both;
}

.section-heading {
    animation: fadeUp .7s ease both;
}

.product-card,
.offer-card,
.review-card {
    animation: fadeUp .6s ease both;
}

.logo-icon {
    display: inline-block;
    animation: floatAnimation 3s ease-in-out infinite;
}

.support-button {
    animation: softPulse 2.5s infinite;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}