/* ======= Слайди ======= */

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.slide {
    background-color: #CBE4DE;
    width: 80vw;
    margin: 5px auto;
    padding: 0 20px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Коли слайд активний (видимий) */
.slide.visible {
    opacity: 1;
    z-index: 1;
}

/* Забезпечити, що футер не притискається */
.site-footer {
    flex-shrink: 0;
}

/* Адаптивність */
@media (max-width: 720px) {
    .slide {
        width: 95vw;
        padding:5px;
    }
}