/* RESET */
* { margin:0; padding:0; box-sizing:border-box; }
body { background:black; font-family:sans-serif; }

/* HERO WRAPPER */
.hero-wrapper { position: relative; width:100%; height:100vh; overflow:hidden; }

/* VIDEO */
#introVideo, #heroVideo {
    position: fixed; top:0; left:0;
    width:100%; height:100%;
    object-fit: cover;
    z-index:-1;
    transition: opacity 1s ease;
}
#introVideo { z-index:5; }
#heroVideo { opacity:0; }
#heroVideo.active { opacity:1; }

/* HEADER */
.header-overlay {
    position: fixed; top:0; left:0;
    width:100%;
    display:flex; justify-content: space-between; align-items:center;
    padding:20px 8vw; z-index:1000;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.header-overlay.scrolled { background: rgba(0,0,0,0.85); }

.header-left { display:flex; align-items:center; gap:20px; }
.logo-img { height:60px; }
.logo-text { color:white; font-size:16px; }

/* HEADER RIGHT */
.header-right { display:flex; align-items:center; justify-content:flex-end; gap:20px; position:relative; }
.main-menu { display:flex; gap:30px; list-style:none; }
.main-menu a { color:white; text-decoration:none; font-weight:600; }
.language-switcher { display:flex; align-items:center; gap:10px; }
.lang-separator { color:white; }

/* BURGER */
.burger-btn {
    display:none; flex-direction: column; justify-content: space-between;
    width:24px; height:20px;
    background:none; border:none; cursor:pointer; z-index:1001;
}
.burger-btn .burger-line {
    width:100%; height:3px; background:white; display:block;
    transition: all 0.3s ease;
}

/* HERO TEXT */
.hero-text-wrapper { position:absolute; left:8vw; bottom:110px; color:white; }
.hero-text-wrapper h1 { font-size:64px; margin-bottom:10px; }
.hero-text-wrapper p { font-size:24px; }

/* SOUND BUTTON */
.hero-sound-btn {
    position:absolute; bottom:110px; right:8vw; z-index:10;
    display:none; opacity:0; background: rgba(0,0,0,0.5);
    color:white; border:none; padding:10px 14px; border-radius:50px;
    cursor:pointer; transition:opacity 0.5s;
}

/* MOBILE MENU */
.main-menu.open {
    display:flex;
    position:fixed; top:70px; right:0; width:100%;
    flex-direction:column; background:rgba(0,0,0,0.95);
    padding:20px; gap:20px; z-index:1000;
}

/* MEDIA QUERIES */
@media(max-width:768px){
    .burger-btn { display:flex; }
    .main-menu { display:none; flex-direction:column; position:fixed; top:70px; right:0; width:100%; background: rgba(0,0,0,0.95); padding:20px; gap:20px; z-index:1000; }

    /* приховуємо текст біля логотипу на мобільних */
    .logo-text { display:none; }

    .hero-text-wrapper { left:20px; bottom:70px; }
    .hero-text-wrapper h1 { font-size:32px; }
    .hero-text-wrapper p { font-size:16px; }
    .hero-sound-btn { right:20px; bottom:70px; }
}

@media(max-width:480px){
    .hero-text-wrapper h1 { font-size:24px; }
    .hero-text-wrapper p { font-size:14px; }
}