/* ============ wyszukiwarka: podpowiedzi ============ */
.sl-search{position:relative;flex:1;min-width:0}
.sl-search__panel{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:var(--sl-surface);border:1px solid var(--sl-line);border-radius:var(--sl-r-card);box-shadow:var(--sl-shadow);max-height:min(70vh,540px);overflow:auto;overscroll-behavior:contain}
.sl-search__panel[hidden]{display:none}
.sl-search__head{font-family:var(--sl-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-muted);padding:10px 14px 6px;background:var(--sl-bg);border-bottom:1px solid var(--sl-line)}
.sl-search__group + .sl-search__group .sl-search__head{border-top:1px solid var(--sl-line)}
.sl-search__empty{padding:14px;font-size:14.5px;color:var(--sl-muted)}

.sl-sug{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;color:var(--sl-ink);border-top:1px solid var(--sl-soft);text-decoration:none}
.sl-sug:first-child{border-top:0}
.sl-sug:hover,.sl-sug.is-active{background:var(--sl-soft);color:var(--sl-navy);text-decoration:none}
.sl-sug__media{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--sl-line);border-radius:3px;overflow:hidden}
.sl-sug__media img{width:100%;height:100%;object-fit:contain}
.sl-sug__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.sl-sug__name{font-size:14.5px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-sug__sku{font-family:var(--sl-mono);font-size:11.5px;color:var(--sl-muted);letter-spacing:.02em}
.sl-sug__price{font-family:var(--sl-mono);font-size:12px;color:var(--sl-navy);text-align:right;white-space:nowrap}
.sl-sug--cat{grid-template-columns:minmax(0,1fr) auto}
.sl-sug--cat .sl-sug__name{font-weight:500}
.sl-sug__count{font-family:var(--sl-mono);font-size:11.5px;color:var(--sl-muted)}
.sl-sug--all{position:sticky;bottom:0;grid-template-columns:1fr;border-top:1px solid var(--sl-line);background:var(--sl-bg);padding:11px 14px}
.sl-sug--all .sl-sug__name{color:var(--sl-steel);font-weight:700;white-space:normal}
.sl-sug--all:hover .sl-sug__name,.sl-sug--all.is-active .sl-sug__name{color:var(--sl-navy)}

/* ============ strona wyników ============ */
.sl-results__count{font-size:15.5px;color:var(--sl-muted);margin-top:10px;max-width:80ch}
.sl-results__count b{font-family:var(--sl-mono);color:var(--sl-ink)}
.sl-results__count[hidden]{display:none}
.sl-results__q{word-break:break-word}
.sl-posts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sl-post{background:var(--sl-surface);border:1px solid var(--sl-line);border-radius:var(--sl-r-card);padding:16px 18px}
.sl-post__kind{font-family:var(--sl-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-muted)}
.sl-post__title{font-family:var(--sl-cond);font-size:22px;font-weight:700;line-height:1.1;margin:4px 0 6px}
.sl-post__title a{color:var(--sl-ink)}
.sl-post__title a:hover{color:var(--sl-steel)}
.sl-post p{font-size:15px;color:var(--sl-muted);margin:0}
.sl-empty{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start;margin-top:20px}
.sl-empty__tips{background:var(--sl-surface);border:1px solid var(--sl-line);border-radius:var(--sl-r-card);padding:22px}
.sl-empty__cats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.sl-empty__cats a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--sl-line);border-radius:var(--sl-r);background:#fff;color:var(--sl-navy);font-weight:600;font-size:14.5px}
.sl-empty__cats a:hover{border-color:var(--sl-navy);text-decoration:none}
.sl-empty__phone{display:inline-flex;align-items:center;gap:8px;font-family:var(--sl-mono);font-size:20px;font-weight:600;color:var(--sl-navy);margin-top:6px}
.sl-empty__phone:hover{color:var(--sl-steel);text-decoration:none}

@media (max-width:900px){
	/* panel nie może wystawać poza ekran, bo strona przewija się w bok */
	.sl-search__panel{left:0;right:0;top:calc(100% + 8px);border-left:0;border-right:0;border-radius:0;max-height:70vh}
	.sl-empty{grid-template-columns:1fr}
}
@media (max-width:560px){
	.sl-sug{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:7px 14px}
	.sl-sug__media{width:40px;height:40px}
	.sl-sug__name{font-size:14px}
	.sl-sug__sku{font-size:11px}
	/* cena nie może zjadać kolumny z nazwą, inaczej wiersz rośnie do trzech linii */
	.sl-sug__price{font-size:12px;text-align:right;white-space:normal;max-width:104px;line-height:1.25}
	.sl-sug--cat{grid-template-columns:minmax(0,1fr) auto}
	.sl-sug--all{grid-template-columns:1fr;padding:12px 14px}
	.sl-post__title{font-size:20px}
}