.pcat-search { position: relative; max-width: 680px; }
.pcat-search label { display: block; margin-bottom: .4rem; font-weight: 600; }
.pcat-search__row { display: flex; gap: .5rem; }
.pcat-search__row input { min-width: 0; flex: 1; }
.pcat-suggestions { position: absolute; z-index: 9999; left: 0; right: 0; margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid #d6d6d6; box-shadow: 0 4px 12px rgba(0,0,0,.12); }
.pcat-suggestions-host { position: relative; }
.pcat-suggestions--generated { top: calc(100% + 4px); }
.pcat-suggestions:empty { display: none; }
.pcat-suggestions li { padding: .65rem .8rem; cursor: pointer; }
.pcat-suggestions li:hover { background: #f2f2f2; }
.pcat-message { margin-top: .75rem; }
.pcat-message--success { color: #18753c; }
.pcat-message--error { color: #b42318; }
@media (max-width: 520px) { .pcat-search__row { align-items: stretch; flex-direction: column; } }