.predictive-search-container{position:relative;width:100%;margin-top:20px}.predictive-search{position:absolute;top:100%;left:0;width:100%;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #00000026;overflow-y:auto;z-index:1000;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.predictive-search.active{opacity:1;visibility:visible;transform:translateY(0)}.predictive-search__results{padding:20px}.predictive-search__heading{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}.predictive-search__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.predictive-search__item{display:flex;align-items:center;gap:15px;padding:10px;border-radius:8px;text-decoration:none;transition:all .2s}.predictive-search__item:hover{background:var(--color-background)}.predictive-search__image{width:60px;height:60px;object-fit:cover;border-radius:6px;background:var(--color-background)}.predictive-search__info{flex:1}.predictive-search__title{display:block;font-size:15px;font-weight:600;color:var(--color-text-main);margin-bottom:4px}.predictive-search__price{font-size:14px;color:var(--color-primary);font-weight:700}.predictive-search__all-link{display:block;padding:15px;text-align:center;font-weight:700;color:#fff;background:var(--color-primary);text-decoration:none;border-radius:0 0 12px 12px;transition:background .3s}.predictive-search__all-link:hover{background:var(--color-secondary)}.predictive-search__loading{padding:40px;text-align:center;display:none}.predictive-search.loading .predictive-search__loading{display:block}.predictive-search.loading .predictive-search__results{display:none}.spinner{width:30px;height:30px;border:3px solid var(--color-background);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.predictive-search{max-height:400px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/predictive-search.css.map */