.live-search{z-index:999;position:relative}
.live-search__ul{position:absolute;width:100%;max-height:80vh;overflow-y:auto;list-style:none;padding:15px;background:#fff;border-radius:3px;box-shadow:0 6px 12px rgba(0, 0, 0, .2)}
.live-search__ul::-webkit-scrollbar{width:2px;background:#eee; border-radius:2px}
.live-search__ul::-webkit-scrollbar-thumb{background-color:var(--btn-primary-bg);border-radius:2px}
.live-search__section{margin:0 0 10px;font-weight:700}
.live-search__category{margin:0 0 20px}
.live-search__category-item{display:inline-block;padding:0 15px 5px 0;font-size:.9em;font-weight:500;cursor:pointer}
.live-search__item{display:flex;align-items:center;padding:10px 0;cursor:pointer}
.live-search__section + .live-search__item{margin-top:-5px;}
.live-search__item:hover .live-search__name{color:var(--top-menu-bg); }
.live-search__item + .live-search__item {border-top:solid 1px #EEEEEE}
.live-search__image{padding:2px;width: 45px; height: 45px;border-radius: 10px;border: 1px solid #EEE;margin-right: 15px; min-width: max-content;}
@media(max-width: 768px) {
    .live-search__image {
        margin-right: 15px;
        width: 50px;
        height: 50px;
    }
}
.live-search__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.live-search__wrapper{width:100%;}
.live-search__name {
    transition: color 0.3s;
}
.live-search__name, .live-search__name span{font-size:14px;}
@media(max-width: 768px) {
    .live-search__name, .live-search__name span {
        font-size: 12px;
    }
}
.live-search__model {margin:-5px 0 5px;font-weight:500;font-size:.8em}
.live-search__description{color:#888;font-size:.85em}
.live-search__rating{margin:0 0 10px}
.live-search__price{flex-wrap:wrap;width:100px;white-space:nowrap}
.live-search__price span{display:block}
.live-search__more{justify-content:center;padding:10px 0 ;font-weight:500;line-height:1;border:none !important;background:#EEEEEE; border-radius: 3px}
.live-search__loading{height:34px}
.live-search__loading:before{position:absolute;top:50%;left:50%;display:block;width:20px;height:20px;margin:-10px auto auto -10px;content:'';border:solid 3px;border-color:#f6846a #f6846a transparent;border-radius:100%;animation:spin 1s infinite linear}

@media (max-width:768px){
    .live-search__ul{max-height:calc(100vh - 150px)}
    .live-search__description {display:none}
}