@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); /*Montserrat*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); /*Open Sans*/
@import url('/templates/solution2/fonts/font-awesome.css?v=1761320238');
@import url('/templates/solution2/fonts/stylesheet.css?v=1761320238');
@import url('bootstrap.css?v=1761320238');
@import url('style_one.css?v=1761320238');
@import url('style_two.css?v=1761320238');
@import url('style_three.css?v=1761320238');
@import url('style_sdg.css?v=1761320238');
.with_code table tr td {
    word-break: normal;
}

/* МАКСИМАЛЬНЫЙ ПРИОРИТЕТ для изображений в описании услуг */
#store_service_info img[width][height] {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    margin: 10px 0 !important;
}

/* Мобильная адаптация для чата */
@media (max-width: 768px) {
    .chat_block {
        display: flex;
        flex-direction: column;
    }
    
    .users_online_chat {
        order: 2;
        margin-top: 15px;
    }
    
    .block.chat {
        order: 1;
    }
    
    #chat #chat_messages, #chat #messages {
        height: 300px !important; /* Меньшая высота для мобильных */
        max-height: 300px !important;
        width: 100%;
        margin-left: 0;
    }
    
    #chat .input-group {
        width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }
    
    #chat .input-group button {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin-top: 10px;
    }
    
    #chat .input-group .smile_input input {
        padding-right: 60px !important;
        height: 44px !important;
    }
    
    #chat .input-group .smile_input #smile_btn {
        right: 50px !important;
        top: 12px !important;
    }
    
    #chat #drop_zone {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .flex_online_users {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .online_us,
    .online_us_all {
        display: flex;
        align-items: center;
        padding: 10px;
        background: var(--card-bg);
        border-radius: 10px;
        margin-bottom: 8px;
    }
    
    .online_scroll {
        max-height: 120px;
        overflow-y: auto;
        padding: 10px;
        background: var(--card-bg);
        border-radius: 10px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    #chat #chat_messages, #chat #messages {
        height: 250px !important;
        max-height: 250px !important;
    }
    
    .head_chat_block {
        padding: 10px !important;
    }
    
    .double_btns {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .btn_heading_full,
    .online_now_head {
        font-size: 12px;
        padding: 5px 8px;
    }
}