/* Smooth Page Transitions */

/* Page content wrapper — animated on enter/exit */
body.spt-entering-15762fee {
    overflow: hidden;
}

/* === FADE === */
body.spt-fade-out-15762fee {
    opacity: 0;
}
body.spt-fade-in-15762fee {
    opacity: 1;
}

/* === SLIDE === */
body.spt-slide-left-out-15762fee {
    transform: translateX(-100%);
    opacity: 0;
}
body.spt-slide-left-in-15762fee {
    transform: translateX(0);
    opacity: 1;
}
body.spt-slide-right-out-15762fee {
    transform: translateX(100%);
    opacity: 0;
}
body.spt-slide-right-in-15762fee {
    transform: translateX(0);
    opacity: 1;
}
body.spt-slide-up-out-15762fee {
    transform: translateY(-100%);
    opacity: 0;
}
body.spt-slide-up-in-15762fee {
    transform: translateY(0);
    opacity: 1;
}
body.spt-slide-down-out-15762fee {
    transform: translateY(100%);
    opacity: 0;
}
body.spt-slide-down-in-15762fee {
    transform: translateY(0);
    opacity: 1;
}

/* === ZOOM === */
body.spt-zoom-in-out-15762fee {
    transform: scale(0.8);
    opacity: 0;
}
body.spt-zoom-in-in-15762fee {
    transform: scale(1);
    opacity: 1;
}
body.spt-zoom-out-out-15762fee {
    transform: scale(1.2);
    opacity: 0;
}
body.spt-zoom-out-in-15762fee {
    transform: scale(1);
    opacity: 1;
}

/* === OVERLAY (for curtain transitions) === */
.spt-overlay-15762fee {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 999999;
}

.spt-curtain-left-15762fee,
.spt-curtain-right-15762fee,
.spt-curtain-top-15762fee,
.spt-curtain-bottom-15762fee {
    position: absolute;
    background: var(--spt-curtain-color, #000000);
}

/* Horizontal curtain */
.spt-curtain-left-15762fee {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    transform: translateX(-100%);
}
.spt-curtain-right-15762fee {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    transform: translateX(100%);
}

/* Vertical curtain */
.spt-curtain-top-15762fee {
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    transform: translateY(-100%);
}
.spt-curtain-bottom-15762fee {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    transform: translateY(100%);
}

/* Curtain close (cover screen) */
body.spt-curtain-h-close-15762fee .spt-curtain-left-15762fee {
    transform: translateX(0);
}
body.spt-curtain-h-close-15762fee .spt-curtain-right-15762fee {
    transform: translateX(0);
}
body.spt-curtain-v-close-15762fee .spt-curtain-top-15762fee {
    transform: translateY(0);
}
body.spt-curtain-v-close-15762fee .spt-curtain-bottom-15762fee {
    transform: translateY(0);
}

/* Curtain open (reveal) */
body.spt-curtain-h-open-15762fee .spt-curtain-left-15762fee {
    transform: translateX(-100%);
}
body.spt-curtain-h-open-15762fee .spt-curtain-right-15762fee {
    transform: translateX(100%);
}
body.spt-curtain-v-open-15762fee .spt-curtain-top-15762fee {
    transform: translateY(-100%);
}
body.spt-curtain-v-open-15762fee .spt-curtain-bottom-15762fee {
    transform: translateY(100%);
}