/* ===================== БАЗА ===================== */

/* Общий контейнер Санты */
.bxd-santa {
    position: fixed;
    z-index: 999999; /* поверх всего, но ниже критичных модалок */
    pointer-events: none;
    user-select: none;
    will-change: transform, opacity;
}

/* Базовый размер PNG (планшет / обычные экраны) */
.bxd-santa__img {
    display: block;
    width: 240px;      /* исходный базовый размер */
    max-width: 45vw;   /* чтобы не раздувался на узких экранах */
    height: auto;
    image-rendering: auto;
}

/* Десктоп ≥1024px: уменьшаем в 1.5 раза (240 → 160) */
@media (min-width: 1024px) {
    .bxd-santa__img {
        width: 160px;
    }
}

/* Мобильные ≤767px: ещё в 1.5 раза меньше, чем на десктопе (160 → ~107) */
@media (max-width: 767px) {
    .bxd-santa__img {
        width: 110px; /* округлённое 160 / 1.5 */
    }
}

/* ===================== САНТА НА САНЯХ ===================== */

/* Санта на санях: диагональ сверху справа вниз влево, затем зеркалится и возвращается */
.bxd-santa--sled {
    left: -20vw;
    top: -20vh;
    animation: bxd-santa-sled-zigzag 18s linear forwards;
}

/* Полёт: вправо→влево по диагонали через всю высоту, потом зеркально обратно */
@keyframes bxd-santa-sled-zigzag {
    0% {
        transform: translate(130vw, -10vh) scale(1) scaleX(1);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    /* влево-вниз, до нижнего левого угла */
    45% {
        transform: translate(-10vw, 110vh) scale(1.05) scaleX(1);
        opacity: 1;
    }
    /* разворот (зеркалка по горизонтали) */
    50% {
        transform: translate(-10vw, 110vh) scale(1.05) scaleX(-1);
        opacity: 1;
    }
    /* обратно вверх-вправо */
    95% {
        transform: translate(130vw, -10vh) scale(1) scaleX(-1);
        opacity: 1;
    }
    100% {
        transform: translate(140vw, -20vh) scale(0.95) scaleX(-1);
        opacity: 0;
    }
}

/* ===================== ПАРАШЮТ ===================== */

/* Парашют: ровный спуск сверху вниз без остановок */
.bxd-santa--parachute {
    animation: bxd-santa-parachute-fall 4s linear forwards;
}

@keyframes bxd-santa-parachute-fall {
    0% {
        transform: translateY(-30vh);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        transform: translateY(110vh);
        opacity: 1;
    }
    100% {
        transform: translateY(120vh);
        opacity: 0;
    }
}