/* 🌳🍋🥭🍊 Дерево с фруктами в углу */
.fruit-corner {
    position: absolute;
    left: 7px;
    bottom: 130px;
    width: 80px;
    height: 80px;
    z-index: 50;
    pointer-events: none;
}

.tree {
    position: absolute;
    bottom: -75px;
    left: -8px;
    font-size: 55px;
    animation: tree-sway 4s ease-in-out infinite;
    transform-origin: bottom center;
}

.lemon {
    position: absolute;
    bottom: -45px;
    left: 22px;
    font-size: 10px;
    animation: lemon-swing 3s ease-in-out infinite;
    transform-origin: top center;
}

.mango {
    position: absolute;
    bottom: -35px;
    left: 5px;
    font-size: 10px;
    animation: lemon-swing 3s ease-in-out infinite;
    animation-delay: 0.3s;
    transform-origin: top center;
}

.orange {
    position: absolute;
    bottom: -25px;
    left: 20px;
    font-size: 10px;
    animation: lemon-swing 3s ease-in-out infinite;
    animation-delay: 0.6s;
    transform-origin: top center;
}

/* Дерево качается слегка */
@keyframes tree-sway {
    0%, 100% {
        transform: rotate(-1.5deg);
    }
    50% {
        transform: rotate(1.5deg);
    }
}

/* Фрукты качаются */
@keyframes lemon-swing {
    0%, 100% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
}

/* ==============================================
   МОБИЛЬНАЯ АДАПТАЦИЯ (ФИНАЛ - МАСШТАБИРОВАНИЕ)
   ============================================== */
@media (max-width: 768px) {
    .fruit-corner {
        display: block !important;

        /* 1. Позиция контейнера Двигаем дерево */
        left: 8px;      /* ✅ Сдвинули вправо от края */
        /* Ставим повыше, потому что само дерево внутри свисает вниз */
        bottom: 131.5px;   /* ✅ Подняли повыше над футером */

        /* 2. Масштаб (фрукты остаются на месте) МАГИЯ: Просто уменьшаем всю композицию до 65% */
        transform: scale(0.65);
        transform-origin: bottom left; /* Сжимаем к левому нижнему углу */

        /* 3. Размеры контейнера берем как на компе, чтобы пропорции не ломались */
        width: 80px;
        height: 80px;
        z-index: 5;
    }

    /* ВАЖНО: Мы НЕ пишем здесь настройки для .tree, .lemon и т.д.
       Телефон возьмет их из основного кода выше и просто уменьшит масштаб.
       Так фрукты останутся ровно на своих местах на ветках. */
}

/* ==============================================
   FIX ДЛЯ УЗКИХ ЭКРАНОВ (Galaxy Fold, iPhone SE)
   ============================================== */
@media (max-width: 370px) {
    .fruit-corner {
        /* Поднимаем дерево еще выше, так как футер может стать толще из-за переноса текста */
        bottom: 148.5px !important;

        /* Чуть уменьшаем, чтобы оно не казалось огромным на узком экране */
        transform: scale(0.6) !important;
        left: 8px !important;
    }
}