/* =========================================
   🌸 JARNÍ EFEKT – padající okvětní lístky
   ========================================= */

body::before {
    content: "";
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;

    /* okvětní lístky (3 vrstvy – růžová, pastelová růžová a broskvová) */
    background-image:
        radial-gradient(ellipse 6px 10px at 30% 30%, rgba(255, 180, 190, 0.85) 0%, transparent 60%),
        radial-gradient(ellipse 5px 9px at 70% 40%, rgba(255, 200, 210, 0.80) 0%, transparent 60%),
        radial-gradient(ellipse 4px 7px at 40% 20%, rgba(255, 165, 175, 0.75) 0%, transparent 60%);

    background-size:
        180px 280px,
        260px 360px,
        340px 420px;

    background-position:
        0 -200px,
        150px -260px,
        -180px -300px;

    animation: petalsFall 16s linear infinite;
    opacity: 0.85;
}

/* padající animace */
@keyframes petalsFall {
    0% {
        background-position:
            0 -200px,
            150px -260px,
            -180px -300px;
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(6deg);
    }
    100% {
        background-position:
            0 600px,
            150px 540px,
            -180px 480px;
        transform: rotate(-8deg);
    }
}

/* Mobilní optimalizace */
@media (max-width: 768px) {
    body::before {
        opacity: 0.7;
        background-size:
            200px 300px,
            300px 420px,
            380px 480px;
        animation-duration: 20s;
    }
}