/* Animacje strony startowej eBudżet */
@keyframes eb-fade-up {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: none; }
}
@keyframes eb-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@media (prefers-reduced-motion: no-preference) {
    .md-content__inner:has(.nav-cards) > h1,
    .md-content__inner:has(.nav-cards) > h2:first-of-type,
    .md-content__inner:has(.nav-cards) > figure {
        opacity: 0;
        animation: eb-fade-up .7s cubic-bezier(.2, .7, .2, 1) forwards;
    }
    .md-content__inner:has(.nav-cards) > h2:first-of-type { animation-delay: .1s; }
    .md-content__inner:has(.nav-cards) > figure { animation-delay: .2s; }
    .md-content__inner:has(.nav-cards) > figure img {
        animation: eb-float 6s ease-in-out 1.2s infinite;
    }

    .eb-anim .eb-reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity .6s ease var(--eb-delay, 0ms),
                    transform .6s cubic-bezier(.2, .7, .2, 1) var(--eb-delay, 0ms);
    }
    .eb-anim .eb-reveal.eb-in { opacity: 1; transform: none; }

    .md-typeset .grid.cards > ul > li, .nav-card {
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .md-typeset .grid.cards > ul > li:hover, .nav-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 30px rgba(0, 0, 0, .14);
    }
    .img-row img { transition: transform .5s ease; }
    .img-row img:hover { transform: scale(1.04); }
}