.live-search{z-index:999;position: absolute;left: 0;right: 0;}

.live-search .search-btn-clear{display:block!important;top: 14px; right: 140px;}


.live-dark{position: fixed;left: 0;height: 100vh;width: 100vw;background: #000;opacity: 0.5;z-index: 0;}
.live-search__ul{position:absolute;width:100%;max-height:80vh;overflow-y:auto;list-style:none;padding:15px;background:#fff;border-radius:0 0 4px 4px;box-shadow:1px 4px 5px rgb(0 0 0 / 20%)}
.live-search__ul::-webkit-scrollbar{width:8px;background:#eee;border-radius:4px}
.live-search__ul::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}
.live-search__section{margin:0 0 10px;text-align: center;font-weight: 500;}
.live-search__category{margin:0 0 20px;text-align: center;}
.live-search__category-item{display:inline-block;padding:0 15px 5px 0;color: #555;cursor:pointer}
.live-search__item{display:flex;align-items:center;padding:10px;width: 40%;
    margin: 0 auto;cursor:pointer}
.live-search__section + .live-search__item{margin-top:-5px;}
.live-search__item:hover{background:#f7f7f7}
.live-search__image{padding:0 10px;text-align:center}
.live-search__wrapper{width:100%;padding:0 10px}
.live-search__name, .live-search__name span{margin:0 0 10px;}
.live-search__model {margin:-5px 0 5px;color: #777;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;justify-content:center;white-space:nowrap}
.live-search__price span{display:block}
.live-search__more{justify-content:center;padding:5px 0;line-height:30px; background: #303030;border-radius: 4px;border: 1px solid #303030;margin: 20px auto;width: 20%;}
.live-search__more:hover{background: #202020;} 
.live-search__more a{color:#fff;font-size: 0.98em;}
.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 1px;border-color:#303030 #303030 transparent;border-radius:100%;animation:spin 1s infinite linear}


@media (max-width:768px){
    .live-search__ul{max-height:calc(100vh - 150px);box-shadow:none}
    .live-search__description {display:none}
    .live-search{top: 55px;}
    .live-search__item{width:100%;}
    .live-search .live-dark{background: #fff;}
}

@media (min-width:350px) and (max-width:992px){
.live-search__ul{box-shadow:none;}
}