.sp-wrapper{width:100%;max-width:560px;position:relative}.sp-form{background:#fff;border:1.5px solid #d0d7e8;border-radius:999px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.sp-form:focus-within{border-color:#3d5a9e;box-shadow:0 0 0 3px #3d5a9e1f}.sp-input{color:#1f2430;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.6rem 1rem;font-family:inherit;font-size:.95rem}.sp-input::placeholder{color:#9aa3b8}.sp-input::-webkit-search-cancel-button{-webkit-appearance:none}.sp-btn{color:#fff;cursor:pointer;background:#0c1e45;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:3px;transition:background .2s;display:flex}.sp-btn:hover{background:#1a3a7a}.sp-btn:focus-visible{outline-offset:2px;outline:2px solid #5f6ca3}.sp-dropdown{z-index:var(--z-dropdown);scroll-behavior:smooth;background:#fff;border:1px solid #dde3f0;border-radius:12px;max-height:min(540px,50dvh);margin:0;padding:.4rem 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px #0c1e451f}.sp-item{cursor:pointer;align-items:center;gap:.9rem;padding:.75rem 1.1rem;transition:background .15s;display:flex}.sp-item:hover,.sp-item--active{background:#f0f4ff}.sp-item-img{object-fit:cover;border:1px solid #e8ecf5;border-radius:8px;flex-shrink:0;width:68px;height:52px}.sp-item-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sp-item-title{color:#0c1e45;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sp-item-price{color:#e05c1a;font-size:.8rem;font-weight:500}.sp-empty{text-align:center;color:#6b7a9e;z-index:var(--z-dropdown);background:#fff;border:1px solid #dde3f0;border-radius:12px;padding:1rem;font-size:.9rem;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 28px #0c1e451a}