/* ====== ОБЩИЕ СТИЛИ (твои) ====== */
html, body {
    cursor: url('/assets/image/home_desktop/background/cursor.png') 3 3, auto;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Manrope', sans-serif;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    animation: bgChange 20s infinite;
}
.container_Neuron24 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}

/* ====== АНИМАЦИЯ ФОНА ====== */
@keyframes bgChange {
    0%   { background-image: url('/assets/image/home_desktop/background/BG 00.png'); }
    25%  { background-image: url('/assets/image/home_desktop/background/BG 01.png'); }
    40%  { background-image: url('/assets/image/home_desktop/background/BG 02.png'); }
    55%  { background-image: url('/assets/image/home_desktop/background/BG 03.png'); }
    65%  { background-image: url('/assets/image/home_desktop/background/BG 04.png'); }
    85%  { background-image: url('/assets/image/home_desktop/background/BG 05.png'); }
    100% { background-image: url('/assets/image/home_desktop/background/BG 06.png'); }
}

/* ====== АДАПТИВ ====== */

/* Планшеты (до 1024px) */
@media (max-width: 1024px) {
    .container_Neuron24 {
        padding: 1px;
        width: 100%;
    }
}

/* Телефоны (до 768px) */
@media (max-width: 768px) {
    body {
        background-attachment: scroll; /* фиксированный фон отключаем */
        background-size: cover;        /* всегда подгоняем */
    }

    .container_Neuron24 {
        width: 100%;
    }
}

/* Маленькие телефоны (до 480px) */
@media (max-width: 480px) {
    html, body {
        font-size: 14px; /* уменьшаем базовый размер шрифта */
    }


    .logo_A  {
        max-width: 25px; /* чтобы картинки не вылезали за экран */
        height: auto;
    }
}