/* ===== ЭКСТРЕМАЛЬНОЕ ИЗМЕНЕНИЕ ОСНОВНОГО НАВБАРА ===== */
.mobile-bottom-navbar {
    display: none; /* По умолчанию скрыт */
}

@media screen and (min-width: 769px) {
    .navbar-second {
        display: block !important; /* Принудительно показываем на десктопе */
    }
}

@media screen and (max-width: 768px) {
    /*настройка верхнего навбара:*/
    .navbar {
        background-color:none !important;
        border: none;
        box-shadow: none;
        width: 90%;
        border-radius: 119.6vw; /* 600px * 14.95/75 ≈ 119.6vw */
        margin-left: 5%;
        margin-top: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
    }
    .container-f,
    .search_button,
    .search_button_img,
    .navbarimg,
    .nav2_otdel,
    .nav2_otdels_underline,
    #nav2_otdel_profile,
    #nav2_otdel_messege,
    .second_container_navbar1,
    .button_create_listing_navbar1,
    .button_carsts_navbar1,
    .carts_image_nav1,
    .nav2_otdel2,
    .nav2_otdels2_underline,
    #market_but,
    #messenger_but,
    .market_span_option_nav1,
    .messanger_span_option_nav1,
    .bg-navbarimg,
    .prof-tx,
    .mess-tx,
    .base_profile_and_mess_underline {
        display: none !important;
    }

    .search_container {
        background-color: none;
        width: 100% !important;
        height: 100%;
        border-radius: 119.6vw; /* 600px * 14.95/75 */
        margin: 0vw !important; /* 0px */
        position: static !important;
        z-index: 100000000;
    }


    #search_input {
        background-color: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        border-radius: 119.6vw; /* 600px * 14.95/75 */
        font-size: 3.59vw !important; /* 18px * 14.95/75 */
        color: black;
        z-index: 100000000;
    }
    #search_input::placeholder {
        color:black;
    }

    .search_container_list_chats,
    .listings_container_list_market,
    #search_container_list_chats,
    #listings_container_list_market {
        background-color:none;
        position: absolute;
        margin-left: 0vw;
        top: 12vw;
        width: 85%;
        display: flex;
        margin-top: 3.99vw; /* 20px * 14.95/75 */
        z-index: 100;
    }

    .mobile-bottom-navbar {
        width: 90%;
        border-radius: 119.6vw; /* 600px * 14.95/75 */
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5%;
        position: fixed;
        bottom: 0;
        left: 0vw;
        display: flex;
        align-items: center;
        z-index: 1000;
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        box-shadow: 0 0vw 1.99vw rgba(0,0,0,0.3); /* 10px=1.99vw */
        height: 11.96vw; /* 60px * 14.95/75 */
    }

    .mobile-main-mess-market_button {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        margin-left: 1%;
        width: 40%;
        color: black;
        font-weight: bold;
        height: 80%;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0vw 1.99vw rgba(0,0,0,0.3); /* 10px=1.99vw */
        border-radius: 19.93vw; /* 100px * 14.95/75 */
        transition: 0.5s;
    }

    .mobile-main-mess-market_button:active {
        transform: scale(0.95);
        transition: 0.5s;
    }

    .mobile-main-def_button {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.59vw !important; /* 18px * 14.95/75 */
        margin-left: 2.5%;
        width: 16.85%;
        color: grey;
        height: 80%;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0vw 1.99vw rgba(0,0,0,0.3); /* 10px=1.99vw */
        border-radius: 199.33vw; /* 1000px * 14.95/75 */
        transition: 0.5s;
    }

    .mobile-button-def_image {
        width: 4.98vw; /* 25px * 14.95/75 */
        height: 4.98vw; /* 25px * 14.95/75 */
        transition: 0.5s;
    }

    .mobile-button-def-big_image {
        width: 5.98vw; /* 30px * 14.95/75 */
        height: 5.98vw; /* 30px * 14.95/75 */
        transition: 0.5s;
    }

    .mobile-button-def-biger_image {
        width: 6.98vw; /* 35px * 14.95/75 */
        height: 6.98vw; /* 35px * 14.95/75 */
        transition: 0.5s;
    }

    .mobile-main-def_button:active {
        transform: scale(0.9);
        transition: 0.5s;
    }
    .mobile-main-def_button:active .mobile-button-def_image,
    .mobile-main-def_button:active .mobile-button-def-big_image,
    .mobile-main-def_button:active .mobile-button-def-biger_image {
        transform: scale(0.9);
        transition: 0.5s;
    }

    /*контейнер для листингов*/
    #main_container {
        display: block;
        background-color:none;
        top: 0vw;
        left: 5%;
        width: 90%;
        height: 100%;
    }

    /*контейнер для мессенджера и настройка стилей:*/
    #messenger_container {
        z-index: 10;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow-x: none;
        overflow-y: none;  
    }

    .messeges_container_on_messenger {
        position: absolute;
        top: 4% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url('/static/image/messenger_icons/background_vendorchat.png');
        background-size: cover;
        width: 100%;
        height: 86.5% !important;
        overflow-y: scroll;
        overflow-x: none;
    }

    .top_navbar_messenger {
        position: absolute;
        top: 0vw;
        width: 100%;
        height: 12.95vw !important; /* 65px * 14.95/75 */
        background-color: #F4F4F4 !important;
        display: flex;
        align-items: center;
        z-index: 1;
    }

    .bottom_navbar_messenger {
        position: absolute;
        bottom: 0vw;
        width: 100%;
        height: 9.5% !important;
        background-color: #F4F4F4 !important;
    }

    .messege_input {
        margin-left: 7.5% !important;
        width: 67.5% !important;
        height: 100% !important;
        background-color: #F4F4F4 !important;
        border: none;
        outline: none;
        font-size: 2.99vw !important; /* 15px * 14.95/75 */
        border-radius: 0vw !important;
        padding: 0 2.39vw !important; /* 12px * 14.95/75 */
    }

    .go_back_button {
        position: absolute;
        left: 0vw;
        top: 0vw;
        width: 9.97vw; /* 50px * 14.95/75 */
        height: 100%;
        background-color: none;
        cursor: pointer;
        transition: 0.5s;
        display: none;
        align-items: center;
        justify-content: center;
    }
    .img_go_back_button {
        margin-left: 1vw; /* 5px * 14.95/75 ≈0.997vw */
        width: 7.47vw; /* 37.5px * 14.95/75 */
        height: 6.98vw; /* 35px * 14.95/75 */
        transition: 0.5s;
    }

    .go_back_button:hover .img_go_back_button {
        transform: scale(0.9);
        transition: 0.5s;
    }
    .go_back_button:active .img_go_back_button {
        transform: scale(0.9);
        transition: 0.5s;
    }

    .spechial_icon_for_channel_and_group {
        display: none !important;
        position: absolute;
        width: 4.98vw !important; /* 25px * 14.95/75 */
        height: 4.98vw !important; /* 25px * 14.95/75 */
        margin-left: 19.93vw !important; /* 100px * 14.95/75 */
        margin-top: -3.99vw !important; /* -20px * 14.95/75 */
    }

    .sub_channel_button {
        width: 100%;
        height: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        border: none;
        color: #1777d7;
        font-weight: bold;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        transition: 0.5s;
    }

    .unread_message_case {
        position: absolute;
        justify-content: center;
        display: none;
        align-items: center;
        right: 10vw !important;
        margin-top: 1.39vw;
        color: white;
        background-color: #1777d7;
        width: 3.99vw !important; /* 20px * 14.95/75 */
        height: 3.99vw !important; /* 20px * 14.95/75 */
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        font-weight: bold;
        border-radius: 6.94vw;
    }

    .channel_subs_length_span {
        position: absolute;
        color: #636363;
        font-weight: normal;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        margin-left: 23.42vw !important; /* 117.5px * 14.95/75 */
        margin-top: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .name_chat {
        font-weight: bold;
        margin-left: 23.42vw !important; /* 117.5px * 14.95/75 */
        margin-top: -3.99vw !important; /* -20px * 14.95/75 */
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
    }

    .screpka_button {
        position: absolute;
        background-color: none;
        width: 5.25vw !important;
        height: 5.25vw !important;
        left: 3% !important;
        top: 35% !important;
        cursor: pointer;
    }

    .icons_icon {
        left: 0vw !important;
        top: 0vw !important;
        width: 100% !important;
        height: 100% !important;
    }

    .icons_button {
        position: absolute;
        background-color: none !important;
        width: 5.25vw !important;
        height: 5.25vw !important;
        right: 13% !important;
        top: 35%;
        cursor: pointer;
    }

    .send_messege_button {
        position: absolute;
        background-color: none !important;
        border-radius: 19.93vw; /* 100px * 14.95/75 */
        right: 2.5% !important;
        top: 28.5% !important;
        width: 8.4vw !important;
        height: 7.35vw !important;
        cursor: pointer;
    }

    .status_online_or_not {
        position: absolute;
        color: #636363;
        font-weight: normal !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        margin-left: 23.42vw !important; /* 117.5px * 14.95/75 */
        margin-top: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .avatar_chat {
        position: absolute;
        top: 1.49vw !important; /* 7.5px * 14.95/75 */
        left: 11.46vw !important; /* 57.5px * 14.95/75 */
        border-radius: 1993.33vw !important; /* 10000px * 14.95/75 */
        width: 9.97vw !important; /* 50px * 14.95/75 */
        height: 9.97vw !important; /* 50px * 14.95/75 */
    }

    /*конец контейнера для мессенджера*/

    /*боковой сразу в блок но временно!*/
    .navbar-second {
        display: none;
        z-index: 1;
        width: 90%;
        height: 100%;
        left: 0vw;
        margin-top: 0vw;
        top: 0vw;
        margin-left: 5%;
        border: none;
        background-color:none;
    }

    /*стили для странички с чатами:*/
    .all_chats_container_users {
        margin-top: 28.9vw; /* 145px * 14.95/75 */
        background-color: none;
        height: auto !important;
        padding-bottom: 19.93vw; /* 100px * 14.95/75 */
    }

    .chat_container {
        display: flex;
        align-items: center;
    
        background-color: none;
        border-radius: 0vw;
        width: 100%;
        height: 11.96vw; /* 60px * 14.95/75 */
        cursor: pointer;
    }

    .chat_container_active {
        display: flex;
        align-items: center;
    
        background-color: #B5D9FF;
        border-radius: 0vw;
        width: 100%;
        height: 12.95vw; /* 65px * 14.95/75 */
        cursor: pointer;
    }

    .add_new_channels_or_groups_button {
        display: flex;
        align-items: center;

        background-color: none;
        border-radius: 0vw;
        width: 100%;
        height: 12.95vw; /* 65px * 14.95/75 */
        cursor: pointer;
    }
    .add_new_channels_or_groups_button:hover {
        background-color: #F4F4F4;
    }

    .span_add_new_channels_or_groups {
        color: #1777D7;
        font-weight: normal;
        margin-left: 1.04vw;
        font-size: 3.19vw; /* 16px * 14.95/75 */
    }
    
    .img_add_new_channels_or_groups {
        margin-left: 1.04vw;
        width: 5.03vw; /* 25.25px * 14.95/75 */
        height: 5.03vw; /* 25.25px * 14.95/75 */
    }

    .chat_avatar {
        border-radius: 199.33vw; /* 1000px * 14.95/75 */
        width: 10.06vw; /* 50.5px * 14.95/75 */
        height: 10.06vw; /* 50.5px * 14.95/75 */
        margin-left: 1.99vw; /* 10px * 14.95/75 */
        cursor: pointer;
    }

    .chat_path_avatar {
        border-radius: 13.89vw;
        width: 10.06vw; /* 50.5px * 14.95/75 */
        height: 8.06vw; /* 40.45px * 14.95/75 */
        margin-left: 0.69vw;
        cursor: pointer;
    }

    .channel_icon_black {
        margin-left: 1.99vw; /* 10px * 14.95/75 */
        margin-bottom: 3.99vw; /* 20px * 14.95/75 */
        width: 3.99vw; /* 20px * 14.95/75 */
        height: 3.99vw; /* 20px * 14.95/75 */
        cursor: pointer;
    }

    .chat_name_object {
        font-size: 2.79vw; /* 14px * 14.95/75 */
        font-weight: bold;
        margin-left: 2.99vw; /* 15px * 14.95/75 */
        margin-bottom: 3.99vw; /* 20px * 14.95/75 */
        cursor: pointer;
    }

    .chat_last_message {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 59.8vw; /* 300px * 14.95/75 */
    
        font-size: 2.79vw; /* 14px * 14.95/75 */
        position: absolute;
        margin-left: 14.95vw; /* 75px * 14.95/75 */
        margin-top: 3.99vw; /* 20px * 14.95/75 */
        cursor: pointer;
        color: grey;
    }

    .chat_last_message_time {
        position: absolute;
        font-size: 2.79vw; /* 14px * 14.95/75 */
        margin-bottom: 0vw;
        right: 1.99vw; /* 10px * 14.95/75 */
        cursor: pointer;
        color: grey;
    }

    /*стили для странички с чатами конец*/

    .chats_and_paths_navbar {
        height: 11.96vw; /* 60px * 14.95/75 */
        border: none;
        display: flex !important;
        align-items: center !important;
        background: none;
        border-radius: 19.93vw; /* 100px * 14.95/75 */
    }

    .main_messenger_settings_container {
        display: none !important;
    }

    /*контейнер кнопка всех чатов:*/
    .all_chats_container {
        background-color: none;
        top: 10% !important;
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        box-shadow: 0 0vw 1vw rgba(0,0,0,0.3); /* 5px=0.997vw */
        border-radius: 19.93vw; /* 100px * 14.95/75 */
        margin-left: 1% !important;
        margin-top: 15.95vw !important; /* 80px * 14.95/75 */
        left: 0vw !important;
        width: 16.85% !important;
        height: 80% !important;
        transition: 0.5s;
    }

    .all_chats_container:active {
        transform: scale(0.9);
        transition: 0.5s;
    }

    .all_chats_button {
        background-color: none;
        width: 50% !important;
    }

    .all_chats_span {
        position: absolute;
        top: 5.98vw !important; /* 30px * 14.95/75 */
        font-weight: bold;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        user-select: none;
    }
    .all_chats_container:active .all_chats_button,
    .all_chats_container:active .all_chats_span {
        transform: scale(0.9);
        transition: 0.5s;
    }
    /*конец контейнера всех чатов*/

    /*контейнер с папками: */
    .create_new_path_container {
        top: 10% !important;
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        box-shadow: 0 0vw 1vw rgba(0,0,0,0.3); /* 5px=0.997vw */
        border-radius: 19.93vw; /* 100px * 14.95/75 */
        margin-left: 22.85%;
        margin-top: 15.95vw !important; /* 80px * 14.95/75 */
        left: 0vw !important;
        width: 16.85% !important;
        height: 80% !important;
        transition: 0.5s;
    }

    .create_new_path_container:active {
        transform: scale(0.9);
        transition: 0.5s;
    }

    .create_new_path_button {
        background-color: none;
        width: 50% !important;
    }

    .create_new_path_span {
        position: absolute;
        top: 5.98vw !important; /* 30px * 14.95/75 */
        font-weight: bold;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        user-select: none;
    }
    .create_new_path_container:active .create_new_path_button,
    .create_new_path_container:active .create_new_path_span {
        transform: scale(0.9);
        transition: 0.5s;
    }
    /*контейнер с папками конец*/

    /*контейнер с папками: */
    .project_path_container {
        background-color: none;
        top: 10% !important;
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        box-shadow: 0 0vw 1vw rgba(0,0,0,0.3); /* 5px=0.997vw */
        border-radius: 19.93vw; /* 100px * 14.95/75 */
        margin-left: 44.7%;
        margin-top: 15.95vw !important; /* 80px * 14.95/75 */
        left: 0vw !important;
        width: 16.85% !important;
        height: 80% !important;
        transition: 0.5s;
    }

    .project_path_container:active {
        transform: scale(0.9);
        transition: 0.5s;
    }

    .project_path_button {
        background-color: none;
        width: 50% !important;
    }

    .project_path_span {
        position: absolute;
        top: 5.98vw !important; /* 30px * 14.95/75 */
        font-weight: bold;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        user-select: none;
    }
    .project_path_container:active .project_path_button,
    .project_path_container:active .project_path_span {
        transform: scale(0.9);
        transition: 0.5s;
    }
    /*контейнер с папками конец*/
}

/* =========================================== */
/* МОБИЛЬНАЯ АДАПТАЦИЯ ЛИСТИНГОВ */
/* =========================================== */

@media (max-width: 768px) {

    
    /* Контейнер листинга - шире и выше */
    .listing_container {
        position: relative !important;
        background-color:none;
        width: 42.5vw !important; /* 2 в ряд */
        max-width: 42.5vw !important;
        height: 65vw !important;
        left: 2vw !important;
        margin-left: 1.85% !important;
        margin-right: 2vw !important;
        margin-top: 14vw !important;
        margin-bottom: -40px !important;
        float: left !important; /* Для 2 в ряд */
        border-radius: 20px !important;
        box-sizing: border-box !important;
    }
    
    /* Изображение листинга */
    .image_container {
        width: 42.5vw !important;
        height: 42.5vw !important;
        border-radius: 15px !important;
    }
    
    .image_first_img {
        width: 100% !important;
        height: 100% !important;
        border-radius: 15px !important;
        object-fit: cover !important;
    }
    
    /* Контейнер с данными */
    .data_listing_container {
        background-color: none;
        width: 100% !important;
        height: 22.5vw !important;
        bottom: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Название товара */
    .name_listing_span_recomendation {
        background-color: none;
        position: relative;
        font-size: 3vw !important;
        margin-left: 1.5vw !important;
        top: 1.5vw !important;
        line-height: 1.2 !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        text-overflow: ellipsis !important;
        white-space: nowrap;   /* Запрет переноса */
        overflow: hidden;      /* Скрыть всё, что не влезло */
        text-overflow: ellipsis; /* Добавить «...» в конце */
        width: 100%;   
    }
    
    /* Адрес */
    .address_listing_span_recomendation {
        position: absolute;
        font-size: 2.34vw !important; /* 12px → 1.56vw (12/768*100) */
        top: 10vw; /* 42.5px → 5.53vw (42.5/768*100) */
        margin-left: 1.5vw !important; /* 10px → 1.3vw */
        color: grey !important;
    }

    .rub {
        font-family: arial;
        vertical-align: middle;
        border-bottom: 0.1em solid;
        line-height: 0.2em;
        display: inline-block;
        width: 0.5em;
        font-size: 2.08vw !important; /* 16px → 2.08vw */
        background: none;
    }

    /* Цена */
    .price_listing_span_recomendation {
        font-size: 2.6vw !important; /* 18px → 2.34vw */
        margin-left: 1.5vw; /* 10px → 1.3vw */
        margin-top: 3.25vw; /* 2.5px → 0.33vw */
        font-weight: bold !important;
    }

    /* Контейнер кнопок */
    .buttons_container_div {
        background-color: none;
        width: calc(100% - 2.6vw) !important; /* 20px → 2.6vw */
        height: 5.21vw !important; /* 40px → 5.21vw */
        position: absolute !important;
        bottom: 0 !important;
        left: 1.3vw !important; /* 10px → 1.3vw */
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Кнопка корзины */
    .cart_listing_button_recomendation {
        width: 5.21vw !important; /* 40px → 5.21vw */
        height: 5.21vw !important; /* 40px → 5.21vw */
        border-radius: 2.6vw !important; /* 20px → 2.6vw */
        position: relative !important;
        left: 0 !important;
    }

    /* Кнопка лайка */
    .like_lisitng_button_recomendation { 
        border: none;       
        width: 5.21vw !important; /* 40px → 5.21vw */
        height: 5.21vw !important; /* 40px → 5.21vw */
        border-radius: 2.6vw !important; /* 20px → 2.6vw */
        margin-left: 13%; /* Оставляем проценты */
    }

    .like_listing_button_image_recomendation {
        width: 5.21vw !important; /* 40px → 5.21vw */
        height: 5.21vw !important; /* 40px → 5.21vw */
        margin-left: -0.09vw;
    }

    /* Кнопки "Написать" и "Купить" */
    .writte_in_listing_button_recomendation,
    .buy_in_listing_button_recomendation {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        width: 57% !important; /* Оставляем проценты */
        height: 5.21vw !important; /* 40px → 5.21vw */
        font-size: 1.82vw !important; /* 14px → 1.82vw */
        border: none !important;
        box-shadow: 0px 0px 1vw #1777D7;
        border-radius: 2.6vw !important; /* 20px → 2.6vw */
    }

    /* Иконки в кнопках */
    .cart_listing_button_recomendation img {
        width: 2.6vw !important; /* 20px → 2.6vw */
        height: 2.6vw !important; /* 20px → 2.6vw */
    }

    /* Главный контейнер */
    .main_container {
        width: 100% !important;
        left: 0 !important;
        padding: 1.3vw !important; /* 10px → 1.3vw */
        box-sizing: border-box !important;
        display: flex;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    /* Убираем абсолютное позиционирование для правильного отображения в сетке */
    .listing_container {
        position: relative !important;
        float: none !important;
        display: inline-block !important;
    }
}

@media screen and (max-width: 768px) {
    
    /* ========== MARKET PAGE ========== */
    .image_cart_listing_button_recomendation {
        width: 30px !important;
        height: 30px !important;
    }
    
    /* ========== MESSENGER - COMMON ========== */
    .avatar_chat_mess {
        display: block !important;
        cursor: pointer !important;
        border-radius: 100px !important;
        width: 35px !important;
        height: 35px !important;
    }
    
    .avatar_chat_in_preview {
        display: block !important;
    }
    
    /* ========== MESSAGE ELEMENT ========== */
    .message_element {
        position: absolute !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        padding: 1.59vw !important; /* 8px * 14.95/75 */
        padding-right: 14.95vw !important;
        margin-right: 3.99vw !important; /* 20px * 14.95/75 */
        padding-left: 1.99vw !important; /* 10px * 14.95/75 */
        border-radius: 3.99vw 3.99vw 3.99vw 0vw !important; /* 20px * 14.95/75 */
        color: black !important;
        max-width: 99.67vw !important; /* 500px * 14.95/75 */
    }
    
    .message_element_own {
        background-color: #B5D9FF !important;
    }
    
    .message_element_other {
        background-color: #E0E0E0 !important;
    }
    
    .message_element_channel {
        margin-left: 5.98vw !important; /* 30px * 14.95/75 */
        padding-bottom: 2.39vw !important; /* 12px * 14.95/75 */
        background-color: #E0E0E0 !important;
    }
    
    .message_element_private {
        margin-left: 15.95vw !important; /* 80px * 14.95/75 */
        padding-bottom: 2.39vw !important; /* 12px * 14.95/75 */
    }
    
    .message_element_link {
        cursor: pointer !important;
        border-radius: 9.97vw !important; /* 50px * 14.95/75 */
        cursor: pointer !important;
        width: 59.8vw !important; /* 300px * 14.95/75 */
        height: 27.91vw !important; /* 140px * 14.95/75 */
        box-shadow: 0 0.2vw 1.99vw 0 #000000a2 !important; /* 1px=0.199vw, 10px=1.99vw */
        border: solid 0.2vw white !important; /* 1px=0.199vw */
    }
    
    .message_element_media {
        border-radius: 6.98vw 6.98vw 3.99vw 0vw !important; /* 35px * 14.95/75 ≈6.98vw, 20px=3.99vw */
        padding-left: 0vw !important;
        padding-right: 0vw !important;
        width: 77.74vw !important; /* 390px * 14.95/75 */
        padding-top: 0vw !important;
        padding-bottom: 5.98vw !important; /* 30px * 14.95/75 */
    }

    .case_prewiev_liquid_glass_message {
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(0.14vw) saturate(180%);
        border: 0.2vw solid rgba(255, 255, 255, 0.8); /* 1px=0.199vw */
        border-radius: 2rem;
        box-shadow: 0vw 0.56vw 2.22vw rgba(31, 38, 135, 0.2), 
                    inset 0vw 0.28vw 1.39vw rgba(255, 255, 255, 0.3);
        position: relative;
        width: 77.74vw !important; /* 390px * 14.95/75 */
        height: 77.74vw !important; /* 390px * 14.95/75 */
        overflow: hidden;
    }
    
    .case_prewiev_liquid_glass_message::after {
        content: '';
        position: relative;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 2rem;
        backdrop-filter: blur(0.07vw);
        box-shadow: inset -0.69vw -0.56vw 0vw -0.76vw rgba(255, 255, 255, 1),
                    inset 0vw -0.63vw 0vw -0.56vw rgba(255, 255, 255, 1);
        opacity: 0.6;
        z-index: -1;
        filter: blur(0.07vw) drop-shadow(0.69vw 0.28vw 0.42vw black) brightness(115%);
        pointer-events: none;
    }

    .message_element_with_reply {
        padding-top: 11.96vw !important; /* 60px * 14.95/75 */
        min-width: 19.93vw !important; /* 100px * 14.95/75 */
    }
    
    /* ========== MESSAGE TEXT ========== */
    .message_text_element {
        position: relative !important;
        display: inline-block !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
    }
    
    .message_text_element_media {
        padding-left: 1.99vw !important; /* 10px * 14.95/75 */
        padding-right: 1.99vw !important; /* 10px * 14.95/75 */
        padding-top: 1.99vw !important; /* 10px * 14.95/75 */
    }
    
    /* ========== MESSAGE SENDER AVATAR ========== */
    .message_sender_avatar {
        position: absolute !important;
        margin-left: 5.98vw !important; /* 30px * 14.95/75 */
        border-radius: 19.93vw !important; /* 100px * 14.95/75 */
        width: 6.98vw !important; /* 35px * 14.95/75 */
        height: 6.98vw !important; /* 35px * 14.95/75 */
    }
    
    /* ========== MESSAGE TIME ========== */
    .message_created_at {
        position: absolute !important;
        color: #727272 !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        right: 5.98vw !important; /* 30px * 14.95/75 */
        bottom: 1.59vw !important; /* 8px * 14.95/75 */
    }
    
    .message_created_at_channel {
        right: 2.99vw !important; /* 15px * 14.95/75 */
    }
    
    /* ========== MESSAGE VIEW ICON ========== */
    .message_view_icon {
        width: 3.49vw !important; /* 17.5px * 14.95/75 */
        height: 2.99vw !important; /* 15px * 14.95/75 */
        position: absolute !important;
        right: 1.99vw !important; /* 10px * 14.95/75 */
        bottom: 1.99vw !important; /* 10px * 14.95/75 */
    }
    
    .message_view_icon_channel {
        left: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        bottom: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        width: 4.38vw !important; /* 22px * 14.95/75 */
        height: 4.38vw !important; /* 22px * 14.95/75 */
    }
    
    /* ========== MESSAGE VIEW COUNT ========== */
    .message_view_count {
        position: relative !important;
        display: flex !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        margin-left: 3.59vw !important; /* 18px * 14.95/75 */
        margin-top: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        margin-bottom: -0.7vw !important; /* -3.5px * 14.95/75 ≈ -0.698vw */
        color: grey !important;
        background-color: none !important;
    }
    
    .message_view_count_media {
        position: relative !important;
        display: flex !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        margin-left: 5.98vw !important; /* 30px * 14.95/75 */
        margin-top: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        margin-bottom: -4.38vw !important; /* -22px * 14.95/75 ≈ -4.38vw */
        background-color: none !important;
    }
    
    /* ========== LINK LISTING ========== */
    .listing_case {
        width: 69.77vw !important; /* 350px * 14.95/75 */
        margin-left: 1.99vw !important; /* 10px * 14.95/75 */
        margin-top: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        height: 23.92vw !important; /* 120px * 14.95/75 */
        background-color: rgba(0, 0, 0, 0.5) !important;
        border-radius: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .fimage_listing_for_link {
        position: relative;
        left: 0vw;
        top: 0vw;
        height: 100% !important;
        width: 23.92vw !important; /* 120px * 14.95/75 */
        border-radius: 3.99vw !important; /* 20px * 14.95/75 */
    } 
    
    .listing_name_span {
        position: absolute !important;
        margin-top: 2.99vw !important; /* 15px * 14.95/75 */
        margin-left: 3.99vw !important; /* 20px * 14.95/75 */
        font-size: 3.59vw !important; /* 18px * 14.95/75 */
        color: white !important;
        width: 50% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .listing_price_span {
        position: absolute !important;
        margin-top: 8.47vw !important; /* 42.5px * 14.95/75 */
        margin-left: 3.99vw !important; /* 20px * 14.95/75 */
        color: white !important;
        font-size: 3.59vw !important; /* 18px * 14.95/75 */
        font-weight: bold !important;
        width: 50% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .base_media_file_class {
        width: 100% !important;
        height: 100% !important;
    }

    .listing_address_span {
        position: absolute !important;
        margin-top: 13.45vw !important; /* 67.5px * 14.95/75 */
        margin-left: 3.99vw !important; /* 20px * 14.95/75 */
        color: white !important;
        display: inline-block !important;
        overflow-wrap: break-word !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        max-width: 50% !important;
        width: 100% !important;
    }
    
    /* ========== ANSWER MESSAGE CONTAINER ========== */
    .answer_message_container_on_message {
        position: absolute;
        background-color: #CDE5FF;
        border-radius: 6.94vw;
        width: 90%;
        height: 8.97vw !important; /* 45px * 14.95/75 */
        top: 1.99vw !important; /* 10px * 14.95/75 */
        left: 1.99vw !important; /* 10px * 14.95/75 */
    }
    
    .answer_message_user_name_span {
        position: absolute;
        color: #2a91ff;
        font-weight: bold;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        left: 1.99vw !important; /* 10px * 14.95/75 */
        right: 1.99vw !important; /* 10px * 14.95/75 */
        top: 1.49vw !important; /* 7.5px * 14.95/75 */
        display: inline-block;
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .answer_message_text_span {
        position: absolute;
        color: black;
        font-weight: normal;
        font-size: 2.39vw !important; /* 12px * 14.95/75 */
        left: 1.99vw !important; /* 10px * 14.95/75 */
        right: 1.99vw !important; /* 10px * 14.95/75 */
        bottom: 1.49vw !important; /* 7.5px * 14.95/75 */
        display: inline-block;
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .answer_message_container_on_message_own {
        background-color: #CDE5FF !important;
    }
    
    .answer_message_container_on_message_other {
        background-color: #F1F1F1 !important;
    }
    
    /* ========== CONTEXT MENU ========== */
    .main_contextmenu_container {
        height: 43.06vw !important; /* 216px * 14.95/75 */
    }
    
    .default_li_contextmenu {
        border-radius: 1.99vw 1.99vw 0vw 0vw !important; /* 10px * 14.95/75 */
    }
    
    /* ========== PREVIEW IMAGE IN CHAT ========== */
    .previewImageInChat {
        max-width: 75% !important;
        max-height: 75% !important;
    }
    
    /* ========== AUDIO/DOCUMENT FILES ========== */
    .main_audio_file_element_in_messenger {
        background-color: #EDEDED !important;
        width: 59.8vw !important; /* 300px * 14.95/75 */
        height: 9.97vw !important; /* 50px * 14.95/75 */
        border-radius: 19.93vw !important; /* 100px * 14.95/75 */
        border: solid #A5A5A5 0.2vw !important; /* 1px=0.199vw */
    }
    
    .main_document_file_element_in_messenger {
        background-color: #EDEDED !important;
        width: 59.8vw !important; /* 300px * 14.95/75 */
        height: 9.97vw !important; /* 50px * 14.95/75 */
        border-radius: 19.93vw !important; /* 100px * 14.95/75 */
        border: solid #A5A5A5 0.2vw !important; /* 1px=0.199vw */
    }
    
}

@media screen and (max-width: 768px) {
    
    span {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    #listing_id {
        opacity: 0 !important;
    }
    
    /* Для рубля (значка): */
    .rub {
        font-family: arial !important;
        vertical-align: middle !important;
        border-bottom: 0.10em solid !important;
        line-height: 0.2em !important;
        display: inline-block !important;
        width: 1vw !important;
        font-weight: bold !important;
        font-size: 2.34vw !important;
        margin-top: -0.4vw !important; /* -2px * 14.95/75 ≈ -0.4vw */
    }

    /* Первое изображение */
    .first_image_container {
        position: relative !important;
        width: 100% !important;
        height: 77.74vw !important; /* 390px * 14.95/75 */
        aspect-ratio: 1 / 1 !important;
        border: solid 0.2vw black !important; /* 1px=0.199vw */
        border-radius: 1.99vw !important; /* 10px * 14.95/75 */
        margin: 0 0 3.99vw 0 !important; /* 20px * 14.95/75 */
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .big_image_img {
        border-radius: 1.99vw !important; /* 10px * 14.95/75 */
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .next_image_button {
        border-radius: 1.99vw !important; /* 10px * 14.95/75 */
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        height: 100% !important;
        width: 7.97vw !important; /* 40px * 14.95/75 */
        transition: 0.3s ease-in-out !important;
    }

    .last_image_button {
        border-radius: 1.99vw !important; /* 10px * 14.95/75 */
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        width: 7.97vw !important; /* 40px * 14.95/75 */
        transition: 0.3s ease-in-out !important;
    }

    .big_image_img:hover ~ .last_image_button,
    .last_image_button:hover {
        background-color: rgba(0, 0, 0, 0.555) !important;
    }

    .big_image_img:hover ~ .next_image_button,
    .next_image_button:hover {
        background-color: rgba(0, 0, 0, 0.555) !important;
    }

    /* Контейнер с информацией */
    .listing_info_container {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 4.98vw !important; /* 25px * 14.95/75 */
    }

    .name_listing {
        background-color: none;
        position: relative !important;
        margin-left: 0 !important;
        font-size: 4.38vw !important; /* 22px * 14.95/75 */
        font-weight: bold !important;
        display: block !important;
        margin-bottom: 1.59vw !important; /* 8px * 14.95/75 */
    }

    .type_listing {
        position: relative !important;
        margin-left: 0 !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        margin-top: 0 !important;
        display: block !important;
        margin-bottom: 2.99vw !important; /* 15px * 14.95/75 */
        color: #666 !important;
    }

    .price_container {
        background-color: none !important;
        position: relative !important;
        margin-top: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .price_listing {
        font-size: 4.78vw !important; /* 24px * 14.95/75 */
        font-weight: bold !important;
        margin-left: 0 !important;
    }

    /* Контейнер с кнопками */
    .info_pay_container {
        position: relative !important;
        margin-top: 0 !important;
        width: 100% !important;
        margin-bottom: 4.98vw !important; /* 25px * 14.95/75 */
    }

    .pay_listing_s_dostavkoy {
        background-color: black !important;
        border-radius: 3.99vw !important; /* 20px * 14.95/75 */
        color: white !important;
        border: none !important;
        position: relative !important;
        width: 100% !important;
        height: 9.97vw !important; /* 50px * 14.95/75 */
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        margin-bottom: 2.39vw !important; /* 12px * 14.95/75 */
        margin-left: 0 !important;
    }

    .pay_listing_s_dostavkoy:hover {
        cursor: pointer !important;
    }

    .add_v_korsinu {
        cursor: pointer !important;
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 10.96vw !important; /* 55px * 14.95/75 */
        font-size: 3.59vw !important; /* 18px * 14.95/75 */
        border-radius: 5.98vw !important; /* 30px * 14.95/75 */
        margin: 0 !important;
    }

    .delivery_state {
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        color: rgb(24, 110, 223) !important;
        display: block !important;
        margin-bottom: 1.59vw !important; /* 8px * 14.95/75 */
    }

    .vendor_delivery_info {
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        color: black !important;
        font-size: 2.59vw !important; /* 13px * 14.95/75 */
        display: block !important;
        line-height: 1.4 !important;
    }

    .href_info_vd {
        color: rgb(24, 110, 223) !important;
    }
    .href_info_vd:hover {
        color: rgb(88, 157, 246) !important;
    }

    /* Блок пользователя */
    .user_container {
        position: relative !important;
        background-color: none !important;
        border-radius: 5.98vw 3.99vw 3.99vw 5.98vw !important; /* 30px 20px 20px 30px * 14.95/75 */
        margin-top: 0 !important;
        width: 100% !important;
        height: 11.96vw !important; /* 60px * 14.95/75 */
        display: flex !important;
        align-items: center !important;
        padding: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        box-sizing: border-box !important;
        margin-bottom: 2.99vw !important; /* 15px * 14.95/75 */
    }

    .user_container:hover {
        background-color: rgb(242,242,242) !important;
        cursor: pointer !important;
    }

    .user_avatar {
        width: 9.97vw !important; /* 50px * 14.95/75 */
        height: 9.97vw !important; /* 50px * 14.95/75 */
        border: 0.2vw solid #CDD1DA !important; /* 1px=0.199vw */
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .user_name {
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 2.39vw !important; /* 12px * 14.95/75 */
        font-size: 2.99vw !important; /* 15px * 14.95/75 */
        font-weight: bold !important;
        overflow: hidden !important;
        width: auto !important;
        flex: 1 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .last_messege_user_for_user {
        position: relative !important;
        margin-top: 0 !important;
        color: #999999 !important;
        margin-left: 2.39vw !important; /* 12px * 14.95/75 */
        font-size: 2.59vw !important; /* 13px * 14.95/75 */
        white-space: nowrap !important;
    }

    /* Блок рейтингов */
    .reviews_container {
        position: relative !important;
        background-color: none !important;
        border-radius: 5.98vw !important; /* 30px * 14.95/75 */
        margin-top: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2.39vw !important; /* 12px * 14.95/75 */
    }

    .user_or_project_reviews_container {
        cursor: pointer !important;
        position: relative !important;
        left: 0 !important;
        height: 11.96vw !important; /* 60px * 14.95/75 */
        width: 100% !important;
        border-radius: 5.98vw !important; /* 30px * 14.95/75 */
        background-color: black !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 3.99vw !important; /* 20px * 14.95/75 */
        box-sizing: border-box !important;
    }

    .rating_container {
        display: flex !important;
        align-items: center !important;
        gap: 1.59vw !important; /* 8px * 14.95/75 */
    }

    .rating_value {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        color: white !important;
        font-weight: bold !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
    }

    .rating_stars_img {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: 13.95vw !important; /* 70px * 14.95/75 */
        height: 2.39vw !important; /* 12px * 14.95/75 */
    }

    .user_or_project_reviews_span {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        color: white !important;
        font-size: 2.59vw !important; /* 13px * 14.95/75 */
        font-weight: bold !important;
        margin-left: 2.99vw !important; /* 15px * 14.95/75 */
        white-space: nowrap !important;
    }

    .listing_reviews_container {
        cursor: pointer !important;
        position: relative !important;
        right: 0 !important;
        height: 11.96vw !important; /* 60px * 14.95/75 */
        width: 100% !important;
        border-radius: 5.98vw !important; /* 30px * 14.95/75 */
        border: 0.2vw solid black !important; /* 1px=0.199vw */
        background-color: white !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 3.99vw !important; /* 20px * 14.95/75 */
        box-sizing: border-box !important;
    }

    .listing_reviews_container .rating_value {
        color: black !important;
    }

    .listing_reviews_container .user_or_project_reviews_span {
        color: black !important;
    }

    /* Контейнер с миниатюрами */
    .all_images_container {
        background-color: none !important;
        position: relative !important;
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 1.59vw !important; /* 8px * 14.95/75 */
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 4.98vw !important; /* 25px * 14.95/75 */
    }

    .image1, .image2, .image3, .image4, .image5,
    .image6, .image7, .image8, .image9, .image10 {
        border: solid 0.2vw #CDD1DA !important; /* 1px=0.199vw */
        border-radius: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        background-color: none !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
    }

    /* Сброс всех старых margin позиций */
    .image1, .image2, .image3, .image4, .image5,
    .image6, .image7, .image8, .image9, .image10 {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    /* Второй контейнер с информацией */
    .second_listing_info_container {
        background-color: none !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .description_h1 {
        position: relative !important;
        font-weight: bold !important;
        font-size: 3.99vw !important; /* 20px * 14.95/75 */
        margin-top: 0 !important;
        display: block !important;
        margin-bottom: 2.99vw !important; /* 15px * 14.95/75 */
    }

    .description_listing {
        display: block !important;
        background-color: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        font-size: 2.99vw !important; /* 15px * 14.95/75 */
        overflow-x: hidden !important;
        max-height: none !important;
        overflow-y: visible !important;
        border: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        word-wrap: break-word !important;
        line-height: 1.5 !important;
        margin-bottom: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .state_and_address_container {
        background-color: none !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .state_listing_h1 {
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        font-weight: bold !important;
        display: block !important;
        margin-bottom: 2.39vw !important; /* 12px * 14.95/75 */
    }

    .address_listing_container {
        margin-top: 0 !important;
        margin-bottom: 3.99vw !important; /* 20px * 14.95/75 */
    }

    .address_listing_h1 {
        white-space: nowrap !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        color: black !important;
        font-weight: bold !important;
        display: block !important;
    }

    #listing_address {
        padding: 0.8vw 1.59vw !important; /* 4px 8px * 14.95/75 */
        padding-left: 1.59vw !important; /* 8px * 14.95/75 */
        padding-right: 1.59vw !important; /* 8px * 14.95/75 */
        background-color: rgb(24, 110, 223) !important;
        color: white !important;
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        border-radius: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
        display: inline-block !important;
    }

    .last_enter_container {
        background-color: none !important;
        display: block !important;
        position: relative !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 5.98vw !important; /* 30px * 14.95/75 */
    }

    @media screen and (max-width: 768px) {
    
        /* Основной контейнер формы - ИСПРАВЛЕН СКРОЛЛ */
        .main_form {
            position: absolute !important;
            background-color: none !important;
            top: 5% !important;
            left: 7.5% !important;
            width: 100% !important;
            height: 100vh !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch !important;
            background-color: none !important;
            
            scrollbar-width: none !important;
            -ms-overflow-style: auto !important;
        }
    
        .main_form::-webkit-scrollbar {
            display: block !important;
            width: 0.8vw !important; /* 4px * 14.95/75 */
        }
        
        .main_form::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,0.3) !important;
            border-radius: 1.99vw !important; /* 10px * 14.95/75 */
        }
    
        /* Первый блок - изображение */
        .first_image_container {
            position: relative !important;
            width: 90% !important;
            height: 69.97vw !important; /* 351px * 14.95/75 */
            aspect-ratio: 1/1 !important;
            margin: 3.99vw auto 0 !important; /* 20px * 14.95/75 */
            left: 0 !important;
            right: 0 !important;
        }
    
        /* Информационный контейнер */
        .listing_info_container {
            position: relative !important;
            width: 90% !important;
            height: auto !important;
            margin: 5.98vw auto 0 !important; /* 30px * 14.95/75 */
            left: 0 !important;
            right: 0 !important;
        }
    
        /* Контейнер со всеми картинками */
        .all_images_container {
            position: relative !important;
            width: 90% !important;
            height: auto !important;
            margin: 5.98vw auto 0 !important; /* 30px * 14.95/75 */
            display: grid !important;
            grid-template-columns: repeat(5, 1fr) !important;
            gap: 1.59vw !important; /* 8px * 14.95/75 */
            left: 0 !important;
            right: 0 !important;
        }
    
        /* Второй контейнер с информацией */
        .second_listing_info_container {
            position: relative !important;
            width: 90% !important;
            height: auto !important;
            margin: 5.98vw auto 0 !important; /* 30px * 14.95/75 */
            left: 0 !important;
            right: 0 !important;
            padding-bottom: 19.93vw !important; /* 100px * 14.95/75 */
            background-color: none;
        }
    
        /* ОПИСАНИЕ - убираем max-height и overflow */
        .description_listing {
            display: block !important;
            width: 94.5% !important;
            margin-top: 0 !important;
            font-size: 3.19vw !important; /* 16px * 14.95/75 */
            max-height: none !important;
            overflow-y: visible !important;
            line-height: 1.5 !important;
            padding: 1.99vw !important; /* 10px * 14.95/75 */
            background-color: #f9f9f9 !important;
            border-radius: 2.39vw !important; /* 12px * 14.95/75 */
            word-wrap: break-word !important;
        }
    
        /* ВСЕ absolute позиционирования МЕНЯЕМ НА relative */
        .name_listing,
        .type_listing,
        .price_container,
        .info_pay_container,
        .delivery_state,
        .vendor_delivery_info,
        .user_container,
        .reviews_container,
        .state_and_address_container,
        .address_listing_container {
            position: relative !important;
            left: 0 !important;
            right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    
        /* Удаляем все calc() отступы */
        .listing_info_container,
        .all_images_container,
        .second_listing_info_container {
            top: auto !important;
            bottom: auto !important;
        }
    
        /* Для очень маленьких экранов */
        @media (max-width: 480px) {
            .all_images_container {
                grid-template-columns: repeat(3, 1fr) !important;
            }
        }
        
        /* Контейнер оплаты */
        .info_pay_container {
            position: relative !important;
            margin-top: 5.98vw !important; /* 30px * 14.95/75 */
            width: 100% !important;
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 2.99vw !important; /* 15px * 14.95/75 */
        }

        .pay_listing_s_dostavkoy {
            position: relative !important;
            width: 100% !important;
            height: 10.96vw !important; /* 55px * 14.95/75 */
            font-size: 3.59vw !important; /* 18px * 14.95/75 */
            border-radius: 5.98vw !important; /* 30px * 14.95/75 */
            margin: 0 !important;
        }
    }
    
}

/* =========================================== */
/* МОБИЛЬНАЯ АДАПТАЦИЯ ПРОФИЛЬНОГО НАВБАРА */
/* =========================================== */

@media screen and (max-width: 768px) {

    /* Основной контейнер профильного навбара */
    .profile_navbar-second {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0vw !important;
        padding: 0vw 0 5.98vw !important; /* 0px 0 30px * 14.95/75 */
        background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%) !important;
        border: none !important;
        overflow-y: visible !important;
        overflow-x: auto !important;
        box-shadow: 0 1.99vw 5.98vw rgba(0,0,0,0.05) !important; /* 10px=1.99vw, 30px=5.98vw */
        padding-top: 16.94vw !important; /* 85px * 14.95/75 */
        padding-bottom: 28.9vw !important; /* 145px * 14.95/75 */
    }
    
    /* Контейнер информации о пользователе */
    .info_user_container {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 75vw !important;
        height: auto !important;
        margin: 0 auto 5.98vw !important; /* 30px * 14.95/75 */
        padding: 4.98vw 3.99vw !important; /* 25px 20px * 14.95/75 */
        background: none !important;
        border-radius: 5.98vw !important; /* 30px * 14.95/75 */
        box-shadow: 0 1.99vw 5.98vw rgba(0,0,0,0.08) !important; /* 10px=1.99vw, 30px=5.98vw */
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 2.99vw !important; /* 15px * 14.95/75 */
    }
    
    /* Аватар */
    .avatar_img {
        position: relative !important;
        width: 15.95vw !important; /* 80px * 14.95/75 */
        height: 15.95vw !important; /* 80px * 14.95/75 */
        margin: 0 !important;
        box-shadow: 0 1vw 2.99vw rgba(0, 0, 0, 0.3) !important; /* 5px=0.997vw, 15px=2.99vw */
    }
    
    /* Блок с текстовой информацией */
    .info_user_container {
        background-color: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .username_span,
    .email_span,
    .phone_number_span {
        position: absolute !important;
        margin-top: 0 !important;
        left: 0 !important;
        width: calc(100% - 19.93vw) !important; /* 100px * 14.95/75 */
        max-width: none !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    
    .username_span {
        margin-left: 23.92vw; /* 120px * 14.95/75 */
        top: 6.98vw; /* 35px * 14.95/75 */
        font-size: 3.99vw !important; /* 20px * 14.95/75 */
        font-weight: bold !important;
        color: #1a1a1a !important;
        margin-bottom: 1vw !important; /* 5px * 14.95/75 ≈0.997vw */
    }
    
    .email_span {
        margin-left: 23.92vw; /* 120px * 14.95/75 */
        top: 11.96vw; /* 60px * 14.95/75 */
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        color: #666 !important;
        margin-bottom: 0.6vw !important; /* 3px * 14.95/75 ≈0.598vw */
    }
    
    .phone_number_span {
        margin-left: 23.92vw; /* 120px * 14.95/75 */
        bottom: 6.98vw; /* 35px * 14.95/75 */
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        color: #1777d7 !important;
        font-weight: 600 !important;
    }
    
    /* Линии-разделители */
    .grey_line_under_first_container,
    .grey_line_out_first_container,
    .grey_line_out_market_container {
        display: none !important;
    }
    
    /* Контейнер со всеми опциями */
    .all_options_container {
        position: relative !important;
        width: 90% !important;
        margin: 0 auto !important;
        top: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2.99vw !important; /* 15px * 14.95/75 */
        background-color: none !important;
    }
    
    /* Общие стили для всех контейнеров опций */
    .first_options_container,
    .market_options_container,
    .messanger_options_container {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        background: white !important;
        border-radius: 4.98vw !important; /* 25px * 14.95/75 */
        padding: 2.99vw 0 !important; /* 15px * 14.95/75 */
        box-shadow: 0 1vw 3.99vw rgba(0,0,0,0.05) !important; /* 5px=0.997vw, 20px=3.99vw */
        overflow: hidden !important;
    }
    
    /* Стили для каждой опции */
    .first_option,
    .second_option,
    .fird_option {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        height: 11.96vw !important; /* 60px * 14.95/75 */
        margin: 0 !important;
        padding: 0 3.99vw !important; /* 20px * 14.95/75 */
        display: flex !important;
        align-items: center !important;
        transition: background-color 0.2s ease !important;
        border-bottom: 0.2vw solid #f0f0f0 !important; /* 1px=0.199vw */
    }
    
    .first_option:last-child,
    .second_option:last-child,
    .fird_option:last-child {
        border-bottom: none !important;
    }
    
    /* Иконки */
    .icon_option,
    .icon_option_2st,
    .icon_option_groups {
        position: relative !important;
        margin: 0 2.99vw 0 0 !important; /* 15px * 14.95/75 */
        width: 5.58vw !important; /* 28px * 14.95/75 */
        height: 5.58vw !important; /* 28px * 14.95/75 */
        object-fit: contain !important;
    }
    
    /* Текст опции */
    .text_option {
        margin: 0 !important;
        font-size: 3.19vw !important; /* 16px * 14.95/75 */
        font-weight: 500 !important;
        color: #1a1a1a !important;
        flex: 1 !important;
    }
    
    /* Специальный стиль для "в разработке" */
    .text_option span {
        font-size: 2.79vw !important; /* 14px * 14.95/75 */
        color: #1777d7 !important;
        margin-left: 1.59vw !important; /* 8px * 14.95/75 */
    }
    
    /* Ссылки */
    .settings_option_a,
    .orders_option_a,
    .listing_option_a,
    .project_option_a,
    .vallet_option_a,
    .freinds_option_a,
    .groups_option_a,
    .projects_option_a {
        display: block !important;
        text-decoration: none !important;
        color: inherit !important;
    }
    
    /* Hover эффекты заменяем на active */
    .first_option:active,
    .second_option:active,
    .fird_option:active {
        background-color: #f0f7ff !important;
        transform: scale(0.98) !important;
        transition: all 0.1s ease !important;
    }
    
    /* Специальные стили для разных секций */
    .first_options_container .first_option:first-child {
        border-top-left-radius: 4.98vw !important; /* 25px * 14.95/75 */
        border-top-right-radius: 4.98vw !important; /* 25px * 14.95/75 */
    }
    
    .messanger_options_container .fird_option:last-child {
        border-bottom-left-radius: 4.98vw !important; /* 25px * 14.95/75 */
        border-bottom-right-radius: 4.98vw !important; /* 25px * 14.95/75 */
    }
    
    /* Добавляем небольшие отступы между секциями */
    .market_options_container {
        margin: 2.99vw 0 !important; /* 15px * 14.95/75 */
    }
    
    /* Анимация при нажатии */
    @keyframes tapAnimation {
        0% { transform: scale(1); }
        50% { transform: scale(0.98); }
        100% { transform: scale(1); }
    }
    
    .first_option:active,
    .second_option:active,
    .fird_option:active {
        animation: tapAnimation 0.2s ease !important;
        background-color: #f0f7ff !important;
    }
    
    .first_option:active,
    .second_option:active,
    .fird_option:active {
        background: linear-gradient(90deg, rgba(23, 119, 215, 0.1) 0%, rgba(23, 119, 215, 0.05) 100%) !important;
    }
    
    /* Улучшаем читаемость */
    .text_option {
        letter-spacing: 0.3px !important;
    }
    
    /* Добавляем тонкую тень для секций */
    .first_options_container,
    .market_options_container,
    .messanger_options_container {
        box-shadow: 0 1.59vw 4.98vw rgba(0,0,0,0.06) !important; /* 8px=1.59vw, 25px=4.98vw */
        border: 0.2vw solid rgba(0,0,0,0.02) !important; /* 1px=0.199vw */
    }
    
    /* Стили для ссылок */
    a.settings_option_a,
    a.orders_option_a,
    a.listing_option_a,
    a.project_option_a,
    a.vallet_option_a,
    a.freinds_option_a,
    a.groups_option_a,
    a.projects_option_a {
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Добавляем индикатор "в разработке" */
    .text_option span {
        background: rgba(23, 119, 215, 0.1) !important;
        padding: 0.6vw 1.59vw !important; /* 3px 8px * 14.95/75 */
        border-radius: 3.99vw !important; /* 20px * 14.95/75 */
        font-weight: 500 !important;
        display: inline-block !important;
    }
}

@media (max-width: 768px) {
    /* Кнопка очистки (крестик) — делаем крупнее для тапа */
    input[type="search"]::-webkit-search-cancel-button {
        height: 4.78vw; /* 24px * 14.95/75 */
        width: 4.78vw; /* 24px * 14.95/75 */
        margin-right: 1.99vw; /* 10px * 14.95/75 */
        right: 0;
    }

    /* Выпадающий список — на весь экран по ширине контейнера */
    .search_container_list_chats {
        width: 87.5% !important; 
        left: 5.97vw;
        margin-left: 0;
        margin-top: 1.99vw; /* 10px * 14.95/75 */
        height: auto;
        max-height: 60vh;
        overflow-y: auto;
        border-radius: 3.99vw; /* 20px * 14.95/75 */
        box-shadow: 0 1.99vw 4.98vw rgba(0,0,0,0.1); /* 10px=1.99vw, 25px=4.98vw */
        z-index: 1000000000 !important;
        background-color: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(1.99vw); /* 10px * 14.95/75 */
        border: none !important;
        box-shadow: 0 0vw 1.99vw rgba(0,0,0,0.3); /* 10px=1.99vw */
    }

    /* Контейнер одного результата — увеличиваем высоту для удобства */
    .main_searchest_chat_container {
        width: 100%;
        height: 11.96vw; /* 60px * 14.95/75 */
        display: flex;
        align-items: center;
        margin: 1vw 0; /* 5px * 14.95/75 ≈0.997vw */
    }

    /* Аватарка */
    .search_chat_avatar_img {
        width: 8.97vw; /* 45px * 14.95/75 */
        height: 8.97vw; /* 45px * 14.95/75 */
        min-width: 8.97vw; /* 45px * 14.95/75 */
        margin-left: 2.99vw; /* 15px * 14.95/75 */
    }

    /* Блок с именем и ссылкой */
    .name_and_vlink_case {
        margin-left: 2.99vw; /* 15px * 14.95/75 */
        margin-top: 0;
        flex: 1;
    }

    /* Шрифты — увеличиваем для читабельности */
    .search_chat_name_span {
        font-size: 3.19vw; /* 16px * 14.95/75 */
        font-weight: 500;
    }

    .search_chat_vlink_span {
        font-size: 2.79vw; /* 14px * 14.95/75 */
    }

    /* Разделительная линия */
    .vertical_line_search_chat {
        height: 5.98vw; /* 30px * 14.95/75 */
        margin: 0 2.99vw; /* 15px * 14.95/75 */
    }

    /* Описание чата */
    .chat_description_class_search {
        display: none;
    }

    .search_sugg_name_span {
        position: absolute;
        font-size: 3.19vw; /* 16px * 14.95/75 */
        font-weight: 500;
        margin-left: 6.965vw;
        margin-top: 0.69vw;
    }
    
    .suggestions_img_search {
        position: absolute;
        display: flex;
        width: 6.965vw;
        height: 6.965vw;
        margin-left: 0.69vw;
        margin-top: 0.35vw;
    }
}

@media screen and (max-width: 768px) {
    
    .create_listing_container_button {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 13.89vw !important;
        margin: 3.99vw 0 !important; /* 20px */
        padding: 3.99vw !important; /* 20px */
        padding-top: 15vw !important;
        box-sizing: border-box !important;
        display: inline-block !important;
        background-color: none !important;
    }

    .register_slogan {
        position: relative !important;
        font-weight: bold !important;
        font-size: 4.78vw !important; /* 24px */
        margin: 2.99vw 0 !important; /* 15px */
        text-align: left !important;
        
        /* Градиент сохраняем */
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
    }
    
    .register_slogan_2 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        font-weight: medium !important;
        font-size: 3.59vw !important; /* 18px */
        margin: 2.99vw 0 !important; /* 15px */
        text-align: left !important;
        
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
    }
    
    .register_slogan_3 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        font-weight: bold !important;
        font-size: 3.99vw !important; /* 20px */
        margin: 2.99vw 0 !important; /* 15px */
        text-align: left !important;
        
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
    }
    
    .register_slogan_4 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        font-weight: medium !important;
        font-size: 3.59vw !important; /* 18px */
        margin: 2.99vw 0 !important; /* 15px */
        text-align: left !important;
        
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
    }
    
    .login_button_in_navbar2 {
        position: relative !important;
        cursor: pointer !important;
        width: 100% !important;
        height: 11.96vw !important; /* 60px */
        top: 0 !important;
        left: 0 !important;
        border: none !important;
        color: white !important;
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        border-radius: 5.98vw !important; /* 30px */
        font-size: 3.99vw !important; /* 20px */
        font-weight: normal !important;
        margin: 2.99vw 0 !important; /* 15px */
        margin-top: 5.99vw !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    .register_button_in_navbar2 {
        position: relative !important;
        cursor: pointer !important;
        width: 100% !important;
        height: 11.96vw !important; /* 60px */
        top: 0 !important;
        left: 0 !important;
        border: none !important;
        color: white !important;
        background: linear-gradient(to right, #1BA4FF 0%, #106299 100%) !important;
        border-radius: 5.98vw !important; /* 30px */
        font-size: 3.99vw !important; /* 20px */
        font-weight: normal !important;
        margin: 2.99vw 0 !important; /* 15px */
        margin-top: 0.99vw !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Добавляем active состояния для кнопок */
    .login_button_in_navbar2:active,
    .register_button_in_navbar2:active {
        opacity: 0.8 !important;
        transform: scale(0.98) !important;
        transition: 0.2s !important;
    }
}

@media screen and (max-width: 768px) {
    .case_all_listing_container_in_preview_case {
        position: absolute !important;
        top: 20vw !important;
        left: 12.5vw !important;
        backdrop-filter: blur(1.92vw) !important; /* 9.66 * 0.199 = 1.92vw */
        border: 1px rgb(255, 255, 255) solid !important;
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0px 1.92vw 9.67vw 0 #000000a2 !important; /* 9.66*0.199=1.92, 48.58*0.199=9.67 */
        border-radius: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        width: 77.40vw !important; /* 388.92 * 0.199 = 77.40vw */
        height: 106.40vw !important; /* 534.66 * 0.199 = 106.40vw */
    }
    
    .main_span_in_case_all_listings_link {
        color: white !important;
        font-weight: bold !important;
        font-size: 4.65vw !important; /* 23.38 * 0.199 = 4.65vw */
        position: absolute !important;
        left: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        top: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
    }
    
    .case_all_listings_links {
        background-color: none !important;
        position: absolute !important;
        top: 15.49vw !important; /* 77.84 * 0.199 = 15.49vw */
        left: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        width: 63.86vw !important; /* 320.88 * 0.199 = 63.86vw */
        height: 73.52vw !important; /* 369.46 * 0.199 = 73.52vw */
        overflow-y: scroll !important;
        overflow-x: none !important;
    }
    
    .send_links_listings_button_in_case {
        position: absolute !important;
        bottom: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        right: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        width: 31.93vw !important; /* 160.44 * 0.199 = 31.93vw */
        height: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        background: #006effa2 !important;
        box-shadow: 0px 1.92vw 9.67vw 0 #000000a2 !important; /* 9.66*0.199=1.92, 48.58*0.199=9.67 */
        border: solid 1px white !important;
        color: white !important;
        font-size: 2.90vw !important; /* 14.56 * 0.199 = 2.90vw */
        font-weight: bold !important;
        border-radius: 3.87vw !important; /* 19.46 * 0.199 = 3.87vw */
        cursor: pointer !important;
    }
    
    .remove_all_flags_on_links_button {
        position: absolute !important;
        bottom: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        left: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        width: 28.06vw !important; /* 140.98 * 0.199 = 28.06vw */
        height: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        background: #ffffff67 !important;
        box-shadow: 0px 1.92vw 9.67vw 0 #000000a2 !important;
        border: solid 1px white !important;
        color: white !important;
        font-size: 2.90vw !important; /* 14.56 * 0.199 = 2.90vw */
        font-weight: bold !important;
        border-radius: 3.87vw !important; /* 19.46 * 0.199 = 3.87vw */
        cursor: pointer !important;
    }
    
    .listing_object_class_in_links_list {
        background-color: none !important;
        border-radius: 1.92vw !important; /* 9.66 * 0.199 = 1.92vw */
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        height: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        background-color: none !important;
        margin-bottom: 3.87vw !important; /* 19.46 * 0.199 = 3.87vw */
        margin-top: 3.87vw !important; /* 19.46 * 0.199 = 3.87vw */
    }
    
    .fimage_listing_class {
        width: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        height: 100% !important;
        position: absolute !important;
        left: 0vw !important; /* 0 * 0.199 = 0vw */
        border-radius: 1.92vw !important; /* 9.66 * 0.199 = 1.92vw */
    }
    
    .listing_link_name {
        position: absolute !important;
        left: 23.21vw !important; /* 116.62 * 0.199 = 23.21vw */
        top: 1.92vw !important; /* 9.66 * 0.199 = 1.92vw */
        font-size: 2.90vw !important; /* 14.56 * 0.199 = 2.90vw */
        color: white !important;
    }
    
    .listing_link_price {
        position: absolute !important;
        left: 23.21vw !important; /* 116.62 * 0.199 = 23.21vw */
        top: 5.80vw !important; /* 29.12 * 0.199 = 5.80vw */
        font-size: 2.90vw !important; /* 14.56 * 0.199 = 2.90vw */
        font-weight: bold !important;
        color: white !important;
    }
    
    .address_listing_link {
        position: absolute !important;
        left: 23.21vw !important; /* 116.62 * 0.199 = 23.21vw */
        top: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        font-size: 2.90vw !important; /* 14.56 * 0.199 = 2.90vw */
        color: white !important;
    }
    
    .div_address_box {
        position: absolute !important;
        margin-left: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        margin-top: 0vw !important;
        width: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        height: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        background-color: none !important;
    }
    
    .sub_channel_button {
        width: 100% !important;
        height: 100% !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background: none !important;
        border: none !important;
        color: #1777d7 !important;
        font-weight: bold !important;
        font-size: 2.70vw !important; /* 13.58 * 0.199 = 2.70vw */
        transition: 0.5s !important;
    }
    
    .sub_channel_button:hover {
        background-color:#0000001d !important;
        transition: 0.5s !important;
        cursor: pointer !important;
    }
    
    .chat_avatar_in_info_preview {
        position: absolute !important;
        width: 14.52vw !important; /* 72.94 * 0.199 = 14.52vw */
        height: 14.52vw !important; /* 72.94 * 0.199 = 14.52vw */
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        top: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        left: 7.75vw !important; /* 38.92 * 0.199 = 7.75vw */
    }
    
    .chat_avatar_in_info_preview_hover:hover {
        cursor: pointer !important;
    }
    
    .name_chat_in_info_case {
        position: absolute !important;
        font-size: 3.48vw !important; /* 17.5 * 0.199 = 3.48vw */
        top: 21.29vw !important; /* 106.96 * 0.199 = 21.29vw */
        left: 26.13vw !important; /* 131.32 * 0.199 = 26.13vw */
        max-width: 42.57vw !important; /* 213.92 * 0.199 = 42.57vw */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    #state_chat_in_info_case_mini_p,
    #state_chat_in_info_case {
        top: 26vw !important;
    }
    
    .redact_name_project_in_info_case {
        color: white !important;
        position: absolute !important;
        top: 21.29vw !important; /* 106.96 * 0.199 = 21.29vw */
        left: 26.13vw !important; /* 131.32 * 0.199 = 26.13vw */
        font-size: 3.48vw !important; /* 17.5 * 0.199 = 3.48vw */
        width: 42.57vw !important; /* 213.92 * 0.199 = 42.57vw */
        background-color: none !important;
        outline: none !important;
        border: none !important;
        background: rgba(255, 255, 255, 0.2) !important;
        border-radius: 0.98vw !important; /* 4.9 * 0.199 = 0.98vw */
    }
    
    .chat_info_parms_case {
        background-color: none !important;
        position: absolute !important;
        top: 38.70vw !important; /* 194.46 * 0.199 = 38.70vw */
        left: 7.75vw !important; /* 38.92 * 0.199 = 7.75vw */
        width: 61.90vw !important; /* 311.08 * 0.199 = 61.90vw */
        height: 63.86vw !important; /* 320.88 * 0.199 = 63.86vw */
    }
    
    .description_chat_info_case {
        position: relative !important;
        font-size: 3.09vw !important; /* 15.54 * 0.199 = 3.09vw */
        word-break: break-all !important;
        border-radius: 0.98vw !important; /* 4.9 * 0.199 = 0.98vw */
        transition: 0.5s !important;
        user-select: none !important;
        white-space: pre-line !important;
        max-height: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        overflow-y: scroll !important;
        overflow-x: none !important;
    }

    .redact_description_project_in_info_case {
        position: relative !important;
        color: white !important;
        font-size: 3.09vw !important; /* 15.54 * 0.199 = 3.09vw */
        word-break: break-all !important;
        border-radius: 0.98vw !important; /* 4.9 * 0.199 = 0.98vw */
        width: 60.96vw !important; /* 306.32 * 0.199 = 60.96vw */
        height: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        background-color: rgba(255, 255, 255, 0.2) !important;
        outline: none !important;
        border: none !important;
        resize: none !important;
        font-family: Arial, Helvetica, sans-serif !important;
        overflow: hidden !important;
    }
    
    .hover_set_info_parm:hover {
        cursor: pointer !important;
        background-color: rgba(255, 255, 255, 0.3) !important;
        transition: 0.5s !important;
    }
    
    .case_all_users_in_project_list {
        position: absolute !important;
        background-color: none !important;
        width: 61.90vw !important; /* 311.08 * 0.199 = 61.90vw */
        height: 85.14vw !important; /* 427.84 * 0.199 = 85.14vw */
        left: 7.75vw !important; /* 38.92 * 0.199 = 7.75vw */
        top: 15.49vw !important; /* 77.84 * 0.199 = 15.49vw */
    }
    
    .button_add_new_user_in_project {
        position: relative !important;
        justify-content: center !important;
        align-items: center !important;
        color: white !important;
        border: white 1px solid !important;
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        width: 100% !important;
        height: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        background-color: none !important;
        transition: 0.5s !important;
    }
    
    .button_add_new_user_in_project:hover{
        cursor: pointer !important;
        transition: 0.5s !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .gorizontal_line_in_all_users {
        position: relative !important;
        display: flex !important;
        margin-top: 3.87vw !important; /* 19.46 * 0.199 = 3.87vw */
        width: 100% !important;
        color: white !important;
        border-radius: 1.92vw !important; /* 9.66 * 0.199 = 1.92vw */
        border: 1px white solid !important;
    }
    
    .main_element_container_user {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        color: white !important;
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        width: 100% !important;
        height: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        background-color: none !important;
        transition: 0.5s !important;
        margin-top: 5.80vw !important; /* 29.12 * 0.199 = 5.80vw */
    }
    
    .main_element_container_user:hover {
        cursor: pointer !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .delete_user_in_group_button {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        color: white !important;
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        width: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        height: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        background-color: none !important;
        transition: 0.5s !important;
        margin-top: 5.80vw !important; /* 29.12 * 0.199 = 5.80vw */
        margin-left: 52.24vw !important; /* 262.5 * 0.199 = 52.24vw */
    }
    
    .delete_user_in_group_button:hover {
        cursor: pointer !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .delete_user_in_group_icon {
        transition: 0.5s !important;
        width: 60% !important;
        height: 60% !important;
    }
    
    .avatar_main_element_container_user {
        position: absolute !important;
        left: 0vw !important; /* 0 * 0.199 = 0vw */
        top: 0vw !important; /* 0 * 0.199 = 0vw */
        height: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        width: 9.67vw !important; /* 48.58 * 0.199 = 9.67vw */
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
    }
    
    .username_main_element_container_user {
        color: white !important;
        position: absolute !important;
        left: 14.52vw !important; /* 72.94 * 0.199 = 14.52vw */
    }
    
    .case_all_users_in_project_list_f1 {
        position: absolute !important;
        background-color: none !important;
        width: 61.90vw !important; /* 311.08 * 0.199 = 61.90vw */
        height: 61.90vw !important; /* 311.08 * 0.199 = 61.90vw */
        left: 0vw !important;
        top: 14.52vw !important; /* 72.94 * 0.199 = 14.52vw */
        overflow-y: scroll !important;
        overflow-x: none !important;
    }
    
    .back_or_delete_group_button {
        position: absolute !important;
        top: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        right: 7.75vw !important; /* 38.92 * 0.199 = 7.75vw */
        border-radius: 19.33vw !important; /* 97.16 * 0.199 = 19.33vw */
        width: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        height: 6.77vw !important; /* 34.02 * 0.199 = 6.77vw */
        background-color: rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0px 0px 0.98vw 0 #000000a2 !important; /* 4.9 * 0.199 = 0.98vw */
        transition: 0.2s !important;
    }
    #save_redact_parm_project_button,
    #redact_soc_project_button {
        right: 25vw !important;
    }
    #redact_soc_project_button img{
        position: absolute !important;
        left: 0.5vw !important; /* 4.9 * 0.199 = 0.98vw */
        top: 1vw !important; /* 3.92 * 0.199 = 0.78vw */
        width: 80% !important;
        height: 80% !important;
    }
    #save_redact_parm_project_button img {
        left: 0.5vw !important; /* 4.9 * 0.199 = 0.98vw */
    }
    
    .back_or_delete_group_button:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
        cursor: pointer !important;
    }
    
    .back_or_delete_button_icon {
        position: absolute !important;
        left: 0.98vw !important; /* 4.9 * 0.199 = 0.98vw */
        top: 0.78vw !important; /* 3.92 * 0.199 = 0.78vw */
        width: 80% !important;
        height: 80% !important;
    }

    .bg-prof-tx {
        background-color: none !important;
        position: absolute !important;
        top: 70% !important;
    }
    
    .bg-mess-tx {
        background-color: none !important;
        position: relative !important;
        top: 70% !important;
        float: right !important;
    }
    
    .globalAudioPlayer {
        display: none !important;
        position: absolute !important;
        top: 16.4374vw !important;
        left: 79.3174vw !important;
        background-color: white !important;
        color: black !important;
        padding: 1.9223vw !important;
        border-radius: 19.3348vw !important;
        border: solid #1777d7 1px !important;
        z-index: 0 !important;
        font-size: 2.3124vw !important;
        width: 122.8626vw !important;
        height: 3.8725vw !important;
    }
    
    .button_toggleAudio {
        position: absolute !important;
        left: 5.7949vw !important;
        top: 0.9751vw !important;
        width: 5.7949vw !important;
        height: 5.7949vw !important;
        background-color: none !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    .button_stopAudio {
        position: absolute !important;
        right: 5.7949vw !important;
        top: 2.4238vw !important;
        width: 2.8974vw !important;
        height: 2.8974vw !important;
        background-color: white !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    .button_toggleAudio_image {
        position: absolute !important;
        background-color: none !important;
        top: 0vw !important;
        left: 0vw !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .button_stopAudio_image {
        position: absolute !important;
        background-color: white !important;
        top: 0vw !important;
        left: 0vw !important;
        width: 2.8974vw !important;
        height: 2.8974vw !important;
    }
    
    .nowPlaying_name_audio {
        position: absolute !important;
        left: 15.4902vw !important;
        top: 2.4238vw !important;
        font-weight: bold !important;
    }
    
    .main_preview_case_open_media_file {
        align-items: center !important;
        position: relative !important;
        background-color: none !important;
        width:100% !important;
        height: 100% !important;
        background-color: none !important;
    }
    
    .preview_case_media_file_object {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
    }
    
    .go_media_file_button {
        position: absolute !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        cursor: pointer !important;
        position: absolute !important;
        background-color: rgba(0, 106, 255, 0) !important;
        border: none !important;
        color: none !important;
        font-weight: bold !important;
        font-size: 7.7451vw !important;
        width: 29.0301vw !important;
        height: 100% !important;
        background-color: none !important;
    }
    
    .case_video_control_in_preview_mfile {
        position: absolute !important;
        width: 58.0324vw !important;
        height: 22.2601vw !important;
        z-index: 1 !important;
        bottom: 0vw !important;
        background-color: none !important;
    }
    
    .processing_video_case {
        position: relative !important;
        margin: 0vw !important;
        margin-left: 0vw !important;
        margin-top: 12.5649vw !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 9.6674vw !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        margin-bottom: 0vw !important;
        border-radius: 19.3348vw !important;
        backdrop-filter: blur(0.3900vw) !important;
        border: 0.1px rgb(151, 151, 151) solid !important;
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
    }
    
    .video_size_container {
        z-index: 1 !important;
        width: 80% !important;
        height: 0.9751vw !important;
        border-radius: 19.3348vw !important;
        backdrop-filter: blur(0.3900vw) !important;
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0vw 3.8725vw 23.2074vw 0 #00000064 !important;
        position: relative !important;
    }
    
    .video_progress_bar {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: inherit !important;
        cursor: pointer !important;
        overflow: hidden !important;
    }
    
    .video_progress {
        box-shadow: 0vw 3.8725vw 23.2074vw 0 #00000064 !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        background-color: #ffffffc6 !important;
        border-radius: inherit !important;
        transition: width 0.05s ease !important;
        pointer-events: none !important;
    }
    
    .video_thumb {
        position: absolute !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 0.9751vw !important;
        height: 0.9751vw !important;
        background-color: #ffffffc6 !important;
        border-radius: 50% !important;
        box-shadow: 0vw 0.3900vw 1.5602vw rgba(0, 0, 0, 0.4) !important;
        cursor: grab !important;
        z-index: 2 !important;
        transition: left 0.05s ease, transform 0.1s ease, box-shadow 0.1s ease !important;
        pointer-events: auto !important;
    }
    
    .video_thumb.active {
        cursor: grabbing !important;
        transform: translate(-50%, -50%) scale(1.2) !important;
        box-shadow: 0vw 0.7801vw 2.3124vw rgba(0, 0, 0, 0.6) !important;
    }
    
    .video_progress_bar:not(.ready) {
        opacity: 0.6 !important;
        cursor: not-allowed !important;
    }
    
    .video_progress_bar:not(.ready) .video_thumb {
        display: none !important;
    }
    
    .default_button_class_control_video {
        cursor: pointer !important;
        position: absolute !important;
        z-index: 1 !important;
        width: 9.6674vw !important;
        height: 9.6674vw !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        border-radius: 19.3348vw !important;
        backdrop-filter: blur(0.3900vw) !important;
        border: 0.0985vw rgb(151, 151, 151) solid !important;
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
    }
    #button_play_or_pause_video {
        margin-left: 25vw !important;
    }
    #button_download_video_in_control_case {
        margin-left: 49vw !important;
    }
    
    .img_play_or_pause_video {
        width: 9.6674vw !important;
        height: 9.6674vw !important;
    }
    
    .img_video_audio_state {
        width: 6.7700vw !important;
        height: 6.7700vw !important;
    }
    
    .img_download_video {
        width: 6.7700vw !important;
        height: 6.7700vw !important;
    }
    
    .create_channel_or_group_container {
        width: 77.3951vw !important;
        height: 38.6975vw !important;
        border-radius: 9.6674vw !important;
        border: solid 1px white !important;
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
        backdrop-filter: blur(1.1701vw) !important;
    }
    
    .push_type_project {
        color: white !important;
        position: absolute !important;
        top: 6.7700vw !important;
        left: 7.7451vw !important;
        font-weight: bold !important;
        font-size: 3.8725vw !important;
    }
    
    .button_action_project {
        position: absolute !important;
        top: 19.3348vw !important;
        width: 26.1327vw !important;
        height: 9.6674vw !important;
        border: solid 2px white !important;
        border-radius: 15.4902vw !important;
        background-color: none !important;
        cursor: pointer !important;
        margin-left: 5vw !important;
    }
    #button_action_group {
        margin-left: 25vw !important;
    }

    .button_action_project:hover {
        background-color: #7d7c7c64 !important;
    }
    
    .img_action_project {
        position: absolute !important;
        top: 0.9751vw !important;
        left: 0.9751vw !important;
        width: 7.7451vw !important;
        height: 7.7451vw !important;
    }
    
    .span_action_project {
        position: absolute !important;
        left: 9.6674vw !important;
        top: 3.3999vw !important;
        color: white !important;
        font-size: 3.0925vw !important;
        font-weight: bold !important;
    }
    
    .input_project_name {
        position: absolute !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        border: none !important;
        outline: none !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: inherit !important;
        font-size: inherit !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        color: white !important;
        width: 48.3650vw !important;
        resize: none !important;
        margin-left: 15vw !important;
        margin-top: 7.5vw !important;
    }
    #input_project_description {
        margin-top: 11vw !important;
        background-color: none !important;
        height: 10vw !important;
    }

    .input_project_name::placeholder {
        color: white !important;
    }
    
    .input_project_name_red_color::placeholder {
        color: red !important;
        transition: 0.5s !important;
    }
    
    .preview_set_avatar_project {
        position: absolute !important;
        left: 5.7949vw !important;
        top: 7.7451vw !important;
        background-color: none !important;
        width: 14.5151vw !important;
        height: 14.5151vw !important;
        border-radius: 19.3348vw !important;
        border: solid 2px white !important;
    }
    
    .file_input_avatar_project {
        opacity: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 19.3348vw !important;
        z-index: -1 !important;
    }
    
    .go_button_action_create_project {
        position: absolute !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        outline: none !important;
        background: none !important;
        font-family: inherit !important;
        font-size: inherit !important;
        box-shadow: none !important;
        border: solid 2px white !important;
        border-radius: 19.3348vw !important;
        width: 16.4374vw !important;
        height: 5.7949vw !important;
        color: white !important;
        font-size: 2.7024vw !important;
        font-weight: normal !important;
        right: 5.7949vw !important;
        bottom: 3.8725vw !important;
        cursor: pointer !important;
    }
    #button_go_last_second_page_create_project,
    #button_go_last_page_create_project {
        right: 25vw !important;
    }

    .photo_icon_avatar_project {
        position: absolute !important;
        left: 2.3124vw !important;
        top: 2.3124vw !important;
        width: 9.6674vw !important;
        height: 9.6674vw !important;
        user-select: none !important;
    }
    
    .choice_dostup_case_project {
        position: absolute !important;
        top: 12.5649vw !important;
        width: 33.8499vw !important;
        height: 6.7700vw !important;
    }
    #mob_only_prive_case {
        position: absolute !important;
        top: 12.5649vw !important;
        width: 25vw !important;
        height: 6.7700vw !important;
    }
    .choice_dostup_project {
        border: solid 2px white !important;
        border-radius: 19.3348vw !important;
        height: 100% !important;
        width: 6.7700vw !important;
        background-color: none !important;
        cursor: pointer !important;
        transition: 0.5s !important;
    }
    
    .choice_dostup_span_project {
        font-size: 2.7024vw !important;
        font-weight: bold !important;
        color: white !important;
        position: absolute !important;
        right: 0vw !important;
        top: 2.4238vw !important;
        transition: 0.5s !important;
    }
    
    .input_link_project_span {
        position: absolute !important;
        color: white !important;
        top: 19.3348vw !important;
        left: 5.7949vw !important;
        font-size: 2.7024vw !important;
    }
    
    .project_avatar_preview_blur_case {
        justify-content: center !important;
        align-items: center !important;
        position: absolute !important;
        left: 0vw !important;
        top: 0vw !important;
        backdrop-filter: blur(1.9223vw) !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0vw !important;
        z-index: 1000 !important;
        overflow: hidden !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .project_avatar_case_in_preview_blur_case {
        position: absolute !important;
        top:25vw !important;
        left: 12.5vw !important;
        background-color: none !important;
        width: 75vw !important;
        height: 75vw !important;
        object-fit: contain !important;
    }
    
    @media screen and (max-width: 480px) {
        .project_avatar_case_in_preview_blur_case {
            position: absolute !important;
            top:20vw !important;
            left:0 !important;
            background-color: none !important;
            width: 100vw !important;
            height: 100vw !important;
            object-fit: contain !important;
        }
    }
    
    .project_avatar_object {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    .avatar_project_see_icon {
        position: absolute !important;
        top: 0vw !important;
        left: 0vw !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 19.3348vw !important;
        pointer-events: none !important;
    }
    
    .cropper-container {
        position: relative !important;
    }
    
    .cropper-face {
        background-color: transparent !important;
    }
    
    .cropper-view-box {
        border-radius: 50% !important;
        outline: 2px solid #fff !important;
        outline-offset: -2px !important;
    }
    
    .cropper-canvas {
        position: relative !important;
    }
    
    .cropper-canvas::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }
    
    .cropper_button_container_class {
        position: absolute !important;
        left: 22.5vw !important;
        bottom: 20vw !important;
        width: 58.0324vw !important;
        height: 9.6674vw !important;
        border-radius: 5.7949vw !important;
        border: solid 1px white !important;
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
        backdrop-filter: blur(1.1701vw) !important;
    }
    
    .set_crop_avatar_button {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background: none !important;
        border: none !important;
        position: absolute !important;
        right: 1.9223vw !important;
        top: 2.4238vw !important;
        background-color: none !important;
        color: white !important;
        font-size: 3.8725vw !important;
        cursor: pointer !important;
        font-weight: normal !important;
        transition: 0.5s !important;
    }
    
    .set_crop_avatar_button:hover {
        color: #1BA4FF !important;
        transition: 0.5s !important;
    }
    
    .exit_crop_container_button {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border: none !important;
        background: none !important;
        position: absolute !important;
        left: 1.9223vw !important;
        top: 2.4238vw !important;
        background-color: none !important;
        color: white !important;
        font-size: 3.8725vw !important;
        font-weight: normal !important;
        cursor: pointer !important;
        transition: 0.5s !important;
    }
    
    .exit_crop_container_button:hover {
        color: #1BA4FF !important;
        transition: 0.5s !important;
    }
    
    .background_coices_private_class {
        background-color: white !important;
        transition: 0.5s !important;
    }
    
    .choice_dostup_span_project_red {
        color: red !important;
        transition: 0.5s !important;
    }
    
    .case_information_chat {
        position: relative !important;
        backdrop-filter: blur(1.9223vw) !important;
        border: 1px #ffffff solid !important;
        border: none !important;
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
        border-radius: 9.6674vw !important;
        width: 77.3951vw !important;
        height: 109.3226vw !important;
        filter: blur(0vw) !important;
    }
    
    .case_information_chat_sec {
        position: absolute !important;
        backdrop-filter: blur(1.9223vw) !important;
        border: 1px #ffffff solid !important;
        border: none !important;
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #000000a2 !important;
        border-radius: 9.6674vw !important;
        width: 77.3951vw !important;
        height: 109.3226vw !important;
        filter: blur(0vw) !important;
    }
    #save_avatar_button_in_info_case {
        left:15vw !important;
        top:10vw !important;
        width:10vw !important;
        height:10vw !important;
        box-shadow:none !important;
        transition: 0.2s !important;
    }
    #redact_avatar_button_in_info_case {
        left:50vw !important;
        top:0vw !important;
        width:10vw !important;
        height:10vw !important;
        box-shadow:none !important;
        transition: 0.2s !important;
    }
    #only_mobile_redact_button_icon {
        left:0.5vw !important; 
        top:1.5vw !important;
    }
    
    .information_ftitle_span {
        position: absolute !important;
        top: 7.7451vw !important;
        left: 7.7451vw !important;
        color: white !important;
        font-size: 3.8725vw !important;
        font-weight: bold !important;
    }
    
    .blur_preview_delete_or_back_project {
        position: absolute !important;
        top: 0vw !important;
        left: 0vw !important;
        border: none !important;
        background: none !important;
        border-radius: 9.6674vw !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .info_case_delete_or_back_project {
        position: absolute !important;
        color: white !important;
        top: 30.9525vw !important;
        left: 9.6674vw !important;
        width: 58.0324vw !important;
        height: 29.0301vw !important;
        border-radius: 9.6674vw !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }
    
    .question_action_span_back_or_delete_project {
        position: absolute !important;
        top: 5.7949vw !important;
        left: 7.7451vw !important;
        width: 48.3650vw !important;
        font-size: 3.8725vw !important;
        cursor: default !important;
    }
    
    .stop_back_or_delete_project_button {
        position: absolute !important;
        bottom: 5.7949vw !important;
        left: 7.7451vw !important;
        font-size: 3.4825vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
    }
    
    .stop_back_or_delete_project_button:hover {
        color: #1BA4FF !important;
    }
    
    .true_back_or_delete_project_button {
        position: absolute !important;
        bottom: 5.7949vw !important;
        right: 7.7451vw !important;
        font-size: 3.4825vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
    }
    
    .true_back_or_delete_project_button:hover {
        color: red !important;
    }
    
    .ftitle_in_redact_or_add_vlink_case {
        font-size: 3.8725vw !important;
        position: absolute !important;
        top: 27.0799vw !important;
        left: 7.7451vw !important;
    }
    
    .redact_or_add_vlink_input_in_project {
        position: absolute !important;
        top: 32.9027vw !important;
        left: 7.7451vw !important;
        width: 59.9826vw !important;
        height: 3.8725vw !important;
        font-size: 3.4825vw !important;
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        color: white !important;
    }
    
    .state_vlink_span_in_case {
        color: #ADD6FF !important;
    }
    
    .hr_input_vlink {
        position: absolute !important;
        left: 8.2187vw !important;
        top: 32.9027vw !important;
        border: none !important;
        height: 0.3900vw !important;
        background-color: white !important;
        margin: 5.7949vw 0 !important;
        width: 59.9826vw !important;
    }
    
    .state_vlink_span_in_case {
        position: absolute !important;
        top: 41.5950vw !important;
        left: 8.2187vw !important;
        width: 65.7775vw !important;
        font-size: 3.0925vw !important;
    }
    
    .information_span_add_or_redact_vlink {
        position: absolute !important;
        top: 47.3899vw !important;
        left: 8.2187vw !important;
        width: 62.8800vw !important;
        font-size: 2.7024vw !important;
    }
    
    .save_new_vlink_in_the_case {
        position: absolute !important;
        top: 61.9049vw !important;
        right: 7.7451vw !important;
        font-size: 3.0925vw !important;
        cursor: pointer !important;
        transition: 0.2s !important;
        border-radius: 1.9223vw !important;
    }
    
    .exit_redact_or_add_vlink_case {
        position: absolute !important;
        top: 61.9049vw !important;
        right: 30.9525vw !important;
        font-size: 3.0925vw !important;
        cursor: pointer !important;
        border-radius: 1.9223vw !important;
        transition: 0.2s !important;
    }
    
    .exit_redact_or_add_vlink_case:hover {
        color: #1BA4FF !important;
    }
    
    .save_new_vlink_in_the_case:hover {
        color: #1BA4FF !important;
    }
    
    .delete_admin_button_class {
        position: absolute !important;
        right: 1.9223vw !important;
        font-size: 2.3124vw !important;
        color: white !important;
        transition: 0.5s !important;
    }
    
    .delete_admin_button_class:hover {
        color: red !important;
    }
    
    .avatar_button_in_info_case_hover:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
        transition: 0.2s !important;
        cursor: pointer !important;
    }
    
    .input_name_path {
        background-color: rgba(255, 255, 255, 0) !important;
        border: none !important;
        outline: none !important;
        color: white !important;
        font-size: 3.4825vw !important;
        display: flex !important;
        margin-left: 7.7451vw !important;
        margin-top: 19.3348vw !important;
    }
    
    .input_name_path::placeholder {
        color: white !important;
    }
    
    .add_chats_in_new_path_button {
        color: white !important;
        font-size: 3.4825vw !important;
        border: 1px solid white !important;
        border-radius: 7.7451vw !important;
        outline: none !important;
        background-color: rgba(255, 255, 255, 0) !important;
        padding: 0.9751vw !important;
        padding-left: 1.9223vw !important;
        padding-right: 1.9223vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 3.8725vw !important;
    }
    
    .info_div_add_new_chats_in_path {
        color: grey !important;
        font-size: 3.0925vw !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
        width: 58.0324vw !important;
        height: 11.6176vw !important;
        border-radius: 2.8974vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 3.8725vw !important;
        padding: 1.9223vw !important;
    }
    
    .white_path_icon {
        width: 6.7700vw !important;
        height: 5.7949vw !important;
        position: absolute !important;
        top: 18.3876vw !important;
        right: 7.7451vw !important;
    }
    
    .search_chats_in_create_new_path_case {
        position: absolute !important;
        top: 17.4125vw !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
        border-radius: 7.7451vw !important;
        width: 90% !important;
        left: 5% !important;
        height: 9.6674vw !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .search_chats_image {
        width: 5.7949vw !important;
        height: 5.7949vw !important;
        margin-left: 1.9223vw !important;
    }
    
    .chat_search_in_case {
        color: white !important;
        font-size: 3.4825vw !important;
        width: 80% !important;
        background-color: rgba(0, 0, 0, 0) !important;
        outline: none !important;
        border: none !important;
    }
    
    .all_cases_case_for_chats {
        position: absolute !important;
        left: 10% !important;
        width: 80% !important;
        height: 65.7775vw !important;
        background-color: none !important;
        top: 32.9027vw !important;
        overflow-y: scroll !important;
        overflow-x: none !important;
    }
    
    .all_cases_case_for_chats::-webkit-scrollbar {
        display: none !important;
    }
    
    .ftitle_in_case {
        font-size: 3.4825vw !important;
        color: grey !important;
        position: absolute !important;
        top: 0vw !important;
    }
    
    .chats_types_case {
        position: absolute !important;
        top: 5.7949vw !important;
        width: 100% !important;
        background-color: none !important;
    }
    
    .type_class_case {
        width: 100% !important;
        height: 9.6674vw !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        background-color: none !important;
        margin-top: 3.8725vw !important;
        border-radius: 7.7451vw !important;
        transition: 0.5s !important;
    }
    
    .type_class_case:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
        transition: 0.5s !important;
        cursor: pointer !important;
    }
    
    .chat_case_class {
        position: absolute !important;
        width: 100% !important;
        height: 9.6674vw !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        background-color: none !important;
        top: 3.8725vw !important;
        border-radius: 7.7451vw !important;
        transition: 0.5s !important;
    }
    
    .chat_case_class:hover {
        cursor: pointer !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .types_chat_class_img {
        width: 9.6674vw !important;
        height: 9.6674vw !important;
        margin-left: 0vw !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
        border-radius: 7.7451vw !important;
    }
    
    .title_type_class {
        color: white !important;
        margin-left: 3.8725vw !important;
    }
    
    .chat_name_for_chat_container_class {
        color: white !important;
        margin-left: 3.8725vw !important;
        margin-top: -2.8974vw !important;
    }
    
    .chat_type_for_chat_container_class {
        position: absolute !important;
        color: grey !important;
        margin-left: 13.5400vw !important;
        margin-top: 3.8725vw !important;
        font-size: 2.7024vw !important;
    }
    
    .button_save_path {
        position: absolute !important;
        top: 103.4999vw !important;
        right: 7.7451vw !important;
        font-size: 3.4825vw !important;
        background-color: none !important;
        border-radius: 9.6674vw !important;
        border: white solid 1px !important;
        color: white !important;
        padding: 0.9751vw !important;
        padding-left: 1.9223vw !important;
        padding-right: 1.9223vw !important;
    }
    
    .button_save_path:hover {
        cursor: pointer !important;
    }
    
    .button_exit_save_path_page {
        position: absolute !important;
        padding: 0.9751vw !important;
        padding-left: 1.9223vw !important;
        padding-right: 1.9223vw !important;
        top: 103.4999vw !important;
        right: 34.825vw !important;
        font-size: 3.4825vw !important;
        background-color: none !important;
        border: white 1px solid !important;
        border-radius: 9.6674vw !important;
        color: white !important;
    }
    
    .button_exit_save_path_page:hover {
        cursor: pointer !important;
    }
    
    .actions_chats_container_for_path {
        position: relative !important;
        background-color: none !important;
        display: flex !important;
        width: 80% !important;
        margin-top: 3.8725vw !important;
        margin-left: 10% !important;
        height: 38.6975vw !important;
        overflow-y: scroll !important;
        overflow-x: none !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 1.9223vw !important;
        transition: 0.5s !important;
    }
    
    .name_path_input_red::placeholder {
        color: red !important;
    }
    
    .name_path_input_white::placeholder {
        color: white !important;
    }
    
    .border_red_color {
        transition: 0.5s !important;
        border-color: rgba(255, 0, 0, 0.5) !important;
    }
    
    .support_vendergram_case {
        border-radius: 9.6674vw !important;
        width: 77.3951vw !important;
        height: 77.3951vw !important;
        background-color: rgba(255, 255, 255, 0.65) !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #1777d746 !important;
        backdrop-filter: blur(1.1701vw) !important;
        display: inline-block !important;
    }
    
    .first_title_in_support_vendergram_case {
        user-select: none !important;
        display: flex !important;
        font-size: 3.8725vw !important;
        font-weight: bold !important;
        position: relative !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
    }
    
    .main_title_in_support_vendergram_case {
        user-select: none !important;
        display: flex !important;
        font-size: 3.4825vw !important;
        font-weight: normal !important;
        position: relative !important;
        margin-left: 7.7451vw !important;
        margin-top: 3.8725vw !important;
        width: 62.8800vw !important;
    }
    
    .vendergram_support_email {
        display: flex !important;
        font-size: 3.4825vw !important;
        font-weight: normal !important;
        position: relative !important;
        margin-top: 3.8725vw !important;
        margin-left: 7.7451vw !important;
        transition: 0.5s !important;
        color: #1777d7 !important;
        cursor: pointer !important;
        transition: 0.5s !important;
    }
    
    .vendergram_support_email:hover {
        color: #1BA4FF !important;
        transition: 0.5s !important;
    }
    
    .info_instruction_support_email {
        display: flex !important;
        font-size: 3.4825vw !important;
        font-weight: normal !important;
        position: relative !important;
        margin-top: 3.8725vw !important;
        margin-left: 7.7451vw !important;
        user-select: none !important;
        width: 61.9049vw !important;
    }
    
    .big_image_case_qr_code {
        display: flex !important;
        width: 77.3951vw !important;
        height: 135.4275vw !important;
        background-color: white !important;
        border-radius: 9.6674vw !important;
        box-shadow: 0vw 1.9223vw 9.6674vw 0 #1777d746 !important;
        display: inline-block !important;
    }
    
    .qr_code_sendering_order_image {
        position: relative !important;
        width: 77.3951vw !important;
        height: 24.1825vw !important;
        margin-top: 29.0301vw !important;
    }
    
    .order_number_sendering_order {
        display: flex !important;
        position: relative !important;
        font-weight: bold !important;
        font-size: 4.8476vw !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 1.9223vw !important;
    }
    
    .div_info_page_big_image_case_qr_code_preview {
        position: relative !important;
        margin-top: 58.0324vw !important;
        background-color: none !important;
        width: 100% !important;
        display: inline-block !important;
        margin-top: 35.8001vw !important;
    }
    
    .info_img_page_big_image_case_qr_code_preview {
        width: 46.4426vw !important;
        height: 7.7451vw !important;
        display: flex !important;
        margin-left: 15.4902vw !important;
    }
    
    .info_text_page_big_image_case_qr_code_preview {
        position: relative !important;
        font-size: 3.0925vw !important;
        display: flex !important;
        margin-top: 1.9223vw !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .button_save_qr_code_image {
        position: absolute !important;
        font-weight: bold !important;
        top: 7.7451vw !important;
        padding: 3.8725vw !important;
        color: white !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #ffffffa2 !important;
        backdrop-filter: blur(0.9751vw) !important;
        border-radius: 9.6674vw !important;
        margin-left: 125.7600vw !important;
        transition: 0.5s !important;
    }
    
    .button_save_qr_code_image:hover {
        transform: scale(0.95) !important;
        transition: 0.5s !important;
        cursor: pointer !important;
    }
    
    .button_save_qr_code_image:active {
        transform: scale(0.85) !important;
        transition: 0.2s !important;
    }
    
    .button_action_cance_order_or_not {
        border-radius: 9.6674vw !important;
        width: 61.9049vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
        color: #1777d7 !important;
        font-size: 3.4825vw !important;
        height: 9.6674vw !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #000000a2 !important;
        transition: 0.5s !important;
    }
    
    .button_action_cance_order_or_not:hover {
        transform: scale(0.95) !important;
        transition: 0.5s !important;
        cursor: pointer !important;
    }
    
    .button_action_cance_order_or_not:active {
        transform: scale(0.90) !important;
        transition: 0.2s !important;
        cursor: pointer !important;
    }
    
    .info_text_stop_form_for_cance_order_function {
        position: absolute !important;
        bottom: 7.7451vw !important;
        margin-left: 7.7451vw !important;
        margin-right: 7.7451vw !important;
        font-size: 3.4825vw !important;
        color: grey !important;
    }
    
    .payding_form_for_seller {
        width: 77.3951vw !important;
        height: 77.3951vw !important;
        background-color: rgba(0, 0, 0, 0.4) !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #000000a2 !important;
        border-radius: 9.6674vw !important;
        backdrop-filter: blur(1.5602vw) !important;
    }
    
    .first_title_in_payding_form_for_seller {
        color: white !important;
        font-weight: bold !important;
        display: flex !important;
        font-size: 4.6526vw !important;
        margin-left: 7.7451vw !important;
        margin-right: 17.4125vw !important;
        margin-top: 7.7451vw !important;
        user-select: none !important;
    }
    
    .image_rub_simbol {
        display: flex !important;
        margin-left: 0vw !important;
        width: 7.7451vw !important;
        height: 7.7451vw !important;
        user-select: none !important;
        margin-top: 3.8725vw !important;
    }
    
    .button_choice_payd_for_card {
        background-color: rgba(0, 0, 0, 0.5) !important;
        width: 61.9049vw !important;
        height: 9.6674vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
        color: white !important;
        font-size: 3.4825vw !important;
        border-radius: 9.6674vw !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #ffffffa2 !important;
        transition: 0.5s !important;
        user-select: none !important;
    }
    
    .button_choice_payd_for_card:hover {
        transform: scale(0.99) !important;
        transition: 0.5s !important;
        cursor: pointer !important;
    }
    
    .button_choice_payd_for_card:active {
        transform: scale(0.90) !important;
        transition: 0.5s !important;
    }
    
    .pay_to_seller_by_card_form {
        width: 77.3951vw !important;
        height: 96.7299vw !important;
        background-color: rgba(0, 0, 0, 0.4) !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #000000a2 !important;
        border-radius: 9.6674vw !important;
        backdrop-filter: blur(1.5602vw) !important;
        display: flex !important;
    }
    
    .input_card_number_to_seller_buy {
        position: absolute !important;
        display: flex !important;
        width: 49.3401vw !important;
        height: 9.6674vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
        top: 19.3348vw !important;
        background-color: rgba(0, 0, 0, 0.1) !important;
        backdrop-filter: blur(1.9223vw) !important;
        border-radius: 9.6674vw !important;
        border: 1px solid white !important;
        outline: none !important;
        color: white !important;
        padding-left: 12.5649vw !important;
        font-size: 3.8725vw !important;
    }
    
    .pay_seller_cost_button {
        position: absolute !important;
        display: flex !important;
        width: 61.9049vw !important;
        height: 9.6674vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
        top: 46.4426vw !important;
        background-color: #1777d76a !important;
        backdrop-filter: blur(1.9223vw) !important;
        border-radius: 9.6674vw !important;
        outline: none !important;
        color: white !important;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 3.8725vw !important;
        box-shadow: 0vw 0vw 1.9223vw 0 #000000a2 !important;
    }
    
    .text_info_pay_seller_cost {
        position: absolute !important;
        top: 67.7277vw !important;
        margin-left: 7.7451vw !important;
        width: 61.9049vw !important;
        color: white !important;
        font-size: 3.0925vw !important;
    }
    
    .label_phone_number_to_seller_buy {
        position: absolute !important;
        top: 30.1724vw !important;
        color: white !important;
        font-size: 3.8725vw !important;
        left: 11.6176vw !important;
        z-index: 1 !important;
    }
    
    .input_phone_number_to_seller_buy {
        position: absolute !important;
        display: flex !important;
        width: 52.2375vw !important;
        height: 9.6674vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 7.7451vw !important;
        top: 19.3348vw !important;
        background-color: rgba(0, 0, 0, 0.1) !important;
        backdrop-filter: blur(1.9223vw) !important;
        border-radius: 9.6674vw !important;
        border: 1px solid white !important;
        outline: none !important;
        color: white !important;
        padding-left: 9.6674vw !important;
        font-size: 3.8725vw !important;
    }
    
    .error_span_phone_form_opacity {
        position: relative !important;
        color: red !important;
        margin-left: 3.8725vw !important;
        margin-right: 3.8725vw !important;
        margin-top: 8.7202vw !important;
        font-size: 2.7024vw !important;
    }
    
    .search_sugg_name_span {
        position: absolute !important;
        font-size: 3.0925vw !important;
        margin-left: 7.7451vw !important;
        margin-top: 1.9223vw !important;
    }
    
    .suggestions_img_search {
        position: absolute !important;
        display: flex !important;
        width: 5.7949vw !important;
        height: 5.7949vw !important;
        margin-left: 1.9223vw !important;
        margin-top: 0.9751vw !important;
    }
}