.pc-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 1029;
}

@media (max-width:1024px) {

    .pc-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        transform: translateX(-100%);
        transition: transform .3s ease;
        z-index: 1031; /* higher than overlay */
    }

    body.mob-sidebar-active .pc-sidebar {
        transform: translateX(0);
    }

    body.mob-sidebar-active .pc-sidebar-overlay {
        opacity: 1;
        visibility: visible;
    }
}