.ladybug {
            position: absolute;
            width: 40px; /* Rozmiar biedronki */
            height: auto;
            transition: transform 0.2s linear, left 0.2s linear, top 0.2s linear; /* Skrócony czas przejść */
        }

        .trail {
            position: absolute;
            width: 100px;
            height: auto;
            opacity: 0.5;
            background-size: cover;
            background-repeat: no-repeat;
        }


/* ===========================================================
   LOGIKA WIDOCZNOŚCI BIEDRONKI (sterowana przez body.nomotif)
   =========================================================== */

/* -------------------- */
/* Widoczność biedronki */
/* -------------------- */

/* Domyślnie ukryj biedronkę, aby nie migała przy ładowaniu */
.ladybug {
    display: none;
}

/* Jeśli brak motywu (czyli body.nomotif) — pokaż biedronkę */
body.nomotif .ladybug {
    display: block !important;
}