.srch-page{padding:24px 0 70px}.srch-bar{background:var(--neu-bg,#efe9e2);max-width:640px;box-shadow:inset 4px 4px 11px var(--neu-dark,#a87c5466), inset -4px -4px 11px var(--neu-light,#ffffffe6);border-radius:14px;align-items:center;gap:10px;margin:0 auto 28px;padding:8px 8px 8px 16px;display:flex}.srch-bar svg{color:var(--np-soft);flex-shrink:0}.srch-bar input{min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px;color:var(--np-ink)!important}.srch-bar input::placeholder{color:#9c8f7e}.srch-bar button{background:var(--np-accent);cursor:pointer;border:0;border-radius:10px;flex:none;padding:10px 18px;font-size:14px;font-weight:800;color:#fff!important}.srch-head{margin:0 0 18px;font-size:18px;font-weight:800;color:var(--np-ink)!important}.srch-empty{text-align:center;color:var(--np-soft);padding:40px 0;font-size:15px}html.dark .srch-bar input{color:#ece7e1!important}.srch-box{position:relative}.srch-sugs{z-index:40;background:var(--neu-bg);box-shadow:8px 8px 24px var(--neu-dark), -8px -8px 24px var(--neu-light);border-radius:16px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.srch-sug{cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:9px 10px;transition:background .14s;display:flex}.srch-sug.is-active{background:#f973161f}.srch-sug img{object-fit:cover;border-radius:8px;flex:none;width:56px;height:40px}.srch-sug img:hover{transform:none!important}.srch-sug__txt{flex-direction:column;gap:2px;min-width:0;display:flex}.srch-sug__title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden;color:#14171c!important}.srch-sug__cat{font-size:.78rem;font-weight:600;color:#ea580c!important}html.dark .srch-sug__title{color:#ececec!important}html.dark .srch-sug.is-active{background:#f973162e}