/* ================= SLIDE COVER (NO BLANK FLASH) ================= */
.kiosk-slide-cover {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #003366; /* DPWH Blue */
    z-index: 999999;
    transition: left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}

/* Enter (closing current page) */
.kiosk-slide-cover.enter {
    left: 0;
}

/* Exit (revealing next page) */
.kiosk-slide-cover.exit {
    left: 100%;
}