.top-half, .bottom-half {
    height: 50vh;
    overflow: hidden;
}

.logo-37 {
    width: 37vw;
}

.bottom-half iframe {
    width: 100%;
    height: 50vh;
}

#homeVersion2 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#homeVersion2 .top-half,
#homeVersion2 .bottom-half {
    width: 100%;
}

#homeVersion2 .bottom-half {
    position: relative;
}


/* VIDEO PLAYER ELEMENT */
.videoPlayerElement {
    height: 50vh;
    overflow: hidden;
}

.videoTitle {
    height: 8vh;
}

.videoPlayer {
    height: 42vh;
    overflow: hidden;
}

#bottomOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* inicijalno sakriven */
    /* Dodaj polu-transparentnu pozadinu ako želiš da potamniš video: */
    background: rgba(0,0,0,0.6);
    /* centriranje child-a, ako želiš */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Unutra možemo ubaciti još jedan kontejner recimo #bottomOverlayContent */
  #bottomOverlayContent {
    max-width: 80%;
    max-height: 90%;
    overflow: auto; /* ako bude više sadržaja */
    background: #333; /* primer pozadine */
    color: #fff;
    position: relative;
    padding: 1rem;
    border-radius: 6px;
  }

@media all and (orientation: landscape) {
    #homeVersion2 {
        flex-direction: row;
    }

    #homeVersion2 .top-half,
    #homeVersion2 .bottom-half {
        height: 100vh;
        flex: 1 1 50%;
    }

    #homeVersion2 .top-half {
        border-bottom: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    #homeVersion2 .top-half .container {
        height: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "left"
            "right"
            "status";
        align-items: start;
        justify-items: center;
        row-gap: 2vh;
        padding-top: 4vh;
        padding-bottom: 4vh;
    }

    #homeVersion2 .top-half .leviDeo {
        grid-area: left;
        width: 100%;
        margin-right: 0;
    }

    #homeVersion2 .top-half .desniDeo {
        grid-area: right;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #homeVersion2 #statusMessagesHomeVariant2 {
        margin-top: 30px;
        grid-area: status;
        width: 100%;
    }

    #homeVersion2 .top-half .hal-container {
        width: clamp(140px, 14vw, 200px);
        height: auto;
        aspect-ratio: 1 / 1;
    }

    #homeVersion2 .top-half .custom-image {
        width: clamp(42px, 4.8vw, 64px);
        top: 16% !important;
    }

    #homeVersion2 .top-half .hal-core {
        width: 50%;
        height: 50%;
        top: 50% !important;
    }

    #homeVersion2 .top-half .pulse {
        width: 82%;
        height: 82%;
        top: 50% !important;
    }

    #homeVersion2 .top-half .logo-37 {
        width: clamp(180px, 26vw, 320px);
    }

    #homeVersion2 #titleMainVariant2 {
        font-size: clamp(22px, 2.6vw, 34px);
        line-height: 1.15;
    }

    #homeVersion2 .bottom-half iframe,
    #homeVersion2 .bottom-half .videoPlayerElement,
    #homeVersion2 .bottom-half .videoPlayer {
        height: 100vh;
    }
}