/* CSS Scroll Snapping untuk pengalaman menyeluruh (immersive) */
#scroll-container {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory; /* Memaksa skrol 'melekat' pada seksyen */
}

.full-screen {
    height: 100vh;
    width: 100vw;
    scroll-snap-align: start; /* Titik lekatan di bahagian atas skrin */
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Blok Global Terapung */
.global-floating {
    position: fixed;
    z-index: 999;
}

.top-right {
    top: 20px;
    right: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.bottom-center {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite; /* Animasi terapung */
}

/* Animasi Bouncing untuk Blok Indikator */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
    40% { transform: translateY(-15px) translateX(-50%); }
    60% { transform: translateY(-7px) translateX(-50%); }
}

/* Utiliti Sembunyi */
.hidden {
    display: none !important;
}