/* Spiżarnia — Szukaj (makieta 19, system v2). Rząd pola z „Anuluj”, linia podpowiedzi, grupy wyników, mały przycisk dostawcy. */

.szukaj { display: flex; flex-direction: column; flex: 1; padding: 14px 0 0; }

/* pole 48 + „Anuluj” (btn--quiet: 14/600 olive, cel 48); pole ma fokus od razu po otwarciu */
.szukaj__head { display: flex; align-items: center; gap: 10px; padding: 0 16px; }
.szukaj__head .field { flex: 1; }
.szukaj__head .btn--quiet { margin-right: -8px; }
.szukaj__head .field--search:focus-within svg { color: var(--graphite); }

/* „Szukaj: przepis, produkt, dostawca” — widoczna także podczas pisania */
.szukaj__hint { padding: 4px 16px 0; }

/* wyniki: płaskie nagłówki grup, pierwszy bez odstępu */
.szukaj__results { padding-top: 6px; }
.szukaj__results .group-head--flat:first-child { margin-top: 0; }

/* wiersz dostawcy: link po prawej zamiast „−”, więc prawy margines jak lewy */
.szukaj__sup { padding-right: 16px; }

/* mały przycisk 36 (tint-yellow, 13/600) na celu 48: pseudoelement łapie kliknięcia 6 px nad i pod */
.btn--mini { position: relative; display: inline-flex; width: auto; min-height: 36px; padding: 0 12px; background: var(--tint-yellow); font-size: var(--fs-chip); flex: none; font-variant-numeric: tabular-nums; }
.btn--mini::before { content: ''; position: absolute; left: 0; right: 0; top: -6px; bottom: -6px; }