/* plota.eu — dział „Nekrologi”, wygląd „Noc w Mediolanie” z jasnymi wstawkami (21.10.2026, wariant P1 „papier pod spodem”):
   ciemna góra ze świecą, pas „Pogrzeby dziś i jutro”, karta „Pogrzeb” i stopka na graficie; listy, treść, kreator i poradnik na papierze.
   Kolory w zmiennych: strona = papier, .ciemne (i góra, stopka, karta pogrzebu) podmienia je na grafit — każdy element sam się dopasowuje.
   Pismo: Bodoni Moda TYLKO w dużych tytułach i godzinach (≥ 1,7 rem), wszystko inne Albert Sans — czytelnie także dla starszych.
   Wszystkie rozmiary w rem — „A+” powiększa całą stronę (html.duzy). Telefon wg praktyk portalu: pola 16 px, dotyk ≥ 44 px, mapa na cały
   ekran z kartami na dole i „←”/wstecz. Strona nekrologu na telefonie: układ z PDF właściciela „czytelność dla seniorów”. */
@font-face{font-family:'Bodoni Moda';src:url(../fonts/bodoni.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url(../fonts/bodoni-i.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Albert Sans';src:url(../fonts/albert.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{
  /* papier (domyślnie) */
  --bg:#f6f4ef;--pow:#ffffff;--pow2:#efece5;--tx:#1d2026;--tx2:#3d4046;--mu:#585b61;
  --zl:#7d5f2e;--zl2:#5f4720;--zl-s:rgba(138,106,53,.1);
  --hl:rgba(29,32,38,.12);--hl2:rgba(29,32,38,.26);
  /* złoto do wypełnień (przyciski, zaznaczenia) — takie samo na papierze i graficie */
  --zlf:#dcb97e;--zlf2:#ebcd96;--na-zl:#17140f;
  --ok:#1f6b47;--ok-s:#e7f3ec;--warn:#7a5200;--warn-s:#fbf1d8;--err:#b3261e;--err-s:#fbe9e7;
  --disp:'Bodoni Moda','Bodoni 72',Didot,'Times New Roman',serif;--ui:'Albert Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
/* grafit: góra, pas pogrzebów, karta „Pogrzeb”, stopka */
.ciemne,.pas,.stopka,.nk-pog{
  --bg:#15171b;--pow:#1c1f24;--pow2:#24282f;--tx:#ece8e0;--tx2:#c9c5bc;--mu:#9b978e;
  --zl:#dcb97e;--zl2:#ebcd96;--zl-s:rgba(220,185,126,.12);--hl:rgba(255,255,255,.1);--hl2:rgba(255,255,255,.22);
  --ok:#93d1ac;--ok-s:rgba(147,209,172,.09);--warn:#e9c46c;--warn-s:rgba(233,196,108,.09);--err:#f2948a;--err-s:rgba(242,148,138,.09);
  color-scheme:dark;background:var(--bg);color:var(--tx);
}
*{box-sizing:border-box}
[hidden]{display:none!important}   /* ukryte zawsze ukryte — klasa z „display” nie może go odkryć */
/* czytelność dla starszych osób (21.10.2026): tekst bazowy 17 px, „A+” — 20 px; drobne etykiety nie mniejsze niż ~13 px */
html{font-size:17px;-webkit-text-size-adjust:100%}
html.duzy{font-size:20px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1rem/1.6 var(--ui);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}
main{flex:1}
a{color:inherit}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--zl);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.ik{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}
.ik.p{fill:currentColor;stroke:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.serif{font-family:var(--disp)}
.et{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--zl);font-weight:600;margin:0 0 .8rem}
.muted{color:var(--mu);font-size:.9rem}
.muted a{color:inherit}

/* trzy osobne belki (właściciel 22.10.2026: „sekcje się zlewają — to musi być osobna belka”, wariant H1):
   najciemniejszy pasek „← plota.eu · data”, menu na graficie, nagłówek strony (okruszki, tytuł, szukaczka) na jaśniejszym graficie */
.pas{--bg:#17191e;border-bottom:1px solid rgba(255,255,255,.07)}
.mb{background:#0a0b0d;border-bottom:1px solid rgba(255,255,255,.06);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.pas-gl{--bg:#252830;--pow:#2c3038;--pow2:#33373f;--hl:rgba(255,255,255,.12);--hl2:rgba(255,255,255,.26);background:var(--bg);border-top:1px solid rgba(255,255,255,.08)}
.pas-gl .bohater{border-top:0}
.mb .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:2.4rem}
.do-ploty{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--mu);min-height:2.4rem}
.do-ploty:hover{color:var(--tx)}
.do-ploty b{font-weight:700;letter-spacing:0;text-transform:none;font-size:.9rem;color:var(--tx)}
.do-ploty b i{color:#7b90ef;font-style:normal}
.nv{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding-top:1.1rem;padding-bottom:1.1rem}
.mn{display:flex;gap:1.5rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.mn a{text-decoration:none;color:var(--tx2);padding:.6rem 0;border-bottom:1px solid transparent}
.mn a:hover,.mn a[aria-current]{color:var(--tx);border-bottom-color:var(--zl)}
.marka{display:grid;justify-items:center;line-height:1;text-decoration:none;color:var(--tx)}
.marka i{font:italic 400 2.35rem/1 var(--disp)}
.marka span{font-size:.6rem;letter-spacing:.32em;margin-top:.5rem;padding-left:.32em;color:var(--mu);white-space:nowrap}
.nv-p{justify-self:end;display:flex;align-items:center;gap:.6rem}
.aa{min-width:2.75rem;height:2.75rem;border:1px solid var(--hl2);background:none;color:var(--tx);font-weight:700;font-size:.92rem;cursor:pointer;border-radius:0}
.aa:hover{border-color:var(--tx)}
.aa[aria-pressed=true]{background:var(--tx);color:var(--bg);border-color:var(--tx)}

/* przyciski: złoty (główny), złoty obrys, cichy obrys — co najmniej 44 px wysokości */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1.2rem;font-weight:600;font-size:.84rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;line-height:1.2;white-space:nowrap;border-radius:0;background:none;color:var(--tx)}
.btn-z,.btn-c{background:var(--zlf);color:var(--na-zl);border-color:var(--zlf)}
.btn-z:hover,.btn-c:hover{background:var(--zlf2);border-color:var(--zlf2)}
.btn-o,.btn-j{border-color:var(--zl);color:var(--zl)}
.btn-o:hover,.btn-j:hover{background:var(--zl-s)}
.btn-l{border-color:var(--hl2);color:var(--tx)}
.btn-l:hover{border-color:var(--tx)}
.btn-m{padding:.55rem .95rem;font-size:.8rem}
.btn[disabled]{opacity:.6;cursor:wait}

/* bohater (strona główna działu): świeca po lewej wtapia się w grafit, tytuł i szukajka po prawej */
.bohater{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:29rem;border-top:1px solid var(--hl)}   /* szersza kolumna tekstu — skróty w 2 rzędach (22.10.2026) */
.boh-img{display:block;position:relative;min-height:100%}
.boh-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 50%;-webkit-mask-image:linear-gradient(270deg,transparent,#000 32%);mask-image:linear-gradient(270deg,transparent,#000 32%)}
.boh-t{align-self:center;padding:3.2rem 28px 3.2rem 2.5rem;max-width:720px}
.bohater h1{font:400 3.1rem/1.06 var(--disp);margin:0;letter-spacing:-.01em;text-wrap:balance}
.boh-o{color:var(--tx2);margin:1rem 0 1.7rem;max-width:34em}
/* szukajka nekrologów na stronie głównej — ten sam kształt co szukaczka S1 (białe zaokrąglone pole, „Szukaj” w środku) */
.szukaj{display:flex;align-items:center;gap:.6rem;background:#fff;border:2px solid transparent;border-radius:999px;padding:.35rem .35rem .35rem 1.2rem;max-width:580px;box-shadow:0 10px 30px -12px rgba(0,0,0,.55)}
.szukaj:focus-within{border-color:var(--zlf);box-shadow:0 0 0 4px rgba(220,185,126,.28),0 10px 30px -12px rgba(0,0,0,.55)}
.szukaj .ik{color:#6d685d;width:1.3rem;height:1.3rem}
.szukaj input{flex:1;min-width:0;border:0;background:none;outline:none;padding:.75rem 0;font-size:max(1.08rem,16px);color:#1d2026}
.szukaj input::placeholder{color:#76726a}
.szukaj .btn{border-radius:999px;min-height:3rem;padding:0 1.5rem;font-size:1rem;letter-spacing:0;text-transform:none;font-weight:700}
/* skróty: zaokrąglone przyciski z ikoną (22.10.2026) — jak szukaczka S1, dotyk ≥ 44 px */
/* zwarte (właściciel: „zbyt rozciągnięte na wysokość”) — 2 rzędy zamiast 3 */
.skroty{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.skroty a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.35rem;padding:0 .85rem;border:1px solid var(--hl2);border-radius:999px;background:rgba(255,255,255,.04);color:var(--tx2);font-size:.88rem;line-height:1.2;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.skroty a .ik{color:var(--zl);width:.95rem;height:.95rem}
.skroty a:hover{border-color:var(--zl);color:var(--tx);background:var(--zl-s)}
.skroty a:first-child{border-color:var(--zl);color:var(--tx)}

/* nagłówek podstron (na graficie) + okruszki */
.okr{font-size:.8rem;color:var(--mu);padding:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem}
.okr a{text-decoration:none;color:var(--mu)}
.okr a:hover{color:var(--tx)}
.naglowek{padding:1.2rem 0 2.2rem}
.naglowek .et{margin-bottom:.6rem}
.naglowek h1{font:400 2.7rem/1.08 var(--disp);margin:0;text-wrap:balance}
.naglowek p{margin:.7rem 0 0;color:var(--tx2);max-width:44em}

/* treść (na papierze) */
.tresc{padding:2.8rem 0 4.5rem}
.siatka{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:3.5rem}
.siatka>*{min-width:0}
.sekcja{margin:0 0 3.4rem}
.sekcja h2{font:400 2.2rem/1.1 var(--disp);margin:0 0 1.2rem}
.sekcja h2 i{color:var(--zl)}
.sekcja h2 small{font:400 .84rem var(--ui);color:var(--mu);margin-left:.6rem}
.sh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1.2rem}
.sh h2{margin:0}
.sh>a{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding:.4rem 0 2px;color:var(--tx2)}
.sh>a:hover{color:var(--tx)}
.pusto{color:var(--mu);padding:1rem 0;border-top:1px solid var(--hl);border-bottom:1px solid var(--hl)}

/* pas „Pogrzeby dziś i jutro” (grafit, strona główna działu) — kolumny z wielką godziną */
.pas-pg{padding:2.8rem 0 3rem}
.pas-pg .sekcja{margin:0}
.pgk{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));border-top:1px solid var(--tx);overflow:hidden}
.pk{display:grid;gap:.3rem;align-content:start;padding:1.4rem 1.4rem 1.6rem;margin-left:-1px;border-left:1px solid var(--hl);border-bottom:1px solid var(--hl);text-decoration:none}
.pk:hover .pk-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pk-d{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--zl);font-weight:600}
.pk-t{font:400 3.4rem/1 var(--disp);color:var(--zl);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em}
.pk-n{font-weight:600;font-size:1.12rem;line-height:1.3;margin-top:.5rem}
.pk-m{color:var(--mu);font-size:.9rem}
.pk-n .muted,.pg .muted{white-space:nowrap;font-weight:400}
.pk-r{color:var(--tx2);font-size:.92rem;margin-top:.35rem}
.pk-g{font-weight:600;font-size:1.08rem;line-height:1.3}
.pk .pk-n{font-weight:400;font-size:.98rem;color:var(--tx2);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--hl)}
.pk-dz{display:inline-flex;align-items:center;gap:.35rem;align-self:start;font-weight:600;font-size:.94rem;color:var(--zl);margin-top:.15rem}
.pk-dz .ik{width:1rem;height:1rem}
.mf-pas{background:var(--pow);border-color:var(--hl);border-top-color:var(--zlf);margin:0 0 1.2rem}
.pgk .pk[hidden]{display:none}

/* pogrzeby — wiersze (godzina · osoba · miejsce) */
.pg{display:grid;grid-template-columns:5.2rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.95rem 0;border-bottom:1px solid var(--hl);text-decoration:none}
.pg:first-of-type{border-top:1px solid var(--hl)}
.pg-t{font:400 1.75rem/1 var(--disp);color:var(--zl);font-variant-numeric:lining-nums tabular-nums}
.pg-t small{display:block;font:600 .74rem var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-top:.4rem}
.pg-n{display:block;font-size:.98rem;line-height:1.35;color:var(--tx2);margin-top:.2rem}
.pg-n .muted{font-weight:400}
.pg-gdz{display:block;font-weight:600;font-size:1.08rem;line-height:1.3}
.pg-m{display:block;color:var(--mu);font-size:.9rem;margin-top:.1rem}
.pg-dz{color:var(--zl);font-weight:600}
.pg-m span+span::before{content:'· ';color:var(--mu);font-weight:400}
.pg:hover .pg-gdz{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pg-s{color:var(--mu)}
.dzien{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin:2rem 0 .7rem;font-weight:600}

/* nekrologi — wiersze z miniaturą zdjęcia albo krzyżykiem */
.karty{display:grid;border-top:1px solid var(--hl)}
.kl{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:1.1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--hl);text-decoration:none}
.kl:hover .kl-n{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.kl-f{width:3.4rem;height:4.3rem;background:var(--pow2);display:grid;place-items:center;color:var(--mu);overflow:hidden}
.kl-f img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.kl-f .krz{width:.75rem;height:1.15rem}
.kl-n{font-weight:600;font-size:1.1rem;line-height:1.3;margin:0}
.kl-l{display:block;color:var(--tx2);font-size:.9rem;font-variant-numeric:tabular-nums}
.kl-p{display:block;color:var(--mu);font-size:.88rem;margin-top:.15rem}
.kl-p b{color:var(--tx2);font-weight:600}
.kl-p b::before{content:' · ';color:var(--mu);font-weight:400}
.kl-dz{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--zl);font-weight:600;margin-bottom:.15rem}
.kl-dz .ik{width:.9rem;height:.9rem}
.kl-s{color:var(--mu)}
.wiecej{margin-top:1.5rem}

/* panel boczny */
.bok>*+*{margin-top:1.2rem}
.box{border:1px solid var(--hl);padding:1.3rem;background:var(--pow)}
.box h3{font-weight:600;font-size:1.12rem;line-height:1.3;margin:0 0 .5rem}
.box p{margin:0 0 1rem;color:var(--tx2);font-size:.94rem}
.box-c{border-top:2px solid var(--zlf)}
.lista{list-style:none;margin:0;padding:0}
.lista li{border-top:1px solid var(--hl)}
.lista li:first-child{border-top:0}
.lista a{display:flex;justify-content:space-between;gap:10px;padding:.65rem 0;text-decoration:none;font-size:.94rem}
.lista a:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.lista small{color:var(--mu);white-space:nowrap}
.kroki-info{margin:0;padding-left:1.2rem;color:var(--tx2);font-size:.94rem}
.kroki-info li{margin:.3rem 0}

/* wyniki szukajki (przeglądarka) */
.wyniki{background:var(--pow);border-bottom:1px solid var(--hl)}
.wyniki .wrap{padding-top:1.4rem;padding-bottom:1.7rem}
.wyniki[hidden]{display:none}
.wyn-g{font-size:.9rem;color:var(--mu);margin:0 0 .6rem}
mark{background:var(--zl-s);color:inherit;padding:0 1px;box-shadow:inset 0 -2px 0 var(--zlf)}

/* ---------- strona nekrologu (układ z PDF właściciela) ---------- */
.pasek-nk{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.9rem 0}
.pasek-nk .okr{padding:0}
.pasek-nk .wroc{display:none}
.wroc{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--tx2);font-size:.95rem;min-height:2.75rem}
.wroc:hover{color:var(--tx)}
.nk{display:grid;grid-template-columns:minmax(0,1fr) 24rem;gap:3.5rem;align-items:start}
.nk-l{min-width:0}
.nk-bok{display:grid;gap:1.4rem;min-width:0}
.nk-glowa{text-align:center;padding:.4rem 0 2.2rem;display:grid;justify-items:center;gap:.15rem}
.nk-glowa img{width:7rem;height:8.75rem;object-fit:cover;filter:grayscale(1);margin-bottom:1rem}
.nk-glowa .krz{width:1rem;height:1.5rem;color:var(--zl);margin-bottom:.6rem}
.nk-sp{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.nk-glowa h1{font:400 3rem/1.08 var(--disp);margin:.45rem 0 .25rem;text-wrap:balance}
.nk-rod{font:italic 400 1.25rem var(--disp);color:var(--tx2)}
.nk-lata{margin-top:.8rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;font-weight:600}
.nk-wiek{color:var(--mu)}
/* GDZIE pod latami (22.10.2026): okolica (link do jej strony) i kościół — dla szukających ważniejsze niż nazwisko */
.nk-gdzie{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .8rem;margin:1.1rem 0 0;font-size:1.02rem}
.nk-gdzie a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 1rem;border:1px solid var(--zl);border-radius:999px;color:var(--zl);font-weight:700;text-decoration:none}
.nk-gdzie a:hover{background:var(--zl-s)}
.nk-gdzie span{color:var(--tx2)}
/* strona okolicy: „Inne okolice” jako pastylki z liczbą nekrologów */
.okl-h{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-weight:600;margin:1.2rem 0 .6rem}
.okl-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.okl-l a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:0 1rem;border:1px solid var(--hl2);border-radius:999px;background:var(--pow);text-decoration:none;font-size:.95rem}
.okl-l a:hover{border-color:var(--zl)}
.okl-l small{color:var(--zl);font-weight:700}
.pgc-dn{color:var(--mu);font-size:.9rem}
.nk-h{font:400 1.8rem/1.2 var(--disp);margin:0 0 1rem}
.papier{margin:0;background:#fff;border:1px solid var(--hl);box-shadow:0 22px 44px -30px rgba(29,32,38,.55)}
.papier img{display:block;width:100%;aspect-ratio:1414/1000}
.akcje{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.nk-tekst{margin-top:2.8rem;max-width:42em}
.nk-tekst p{font-size:1.125rem;line-height:1.7;margin:0 0 1rem}
.kurs{color:var(--tx2)}
.prosba{border-left:2px solid var(--zlf);padding:.4rem 0 .4rem 1rem;margin:1.6rem 0 0}
.prosba b{display:block;color:var(--zl);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.25rem}
.prosba p{margin:0}
.dodal{font-size:.9rem;color:var(--tx2)}
.dodal a{font-weight:600}

/* karta „Pogrzeb” (grafit): dzień słownie, wielka godzina, „Prowadź…”, „Przypomnij mi dzień wcześniej” */
.nk-pog{border:1px solid var(--hl);border-top:2px solid var(--zlf);padding:1.4rem 1.3rem}
.nk-pog .et{display:flex;justify-content:space-between;gap:8px;margin:0}
.nk-pog .et span{color:var(--tx)}
.pog-dz{font-size:1.15rem;font-weight:600;margin:.8rem 0 0}
.pog-go{font:500 3.2rem/1.05 var(--disp);color:var(--zl);margin:.1rem 0 1rem;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.pog-r{color:var(--mu);font-size:.92rem;margin:0}
.pog-m{font-weight:600;font-size:1.1rem;margin:0}
.pog-m a{text-decoration:none}
.pog-m a:hover{text-decoration:underline;text-underline-offset:3px}
.pog-a{color:var(--mu);margin:0 0 1rem}
.pog-u{color:var(--tx2);font-size:.94rem;margin:-.6rem 0 1rem}
.b1,.b2{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:3.4rem;padding:.7rem 1rem;font-weight:600;font-size:1rem;text-decoration:none;text-align:center;line-height:1.25;cursor:pointer;border-radius:0;background:none}
.b1{background:var(--zlf);color:var(--na-zl);border:1px solid var(--zlf)}
.b1:hover{background:var(--zlf2);border-color:var(--zlf2)}
.b2{border:1.5px solid var(--tx2);color:var(--tx)}
.b2:hover{border-color:var(--tx)}
.b1+.b2,.b2+.b2{margin-top:.55rem}
.pog-dalej{border-top:1px solid var(--hl);margin-top:1.3rem;padding-top:1.1rem}
.pog-k{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:0 0 .35rem}
.pog-g{color:var(--tx2);font-size:.95rem;margin:.05rem 0 .2rem;font-variant-numeric:tabular-nums}

/* „Okaż pamięć” i organizator — duże przyciski z opisem */
.li{display:flex;align-items:center;gap:.8rem;width:100%;min-height:3.5rem;padding:.75rem 1rem;border:1px solid var(--hl);background:var(--pow);color:var(--tx);font-weight:600;font-size:1rem;text-align:left;text-decoration:none;cursor:pointer;border-radius:0}
.li:hover{border-color:var(--hl2)}
.li .ik{color:var(--zl);width:1.25rem;height:1.25rem}
.li em{margin-left:auto;font-style:normal;color:var(--mu);font-weight:500;font-variant-numeric:tabular-nums}
.li+.li,.znicz+.li{margin-top:.55rem}
/* kalendarz pogrzebów (22.10.2026): siatka 4 tygodni na komputerze, dzień po dniu wszędzie */
.kal{display:grid;gap:4px;margin:0 0 2.4rem}
.kal-r{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.kal-n span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);font-weight:600;padding:0 .5rem}
.kal-d{display:flex;flex-direction:column;gap:.15rem;min-height:6.2rem;padding:.5rem .55rem;background:var(--pow);border:1px solid var(--hl);border-radius:12px;text-decoration:none;color:var(--tx);overflow:hidden;transition:border-color .15s}
a.kal-d:hover{border-color:var(--zl)}
.kal-d b{font-weight:700;font-size:.95rem}
.kal-d b small{font-weight:500;color:var(--mu);font-size:.78rem}
.kal-x{font-size:.76rem;line-height:1.3;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kal-wiecej{font-size:.74rem;color:var(--zl);font-weight:700}
.kal-dzis{border-color:var(--zlf);box-shadow:inset 0 0 0 1px var(--zlf)}
.kal-pusty{background:transparent}
.kal-poza{background:transparent;border-color:transparent;color:var(--mu);opacity:.5;min-height:6.2rem;padding:.5rem .55rem}
.kal-dz{margin:0 0 2rem;scroll-margin-top:1rem}
/* „Przekaż dalej” (22.10.2026): kafelki z ikoną i podpisem — w karcie pogrzebu (grafit) albo w „Okaż pamięć” (papier) */
.przek{margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--hl)}
.przek-h{margin:0 0 .7rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-weight:600}
.przek-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.45rem}
.przek-b{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:4.6rem;padding:.6rem .3rem;border:1px solid var(--hl);border-radius:14px;background:none;color:var(--tx2);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.przek-b:hover{border-color:var(--zl);background:var(--zl-s);color:var(--tx)}
.przek-i{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--pow2);color:var(--zl)}
.przek-i .ik{width:1.15rem;height:1.15rem}
.przek-wa{background:#25d366;color:#fff}
.przek-msg{background:#0a7cff;color:#fff}
.przek-fb{background:#1877f2;color:#fff}
.nk-pam .przek{margin-top:1rem;border-top:0;padding-top:.4rem}
/* kondolencje do rodziny (22.10.2026) */
.kond{margin-top:.55rem}
.kond>summary{list-style:none}
.kond>summary::-webkit-details-marker{display:none}
.kond[open]>summary{border-color:var(--zl)}
.kond-f{padding:1rem;border:1px solid var(--hl);border-top:0;background:var(--pow)}
.kond-o{margin:0 0 .8rem;color:var(--mu);font-size:.9rem}
.kond-l{margin:0 0 .45rem;font-size:.86rem;color:var(--tx2);font-weight:600}
.kond-sl{display:grid;gap:.4rem;margin:0 0 1rem}
.kond-sl button{padding:.6rem .8rem;border:1px solid var(--hl2);border-radius:12px;background:none;color:var(--tx);font-size:.92rem;line-height:1.4;text-align:left;cursor:pointer;font-style:italic}
.kond-sl button:hover,.kond-sl button.on{border-color:var(--zl);background:var(--zl-s)}
.kond-p{display:block;margin:0 0 .8rem;font-weight:600;font-size:.94rem}
.kond-p small{font-weight:400;color:var(--mu)}
.kond-p input,.kond-p textarea{display:block;width:100%;margin-top:.35rem;padding:.7rem .8rem;border:1px solid var(--hl2);border-radius:10px;background:var(--pow);font-size:max(1rem,16px);font-weight:400;color:var(--tx)}
.kond-p input:focus,.kond-p textarea:focus{outline:none;border-color:var(--zl);box-shadow:0 0 0 3px var(--zl-s)}
.kond-bl{margin:0 0 .8rem;color:var(--err);font-size:.92rem}
.kond-ok{margin:0;padding:1rem;border:1px solid var(--zlf);border-top:0;background:var(--zl-s);color:var(--tx);font-weight:600}
.kond-nr{font-size:.9rem}
.znicz.zapalony .li{border-color:var(--zlf);cursor:default}
.znicz.zapalony .li .ik{color:#e0861f;filter:drop-shadow(0 0 5px rgba(242,166,70,.6))}
.nk-org{border:1px solid var(--hl);background:var(--pow);padding:1.2rem}
.nk-org .muted{margin:0}
.nk-org p{margin:0}
.nk-org b{font-size:1.1rem;font-weight:600}
.nk-org .b2{margin-top:1rem}
.nk-linki{display:grid;gap:.4rem;margin-top:1.8rem;font-size:.98rem}
.nk-linki a{color:var(--tx2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--zlf);padding:.35rem 0}
.nk-linki a:hover{color:var(--tx)}

/* ---------- mapy: na komputerze w treści; na telefonie podgląd + „Mapa” → cały ekran z kartami na dole (jak w portalu) ---------- */
.mapa,.miejsca-mapa{position:relative;border:1px solid var(--hl);background:#e9ebee;overflow:hidden}
.mapa{height:15rem;margin-top:1.3rem}
.miejsca-mapa{height:24rem;margin:0 0 1.6rem}
.mapa-otworz{display:inline-flex;position:absolute;z-index:500;right:10px;top:10px;align-items:center;gap:.45rem;border:0;border-radius:22px;background:#1d2026;color:#fff;padding:.6rem 1rem;font-weight:600;font-size:.9rem;box-shadow:0 3px 12px rgba(0,0,0,.3);cursor:pointer;min-height:44px}
.mapa-otworz:hover{background:#000}
.mapa-pelna .mapa-otworz{display:none}
/* dymek punktu na mapie (22.10.2026): zaokrąglony, z „Nawiguj” i „Szczegóły” jak na kartach listy; zawsze jasny (także w karcie pogrzebu na graficie) */
.leaflet-popup-content-wrapper{border-radius:16px}
.leaflet-popup-content{--zl:#7d5f2e;--pow:#fff;--hl2:rgba(29,32,38,.26);--zl-s:rgba(138,106,53,.1);color:#1d2026;font:400 .95rem/1.4 var(--ui);margin:14px 16px}
.leaflet-popup-content b{display:block;font-size:1rem;line-height:1.3;padding-right:.8rem}
.pop-r{display:block;color:#5c5f65;font-size:.88rem;margin:.15rem 0 .7rem}
.pop-a{display:flex;flex-wrap:wrap;gap:.4rem}
.leaflet-popup-content .okr-b{color:var(--zl);text-decoration:none;min-height:2.4rem;font-size:.9rem}
/* pinezki z ikoną rodzaju miejsca (kościół, cmentarz, zakład, kamieniarz, kwiaciarnia); wybrana — złota i większa */
.nk-pin{background:#1d2026;border:2px solid #dcb97e;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.nk-pin svg{width:62%;height:62%}
.nk-pin.wyb{background:#dcb97e;border-color:#1d2026;box-shadow:0 0 0 8px rgba(220,185,126,.35),0 2px 8px rgba(0,0,0,.45)}
.mapa-leg{display:flex;flex-wrap:wrap;gap:.3rem .9rem;background:#fff;color:#1d2026;padding:.45rem .7rem;font-size:.82rem;box-shadow:0 1px 6px rgba(0,0,0,.2)}
.mapa-leg span{display:inline-flex;align-items:center;gap:.35rem}
.mapa-leg svg{width:20px;height:20px;background:#1d2026;border-radius:50%;padding:3px}
.mapa-pelna{position:fixed!important;inset:0;z-index:75;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important}
html.mapa-on{overflow:hidden;overscroll-behavior:none}
.mapa-gora{position:absolute;z-index:1000;left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));display:flex;gap:8px;align-items:center;pointer-events:none}
.mapa-gora>*{pointer-events:auto}
/* „← Wróć” wyraźnie, ze słowem (właściciel 22.10.2026: „zrób wróć takie widoczne”), znak plota.eu po prawej („że to ploty”) */
.mapa-wroc{display:inline-flex;align-items:center;gap:.45rem;height:46px;padding:0 1.1rem 0 .85rem;border-radius:999px;border:0;background:#1d2026;color:#f6f4ef;font:700 1rem var(--ui);box-shadow:0 2px 12px rgba(0,0,0,.3);cursor:pointer;flex:none}
.mapa-wroc .ik{width:1.15rem;height:1.15rem;color:#dcb97e}
.mapa-wroc:hover{background:#2a2e36}
.mapa-tyt{flex:1;min-width:0;background:#fff;color:#1d2026;border-radius:22px;padding:.6rem 1rem;font-weight:600;font-size:.95rem;box-shadow:0 2px 10px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mapa-marka{display:inline-flex;align-items:center;gap:.45rem;height:46px;padding:0 .9rem 0 .5rem;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);text-decoration:none;flex:none}
.leaflet-container a.mapa-marka{color:#1d2026}
.mapa-marka img{width:30px;height:30px;border-radius:8px}
.mapa-marka b{font-weight:700;font-size:.95rem;letter-spacing:0}
.mapa-marka b i{font-style:normal;color:#3d5bd9}
/* przyciski na kartach w mapie — kolory działu, nie niebieski link Leafleta */
.leaflet-container .mapa-kk .btn-o{color:#7d5f2e}
.leaflet-container .mapa-kk .btn-l{color:#1d2026}
/* lista miejsc w dużej mapie: komputer — pionowo z lewej (pod tytułem), telefon — karty na dole (niżej, w @media) */
.mapa-dol{position:absolute;z-index:1000;left:12px;top:calc(70px + env(safe-area-inset-top));bottom:12px;width:min(380px,38vw)}
.mapa-kar{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0}
.mapa-kk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .7rem;align-items:start;flex:none;background:#fff;color:#1d2026;padding:.8rem .9rem;box-shadow:0 4px 18px rgba(0,0,0,.18);border:2px solid transparent;border-radius:16px;cursor:pointer}
.mapa-kk.on{border-color:var(--zlf)}
.mapa-kk-i{grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(125,95,46,.4);border-radius:50%}
.mapa-kk-i svg{width:20px;height:20px}
.mapa-kk b{display:block;font-size:1rem;line-height:1.3}
.mapa-kk small{display:block;color:#5c5f65;font-size:.88rem;line-height:1.35}
.mapa-kk-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.mapa-kk .btn{min-height:2.5rem;--zl:#7d5f2e;--tx:#1d2026;--hl2:rgba(29,32,38,.26);border-radius:999px;text-transform:none;letter-spacing:0;font-size:.9rem}   /* spójnie z kartami listy (22.10.2026) */
.mapa-pelna .leaflet-top.leaflet-left{top:calc(60px + env(safe-area-inset-top));left:calc(min(380px,38vw) + 18px)}
.mapa-pelna .leaflet-bottom.leaflet-left{left:calc(min(380px,38vw) + 18px)}

/* ---------- poradnik „Co zrobić po śmierci bliskiej osoby” ---------- */
.wybor-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.6rem;margin:0 0 3.6rem}
.wc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .9rem;align-items:start;padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--hl);background:var(--pow);text-decoration:none;color:var(--tx)}
.wc:hover{border-color:var(--zl)}
.wc .ik{grid-row:span 2;width:1.6rem;height:1.6rem;color:var(--zl);margin-top:.1rem}
.wc b{font-weight:600;font-size:1.08rem;line-height:1.3}
.wc span{color:var(--tx2);font-size:.92rem;line-height:1.45}
.rozdz{margin:0 0 4rem;scroll-margin-top:1rem}
.rozdz>h2{font:400 2.2rem/1.12 var(--disp);margin:0 0 .7rem;text-wrap:balance}
.rozdz .lead{color:var(--tx2);font-size:1.06rem;margin:0 0 1.4rem;max-width:44em}
.rozdz h3{font-weight:600;font-size:1.15rem;line-height:1.35;margin:2rem 0 .5rem}
.rozdz p,.rozdz li{max-width:46em}
.rozdz p{margin:0 0 .9rem}
.rozdz ul,.rozdz ol{padding-left:1.2rem;margin:.4rem 0 1rem}
.rozdz li{margin:.4rem 0}
.rozdz li::marker{color:var(--zl)}
.fakt{border:1px solid var(--hl);border-left:2px solid var(--zlf);background:var(--pow);padding:1rem 1.1rem;margin:1rem 0 1.2rem;max-width:46em}
.fakt p:last-child{margin:0}
.fakt b{color:var(--zl)}
.zrodlo{font-size:.82rem;color:var(--mu)}
.zrodlo a{color:var(--mu)}
.do-gory{display:inline-block;margin-top:.4rem;padding:.4rem 0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);text-decoration:none}
.do-gory:hover{color:var(--tx)}
/* kroki pogrzebu — kolejność ma znaczenie, więc numery */
.kroki{list-style:none;counter-reset:k;padding:0!important;border-bottom:1px solid var(--hl)}
.kroki>li{counter-increment:k;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.2rem 1rem;padding:1.1rem 0;border-top:1px solid var(--hl);margin:0!important;max-width:none}
.kroki>li::before{content:counter(k);grid-row:span 3;font:400 2.1rem/1 var(--disp);color:var(--zl)}
.kroki>li b{font-size:1.06rem}
.kroki>li span{color:var(--tx2)}
/* terminy od daty śmierci */
.terminy-f{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem 1rem;margin:0 0 1.4rem}
.terminy-f .pole{margin:0}
.terminy-f .pole input{width:auto;min-width:12rem}
.tl{list-style:none;padding:0!important;margin:0!important;border-top:1px solid var(--tx)}
.tl li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.2rem 1.2rem;padding:1rem 0;border-bottom:1px solid var(--hl);margin:0!important;max-width:none}
.tl time{font-weight:600;font-size:1.05rem;color:var(--zl);font-variant-numeric:tabular-nums}
.tl time small{display:block;font:600 .66rem var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-top:.3rem}
.tl b{display:block;font-size:1.04rem}
.tl span{color:var(--tx2);font-size:.94rem}
.tl .ust b::after{content:'termin ustawowy';display:inline-block;margin-left:.6rem;font:600 .58rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--zl);border:1px solid var(--zl);padding:.3rem .45rem;vertical-align:.2em}
/* miejsca w pobliżu adresu */
.wp-f{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .8rem}
.wp-f .szukaj{flex:1 1 20rem;max-width:none}
.wp-info{color:var(--mu);font-size:.9rem;margin:0 0 1rem}
.wp-wyn{display:grid;border-top:1px solid var(--hl)}
.wp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--hl)}
.wp b{font-weight:600;font-size:1.06rem;line-height:1.3}
.wp b a{text-decoration:none}
.wp b a:hover{text-decoration:underline;text-underline-offset:3px}
.wp small{display:block;color:var(--mu);font-size:.88rem}
.wp-km{font-variant-numeric:tabular-nums;color:var(--zl);font-weight:600;white-space:nowrap}
.wp-a{display:flex;gap:.4rem;grid-column:1/-1;flex-wrap:wrap;margin-top:.5rem}

/* ---------- szukaczka list (pogrzeby, kościoły, cmentarze…): pole, dzielnica, dzień, msze, „Najbliżej mnie”, „Pokaż na mapie” ---------- */
.mf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;padding:1rem;margin:0 0 2rem;background:var(--pow);border:1px solid var(--hl);border-top:2px solid var(--zlf)}
.mf .szukaj{flex:1 1 18rem;max-width:none}
.mf-sel{min-height:3rem;border:1px solid var(--hl2);background:var(--pow);color:var(--tx);padding:.6rem 2.2rem .6rem .8rem;font-size:max(1rem,16px);border-radius:0;-webkit-appearance:none;appearance:none;max-width:100%;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.mf .wybor span{min-height:3rem}
.mf-msze{margin:0;align-items:center}
.mf-ile{flex-basis:100%;margin:0;color:var(--mu);font-size:.92rem}
.mgr{margin:0 0 2.2rem}
.mgr-h{font-weight:600;font-size:1.15rem;margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:2px solid var(--tx)}
.mgr-h small{font-weight:400;color:var(--mu);font-size:.9rem;margin-left:.4rem}
/* listy miejsc — wariant F2 (właściciel 22.10.2026: „przewija się bez końca — nowocześnie, miło w dotyku”): pastylki
   Tarnów / Gmina / Okolice, zwarte zaokrąglone wiersze po 10, mapa przyklejona obok; cały wiersz prowadzi do strony miejsca */
.mf-uklad.z-mapa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:1.8rem;align-items:start}
.mf-kol{min-width:0}
.mf-pas{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem}
.mf-pas label{cursor:pointer;position:relative}
.mf-pas input{position:absolute;opacity:0;pointer-events:none}
.mf-pas span{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 1.05rem;border:1px solid var(--hl2);border-radius:999px;background:var(--pow);font-size:.98rem;color:var(--tx2);transition:background .15s,border-color .15s}
.mf-pas small{color:var(--zl);font-size:.86rem;font-weight:700}
.mf-pas label:hover span{border-color:var(--tx2)}
.mf-pas input:checked+span{background:#1d2026;border-color:#1d2026;color:#f6f4ef}
.mf-pas input:checked+span small{color:#dcb97e}
.mf-pas input:focus-visible+span{outline:2px solid var(--zl);outline-offset:2px}
/* pastylka bez wyników po wyborze „Gdzie?” / słów — wyszarzona, nieklikalna (filtry nie mogą sobie przeczyć) */
.mf-pas label.pusta{cursor:default;opacity:.42}
.mf-pas label.pusta:hover span{border-color:var(--hl2)}
.mf-reset{margin-left:.4rem;padding:.35rem .9rem;border:1px solid var(--zl);border-radius:999px;background:none;color:var(--zl);font-weight:600;font-size:.92rem;cursor:pointer}
.mf-reset:hover{background:var(--zl-s)}
.mf-mapa-kol{position:sticky;top:1rem}
.mf-mapa{height:calc(100vh - 2rem);max-height:46rem;min-height:26rem;margin:0;border-radius:16px}
.mf-wiecej{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.1rem;margin:1rem 0 0;border:1px solid var(--zl);border-radius:999px;background:none;color:var(--zl);font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s}
.mf-wiecej:hover{background:var(--zl-s)}
.mf-mapa-tel{display:none}
.mk-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}
.mkp{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.2rem 1rem;padding:.85rem 1rem;background:var(--pow);border:1px solid var(--hl);border-radius:14px;transition:border-color .15s,box-shadow .15s}
.mkp:hover{border-color:var(--hl2);box-shadow:0 8px 22px -16px rgba(29,32,38,.55)}
.mkp.blysk{border-color:var(--zlf);box-shadow:0 0 0 3px rgba(220,185,126,.45)}
.mkp-i{width:2.6rem;height:2.6rem;border-radius:50%;background:#1d2026;display:grid;place-items:center;flex:none}
.mkp-i svg{width:1.4rem;height:1.4rem;fill:none;stroke:#dcb97e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkp-t{min-width:0}
.mkp h3{font-weight:600;font-size:1.05rem;line-height:1.3;margin:0}
.mkp h3 a{text-decoration:none}
.mkp h3 a::after{content:'';position:absolute;inset:0;border-radius:inherit}   /* cały wiersz klikalny */
.mkp:hover h3 a{text-decoration:underline;text-underline-offset:3px}
.mkp p{margin:.12rem 0 0;color:var(--tx2);font-size:.93rem}
.mkp .mkp-m{color:var(--zl);font-size:.88rem}
.mkp-km{display:inline-block;margin-top:.25rem;font-weight:600;color:var(--zl);font-size:.9rem}
.mkp-a{display:flex;align-items:center;gap:.4rem}
.mkp-a .okr-b{position:relative;z-index:1}
.mkp-s{color:var(--mu);width:1.1rem;height:1.1rem}
.okr-b{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 .9rem;border:1px solid var(--hl2);border-radius:999px;color:var(--zl);font-weight:600;font-size:.92rem;text-decoration:none;background:var(--pow);transition:background .15s,border-color .15s}
.okr-b:hover{border-color:var(--zl);background:var(--zl-s)}
/* „Najbliżej mnie” w listach z grupami: grupy znikają, wszystkie karty jednym ciągiem według odległości (lista F2 jest płaska — bez zmian) */
.mf-plasko:not(.mf-kol){display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.7rem}
.mf-plasko:not(.mf-kol) [data-gr],.mf-plasko:not(.mf-kol) .mk-lista,.mf-plasko:not(.mf-kol) .pgc-lista{display:contents}
.mf-plasko .mgr-h{display:none}
.mf-plasko [data-el][hidden],.mf-plasko [data-gr][hidden]{display:none}
/* pogrzeby: karta osoby z miniaturą klepsydry */
.pgc-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:.8rem}
.pgc{position:relative;display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1.2rem;padding:1.1rem;background:var(--pow);border:1px solid var(--hl);transition:border-color .15s,box-shadow .15s}
/* cała karta otwiera nekrolog (właściciel 22.10.2026); miniatura (podgląd klepsydry) i „Nawiguj” — osobno, nad warstwą linku */
.pgc:hover{border-color:var(--hl2);box-shadow:0 10px 26px -18px rgba(29,32,38,.6)}
.pgc h3 a::after{content:'';position:absolute;inset:0}
.pgc-kl,.pgc-a a{position:relative;z-index:1}
.pgc:hover h3 a{text-decoration:underline;text-underline-offset:3px}
.pgc-kl{display:block;align-self:start;background:#fff;border:1px solid var(--hl);transition:box-shadow .2s}
.pgc-kl:hover{box-shadow:0 10px 24px -14px rgba(29,32,38,.6)}
.pgc-kl img{display:block;width:100%;aspect-ratio:1414/1000}
.pgc h3{font-weight:500;font-size:1rem;line-height:1.35;margin:.55rem 0 0;padding-top:.5rem;border-top:1px solid var(--hl);color:var(--tx2)}
.pgc h3 a{text-decoration:none;color:var(--tx)}
.pgc h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.pgc h3 .muted{font-weight:400;font-size:.92rem;white-space:nowrap}
.pgc-g{margin:0;color:var(--tx2);font-size:.94rem}
.pgc-g b{font:500 1.55rem/1 var(--disp);margin-right:.4rem;color:var(--zl);vertical-align:-.1em}
.pgc .pgc-m{margin:.3rem 0 0;color:var(--tx);font-weight:600;font-size:1.06rem;line-height:1.3}
.pgc .pgc-dz{display:inline-flex;align-items:center;gap:.35rem;margin:.3rem 0 0;font-weight:600;color:var(--zl);font-size:.92rem}
.pgc-dz .ik{width:1rem;height:1rem}
.pgc-a{display:flex;flex-wrap:wrap;gap:0 1.4rem;margin-top:.6rem;padding-top:.3rem;border-top:1px solid var(--hl)}
.mapa-start{position:fixed!important;inset:0;z-index:75;height:auto!important}

/* szukaczka S1 (właściciel 22.10.2026: „starszy człowiek nie będzie wiedział, gdzie kliknąć”, „nie kanciata — dobrze dla oka”):
   podpisane pytania, białe zaokrąglone pole z przyciskiem „Szukaj” w środku, „Kiedy?” jako przełącznik w pastylce,
   „Gdzie?” jako zaokrąglona lista, „Pokaż na mapie” jako przycisk. Zaokrąglenia TYLKO tutaj — reszta działu zostaje bez nich. */
.mfz{margin-top:1.8rem;max-width:60rem}
.mfz-l{display:block;font-size:.95rem;font-weight:600;color:var(--tx);margin:0 0 .5rem;letter-spacing:0;text-transform:none}
.mfz-q{display:flex;align-items:center;gap:.7rem;background:#fff;border:2px solid transparent;border-radius:999px;padding:.35rem .35rem .35rem 1.3rem;box-shadow:0 10px 30px -12px rgba(0,0,0,.55);transition:border-color .15s,box-shadow .15s}
.mfz-q .ik{width:1.35rem;height:1.35rem;color:#6d685d}
.mfz-q input{flex:1;min-width:0;background:none;border:0;outline:0;color:#1d2026;font-size:max(1.12rem,16px);padding:.75rem 0}
.mfz-q input::placeholder{color:#76726a}
.mfz-q input::-webkit-search-cancel-button{cursor:pointer}
.mfz-q:focus-within{border-color:var(--zlf);box-shadow:0 0 0 4px rgba(220,185,126,.28),0 10px 30px -12px rgba(0,0,0,.55)}
.mfz-go{flex:none;display:inline-flex;align-items:center;gap:.45rem;min-height:3rem;padding:0 1.5rem;border:0;border-radius:999px;background:var(--zlf);color:var(--na-zl);font-weight:700;font-size:1.02rem;cursor:pointer;transition:background .15s}
.mfz-go:hover{background:var(--zlf2)}
.mfz-go .ik{width:1.15rem;height:1.15rem}
.mfz-r{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.6rem;margin-top:1.3rem}
.mfz-g{min-width:0}
.mfz-tab{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border:1px solid var(--hl2);border-radius:999px;background:rgba(255,255,255,.04)}
.mfz-tab label,.mfz-tgl{cursor:pointer;position:relative}
.mfz-tab input,.mfz-tgl input{position:absolute;opacity:0;pointer-events:none}
.mfz-tab span{display:inline-flex;align-items:center;min-height:2.6rem;padding:0 1.1rem;border-radius:999px;font-size:.98rem;color:var(--tx2);transition:background .15s,color .15s}
.mfz-tab label:hover span{color:var(--tx);background:rgba(255,255,255,.07)}
.mfz-tab input:checked+span{background:var(--zlf);color:var(--na-zl);font-weight:700}
.mfz-tab input:focus-visible+span,.mfz-tgl input:focus-visible+span{outline:2px solid var(--zlf);outline-offset:2px}
.mfz-tgl span{display:inline-flex;align-items:center;gap:.55rem;min-height:3.1rem;padding:0 1.1rem;border:1px solid var(--hl2);border-radius:999px;font-size:.98rem;color:var(--tx2)}
.mfz-tgl span::before{content:'';width:1.1rem;height:1.1rem;border:1.5px solid currentColor;border-radius:.3rem;flex:none}
.mfz-tgl:hover span{color:var(--tx);border-color:var(--tx2)}
.mfz-tgl input:checked+span{color:var(--tx);border-color:var(--zlf)}
.mfz-tgl input:checked+span::before{background:var(--zlf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317140f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/80% no-repeat;border-color:var(--zlf)}
/* systemowa lista do czasu podmiany przez wybór (bez JS — zostaje, w tym samym kształcie) */
.mfz-sel{min-height:3.1rem;max-width:100%;background:rgba(255,255,255,.04);border:1px solid var(--hl2);border-radius:999px;color:var(--tx);font-size:.98rem;padding:0 2.4rem 0 1.1rem;-webkit-appearance:none;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.mfz-sel option{color:#1d2026;background:#fff}
.mfz-a{display:inline-flex;align-items:center;gap:.5rem;min-height:3.1rem;padding:0 1.2rem;background:none;border:1px solid var(--zl);border-radius:999px;color:var(--zl);font-size:.98rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}
.mfz-a:hover{background:var(--zl-s)}
.mfz-a.on{background:var(--zlf);border-color:var(--zlf);color:var(--na-zl)}
.mfz-r .mfz-a:first-of-type{margin-left:auto}
.mfz-ile{margin:1rem 0 0;color:var(--tx2);font-size:1rem}
.mfz-pas{margin:0 0 1.6rem;max-width:none}
.mfz-pas .mfz-r{margin-top:0}
/* własny wybór miejsca „Gdzie?” (zamiast systemowej listy): zaokrąglony przycisk, panel grafitowy; na telefonie wysuwa się od dołu */
.wyb{position:relative}
.wyb-b{display:inline-flex;align-items:center;gap:.55rem;min-height:3.1rem;max-width:100%;padding:0 1.1rem;background:rgba(255,255,255,.04);border:1px solid var(--hl2);border-radius:999px;color:var(--tx);font-size:.98rem;cursor:pointer;transition:border-color .15s}
.wyb-b span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wyb-b .ik{width:1.1rem;height:1.1rem;color:var(--zl)}
.wyb-b::after{content:'';flex:none;width:.45rem;height:.45rem;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:-.25rem .1rem 0 .3rem}
.wyb-b:hover{border-color:var(--tx2)}
.wyb-b.ma,.wyb-b[aria-expanded=true]{border-color:var(--zlf);box-shadow:0 0 0 1px var(--zlf)}
.wyb-p{position:absolute;z-index:60;top:calc(100% + .5rem);left:0;width:21rem;max-width:calc(100vw - 32px);background:#1c1f24;color:#ece8e0;border:1px solid rgba(255,255,255,.14);border-radius:1rem;box-shadow:0 28px 56px -16px rgba(0,0,0,.6);padding:.5rem;overflow:hidden}
.wyb-h{display:none}
.wyb-s{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(220,185,126,.5);margin:.2rem .4rem .4rem;color:#9b978e}
.wyb-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:#ece8e0;font-size:max(1rem,16px);padding:.6rem 0}
.wyb-l{list-style:none;margin:0;padding:0;max-height:19rem;overflow:auto;overscroll-behavior:contain}
.wyb-l button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:2.9rem;padding:.5rem .8rem;background:none;border:0;color:inherit;font-size:1rem;text-align:left;cursor:pointer}
.wyb-l button:hover,.wyb-l button:focus-visible{background:rgba(220,185,126,.12);outline:none}
.wyb-l button[aria-selected=true]{color:#dcb97e;font-weight:600;box-shadow:inset 3px 0 #dcb97e}
.wyb-l small{color:#9b978e;font-variant-numeric:tabular-nums;font-size:.86rem}
.wyb-x{background:none;border:0;color:#ece8e0;font-size:1.6rem;line-height:1;width:44px;height:44px;cursor:pointer}

/* złote linki zamiast pudełek (karty pogrzebów i miejsc) */
.lnk{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:var(--zl);font-weight:600;font-size:.95rem;text-decoration:none}
.lnk:hover{color:var(--zl2);text-decoration:underline;text-underline-offset:4px}
.lnk .ik{width:1.1rem;height:1.1rem}
/* podgląd klepsydry w okienku */
.lb{position:fixed;inset:0;z-index:90;background:rgba(15,17,20,.94);display:flex;align-items:center;justify-content:center;padding:calc(3.6rem + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(1.4rem + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.lb figure{margin:0;display:grid;justify-items:center;gap:.8rem;max-width:min(100%,1100px)}
.lb img{display:block;max-width:100%;max-height:calc(100vh - 9rem);max-height:calc(100dvh - 9rem);width:auto;height:auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb figcaption .lnk{color:#dcb97e}
.lb-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#1d2026;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.pgc-kl{cursor:zoom-in}

/* poradnik: linki do oficjalnych objaśnień, spis „jadący” z czytaniem, pas na stronie głównej */
.ofl-w{display:block;margin:.4rem 0 1.1rem;color:var(--tx2);font-size:.94rem;font-weight:600}
.ofl-w a{color:var(--zl);font-weight:600;text-underline-offset:3px;overflow-wrap:anywhere}
.kroki .ofl-w{margin:.5rem 0 0}
.por{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:3rem;align-items:start}
.por-tresc{min-width:0}
.por-nav{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}
.por-nav-b{display:none}
.por-lista{list-style:none;margin:0;padding:0;border-left:1px solid var(--hl)}
.por-lista a{display:block;padding:.55rem .9rem;text-decoration:none;color:var(--tx2);border-left:3px solid transparent;margin-left:-2px;font-size:.98rem}
.por-lista a:hover{color:var(--tx)}
.por-lista a[aria-current]{color:var(--tx);font-weight:600;border-left-color:var(--zlf);background:var(--pow)}
.rozdz{scroll-margin-top:1.2rem}
.pas-por{padding:2.6rem 0 0}
.por-kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}
.pk-p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .8rem;padding:.9rem 1rem;background:var(--pow);border:1px solid var(--hl);text-decoration:none;color:var(--tx)}
.pk-p:hover{border-color:var(--zl)}
.pk-p .ik{grid-row:span 2;width:1.5rem;height:1.5rem;color:var(--zl);margin-top:.1rem}
.pk-p b{font-weight:600;font-size:1.02rem}
.pk-p span{color:var(--tx2);font-size:.9rem;line-height:1.4}

/* kreator: góra bez menu (tylko powrót), nagłówek na papierze, pasek postępu, zdjęcie w 1. kroku */
.nv-prosty .wroc{justify-self:start;color:var(--tx2)}
.kr-tresc{padding-top:1.6rem}
.kr-gora h1{font:400 2.4rem/1.1 var(--disp);margin:0}
.kr-gora>p{margin:.5rem 0 1rem;color:var(--tx2)}
.kr-postep li b{font-weight:500}
.kr-postep li.akt b{font-weight:600}
.kr-pasek{height:4px;background:var(--hl);margin:0 0 1.8rem}
.kr-pasek i{display:block;height:100%;background:var(--zlf);transition:width .3s}
.zdj-pole{display:flex;align-items:center;gap:1rem;padding:.9rem;margin:0 0 1.4rem;border:1px dashed var(--hl2);background:var(--pow);cursor:pointer}
.zdj-pole:hover,.zdj-pole:focus-within{border-color:var(--zl);border-style:solid}
.zdj-ram{flex:none;width:4.4rem;height:5.5rem;border-radius:50%;overflow:hidden;background:var(--pow2);display:grid;place-items:center;color:var(--zl)}
.zdj-ram img{width:100%;height:100%;object-fit:cover}
.zdj-ram .ik{width:1.6rem;height:1.6rem}
.zdj-pole b{display:block;font-size:1.05rem;color:var(--zl)}
.zdj-pole small{display:block;color:var(--tx2);font-size:.9rem;line-height:1.4}

/* miejsca */
.grupa{margin:0 0 1.6rem}
.grupa h3{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--zl);margin:0 0 .3rem}
.dane{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem 1rem;margin:0 0 1rem;font-size:.96rem}
.dane dt{color:var(--mu)}
.dane dd{margin:0;overflow-wrap:anywhere}
.nawiguj{display:inline-flex;align-items:center;gap:.4rem;margin-top:.2rem;padding:.5rem 0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--zl)!important;text-decoration:none}

/* wzór klepsydry */
.wzory{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.4rem}
.wzory figure{margin:0}
.wzory img{display:block;width:100%;border:1px solid var(--hl);box-shadow:0 18px 40px -28px rgba(29,32,38,.6)}
.wzory figcaption{margin-top:.7rem;font-size:.94rem}
.wzory figcaption b{font-weight:600;font-size:1.05rem}
.faq details{border-top:1px solid var(--hl);padding:.4rem 0}
.faq summary{cursor:pointer;font-weight:600;padding:.6rem 0}
.faq p{margin:.4rem 0 .6rem;color:var(--tx2)}
.formuly{margin:0;padding:0;list-style:none}
.formuly li{font-size:1.05rem;padding:.6rem 0;border-top:1px solid var(--hl)}

/* ---------- kreator: kroki po lewej, podgląd klepsydry po prawej (przyklejony) ---------- */
.kr-postep{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0 0 1.2rem}
.kr-postep li{display:flex;align-items:center;gap:.5rem;color:var(--mu);font-size:.82rem;padding:.4rem .8rem .4rem .4rem;white-space:nowrap;cursor:pointer;border:1px solid transparent;min-height:2.75rem}
.kr-postep li span{width:1.6rem;height:1.6rem;border:1px solid var(--hl2);display:grid;place-items:center;font-size:.78rem;font-weight:600}
.kr-postep li.akt{border-color:var(--hl2);color:var(--tx)}
.kr-postep li.akt span,.kr-postep li.byl span{background:var(--zlf);color:var(--na-zl);border-color:var(--zlf)}
.kr-postep .kr-z{display:none;font-style:normal;color:var(--mu)}
.kr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:2.4rem;align-items:start}
.kr-form{min-width:0}
.krok{border:0;margin:0 0 .5rem;padding:0;min-width:0}
.js .krok{display:none}
.js .krok.akt{display:block}
.krok legend{font:400 2rem/1.15 var(--disp);padding:0;margin:0 0 .4rem}
.krok-o{color:var(--tx2);margin:0 0 1.2rem}
.pole{display:block;margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--tx);min-width:0}
.pole small{font-weight:400;color:var(--mu)}
.pole>span{display:block;margin-bottom:.4rem}
.pole input:not([type=radio]):not([type=checkbox]):not([type=file]),.pole select,.pole textarea{display:block;width:100%;min-width:0;max-width:100%;margin-top:.45rem;border:1px solid var(--hl2);border-radius:0;padding:.8rem .9rem;min-height:3.2rem;font-size:max(1rem,16px);font-weight:400;background:#fff;color:var(--tx);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.pole select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.2rem}
.pole input[type=date],.pole input[type=time]{text-align:left}
.pole input::-webkit-date-and-time-value{text-align:left}
.pole textarea{resize:vertical;min-height:5rem;line-height:1.5}
.pole input:focus,.pole select:focus,.pole textarea:focus{border-color:var(--zl);box-shadow:0 0 0 3px var(--zl-s)}
.pole input[aria-invalid=true]{border-color:var(--err)}
.pole input[type=file]{padding:.6rem;min-height:0}
.pola2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .9rem}
.pola3{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);gap:0 .8rem}
.wybor{display:flex;flex-wrap:wrap;gap:.5rem}
.wybor label{cursor:pointer;min-width:0}
.wybor input{position:absolute;opacity:0;pointer-events:none}
.wybor span{display:inline-flex;align-items:center;min-height:2.75rem;border:1px solid var(--hl2);padding:.55rem .95rem;font-weight:500;font-size:.95rem;background:var(--pow)}
.wybor input:checked+span{border-color:var(--zlf);background:var(--zlf);color:var(--na-zl)}
.wybor input:focus-visible+span{box-shadow:0 0 0 3px var(--zl-s)}
.wybor-pion{flex-direction:column}
.wybor-pion span{display:block;font-size:1rem;line-height:1.45;font-weight:400}
.wybor-pion span b{font-weight:600}
.wybor-pion input:checked+span{background:var(--zl-s);color:var(--tx);border-color:var(--zl)}
.wiecej-pol{margin:.3rem 0 1rem;border-top:1px solid var(--hl);padding-top:.4rem}
.wiecej-pol summary{cursor:pointer;font-size:.94rem;font-weight:600;color:var(--tx2);padding:.6rem 0;margin-bottom:.4rem}
.podpowiedzi{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.4rem 0 1rem}
.podpowiedzi button{border:1px dashed var(--hl2);background:none;padding:.45rem .75rem;min-height:2.5rem;font-size:.88rem;cursor:pointer;color:var(--tx2)}
.podpowiedzi button:hover{border-style:solid;color:var(--tx)}
.urocz-w{position:relative;border:1px solid var(--hl);padding:.9rem .9rem .1rem;margin:0 0 .8rem;background:var(--pow)}
.usun-w{position:absolute;top:.3rem;right:.4rem;border:0;background:none;color:var(--mu);font-size:.84rem;cursor:pointer;text-decoration:underline;padding:.4rem}
.wzory-wybor{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;margin:0 0 1.2rem}
.wzory-wybor label{cursor:pointer;display:block;text-align:center;font-size:.9rem;font-weight:600}
.wzory-wybor input{position:absolute;opacity:0}
.wzory-wybor img{display:block;width:100%;border:2px solid transparent;outline:1px solid var(--hl2);margin-bottom:.4rem;transition:border-color .15s;background:#fff}
.wzory-wybor input:checked+img{border-color:var(--zlf);outline-color:var(--zl)}
.wzory-wybor input:focus-visible+img{box-shadow:0 0 0 3px var(--zl-s)}
/* treść: styl → tekst pisze się sam (Teksty::STYLE) */
.style{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem;margin:0 0 1.2rem}
.style label{cursor:pointer}
.style input{position:absolute;opacity:0;pointer-events:none}
.style span{display:block;height:100%;border:1px solid var(--hl2);background:var(--pow);padding:.8rem .9rem}
.style span b{display:block;font-size:1rem}
.style span i{display:block;font-style:normal;color:var(--mu);font-size:.86rem;line-height:1.4;margin-top:.15rem}
.style input:checked+span{border-color:var(--zl);box-shadow:inset 0 0 0 1px var(--zl);background:var(--zl-s)}
.style input:focus-visible+span{box-shadow:0 0 0 3px var(--zl-s)}
.gotowy{border:1px solid var(--hl);border-left:2px solid var(--zlf);background:var(--pow);padding:1rem 1.1rem;margin:0 0 1rem}
.gotowy p{margin:0 0 .5rem;line-height:1.55}
.gotowy p:last-child{margin:0}
.gotowy .g-et{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);font-weight:600}
.ostatni{border:1px solid var(--hl2);border-top:2px solid var(--zlf);padding:1.2rem 1.2rem .4rem;margin:0 0 1rem;background:var(--pow)}
.ostatni h3{font-weight:600;font-size:1.2rem;margin:0 0 .8rem}
.zaznacz{display:flex;gap:.7rem;align-items:flex-start;margin:0 0 .8rem;font-size:.95rem;line-height:1.45;cursor:pointer}
.zaznacz input{width:1.3rem;height:1.3rem;margin:.1rem 0 0;flex:none;accent-color:var(--zl)}
.kr-wyslij{width:100%;min-height:3.4rem;font-size:.84rem;margin:.4rem 0 .3rem}
.kr-nav{display:flex;justify-content:space-between;gap:10px;margin-top:.6rem;padding-top:1rem;border-top:1px solid var(--hl)}
.kr-nav [hidden]{visibility:hidden;display:inline-flex!important}
.kr-nav .btn{white-space:normal;min-width:0;text-align:center}
/* formularz na białej karcie, przełączki „segmentowe” (jedna listwa zamiast osobnych pudełek) — 22.10.2026, „premium, piękny” */
.kr-form{background:var(--pow);border:1px solid var(--hl);padding:2rem 2rem 1.4rem;box-shadow:0 24px 50px -40px rgba(29,32,38,.5)}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--tx);margin-top:.45rem;max-width:100%}
.seg label{cursor:pointer;flex:1 1 auto;min-width:0}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.55rem 1.2rem;font-weight:500;font-size:.98rem;text-align:center;background:#fff;color:var(--tx)}
.seg label+label span{border-left:1px solid var(--tx)}
.seg input:checked+span{background:var(--tx);color:#fff}
.seg input:focus-visible+span{outline:2px solid var(--zl);outline-offset:-4px}
.krok legend{border-bottom:1px solid var(--hl);width:100%;padding-bottom:.6rem}
.kr-podglad{position:sticky;top:1rem}
.kr-podglad .papier{background:#fff}
.kr-podglad img{transition:opacity .2s}
.kr-podglad.laduje img{opacity:.55}
.kr-pod-opis{text-align:center;margin-top:.7rem}
.blad-pola{color:var(--err);font-size:.86rem;font-weight:500;margin-top:.25rem;display:block}
.kr-mini{display:none;align-items:center;gap:.7rem;width:100%;margin:0 0 .9rem;padding:.5rem;border:1px solid var(--hl);background:var(--pow);text-decoration:none;font-size:.9rem;color:var(--tx2);text-align:left;cursor:pointer}
.kr-mini img{width:84px;flex:none}
.js .kr-mini.ukryj{display:none}

/* prywatny link: gotowa klepsydra */
.gotowa{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2.4rem;align-items:start}
.gotowa>*{min-width:0}
.stan,.alert{border:1px solid var(--hl);border-left:2px solid var(--mu);padding:.9rem 1rem;margin:0 0 1.1rem;font-size:.95rem;background:var(--pow)}
.stan b{display:block;font-size:1rem;margin-bottom:.15rem}
.stan.ok,.alert.ok{border-left-color:var(--ok);color:var(--ok);background:var(--ok-s)}
.stan.warn,.alert.warn{border-left-color:var(--warn);color:var(--warn);background:var(--warn-s)}
.stan.szkic{color:var(--tx2)}
.stan.bad,.alert.bad{border-left-color:var(--err);color:var(--err);background:var(--err-s)}
.stan a{color:inherit;overflow-wrap:anywhere}
.alert ul{margin:0;padding-left:1.1rem}

/* stopka (grafit) */
.stopka{color:var(--mu);font-size:.84rem;padding:1.6rem 0}
.stopka .wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:center;justify-content:space-between}
.stopka nav{display:flex;flex-wrap:wrap;gap:0 1.4rem}
.stopka a{color:var(--mu);text-decoration:none;padding:.45rem 0}
.stopka a:hover{color:var(--tx)}
.stopka .do-ploty{text-transform:none;letter-spacing:0}

/* ===== kreator K1 „jak Ustawienia w iPhonie” (właściciel 22.10.2026; „styl spójny”, „kolory dobierz odpowiednio”):
   szare tło, białe zaokrąglone grupy z podpisem nad nimi, przełącznik w pastylce, granat plota.eu jako kolor działania, złoto
   tylko jako akcent działu (pasek postępu, odczytane pola). Zasięg: tylko strona kreatora (body.kr-body / .kr-tresc). ===== */
.kr-body{--ios:#f2f2f7;--ios-l:rgba(60,60,67,.16);--ios-mu:#6d6d72;--nav:#1b2a6b;--nav2:#25388a;--nav-s:#eef1fb}
.kr-body main{background:var(--ios)}
.kr-tresc{background:var(--ios)}
.kr-tresc .kr-postep li{border-radius:999px}
.kr-tresc .kr-postep li span{border-radius:50%}
.kr-tresc .kr-postep li.akt{background:#fff;border-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.kr-tresc .kr-postep li.akt span,.kr-tresc .kr-postep li.byl span{background:var(--nav);border-color:var(--nav);color:#fff}
.kr-tresc .kr-pasek{border-radius:4px;background:rgba(60,60,67,.12)}
.kr-tresc .kr-pasek i{border-radius:4px;background:var(--nav)}
.kr-tresc .kr-form{background:none;border:0;box-shadow:none;padding:0}
.kr-tresc .krok legend{border:0;padding-bottom:0;margin-bottom:.3rem}
.kr-tresc .krok-o{color:var(--ios-mu)}
.grp-h{margin:1.3rem 0 .45rem .95rem;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ios-mu);font-weight:600}
.grp{background:#fff;border-radius:14px;padding:.15rem 1rem;margin:0 0 1rem}
.grp .pole{margin:0;padding:.7rem 0 .55rem;border-bottom:1px solid var(--ios-l);font-size:.8rem;font-weight:500;color:var(--ios-mu)}
.grp .pole:last-child,.grp .pola2:last-child .pole{border-bottom:0}
.grp .pola2{gap:0 1.2rem}
.grp .pole:focus-within{color:var(--nav)}
.kr-tresc .grp .pole input:not([type=radio]):not([type=checkbox]):not([type=file]),.kr-tresc .grp .pole select,.kr-tresc .grp .pole textarea{border:0;border-radius:0;box-shadow:none;background:transparent;padding:.2rem 0;min-height:2.3rem;margin-top:.1rem;font-size:max(1.06rem,16px);color:#1c1c1e}
.grp .pole>span{margin-bottom:.35rem}
.kr-tresc .pole input:not([type=radio]):not([type=checkbox]):not([type=file]),.kr-tresc .pole select,.kr-tresc .pole textarea{border-radius:10px;border-color:#d1d1d6}
.kr-tresc .pole input:focus,.kr-tresc .pole select:focus,.kr-tresc .pole textarea:focus{border-color:var(--nav);box-shadow:0 0 0 3px rgba(27,42,107,.14)}
/* segmentowy przełącznik (Zmarła / Zmarł, data / wiek) */
.kr-tresc .seg{display:flex;border:0;background:#e3e3e8;border-radius:10px;padding:2px;gap:2px}
.kr-tresc .seg label{flex:1}
.kr-tresc .seg span{min-height:2.6rem;border-radius:8px;background:transparent;color:#1c1c1e;font-size:.95rem;padding:.4rem .8rem}
.kr-tresc .seg label+label span{border-left:0}
.kr-tresc .seg input:checked+span{background:#fff;color:#1c1c1e;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.12)}
/* zdjęcie w grupie */
.kr-tresc .grp .zdj-pole{border:0;margin:0;padding:.8rem 0;background:none}
.kr-tresc .zdj-ram{width:3.8rem;height:3.8rem;background:#e9e9ee;color:var(--nav)}
.kr-tresc .zdj-pole b{color:var(--nav)}
.kr-tresc .zdj-pole small{color:var(--ios-mu)}
/* wybory: pastylki, karty stylu, wzory */
.kr-tresc .wybor span{border-radius:999px;border-color:#d1d1d6;background:#fff}
.kr-tresc .wybor input:checked+span{background:var(--nav);border-color:var(--nav);color:#fff}
.kr-tresc .wybor-pion span{border-radius:14px}
.kr-tresc .wybor-pion input:checked+span{background:var(--nav-s);color:#1c1c1e;border-color:var(--nav);box-shadow:inset 0 0 0 1px var(--nav)}
.kr-tresc .style span{border-radius:14px;border-color:transparent;background:#fff}
.kr-tresc .style input:checked+span{border-color:var(--nav);box-shadow:inset 0 0 0 1px var(--nav);background:var(--nav-s)}
.kr-tresc .wzory-wybor img{border-radius:10px;outline-color:#d1d1d6}
.kr-tresc .wzory-wybor input:checked+img{border-color:var(--nav);outline-color:var(--nav)}
.kr-tresc .gotowy{border:0;border-radius:14px;background:#fff}
.kr-tresc .wiecej-pol{background:#fff;border:0;border-radius:14px;padding:.1rem 1rem .4rem;margin:.6rem 0 1rem}
.kr-tresc .wiecej-pol summary{color:var(--nav);list-style:none}
.kr-tresc .wiecej-pol summary::-webkit-details-marker{display:none}
.kr-tresc .wiecej-pol summary::after{content:'›';float:right;font-size:1.3rem;line-height:1;color:var(--ios-mu);transition:transform .2s}
.kr-tresc .wiecej-pol[open] summary::after{transform:rotate(90deg)}
.kr-tresc .podpowiedzi button{border:1px solid #d1d1d6;border-radius:999px;background:#fff;color:#1c1c1e}
.kr-tresc .urocz-w{border:0;border-radius:14px;background:#fff;padding:1rem 1rem .2rem}
.kr-tresc .ostatni{border:0;border-radius:14px;background:#fff}
.kr-tresc .zaznacz input{accent-color:var(--nav)}
.kr-tresc .alert{border-radius:12px}
.kr-tresc .btn{border-radius:14px;letter-spacing:.02em;text-transform:none;font-size:1rem}
.kr-tresc .btn-c{background:var(--nav);border-color:var(--nav);color:#fff}
.kr-tresc .btn-c:hover{background:var(--nav2);border-color:var(--nav2)}
.kr-tresc .btn-l{background:#e5e5ea;border-color:#e5e5ea;color:var(--nav)}
.kr-tresc .kr-nav{border-top:0}
.kr-tresc .kr-podglad .papier{border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.kr-tresc .kr-mini{border:0;border-radius:14px;background:#fff}
/* przełącznik (kondolencje): wiersz z opisem i pastylką po prawej */
.przel{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--ios-l);cursor:pointer;position:relative}
.grp .przel:last-child{border-bottom:0}
.przel input{position:absolute;opacity:0;pointer-events:none}
.przel-t{flex:1;min-width:0}
.przel-t b{display:block;font-size:1rem;color:#1c1c1e}
.przel-t small{display:block;color:var(--ios-mu);font-size:.86rem;line-height:1.4;margin-top:.15rem}
.przel-s{flex:none;position:relative;width:3.1rem;height:1.85rem;border-radius:999px;background:#e9e9eb;transition:background .2s}
.przel-s::after{content:'';position:absolute;top:2px;left:2px;width:calc(1.85rem - 4px);height:calc(1.85rem - 4px);border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s}
.przel input:checked~.przel-s{background:var(--nav)}
.przel input:checked~.przel-s::after{transform:translateX(1.25rem)}
.przel input:focus-visible~.przel-s{outline:2px solid var(--nav);outline-offset:2px}
/* start kreatora: „ze zdjęcia” czy „nowy” */
.kr-start{padding:.4rem 0 2.4rem}
.kr-start h2{font:400 1.9rem/1.15 var(--disp);margin:0 0 1rem}
.kr-start-l{display:grid;gap:.7rem;max-width:44rem}
.kr-wyb{display:flex;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.1rem;border:1.5px solid transparent;border-radius:18px;background:#fff;color:#1c1c1e;text-align:left;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s;font:inherit}
.kr-wyb:hover,.kr-wyb:focus-within,.kr-wyb:focus-visible{border-color:var(--nav);box-shadow:0 8px 22px -14px rgba(27,42,107,.5);outline:none}
.kr-wyb-i{flex:none;display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:14px;background:var(--nav-s);color:var(--nav)}
.kr-wyb-i .ik{width:1.5rem;height:1.5rem}
.kr-wyb-i2{background:#f6efe0;color:#8a6a35}
.kr-wyb-t{flex:1;min-width:0}
.kr-wyb-t b{display:block;font-size:1.08rem;font-weight:600;line-height:1.3}
.kr-wyb-t small{display:block;margin-top:.2rem;color:var(--ios-mu);font-size:.92rem;line-height:1.45}
.kr-wyb-s{flex:none;color:#c7c7cc;width:1.2rem;height:1.2rem}
.kr-czyt{max-width:44rem;margin-top:.7rem;padding:1.2rem;border-radius:18px;background:#fff}
.kr-czyt p{margin:.7rem 0 0;font-weight:600}
.kr-czyt-p{height:6px;border-radius:6px;background:#e5e5ea;overflow:hidden}
.kr-czyt-p i{display:block;height:100%;width:35%;border-radius:6px;background:var(--nav);animation:kr-czyt 1.2s ease-in-out infinite}
.kr-czyt.blad .kr-czyt-p{display:none}
.kr-czyt.blad p{color:var(--err)}
@keyframes kr-czyt{0%{transform:translateX(-100%)}100%{transform:translateX(290%)}}
.kr-czyt-a{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.kr-btn{min-height:2.9rem;padding:0 1.2rem;border:0;border-radius:12px;background:var(--nav);color:#fff;font-weight:600;font-size:1rem;cursor:pointer}
.kr-btn-2{background:#e5e5ea;color:var(--nav)}
.kr-start-o{margin:1rem 0 0;color:var(--ios-mu);font-size:.88rem;max-width:44rem}
.kr-na-starcie .kr,.kr-na-starcie .kr-postep,.kr-na-starcie .kr-pasek{display:none}
/* wynik odczytu klepsydry: co uzupełniliśmy (do sprawdzenia) */
.kr-odczyt{display:flex;gap:.8rem;align-items:flex-start;margin:0 0 1rem;padding:1rem;border-radius:14px;background:var(--nav-s);color:#1c1c1e;font-size:.95rem;line-height:1.5}
.kr-odczyt .ik{flex:none;width:1.4rem;height:1.4rem;color:var(--nav);margin-top:.1rem}
.kr-odczyt b{display:block}
.kr-tresc .odczytane input:not([type=radio]):not([type=checkbox]),.kr-tresc .odczytane select,.kr-tresc .odczytane textarea{background:#fff6e2!important;border-radius:8px!important;padding-left:.5rem!important;padding-right:.5rem!important}
@media (prefers-reduced-motion:reduce){.kr-czyt-p i{animation:none;width:100%}}

@media (max-width:900px){
  .siatka,.kr,.gotowa{grid-template-columns:minmax(0,1fr)}
  /* poradnik na telefonie: spis przyklejony u góry, rozwijany jednym dotknięciem */
  .por{display:block}
  .por-nav{position:sticky;top:0;z-index:40;max-height:none;overflow:visible;background:var(--bg);margin:0 -28px 1.4rem;padding:.5rem 28px;border-bottom:1px solid var(--hl)}
  .por-nav-b{display:flex;align-items:center;gap:.6rem;width:100%;min-height:3rem;padding:.5rem .9rem;border:1px solid var(--hl2);background:var(--pow);color:var(--tx);text-align:left;cursor:pointer}
  .por-nav-b span{color:var(--mu);font-size:.9rem;flex:none}
  .por-nav-b b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .por-nav-b::after{content:'';width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-.3rem .2rem 0 0;flex:none}
  .por-nav.otw .por-nav-b::after{transform:rotate(-135deg);margin-top:.3rem}
  .por-lista{display:none;border:1px solid var(--hl);border-top:0;background:var(--pow);max-height:70vh;overflow:auto}
  .por-nav.otw .por-lista{display:block}
  .por-lista a{padding:.85rem 1rem;border-left:0;margin:0;border-bottom:1px solid var(--hl)}
  .por-lista a[aria-current]{background:var(--zl-s)}
  .rozdz{scroll-margin-top:5rem}
  /* nekrolog na telefonie: kolejność z PDF — osoba, pogrzeb, treść, klepsydra, okaż pamięć, organizator */
  .nk{display:flex;flex-direction:column;gap:1.8rem}
  .nk-l,.nk-bok{display:contents}
  .nk-glowa{order:1;padding-bottom:0}
  .nk-pog{order:2}
  .nk-tekst{order:3;margin-top:0}
  .nk-kl{order:4}
  .nk-pam{order:5}
  .nk-org{order:6}
  .nk-linki{order:7;margin-top:0}
  .kr-podglad{position:static;order:-1}
  .js .kr-podglad{display:none}
  .js .kr.krok-ost .kr-podglad{display:block;order:0}
  .kal{display:none}   /* telefon i tablet: kalendarz dzień po dniu */
  /* listy miejsc F2 na tablecie i telefonie: sama lista, mapa pod pływającym przyciskiem „Mapa” (otwiera cały ekran) */
  .mf-uklad.z-mapa{display:block}
  .mf-mapa-kol{position:static}
  .mf-mapa:not(.mapa-pelna):not(.mapa-start){display:none}
  .mf-mapa-tel{display:inline-flex;align-items:center;gap:.5rem;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;min-height:3.1rem;padding:0 1.4rem;border:0;border-radius:999px;background:#1d2026;color:#f6f4ef;font-weight:700;font-size:1rem;box-shadow:0 12px 28px -10px rgba(0,0,0,.55);cursor:pointer}
  .mf-mapa-tel .ik{color:#dcb97e}
  html.mapa-on .mf-mapa-tel{display:none}
  .mf-kol{padding-bottom:4rem}
  .bohater{grid-template-columns:minmax(0,1fr);min-height:0}
  .boh-img{height:15rem;min-height:0}
  .boh-img img{-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
  .boh-t{padding:0 28px 2.4rem;margin-top:-3rem;position:relative;max-width:none}
  .bohater h1{font-size:2.4rem}
  .naglowek h1{font-size:2.15rem}
}
@media (max-width:720px){
  .mb-d{display:none}
  .nv{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marka prawa" "menu menu";row-gap:.4rem;padding-top:.8rem;padding-bottom:.2rem}
  .marka{grid-area:marka;justify-items:start}
  .marka i{font-size:2rem}
  .marka span{padding-left:0}
  .nv-p{grid-area:prawa}
  .mn{grid-area:menu;justify-content:space-between;gap:.4rem;font-size:.74rem;letter-spacing:.06em;border-top:1px solid var(--hl);padding-top:.1rem}
  .nv .btn .dd{display:none}
  /* wybór miejsca na telefonie: panel od dołu ekranu, z tytułem i ×; tło nie przewija się */
  .wyb-p{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;max-height:78vh;display:flex;flex-direction:column;padding:.4rem .6rem calc(.8rem + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.5);border-left:0;border-right:0;border-bottom:0;border-radius:1.2rem 1.2rem 0 0}
  .wyb-p[hidden]{display:none}
  .wyb-h{display:flex;align-items:center;justify-content:space-between;padding:.2rem .4rem 0 .6rem}
  .wyb-h b{font-size:1rem}
  .wyb-l{max-height:none;flex:1}
  html.wyb-on{overflow:hidden}
  .nv-prosty{grid-template-columns:auto minmax(0,1fr);grid-template-areas:none;padding-bottom:.8rem}
  .nv-prosty .marka{grid-area:auto;justify-self:end;justify-items:end}
  .nv-prosty .nv-p{display:none}
  .pasek-nk .okr{display:none}
  .pasek-nk .wroc{display:inline-flex}
  .tl li{grid-template-columns:minmax(0,1fr)}
  /* mapa na telefonie: mały podgląd bez przesuwania palcem + „Powiększ mapę” → cały ekran z kartami na dole */
  .mapa,.miejsca-mapa{height:13rem}
  .mapa-otworz{right:auto;top:auto;left:50%;bottom:12px;transform:translateX(-50%)}
  .mapa .leaflet-control-zoom,.miejsca-mapa .leaflet-control-zoom{display:none}
  .mapa-dol{top:auto;left:0;right:0;width:auto;bottom:calc(12px + env(safe-area-inset-bottom))}
  .mapa-marka{padding:0 8px}
  .mapa-marka b{display:none}   /* telefon: samo „P” plota — tytuł potrzebuje miejsca */
  .mapa-kar{flex-direction:row;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 8%;scrollbar-width:none}
  .mapa-kar::-webkit-scrollbar{display:none}
  .mapa-kk{flex:0 0 84%;max-width:360px;scroll-snap-align:center}
  .mapa-pelna .leaflet-top.leaflet-left{left:10px}
  .mapa-pelna .leaflet-bottom{top:calc(64px + env(safe-area-inset-top));bottom:auto}
  .mapa-pelna .leaflet-bottom.leaflet-left{left:10px}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .boh-t{padding:0 16px 2rem}
  .bohater h1{font-size:2.1rem}
  .szukaj .btn{padding:.6rem .85rem}
  .pas-pg{padding:2rem 0 2.2rem}
  .pg{grid-template-columns:4.4rem minmax(0,1fr)}
  .pg>.pg-s{display:none}
  .pgk{grid-template-columns:minmax(0,1fr)}
  .pk{padding:1.1rem 0;margin-left:0;border-left:0}
  .pk-t{font-size:2.9rem}
  .kl{grid-template-columns:3rem minmax(0,1fr)}
  .kl-s{display:none}
  .kl-f{width:3rem;height:3.8rem}
  .sekcja h2,.rozdz>h2{font-size:1.85rem}
  .naglowek h1{font-size:1.9rem}
  .nk-glowa h1{font-size:2.3rem}
  .pog-go{font-size:2.8rem}
  .nk-pog{padding:1.2rem 1rem}
  .akcje .btn{flex:1 1 calc(50% - .5rem)}
  .pola2,.pola3{grid-template-columns:minmax(0,1fr)}
  .krok legend{font-size:1.65rem}
  .wzory-wybor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .style{grid-template-columns:minmax(0,1fr)}
  .por-nav{margin:0 -16px 1.2rem;padding:.5rem 16px}
  .kr-gora h1{font-size:1.9rem}
  .mk-lista,.pgc-lista,.mf-plasko{grid-template-columns:minmax(0,1fr)}
  /* wiersz miejsca na telefonie: przyciski „Nawiguj” / „Zadzwoń” pod nazwą, strzałka znika */
  .mkp{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:.85rem}
  .mkp-a{grid-column:2;flex-wrap:wrap;margin-top:.35rem}
  .mkp-s{display:none}
  .pgc{grid-template-columns:6.8rem minmax(0,1fr);gap:.9rem;padding:.9rem}
  .pgc-a{grid-column:1/-1}
  /* szukaczka S1 na telefonie: pytania jedno pod drugim, na całą szerokość, „Kiedy?” w trzech równych częściach */
  .mfz-r{flex-direction:column;align-items:stretch;gap:.9rem}
  .mfz-tab{display:flex}
  .mfz-tab label{flex:1}
  .mfz-tab span{width:100%;justify-content:center;padding:0 .4rem}
  .wyb,.wyb-b,.mfz-sel{width:100%}
  .wyb-b span{flex:1;text-align:left}
  .mfz-r .mfz-a:first-of-type{margin-left:0}
  .mfz-a,.mfz-tgl span{width:100%;justify-content:center}
  .mfz-go{padding:0 1.1rem}
  .mfz-q{padding-left:1rem}
  .mf{padding:.8rem}
  .mf .btn,.mf-sel{flex:1 1 100%}
  .stopka .wrap{justify-content:flex-start}
  /* kroki kreatora: na telefonie tylko bieżący („Krok 2 z 4 · Kiedy i gdzie”), bez paska do przewijania */
  .kr-postep{flex-wrap:nowrap}
  .kr-postep li{display:none;padding-left:0}
  .kr-postep li.akt{display:flex;border-color:transparent}
  .kr-postep .kr-z{display:inline}
  .kr-form{padding:1.2rem 1rem 0;margin:0 -16px;border-left:0;border-right:0}
  .seg{display:flex}
  .kr-nav{position:sticky;bottom:0;z-index:5;background:var(--pow);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));margin:.6rem -1rem 0;box-shadow:0 -10px 24px rgba(29,32,38,.12)}
  .kr-nav .btn{flex:1}
  .kr-mini{display:flex}
  /* K1 na telefonie: dolny pasek jak w iOS (półprzezroczysty), dokładnie do krawędzi (wrap = 16 px) */
  .kr-tresc .kr-nav{margin:.6rem -16px 0;padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom));background:rgba(242,242,247,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--ios-l)}
  .kr-tresc .kr-nav [hidden]{display:none!important}   /* bez „Wstecz” — „Dalej” na całą szerokość, w jednej linii */
  .kr-start h2{font-size:1.6rem}
  .kr-wyb{padding:1rem .9rem;gap:.8rem}
  .kr-wyb-i{width:2.8rem;height:2.8rem}
  .grp{padding:.1rem .9rem}
  .grp .pola2{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
  body{background:#fff;color:#000}
  .pas,.stopka,.akcje,.nk-bok,.nk-pam,.nk-org,.nk-linki,.pasek-nk,.znicz,.bok,.pas-pg{display:none!important}
}