#sky {
    z-index: 1;
    position: absolute;
}

#star-container {
    z-index: 2;
    position: absolute;
}

#planet-container {
    z-index: 3;
    position: absolute;
}

#comet-container {
    z-index: 4;
    position: absolute;
}

#asteroids {
    z-index: 5;    
    position: absolute;
}

#tesla {
    z-index: 9;
    position: fixed;
}

#landscape {
    z-index: 6;
    position: absolute;
}

#tips {
    z-index: 7;
    position: absolute;
}

#cards {
    z-index: 8;
    position: absolute;
}

#vr {
    z-index: 9;
    position: fixed;
}

#vr-services {
    z-index: 9;
    position: fixed;
}

#vr-projects {
    z-index: 9;
    position: fixed;
}

#navbar {
    z-index: 1000;
    position: fixed;
    /* Запобігаємо перезапису через inline styles на touch-пристроях */
    /* transform: translateZ(0); */
    /* -webkit-transform: translateZ(0); */
}

#mobile-navbar {
    z-index: 1000;
    position: fixed;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#preloader {
    z-index: 9;
    position: fixed;
}

/* #documents {
    z-index: 10;
    position: absolute;
} */

#ai-assistant-button {
    z-index: 1000;
    position: fixed;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
    /* Запобігаємо перезапису через inline styles на touch-пристроях */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#ai-assistant-button > img[alt="AI Assistant"] {
    height: 120px;
}

#ai-assistant-button > img[alt="AI Assistant Open"] {
    height: 121px;
}

#ai-assistant-button img[alt="AI Assistant Open"] {
    display: none;
}

#ai-assistant-button:hover img[alt="AI Assistant"] {
    display: none;
}

#ai-assistant-button:hover img[alt="AI Assistant Open"] {
    display: block;
}

#vr-ai {
    z-index: 9;
    position: fixed;
}