/* Contact Section */
.contact h2 {
    color: #1f6071;
    text-align: center;
    margin-bottom: 40px;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
    /* Устанавливаем основной цвет текста для всей секции */
    color: #1f6071; 
}

/* === ИНФОРМАЦИЯ И КОНТАКТЫ === */
.contact-info h3 {
    color: #1f6071;
    margin-bottom: 15px;
}
.contact-info p {
    color: var(--primary); /* Используем базовый темный цвет */
}

.contact-details {
    margin-top: 30px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

/* 🎨 Иконка контактов */
.contact-icon {
    width: 40px;
    height: 40px;
    
    /* 🎨 ЦВЕТ АКЦЕНТА: Оранжевый */
    background: #FF6B35; 
    color: white;
    
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* === ФОРМА ОБРАТНОЙ СВЯЗИ (СТАТИЧНАЯ) === */
.contact-form {
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    
    /* ❌ ОТМЕНА ВСЕЙ АНИМАЦИИ И СДВИГОВ */
    transform: none; 
    transition: none; 
}

/* ❌ УБИРАЕМ HOVER ЭФФЕКТЫ */
.contact-form:hover {
    transform: none; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.15); /* Чуть заметнее тень, но без движения */
}

.contact-form h3 {
    color: #1f6071;
}

/* Инпуты: Рамка при фокусе */
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #FF6B35; /* Оранжевая рамка при фокусе */
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2); 
}

/* Кнопка */
.contact-form .btn {
    /* Кнопка в основном цвете */
    background-color: #1f6071; 
    color: white;
    box-shadow: none; /* Убираем специфичные тени */
    transition: all 0.2s ease;
}

.contact-form .btn:hover {
    background-color: #3b88a1; /* Чуть светлее бирюзовый на hover */
}


/* АДАПТИВНОСТЬ */
@media (max-width: 992px) {
    .contact-content {
        grid-template-columns: 1fr;
    }
}