/* Profi System — пошук: підказки в шапці (.ps-sg) і блоки сторінки пошуку (.ps-sr-*). README — stacks/oc35/module/ps_search/ */
.ps-sg { position: absolute; top: 100%; left: 0; right: 0; z-index: 1050; max-height: 70vh; overflow-y: auto; background: #fff; border: 1px solid #e3e3e3;
  border-radius: 0 0 8px 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); padding: 6px 0; font-size: 14px; line-height: 1.35; text-align: left; }
.ps-sg[hidden] { display: none; }
.ps-sg a { display: flex; align-items: center; gap: 10px; padding: 7px 14px; color: #222; text-decoration: none; }
.ps-sg a:hover, .ps-sg a.is-active { background: #f3f4f6; }
.ps-sg a span { color: #888; }
.ps-sg-h { padding: 8px 14px 4px; font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: .03em; }
.ps-sg a.ps-sg-q span { color: #222; }
.ps-sg-q b { font-weight: 700; }
.ps-sg-p img { flex: none; width: 40px; height: 40px; object-fit: contain; }
.ps-sg-p > span { flex: 1; min-width: 0; color: #222; }
.ps-sg a .ps-sg-n { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; }
.ps-sg-p small { display: block; color: #888; }
.ps-sg-p small i { font-style: normal; }
.ps-sg-p small i.ps-in { color: #1a8a3a; }
.ps-sg-p > b { flex: none; white-space: nowrap; font-weight: 700; color: #222; }
.ps-sg-all { justify-content: center; font-weight: 600; border-top: 1px solid #eee; margin-top: 4px; }
@media (max-width: 767px) { /* на телефоні — на весь екран під полем (top ставить ps-search.js) */
  .ps-sg { position: fixed; left: 0; right: 0; bottom: 0; max-height: none; border-radius: 0; }
}
.ps-sr-fixed { margin: 0 0 12px; color: #555; }
.ps-sr-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.ps-sr-cats a { padding: 6px 12px; border: 1px solid #ddd; border-radius: 18px; color: #222; text-decoration: none; }
.ps-sr-cats a:hover { border-color: #999; }
.ps-sr-cats a span { color: #888; }
.ps-sr-pages { margin: 0 0 14px; }
.ps-sr-empty { margin: 8px 0 24px; }