/* Zdzich v4.3 (11.10.2026): okno CZATU według wzorów graficznych Łukasza (typografia, karty, kolory, awatar). Font: Inter ("KZ Inter").
   Rytm odstępów: 4/8/12/16/24/32 px (poza ikonami i obramowaniami). Skala czcionek: 12/14/16/20/24/32 (baner: 32). Wysokości: przyciski i pola 48 px, cele dotyku min. 44 px.
   Jedna lewa krawędź treści: okno ma 16 px marginesu, wiadomości Zdzicha zaczynają się 44 px dalej (awatar 36 + 8), wszystkie dymki i karty tej kolumny mają tę samą lewą krawędź. */
:root{--zd-tlo:#fff;--zd-pow:#F6F8FB;--zd-tekst:#1F2937;--zd-nagl:#132F52;--zd-cichy:#526176;--zd-nieb:#1559D6;--zd-nieb-h:#1148AE;--zd-linia:#DCE3ED;--zd-pole:#7B8798;--zd-ziel:#10694C;--zd-ziel-tlo:#E9F7EF;--zd-bursz:#8A5A00;--zd-bursz-tlo:#FBF1D9;--zd-blad:#A12626;--zd-blad-tlo:#FDECEC;--zd-font:"KZ Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.zd4-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zd4-ik{width:20px;height:20px;flex:none;display:block}


/* ---------- okno ---------- */
.zd4-tlo{display:none!important}
.zd4-tlo[hidden],.zd4[hidden]{display:none!important}
.zd4{position:fixed;z-index:2147483101;right:16px;bottom:16px;display:flex;flex-direction:column;width:min(420px,calc(100vw - 32px));height:min(680px,calc(100vh - 32px));height:min(680px,calc(100dvh - 32px));box-sizing:border-box;background:var(--zd-tlo);color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font);border:1px solid var(--zd-linia);border-radius:16px;box-shadow:0 16px 48px rgba(19,47,82,.22);overflow:hidden}
.zd4 *,.zd4 *::before,.zd4 *::after{box-sizing:border-box}
.zd4 button,.zd4 input,.zd4 textarea{font-family:inherit}
.zd4 :focus-visible,.zd4-baner :focus-visible,.zd4-wezwanie :focus-visible{outline:3px solid #0B3D91;outline-offset:2px;border-radius:8px}
.zd4 [data-fokus]:focus{outline:none}
.zd4-gora{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--zd-tlo);border-bottom:1px solid var(--zd-linia)}
.zd4-gora__tekst{min-width:0;flex:1}
.zd4-gora__imie{margin:0;display:flex;align-items:center;gap:8px;font:700 1.25rem/1.4 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl)}
.zd4-kropka{width:8px;height:8px;border-radius:50%;background:var(--zd-ziel);flex:none}
.zd4-gora__podpis{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-av{position:relative;flex:none;display:block;width:44px;height:44px}
.zd4-av img{display:block;width:44px;height:44px;border-radius:50%;border:2px solid var(--zd-nieb);background:#fff;object-fit:cover}
.zd4-av__ai{position:absolute;right:-8px;bottom:-4px;padding:0 4px;border-radius:999px;background:#fff;border:1.5px solid var(--zd-nagl);font:700 .75rem/1.4 var(--zd-font);color:var(--zd-nagl)}
.zd4-av--m{width:36px;height:36px}.zd4-av--m img{width:36px;height:36px}.zd4-av--m .zd4-av__ai{display:none}
.zd4-demo{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border-radius:8px;background:var(--zd-bursz-tlo);color:var(--zd-bursz);font:700 .875rem/1 var(--zd-font)}
.zd4-demo .zd4-ik{width:16px;height:16px}
.zd4-x{flex:none;width:44px;height:44px;margin-right:-12px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--zd-tekst);cursor:pointer}
.zd4-x:hover{background:var(--zd-pow)}
.zd4-kroki{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--zd-pow);border-bottom:1px solid var(--zd-linia);padding:8px 16px}
.zd4-kroki__t{margin:0;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-kroki__lista{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex:none}
.zd4-krok{width:24px;height:4px;border-radius:2px;background:var(--zd-linia)}
.zd4-krok--zrobiony{background:var(--zd-ziel)}
.zd4-krok--biezacy{background:var(--zd-nieb)}
.zd4-srodek{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.zd4-log{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px}
.zd4-hist{display:flex;flex-direction:column;gap:8px}
.zd4-hist:empty{display:none}
.zd4-stopka{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--zd-pow);border-top:1px solid var(--zd-linia);font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy);text-align:center}
.zd4-stopka__kropka{width:8px;height:8px;border-radius:50%;background:#B7891A;flex:none}

/* ---------- wiadomości ---------- */
.zd4-wiad{display:flex;gap:8px;align-items:flex-start;min-width:0}
.zd4-wiad--uz{justify-content:flex-end}
.zd4-wiad--sum{padding-left:44px}
.zd4-wiad__kol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;container-type:inline-size;container-name:kol}
.zd4-dym{align-self:flex-start;max-width:100%;margin:0;padding:12px 16px;border:1px solid var(--zd-linia);border-radius:16px 16px 16px 4px;background:var(--zd-pow);color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font)}
.zd4-dym__t{display:block;margin:0;font:700 1.25rem/1.4 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl);text-wrap:balance}
.zd4-dym__l{display:block;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-dym__p{margin:4px 0 0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-cichy);overflow-wrap:anywhere}
.zd4-dym__t.zd4-h2--wyn{font-size:1.5rem;line-height:1.3333;letter-spacing:-.02em}
.zd4-dym--praca{display:flex;align-items:center;gap:12px}
.zd4-dym--praca .zd4-dym__p{margin:0}
.zd4-dym--uz{max-width:85%;min-height:44px;display:flex;align-items:center;border-color:var(--zd-nieb);border-radius:16px 16px 4px 16px;background:var(--zd-nieb);color:#fff;font:700 .875rem/1.4 var(--zd-font);text-align:left;overflow-wrap:anywhere}
button.zd4-dym--uz{cursor:pointer}
button.zd4-dym--uz:hover{background:var(--zd-nieb-h);border-color:var(--zd-nieb-h)}
.zd4-sum{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin:0;padding:0;border:0;background:none;color:var(--zd-cichy);font:700 .875rem/1.4 var(--zd-font);text-align:left}
.zd4-sum .zd4-ik{width:16px;height:16px;color:var(--zd-ziel)}
.zd4-sum>span:last-child{min-width:0;overflow-wrap:anywhere}
button.zd4-sum{min-height:44px;padding:8px 12px;border:1px solid var(--zd-linia);border-radius:12px;background:var(--zd-pow);cursor:pointer}
button.zd4-sum:hover{border-color:var(--zd-nieb);color:var(--zd-nieb)}

/* ---------- pasek wejścia (stały, u dołu) ---------- */
.zd4-wej{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--zd-tlo);border-top:1px solid var(--zd-linia)}
.zd4-chipy{display:flex;flex-wrap:wrap;gap:8px}
.zd4-chipy[hidden]{display:none}
.zd4-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #C3D6F6;border-radius:999px;background:#EEF3FD;color:#0F4CB5;font:700 .875rem/1.4 var(--zd-font);cursor:pointer}
.zd4-chip:hover{background:#E2ECFC}
.zd4-wej__rzad{display:flex;align-items:flex-end;gap:8px}
.zd4-wej__foto{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;border:1.5px solid var(--zd-pole);border-radius:10px;background:#fff;color:var(--zd-nieb);cursor:pointer}
.zd4-wej__foto .zd4-ik{width:24px;height:24px}
.zd4-wej__foto input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.zd4-wej__foto:focus-within{outline:3px solid #0B3D91;outline-offset:2px}
.zd4-wej__pole{flex:1 1 auto;min-width:0;height:48px;max-height:120px;padding:12px 16px;border:1.5px solid var(--zd-pole);border-radius:10px;background:#fff;color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font);resize:none;overflow-y:auto}
.zd4-wej__pole::placeholder{color:#5F6B7C}
.zd4-wej__pole:focus{border-color:var(--zd-nieb)}
.zd4-wej__pole[aria-invalid=true]{border-color:var(--zd-blad)}
.zd4-wej__wyslij{flex:none;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--zd-nieb);color:#fff;cursor:pointer}
.zd4-wej__wyslij .zd4-ik{width:24px;height:24px}
.zd4-wej__wyslij:hover{background:var(--zd-nieb-h)}
.zd4-wej--off .zd4-wej__pole,.zd4-wej--off .zd4-wej__foto,.zd4-wej--off .zd4-wej__wyslij{opacity:.6;cursor:default;background:var(--zd-pow);color:var(--zd-cichy);border-color:var(--zd-linia)}
.zd4-wej--off .zd4-wej__wyslij{background:var(--zd-linia)}
.zd4-podglad{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--zd-linia);border-radius:12px;background:var(--zd-pow)}
.zd4-podglad[hidden]{display:none}
.zd4-podglad img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--zd-linia)}
@media (max-height:520px){.zd4-chipy:not(.zd4-chipy--m){display:none}}

/* ---------- formularze i drobne elementy ---------- */
.zd4-form{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.zd4-pole{display:flex;flex-direction:column;gap:8px}
.zd4-etykieta{font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-input{width:100%;min-height:48px;padding:0 16px;border:1.5px solid var(--zd-pole);border-radius:10px;background:#fff;color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font)}
.zd4-input::placeholder{color:#5F6B7C}
.zd4-input:focus{border-color:var(--zd-nieb)}
.zd4-input[aria-invalid=true]{border-color:var(--zd-blad)}
.zd4-input-ik{position:relative}
.zd4-input-ik .zd4-ik{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--zd-cichy);pointer-events:none}
.zd4-input-ik .zd4-input{padding-left:48px}
.zd4-pomoc{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-cena{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-cena strong{font-weight:700;color:var(--zd-nagl)}
.zd4-cena__pod{display:block;margin-top:4px;color:var(--zd-cichy)}
.zd4-info{margin:0;display:flex;align-items:flex-start;gap:8px;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-pryw{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-pryw a,.zd4-nota a{color:var(--zd-nieb);text-decoration:underline;text-underline-offset:3px}
.zd4-blad{margin:0;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-blad)}
.zd4-blad[hidden]{display:none}
.zd4-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:var(--zd-nieb);font:700 1rem/1.5 var(--zd-font);cursor:pointer;text-decoration:none}
.zd4-link:hover{text-decoration:underline;text-underline-offset:3px}
.zd4-wstecz,.zd4-wole{margin:0}
.zd4-jak{border-top:1px solid var(--zd-linia)}
.zd4-jak summary{display:flex;align-items:center;min-height:44px;color:var(--zd-nieb);font:700 1rem/1.5 var(--zd-font);cursor:pointer}
.zd4-jak ol{margin:0;padding-left:24px;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-jak li{margin:0 0 8px}.zd4-jak p{margin:8px 0 0;font-size:.875rem;color:var(--zd-cichy)}
.zd4-podpis-grupy{margin:0;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}

/* ---------- przyciski ---------- */
.zd4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:1.5px solid var(--zd-nieb);border-radius:10px;background:#fff;color:var(--zd-nieb);font:700 1rem/1.5 var(--zd-font);text-decoration:none;text-align:center;cursor:pointer}
.zd4-btn:hover{background:#F2F6FE}
.zd4-btn--glowny{background:var(--zd-nieb);color:#fff}
.zd4-btn--glowny:hover{background:var(--zd-nieb-h);border-color:var(--zd-nieb-h)}
.zd4-btn--duzy{width:100%}
.zd4-btn--maly{min-height:44px}
.zd4-btn--drugi{border-color:var(--zd-pole)}
.zd4-btn--tekst{border-color:transparent;background:none}
.zd4-btn:disabled,.zd4-btn[aria-busy=true]{opacity:.7;cursor:default}
.zd4-akcje{margin-top:0;display:flex;flex-direction:column;gap:8px}

/* ---------- potwierdzenie ---------- */
.zd4-karta-usl{display:flex;gap:16px;padding:16px;border:1px solid #C9D8F0;border-radius:14px;background:#F5F8FE}
.zd4-karta-usl__ik{flex:none;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--zd-linia);display:grid;place-items:center;color:var(--zd-nieb)}
.zd4-karta-usl__et{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-karta-usl__nazwa{margin:0;font:700 1.25rem/1.4 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl);overflow-wrap:break-word}
.zd4-karta-usl__inacz{margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-miej-rzad{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;font:400 1rem/1.5 var(--zd-font);color:var(--zd-cichy)}
.zd4-miej-rzad .zd4-ik{color:var(--zd-nieb)}
.zd4-miej-rzad strong{color:var(--zd-nagl);font-weight:700}
.zd4-miej-rzad .zd4-link{margin-left:auto}
.zd4-miej-edycja{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.zd4-miej-edycja .zd4-input{flex:1 1 120px;width:auto;min-width:0}
.zd4-miej-edycja-blok{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--zd-linia);border-radius:12px;background:var(--zd-pow)}
.zd4-miej-edycja-blok[hidden]{display:none}
.zd4-opcje{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zd4-opcje>li{min-width:0}
.zd4-opcja{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 16px;border:1.5px solid var(--zd-pole);border-radius:10px;background:#fff;color:var(--zd-nagl);font:700 1rem/1.5 var(--zd-font);text-align:left;cursor:pointer}
.zd4-opcja:hover{background:#F2F6FE;border-color:var(--zd-nieb)}
.zd4-opcja .zd4-ik{color:var(--zd-nieb)}
.zd4-opcja>span{min-width:0}
.zd4-opcje--chipy{display:flex;flex-wrap:wrap;gap:8px}
.zd4-opcja--chip{width:auto;min-height:44px;padding:0 16px;border-radius:999px;font-size:.875rem;line-height:1.4}
.zd4-inna__rzad{display:flex;flex-wrap:wrap;gap:8px}
.zd4-inna__rzad .zd4-input{flex:1 1 120px;width:auto;min-width:0}

/* ---------- płatność ---------- */
.zd4-podsum{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--zd-linia);border-radius:14px;background:var(--zd-pow)}
.zd4-podsum>div{min-width:0}
.zd4-podsum__et{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-podsum__nazwa{margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl);overflow-wrap:break-word}
.zd4-podsum__miej{margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-podsum__cena{margin:0;text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end}
.zd4-podsum__kwota{font:700 2rem/1.25 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl)}
.zd4-podsum__pod{font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy);max-width:8rem;text-align:right}
.zd4-metody{margin:0;padding:0;border:0;min-width:0}
.zd4-metody legend{padding:0;margin-bottom:8px}
.zd4-metody__rzad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zd4-metoda{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border:1.5px solid var(--zd-pole);border-radius:10px;background:#fff;color:var(--zd-nagl);font:700 .875rem/1.4 var(--zd-font);cursor:pointer;text-align:center;overflow-wrap:anywhere}
.zd4-metoda input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.zd4-metoda__kolo{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--zd-pole);background:#fff}
.zd4-metoda:has(input:checked){border:2px solid var(--zd-nieb);background:#EEF3FD;color:var(--zd-nieb)}
.zd4-metoda input:checked+.zd4-metoda__kolo{border-color:var(--zd-nieb);background:radial-gradient(circle,var(--zd-nieb) 0 45%,#fff 50%)}
.zd4-metoda:has(input:focus-visible){outline:3px solid #0B3D91;outline-offset:2px}
.zd4-metoda:has(input:disabled){opacity:.75;cursor:default}
@container kol (max-width:299px){.zd4-metody__rzad{grid-template-columns:1fr}.zd4-metoda{flex-direction:row;min-height:48px;justify-content:flex-start;padding:0 16px;gap:12px;text-align:left}}
.zd4-demo-info{margin:0;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;background:var(--zd-bursz-tlo);color:var(--zd-bursz);font:400 .875rem/1.4 var(--zd-font)}
.zd4-plat-stan{margin:0}
.zd4-plat-stan:empty{display:none}
.zd4-przetw{margin:0;display:flex;align-items:center;gap:12px;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-kolo{display:block;flex:none;width:24px;height:24px;border-radius:50%;border:3px solid #DCE3ED;border-top-color:var(--zd-nieb);animation:zd4-obrot 1s linear infinite}
@keyframes zd4-obrot{to{transform:rotate(360deg)}}

/* ---------- wyniki ---------- */
.zd4-miej-chip{align-self:flex-start;max-width:100%;display:flex;align-items:center;gap:8px;padding:0 0 0 16px;border:1px solid var(--zd-linia);border-radius:12px;background:#fff}
.zd4-miej-chip__ik{color:var(--zd-nieb)}
.zd4-miej-chip__t{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;min-width:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-miej-chip__t strong{font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl);overflow-wrap:anywhere}
.zd4-miej-chip__zmien{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--zd-cichy);cursor:pointer}
.zd4-miej-chip__zmien:hover{background:var(--zd-pow);color:var(--zd-nieb)}
.zd4-podsumowanie{display:flex;gap:16px;align-items:center;padding:16px;border-radius:14px;background:var(--zd-ziel-tlo);color:var(--zd-ziel)}
.zd4-podsumowanie>div{min-width:0}
.zd4-podsumowanie__ik{flex:none;width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center}
.zd4-podsumowanie__ik .zd4-ik{width:24px;height:24px}
.zd4-podsumowanie__t{margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-ziel)}
.zd4-podsumowanie__p{margin:0;font:400 .875rem/1.4 var(--zd-font);color:#1F2937}
.zd4-karty{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.zd4-karty>li{display:flex;min-width:0}
.zd4-karty>li>article{flex:1}
@container kol (min-width:560px){.zd4-karty--2{grid-template-columns:repeat(2,minmax(0,1fr))}.zd4-karty--1{grid-template-columns:minmax(0,420px)}}
@container kol (min-width:880px){.zd4-karty--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.zd4-karta{position:relative;flex:1;container-type:inline-size;border:1px solid var(--zd-linia);border-radius:14px;background:#fff;padding:16px}
.zd4-karta--najkrotsza{border-color:#8CC9AC}
.zd4-karta--najkrotsza::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:4px;border-radius:0 0 4px 4px;background:var(--zd-ziel)}
.zd4-karta article{display:flex;flex-direction:column;min-width:0;height:100%}
.zd4-karta__gora{display:flex;justify-content:space-between;align-items:center;gap:8px}
.zd4-etyk{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border-radius:8px;font:700 .875rem/1.4 var(--zd-font);border:1px solid transparent}
.zd4-etyk .zd4-ik{width:16px;height:16px}
.zd4-etyk--najkrotsza{background:var(--zd-ziel-tlo);color:#0B5A3E;border-color:#BFE3D0}
.zd4-etyk--kompromis{background:#EAF1FD;color:#0F4CB5;border-color:#C3D6F6}
.zd4-etyk--najblizej{background:#EEF1F5;color:#3D4A5C;border-color:#D3DAE4}
.zd4-przyklad{font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-karta__miasto{margin:16px 0 0;font:700 1.5rem/1.3333 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl);overflow-wrap:anywhere}
.zd4-karta__nazwa{margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.zd4-pelna{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-pelna summary{display:inline-flex;align-items:center;min-height:44px;color:var(--zd-nieb);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.zd4-pelna p{margin:0 0 8px;overflow-wrap:anywhere}
.zd4-karta__dane{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"czas" "pasek" "delta" "komp" "uw" "odl";gap:0}
.zd4-karta__dane .zd4-czas{grid-area:czas}.zd4-karta__dane .zd4-pasek{grid-area:pasek}.zd4-karta__dane .zd4-delta{grid-area:delta}.zd4-karta__dane .zd4-kompromis{grid-area:komp}.zd4-karta__dane .zd4-czas__uw{grid-area:uw}
.zd4-karta__dane .zd4-odl{grid-area:odl;margin-top:16px;padding-top:16px;border-top:1px solid var(--zd-linia)}
@container (min-width:420px){
  .zd4-karta__dane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"czas odl" "pasek pasek" "delta delta" "komp komp" "uw uw";column-gap:16px}
  .zd4-karta__dane .zd4-odl{margin-top:0;padding-top:0;border-top:0;border-left:1px solid var(--zd-linia);padding-left:16px}
}
.zd4-et{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-czas__glowny{margin:0;font:700 2rem/1.25 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl)}
.zd4-czas__ok{font-size:2rem}
.zd4-czas__jedn{font-size:1.5rem;letter-spacing:-.01em;font-weight:700}
.zd4-czas__glowny--brak{font-size:1.5rem;line-height:1.4;letter-spacing:-.01em}
.zd4-czas__dni{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-czas__uw{margin:4px 0 0;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-odl{display:flex;gap:8px;align-items:flex-start}
.zd4-odl>div{min-width:0}
.zd4-odl__ik{color:var(--zd-cichy)}
.zd4-odl__ik .zd4-ik{width:24px;height:24px}
.zd4-odl__glowny{margin:0;font:700 1.5rem/1.3333 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl)}
.zd4-odl__pod{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-pasek{margin-top:8px;height:8px;border-radius:4px;background:#EEF1F5;overflow:hidden}
.zd4-pasek span{display:block;height:100%;border-radius:4px;background:#6C8FD6}
.zd4-karta--najkrotsza .zd4-pasek span{background:#2E8B66}
.zd4-karta--najblizej .zd4-pasek span{background:#9AA7B8}
.zd4-delta{margin:16px 0 0;display:flex;gap:8px;align-items:flex-start;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-delta>span:last-child{min-width:0}
.zd4-delta strong{display:inline;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-delta strong+.zd4-delta__pod::before{content:' '}
.zd4-delta--dobra strong{color:var(--zd-ziel)}
.zd4-delta__ik{flex:none;color:var(--zd-tekst)}
.zd4-delta__ik{width:24px;display:grid;place-items:start center}.zd4-delta__ik .zd4-ik{width:16px;height:20px}
.zd4-delta--dobra .zd4-delta__ik{color:var(--zd-ziel)}
.zd4-delta__pod{display:inline}
.zd4-kompromis{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#EAF1FD;color:#0F3F96;font:700 .875rem/1.4 var(--zd-font)}
.zd4-rozp{flex:1 1 auto;min-height:16px}
.zd4-karta__akcje{padding-top:16px;border-top:1px solid var(--zd-linia);display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zd4-karta__akcje .zd4-btn{padding:0 8px;white-space:nowrap;min-width:0}
.zd4-karta__akcje .zd4-btn:only-child{grid-column:1/-1}
@container (max-width:239px){.zd4-karta__akcje{grid-template-columns:1fr}.zd4-karta__akcje .zd4-btn{white-space:normal}}
.zd4-bez-tel{margin:8px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-nota{margin:0;display:flex;gap:8px;align-items:flex-start;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-nota>span{min-width:0}
.zd4-nota--geo{display:block}
.zd4-pozostale{border:1px solid var(--zd-linia);border-radius:12px;background:#fff}
.zd4-pozostale summary{display:flex;align-items:center;min-height:48px;padding:0 16px;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nieb);cursor:pointer}
.zd4-pozostale ul{list-style:none;margin:0;padding:0 16px 8px}
.zd4-pozostale li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--zd-linia);font:400 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-poz__n{min-width:0;overflow-wrap:anywhere}.zd4-poz__c{flex:none;text-align:right;color:var(--zd-cichy)}
@container kol (max-width:479px){.zd4-pozostale li{flex-direction:column;gap:4px}.zd4-poz__c{text-align:left}}
.zd4-brak-wyn{padding:16px;border-radius:14px;border:1px solid var(--zd-linia);background:var(--zd-pow)}
.zd4-brak-wyn h3{margin:0;font:700 1.25rem/1.4 var(--zd-font);color:var(--zd-nagl)}.zd4-brak-wyn p{margin:8px 0 0;color:var(--zd-tekst)}
.zd4-kolejne{padding-top:16px;border-top:1px solid var(--zd-linia);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.zd4-kolejne__t{margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-kolejne__p{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
@container kol (max-width:479px){.zd4-kolejne .zd4-btn{width:100%}}

/* ---------- telefon: pełny ekran ---------- */
@media (max-width:767px){
  .zd4,.zd4--szeroki{left:0;top:0;transform:none;width:100vw;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}
  .zd4-gora__podpis{font-size:.875rem}
}
@media (max-width:420px){.zd4-gora{gap:8px}}
@media (max-width:359px){.zd4-demo span{display:none}.zd4-gora__podpis{line-height:1.3}.zd4-kroki__t{font-size:.875rem}}
@media (max-width:260px){.zd4-gora__podpis{display:none}.zd4-log,.zd4-wej,.zd4-gora,.zd4-kroki{padding-inline:12px}.zd4-karta{padding:12px}.zd4-karta__miasto,.zd4-czas__glowny,.zd4-czas__ok{font-size:1.25rem}.zd4-podsum,.zd4-karta-usl,.zd4-podsumowanie{flex-direction:column;align-items:flex-start;gap:8px}.zd4-podsum__cena{align-items:flex-start;text-align:left}}
@media (prefers-reduced-motion:reduce){.zd4-kolo{animation-duration:3s}}

/* ---------- wezwanie w hero ---------- */
.zd4-wezwanie{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;font:700 1.0625rem/1.4 var(--zd-font,inherit);color:#fff}
.zd4-wezwanie .zd4-link{color:#B8D2FF;text-decoration:underline;text-underline-offset:3px}

/* ---------- wynik bezpłatnego wyszukiwania na stronie (kopia testowa) ---------- */
.zd4-wynik-str{margin:24px 0 0;padding:16px;border:1px solid var(--zd-linia);border-radius:14px;background:#fff;color:var(--zd-tekst);font-family:var(--zd-font)}
.zd4-wynik-str h3{margin:0;font:700 1.25rem/1.4 var(--zd-font);color:var(--zd-nagl)}
.zd4-wynik-str__st{margin:4px 0 12px;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-wynik-str__lista{margin:0;padding:0;list-style:none}
.zd4-wynik-str__lista li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--zd-linia);font:400 1rem/1.5 var(--zd-font)}
.zd4-wynik-str__lista b{flex:none;color:var(--zd-nagl)}
.zd4-wynik-str .zd4-btn{margin-top:8px}
.ak-wezwanie{display:none!important}

/* sekcja „Jak działa Zdzich” na stronie (kopia stylów z poprzedniej wersji) */
.ak-jak__lead{margin:12px 0 0;max-width:62ch;font-size:1.0625rem;line-height:1.5;color:#52647A}
.ak-jak__nota{margin:24px 0 0;font-size:.9375rem;color:#52647A}
@media (min-width:1100px){.ak-jak__kroki{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:1099px){.ak-jak__kroki{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- poprawki układu (v4.3) ---------- */
.zd4-karta-usl>div,.zd4-podsum>div,.zd4-podsumowanie>div{min-width:0}
.zd4-kroki{flex-wrap:wrap;row-gap:4px}
.zd4-karta__gora{flex-wrap:wrap}
.zd4-gora__podpis{text-wrap:balance}
@container kol (max-width:359px){.zd4-podsum{flex-direction:column;gap:8px}.zd4-podsum__cena{flex-direction:row;align-items:baseline;gap:8px;text-align:left}.zd4-podsum__pod{max-width:none;text-align:left}}

.zd4-odl__ik{flex:none}
.zd4-btn{max-width:100%}
.zd4-info>span,.zd4-nota>span{min-width:0;overflow-wrap:anywhere}
.zd4-opcje--chipy>li{max-width:100%}
.zd4-opcja--chip{max-width:100%;text-align:center;border-radius:22px}
@media (max-width:260px){.zd4-karta-usl>div,.zd4-podsum>div,.zd4-podsumowanie>div,.zd4-podsum__cena{width:100%}.zd4-btn{white-space:normal}}
@container kol (max-width:359px){.zd4-podsum__cena{width:100%}}

.zd4-link{max-width:100%;white-space:normal;text-align:left}
@container kol (max-width:359px){.zd4-podsum__cena{flex-wrap:wrap}}

.zd4-wiad__kol{overflow-wrap:anywhere}
.zd4-metoda>span:last-child{min-width:0}
@container kol (max-width:299px){.zd4-metoda{padding:0 12px;gap:8px}}

/* wąski telefon: kolumna wiadomości na całą szerokość okna (awatar jest w nagłówku), karty wyników mają wtedy 358 zamiast 314 px */
@media (max-width:480px){.zd4-wiad--zd>.zd4-av{display:none}.zd4-wiad--sum{padding-left:0}}

/* okno czatu zadokowane w prawym dolnym rogu; na telefonie pełny ekran */
@media (max-width:600px){.zd4{right:0;bottom:0;left:0;top:0;width:100%;height:100vh;height:100dvh;border-radius:0;border:0;box-shadow:none}}
/* fokus nadawany skryptem na nagłówkach i kontenerach nie rysuje żadnej ramki */
.zd4 [tabindex="-1"],.zd4 [tabindex="-1"]:focus,.zd4 [tabindex="-1"]:focus-visible,.zd4 [data-fokus],.zd4 [data-fokus]:focus,.zd4 [data-fokus]:focus-visible{outline:none!important;box-shadow:none!important}

/* =====================================================================================================
   v4.5 (11.10.2026): SYSTEM KOMUNIKATÓW (opis i tabela: SYSTEM-KOMUNIKATOW.md). Typy treści:
   A wypowiedź Zdzicha (.zd4-dym)  B pytanie z kontrolką (.zd4-pyt)  C wynik (.zd4-karta)  D podsumowanie (.zd4-podsumowanie)
   E informacja pomocnicza (.zd4-e)  F ostrzeżenie/błąd (.zd4-kom--uwaga / --blad)  G zwinięty krok (.zd4-sum)
   ===================================================================================================== */
.zd4-wiad__kol{gap:12px}
/* A: 16 px, #1F2937 na #F6F8FB; pierwsza linia może być pogrubiona, nic poza tym */
.zd4-dym__t,.zd4-dym__t.zd4-h2--wyn{font:700 1rem/1.5 var(--zd-font);letter-spacing:0;color:var(--zd-tekst);text-wrap:pretty}
.zd4-dym__p,.zd4-dym__p0{margin:0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-tekst);overflow-wrap:anywhere}
.zd4-dym__t+.zd4-dym__p{margin-top:0}
.zd4-dym--praca .zd4-dym__p{margin:0}
/* B: pytanie i jego kontrolki w JEDNEJ karcie (nagłówek karty = pytanie) */
.zd4-pyt{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:16px;border:1px solid var(--zd-linia);border-radius:16px 16px 16px 4px;background:var(--zd-pow);color:var(--zd-tekst)}
.zd4-pyt[hidden]{display:none}
.zd4-pyt__et{display:block;margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-tekst)}
.zd4-pyt .zd4-chipy{gap:8px}
.zd4-pyt .zd4-e{margin:0}
.zd4-pyt .zd4-podpis-grupy{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-pyt--edycja{padding:16px}
.zd4-miej-rzad.zd4-pyt{align-items:stretch}
.zd4-chip--geo{gap:8px;padding:0 16px;border-color:var(--zd-nieb);background:#fff;color:#0F4CB5}
.zd4-chip--geo .zd4-ik{width:20px;height:20px}
.zd4-chip--geo:hover{background:#F2F6FE}
.zd4-chip--geo:disabled{opacity:.8;cursor:default}
.zd4-plakietka{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:6px;background:var(--zd-bursz-tlo);color:var(--zd-bursz);font:700 .75rem/1.4 var(--zd-font);text-transform:uppercase;letter-spacing:.04em}
/* pole: jedna cienka ramka w kolorze marki, bez obrysu i poświaty */
.zd4 .zd4-input,.zd4 .zd4-wej__pole{outline:none}
.zd4 .zd4-input:focus,.zd4 .zd4-input:focus-visible,.zd4 .zd4-wej__pole:focus,.zd4 .zd4-wej__pole:focus-visible{outline:none;border-color:var(--zd-nieb);box-shadow:inset 0 0 0 .5px var(--zd-nieb)}
.zd4 .zd4-input[aria-invalid=true]:focus,.zd4 .zd4-wej__pole[aria-invalid=true]:focus{border-color:var(--zd-blad);box-shadow:inset 0 0 0 .5px var(--zd-blad)}
/* E: informacja pomocnicza, 13 px, szara, bez dymka i ramki, pod elementem, którego dotyczy, maks. 2 linie */
.zd4-e,.zd4-pomoc,.zd4-pryw,.zd4-cena,.zd4-bez-tel,.zd4-info,.zd4-nota,.zd4-nota>p{margin:0;font:400 .8125rem/1.4 var(--zd-font);color:var(--zd-cichy);overflow-wrap:anywhere}
.zd4-e[hidden]{display:none}
.zd4-nota{display:flex;flex-direction:column;gap:4px}
.zd4-nota--geo{display:block}
.zd4-cena__pod{display:none}
.zd4-wiad__kol>.zd4-e,.zd4-wiad__kol>.zd4-nota,.zd4-form>.zd4-e{margin-top:-4px}
.zd4-akcje>.zd4-e{margin-top:-4px}
.zd4-bez-tel{margin-top:8px}
.zd4-pryw a,.zd4-nota a{color:var(--zd-nieb)}
/* F: ostrzeżenie (bursztyn) i błąd (czerwień): osobny blok z ikoną i pogrubionym pierwszym zdaniem */
.zd4-kom{margin:0;display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:12px;font:400 .875rem/1.4 var(--zd-font)}
.zd4-kom[hidden]{display:none}
.zd4-kom .zd4-ik{width:20px;height:20px;margin-top:-1px}
.zd4-kom>span{min-width:0;overflow-wrap:anywhere}
.zd4-kom strong{font-weight:700}
.zd4-kom--uwaga{background:var(--zd-bursz-tlo);color:var(--zd-bursz)}
.zd4-kom--blad{background:var(--zd-blad-tlo);color:var(--zd-blad)}
.zd4-kom.zd4-blad{font-weight:400}
.zd4-kom.zd4-czas__uw{margin-top:16px}
.zd4-demo-info{display:flex;font:400 .875rem/1.4 var(--zd-font)}
.zd4-miej-edycja .zd4-input{flex:1 1 120px}
/* D: podsumowanie wyniku, jeden zielony blok: nagłówek w jednej linii, jedna linia uzupełnienia, mała ikona wyrównana do pierwszej linii */
.zd4-podsumowanie{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:12px;background:var(--zd-ziel-tlo);color:var(--zd-ziel)}
.zd4-podsumowanie__ik{flex:none;width:20px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:0;background:none}
.zd4-podsumowanie__ik .zd4-ik{width:20px;height:20px}
.zd4-podsumowanie__t{margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-ziel);text-wrap:pretty}
.zd4-podsumowanie__p{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
/* G: zwinięty krok: jedna linia „✓ …”, 14 px, szara */
.zd4-sum{font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-sum .zd4-ik{width:16px;height:16px}
button.zd4-sum{font:400 .875rem/1.4 var(--zd-font)}
/* nagłówek okna: podtytuł w jednej linii */
.zd4-gora__podpis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
/* karta wyniku: ostrzeżenie „0 dni” jest blokiem na całą szerokość karty, pod danymi */
.zd4-karta__dane .zd4-czas__uw{grid-area:uw}
.zd4-karta .zd4-bez-tel{font-size:.875rem}

/* =====================================================================================================
   v4.6 (11.10.2026): WIDGET Zdzicha w prawym dolnym rogu strony. Od razu widoczny od załadowania.
   Dwa tryby jednego elementu #zd4-baner: pełny widget (komputer, bez zamknięcia X) i kompaktowy launcher (telefon, wąskie okno, po X).
   Jedna decyzja: „Sprawdź ze Zdzichem”. Cena to typ E (mikrotekst pod przyciskiem), nie osobny pasek.
   ===================================================================================================== */
.zd4-baner{--zd4-zg:0px;--zd4-dy:0px;position:fixed;z-index:70;right:16px;bottom:16px;translate:0 calc(-1 * (var(--zd4-zg) + var(--zd4-dy)));box-sizing:border-box;color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font);animation:zd4-wejscie .35s ease both}
.zd4-baner *{box-sizing:border-box}
.zd4-baner[hidden]{display:none!important}
@keyframes zd4-wejscie{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.zd4-baner{animation:none;transition:none}}
.zd4-baner[data-tryb=kompakt] .zd4-widget,.zd4-baner[data-tryb=pelny] .zd4-launcher{display:none}
.zd4-launcher .zd4-av--m{width:36px;height:36px}
/* launcher: pigułka z awatarem i napisem „Zdzich”, min. 44 px */
.zd4-launcher{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:6px 16px 6px 6px;border:1px solid var(--zd-linia);border-radius:999px;background:#fff;color:var(--zd-nagl);box-shadow:0 8px 24px rgba(19,47,82,.2),0 2px 6px rgba(19,47,82,.1);font:700 1rem/1.5 var(--zd-font);cursor:pointer}
.zd4-launcher:hover{background:#F2F6FE}
.zd4-launcher .zd4-av--m .zd4-av__ai{display:block;right:-6px;bottom:-4px}
.zd4-launcher :focus-visible,.zd4-baner :focus-visible{outline:3px solid #0B3D91;outline-offset:2px;border-radius:8px}
.zd4-launcher:focus-visible{border-radius:999px}
/* pełny widget */
.zd4-widget{width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px;background:#fff;border:1px solid var(--zd-linia);border-radius:16px;box-shadow:0 16px 40px rgba(19,47,82,.2),0 2px 8px rgba(19,47,82,.08)}
.zd4-widget__glowa{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.zd4-widget__kto{flex:1;min-width:0}
.zd4-widget__imie{margin:0;font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-widget__rola{margin:0;font:400 .8125rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-baner__x{flex:none;width:44px;height:44px;margin:-8px -8px -8px 0;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--zd-cichy);cursor:pointer}
.zd4-baner__x:hover{background:var(--zd-pow)}
.zd4-baner__tytul{margin:0;font:700 1.5rem/1.3333 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl);text-wrap:balance}
.zd4-baner__pod{margin:8px 0 0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-cichy);text-wrap:pretty}
.zd4-baner__kont{margin:0;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-baner__liczby{margin:0;font:700 2rem/1.25 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl)}
.zd4-baner__liczby b{font-weight:700}
.zd4-baner__od{font:700 1rem/1.5 var(--zd-font);color:var(--zd-cichy);letter-spacing:0}
.zd4-baner__chipy{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zd4-baner__chipy li{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px 0 8px;border-radius:999px;background:var(--zd-pow);border:1px solid var(--zd-linia);font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-baner__chipy li b{font-weight:700;color:var(--zd-nagl)}
.zd4-baner__chipy .zd4-ik{width:16px;height:16px;color:var(--zd-nieb)}
.zd4-baner__btn{width:100%;margin-top:24px;min-height:48px}
.zd4-baner__mikro{margin:8px 0 0;text-align:center}
@media (max-width:640px){
  .zd4-baner{right:12px;bottom:12px}
  .zd4-baner[data-tryb=pelny]{left:12px}
  .zd4-baner[data-tryb=pelny] .zd4-widget{width:auto;max-width:none}
}

/* =====================================================================================================
   v4.7 (11.10.2026): widget jako narzędzie SPRZEDAŻY. Poziomy wizualne: (1) nagłówek z dwiema dużymi liczbami + wykres + przycisk, (2) zdanie korzyści, (3) drobne: kicker, źródło, cena.
   ===================================================================================================== */
.zd4-widget__glowa{margin:0 0 12px;gap:8px}
.zd4-widget__imie{font:700 .875rem/1.4 var(--zd-font)}
.zd4-baner__kicker{margin:0;font:700 .75rem/1.4 var(--zd-font);letter-spacing:.08em;text-transform:uppercase;color:#0F4CB5}
.zd4-baner__tytul{margin:4px 0 0;font:700 1.25rem/1.4 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl);text-wrap:balance}
.zd4-liczba{font:800 2rem/1.1 var(--zd-font);letter-spacing:-.02em}
.zd4-liczba--k{color:#10694C}
.zd4-liczba--d{color:var(--zd-nagl)}
.zd4-baner__jedn{font:700 1.25rem/1.4 var(--zd-font)}
/* wykres: dwa poziome słupki proporcjonalne do liczby dni; liczby przy słupkach, tekstowy odpowiednik w aria-label figury */
.zd4-wyk{margin:16px 0 0;display:flex;flex-direction:column;gap:12px}
.zd4-wyk__g{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-wyk__g b{font:700 .875rem/1.4 var(--zd-font);color:var(--zd-nagl)}
.zd4-wyk__s{margin-top:4px;height:12px;border-radius:6px;background:#E6EBF2;overflow:hidden}
.zd4-wyk__s i{display:block;height:100%;border-radius:6px}
.zd4-wyk__s1{background:#10694C}
.zd4-wyk__s2{background:var(--zd-nagl)}
.zd4-baner__zrodlo{margin:8px 0 0}
.zd4-baner__pod{margin:16px 0 0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-tekst);text-wrap:pretty}
.zd4-baner__btn{margin-top:16px}
/* launcher na telefonie zwęża się do samego awatara (48 px) przy przewijaniu strony */
.zd4-baner--sam .zd4-launcher{width:48px;min-height:48px;padding:0;justify-content:center;border-radius:50%}
.zd4-baner--sam .zd4-launcher__t{display:none}
.zd4-nw{white-space:nowrap}

/* ---------- płatność wbudowana (Stripe) ---------- */
.zd4-plat-wczyt{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid var(--zd-linia);border-radius:12px;background:var(--zd-pow);font:700 1rem/1.5 var(--zd-font);color:var(--zd-nagl)}
.zd4-plat-wczyt[hidden],.zd4-plat-form[hidden],.zd4-ece-wrap[hidden]{display:none}
.zd4-plat-form{display:flex;flex-direction:column;gap:12px}
.zd4-plat-form--ukryty{position:absolute;left:-9999px;width:100%;max-width:100%;height:0;overflow:hidden;visibility:hidden}
.zd4-ece-wrap{display:flex;flex-direction:column;gap:8px}
#zd4-ece{min-height:48px}
#zd4-pe{min-height:120px}
.zd4-albo{display:flex;align-items:center;gap:12px;margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-albo::before,.zd4-albo::after{content:"";flex:1;height:1px;background:var(--zd-linia)}
.zd4-plat-stan .zd4-akcje{margin-top:8px}
.zd4-btn[hidden]{display:none}

/* =====================================================================================================
   v4.8 (11.10.2026): BLOK AGENTA W HERO. Wyśrodkowana biała karta z akcentem marki, drugi (po wyszukiwarce) dominujący element pierwszego ekranu.
   Tekst wewnątrz wyrównany konsekwentnie do lewej. Siatka 4/8/12/16/24/32.
   ===================================================================================================== */
.zd4-hero{box-sizing:border-box;width:100%;max-width:960px;margin:16px auto 0;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:start;text-align:left;background:#fff;color:var(--zd-tekst);font:400 1rem/1.5 var(--zd-font);border-radius:20px;border-top:4px solid var(--zd-nieb);box-shadow:0 18px 44px rgba(2,12,32,.45)}
.zd4-hero *{box-sizing:border-box}
.zd4-hero__av .zd4-av{width:56px;height:56px}.zd4-hero__av .zd4-av img{width:56px;height:56px}
.zd4-hero__tresc{min-width:0}
.zd4-hero .zd4-baner__kicker{margin:0}
.zd4-hero__t{margin:4px 0 0;font:700 1.25rem/1.4 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl);text-wrap:balance}
.zd4-hero__zrodlo{margin:4px 0 0}
.zd4-hero__pod{margin:8px 0 0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-tekst);text-wrap:pretty}
.zd4-hero__akcja{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}
.zd4-hero__akcja .zd4-btn{width:100%}
.zd4-hero .zd4-cena{text-align:center;margin-top:2px}  /* gap kontenera 8 px + 2 = 10 px od przycisku */
.zd4-hero :focus-visible{outline:3px solid #0B3D91;outline-offset:2px;border-radius:8px}
@media (min-width:768px){
  .zd4-hero{grid-template-columns:auto minmax(0,1fr) 248px;gap:16px 24px;align-items:center;padding:16px 24px}
  .zd4-hero__akcja{grid-column:3}
}

.zd4-hero{align-self:center;justify-self:center}
/* v4.9 (11.10.2026): baner POD formularzem (w pustym miejscu pod przyciskiem „Sprawdź”), nie nad nim. Wąska karta: awatar + tekst, przycisk na całą szerokość. */
body.s-a .scena__glowa{order:0}
body.s-a .narzedzie{order:1}
body.s-a .scena__wrap>.zd4-hero{order:2;margin:0;max-width:none;justify-self:start;align-self:start}
@media (min-width:1024px){body.s-a .scena__wrap>.zd4-hero{max-width:640px}}
body.s-a .scena__mapa{order:3}
@media (min-width:1180px){
  body.s-a .scena__wrap{grid-template-rows:auto auto 1fr}
  body.s-a .scena__glowa{grid-column:1/-1;grid-row:1}
  body.s-a .narzedzie{grid-column:1;grid-row:2}
  body.s-a .scena__mapa{grid-column:2;grid-row:2/span 2}
  body.s-a .scena__wrap>.zd4-hero{grid-column:1;grid-row:3;align-self:start;justify-self:stretch;width:auto;max-width:none;margin:20px -60px 0 0;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:start;padding:16px 20px;position:relative;z-index:3}
  body.s-a .zd4-hero__akcja{grid-column:1/-1}
  body.s-a .zd4-hero__t{font-size:1.125rem}
}

/* v4.8: dowód z danych jako zdanie pod nagłówkiem (nie zamiast niego) */
.zd4-hero__dowod,.zd4-baner__dowod{margin:12px 0 0;font:400 .9375rem/1.5 var(--zd-font);color:var(--zd-tekst)}
.zd4-hero__dowod .zd4-liczba,.zd4-baner__dowod .zd4-liczba{font-size:1.5rem;line-height:1.2}
.zd4-baner__dowod{margin:16px 0 0}
.zd4-baner__pod{margin:8px 0 0}
.zd4-baner__zrodlo{margin:4px 0 0}
.zd4-wyk{margin:8px 0 0}

/* v4.8: dwie etykiety roli, pozycje w rankingu (chipy), przełącznik sortowania */
.zd4-etyki{display:flex;flex-wrap:wrap;gap:8px}
.zd4-rank{margin:8px 0 0;display:inline-block;max-width:100%;padding:4px 8px;border-radius:8px;background:#EAF1FD;border:1px solid #C3D6F6;color:#0F3F96;font:700 .8125rem/1.4 var(--zd-font);overflow-wrap:anywhere}
.zd4-rank--1{background:var(--zd-ziel-tlo);border-color:#BFE3D0;color:#0B5A3E}
.zd4-poz__rank{display:flex;flex-wrap:wrap;gap:0 8px}
.zd4-poz__rank .zd4-rank{margin-top:4px;font-weight:400}
.zd4-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.zd4-sort__et{font:700 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-sort__b{min-height:44px;padding:0 16px;border:1.5px solid var(--zd-pole);border-radius:999px;background:#fff;color:var(--zd-nagl);font:700 .875rem/1.4 var(--zd-font);cursor:pointer}
.zd4-sort__b[aria-pressed=true]{border-color:var(--zd-nieb);background:#EEF3FD;color:#0F4CB5}
.zd4-sort__b:hover{background:#F2F6FE}

/* =====================================================================================================
   v4.8: copy Łukasza (31 sekcji): kicker „AGENT ZDZICH AI”, karty pytań, płatność, zdjęcie, stopka
   ===================================================================================================== */
.zd4-dym__k{display:block;margin:0 0 4px;font:700 .75rem/1.4 var(--zd-font);letter-spacing:.08em;text-transform:uppercase;color:#0F4CB5}
.zd4-dym__p--b{margin-top:8px;font-weight:700}
.zd4-pyt__tekst{margin:0;font:400 1rem/1.5 var(--zd-font);color:var(--zd-tekst)}
.zd4-pyt--blad{background:var(--zd-blad-tlo);border-color:#F0BDBD}
.zd4-pyt--info{background:#EAF1FD;border-color:#C3D6F6}
.zd4-przyklad-tresc{margin:0;font:italic 400 1rem/1.5 var(--zd-font);color:var(--zd-tekst)}
.zd4-foto-pod{display:block;max-width:100%;max-height:200px;border-radius:12px;border:1px solid var(--zd-linia);object-fit:contain;background:#fff}
.zd4-plik-etykieta{cursor:pointer}
.zd4 .zd4-plik-etykieta:focus-within{outline:3px solid #0B3D91;outline-offset:2px}
.zd4-zgoda__l{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-zgoda__l input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--zd-nieb)}
.zd4-plat-akcje .zd4-btn{justify-content:center}
.zd4-wkrotce{color:var(--zd-cichy);border-color:transparent;font-weight:400;cursor:default}
.zd4-wyn-usluga{margin:0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-wyn-usluga strong{font-weight:700;color:var(--zd-nagl)}
.zd4-czas__dane{margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-karta__adres{margin:4px 0 0;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy);overflow-wrap:anywhere}
.zd4-czas__info{margin-top:8px}
.zd4-karta__akcje{grid-template-columns:1fr}
.zd4-karta__akcje .zd4-btn{white-space:normal}
.zd4-btn--tel .zd4-btn__t{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.3}
.zd4-btn__num{font:400 .875rem/1.4 var(--zd-font)}
.zd4-btn--tel{justify-content:flex-start}
.zd4-zero{margin-top:8px;font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-zero summary{display:inline-flex;align-items:center;min-height:44px;color:var(--zd-nieb);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.zd4-zero p{margin:0 0 8px}
.zd4-x--tekst{width:auto;min-width:44px;padding:0 8px;gap:4px;display:inline-flex;align-items:center;font:700 .875rem/1.4 var(--zd-font);color:var(--zd-nagl)}
.zd4-x--tekst .zd4-ik{width:20px;height:20px}
@media (max-width:359px){.zd4-x__t{display:none}}
/* pasek wejścia: pole + (Dodaj zdjęcie) + Dalej */
.zd4-wej{gap:8px}
.zd4-wej .zd4-wej__pole{width:100%;height:48px}
.zd4-wej__rzad{display:flex;gap:8px;align-items:center}
.zd4-wej__rzad .zd4-btn{flex:1 1 0;min-width:0;min-height:48px}
.zd4-wej__rzad .zd4-wej__dalej{flex:2 1 0}
.zd4-wej--off .zd4-wej__rzad .zd4-btn{opacity:.6;cursor:default;background:var(--zd-pow);color:var(--zd-cichy);border-color:var(--zd-linia)}
/* stopka: stały komunikat 112 + rozwijane informacje o serwisie */
.zd4-stopka{flex-direction:column;align-items:stretch;gap:4px;padding:8px 16px;text-align:left;font:400 .8125rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-nagly{margin:0;font:400 .8125rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-nagly strong{color:var(--zd-nagl)}
.zd4-nagly a{color:var(--zd-nieb);text-decoration:underline;text-underline-offset:2px}
.zd4-stopka__det summary{display:inline-flex;align-items:center;min-height:32px;color:var(--zd-nieb);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.zd4-stopka__det p{margin:4px 0 0}
.zd4-stopka__det{max-height:30vh;overflow-y:auto}
.zd4-stopka__det a{color:var(--zd-nieb)}
/* nagłówek okna v4.8: tytuł w jednej linii, podtytuł może zająć dwie */
.zd4-gora__imie{white-space:nowrap;font-size:1.125rem}
.zd4-gora__podpis{white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance;font-size:.8125rem}
@media (max-width:480px){.zd4-demo span{display:none}.zd4-demo{padding:0 6px}}

.zd4-wej--off{display:none}
@media (max-width:300px){.zd4-gora__imie{white-space:normal;flex-wrap:wrap;font-size:1rem}.zd4-x__t{display:none}.zd4-demo{display:none}}

.zd4-karta__dane .zd4-uw{grid-area:uw;margin-top:16px}
.zd4-uw .zd4-czas__uw{margin-top:0}
.zd4-rank{font-size:.875rem;font-weight:700}
.zd4-poz__rank .zd4-rank{font-size:.8125rem}
.zd4-czas__info{font-size:.875rem}
.zd4-akcje{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
.zd4-akcje>p{grid-row:auto}
@media (max-height:520px){.zd4-kroki{display:none}.zd4-stopka__det{display:none}.zd4-wej{padding:8px 12px;gap:4px}.zd4-stopka{padding:4px 12px}.zd4-wej .zd4-wej__pole{height:40px}.zd4-wej__rzad .zd4-btn{min-height:44px}.zd4-gora{padding:8px 12px}}
.zd4 .zd4-demo{padding:0 6px}
.zd4-gora{gap:16px}
.zd4-wej__rzad #zd4-foto-btn{flex:1 1 auto;white-space:nowrap;padding:0 12px}
.zd4-wej__rzad #zd4-foto-btn .zd4-ik{width:20px;height:20px}
.zd4-wej{padding:8px 16px}
.zd4-wej .zd4-wej__pole{height:44px;padding:8px 16px}
.zd4-wej__rzad .zd4-btn{min-height:44px}
.zd4-stopka{padding:4px 16px 6px;gap:0}
.zd4-stopka__det summary{min-height:28px}
.zd4-wej .zd4-wej__pole{min-height:44px}

/* v4.9: scenka Halina + Zdzich pod mapą (wypełnia pustą prawą kolumnę pod banerem). Dymki jak komiks: biały, granatowa ramka. */
.zd4-scena{display:none}
@media (min-width:700px){
  body.s-a .scena__wrap>.zd4-scena{display:grid;order:4;grid-template-columns:auto minmax(0,1fr) auto;gap:0 12px;align-items:end;margin:8px 0 0}
}
.zd4-scena img{display:block;height:215px;width:auto}
.zd4-scena__dymki{display:flex;flex-direction:column;gap:14px;align-self:center;min-width:0}
.zd4-dymek{position:relative;margin:0;padding:10px 14px;background:#fff;color:#0D2B55;border:3px solid #0D2B55;border-radius:16px;box-shadow:4px 4px 0 rgba(2,12,32,.45);font:700 .9375rem/1.35 var(--zd-font);text-wrap:balance}
.zd4-dymek--h{margin-right:12px}.zd4-dymek--z{margin-left:12px}
.zd4-dymek::after{content:"";position:absolute;top:50%;width:14px;height:14px;background:#fff;border:3px solid #0D2B55;transform:translateY(-50%) rotate(45deg)}
.zd4-dymek--h::after{left:-10px;border-right:0;border-top:0}
.zd4-dymek--z::after{right:-10px;border-left:0;border-bottom:0}
@media (min-width:1180px){
  body.s-a .scena__wrap>.zd4-scena{grid-column:2;grid-row:3;align-self:end;margin:0;padding-left:64px}
}

/* v4.9: dowód w banerze jako dwa równe kafelki (zamiast zdania, które się łamało i rozjeżdżało rozmiarami) */
.zd4-hero__dowod{margin:16px 0 0}
.zd4-dow__et{margin:0 0 8px;font:600 .875rem/1.4 var(--zd-font);color:var(--zd-tekst)}
.zd4-dow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zd4-dow__k{display:flex;flex-direction:column;gap:0;padding:8px 16px;background:#F3F6FB;border:1px solid #DCE3ED;border-radius:12px}
.zd4-dow__k .zd4-liczba{font-size:1.75rem;line-height:1.1}
.zd4-dow__k span{font:400 .875rem/1.35 var(--zd-font);color:var(--zd-tekst)}
.zd4-hero__pod,.zd4-hero__zrodlo{text-wrap:pretty}
.zd4-hero__zrodlo{margin:12px 0 0}

/* v4.9: jedna lewa krawędź w banerze: awatar stoi obok kickera i nagłówka, a opis, kafelki, źródło i przycisk idą pod nimi na całą szerokość karty */
body.s-a .zd4-hero{grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-items:center;padding:16px 20px}
body.s-a .zd4-hero__tresc{display:contents}
body.s-a .zd4-hero__av{grid-column:1;grid-row:1/3;align-self:center}
body.s-a .zd4-hero .zd4-baner__kicker{grid-column:2;grid-row:1;align-self:end}
body.s-a .zd4-hero__t{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0}
body.s-a .zd4-hero__pod{grid-column:1/-1;margin:12px 0 0}
body.s-a .zd4-hero__dowod{grid-column:1/-1;margin:12px 0 0}
body.s-a .zd4-hero__zrodlo{grid-column:1/-1;margin:8px 0 0}
body.s-a .zd4-hero__akcja{grid-column:1/-1;margin:12px 0 0}

/* =====================================================================================================
   v4.9: karta widgetu „pierwszy widok” (projekt Łukasza) i powiększony, animowany launcher.
   Animacje tylko transform/opacity (zero przesunięć układu), wyłączone przy prefers-reduced-motion, wstrzymane gdy karta jest w tle.
   ===================================================================================================== */
.zd4-baner{--zl:64px;--zls:80px}
.zd4-widget{width:410px;padding:20px;border-radius:20px;container-type:inline-size;box-shadow:0 18px 48px rgba(19,47,82,.22),0 2px 8px rgba(19,47,82,.08)}
.zd4-widget__glowa{gap:12px;margin:0 0 16px}
.zd4-widget__glowa .zd4-av--w{width:56px;height:56px}
.zd4-widget__glowa .zd4-av--w img{width:56px;height:56px;border:3px solid var(--zd-nieb)}
.zd4-widget__imie{font:700 1rem/1.4 var(--zd-font)}
.zd4-widget__rola{font:400 .875rem/1.4 var(--zd-font)}
.zd4-baner__tytul{margin:0;font:700 1.75rem/1.2 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl);text-wrap:balance}
.zd4-akcent{color:var(--zd-nieb)}
.zd4-baner__pod{margin:12px 0 0;font:400 .875rem/1.5 var(--zd-font);color:var(--zd-cichy)}
.zd4-kafle{margin:16px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px;align-items:center}
.zd4-kafel{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;min-width:0}
.zd4-kafel--k{background:#EAF6EF}
.zd4-kafel--d{background:#EEF3FD}
.zd4-kafel__et{font:400 .875rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-kafel__v{margin:0;font:700 1rem/1.2 var(--zd-font);color:var(--zd-nagl);white-space:nowrap}
.zd4-kafel__n{font:800 2rem/1.1 var(--zd-font);letter-spacing:-.02em}
.zd4-kafel--k .zd4-kafel__n{color:#10694C}
.zd4-kafel__j{font:700 1rem/1.2 var(--zd-font)}
.zd4-kafel .zd4-wyk__s{margin:0;display:block;height:10px;border-radius:5px;background:#D5E3DA;overflow:hidden}
.zd4-kafel--d .zd4-wyk__s{background:#D5DEEF}
.zd4-kafel__op{font:400 .8125rem/1.4 var(--zd-font);color:var(--zd-cichy)}
.zd4-kafle__strz{display:grid;place-items:center;color:var(--zd-nagl)}
.zd4-kafle__strz .zd4-ik{width:18px;height:18px}
.zd4-baner__zrodlo{margin:8px 0 0}
.zd4-ikony{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zd4-ikony li{display:flex;align-items:center;gap:8px;font:400 .8125rem/1.3 var(--zd-font);color:var(--zd-tekst);min-width:0}
.zd4-ikony__k{flex:none;width:36px;height:36px;border-radius:50%;background:#EEF3FD;color:var(--zd-nieb);display:grid;place-items:center}
.zd4-ikony__k .zd4-ik{width:20px;height:20px}
.zd4-baner__btn{margin-top:16px;min-height:52px;font-size:1rem}
.zd4-plat-zdanie{margin:0 0 12px;font:600 1rem/1.4 var(--zd-font);color:var(--zd-nagl)}
@container (max-width:359px){.zd4-widget .zd4-cena__d--p{display:none}.zd4-widget .zd4-cena__d--k{display:block}.zd4-ikony{gap:4px}.zd4-ikony li{flex-direction:column;text-align:center;font-size:.75rem}}
@media (max-width:640px){
  .zd4-baner{--zl:56px;--zls:64px}
  .zd4-widget{width:auto;padding:16px}
  .zd4-baner__tytul{font-size:1.5rem}
  .zd4-kafel__n{font-size:1.75rem}
}
/* launcher powiększony: sam awatar 80 (komputer) / 64 (telefon), pigułka z napisem: awatar 56 / 48 */
.zd4-launcher{position:relative;min-height:var(--zl);padding:6px 20px 6px 6px;gap:12px}
.zd4-launcher .zd4-av--l{width:var(--zl);height:var(--zl)}
.zd4-launcher .zd4-av--l img{width:100%;height:100%;border:3px solid var(--zd-nieb)}
.zd4-launcher .zd4-av--l .zd4-av__ai{right:-6px;bottom:-4px;font-size:.75rem}
.zd4-launcher__t{font:700 1.125rem/1.2 var(--zd-font)}
.zd4-launcher__ruch{display:block;flex:none;transform-origin:50% 60%}
.zd4-launcher__pierscien{position:absolute;left:6px;top:6px;width:var(--zl);height:var(--zl);border-radius:50%;border:3px solid var(--zd-nieb);opacity:0;pointer-events:none}
.zd4-baner--sam .zd4-launcher{width:var(--zls);height:var(--zls);min-height:var(--zls);padding:0;border-radius:50%;justify-content:center}
.zd4-baner--sam .zd4-launcher .zd4-av--l{width:calc(var(--zls) - 8px);height:calc(var(--zls) - 8px)}
.zd4-baner--sam .zd4-launcher__pierscien{left:0;top:0;width:var(--zls);height:var(--zls)}
.zd4-baner--sam .zd4-launcher__t{display:none}
/* oddychanie, pierścień co ok. 6 s, machnięcie (klasa dodawana przez skrypt) */
.zd4-baner:not(.zd4-baner--pauza) .zd4-launcher{animation:zd4-oddech 2.8s ease-in-out infinite}
.zd4-baner:not(.zd4-baner--pauza) .zd4-launcher__pierscien{animation:zd4-fala 6s ease-out infinite}
.zd4-baner--macha .zd4-launcher__ruch{animation:zd4-macha .6s ease-in-out 1}
.zd4-baner--pauza *{animation-play-state:paused!important}
@keyframes zd4-oddech{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes zd4-fala{0%{transform:scale(1);opacity:.5}18%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}
@keyframes zd4-macha{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.zd4-baner *{animation:none!important;transition:none!important}.zd4-launcher__pierscien{display:none}}
/* dymek obok awatara (pozycja absolutna: nie zmienia układu) */
.zd4-lau-dymek{position:absolute;right:calc(100% + 12px);bottom:50%;transform:translateY(50%);display:flex;align-items:center;gap:4px;width:max-content;max-width:min(260px,calc(100vw - 120px));padding:8px 4px 8px 16px;border-radius:16px;background:#fff;border:1px solid var(--zd-linia);box-shadow:0 8px 24px rgba(19,47,82,.2);font:700 .9375rem/1.3 var(--zd-font);color:var(--zd-nagl)}
.zd4-lau-dymek[hidden]{display:none}
.zd4-lau-dymek__x{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--zd-cichy);cursor:pointer}
.zd4-lau-dymek__x .zd4-ik{width:16px;height:16px}
.zd4-baner[data-tryb=pelny] .zd4-lau-dymek{display:none}
.zd4-baner:not([hidden]){animation:zd4-wejscie .35s ease both}

/* v4.9: cena pod przyciskiem: „5 zł brutto” duże, reszta małym drukiem (copy: cena, cenaDod) */
.zd4-cena{margin:12px 0 0;display:flex;flex-direction:column;gap:4px;text-align:left}
.zd4-cena__k{font:700 1.5rem/1.2 var(--zd-font);color:#132F52;letter-spacing:-.01em}
.zd4-cena__d{font:400 .8125rem/1.4 var(--zd-font);color:#526176;text-wrap:balance;max-width:44ch}
.zd4-hero .zd4-cena__d{margin-inline:auto}
.zd4-cena__d--k{display:none}
@media (max-width:480px){.zd4-cena__k{font-size:1.25rem}.zd4-hero .zd4-cena__d--p{display:none}.zd4-hero .zd4-cena__d--k{display:block}}

/* v4.9: sekcja „Jak działa Zdzich” tuż pod mapą i paskiem „Nagły przypadek?”; kicker, nagłówek i podtytuł na osi środka */
body:not(.kontrast) #jak-agent{margin-top:0;padding:40px 0 56px;background:#E2EBF7}
#jak-agent .kz-naglowek{text-align:center}
#jak-agent .kz-naglowek h2{text-wrap:balance}
#jak-agent .ak-jak__lead{margin:16px auto 0;max-width:680px;text-align:center;font-size:1.125rem;line-height:1.5;color:#526176;text-wrap:balance}
#jak-agent .ak-jak__kroki{margin-top:32px}
@media (max-width:639px){body:not(.kontrast) #jak-agent{padding:32px 0 40px}#jak-agent .ak-jak__lead{font-size:1rem}#jak-agent .ak-jak__kroki{margin-top:24px}}
#jak-agent .ak-jak__nota{text-align:center;margin-inline:auto;max-width:680px}

/* v4.9b: cena jako plakietka w niebieskim przycisku */
.zd4-btn--glowny:has(.zd4-btn__cena){display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding-block:8px}
.zd4-btn__t{display:inline-flex;align-items:center;gap:8px}
.zd4-btn__cena{display:inline-flex;align-items:center;flex:none;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);color:#fff;font:700 .875rem/1.3 var(--zd-font);letter-spacing:0;white-space:nowrap}
.zd4-cena{margin-top:8px}
.zd4-cena__k{display:none}
@container (max-width:359px){.zd4-btn__cena{font-size:.8125rem;padding:2px 10px}}