/* Wyszukiwarka npz.pl (81-wyszukiwarka-SPEC.md, makiety makiety-zrzuty/wyszukiwarka/C1, C2, wyniki-strona, A-telefon).
   Pole w pasku żyje WEWNĄTRZ .mainnav, a menu ma `.scrolled .mainnav a:not(.mainnav__cta):hover` (0,4,1) - dlatego linki okienka
   mają w selektorze :is(#site-header, body) (1,x,x), żeby żaden styl menu (kolor, wersaliki, kreska ::after) ich nie dosięgnął. */

/* ---------- belka: pole zamiast pozycji menu ---------- */
#site-header.szk-otwarte .mainnav > :not(.szk-pasek):not(.mainnav__cta){display:none}
/* menu rozciąga się na wolne miejsce między logo a CTA - inaczej pole wypycha CTA za prawą krawędź (pomiar 07.10) */
#site-header.szk-otwarte .mainnav{flex:1;min-width:0;justify-content:flex-end;margin-left:32px}
.szk-pasek{position:relative;flex:0 1 640px;min-width:0}
.szk-pasek__form{display:flex;align-items:center;gap:10px;height:54px;padding:0 10px 0 16px;background:#fff;
  border:2px solid var(--green-deep);border-radius:14px;box-shadow:0 10px 30px rgba(15,18,62,.12)}
.szk-ikona{display:grid;place-items:center;color:var(--green-deep);flex:none}
.szk-ikona svg{width:20px;height:20px}
.szk-pasek__pole{flex:1;min-width:0;border:0;outline:0;background:none;font-family:var(--body);font-size:17px;color:var(--navy)}
.szk-pasek__pole::placeholder{color:rgba(53,55,56,.6)}
.szk-pasek__pole::-webkit-search-cancel-button{display:none}
.szk-pasek__zamknij{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--hair);border-radius:9px;
  background:var(--bg-1);color:var(--navy);cursor:pointer}
.szk-pasek__zamknij svg{width:14px;height:14px}
.szk-pasek__zamknij:hover{border-color:var(--green-deep);color:var(--green-deep)}
.szk-pasek__pole:focus-visible{outline:none}
.szk-pasek__form:focus-within{box-shadow:0 0 0 4px rgba(104,180,45,.25),0 10px 30px rgba(15,18,62,.12)}

/* ---------- okienko pod polem ---------- */
.szk-okno{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:5;max-height:min(70vh, 620px);overflow:auto;
  padding:18px 18px 14px;background:#fff;border:1px solid var(--hair);border-radius:16px;box-shadow:0 22px 60px rgba(15,18,62,.22);
  text-align:left}
.szk-okno__grupa + .szk-okno__grupa{margin-top:16px}
.szk-okno__t{display:flex;justify-content:space-between;margin:0 0 10px;font-family:var(--mono);font-weight:400;font-size:11px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.szk-okno__t b{font-weight:500;color:var(--green-deep);letter-spacing:.1em}
.szk-okno__prody{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}
.szk-okno__lista{list-style:none;margin:0;padding:0}
.szk-okno__brak{margin:0 0 14px;font-family:var(--body);font-size:15px;color:var(--ink)}
.szk-pigulki{display:flex;flex-wrap:wrap;gap:10px}

/* linki okienka - (1,x,x), patrz nagłówek pliku */
:is(#site-header, body) .szk-pasek a{position:static;padding:0;font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:0;
  text-transform:none;color:var(--navy);text-decoration:none}
:is(#site-header, body) .szk-pasek a::after{display:none}
:is(#site-header, body) .szk-pasek a.szk-okno__prod{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;background:var(--bg-1)}
.szk-okno__prod img{width:64px;height:48px;object-fit:cover;border-radius:8px;flex:none;background:var(--bg-2)}
:is(#site-header, body) .szk-pasek .szk-okno__lista a{display:block;padding:10px 4px;border-bottom:1px solid var(--hair);line-height:1.4}
:is(#site-header, body) .szk-pasek a.szk-pigulka{padding:9px 16px;border:1px solid var(--hair);border-radius:999px;background:var(--bg-1)}
:is(#site-header, body) .szk-pasek a.szk-okno__wszystkie{display:flex;justify-content:space-between;align-items:center;margin-top:14px;
  padding:12px 14px;border-radius:12px;background:var(--green-pale);color:var(--green-deep);font-weight:700}
.szk-okno__wszystkie kbd{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;
  border:1px solid rgba(63,115,24,.35);border-radius:6px;background:#fff}
:is(#site-header, body) .szk-pasek a:hover,:is(#site-header, body) .szk-pasek a:focus-visible{color:var(--green-deep);outline:none}
:is(#site-header, body) .szk-pasek a:focus-visible{box-shadow:0 0 0 3px rgba(104,180,45,.45);border-radius:10px}
:is(#site-header, body) .szk-pasek a.szk-okno__prod:hover,:is(#site-header, body) .szk-pasek a.szk-pigulka:hover{background:var(--green-pale)}
.szk-pasek mark,.szk-wyniki mark{background:var(--green-pale);color:inherit;padding:0 2px;border-radius:3px}

/* ---------- telefon (≤ 980): pełny ekran ---------- */
.mainbar__szukaj{display:none}
@media (max-width:980px){
  .mainbar__szukaj{display:grid;place-items:center;width:46px;height:46px;margin-left:auto;margin-right:10px;
    border:1px solid rgba(255,255,255,.4);border-radius:11px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;flex:none}
  .mainbar__szukaj svg{width:20px;height:20px}
  .scrolled .mainbar__szukaj{border-color:var(--hair);background:var(--bg-1);color:var(--green-deep)}
}
.szk-blokada,.szk-blokada body{overflow:hidden}
.szk-pasek--pelny{position:fixed;inset:0;z-index:200;width:auto;padding:14px 16px;background:#fff;overflow:auto}
.szk-pasek--pelny .szk-okno{position:static;margin-top:14px;max-height:none;padding:4px 2px;border:0;box-shadow:none}
.szk-pasek--pelny .szk-okno__prody{grid-template-columns:1fr}

/* ---------- strona wyników (search.php) ---------- */
.szk-wyniki{padding-top:clamp(120px, 16vh, 160px)}
.szk-wyniki .sec-eyebrow{color:var(--green-deep);margin:0 0 14px}
.szk-wyniki__fraza{margin:0 0 10px;color:var(--navy);overflow-wrap:anywhere}
.szk-wyniki__ile{margin:0 0 26px;font-family:var(--body);font-size:16px;color:var(--ink)}
.szk-wyniki__form{display:flex;align-items:center;gap:12px;max-width:720px;height:56px;padding:0 18px;margin-bottom:24px;
  border:2px solid var(--green-deep);border-radius:14px;background:#fff}
.szk-wyniki__form > .szk-ikona{width:20px;height:20px;flex:none;color:var(--green-deep)}
.szk-wyniki__pole{flex:1;min-width:0;border:0;outline:0;background:none;font-family:var(--body);font-size:18px;color:var(--navy)}
.szk-wyniki__form:focus-within{box-shadow:0 0 0 4px rgba(104,180,45,.25)}
.szk-zakladki{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.szk-zakladka{padding:10px 18px;border:1px solid var(--hair);border-radius:999px;background:#fff;color:var(--navy);
  font-family:var(--btn);font-weight:700;font-size:14px;cursor:pointer}
.szk-zakladka b{font-weight:700}
.szk-zakladka.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.szk-zakladka:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.szk-grupa{margin-bottom:44px}
.szk-grupa[hidden]{display:none}
.szk-grupa__t{margin:0 0 16px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
.szk-prody{display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:20px;margin-bottom:20px}
.szk-lista{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid var(--hair)}
.szk-lista__poz a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid var(--hair);
  font-family:var(--body);font-size:17px;font-weight:600;color:var(--navy);text-decoration:none}
.szk-lista__poz a:hover .szk-lista__t{color:var(--green-deep)}
.szk-lista__typ{flex:none;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
[data-szk-reszta][hidden]{display:none}
@media (max-width:640px){
  .szk-lista__poz a{font-size:16px}
  .szk-lista__typ{display:none}
}