@media (max-width: 767px) {

    html, body {
        /*touch-action: none;   !* блокируем жесты браузера *!*/
        -webkit-text-size-adjust: 110%; /* Safari, iOS */
        -ms-text-size-adjust: 100%;     /* IE/Edge */
        text-size-adjust: 100%;         /* стандарт */
    }
    body {
        /*touch-action: none;   !* блокируем жесты браузера *!*/
        /*width: 100dvw;*/
        /*height: 100dvh;*/
        transition: width 0.1s ease;
        touch-action: none;

    }

    textarea, input {
        font-size: 16px;
    }

    .main-window {
        /*display: flex;*/
        width: 100%;
        height: 100%;
        border-radius: 0;
        /*background: orangered;*/
    }
    .chat-window {
        /*display: none;*/
        width: 100%;
        height: 100%;
        border-radius: 0;
        left: 0;

        right: 0;
        top: 0;
        margin-top: 0;
        /*background: #13653f;*/
        /*height: 100%;*/
    }

    .chat-header {
        /*display: none;*/
    }
    .input-box {
        /*display: none;*/

        /*display: none;*/
        width: 95%;
        margin-left: 10px;
        height: 64px;
    }

    .chat-window{
        background: color-mix(in oklab, var(--panel) 96%, transparent);
        border: 1px solid var(--stroke);
        border-radius: 0; /* визуально — плоская верхняя панель на мобилках */
        box-shadow: none;
    }
    .show-messages{
        /*display: none;*/
        background:
                radial-gradient(420px 180px at 85% 12%, color-mix(in oklab, var(--accent) 6%, transparent), transparent 45%),
                color-mix(in oklab, var(--panel) 98%, transparent);
    }
    .chat-header{
        background: linear-gradient(180deg,
        color-mix(in oklab, var(--panel) 76%, var(--accent) 8%),
        color-mix(in oklab, var(--panel) 90%, var(--accent) 4%));
        border-bottom: 1px solid var(--stroke);
    }


    #user-data {

        /*background: red;*/
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/

        /*position: relative;*/

        /*left: 25%;*/
    }
    /*.main-window {*/

    /*    !*height: 100dvh;   !* новые браузеры *!*!*/
    /*    !*height: 100vh;    !* fallback для старых *!*!*/
    /*    height: 100dvh;*/
    /*    width: 100dvw;*/
    /*    !*min-height: 100dvh;*!*/
    /*    !*touch-action: none;   !* блокируем жесты браузера *!*!*/

    /*    !*display: none;*!*/
    /*}*/

    /*.messages {*/
    /*    !*touch-action: none;   !* блокируем жесты браузера *!*!*/

    /*}*/

    /*.message {*/


    /*    !*touch-action: none;   !* блокируем жесты браузера *!*!*/

    /*    !*padding: ;*!*/
    /*}*/

    /*.show-messages {*/
    /*    !*padding: 0;*!*/
    /*    !*background: darkgoldenrod;*!*/
    /*    height: 100dvh;*/
    /*    width: 100dvw;*/
    /*    !*display: none;*!*/
    /*    !*touch-action: none;   !* блокируем жесты браузера *!*!*/
    /*    touch-action: pan-y; !* можно только скроллить вверх/вниз *!*/

    /*}*/



    /*.chat-window {*/
    /*    !*touch-action: none;   !* блокируем жесты браузера *!*!*/

    /*    !*background: yellow;*!*/
    /*    !*border-radius: 10px;*!*/
    /*    !*display: flex;             !* колонка *!*!*/
    /*    !*flex-direction: column;*!*/
    /*    width: 100dvw;*/
    /*    height: 100dvh;*/
    /*    position: relative;*/
    /*    !*bottom: 25px;*!*/
    /*    !*order:2;*!*/
    /*    !*overflow: hidden;*!*/
    /*    !*padding: 10px;*!*/
    /*    !*margin-top: 0;*!*/
    /*    !*display: none;*!*/
    /*    !*border: 0;*!*/
    /*    !*border-radius: 0;*!*/
    /*    !*padding: 0;*!*/
    /*    !*background: darkblue;*!*/
    /*    !*width: 100dvw;*!*/
    /*    !*height: 100dvh;*!*/

    /*    !*width: 1000px;       !* занимает всю ширину родителя *!*!*/
    /*}*/
    /*aside {*/
    /*    display: none;*/
    /*}*/



    /*.input-box {*/

    /*    display: flex;*/
    /*    align-items: center;*/
    /*    text-align: left;*/
    /*    border: 1px solid #ccc;*/

    /*}*/

    .contact-bar {

        left: 0;
        top:0;
        border-radius: 0;

        background: rgba(238,240,240,0.87);
        width: 100dvw;
        height: 100%;
        display: none;

        /*position: absolute;*/
        /*order:2;*/
        /*background: #6f42c1;*/
        /*display: none;*/
    }

    .contact-bar input {
        width: 90dvw;
    }


    #back-home {
        display: inline;
        color: whitesmoke;
        border-radius: 8px;
        height: 32px;
        width: 40px;
        /*background: yellow;*/
        border: 1px solid color-mix(in oklab, var(--accent) 55%, var(--stroke));
        background: linear-gradient(180deg, var(--accent), var(--accent-2));
    }
    /*.chat-header {*/
    /*    position: relative;*/
    /*    top:100px;*/
    /*    !*border-radius: 0;*!*/
    /*    !*display: flex;*!*/
    /*    !*align-items: center;*!*/
    /*    !*padding: 10px;*!*/
    /*    !*background: navy; !* фон шапки *!*!*/
    /*    !*border-top-left-radius: 10px;*!*/
    /*    !*border-top-right-radius: 10px;*!*/
    /*    !*color: white;*!*/
    /*    !*font-weight: bold;*!*/
    /*    !*font-size: 16px;*!*/

    /*    !*background: red;*!*/
    /*}*/

    /*.chat-header img {*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*    border-radius: 50%;*/
    /*    margin-right: 10px;*/
    /*}*/

}