/* Page Transition Loading Overlay */
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #ce0000, transparent);
    z-index: 999999;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
    pointer-events: none;
}

#page-loader.loading {
    transform: scaleX(1);
    animation: loaderSlide 0.8s ease-in-out;
}

@keyframes loaderSlide {
    0% { transform: scaleX(0); transform-origin: left center; }
    50% { transform: scaleX(0.5); transform-origin: left center; }
    100% { transform: scaleX(1); transform-origin: right center; }
}