/* Fullpage скролл */
body {
    overflow: hidden;
    height: 100vh;
}

.fullpage-wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.section {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0s 0.7s;
    will-change: transform, opacity;
    overflow: hidden;
}

.section.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0s 0s;
    z-index: 2;
}

/* Фоны для каждой секции */
.section-1 {
    background: linear-gradient(135deg, 
        var(--warm-white) 0%, 
        var(--cream) 40%, 
        var(--ivory) 100%);
}

.section-2 {
    background: radial-gradient(ellipse at top, 
        rgba(255, 215, 0, 0.08) 0%,
        rgba(255, 248, 231, 0) 60%),
        linear-gradient(180deg, 
        var(--ivory) 0%, 
        var(--warm-white) 50%, 
        var(--cream) 100%);
}

.section-3 {
    background-color: var(--warm-white);
    position: relative;
    overflow: hidden;
}

.section-3::before {
    content: '';
    position: absolute;
    top: -8%;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.1) 100%),
        url("invitation.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 0;
}

.section-3 > * {
    position: relative;
    z-index: 1;
}

.section-4 {
    background: radial-gradient(circle at bottom, 
        rgba(255, 215, 0, 0.1) 0%,
        rgba(255, 248, 231, 0) 50%),
        linear-gradient(180deg, 
        var(--cream) 0%, 
        var(--ivory) 100%);
}

.section-5 {
    background: radial-gradient(ellipse at center, 
        rgba(255, 215, 0, 0.15) 0%,
        rgba(255, 248, 231, 0) 50%),
        linear-gradient(135deg, 
        var(--cream) 0%, 
        var(--warm-white) 50%, 
        var(--ivory) 100%);
}

/* Анимации выхода */
.section.slide-out-up {
    animation: slideOutUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    z-index: 1;
}

.section.slide-out-down {
    animation: slideOutDown 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    z-index: 1;
}

/* Анимации входа */
.section.slide-in-from-bottom {
    animation: slideInFromBottom 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    z-index: 3;
}

.section.slide-in-from-top {
    animation: slideInFromTop 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    z-index: 3;
}

@keyframes slideOutUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-30px);
        opacity: 0;
    }
}

@keyframes slideOutDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(30px);
        opacity: 0;
    }
}

@keyframes slideInFromBottom {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromTop {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .section {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}