#search-result__desktop {
    position: absolute;
    right: 0;
    bottom: -10px;
    transform: translateY(100%);
    width: 400px;

    display: block;
    max-height: 500px;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px 25px 10px 10px;

    color: #000;

    box-shadow: 0 0 100px 3px rgba(128, 128, 129, 0.6);
    border-radius: 10px;
}
@media screen and (max-width: 700px) {
    #search-result__desktop {
        position: fixed;
        transform: none;
        top: 80px;
        left: 10px;
        right: unset;
        /* 20px - паддинги у страницы */
        /* 100px - ширина кнопки меню */
        width: calc(100% - 20px - 100px);
    }
}
@media screen and (max-width: 639px){
    #search-result__desktop {
        left: 0;
        top: 60px;
        width: 100%;
        max-height: 60vh;
        z-index: 1;
        min-height: 300px;
    }
}

#search-result__desktop.hidden {
    display: none;
}

.live-search__item {
    display: block;

    margin: 10px;
    border-bottom: 1px solid rgb(128, 128, 129);
    padding-bottom: 5px;
}
#search-result__desktop .live-search__item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.live-search__item-name {
    font-size: 16px;
    margin-bottom: 5px;

    transition: color .3s;
}
@media screen and (hover: hover) {
    .live-search__item:hover .live-search__item-name {
        color: #e6252d;
    }
}

.live-search__item-desc {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}