.preloader {
    position: fixed;
    inset: 0;
    background: #ffffff; /* Поменял на белый, как ты просил */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

/* Скрываем контент по умолчанию, пока JS не загрузит картинки */
.loader-wrap {
    position: relative;
    width: 150px; /* Немного увеличим общую область */
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.loader-ring {
    position: absolute;
    inset: 0; /* Растягиваем круг на всю ширину wrap */
    width: 100%;
    height: 100%;
    z-index: 1;
}

.loader-core {
    position: relative;
    /* Увеличиваем турбину: теперь она занимает 85% круга вместо 50% */
    width: 85%; 
    height: 85%;
    z-index: 2;
    object-fit: contain; /* Чтобы самолетик не сплющило */
}

/* Если хочешь, чтобы турбина крутилась быстрее/плавнее, 
   можно подправить время в анимации turbineSpin */
.spin {
    animation: turbineSpin 1.5s linear infinite; /* Сделал вращение линейным и быстрее */
}

@keyframes turbineSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.preloader.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}

/* Анимация вылета самолета */
.pop-zoom {
    animation: hitechPopZoom 0.33s ease-out forwards;
    transform-origin: center center;
}

@keyframes hitechPopZoom {
    0% {
        transform: scale(0); /* Появляется из точки */
        opacity: 0;
    }
    /* 15% от 0.33с ≈ 0.05с (Вылет до максимума) */
    20% {
        transform: scale(1.2); /* Становится размером с круг (чуть больше финала) */
        opacity: 1;
    }
    /* 30% от 0.33с ≈ 0.1с (Сжатие до нормы) */
    30% {
        transform: scale(1); /* Финальный размер */
    }
    /* Остальное время до 100% просто висит */
    100% {
        transform: scale(1);
    }
}

/* Класс для блокировки скролла */
.no-scroll {
    overflow: hidden !important;
    height: 100vh !important; /* Фиксируем высоту по экрану */
    width: 100% !important;
    position: fixed !important; /* Гарантирует неподвижность */
}

html {
    /* Резервирует место под скроллбар заранее, чтобы ничего не дергалось */
    scrollbar-gutter: stable;
}