.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:var(--border-radius-1);box-shadow:0 6px 12px rgba(0, 0, 0, .2);animation:liveSearchFadeIn .16s ease-out}
.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{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700;color:var(--body-c)}
.live-search__section .fa{color:var(--primary)}
.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;border:1px solid transparent;border-radius:var(--border-radius-1);transition:all .15s ease-in-out}
.live-search__section + .live-search__item{margin-top:-5px;}
.live-search__item:hover{background:rgba(0, 0, 0, .02);border-color:rgba(0, 0, 0, .08);box-shadow:inset 3px 0 0 0 var(--primary)}
.live-search__item{opacity:0;transform:translateY(4px);animation:liveSearchItemIn .2s ease-out forwards}
.live-search__item:nth-child(1){animation-delay:.02s}
.live-search__item:nth-child(2){animation-delay:.04s}
.live-search__item:nth-child(3){animation-delay:.06s}
.live-search__item:nth-child(4){animation-delay:.08s}
.live-search__item:nth-child(5){animation-delay:.1s}
.live-search__item:nth-child(6){animation-delay:.12s}
.live-search__item:nth-child(7){animation-delay:.14s}
.live-search__item:nth-child(8){animation-delay:.16s}
.live-search__item:nth-child(9){animation-delay:.18s}
.live-search__item:nth-child(10){animation-delay:.2s}
.live-search__item:nth-child(11){animation-delay:.22s}
.live-search__item:nth-child(12){animation-delay:.24s}
.live-search__item:nth-child(n+13){animation-delay:.26s}
.live-search__image{padding:0 10px;text-align:center}
.live-search__wrapper{width:100%;padding:0 10px}
.live-search__name, .live-search__name span{font-size:.9em;font-weight:700 !important;color:var(--a-c)}
.live-search__model {margin:5px 0 0;font-size:.8em;color:var(--body-c)}
.live-search__name mark,.live-search__model mark{padding:0 2px;color:inherit;background:#fff3b0;border-radius:3px}
.live-search__stock{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:2px 8px;font-size:.75em;font-weight:600;border-radius:999px}
.live-search__stock.in-stock{color:#146c2e;background:#e8f7ec}
.live-search__stock.out-of-stock{color:#8f3c07;background:#fff1e7}
.live-search__rating{min-height:0 !important;margin:10px 0 0}
.live-search__rating .rating{min-height:0 !important;margin:0 !important}
.live-search__price{flex-wrap:wrap;width:100px;padding:0 10px;white-space:nowrap}
.live-search__price span{display:block}
.live-search__price .price-new{margin:0}
.live-search__more{justify-content:center;padding:5px 0;font-weight:500;line-height:30px;border:none !important;background:#f7f7f7}
.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}

@keyframes liveSearchFadeIn{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
}

@keyframes liveSearchItemIn{
    from{opacity:0;transform:translateY(4px)}
    to{opacity:1;transform:translateY(0)}
}

@media (prefers-reduced-motion: reduce){
    .live-search__ul,
    .live-search__item{
        animation:none !important;
        transition:none !important;
        opacity:1;
        transform:none;
    }
}

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