/* Стили для интегрированного меню сервисов */
.integrated-services-menu {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.integrated-services-menu .main-title__two {
    margin-bottom: 25px;
    margin-top: 0px;
    text-align: center;
    color: #333;
}

/* Переопределяем стили для вложенного компонента */
.integrated-services-menu .irs-section {
    margin: 0;
    padding: 0;
}

.integrated-services-menu .irs-section__rounds {
    gap: 20px;
    padding: 0;
}

/* Выделяем текущий сервис */
.integrated-services-menu .irs-section__rounds-item--current {
    background: #2196F3 !important;
    transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(33, 150, 243, 0.3);
}

.integrated-services-menu .irs-section__rounds-item--current .irs-section__rounds-item-title {
    color: #fff;
    font-weight: 600;
}

/* Hover эффекты */
.integrated-services-menu .irs-section__rounds-item-darkblue:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.integrated-services-menu .irs-section__rounds-item--current:hover {
    transform: scale(1.1) !important;
}

/* Дополнительное описание под меню */
.services-menu-description {
    text-align: center;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e0e0e0;
    color: #666;
    font-size: 15px;
}

.services-menu-description a {
    color: #2196F3;
    text-decoration: none;
    font-weight: 500;
}

.services-menu-description a:hover {
    text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 992px) {
    .integrated-services-menu {
        padding: 20px;
    }
    
    .integrated-services-menu .irs-section__rounds {
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .integrated-services-menu {
        margin: 30px 0;
        padding: 15px;
    }
    
    .integrated-services-menu .main-title__two {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    /* Сетка 2 колонки для мобильных устройств */
    .integrated-services-menu .irs-section__rounds {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        justify-items: center;
    }
    
    .integrated-services-menu .irs-section__rounds-item {
        width: 140px !important;
        height: 140px !important;
        margin: 0 !important;
    }
    
    .integrated-services-menu .irs-section__rounds-item-title {
        font-size: 12px !important;
        padding: 5px !important;
    }
    
    /* Активный элемент в мобильной версии */
    .integrated-services-menu .irs-section__rounds-item--current {
        transform: scale(1.05) !important;
    }
}

@media (max-width: 480px) {
    /* Еще более компактная версия для маленьких экранов */
    .integrated-services-menu .irs-section__rounds-item {
        width: 120px !important;
        height: 120px !important;
    }
    
    .integrated-services-menu .irs-section__rounds-item-title {
        font-size: 11px !important;
    }
}

@media (max-width: 375px) {
    /* Для iPhone SE и подобных устройств */
    .integrated-services-menu {
        padding: 10px;
    }
    
    .integrated-services-menu .irs-section__rounds {
        gap: 10px;
    }
    
    .integrated-services-menu .irs-section__rounds-item {
        width: 110px !important;
        height: 110px !important;
    }
    
    .integrated-services-menu .irs-section__rounds-item-title {
        font-size: 10px !important;
        line-height: 1.2;
    }
}

@media (max-width: 320px) {
    /* Для очень маленьких экранов */
    .integrated-services-menu .irs-section__rounds-item {
        width: 95px !important;
        height: 95px !important;
    }
    
    .integrated-services-menu .irs-section__rounds-item-title {
        font-size: 9px !important;
    }
}