/* Мобильная версия модальных окон */
@media screen and (max-width: 1000px) {
    .specialist-modal__wrapper {
        align-items: flex-end;
        padding: 0;
    }

    /* Создаем прокрутку если модальное окно больше экрана */
    .specialist-modal {
        width: 100%;
        max-height: 100vh;
        overflow-y: auto;
        border-radius: 20px 20px 0 0;
    }

    .specialist-modal__content {
        padding: 32px 16px 114px 16px;
    }

    #specialist-add-wrapper {
        overflow: hidden;
    }

    #specialist-add-wrapper .specialist-modal_add {
        width: 100%;
        max-height: calc(100dvh - 8px);
        border-radius: 20px 20px 0 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    #specialist-add-wrapper .specialist-modal__content_add {
        max-height: calc(100dvh - 8px);
        padding: 20px 14px 0;
        gap: 14px;
    }

    #specialist-add-wrapper .specialist-modal__title {
        padding-bottom: 10px;
    }

    #specialist-add-form {
        gap: 12px;
        padding-right: 0;
    }

    .specialist-add-fields {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #specialist-add-wrapper .specialist-package-options {
        gap: 7px;
    }

    #specialist-add-wrapper .specialist-modal__buttons {
        flex-direction: column;
        gap: 8px;
        margin: 0;
        padding: 12px 0 16px;
    }

    #specialist-diagnostics-wrapper .specialist-modal {
        width: calc(100vw - 8px);
        max-height: calc(100vh - 8px);
    }

    #specialist-diagnostics-wrapper .specialist-modal__content {
        width: 100%;
        max-height: calc(100vh - 8px);
        padding: 24px 14px 112px 14px;
    }

    #specialist-diagnostics-wrapper .specialist-modal__title-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    #specialist-diagnostics-wrapper .specialist-modal__diagnostics-container {
        max-height: calc(100vh - 210px);
    }

    .specialist-input label {
        font-size: 20px;
    }

    .specialist-modal__buttons {
        justify-content: center;
        margin: 24px 0 0 0;
    }

    .specialist-modal__buttons button {
        width: 100%;
    }
}