@keyframes home-fade-in-left {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

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

@keyframes home-fade-in-right {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

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

@keyframes home-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

@keyframes home-float {
    0%, 100% {
        transform: translateY(0);
    }

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

.animate-fadeInLeft {
    animation: home-fade-in-left 0.8s ease-out forwards;
}

.animate-fadeInRight {
    animation: home-fade-in-right 0.8s ease-out forwards;
}

.animate-fadeInUp {
    animation: home-fade-in-up 0.6s ease-out forwards;
}

.animate-float {
    animation: home-float 4s ease-in-out infinite;
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-300 {
    animation-delay: 0.3s;
}

@keyframes home-progress-load {
    from { width: 0; }
    to { width: var(--home-progress-target, 95%); }
}

.animate-progressLoad {
    animation: home-progress-load 2s ease-out forwards;
}

/* Ana sayfa / hizmetler vitrin kartları — derin gölge + kaldırma + turuncu hover parlaması */
.home-rich-card {
    box-shadow: 0 22px 45px -12px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(0, 0, 0, 0.07);
    transition: transform 0.5s cubic-bezier(0.34, 1.15, 0.64, 1), box-shadow 0.5s ease, filter 0.5s ease;
}

.home-rich-card:hover {
    transform: translateY(-12px) scale(1.025);
    box-shadow: 0 36px 70px -14px rgba(0, 0, 0, 0.55), 0 0 48px -6px rgba(255, 94, 19, 0.4), 0 0 0 1px rgba(255, 94, 19, 0.25);
    filter: saturate(1.05);
}

/* <details> SSS satırları: +/- ikonları (Tailwind group-open olmadan) */
details.faq-details > summary .faq-icon-minus {
    display: none;
}

details.faq-details[open] > summary .faq-icon-plus {
    display: none;
}

details.faq-details[open] > summary .faq-icon-minus {
    display: inline-block;
}