
.hover-lift {
    transition: transform 0.2s ease-in-out;
}
.hover-lift:hover {
    transform: translateY(-5px);
}
.transition-all {
    transition: all 0.3s ease;
}
.hover-shadow-lg {
    transition: all 0.3s ease;
}
.hover-shadow-lg:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)!important;
}
.transition-all {
    transition: all 0.3s ease;
}
.object-fit-cover {
    object-fit: cover;
}
/* Адаптивная высота для модального окна контактов */
.modal-adaptive-height .modal-dialog {
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center; /* Добавляем центрирование по горизонтали */
    margin: auto; /* Центрируем по умолчанию */
}

.modal-adaptive-height .modal-content {
    max-height: calc(90vh - 1rem);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    width: 100%; /* Убеждаемся, что контент занимает всю ширину */
}

.modal-adaptive-height .modal-body {
    flex: 1;
    overflow-y: auto;
}

/* Адаптивные стили для разных размеров экранов */
@media (max-width: 768px) {
    .modal-adaptive-height .modal-dialog {
        /* Убираем margin: 0.5rem и используем padding вместо этого */
        margin: 0 auto; /* Центрируем по горизонтали */
        max-height: 95vh;
        width: calc(100% - 1rem); /* Отступы по бокам без смещения */
        max-width: calc(100% - 1rem); /* Ограничиваем ширину с отступами */
    }
    
    .modal-adaptive-height .modal-content {
        max-height: calc(95vh - 1rem);
    }
    
    .modal-adaptive-height .modal-header {
        padding: 0.75rem 1rem 0 1rem;
    }
    
    .modal-adaptive-height .modal-body {
        padding: 1rem;
    }
}

@media (min-width: 992px) {
    .modal-adaptive-height .modal-dialog {
        max-width: 500px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 576px) {
    .modal-adaptive-height .modal-dialog {
        max-height: 98vh;
        width: calc(100% - 0.5rem); /* Меньшие отступы на очень маленьких экранах */
        max-width: calc(100% - 0.5rem);
    }
    
    .modal-adaptive-height .modal-content {
        max-height: calc(98vh - 0.5rem);
    }
    
    .modal-adaptive-height h4 {
        font-size: 1.25rem;
    }
    
    .modal-adaptive-height .btn-lg {
        padding: 0.75rem;
        font-size: 1rem;
    }
}

/* Дополнительное исправление для центрирования */
.modal-adaptive-height.modal.show .modal-dialog {
    transform: translate(0, 0) !important; /* Убираем возможные смещения */
}
