/* animalis — style wspólne wyciągnięte z makiety v3 (deploy/html). Paleta z USTALEŃ USERA.
   Mandarynka #EE5B2B wyłącznie jako tło/grafika, nigdy jako kolor tekstu.
   Przyciski: cegła #C2410C + biały tekst; linki: rdza #B23A1E. Odstępy 16/24/32 (+ 48/56/72 dla sekcji). */

body{margin:0;background:#FFF6EA}
a{color:#B23A1E}a:hover{color:#8E2A10}
img{max-width:100%}
.strona{font-family:'Figtree',system-ui,sans-serif;color:#1F1A17;background:#FFF6EA;width:100%;overflow:hidden;overflow:clip;overflow-wrap:break-word}
/* jedna szerokość kolumny w całym serwisie; stały pasek przewijania — kolumna nie skacze między stronami */
html{scrollbar-gutter:stable}
.wrap{max-width:1320px;margin:0 auto;padding-left:24px;padding-right:24px}
.lamanie{overflow-wrap:anywhere}
.ukryte{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* fokus z klawiatury: ciemny pierścień z jasną obwódką — widoczny na kremie, bieli, pastelach, mandarynce i morskim */
:focus-visible{outline:3px solid #1F1A17;outline-offset:3px;box-shadow:0 0 0 6px #FFF6EA}
.szukajka select:focus-visible{outline-offset:4px;box-shadow:none}
/* pole miejscowości: bez grubego pierścienia — fokus widać po obrysie całego pola (label) */
.szukajka input:focus-visible{outline:none;box-shadow:none}
.szukajka label:focus-within{box-shadow:inset 0 0 0 2px #C2410C;border-radius:22px}

/* znak i wordmark */
.dl{position:relative;display:inline-block}
.dl svg{position:absolute;left:50%;transform:translateX(-50%);top:0.04em;width:0.28em;height:0.28em}
.grafika-m{color:#EE5B2B;fill:#EE5B2B}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1F1A17}
.logo:hover{color:#1F1A17}
.wordmark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;letter-spacing:-0.04em;line-height:1}

/* nagłówek */
.naglowek{position:relative;padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.menu{display:flex;flex-wrap:wrap;gap:24px;font-size:16px;font-weight:600;flex-grow:1}
/* menu telefonu: <details> bez JS, widoczne tylko ≤640 px (desktop bez zmian) */
.menu-mobilne{display:none}
.menu-mobilne>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#C2410C;color:#FFFFFF;font-weight:700;font-size:15px;cursor:pointer}
.menu-mobilne>summary::-webkit-details-marker{display:none}
.menu-mobilne>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.menu-mobilne[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.menu-mobilne>summary:hover{background:#A8370A}
.menu-lista{position:absolute;left:16px;right:16px;top:100%;z-index:20;background:#FFFFFF;border-radius:24px;padding:8px;box-shadow:0 18px 40px rgba(122,52,20,.18);display:flex;flex-direction:column}
.menu-lista a{display:block;padding:12px 16px;border-radius:16px;color:#1F1A17;text-decoration:none;font-size:17px;font-weight:700}
.menu-lista a:hover{background:#FFF6EA;color:#1F1A17}
.menu-lista a[aria-current]{background:#FFE3D6}
.menu a{color:#1F1A17;text-decoration:none}
.menu a:hover{text-decoration:underline;text-decoration-color:#1F1A17;text-underline-offset:7px}
.menu a[aria-current]{text-decoration:underline;text-decoration-color:#EE5B2B;text-decoration-thickness:3px;text-underline-offset:7px}
.okruszki{padding-top:4px;font-size:14px;color:#5A514B}
.okruszki a{color:#5A514B}

/* typografia */
.f-b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800}
.h-hero{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(40px,6vw,70px);line-height:0.95;letter-spacing:-0.045em;color:#1F1A17}
.h-duzy{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(40px,5.5vw,72px);line-height:0.95;letter-spacing:-0.045em;max-width:900px}
.h-sekcja{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(36px,4.5vw,56px);line-height:0.95;letter-spacing:-0.04em}
.h-strona{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(40px,8vw,88px);line-height:0.95;letter-spacing:-0.045em}
.h-artykul{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:-0.04em}
.h-zwierze{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(56px,12vw,128px);line-height:0.9;letter-spacing:-0.05em}
.h-pod{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(30px,4vw,44px);letter-spacing:-0.035em;line-height:1.05}
.h-karta{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.15}
.h-karta-duzy{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(26px,3vw,32px);line-height:1.02;letter-spacing:-0.03em}
.lead{margin:0;font-size:20px;line-height:1.55;color:#33302B;max-width:720px}
.akapit{margin:0;font-size:18px;line-height:1.7;color:#33302B}
.opis{font-size:16px;color:#4A423C;line-height:1.5}
.szary{color:#5A514B}
.drobny{margin:0;font-size:13px;line-height:1.6;color:#5A514B}
.nadtytul{font-size:13px;font-weight:800;letter-spacing:0.04em}

/* przyciski, etykiety, chipy */
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;border:0;font-family:inherit;cursor:pointer;box-sizing:border-box;max-width:100%;text-align:center}
.btn-duzy{min-height:56px;padding:0 30px;font-size:17px}
.btn-cegla{background:#C2410C;color:#FFFFFF}.btn-cegla:hover{background:#A8370A;color:#FFFFFF}
.btn-ciemny{background:#1F1A17;color:#FFF6EA}.btn-ciemny:hover{color:#FFF6EA}
.btn-bialy{background:#FFFFFF;color:#1F1A17}.btn-bialy:hover{color:#1F1A17}
.btn-krem{background:#FFF6EA;color:#1F1A17}.btn-krem:hover{color:#1F1A17}
.btn-mandarynka{background:#EE5B2B;color:#1F1A17;font-weight:800}
.etykieta{align-self:flex-start;font-size:14px;font-weight:800;border-radius:999px;padding:8px 14px}
.etykieta-m{align-self:flex-start;font-size:13px;font-weight:800;border-radius:999px;padding:7px 13px}
.chipy{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.chip{font-size:14px;font-weight:600;background:#FFFFFF;border-radius:999px;padding:8px 13px;color:#1F1A17;text-decoration:none;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
a.chip:hover,.chip-wybrany{background:#1F1A17;color:#FFF6EA}
a.chip-wybrany:hover{color:#FFF6EA}
.chip-duzy{font-size:15px;font-weight:700;padding:9px 16px}
.chip-maly{font-size:13px;padding:6px 11px}
.chip-wiecej{background:transparent;color:#5A514B;box-shadow:inset 0 0 0 1px #D9C7B2}

/* tła */
.tlo-biel{background:#FFFFFF}
.tlo-krem{background:#FFF6EA}
.tlo-brzoskwinia{background:#FFE3D6}
.tlo-mieta{background:#DCEFE7}
.tlo-zolty{background:#FFE9A8}
.tlo-mandarynka{background:#EE5B2B;color:#1F1A17}
.tlo-morski{background:#0B6E63;color:#FFFFFF}

/* karty */
.karta{transition:transform .25s ease, box-shadow .25s ease}
.karta:hover,.karta:focus-visible{transform:translateY(-6px) rotate(-0.6deg);box-shadow:0 18px 40px rgba(122,52,20,.16)}
.karta:focus-visible{box-shadow:0 0 0 6px #FFF6EA,0 18px 40px rgba(122,52,20,.16)}
.foto{transition:transform .5s ease}
.karta:hover .foto{transform:scale(1.05)}
.fotka{overflow:hidden}
.fotka img{width:100%;height:100%;object-fit:cover;display:block}
.siatka{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.siatka-szeroka{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:24px}
.siatka-lecznic{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:24px}
.siatka-uslug{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}
.siatka-etapy{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px}
.siatka-kafle{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.panel{background:#FFFFFF;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:16px}
.kafel{text-decoration:none;color:#1F1A17;border-radius:26px;padding:24px;display:flex;flex-direction:column;gap:8px}
.kafel:hover{color:#1F1A17}
.kafel-wartosc{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;line-height:1.1}
.kafel-liczby{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:14px;color:#4A423C}
.kafel-liczby strong{color:#1F1A17}

.karta-lecznicy{text-decoration:none;color:#1F1A17;background:#FFFFFF;border-radius:30px;padding:24px 24px 24px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;min-width:0}
.karta-lecznicy:hover{color:#1F1A17}
.karta-lecznicy .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-0.01em}
.karta-lecznicy .rodzaj{font-size:13px;font-weight:700;color:#0B5A51}
.karta-lecznicy .adres{font-size:15px;line-height:1.5;color:#4A423C}
.karta-lecznicy .chipy-karty{gap:6px;padding-top:8px}
.karta-lecznicy .zrodlo-danych{margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;color:#5A514B}
.karta-lecznicy .odleglosc{font-size:14px;font-weight:700;color:#0B5A51}
/* znaczniki faktów (dana jest / jej nie ma) — neutralne, bez ocen i wyróżnień */
.karta-lecznicy .fakty{display:flex;flex-wrap:wrap;gap:6px}
.fakt{font-size:13px;font-weight:600;color:#33302B;border-radius:999px;padding:3px 10px;box-shadow:inset 0 0 0 1px #D9C7B2}
.karta-lecznicy .chip{background:#FFF6EA}
.pas-bialy-gora .karta-lecznicy .chip,.pas-bialy .karta-lecznicy .chip{background:#FFFFFF}
.karta-lecznicy .chip-wiecej,.pas-bialy-gora .karta-lecznicy .chip-wiecej,.pas-bialy .karta-lecznicy .chip-wiecej{background:transparent}
/* karta zwarta: lecznica bez opisu usług (nazwa, adres, fakty); siatka 4 kol. desktop, 1–2 telefon */
.siatka-krotka{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.karta-lecznicy-krotka{text-decoration:none;color:#1F1A17;background:#FFFFFF;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;min-width:0}
.karta-lecznicy-krotka:hover{color:#1F1A17}
.pas-bialy .karta-lecznicy-krotka,.pas-bialy-gora .karta-lecznicy-krotka{background:#FFF6EA}
.karta-lecznicy-krotka .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;line-height:1.2}
.karta-lecznicy-krotka .adres{font-size:14px;line-height:1.5;color:#4A423C}
.karta-lecznicy-krotka .fakty{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
/* siatka bez pustych kolumn (np. „W okolicy” z 2 kartami) */
.siatka-dopasowana{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}

.karta-zwierzecia{text-decoration:none;color:#1F1A17;background:#FFFFFF;border-radius:30px;padding:10px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;min-width:0}
.karta-zwierzecia:hover{color:#1F1A17}
.karta-zwierzecia .fotka{position:relative;border-radius:22px;aspect-ratio:4 / 5}
.karta-zwierzecia .imie{padding:4px 8px 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;line-height:1.1}
.karta-zwierzecia .dane{padding:0 8px;font-size:13px;line-height:1.45;color:#4A423C}
.karta-zwierzecia .miejsce{margin-top:auto;padding:0 8px 8px;font-size:13px;font-weight:700;line-height:1.45;color:#0B5A51}
.brak-zdjecia{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#FFE3D6}

.karta-artykulu{text-decoration:none;color:#1F1A17;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.karta-artykulu:hover{color:#1F1A17}
.karta-artykulu .fotka{height:240px}
.karta-artykulu .cialo{padding:24px 28px 28px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.karta-mala{text-decoration:none;color:#1F1A17;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px}
.karta-mala:hover{color:#1F1A17}
.karta-boczna{text-decoration:none;color:#1F1A17;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:8px}
.karta-boczna:hover{color:#1F1A17}
.karta-boczna.tlo-morski,.karta-boczna.tlo-morski:hover{color:#FFFFFF}

/* okładka artykułu bez zdjęcia: kafel w kolorze etapu, duży numer etapu i znak */
.okladka{position:relative;height:240px;box-sizing:border-box;padding:24px 28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.okladka-numer{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:112px;line-height:0.85;letter-spacing:-0.05em}
.okladka-znak{position:absolute;right:-18px;bottom:-14px;width:150px;height:150px;transform:rotate(-8deg)}
.okladka-etap{position:relative;align-self:flex-start;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;background:#FFFFFF;border-radius:999px;padding:6px 14px}
.okladka-duza{height:auto;aspect-ratio:4 / 5;border-radius:22px;padding:28px}
.okladka-duza .okladka-numer{font-size:clamp(120px,14vw,180px)}
.okladka-duza .okladka-znak{width:58%;height:auto;aspect-ratio:1 / 1;right:-6%;bottom:-4%}

/* sekcje */
.glowa-strony{padding-top:24px;padding-bottom:48px;display:flex;flex-direction:column;gap:24px}
.sekcja{padding-top:56px;padding-bottom:56px;display:flex;flex-direction:column;gap:32px}
.pas-bialy-gora>.sekcja{padding-top:48px;padding-bottom:72px}
.sekcja-glowka{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.pas-bialy{background:#FFFFFF}
.pas-bialy-gora{background:#FFFFFF;border-radius:48px 48px 0 0}
.pas-bialy .karta-lecznicy,.pas-bialy-gora .karta-lecznicy,.pas-bialy .karta-zwierzecia,.pas-bialy-gora .karta-zwierzecia,
.pas-bialy .paginacja>a:not(.krok),.pas-bialy-gora .paginacja>a:not(.krok){background:#FFF6EA}
.dwie-kolumny{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.kol-glowna{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}
.kol-boczna{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.ramka-info{background:#FFF6EA;border-radius:22px;padding:20px 24px;font-size:14px;line-height:1.6;color:#4A423C}
/* jeden akapit z linkiem w środku (flex rozbijał tekst i link na osobne bloki) */
.komunikat{background:#FFFFFF;border-radius:30px;padding:24px;display:block;font-size:17px;line-height:1.6;margin:0}

/* lecznice całodobowe (W5): fakt ze źródłem, bez wyróżnień */
.link-dyzury{align-self:flex-start;font-size:16px;font-weight:700;color:#1F1A17;text-underline-offset:3px}
.link-dyzury:hover{color:#1F1A17}
.znacznik-calodobowy{align-self:flex-start;margin:0;font-size:15px;font-weight:700;line-height:1.4;color:#1F1A17;background:#DCEFE7;border-radius:18px;padding:8px 14px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.znacznik-calodobowy a{color:#0B5A51}
.miasto-naglowek{margin:8px 0 0;font-size:18px;font-weight:800;line-height:1.3}
.miasto-naglowek a{color:#1F1A17}
.karta-calodobowa{background:#FFF6EA;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0;height:100%;box-sizing:border-box}
.karta-calodobowa .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-0.01em}
.karta-calodobowa .nazwa a{color:#1F1A17;text-decoration:none}
.karta-calodobowa .nazwa a:hover{text-decoration:underline}
.karta-calodobowa .rodzaj{font-size:13px;font-weight:700;color:#0B5A51}
.karta-calodobowa .adres{font-size:15px;line-height:1.5;color:#4A423C}
.karta-calodobowa .telefony{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.karta-calodobowa .zrodla-calodobowe{margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;color:#5A514B;overflow-wrap:anywhere}

/* pusty stan: duży znak animalis */
.pusty{border-radius:36px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.pusty-znak{flex:0 0 auto;width:140px;height:140px;transform:rotate(-6deg)}
.pusty-tresc{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}

/* 404 */
.blad-strony{min-height:60vh;box-sizing:border-box;padding-top:32px;padding-bottom:96px;display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.blad-znak{flex:0 1 360px;min-width:0;aspect-ratio:1 / 1;border-radius:48px;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg)}
.blad-znak svg{width:70%;height:70%}
.blad-tresc{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:24px}

/* wyszukiwarka (GET, wewnętrzna) */
.szukajka{display:flex;flex-wrap:wrap;gap:8px;background:#FFF6EA;border-radius:28px;padding:7px;margin:0}
.szukajka label{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 16px;font-size:13px;font-weight:700;color:#5A514B}
.szukajka select,.szukajka input{font:inherit;font-size:16px;font-weight:500;color:#1F1A17;border:0;background:transparent;width:100%;max-width:100%;min-width:0;padding:6px 0;outline-offset:4px}
.szukajka button{min-height:52px;padding:0 26px;border:0;border-radius:999px;background:#C2410C;color:#FFFFFF;font:inherit;font-size:16px;font-weight:700;cursor:pointer;flex:0 0 auto}
.szukajka button:hover{background:#A8370A}
.szukajka-biala{background:#FFFFFF}
.szukajka input::placeholder{color:#7A6F66}
.szukajka label{position:relative}
.szukajka-lista{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;margin:0;padding:6px;list-style:none;background:#FFFFFF;border-radius:20px;box-shadow:0 18px 40px rgba(31,26,23,.18),0 0 0 1px rgba(31,26,23,.06);min-width:260px}
.szukajka-lista-naglowek{padding:8px 12px 4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7A6F66}
.szukajka-lista-pozycja{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;cursor:pointer;font-size:16px;font-weight:600;color:#1F1A17}
.szukajka-lista-pozycja:hover,.szukajka-lista-pozycja[aria-selected="true"]{background:#FFF0E6}
.szukajka-lista-nazwa{min-width:0;overflow-wrap:anywhere}
.szukajka-lista-liczba{flex:0 0 auto;font-size:13px;font-weight:600;color:#7A6F66}
.szukajka-lista-pusto{padding:10px 12px;font-size:15px;color:#5A514B}
.szukajka-brak{margin:0;background:#FFF6EA;color:#1F1A17;border-radius:18px;padding:12px 16px;font-size:15px;font-weight:600}

/* filtr usług w miejscowości: chipy w grupach, rozwijane bez JS, zawijane (bez przewijania) */
.filtr{display:block;max-width:100%}
.filtr[open]{background:#FFFFFF;border-radius:30px;padding:16px 24px 24px}
.filtr-przycisk{list-style:none;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:#C2410C;color:#FFFFFF;font-weight:700;font-size:15px;cursor:pointer;max-width:100%;box-sizing:border-box}
.filtr-przycisk::-webkit-details-marker{display:none}
.filtr-przycisk::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:0 0 auto}
.filtr[open] .filtr-przycisk::after{transform:translateY(2px) rotate(-135deg)}
.filtr-przycisk:hover{background:#A8370A}
.filtr[open] .filtr-przycisk{margin-bottom:16px}
.filtr-grupy{columns:3 260px;column-gap:32px}
.filtr-grupa{break-inside:avoid;display:flex;flex-direction:column;gap:8px;padding-bottom:24px}
.filtr-naglowek{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;line-height:1.2}
.filtr .chip{background:#FFF6EA}
.filtr a.chip:hover,.filtr .chip-wybrany{background:#1F1A17;color:#FFF6EA}
.pas-bialy-gora .filtr[open],.pas-bialy .filtr[open]{background:#FFF6EA}
.pas-bialy-gora .filtr .chip,.pas-bialy .filtr .chip{background:#FFFFFF}
/* zwarta lista miejscowości (/weterynarze/): kolumny, bez przewijania */
.lista-miast{margin:0;padding:0;list-style:none;columns:4 200px;column-gap:24px;font-size:15px;line-height:1.5}
.lista-miast li{break-inside:avoid;padding:2px 0;overflow-wrap:anywhere}
.lista-miast a{color:#1F1A17;font-weight:600;text-underline-offset:3px}

/* filtry adopcji */
.filtry{display:flex;flex-direction:column;gap:16px}
.filtr-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.filtr-etykieta{flex:0 0 88px;font-size:13px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#5A514B}

/* paginacja */
.paginacja{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.paginacja>a,.paginacja>span{min-width:48px;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#FFFFFF;color:#1F1A17;text-decoration:none;font-weight:700;padding:0 16px}
.paginacja>a:hover,.pas-bialy .paginacja>a:not(.krok):hover,.pas-bialy-gora .paginacja>a:not(.krok):hover{background:#1F1A17;color:#FFF6EA}
.paginacja>a.krok{background:#C2410C;color:#FFFFFF;padding:0 22px}
.paginacja>a.krok:hover{background:#A8370A;color:#FFFFFF}
.paginacja span.przerwa{background:transparent;min-width:24px;padding:0}
.paginacja [aria-current]{background:#1F1A17;color:#FFF6EA}
.paginacja-opis{margin:-16px 0 0;text-align:center;font-size:13px;color:#5A514B}

/* nagłówek sekcji z hasłem i wyszukiwarką (jak hero strony głównej) */
.hero-sekcji{padding-top:16px;padding-bottom:72px;display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.hero-sekcji-karta{flex:999 1 560px;min-width:0;background:#EE5B2B;color:#1F1A17;border-radius:36px;padding:40px;transform:rotate(-1deg);box-shadow:0 24px 60px rgba(60,20,5,.20);display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.hero-sekcji-karta p{margin:0;font-size:18px;line-height:1.5;color:#2A1A12;font-weight:500;max-width:640px}
.hero-sekcji-foto{flex:1 1 320px;min-width:0;height:460px;border-radius:44px;background:#FFFFFF;padding:12px;box-sizing:border-box;transform:rotate(2deg);box-shadow:0 18px 44px rgba(122,52,20,.16)}
.hero-sekcji-foto img{border-radius:34px;object-position:50% 40%}

/* strona główna */
.hero{position:relative}
.hero-foto{height:720px;border-radius:44px;overflow:hidden}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;display:block}
.hero-karta{position:absolute;left:40px;bottom:-70px;max-width:600px;background:#EE5B2B;border-radius:36px;padding:40px 40px 32px;transform:rotate(-1.5deg);box-shadow:0 24px 60px rgba(60,20,5,.28);display:flex;flex-direction:column;gap:16px}
.hero-karta p{margin:0;font-size:18px;line-height:1.5;color:#2A1A12;font-weight:500}
.naklejka{position:absolute;right:40px;top:40px;width:230px;text-decoration:none;color:#1F1A17;background:#FFFFFF;border-radius:28px;padding:10px;transform:rotate(4deg);box-shadow:0 18px 44px rgba(60,20,5,.22)}
.naklejka:hover{color:#1F1A17}
.naklejka .fotka{border-radius:20px;height:190px}
.tasma-pas{margin-top:56px;background:#1F1A17;overflow:hidden;transform:rotate(-1deg);margin-left:-20px;margin-right:-20px}
.tasma{display:flex;align-items:center;gap:40px;width:max-content;padding:18px 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;color:#FFF6EA;white-space:nowrap;animation:przewin 38s linear infinite}
.gwiazdka{display:inline-block;width:12px;height:12px;background:#EE5B2B;transform:rotate(45deg);flex:0 0 auto}
@keyframes przewin{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.karta-sekcji{text-decoration:none;color:#1F1A17;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.karta-sekcji:hover{color:#1F1A17}
.karta-sekcji .fotka{height:340px}
.karta-sekcji .cialo{padding:28px;display:flex;flex-direction:column;gap:10px}
.etap{text-decoration:none;color:#1F1A17;border-radius:28px;padding:22px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-sizing:border-box}
.etap:hover{color:#1F1A17}
.etap .numer{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:56px;line-height:1}
/* kafel etapu z dwoma linkami (Pożegnanie: poradnik + /pozegnanie/) — div, nie <a> */
.etap-tytul{font-size:22px;color:#1F1A17;text-decoration:none}
.etap-tytul:hover{color:#1F1A17;text-decoration:underline;text-underline-offset:4px}
.etap-dodatkowy{font-size:15px;font-weight:700;color:#0B5A51;text-underline-offset:3px}
.etap-dodatkowy:hover{color:#1F1A17}
.zaufanie{background:#FFFFFF;border-radius:44px;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch}
.zaufanie .fotka{flex:1 1 440px;min-height:480px;background:#F4E6D3}
.zaufanie .cialo{flex:1 1 440px;min-width:0;padding:56px 48px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.liczby{display:flex;flex-wrap:wrap;gap:24px;padding-top:8px}
.liczba{display:flex;flex-direction:column}
.liczba .wartosc{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:44px;color:#C2410C}
.liczba .podpis{font-size:14px;color:#5A514B}
.pomoc{display:flex;flex-wrap:wrap;gap:24px}
.pomoc .fotka{flex:1 1 520px;border-radius:44px;min-height:460px;position:relative}
.pomoc .fotka img{position:absolute;inset:0}
.pomoc .cialo{flex:1 1 420px;min-width:0;background:#0B6E63;border-radius:44px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;color:#FFFFFF}
.pomoc-kafle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pomoc-kafle a{text-decoration:none;color:#1F1A17;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:2px}
.pomoc-kafle a:hover{color:#1F1A17}

/* profil lecznicy */
.profil-glowa{padding-top:24px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.profil-glowa .kol-glowna{flex:999 1 600px}
.godziny{flex:1 1 340px;min-width:0;background:#FFFFFF;border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 40px rgba(122,52,20,.10)}
.grupa-uslug{border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.telefon-tekst{align-self:center;font-size:16px;font-weight:700;color:#1F1A17}
.godziny-tytul{margin:0;font-size:13px;font-weight:700;color:#5A514B}
.godziny-blok{display:flex;flex-direction:column;gap:6px;min-width:0}
.godziny-zrodlo{font-size:13px;font-weight:700;color:#5A514B}
.godziny-surowe{font-size:17px;font-weight:700;line-height:1.5}
.godziny-brak{margin:0;font-size:16px;color:#4A423C}
.tabela-godzin{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.4}
/* th 30% (min. na „Poniedziałek”), przedział godzin nie łamie się w środku („16:00–18:30”) */
.tabela-godzin th{width:max(30%,6.6em);text-align:left;font-weight:600;color:#4A423C;padding:5px 8px 5px 0;vertical-align:top}
.tabela-godzin td{font-weight:700;padding:5px 0;vertical-align:top}
.tabela-godzin .przedzial{white-space:nowrap}
.godziny .btn-obrys{box-shadow:inset 0 0 0 2px #C9B49C}
.tabela-godzin tr+tr th,.tabela-godzin tr+tr td{border-top:1px solid #F1E4D3}
.tabela-godzin td.brak{font-weight:500;color:#5A514B}
/* kontakt i dojazd: pola w siatce, w rzędzie równej wysokości */
.siatka-kontakt{margin:0;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.kontakt-pole{background:#FFF6EA;border-radius:26px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.kontakt-pole dt{font-size:13px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#5A514B}
.kontakt-pole dd{margin:0;display:flex;flex-direction:column;gap:6px;font-size:17px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.zrodlo-mini{font-size:13px;font-weight:600;color:#5A514B}
/* listy usług z opisem dla właściciela (profil, katalog) */
.licznik-grupy{font-family:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:600;color:#4A423C}
.lista-uslug{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.lista-uslug li{display:flex;flex-direction:column;gap:2px;min-width:0}
.usluga-nazwa{font-size:16px;font-weight:700;line-height:1.35;color:#1F1A17;text-underline-offset:3px}
.usluga-nazwa:hover{color:#1F1A17;text-decoration-thickness:2px}
.usluga-opis{font-size:14px;line-height:1.5;color:#4A423C}
.usluga-liczba{font-size:13px;font-weight:700;color:#0B5A51}
.usluga-grupa{font-size:13px;font-weight:700;color:#0B5A51}
/* katalog usług: kolumny CSS zamiast wierszy — grupy różnej długości bez pustych bloków */
.kolumny-uslug{columns:3 340px;column-gap:16px}
.kolumny-uslug>.grupa-uslug{break-inside:avoid;margin-bottom:16px}
/* pomagaj: odesłanie do listy schronisk na dole kafla */
.panel-dalej{margin:auto 0 0;font-size:15px;font-weight:700;line-height:1.5}
/* o serwisie: tabela ewidencji izb (telefon: wiersze jako bloki, bez przewijania) */
.tabela-zrodel thead th:first-child{width:34%}
.tabela-zrodel thead th{font-size:14px;color:#5A514B}
.tabela-zrodel tbody th{font-weight:700}
.link-naglowka{color:#1F1A17;text-underline-offset:6px;text-decoration-thickness:2px}
.link-naglowka:hover{color:#1F1A17}
.chip-krem{background:#FFF6EA}
/* wybrany i najechany chip-krem: ciemne tło jak .chip-wybrany (inaczej krem na kremie — tekst znika) */
a.chip-krem:hover,.chip-krem.chip-wybrany{background:#1F1A17;color:#FFF6EA}

/* artykuł */
.artykul-glowa{background:#FFE9A8;border-radius:44px;padding:56px 48px;display:flex;flex-wrap:wrap;gap:40px;align-items:center;position:relative;overflow:hidden}
.artykul-glowa .kolo{position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:#EE5B2B}
.artykul-glowa .kol-glowna{flex:999 1 560px;position:relative;gap:20px}
.artykul-foto{flex:1 1 260px;min-width:0;position:relative;background:#FFFFFF;border-radius:30px;padding:12px;transform:rotate(3deg);box-shadow:0 18px 44px rgba(122,52,20,.16)}
.artykul-foto img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:55% 50%;border-radius:22px;display:block}
.artykul-uklad{padding-top:56px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.kol-tekstu{flex:999 1 620px;max-width:760px;gap:32px}
.spis{background:#FFFFFF;border-radius:30px;padding:24px 28px;display:flex;flex-direction:column;gap:8px}
.spis-tytul{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px}
.spis ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:4px;font-size:17px;line-height:1.5}
.spis li::marker{font-weight:800;color:#5A514B}
.spis a{text-underline-offset:3px}
.tresc{display:flex;flex-direction:column;gap:22px;max-width:64ch;font-size:19px}
.tresc>*{margin:0}
.tresc h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:34px;letter-spacing:-0.03em;line-height:1.1;margin-top:10px;scroll-margin-top:24px}
.tresc h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;line-height:1.2}
.tresc p,.tresc li{font-size:19px;line-height:1.75;color:#33302B}
.tresc ul,.tresc ol{padding-left:22px}
.tresc li+li{margin-top:6px}
.tresc blockquote{border-left:4px solid #0B6E63;padding:4px 0 4px 18px;margin:0}
.tresc table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:16px;overflow-wrap:anywhere}
.tresc th,.tresc td{border-bottom:1px solid #E8D9C6;padding:8px;text-align:left;vertical-align:top}
.tresc img{max-width:100%;height:auto}
.tresc pre{white-space:pre-wrap;overflow-wrap:anywhere}
/* „Co zrobić teraz” — pastel morski jak w makiecie */
.ramka-najwazniejsze,.ramka-pilnie{border-radius:30px;padding:28px 32px;display:flex;flex-direction:column;gap:12px}
.ramka-najwazniejsze{background:#FFFFFF}
.ramka-pilnie{background:#FFFFFF;border:3px solid #C2410C}
.ramka-najwazniejsze h2,.ramka-pilnie h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;letter-spacing:-0.02em;line-height:1.15}
.ramka-pilnie h2{color:#B23A1E}
.ramka-najwazniejsze ul,.ramka-pilnie ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.ramka-najwazniejsze li,.ramka-pilnie li{font-size:18px;line-height:1.6;color:#33302B}
/* quiz „Sprawdź się” (karta-gra, static/quiz.js) i ankieta czytelników w środku tekstu */
.quiz{position:relative;overflow:hidden;background:#1F1A17;color:#FFF6EA;border-radius:30px;padding:32px;display:flex;flex-direction:column;gap:20px}
.quiz-tlo-znak{position:absolute;right:-30px;top:-20px;width:190px;height:190px;color:#EE5B2B;fill:#EE5B2B;opacity:0.16;pointer-events:none}
.quiz-glowa{display:flex;flex-direction:column;gap:8px;position:relative}
.quiz-etykieta,.ankieta-etykieta-sekcji{text-transform:uppercase;letter-spacing:0.08em;font-weight:700;font-size:13px}
.quiz-etykieta{color:#FFB08F}
.quiz h2,.ankieta h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-0.02em;line-height:1.15}
.quiz h2{font-size:34px;color:#FFF6EA}
.quiz p{margin:0}
.quiz-postep{height:8px;border-radius:999px;background:rgba(255,246,234,0.18);overflow:hidden;margin-top:6px}
.quiz-postep-pasek{display:block;height:100%;width:0;background:#EE5B2B;border-radius:999px;transition:width .4s ease}
.quiz-pytanie{display:flex;flex-direction:column;gap:14px;position:relative}
.quiz-pytanie+.quiz-pytanie{padding-top:20px;border-top:1px solid rgba(255,246,234,0.18)}
.quiz-js .quiz-pytanie{display:none;border-top:0;padding-top:0}
.quiz-js .quiz-pytanie.aktywne{display:flex;animation:quiz-wejscie .35s ease}
.quiz-licznik{font-size:14px;color:#D9CBBB}
.quiz-tresc{font-size:22px;font-weight:700;line-height:1.35}
.quiz-odpowiedzi{display:grid;gap:10px}
.quiz-odp{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;border-radius:18px;border:2px solid transparent;background:#FFF6EA;color:#1F1A17;font:inherit;font-size:17px;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.quiz-odp:hover:not(:disabled){border-color:#EE5B2B;transform:translateY(-2px)}
.quiz-odp:disabled{cursor:default}
.quiz-litera{flex:0 0 34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EE5B2B;color:#1F1A17;font-weight:800}
.quiz-odp.dobra{background:#DCEFE7;border-color:#0B6E63;color:#0B4A43;font-weight:700}
.quiz-odp.dobra .quiz-litera{background:#0B6E63;color:#FFFFFF;font-size:0}
.quiz-odp.dobra .quiz-litera::after{content:"✓";font-size:18px}
.quiz-odp.zla{background:#FBE3DA;border-color:#B23A1E;color:#8A2C17;animation:quiz-drganie .35s ease}
.quiz-odp.zla .quiz-litera{background:#B23A1E;color:#FFFFFF;font-size:0}
.quiz-odp.zla .quiz-litera::after{content:"✗";font-size:18px}
.quiz-wyjasnienie summary{cursor:pointer;color:#FFB08F;font-size:15px}
.quiz-wyjasnienie p{margin-top:8px;font-size:17px;line-height:1.6;color:#EFE4D6}
.quiz-js .quiz-wyjasnienie summary{display:none}
.quiz-dalej[hidden]{display:none}
.quiz-dalej{align-self:flex-start;background:#EE5B2B;color:#1F1A17}
.quiz-dalej:hover{color:#1F1A17}
.quiz-koniec{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;position:relative;animation:quiz-wejscie .35s ease}
.quiz-koniec[hidden]{display:none}
.quiz-pierscien{width:140px;height:140px;transform:rotate(-90deg)}
.quiz-pierscien circle{fill:none;stroke-width:12}
.quiz-pierscien-tor{stroke:rgba(255,246,234,0.18)}
.quiz-pierscien-wynik{stroke:#EE5B2B;stroke-linecap:round;transition:stroke-dashoffset 1s ease}
.quiz-pierscien-ramka{position:relative;width:140px;height:140px}
.quiz-wynik-liczba{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:40px}
.quiz-wynik-tekst{font-size:18px;line-height:1.5;max-width:420px}
@keyframes quiz-wejscie{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes quiz-drganie{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ankieta{box-sizing:border-box;background:#0B6E63;color:#FFFFFF;border-radius:30px;padding:28px 32px;display:flex;flex-direction:column;gap:16px;margin:8px 0}
.ankieta p{margin:0}
.tresc .ankieta p,.tresc .ankieta li{color:#FFFFFF;font-size:17px;line-height:1.5}
.tresc .ankieta-wyniki{padding-left:0}
.tresc .ankieta-wyniki li+li{margin-top:0}
.tresc .ankieta .ankieta-stopka{font-size:14px;color:#DCEFE7}
.ankieta-glowa{display:flex;align-items:center;gap:10px}
.ankieta-znak{width:34px;height:34px;color:#FFE9A8;fill:#FFE9A8}
.ankieta-etykieta-sekcji{color:#FFE9A8}
.ankieta h2{font-size:28px;color:#FFFFFF}
.ankieta-formularz{display:grid;gap:10px}
.ankieta-opcja{min-height:52px;padding:10px 18px;border-radius:18px;border:2px solid transparent;background:#FFFFFF;color:#1F1A17;font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.ankieta-opcja:hover:not(:disabled){border-color:#EE5B2B;transform:translateY(-2px)}
.ankieta-opcja:disabled{cursor:default;opacity:0.7}
.ankieta-opcja.wybrana{opacity:1;border-color:#EE5B2B}
.ankieta-wyniki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ankieta-wyniki li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:17px}
.ankieta-procent{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;line-height:1.5}
.ankieta-tor{grid-column:1 / -1;height:10px;border-radius:999px;background:rgba(255,255,255,0.2);overflow:hidden}
.ankieta-pasek{display:block;height:100%;width:var(--procent);min-width:4px;border-radius:999px;background:#EE5B2B;animation:ankieta-wzrost .9s ease}
@keyframes ankieta-wzrost{from{width:0}}
.ankieta-stopka{font-size:14px;color:#DCEFE7}
@media (prefers-reduced-motion: reduce){.quiz-js .quiz-pytanie.aktywne,.quiz-koniec,.quiz-odp.zla,.ankieta-pasek{animation:none}.quiz-pierscien-wynik,.quiz-postep-pasek{transition:none}}
.bibliografia .skad-wiemy{font-size:17px;line-height:1.65;color:#33302B}
.ramka-teraz{background:#DCEFE7;border-radius:30px;padding:32px;display:flex;flex-direction:column;gap:16px;scroll-margin-top:24px}
.ramka-teraz>*{margin:0}
.ramka-teraz h2{margin:0;font-size:28px;color:#0B5A51}
.ramka-teraz p,.ramka-teraz li{font-size:18px;color:#1F3A33}
.ramka-teraz a{color:#0B5A51}
.bibliografia{border-top:2px solid #1F1A17;padding-top:24px;display:flex;flex-direction:column;gap:16px;max-width:calc(64ch * 19 / 16)}
.bibliografia-tytul{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;scroll-margin-top:24px}
.bibliografia ol{margin:0;padding-left:28px;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.6;color:#33302B}
.bibliografia li{padding-left:4px}
.bibliografia li::marker{font-weight:800;color:#1F1A17}

/* zwierzę */
.zwierze-foto{position:relative;background:#FFFFFF;border-radius:40px;padding:14px;transform:rotate(-2deg);box-shadow:0 24px 60px rgba(122,52,20,.16)}
.zwierze-foto .fotka{border-radius:30px;aspect-ratio:1 / 1}
.zwierze-kolo{position:absolute;right:-24px;bottom:10px;width:200px;height:200px;border-radius:50%;background:#FFE9A8}
.dane-zwierzecia{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:8px}
.dane-zwierzecia>div{background:#FFFFFF;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.dane-zwierzecia dt{font-size:13px;color:#5A514B}
.dane-zwierzecia dd{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;line-height:1.15}
.dane-zwierzecia .dana-szeroka{grid-column:1 / -1}

/* pożegnanie: cmentarze i krematoria — spokojniej (karty bez obrotu przy najechaniu) */
.kafel-dalej{margin-top:auto;padding-top:8px;font-weight:700;font-size:15px;color:#1F1A17;text-decoration:underline;text-underline-offset:4px}
.karta-pochowku{text-decoration:none;color:#1F1A17;background:#FFFFFF;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;min-width:0}
.karta-pochowku:hover{color:#1F1A17}
.karta.karta-pochowku:hover,.karta.karta-pochowku:focus-visible,.karta.karta-spokojna:hover,.karta.karta-spokojna:focus-visible{transform:translateY(-3px)}
.pas-bialy-gora .karta-pochowku,.pas-bialy .karta-pochowku{background:#FFF6EA}
.karta-pochowku .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-0.01em}
.karta-pochowku .rodzaj{font-size:13px;font-weight:700;color:#0B5A51}
.karta-pochowku .adres{font-size:15px;line-height:1.5;color:#4A423C}
.karta-pochowku .fakty{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;gap:6px}
/* grupy województw jako <details> (bez JS): zwinięte, liczba w nagłówku; ?woj= dodaje open */
.lista-woj{display:flex;flex-direction:column;gap:16px}
.woj-sekcja{display:block;scroll-margin-top:24px;background:#FFF6EA;border-radius:24px}
.woj-sekcja>summary{list-style:none}
.woj-sekcja>summary::-webkit-details-marker{display:none}
.woj-glowka{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 24px;cursor:pointer;border-radius:24px}
.woj-glowka::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid #1F1A17;border-bottom:2px solid #1F1A17;transform:translateY(-3px) rotate(45deg);flex:0 0 auto}
.woj-sekcja[open]>.woj-glowka::after{transform:translateY(3px) rotate(-135deg)}
.woj-glowka:hover .woj-tytul{text-decoration:underline;text-underline-offset:4px}
.woj-tytul{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.15}
.woj-liczba{font-size:14px;font-weight:700;color:#0B5A51}
.woj-sekcja[open]{padding-bottom:24px}
.woj-sekcja>.siatka,.woj-sekcja>.lista-zwarta,.woj-sekcja>.woj-miasta{margin:0 24px}
.woj-sekcja>.woj-miasta+.siatka,.woj-sekcja>.woj-miasta+.lista-zwarta{margin-top:16px}
.woj-sekcja .karta-calodobowa,.woj-sekcja .karta-schroniska,.woj-sekcja .karta.karta-pochowku{background:#FFFFFF}
.woj-miasta{font-size:15px;line-height:1.6;color:#4A423C}
.woj-miasta a{color:#1F1A17;font-weight:700;text-underline-offset:3px}
.woj-brak,.woj-pusto{margin:0;background:#FFF6EA;border-radius:22px;padding:16px 24px;font-size:15px;line-height:1.5;color:#4A423C}
.chip-zero{background:transparent;color:#6B625C;box-shadow:inset 0 0 0 1px #E3D5C3;font-weight:500}
/* zwarte wiersze: grupa z 1–2 pozycjami, pełna szerokość zamiast kart z pustymi kolumnami */
.lista-zwarta{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.wiersz-zwarty{background:#FFFFFF;border-radius:22px;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;min-width:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.wiersz-zwarty .nazwa{margin:0;flex:1 1 100%;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;line-height:1.2}
.wiersz-zwarty .nazwa a,.karta-schroniska .nazwa a{color:#1F1A17;text-decoration:none}
.wiersz-zwarty .nazwa a:hover,.karta-schroniska .nazwa a:hover{text-decoration:underline;text-underline-offset:4px}
.wiersz-zwarty .adres{color:#4A423C}
.wiersz-zwarty .rodzaj{font-size:13px;font-weight:700;color:#0B5A51}
.wiersz-zwarty .telefony{display:flex;flex-wrap:wrap;gap:4px 16px;font-weight:700}
.wiersz-zwarty .zrodla-calodobowe{font-size:13px;font-weight:600;color:#5A514B}
.wiersz-zwarty>a{font-weight:700}
.status-pochowku{flex:1 1 340px;min-width:0;background:#FFFFFF;border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 40px rgba(122,52,20,.10)}
.ramka-prawo{background:#DCEFE7;border-radius:30px;padding:28px 32px;display:flex;flex-direction:column;gap:14px}
.ramka-prawo h2{color:#0B5A51}
.ramka-prawo ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.6;color:#1F3A33}
.ramka-prawo .drobny{color:#1F3A33}
.ramka-prawo a{color:#0B5A51}
.lista-zrodel{margin:8px 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}

/* pomagaj: schroniska wg województw (karty równej wysokości w wierszu, linki zawsze na dole) */
.glowa-schronisk{display:flex;flex-direction:column;gap:16px}
.zastrzezenie{margin:0;max-width:820px;background:#FFE9A8;border-radius:22px;padding:16px 20px;font-size:15px;line-height:1.5;color:#1F1A17;overflow-wrap:anywhere}
.karta-schroniska{background:#FFF6EA;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;min-width:0}
.karta-schroniska .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-0.01em}
.karta-schroniska .rodzaj{font-size:13px;font-weight:700;color:#0B5A51}
.karta-schroniska .adres{font-size:15px;line-height:1.5;color:#4A423C}
.karta-schroniska .telefony{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.karta-schroniska .fakty{display:flex;flex-wrap:wrap;gap:6px}
/* najbliższe schroniska (strona schroniska): cała karta jest linkiem, odległość na górze */
.karta-najblizsza{background:#FFF6EA;border-radius:30px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;box-sizing:border-box;min-width:0;color:#1F1A17;text-decoration:none}
.karta-najblizsza .nazwa{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-0.01em}
.karta-najblizsza .adres{font-size:15px;line-height:1.5;color:#4A423C}
.karta-najblizsza .fakty{display:flex;flex-wrap:wrap;gap:6px}
.odleglosc-znacznik{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0B6E63;color:#FFFFFF;font-size:14px;font-weight:800}
.fakt-adopcje{background:#FFE9A8;border-color:#FFE9A8}
.karta-dalej{margin-top:auto;padding-top:8px;font-weight:800;color:#C2410C}
.karta-dalej::after{content:" →"}
.karta-najblizsza:hover .karta-dalej{text-decoration:underline;text-underline-offset:4px}
.znacznik-adopcji{align-self:flex-start;max-width:100%;box-sizing:border-box;background:#DCEFE7;color:#0B5A51;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.znacznik-adopcji:hover{color:#0B5A51;text-decoration:underline}
.linki-schroniska{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;font-weight:700;overflow-wrap:anywhere}

/* siatka zwierząt: 4 kolumny (24 na stronę dzieli się przez 4, 3 i 2), 3 do 960 px, 2 do 640 px */
.siatka-zwierzat{grid-template-columns:repeat(4,minmax(0,1fr))}
.naklejka-foto{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);box-sizing:border-box;background:#EE5B2B;color:#1F1A17;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
/* kafel miasta adopcji: zdjęcie jednego zwierzęcia, nazwa i liczba na ciemnym przejściu */
.kafel-miasta{position:relative;display:block;text-decoration:none;color:#FFF6EA;border-radius:30px;overflow:hidden;aspect-ratio:4 / 5;background:#2A211C}
.kafel-miasta:hover{color:#FFF6EA}
.kafel-miasta .fotka{position:absolute;inset:0}
.kafel-miasta-tresc{position:absolute;left:0;right:0;bottom:0;padding:48px 24px 24px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(31,26,23,0),rgba(31,26,23,.82))}
.kafel-miasta .nazwa{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;line-height:1.05}
.kafel-miasta .liczba-zw{font-size:15px;font-weight:700}
/* strona główna: pas dyżurów, liczby pomocy, cicha sekcja pożegnania */
.pas-dyzury{background:#0B6E63;color:#FFFFFF;border-radius:36px;padding:32px;display:flex;flex-wrap:wrap;gap:24px 32px;align-items:center}
.pas-dyzury-tekst{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:16px}
.pas-dyzury-tekst p{margin:0;font-size:16px;line-height:1.5;color:#DCEFE7}
.pas-dyzury-tekst .btn{align-self:flex-start}
.pas-dyzury .chipy{flex:1 1 420px}
.pas-dyzury .chip{background:#DCEFE7;color:#0B3F39}
.pas-dyzury .chip:hover{background:#FFFFFF;color:#1F1A17}
.pomoc-liczby{margin:0;font-size:17px;line-height:1.5;color:#FFFFFF}
.pas-pozegnanie{background:#DCEFE7;border-radius:30px;padding:32px;display:flex;flex-direction:column;gap:16px}
.pozegnanie-lista{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.6;color:#1F3A33}
.pozegnanie-lista a{color:#0B5A51;font-weight:700;text-underline-offset:3px}
/* kafle etapów: jeden układ dla wszystkich (także 06) */
.etap-tekst{display:flex;flex-direction:column;gap:8px}
.etap-nazwa{font-size:22px;line-height:1.15}
.etap-opis{font-size:14px;line-height:1.4;color:#4A423C}
/* karty artykułów: lead do 3 linii */
.karta-artykulu .opis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
/* artykuł wyróżniony: duże zdjęcie z tytułem (makieta deploy/html/index.html:136-143) */
.polecany{position:relative;display:block;min-height:480px;border-radius:44px;overflow:hidden;background:#2A211C;color:#FFF6EA;text-decoration:none}
.polecany:hover{color:#FFF6EA}
.polecany-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.polecany::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,26,23,.82),rgba(31,26,23,.35) 60%,rgba(31,26,23,0))}
.polecany-tresc{position:relative;z-index:2;max-width:640px;padding:56px;display:flex;flex-direction:column;gap:16px}
.polecany-tresc .etykieta{color:#1F1A17}
.h-polecany{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,4.5vw,56px);line-height:0.98;letter-spacing:-0.04em;text-shadow:0 2px 24px rgba(0,0,0,.35);overflow-wrap:anywhere}
.polecany-lead{font-size:17px;line-height:1.5;color:#FFF6EA;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.polecany-tresc .btn{align-self:flex-start}
.podpis-ilustracji{position:absolute;right:24px;bottom:16px;z-index:2;font-size:13px;font-weight:600;color:#FFF6EA;background:rgba(31,26,23,.55);border-radius:999px;padding:4px 10px}
.polecany-bez-zdjecia{min-height:0;background:#1F1A17}
/* hero sekcji: wariant spokojny (pożegnanie) — bez obrotu, karta w mięcie */
.hero-spokojny .hero-sekcji-karta,.hero-spokojny .hero-sekcji-foto{transform:none}
.hero-spokojny .hero-sekcji-karta{box-shadow:none}
.hero-sekcji-karta.tlo-mieta{background:#DCEFE7}
/* zwierzę: kafle danych bez układu 3+1 */
.dane-zwierzecia.dane-1{grid-template-columns:minmax(0,1fr)}
.dane-zwierzecia.dane-2,.dane-zwierzecia.dane-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.dane-zwierzecia.dane-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dane-zwierzecia dd{overflow-wrap:anywhere}
/* adopcje: karta „Nie możesz adoptować?” */
.karta-pomocy{align-self:flex-start;max-width:560px;box-sizing:border-box}
/* pożegnanie: kafel na całą szerokość pod dwoma kaflami */
.kafel-szeroki{gap:16px}

/* stopka */
.stopka{padding-top:32px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;font-size:13px;color:#5A514B}
.stopka a{color:#5A514B}
.stopka-znak{display:flex;align-items:center;gap:8px}
.dopisek{margin-top:0;margin-bottom:0;padding-bottom:40px;font-size:13px;line-height:1.6;color:#5A514B}
.dopisek a{color:#5A514B}

@media (max-width: 960px){
  .siatka-zwierzat{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 700px){
  .polecany{min-height:420px;border-radius:32px}
  .polecany-tresc{padding:32px 24px 56px}
  .polecany::before{background:linear-gradient(180deg,rgba(31,26,23,.35),rgba(31,26,23,.85))}
  .pas-dyzury,.pas-pozegnanie{padding:24px}
  .woj-glowka{padding:16px}
  .woj-sekcja>.siatka,.woj-sekcja>.lista-zwarta,.woj-sekcja>.woj-miasta{margin:0 16px}
  .woj-sekcja[open]{padding-bottom:16px}
  .wiersz-zwarty{padding:16px}
  .hero-karta{position:relative;left:auto;bottom:auto;transform:none;margin:-60px 12px 0;max-width:none;padding:28px 22px 24px}
  .hero-foto{height:420px}
  .naklejka{display:none}
  .zaufanie .cialo{padding:36px 24px}
  .pomoc .cialo{padding:32px 22px}
  .artykul-glowa{padding:36px 22px}
  .artykul-foto{transform:none}
  .okladka-duza{aspect-ratio:auto;height:220px}
  .okladka-duza .okladka-numer{font-size:112px}
  .okladka-duza .okladka-znak{width:150px}
  .zwierze-foto{transform:none}
  .zwierze-kolo{display:none}
  .karta-sekcji .fotka{height:260px}
  .menu{gap:16px}
  .hero-sekcji{padding-bottom:48px;gap:24px}
  .hero-sekcji-karta{transform:none;padding:28px 20px 20px;border-radius:30px}
  .hero-sekcji-foto{display:none}
  .pas-bialy-gora>.sekcja{padding-top:40px;padding-bottom:56px;gap:24px}
  .pas-bialy-gora{border-radius:32px 32px 0 0}
  .filtr[open]{padding:16px}
  .filtr-etykieta{flex-basis:100%}
  .ramka-teraz{padding:24px 20px}
  .spis{padding:20px}
  .ramka-najwazniejsze,.ramka-pilnie,.quiz,.ankieta{padding:22px 18px}
  .quiz h2{font-size:28px}
  .quiz-tresc{font-size:19px}
  .pusty{padding:24px}
  .pusty-znak{width:96px;height:96px}
  .blad-strony{gap:32px;padding-bottom:72px}
  .blad-znak{flex-basis:200px;max-width:200px;border-radius:36px}
  .karta-lecznicy{padding:20px}
  .karta-pochowku{padding:20px}
  .karta-schroniska{padding:20px}
  .ramka-prawo{padding:24px 20px}
  .paginacja a.krok{padding:0 16px}
}
/* telefon: logo + przycisk „Menu” (<details>) w jednym wierszu; lista pionowa pod nagłówkiem, bez JS
   i bez przewijania w poziomie. Linki desktopowe i CTA ukryte (lista zawiera „Adopcje”). */
@media (max-width: 640px){
  .wrap{padding-left:16px;padding-right:16px}
  .naglowek{padding:16px;gap:16px;justify-content:space-between}
  .naglowek .logo{order:1;gap:8px}
  .naglowek .logo > .grafika-m{width:34px;height:34px}
  .naglowek .wordmark{font-size:26px}
  .naglowek > .menu,.naglowek > .btn{display:none}
  .menu-mobilne{display:block;order:2}
  .tabela-zrodel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela-zrodel,.tabela-zrodel tbody,.tabela-zrodel tr,.tabela-zrodel th,.tabela-zrodel td{display:block;width:auto}
  .tabela-zrodel tr{padding:8px 0;border-bottom:1px solid #E8D9C6}
  .tresc .tabela-zrodel th,.tresc .tabela-zrodel td{border:0;padding:2px 0}
  .tabela-zrodel td::before{content:attr(data-etykieta) ": ";font-weight:600;color:#5A514B}
  .tresc,.tresc p,.tresc li{font-size:18px}
  .tresc h2{font-size:28px}
  .siatka-zwierzat{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .karta-zwierzecia{border-radius:24px;padding:8px}
  .karta-zwierzecia .fotka{border-radius:18px}
  .karta-zwierzecia .imie{font-size:19px;padding:4px 4px 0}
  .karta-zwierzecia .dane,.karta-zwierzecia .miejsce{padding-left:4px;padding-right:4px}
  .naklejka-foto{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 8px}
  .kafel-miasta{border-radius:24px}
  .kafel-miasta-tresc{padding:32px 16px 16px}
  .kafel-miasta .nazwa{font-size:21px}
  .kafel-miasta .liczba-zw{font-size:13px}
}
@media (prefers-reduced-motion: reduce){.tasma{animation:none}.karta,.foto{transition:none}.karta:hover,.karta:focus-visible{transform:none}.karta:hover .foto{transform:none}
  .karta.karta-pochowku:hover,.karta.karta-pochowku:focus-visible,.karta.karta-spokojna:hover,.karta.karta-spokojna:focus-visible{transform:none}}

/* kanon map (static/mapa.js, docs/KANON_MAP.md): mapa w ramce strony albo na cały ekran (mapa_pelna.html) */
.mapa-ramka{display:flex;flex-direction:column;gap:8px}
.mapa{height:560px;border-radius:24px;overflow:hidden;background:#E8F2EE;z-index:0;font-family:'Figtree',sans-serif}
.mapa-podpis{margin:0;font-size:14px;line-height:1.5;color:#5A514B}
.leaflet-marker-icon.mapa-klaster{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0B6E63;color:#FFFFFF;font-weight:800;font-size:15px;box-shadow:0 0 0 5px rgba(11,110,99,.25)}
.mapa-klaster span{line-height:1}
.mapa-nowe-okno a,.mapa-pelny-przycisk a{display:flex;align-items:center;justify-content:center;color:#1F1A17}
.mapa.mapa-pelny-ekran{position:fixed;inset:0;z-index:1000;width:100%;height:100%;border-radius:0}
.mapa:fullscreen{width:100vw;height:100vh;border-radius:0}
:root:has(.mapa:fullscreen){scrollbar-gutter:auto}
.mapa-blokada-przewijania,.mapa-blokada-przewijania body{overflow:hidden}
.mapa-panel{width:340px;max-width:calc(100vw - 110px);display:flex;flex-direction:column;gap:8px;position:relative}
.mapa-szukaj{width:100%;box-sizing:border-box;height:44px;padding:0 16px;border:0;border-radius:22px;background:#FFFFFF;box-shadow:0 4px 16px rgba(31,26,23,.18);font:500 15px 'Figtree',sans-serif;color:#1F1A17}
.mapa-szukaj:focus{outline:2px solid #0B6E63;outline-offset:2px}
.mapa-wyniki{position:absolute;top:50px;left:0;right:0;z-index:2;margin:0;padding:6px;list-style:none;background:#FFFFFF;border-radius:18px;box-shadow:0 12px 32px rgba(31,26,23,.2);max-height:none}
.mapa-wynik{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:14px;line-height:1.35;color:#4A423C}
.mapa-wynik strong{color:#1F1A17;font-size:15px}
.mapa-wynik:hover,.mapa-wynik[aria-selected="true"]{background:#E8F2EE}
.mapa-wyniki-brak{padding:8px 12px;font-size:14px;color:#5A514B}
.mapa-filtry{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.mapa-filtr{border:0;border-radius:999px;padding:7px 12px;background:#FFFFFF;box-shadow:0 2px 8px rgba(31,26,23,.16);font:700 13px 'Figtree',sans-serif;color:#1F1A17;cursor:pointer}
.mapa-filtr:hover{background:#E8F2EE}
.mapa-filtr[aria-pressed="true"]{background:#0B6E63;color:#FFFFFF}
.mapa-filtr-wybor{display:none;height:40px;padding:0 12px;border:0;border-radius:20px;background:#FFFFFF;box-shadow:0 2px 8px rgba(31,26,23,.16);font:700 14px 'Figtree',sans-serif;color:#1F1A17}
.mapa .leaflet-popup-content-wrapper{border-radius:18px;box-shadow:0 12px 32px rgba(31,26,23,.18)}
.mapa .leaflet-popup-content{margin:16px 18px}
.mapa-dymek{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:#1F1A17;overflow-wrap:anywhere}
.mapa-dymek-nazwa{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:17px;line-height:1.2}
.mapa-dymek-adres{color:#4A423C}
.mapa-dymek-fakt{font-size:13px;font-weight:700;color:#0B5A51}
.mapa-dymek-telefony,.mapa-dymek-linki{display:flex;flex-wrap:wrap;gap:2px 12px;font-weight:700}
.mapa .leaflet-popup-content a{color:#B23A1E}
.strona-mapy{margin:0;background:#FFF6EA;font-family:'Figtree',sans-serif;display:flex;flex-direction:column;height:100vh;height:100dvh}
.mapa-pasek{display:flex;align-items:center;gap:16px;padding:10px 24px;flex:0 0 auto}
.mapa-tytul{margin:0;flex:1;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;color:#1F1A17}
.mapa-powrot,.mapa-logo{font-weight:700;color:#B23A1E;text-underline-offset:3px}
.mapa-logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;color:#1F1A17;text-decoration:none}
.strona-mapy .mapa{flex:1;height:auto;border-radius:0}
@media (max-width: 640px){
  .mapa{height:440px;border-radius:20px}
  .mapa-panel{width:auto}
  .mapa-filtry{display:none}
  .mapa-filtr-wybor{display:block}
  .mapa-pasek{padding:8px 16px;gap:12px}
  .mapa-tytul{font-size:17px}
}

/* wyszukiwarka „Zapytaj” (m.zapytaj, zapytaj.html): jedno pole jak szukajka, odpowiedź sekcjami */
.zapytaj{display:flex;gap:8px;background:#FFF6EA;border-radius:28px;padding:7px;margin:0}
.zapytaj input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:12px 18px;font:500 17px 'Figtree',sans-serif;color:#1F1A17;border-radius:22px}
.zapytaj input::placeholder{color:#7A6F66}
.zapytaj input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #C2410C}
.zapytaj button{min-height:52px;padding:0 26px;border:0;border-radius:999px;background:#C2410C;color:#FFFFFF;font:inherit;font-size:16px;font-weight:700;cursor:pointer;flex:0 0 auto}
.zapytaj button:hover{background:#A8370A}
.zapytaj-podpowiedz{margin:0;font-size:14px;line-height:1.6;color:#1F1A17}
.zapytaj-podpowiedz a{color:#1F1A17;font-weight:700;text-underline-offset:3px}
.zapytaj-glowa{padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;gap:16px}
.zapytaj-glowa .zapytaj{background:#FFFFFF;box-shadow:0 8px 28px rgba(122,52,20,.10);max-width:860px}
.zapytaj-glowa .h-strona{font-size:clamp(36px,5vw,60px)}
.zapytaj-rozpoznane{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.sekcja-zapytaj{padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;gap:16px}
.ramka-alarm{background:#B23A1E;color:#FFFFFF;border-radius:28px;padding:24px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ramka-alarm .h-karta{color:#FFFFFF;margin:0}
.ramka-alarm p{margin:0;font-size:17px;line-height:1.5}
.zapytaj-miasto{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;background:#FFF0E6;border-radius:24px;padding:16px 20px}
.zapytaj-miasto label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px;flex:1 1 240px}
.zapytaj-miasto input{border:0;border-radius:16px;padding:12px 14px;font:500 16px 'Figtree',sans-serif;background:#FFFFFF}
.zapytaj-miasto button{min-height:46px;padding:0 22px;border:0;border-radius:999px;background:#C2410C;color:#FFFFFF;font:700 15px 'Figtree',sans-serif;cursor:pointer}
.zapytaj-przyklady{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:600}
.zastrzezenie-zapytaj{margin-top:8px;margin-bottom:32px;font-size:14px;color:#5A514B}
@media (max-width: 640px){
  .zapytaj{flex-direction:column;border-radius:24px}
  .zapytaj button{width:100%}
  .ramka-alarm{padding:20px}
}

/* strona usługi: wyszukiwarka „blisko mnie” (usluga.html, static/uslugi.js) */
.szukaj-uslugi{background:#FFFFFF;align-items:center}
.szukaj-uslugi .szukaj-blisko{background:#FFF6EA;color:#1F1A17}
.szukaj-uslugi .szukaj-blisko:hover{background:#F3E3CF}
.szukaj-uslugi .szukaj-blisko{display:inline-flex;align-items:center;gap:8px}
.szukaj-uslugi .szukaj-blisko .ik{color:#0B6E63}
.fasety{flex:1 1 100%;min-width:0;display:flex;flex-direction:column;gap:16px;padding:8px 16px 16px;border-top:1px solid #F0E3D3;margin-top:4px}
.fasety-glowka{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.fasety-tytul{font-size:13px;font-weight:700;color:#5A514B}
.fasety-wyczysc{font-size:14px;font-weight:700;color:#C2410C}
.faseta{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.faseta legend{padding:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5A514B}
.faseta-opcje{display:flex;flex-wrap:wrap;gap:8px}
.szukajka .faseta-opcja{flex:0 0 auto;flex-direction:row;padding:0;position:relative;color:#1F1A17;font-size:15px}
.faseta-opcja input{position:absolute;opacity:0;width:1px;height:1px}
/* opcja: ikona + podpis + liczba; warianty układu per grupa niżej */
.fo{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border-radius:999px;background:#FFF6EA;font-weight:600;color:#1F1A17;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}
.fo:hover{background:#F3E3CF}
.fo-ik{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#0B6E63}
.ik{width:22px;height:22px;flex:0 0 auto;fill:currentColor}
.fo-tekst{min-width:0;display:flex;flex-direction:column;gap:6px}
.fo-nazwa{line-height:1.25}
.faseta-liczba{white-space:nowrap;flex:0 0 auto;font-size:12px;font-weight:700;color:#7A6F66;background:#FFFFFF;border-radius:999px;padding:2px 8px;min-width:12px;text-align:center}
.faseta-opcja input:checked+.fo{background:#1F1A17;color:#FFF6EA}
.faseta-opcja input:checked+.fo .fo-ik{color:#F7B58F}
.faseta-opcja input:checked+.fo .faseta-liczba{background:#3A322C;color:#FFF6EA}
.faseta-opcja input:focus-visible+.fo{outline:2px solid #C2410C;outline-offset:2px}
.faseta-zero .fo{opacity:.45;cursor:not-allowed}
.faseta-zero .fo:hover{background:#FFF6EA}
/* Zwierzę: kafelki z dużą ikoną */
.faseta-gatunek .faseta-opcje{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.faseta-gatunek .faseta-opcja{display:flex}
.faseta-gatunek .fo{flex:1;flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:14px 6px 12px;border-radius:22px;text-align:center}
.faseta-gatunek .fo-ik{width:56px;height:56px;border-radius:18px;background:#FFFFFF}
.faseta-gatunek .fo-ik .ik{width:34px;height:34px}
.faseta-gatunek .fo-nazwa{font-weight:700}
.faseta-gatunek .faseta-liczba{background:none;padding:0}
.faseta-gatunek input:checked+.fo .fo-ik{background:#EE5B2B;color:#FFFFFF}
.faseta-gatunek input:checked+.fo .faseta-liczba{background:none;color:#F7B58F}
.faseta-gatunek .fo:hover{transform:translateY(-2px)}
/* Zakres: karty z ikoną i paskiem liczby weterynarzy */
.faseta-z .faseta-opcje{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.faseta-z .faseta-opcja{display:flex}
.faseta-z .fo{flex:1;gap:12px;min-height:0;padding:12px 14px;border-radius:20px}
.faseta-z .fo-ik{width:44px;height:44px;border-radius:14px;background:#FFFFFF;color:#C2410C}
.faseta-z .fo-ik .ik{width:26px;height:26px}
.faseta-z .fo-tekst{flex:1}
.fo-pas{display:block;height:5px;border-radius:9px;background:#EADBC8;overflow:hidden}
.fo-pas i{display:block;height:100%;background:#0B6E63;border-radius:9px}
.faseta-z .faseta-liczba{background:none;padding:0}
.faseta-z input:checked+.fo .fo-ik{background:#EE5B2B;color:#FFFFFF}
.faseta-z input:checked+.fo .fo-pas{background:#3A322C}
.faseta-z input:checked+.fo .fo-pas i{background:#F7B58F}
.faseta-z input:checked+.fo .faseta-liczba{background:none;color:#F7B58F}
/* Wygoda: drobne chipy z obrysem */
.faseta-w .fo{min-height:38px;font-size:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #EADBC8}
.faseta-w .fo:hover{background:#FFF6EA}
.faseta-w .ik{width:20px;height:20px}
.faseta-w .faseta-liczba{background:#FFF6EA}
.fasety-wiecej{display:flex;flex-direction:column;gap:16px}
.fasety-wiecej>summary{display:none}
.fasety-wiecej[open]{display:flex;flex-direction:column;gap:16px}
.uslugi-uklad.laduje .wyniki{opacity:.5;transition:opacity .15s}
@media (max-width:640px){
  .fasety-wiecej>summary{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#FFF6EA;font-size:15px;font-weight:700;cursor:pointer;list-style:none;align-self:flex-start}
  .fasety-wiecej>summary::-webkit-details-marker{display:none}
  .fasety{padding:8px 8px 12px}
  .faseta-kiedy .faseta-opcje{display:grid;grid-template-columns:1fr 1fr}
  .faseta-kiedy .faseta-opcja{display:flex}
  .faseta-kiedy .fo{flex:1;padding:0 10px 0 8px;font-size:14px}
}
.szukaj-komunikat{flex:1 1 100%;margin:0;padding:0 16px 8px;font-size:14px;font-weight:600;color:#5A514B}
.szukaj-komunikat:empty{display:none}
.uslugi-uklad.z-mapa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.wyniki{display:flex;flex-direction:column;gap:24px;min-width:0}
.lista-wynikow{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}
.uslugi-mapa{min-width:0}
.uslugi-mapa .mapa{position:sticky;top:16px;height:calc(100vh - 32px);max-height:820px}
.karta-teraz{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.stan{font-size:14px;font-weight:700}
.stan-otwarte{color:#0B5A51}
.stan-zamkniete{color:#7A6F66}
.okolica-bez-opisu{display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid #EADBC8}
@media (max-width:1023px){
  .uslugi-uklad.z-mapa{grid-template-columns:minmax(0,1fr)}
  .uslugi-mapa{order:-1}
  .uslugi-mapa .mapa{position:relative;top:auto;height:320px}
}
@media (max-width:640px){.glowa-strony .chipy[aria-label="Szybki wybór miejscowości"] .chip:nth-child(n+7){display:none}}
.fasety-wiecej .faseta+.faseta,.fasety-wiecej>summary+.faseta{margin-top:16px}

/* strona główna, która żyje (plan 2026-11-02-strona-glowna-zywa): okolica, naklejka z kolejnymi zwierzętami */
.hero-foto .hero-obraz{animation:hero-zoom 24s ease-out both}
@keyframes hero-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.link-dyzury a{color:#1F1A17;font-weight:700;text-underline-offset:3px}
p.link-dyzury{margin:0;font-weight:500}
.okolica{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:#1F1A17}
.okolica p{margin:0;font-size:15px}
.okolica-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.okolica-uwaga{color:#3A2418;font-size:13px}
.okolica-gps,.okolica-zmien button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:#1F1A17;color:#FFF6EA;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.okolica-gps:disabled{opacity:.6;cursor:progress}
.okolica-zmien{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.okolica-zmien label{font-weight:600}
.okolica-zmien input{min-height:36px;width:160px;border:0;border-radius:999px;padding:0 14px;font:500 15px 'Figtree',sans-serif;background:#FFF6EA;color:#1F1A17}
.okolica-zmien input:focus-visible{outline:2px solid #1F1A17;outline-offset:2px}
.okolica-zmien a{color:#1F1A17;font-weight:600;text-underline-offset:3px}
.okolica-blad{background:#FFF6EA;border-radius:16px;padding:8px 12px;font-weight:600}
.okolica-stan:empty{display:none}
.naklejka{display:grid;width:280px;padding:10px}
.naklejka-slajd{grid-area:1/1;display:flex;flex-direction:column;text-decoration:none;color:#1F1A17;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.naklejka-slajd.aktywny{opacity:1;visibility:visible;transition:opacity .8s ease}
.naklejka-slajd:hover{color:#1F1A17}
.naklejka-slajd .fotka{border-radius:20px;height:200px;overflow:hidden}
.naklejka-tekst{padding:12px 8px 8px;display:flex;flex-direction:column;gap:6px}
.naklejka-imie{font-size:22px;line-height:1.1}
.naklejka-dane{font-size:14px;font-weight:700;color:#4A423C}
.naklejka-opis{font-size:14px;line-height:1.45;color:#2A1A12}
.naklejka-miejsce{font-size:13px;color:#4A423C}
.naklejka-pauza{position:absolute;right:16px;top:16px;min-height:32px;padding:0 12px;border:0;border-radius:999px;background:rgba(31,26,23,.78);color:#FFF6EA;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.naklejka-pauza:focus-visible{outline:2px solid #EE5B2B;outline-offset:2px}
.pokaz-inne{align-self:center;border:0;cursor:pointer;font:inherit;font-weight:700}
@media (max-width: 700px){
  .naklejka{display:grid;position:relative;right:auto;top:auto;width:auto;margin:24px 12px 0;transform:none}
  .okolica-zmien input{width:100%}
}
@media (prefers-reduced-motion: reduce){.hero-foto .hero-obraz{animation:none}.naklejka-slajd,.naklejka-slajd.aktywny{transition:none}}

/* hero — test A/B/C (app/ab.py; user 02.11: „wszystko jest pozasłaniane”, potem „dziwnie to wygląda”).
   b: równy rząd karta | zdjęcie | naklejka, bez przechyłów, równa wysokość; c: karta | zdjęcie z naklejką-paskiem
   pod nim; a: kolaż — zdjęcie w tle, krótka karta po lewej, naklejka w rogu, dyżur i okolica w .hero-pasek.
   ≤700 px każdy wariant jedno pod drugim, bez nakładania. */
.hero-b,.hero-c{display:grid;gap:24px;align-items:stretch}
.hero-b{grid-template-columns:minmax(0,560px) minmax(0,1fr) 300px}
.hero-b>*,.hero-c>*{grid-row:1}
.hero-b .hero-karta,.hero-c .hero-karta{position:relative;left:auto;bottom:auto;max-width:none;transform:none;box-sizing:border-box}
.hero-b .hero-karta{grid-column:1}
.hero-b .hero-foto{grid-column:2;height:auto;min-height:0}
.hero-b .naklejka{grid-column:3;position:relative;right:auto;top:auto;width:auto;transform:none;align-self:stretch}
.hero-b .naklejka-slajd{height:100%}
.hero-b .naklejka-slajd .fotka{height:auto;flex:1 1 auto;min-height:220px}
.hero-c{grid-template-columns:minmax(0,560px) minmax(0,1fr)}
.hero-c .hero-karta{grid-column:1}
.hero-prawa{grid-column:2;display:flex;flex-direction:column;gap:16px;min-width:0}
.hero-c .hero-foto{flex:1 1 auto;height:auto;min-height:300px}
.hero-c .naklejka{position:relative;right:auto;top:auto;width:auto;transform:none;padding:10px}
.hero-c .naklejka-slajd{flex-direction:row;align-items:center;gap:16px}
.hero-c .naklejka-slajd .fotka{width:150px;height:120px;flex:0 0 150px}
.hero-c .naklejka-tekst{padding:4px 8px 4px 0;min-width:0}
.hero-c .naklejka-opis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-a .hero-foto{height:640px}
.hero-a .hero-foto img{object-position:62% 35%}
.hero-a .hero-karta{left:40px;top:50%;bottom:auto;width:520px;max-width:calc(100% - 80px);box-sizing:border-box;transform:translateY(-50%) rotate(-1.5deg);padding:36px}
.hero-a .naklejka{right:40px;bottom:40px;top:auto;width:250px;transform:rotate(2deg)}
.hero-a .naklejka-opis{display:none}
.hero-pasek{margin-top:24px;background:#FFFFFF;border-radius:28px;padding:20px 28px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.hero-pasek>*{min-width:0}
.hero-pasek .okolica-zmien input{background:#FFF6EA}
@media (max-width: 1180px){
  .hero-b{grid-template-columns:minmax(0,1fr) 300px}
  .hero-b .hero-foto{display:none}
  .hero-b .naklejka{grid-column:2}
  .hero-a .naklejka{display:none}
}
@media (max-width: 960px){
  .hero-b,.hero-c{grid-template-columns:minmax(0,1fr)}
  .hero-b>*,.hero-c>*{grid-row:auto;grid-column:1}
  .hero-b .naklejka{justify-self:center;width:min(420px,100%)}
}
@media (max-width: 700px){
  .hero-a,.hero-b,.hero-c{display:flex;flex-direction:column;gap:20px;align-items:stretch}
  .hero-prawa{display:contents}
  .hero-a .hero-foto,.hero-b .hero-foto,.hero-c .hero-foto{display:block;order:-1;height:300px;min-height:0;flex:none}
  .hero-a .hero-karta,.hero-a .naklejka{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;transform:none;margin:0}
  .hero-a .naklejka{display:grid}
  .hero-a .naklejka-opis{display:block}
  .hero-c .naklejka-slajd{flex-direction:column;align-items:stretch}
  .hero-c .naklejka-slajd .fotka{width:auto;flex:none;height:200px}
  .hero-c .naklejka-opis{display:block}
  .hero-karta{margin:0;transform:none}
  .naklejka{transform:none;margin:0}
  .hero-pasek{padding:18px}
}
.sekcja-tytul{display:flex;flex-direction:column;gap:8px}
.nowe-tydzien{margin:0;font-size:16px;color:#4A423C}
.nowe-tydzien strong{color:#C2410C}

/* katalog ikon (docs/redakcja/IKONY.md): ikony przy podpisach w całym serwisie */
.chip-ikona,.fakt,.etykieta-ikona,.filtr-naglowek{display:inline-flex;align-items:center;gap:6px}
.chip-ikona .ik{width:18px;height:18px;color:#0B6E63}
.chip-duzy.chip-ikona .ik{width:20px;height:20px}
.chip-wybrany .ik,a.chip-ikona:hover .ik{color:#F7B58F}
.fakt .ik{width:15px;height:15px;color:#0B6E63}
.etykieta-ikona .ik{width:18px;height:18px}
.filtr-naglowek .ik{width:22px;height:22px;color:#0B6E63}
.grupa-uslug-naglowek{display:flex;align-items:center;gap:12px}
.grupa-uslug-ik{flex:0 0 auto;width:48px;height:48px;border-radius:16px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;color:#C2410C}
.grupa-uslug-ik .ik{width:30px;height:30px}
.usluga-nazwa{display:inline-flex;align-items:flex-start;gap:8px}
.usluga-nazwa .ik{width:20px;height:20px;margin-top:1px;color:#0B6E63}
/* okruszki (taksonomia adresów 2026-11-02): każda strona kategorii i encji */
.okruszki{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding-top:4px;padding-bottom:8px;font-size:14px;line-height:1.5;color:#4A423C}
.okruszki a{color:#B23A1E;text-underline-offset:3px}
.okruszki [aria-current]{color:#1F1A17;font-weight:600}
.miasto-dzialy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;font-size:14px}
/* karta zwierzęcia: jak adoptować (kontakt do schroniska, 02.11.2026) */
.kontakt-adopcji{padding:32px;border-radius:32px;display:flex;flex-direction:column;gap:20px}
.kontakt-lista{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 24px}
.kontakt-lista dt{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8E2A10}
.kontakt-lista dd{margin:4px 0 0;font-size:17px;line-height:1.5}
.kontakt-telefony{display:flex;flex-wrap:wrap;gap:8px}
.kontakt-kroki{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.5}
@media (max-width: 640px){.kontakt-adopcji{padding:24px 18px}}

/* tryb atencji (2026-11-02): plakietki, „Przybij łapę”, tagi, cytat, paski kart. Mandarynka tylko jako tło/ikona/pasek, nigdy tekst */
.karta-zw{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;height:100%}
.karta-zw>.karta-zwierzecia{flex:1 1 auto;height:auto}
.karta-zw>.karta-zwierzecia:hover,.karta-zw>.karta-zwierzecia:focus-visible{transform:none}
.karta-zw .karta-zw{flex:1 1 auto;height:auto}
.karta-zwierzecia .odleglosc{margin-top:-6px;padding:0 8px 8px;font-size:13px;line-height:1.45;color:#4A423C}
.odleglosc-profil{display:block;margin-top:4px;font-family:'Figtree',system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#4A423C}
.lapa-zniknal{padding:0 12px}
.pasek-zw{display:flex;flex-direction:column;gap:16px}

/* plakietki na zdjęciu karty (ikona + etykieta, bez „Dlaczego?”) */
.plakietki-foto{position:absolute;left:10px;top:10px;right:64px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.plakietka-foto{display:inline-flex;align-items:center;gap:6px;max-width:100%;box-sizing:border-box;background:#FFF6EA;color:#1F1A17;border-radius:16px;padding:5px 11px 5px 8px;font-size:13px;font-weight:800;line-height:1.3}
.plakietka-foto .ik{width:16px;height:16px;flex:0 0 auto;color:#C2410C}

/* plakietki na profilu: etykieta + „Dlaczego?” */
.plakietki{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start}
.plakietka{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}
.plakietka-glowa{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;max-width:100%;box-sizing:border-box;background:#FFE3D6;color:#8E2A10;border-radius:999px;padding:8px 16px 8px 12px;font-size:15px;font-weight:800;line-height:1.3}
.plakietka-glowa .ik{width:20px;height:20px;flex:0 0 auto;color:#C2410C}
.plakietka-urodziny .plakietka-glowa,.plakietka-nowy .plakietka-glowa{background:#FFE9A8;color:#6B4500}
.plakietka-urodziny .ik,.plakietka-nowy .ik{color:#8A5A00}
.plakietka-druga_szansa .plakietka-glowa,.plakietka-dzielny_pacjent .plakietka-glowa,.plakietka-senior .plakietka-glowa,.plakietka-para .plakietka-glowa,.plakietka-rodzenstwo .plakietka-glowa{background:#DCEFE7;color:#0B5A51}
.plakietka-druga_szansa .ik,.plakietka-dzielny_pacjent .ik,.plakietka-senior .ik,.plakietka-para .ik,.plakietka-rodzenstwo .ik{color:#0B6E63}
.plakietka-pilnie .plakietka-glowa{background:#C2410C;color:#FFFFFF}
.plakietka-pilnie .ik{color:#FFFFFF}
.plakietka-kwarantanna .plakietka-glowa,.plakietka-w_trakcie_adopcji .plakietka-glowa{background:#FFFFFF;color:#33302B;box-shadow:inset 0 0 0 2px #D9C7B2}
.plakietka-kwarantanna .ik,.plakietka-w_trakcie_adopcji .ik{color:#4A423C}
.dlaczego{font-size:14px;line-height:1.5}
.dlaczego summary{display:inline-block;min-height:24px;cursor:pointer;color:#B23A1E;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dlaczego summary:hover{color:#8E2A10}
.dlaczego p{margin:6px 0 0;color:#33302B;overflow-wrap:anywhere}

/* „Przybij łapę” */
.lapa{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;box-sizing:border-box;border:2px solid #C2410C;border-radius:999px;background:#FFFFFF;color:#8E2A10;font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer}
.lapa .ik{width:22px;height:22px;color:#C2410C}
.lapa:hover{background:#FFE3D6}
.lapa[aria-pressed="true"]{background:#C2410C;color:#FFFFFF}
.lapa[aria-pressed="true"] .ik{color:#FFFFFF}
/* karta na liście: okrągły przycisk 48×48 w prawym górnym rogu zdjęcia; wciśnięty = mandarynkowe tło */
.lapa-mala{position:absolute;top:16px;right:16px;z-index:2;width:48px;height:48px;min-height:0;padding:0;border:2px solid #C2410C;background:#FFFFFF;box-shadow:0 3px 10px rgba(31,26,23,.28)}
.lapa-mala .ik{width:26px;height:26px}
.lapa-mala:hover{background:#FFE3D6}
.lapa-mala[aria-pressed="true"]{background:#EE5B2B;border-color:#1F1A17}
.lapa-mala[aria-pressed="true"] .ik{color:#1F1A17}
/* profil: duży przycisk z kółkiem, tytułem i podtytułem; stany „przed” i „po” w tym samym miejscu */
.lapa-blok{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.lapa-kolo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#EE5B2B}
.lapa-kolo .ik{width:32px;height:32px;color:#1F1A17}
.lapa-duza{width:100%;box-sizing:border-box;justify-content:flex-start;gap:16px;min-height:88px;padding:14px 24px 14px 14px;border-radius:44px;text-align:left;line-height:1.3;box-shadow:0 6px 18px rgba(122,52,20,.18)}
.lapa-duza .lapa-kolo .ik{width:32px;height:32px;color:#1F1A17}
.lapa-tekst{display:flex;flex-direction:column;gap:4px;min-width:0}
.lapa-tytul{font-family:'Figtree',system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.2}
.lapa-podtytul{font-size:15px;font-weight:600;line-height:1.4;color:#4A423C}
.lapa-po{display:none}
.lapa-duza[aria-pressed="true"]{background:#C2410C}
.lapa-duza[aria-pressed="true"] .lapa-podtytul{color:#FFFFFF}
.lapa-duza[aria-pressed="true"] .lapa-kolo{background:#FFFFFF}
.lapa-duza[aria-pressed="true"] .lapa-kolo .ik{color:#C2410C}
.lapa-duza[aria-pressed="true"] .lapa-przed{display:none}
.lapa-duza[aria-pressed="true"] .lapa-po{display:inline}
.lapa-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;min-height:44px;visibility:hidden}
.lapa-duza[aria-pressed="true"] ~ .lapa-akcje{visibility:visible}
.lapa-zobacz,.lapa-cofnij{display:inline-flex;align-items:center;min-height:44px;font:inherit;font-size:16px;font-weight:700;color:#8E2A10;text-decoration:underline;text-underline-offset:3px}
.lapa-cofnij{padding:0;border:0;background:none;cursor:pointer}
.lapa-zobacz:hover,.lapa-cofnij:hover{color:#6E1F08}
.lapa-liczba{font-size:16px;font-weight:700;color:#33302B}
.lapa-liczba:empty{display:none}
@keyframes lapa-bij{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.4) rotate(-14deg)}70%{transform:scale(.92) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes lapa-przybij{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}80%{transform:scale(1.06)}100%{transform:scale(1)}}
.lapa-mala.lapa-bije .ik{animation:lapa-bij .5s ease}
.lapa-duza.lapa-bije .lapa-kolo{animation:lapa-przybij .55s ease}
/* „Moje łapy”: nagłówek z ikoną, licznik, pusty stan, przycisk usunięcia */
.moje-lapy-naglowek{display:flex;align-items:center;gap:16px;margin:0}
.lapa-kolo-duze{width:64px;height:64px}
.lapa-kolo-duze .ik{width:36px;height:36px}
.moje-lapy-licznik{margin-left:12px;font-weight:700}
.lapa-kolo-pusty{width:140px;height:140px;opacity:.9}
.lapa-kolo-pusty .ik{width:80px;height:80px}
#moje-lapy .lapa-mala{display:none}
.lapa-usun{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;box-sizing:border-box;padding:0 16px;border:2px solid #C2410C;border-radius:999px;background:#FFFFFF;color:#8E2A10;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.lapa-usun:hover{background:#FFE3D6}
/* dymek na dole ekranu (position: fixed — nie przesuwa układu; tylko zanikanie) */
.lapa-dymek{position:fixed;left:50%;bottom:20px;z-index:1000;transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:8px 14px;padding:12px 18px;border-radius:28px;background:#1F1A17;color:#FFFFFF;font-family:'Figtree',system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 10px 30px rgba(31,26,23,.35);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}
.lapa-dymek.lapa-dymek-widoczny{opacity:1;visibility:visible}
.lapa-dymek a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;color:#FFFFFF;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.lapa-dymek-zamknij{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#FFFFFF;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.lapa-dymek-zamknij:hover{background:rgba(255,255,255,.18)}
.lapa-dymek button:focus-visible,.lapa-dymek a:focus-visible{outline-color:#FFFFFF;box-shadow:none}
.moje-lapy-link{margin-left:auto;min-height:48px}
.moje-lapy-link[hidden],.moje-lapy-pusto[hidden],.moje-lapy-blad[hidden]{display:none}
.moje-lapy-link .ik{width:20px;height:20px;color:#C2410C}
@media (prefers-reduced-motion: reduce){.lapa-bije .ik,.lapa-bije .lapa-kolo{animation:none}.lapa-dymek{transition:none}}

/* zdjęcia profilu: główne i drugie, każde z podpisem źródła */
.zwierze-zdjecia{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:32px}
.zdjecie-zw{margin:0;min-width:0}
.zwierze-foto-2{transform:rotate(1.5deg)}
.podpis-zdjecia{position:relative;margin-top:18px}

/* „Na pierwszy rzut oka”: kafle tagów w równej siatce */
.sekcja-zw{display:flex;flex-direction:column;gap:16px}
.tagi-siatka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.tag-kafel{background:#FFFFFF;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.tag-etykieta{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;line-height:1.15}
.tag-kafel .dlaczego{margin-top:auto}

/* „O zwierzęciu”: cytat ze schroniska, nie pełny opis */
.cytat{margin:0 0 16px;padding:24px 28px;background:#FFF6EA;border-left:8px solid #EE5B2B;border-radius:28px}
.cytat p{margin:0;font-size:19px;line-height:1.7;color:#1F1A17}
.cytat footer{margin-top:12px;font-size:14px;font-weight:700;line-height:1.5;color:#5A514B}

/* weterynarze blisko schroniska: kolejność tylko wg odległości, bez wyróżnień */
.siatka-po-adopcji{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px;align-items:stretch}
.wet-blok{display:flex;flex-direction:column;gap:16px;min-width:0}
.wet-naglowek{display:flex;flex-direction:column;gap:6px}
.wet-naglowek .h-karta{margin:0}
.siatka-wet-blisko{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px}
.siatka-wet-blisko .karta-lecznicy-krotka{transition:box-shadow .15s,transform .15s}
.siatka-wet-blisko .karta-lecznicy-krotka:hover{box-shadow:0 10px 24px rgba(31,26,23,.12);transform:translateY(-2px)}
.karta-odleglosc{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#E8F2EE;color:#0B5A51;font-size:13px;font-weight:800}
.karta-odleglosc svg{width:15px;height:15px}
@media (max-width: 640px){
  .karta-zwierzecia .odleglosc{padding-left:4px;padding-right:4px}
  .plakietki-foto{left:8px;top:8px;right:56px}
  .plakietka-foto{font-size:12px;padding:4px 9px 4px 7px}
  .lapa-mala{top:12px;right:12px}
  .lapa-tytul{font-size:20px}
  .lapa-kolo-pusty{width:104px;height:104px}
  .lapa-kolo-pusty .ik{width:60px;height:60px}
  .cytat{padding:20px 18px;border-left-width:6px}
  .cytat p{font-size:17px}
}
.lapa-dymek button,.lapa-dymek a{font:inherit}
/* dopasowanie do łap (lapa.js, tylko po zgodzie): kontenery ukryte bez miejsca, dopóki nie przyjdą karty
   (.pasek-zw ma display:flex, więc [hidden] trzeba wymusić) */
.dla-ciebie[hidden],.dla-ciebie-oslona[hidden]{display:none}
.lapa-dymek.lapa-dymek-zgoda{flex-wrap:wrap;justify-content:center;border-radius:24px}
.lapa-dymek .lapa-dymek-przycisk{flex:0 0 auto;min-height:44px;padding:0 18px;border:2px solid #FFFFFF;border-radius:999px;background:transparent;color:#FFFFFF;font-weight:800;cursor:pointer}
.lapa-dymek .lapa-dymek-przycisk:hover{background:rgba(255,255,255,.18)}
.lapa-dymek .lapa-dymek-tak,.lapa-dymek .lapa-dymek-tak:hover{background:#FFFFFF;color:#1F1A17}
.dopasowanie{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.dopasowanie .akapit{flex:1 1 320px;min-width:0}
.dopasowanie-przycisk{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:0 20px;border:2px solid #C2410C;border-radius:999px;background:#FFFFFF;color:#8E2A10;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.dopasowanie-przycisk:hover{background:#FFE3D6}

/* lista adopcji: rząd „Twoja okolica”, odległość i kolejność (02.11.2026); przycisk lokalizacji ma miejsce od razu */
.okolica-lista-tresc{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:#1F1A17}
.okolica-lista-tresc p{margin:0;font-size:15px;overflow-wrap:anywhere}
.okolica-lista .okolica-zmien input{background:#FFFFFF;min-height:44px}
.okolica-lista .okolica-zmien button{min-height:44px}
.okolica-lista .okolica-gps{background:#FFFFFF;color:#1F1A17;box-shadow:inset 0 0 0 2px #1F1A17}
.okolica-lista .okolica-blad{background:#FFFFFF}
.okolica-lista .okolica-zmien a{display:inline-flex;align-items:center;min-height:44px}
.okolica-najblizsze{margin:0;font-size:15px;line-height:1.5;color:#33302B}
.okolica-najblizsze a{color:#1F1A17;font-weight:700;text-underline-offset:3px}
@media (max-width: 700px){
  .okolica-lista .okolica-zmien label{flex-basis:100%}
  .okolica-lista .okolica-zmien input{flex:1 1 100%;width:auto;min-width:0}
}

/* strona weterynarza: mapa obok kontaktu (kanon map), w ramce jak karty serwisu; 2 kolumny od 900 px */
.kontakt-z-mapa{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch}
/* karta „Jak dojechać”: pionowy rytm 16/24/32, przyciski przyklejone do dołu, wysokość równa mapie (grid stretch) */
.dojazd-karta{background:#FFF6EA;border-radius:26px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;box-sizing:border-box}
.dojazd-pinezka{width:64px;height:64px;border-radius:50%;background:#C2410C;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.dojazd-pinezka .ik-duza{width:34px;height:34px}
.dojazd-adres{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.dojazd-ulica{font-size:28px;line-height:1.15;font-weight:800;color:#1F1A17}
.dojazd-miasto{font-size:20px;line-height:1.3;font-weight:600;color:#4A423C}
.dojazd-przyciski{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dojazd-kontakt{list-style:none;margin:0;padding:24px 0 0;display:flex;flex-direction:column;gap:8px;align-self:stretch;min-width:0;border-top:1px solid rgba(31,26,23,.12);margin-top:auto}
.dojazd-kontakt li{display:flex;align-items:center;gap:12px;min-height:36px;font-size:17px;line-height:1.4;min-width:0}
.dojazd-ik{width:36px;height:36px;border-radius:50%;background:#FFFFFF;color:#0B6E63;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:800;font-size:18px}
.dojazd-brak{margin:0;margin-top:auto;padding-top:24px;font-size:15px;color:#5A514B}
.mapa-ramka-lecznicy{background:#FFF6EA;border:1px solid rgba(11,110,99,.28);border-radius:30px;padding:12px;gap:10px;box-shadow:0 10px 30px rgba(122,52,20,.10);box-sizing:border-box;min-width:0}
.mapa-ramka-lecznicy .mapa{height:260px;border-radius:20px;flex:1 1 auto}
@media (min-width: 900px){
  .kontakt-z-mapa{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mapa-ramka-lecznicy .mapa{height:auto;min-height:300px;max-height:340px}
}
/* „W okolicy”: karta + link „Pokaż na mapie” pod nią (karta sama jest linkiem, więc link obok, nie w środku) */

/* wspólny pasek położenia (_makra.html okolica_pasek, strona główna): znane położenie zwinięte do jednej linii,
   „Zmień” rozwija pole (tylko na kliknięcie — nic nie skacze samo); zawijanie zamiast przewijania w poziomie */
.okolica-pasek{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:15px;line-height:1.5;color:#1F1A17}
.okolica-pasek p{margin:0;font-size:15px}
.okolica-zmiana{min-width:0}
.okolica-zmiana>summary{list-style:none;cursor:pointer;display:block;min-height:44px;box-sizing:border-box;padding:10px 0;overflow-wrap:anywhere}
.okolica-zmiana>summary::-webkit-details-marker{display:none}
.okolica-zmiana>summary:focus-visible{outline:2px solid #1F1A17;outline-offset:2px;border-radius:8px}
.okolica-zmien-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.okolica-zmiana-tresc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.okolica-zmiana-tresc>.okolica-zmien,.okolica-zmiana-tresc>.okolica-stan{flex:1 1 100%;min-width:0}
.okolica-pasek .okolica-zmien input{min-height:44px;max-width:100%}
.okolica-pasek .okolica-zmien button,.okolica-pasek .okolica-gps{min-height:44px}
.okolica-zapomnij{display:inline-flex;align-items:center;min-height:44px;color:#1F1A17;font-weight:600;text-underline-offset:3px}
.szukaj-uslugi>.okolica-pasek{flex:1 1 280px;padding:0 8px}
.szukaj-uslugi .okolica-zmiana-tresc>label{flex:1 1 180px}
@media (max-width: 700px){
  .okolica-pasek .okolica-zmien input{flex:1 1 100%;width:auto;min-width:0}
}

/* strona weterynarza: „Przyjmuje” — gatunki w grupach (domowe krem, gospodarskie beż), ikony z katalogu */
.gatunki-blok{display:flex;flex-direction:column;gap:12px;min-width:0}
.gatunki-etykieta,.gatunki-grupa-nazwa{font-size:13px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#5A514B}
.gatunki-grupa{display:flex;flex-direction:column;gap:8px;min-width:0}
.gatunki-grupa-nazwa{text-transform:none;letter-spacing:0;font-weight:700;font-size:14px}
.chip-dom{background:#FFF6EA;box-shadow:inset 0 0 0 1px #F0DFC8}
.chip-gosp{background:#EBDDC6}
.chip-dom .ik,.chip-gosp .ik{color:#0B6E63}