/* Ensure proper stacking and visibility */
.screen-1, .screen-2,
.screen-zontal1, .screen-zontal2,
.vertical-scroll-section1,
.vertical-scroll-section2,
.vertical-scroll-section3,
.vertical-scroll-section4,
.vertical-scroll-section5 {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

/* Hide service sections initially */
.vertical-scroll-section2,
.vertical-scroll-section3,
.vertical-scroll-section4,
.vertical-scroll-section5 {
    display: none;
}

/* Ensure smooth transitions */
* {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Cookie consent responsive */
@media (max-width: 768px) {
    .cookie-consent {
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        padding: 12px 15px !important;
    }
    
    .cookie-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .cookie-buttons {
        display: flex;
        gap: 10px;
    }
    
    .cookie-accept,
    .cookie-decline {
        flex: 1;
        padding: 8px !important;
        margin: 0 !important;
    }
}

.cookie-accept {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
}

.cookie-decline {
    background: #f44336;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
}

/* Ensure all animated elements have proper will-change */
.content-box-1, .content-box-2,
.content-box-zontal1, .content-box-zontal2,
.bg-image-1, .bg-image-2,
.bg-image-zontal1,
.text-layer,
.s1-heading-zontal,
.s3-heading-zontal {
    will-change: transform, opacity;
}