/* Z203 (F2) — strony informacyjne katalogu pzhgp.net w stylu F: „Chcę zacząć hodować” (/zacznij), „Jak sprawdzamy adresy”
   (/jak-sprawdzamy), „Nie znaleziono” (404). Bez makiety F — spójne z wizytówką i planszą okręgu (kroje, linie, przyciski, odstępy). */
.sciezka { font: 400 15px/1.5 var(--f-t); color: var(--muted); padding-top: 24px; }
.sciezka a { color: var(--ink-2); } .sciezka span { color: var(--ink); font-weight: 600; }
.info { padding-bottom: 40px; }
.i-gl { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 0 80px; align-items: end; padding: 18px 0 34px; border-bottom: 1.5px solid var(--ink); }
.i-gl .nadtytul { margin: 12px 0 0; }
.info h1 { font: 400 64px/1.02 var(--f-d); letter-spacing: -.025em; margin: 16px 0 0; font-variation-settings: "opsz" 144; max-width: 13em; }
.lead { font: 400 21px/1.55 var(--f-d); color: var(--ink-2); margin: 18px 0 0; max-width: 34em; }
.i-spis ol { list-style: none; margin: 8px 0 0; padding: 0; border-top: 1.5px solid var(--ink); }
.i-spis li { border-bottom: .5px solid var(--line); }
.i-spis a { display: flex; gap: 14px; align-items: center; min-height: 50px; font: 500 17px/1.3 var(--f-t); color: var(--ink); text-decoration: none; }
.i-spis a span { font: italic 500 17px var(--f-d); color: var(--red); min-width: 20px; }
.i-spis a:hover { color: var(--red); }
.i-uwaga { margin: 30px 0 0; padding: 16px 20px; border-left: 4px solid var(--red); background: rgba(251, 248, 241, .6); font: 400 17px/1.55 var(--f-t); color: var(--ink-2); max-width: 880px; }
.i-uwaga b { color: var(--ink); }

/* kroki */
.i-kroki { list-style: none; margin: 40px 0 0; padding: 0; }
.i-kroki > li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 0 26px; position: relative; padding-bottom: 52px; }
.i-kroki > li::before { content: ""; position: absolute; left: 21px; top: 50px; bottom: 6px; border-left: 1px dashed var(--ink-3); }
.i-kroki > li:last-child::before { display: none; }
.i-n { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--red); color: var(--red); display: grid; place-items: center; font: italic 500 22px var(--f-d); background: var(--paper); position: relative; z-index: 1; }
.i-kroki h2 { font: 400 34px/1.15 var(--f-d); margin: 2px 0 10px; letter-spacing: -.01em; }
.i-kroki p { margin: 0; font: 400 18px/1.6 var(--f-t); color: var(--ink-2); max-width: 40em; }
.i-blisko { position: relative; z-index: 2; background: var(--paper); padding-bottom: 6px; margin-top: 22px; padding-top: 18px; border-top: 1.5px solid var(--ink); max-width: 1040px; }
.i-pole { display: flex; margin-top: 8px; max-width: 640px; border: 2px solid var(--ink); background: var(--karta); }
.i-pole input { flex: 1; min-width: 0; border: 0; background: transparent; font: 400 22px var(--f-d); color: var(--ink); padding: 0 14px; min-height: 60px; outline: none; }
.i-pole:focus-within { box-shadow: 0 0 0 4px rgba(176, 48, 26, .14); }
.i-pole .btn { min-height: 60px; border: 0; padding: 0 22px; }
.i-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 10px 0 0; font: 400 15px/1.45 var(--f-t); color: var(--muted); }
.i-alt .lnk { background: none; border: 0; padding: 0; cursor: pointer; }
.i-alt #gdzie-p { flex-basis: 100%; }
.i-od { margin: 18px 0 8px; font: italic 400 17px/1.5 var(--f-d); color: var(--ink-2); }
.i-od:empty { display: none; }
.i-wyn { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 36px; align-items: start; }
.i-wyn:has(.i-mapka[hidden]) { grid-template-columns: minmax(0, 1fr); }
.i-najbl { list-style: none; margin: 0; padding: 0; }
.i-najbl:empty { display: none; }
.i-najbl a { display: grid; grid-template-columns: 112px minmax(0, 1fr) 22px; gap: 2px 18px; align-items: center; min-height: 80px; padding: 12px 0; border-top: .5px solid var(--line); text-decoration: none; color: var(--ink); }
.i-najbl li:last-child a { border-bottom: .5px solid var(--line); }
.i-najbl .km { font: 300 36px/1 var(--f-d); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -.02em; }
.i-najbl .km small { display: block; font: 400 13.5px/1.3 var(--f-t); color: var(--muted); letter-spacing: 0; margin-top: 4px; }
.i-najbl b { display: block; font: 500 21px/1.2 var(--f-d); }
.i-najbl .o { display: block; font: 400 15px/1.4 var(--f-t); color: var(--ink-2); margin-top: 2px; overflow-wrap: anywhere; }
.i-najbl .stan { margin-top: 4px; }
.i-najbl a:hover b { color: var(--red); }
.i-mapka { margin: 0; }
.i-mapka figcaption { font: italic 400 14px/1.5 var(--f-d); color: var(--muted); margin-top: 6px; }
.i-maly { margin: 14px 0 0; font: 400 15px/1.5 var(--f-t); color: var(--muted); }
.i-maly a { color: var(--ink); font-weight: 600; }

/* pytania */
.i-faq { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 0 80px; margin-top: 20px; padding-top: 34px; border-top: 1.5px solid var(--ink); align-items: start; }
.i-faq h2 { font: 400 40px/1.1 var(--f-d); margin: 0 0 18px; letter-spacing: -.015em; }
.i-faq details { border-top: .5px solid var(--line); }
.i-faq details:last-of-type { border-bottom: .5px solid var(--line); }
.i-faq summary { list-style: none; display: flex; justify-content: space-between; gap: 20px; align-items: center; min-height: 64px; padding: 12px 0; font: 500 21px/1.3 var(--f-d); cursor: pointer; }
.i-faq summary::-webkit-details-marker { display: none; }
.i-faq summary:hover { color: var(--red); }
.i-faq details p { margin: 0; padding: 0 0 20px; font: 400 17.5px/1.6 var(--f-t); color: var(--ink-2); max-width: 40em; }
.i-faq .plus { width: 18px; height: 18px; flex: none; position: relative; }
.i-faq .plus::before, .i-faq .plus::after { content: ""; position: absolute; left: 0; right: 0; top: 8px; border-top: 1.5px solid var(--ink); }
.i-faq .plus::after { transform: rotate(90deg); }
.i-faq details[open] .plus::after { display: none; }
.i-panel h3 { font: 400 26px/1.15 var(--f-d); margin: 0 0 8px; }
.i-panel p { margin: 0 0 16px; font: 400 16.5px/1.55 var(--f-t); color: var(--ink-2); }

/* jak sprawdzamy */
.i-fakty { margin: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1.5px solid var(--ink); }
.i-fakty div { padding: 10px 14px 12px 0; border-bottom: .5px solid var(--line); }
.i-fakty div:nth-child(even) { padding-left: 14px; border-left: .5px solid var(--line); }
.i-fakty dt { font: 600 11.5px/1.3 var(--f-t); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.i-fakty dd { margin: 4px 0 0; font: 400 19px/1.3 var(--f-d); }
.i-tresc { max-width: 820px; }
.i-tresc section { padding: 30px 0 4px; border-bottom: .5px solid var(--line); }
.i-tresc section:last-child { border-bottom: 0; }
.i-tresc h2 { font: 400 32px/1.15 var(--f-d); margin: 0 0 12px; letter-spacing: -.01em; }
.i-tresc p { margin: 0 0 16px; font: 400 18px/1.65 var(--f-t); color: var(--ink-2); }
.i-tresc b { color: var(--ink); }
.i-tresc code { font: 500 15.5px var(--f-t); background: var(--karta); border: .5px solid var(--line); padding: 1px 6px; overflow-wrap: anywhere; }
.i-tresc a:not(.btn) { color: var(--ink); font-weight: 600; }
.i-lista { margin: 0 0 18px; padding-left: 26px; font: 400 18px/1.6 var(--f-t); color: var(--ink-2); }
.i-lista li { padding: 6px 0; }
.i-lista li::marker { font: italic 500 18px var(--f-d); color: var(--red); }
.i-myslnik { list-style: none; margin: 0 0 18px; padding: 0; font: 400 18px/1.6 var(--f-t); color: var(--ink-2); }
.i-myslnik li { padding: 5px 0 5px 26px; position: relative; }
.i-myslnik li::before { content: "—"; position: absolute; left: 0; color: var(--red); }

/* 404 */
.i404 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 0 80px; padding: 30px 0 40px; align-items: start; }
.i-szuk { margin-top: 28px; }
.i-wyniki { list-style: none; margin: 10px 0 0; padding: 0; }
.i-wyniki a { display: grid; grid-template-columns: 4em minmax(0, 1fr) 22px; gap: 2px 14px; align-items: center; min-height: 60px; padding: 10px 0; border-bottom: .5px solid var(--line); text-decoration: none; color: var(--ink); font: 500 19px/1.25 var(--f-d); }
.i-wyniki .nr { font: 400 24px/1 var(--f-d); font-variant-numeric: tabular-nums lining-nums; }
.i-wyniki small { display: block; font: 400 14.5px/1.4 var(--f-t); color: var(--ink-2); }
.i-dalej { list-style: none; margin: 40px 0 0; padding: 0; border-top: 1.5px solid var(--ink); }
.i-dalej a { display: block; padding: 14px 0; border-bottom: .5px solid var(--line); font: 500 20px/1.25 var(--f-d); color: var(--ink); text-decoration: none; }
.i-dalej a small { display: block; font: 400 15px/1.4 var(--f-t); color: var(--muted); margin-top: 3px; }
.i-dalej a:hover { color: var(--red); }

@media (max-width: 1180px) {
  .i-gl, .i-faq, .i404 { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .i-wyn { grid-template-columns: minmax(0, 1fr); }
  .i-mapka { max-width: 480px; }
}
@media (max-width: 860px) {
  .sciezka { padding-top: 14px; }
  .info h1 { font-size: 40px; }
  .lead { font-size: 18.5px; }
  .i-kroki > li { grid-template-columns: 40px minmax(0, 1fr); gap: 0 14px; padding-bottom: 40px; }
  .i-kroki > li::before { left: 19px; top: 44px; }
  .i-n { width: 38px; height: 38px; font-size: 19px; }
  .i-kroki h2 { font-size: 27px; }
  .i-kroki p { font-size: 17.5px; }
  .i-blisko { margin-left: -54px; }
  .i-pole input { font-size: 20px; min-height: 56px; }
  .i-pole .btn { min-height: 56px; padding: 0 14px; }
  .i-najbl a { grid-template-columns: 84px minmax(0, 1fr) 18px; gap: 2px 12px; align-items: start; }
  .i-najbl .km { font-size: 28px; }
  .i-najbl b { font-size: 20px; }
  .i-mapka { display: none; }
  .i-faq h2 { font-size: 32px; }
  .i-faq summary { font-size: 19.5px; }
  .i-fakty { grid-template-columns: minmax(0, 1fr); }
  .i-fakty div:nth-child(even) { padding-left: 0; border-left: 0; }
  .i-tresc h2 { font-size: 27px; }
  .i-tresc p, .i-lista, .i-myslnik { font-size: 17.5px; }
  .i404 { padding-top: 14px; }
}