/* Виправлені стилі для секції CTA */
.cta-section {
    background-color: #247179;
    background-image: url('../images/4blockbg.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 80px 0;
    margin-bottom: 0;
    position: relative;
    text-align: center;
}

/* Виправлені стилі для секції контактів */
.contact-section {
    background-color: #F5F7F9 !important;
    padding: 80px 0;
    position: relative;
}

.contact-form {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 20px;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.form-group input,
.form-group textarea {
    background-color: #fff !important;
}

/* Виправлення для стилів мобільного меню */
@media screen and (max-width: 768px) {
    /* Змінюємо розташування для мобільного меню */
    .main-nav {
        display: block !important;
        position: fixed !important;
        height: auto !important;
        width: auto !important;
        top: 110px !important;
        left: 10px !important;
        right: 10px !important;
        background-color: white !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
        border-radius: 15px !important;
        z-index: 999 !important; /* Вищий z-index для перекриття інших елементів */
        transform: translateY(-20px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        padding: 20px !important;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    }
    
    /* Коли меню активне */
    header.expanded .main-nav {
        transform: translateY(10px) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Стилі для overlay при відкритому меню */
    .menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: rgba(0,0,0,0.5) !important;
        z-index: 90 !important;
        backdrop-filter: blur(3px) !important;
    }
}