/* Полное исправление анимаций в разделе Услуги */

/* Предотвращаем появление горизонтального скроллбара */
body {
    overflow-x: hidden !important;
}

.services-section {
    overflow: hidden !important; /* Ограничиваем тени в рамках секции */
    max-width: 100vw !important;
    position: relative;
    z-index: 1;
}

.services-section .container {
    overflow: visible !important;
    padding-bottom: 2rem; /* Даем место для теней внутри секции */
}

/* Отключаем ВСЕ transform анимации при hover в карточках услуг */
.service-card,
.service-card:hover {
    transform: none !important;
    transition: box-shadow 0.3s ease !important;
}

.service-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Убираем анимацию с ссылок */
.service-link,
.service-link:hover {
    transform: none !important;
    transition: background-color 0.3s ease, opacity 0.3s ease !important;
}

.service-link:hover {
    gap: 0.5rem !important; /* НЕ увеличиваем gap при hover */
    opacity: 0.9;
}

/* Убираем анимацию со стрелок внутри ссылок */
.service-link svg,
.service-link:hover svg {
    transform: none !important;
    transition: none !important;
}

.service-link svg path,
.service-link:hover svg path {
    animation: none !important;
}

/* Отключаем анимацию arrow-bounce */
@keyframes arrow-bounce {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: none;
    }
}

/* Убираем float анимацию с иконок */
.icon-3d {
    animation: none !important;
}

/* Убираем scale с featured карточки */
.service-card.featured {
    transform: scale(1) !important;
}

/* Убираем все translateY эффекты */
.service-card::before,
.service-card::after {
    transform: none !important;
}

/* Убираем active состояние */
.service-link:active {
    transform: none !important;
}

/* Ограничиваем ширину сетки */
.services-grid {
    max-width: 100% !important;
    overflow: visible !important; /* Убираем внутренний скролл */
    margin: 0 auto;
}

/* Контролируем размер карточек */
.service-card {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Фиксим featured карточку чтобы она не выходила за границы */
.service-card.featured {
    position: relative !important;
    z-index: 1;
}

/* Убираем perspective эффекты и любые скроллы */
.services-section {
    perspective: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}

/* Убираем ограничения высоты для карточек */
.services-section .service-card {
    max-height: none !important;
}

.services-section .services-grid {
    overflow: visible !important;
}

/* Исключение для элементов, которым нужен скролл */
.services-section textarea,
.services-section select {
    overflow-y: auto !important;
}

/* Изолируем секцию от соседних блоков */
.services-section {
    isolation: isolate; /* Создаем новый контекст наложения */
}

/* Следующая секция после услуг */
.services-section + section {
    position: relative;
    z-index: 2; /* Поднимаем над тенями */
}

/* Мобильная версия - дополнительные фиксы */
@media (max-width: 768px) {
    .services-section {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem; /* Даем пространство снизу */
    }
    
    .service-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .service-link {
        width: calc(100% - 2rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}