/* SPÓJNOŚĆ WIZUALNA PROPOZYCJI PRO PEDIS — 28.10.2026 (docs/SPOJNOSC_WIZUALNA_PP_2026-10-28.md)
   Ostatni arkusz na każdej stronie PP z oprawą (home: pp-wisienka.css, /wspolpraca: -wsp, podstrony: -sys).
   Zasada: komponent dostaje wygląd swojej NAJLEPSZEJ wersji w serwisie (wzorce: strona główna, /wspolpraca);
   reguły są przypięte do komponentów, nie do stron, chyba że poprawka dotyczy jednego miejsca (wtedy html.pw-s-<slug>). */

/* ── 1. BOCZNE RAMKI AKCENTOWE (Krzysztof: „ramka po lewej strasznie AI-generyczna — nie powinna wystąpić na całej stronie”) ──
   Pomiar 93 stron: 4 komponenty z kolorową kreską z lewej. Zamiast ramki — zwykły akapit w rytmie sekcji (jak sekcja mapy
   na /pieta i /stopa-cukrzycowa, którą przegląd wskazał jako wzorzec) albo cienka linia NAD blokiem. */
/* sekcja sieci gabinetów (/wspolpraca, 3 × /dla-…): „Chcesz dołączyć do sieci gabinetów partnerskich?…” */
html body .pp-siec-hook{margin:22px 0 0;padding:0;border:0;border-radius:0;background:none;max-width:52ch;font-size:1rem;line-height:1.65;color:#DBE6F6}
/* granatowa karta „Dla specjalisty” (/pieta, /stopa-cukrzycowa, /badanie-ortopodologiczne): pionowa kreska przy puencie */
html body .c-d2a16bb{border-left:0;padding-left:0;padding-top:22px;border-top:1px solid rgba(159,180,212,.22)}
/* /badanie-ortopodologiczne „Autorka e-booka”: akapit o publikacjach kursywą przy czerwonej kresce */
html body .c-f45d75e{border-left:0;padding-left:0;font-style:normal;color:#DBE6F6;font-size:1rem;line-height:1.7}

/* ── 2. PAS LOGOTYPÓW GABINETÓW — wszędzie na pełną szerokość, jak na /wspolpraca (Krzysztof: „tam jest spoko, a na home nie ma”).
   Home trzymał pas w kontenerze 1280 px z wcięciami 48 px i mocniejszym wygaszaniem krawędzi (14 %); teraz jak na podstronach. */
html.pp-wisienka #gabinety .c-a218701{max-width:none;padding-left:0;padding-right:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
html.pp-wisienka #gabinety .c-a218701::before{left:calc(max(0px,(100% - 1376px)/2) + clamp(20px,4vw,48px));right:calc(max(0px,(100% - 1376px)/2) + clamp(20px,4vw,48px))}

/* ── K4 + K5. FAQ i węższe kontenery — jedna oś lewej krawędzi strony (home: każda sekcja od 48 px przy 1366).
   Kontenery 1116 (FAQ), 1216 (porównanie, kalkulator) i 1000 (kalendarz) dostają szerokość standardowego kontenera
   1376 — tak jak /wspolpraca od 23.09 (kalkulator, kontakt, kalendarz). FAQ: jedna kolumna pytań pod wyśrodkowanym
   nagłówkiem (nieparzysta liczba pytań w 2 kolumnach dawała 2+1, 2+2+1, 4+3). */
html body :is(.c-2141e9a,.c-1b0f796),html body section:has(.c-be47b2a) .c-b9439bd{max-width:1376px;box-sizing:border-box}   /* tylko FAQ: ten sam kontener mają sekcje z filmem i zygzak z portretem */
html body #kalendarz>div:not([class]){max-width:1376px!important;box-sizing:border-box}   /* builder wpisuje style="max-width:1000px" */
/* nieparzysta liczba pytań (2+1, 2+2+1, 4+3) → jedna kolumna pod wyśrodkowanym nagłówkiem; parzysta zostaje w 2 kolumnach */
html body .c-be47b2a:has(>.c-93f5684:last-child:nth-child(odd)){grid-template-columns:minmax(0,1fr);max-width:860px;margin-left:auto;margin-right:auto}
html body .pp-obok .c-be47b2a{max-width:none;margin-left:0;margin-right:0}

/* ── K6. Tytuł hero podstron: 40 px był mniejszy od H2 sekcji (42 px); token jak /wkladki i /o-nas (51 px przy 1366) */
@media (min-width:761px){html.pw-sys main .c-13a5d7f{font-size:clamp(2.3rem,3.75vw,3.2rem);line-height:1.08;letter-spacing:-.015em}}

/* ── K7. Nadtytuł hero: na podstronach różowy, na home niebieski — jeden kolor, plus marki zostaje czerwony */
html body .c-b3bca9d{color:#9FBCEC}

/* ── K8. H2 w kartach (karta „Dla specjalisty” 29 px, granatowa karta kontaktu 34 px) → skala nagłówków sekcji */
html body .c-951f9f6{font-size:clamp(1.75rem,2.6vw,2.35rem);line-height:1.12}
html body :is(.c-1a588c6,.c-6a1a06c){font-size:clamp(1.9rem,3.1vw,2.65rem);line-height:1.1}

/* ── K9. Pigułki-statusy ze świecącą kropką (CTA, kontakt, „Ponad 60 gabinetów…”) → zwykły podpis z kropką marki */
html body .c-899146f{background:none;border:0;padding:0;border-radius:0;font-size:.9rem;font-weight:500;gap:10px}
html body .c-6ad2a7b .c-899146f,html body :is(#kontakt-f,.pp-wsp-form) .c-899146f{color:rgba(243,248,255,.82);background:none}
html body .c-899146f .c-8ce7d0a{box-shadow:none;animation:none;width:7px;height:7px}
/* podpis w dwóch wierszach (telefon): kropka przy pierwszym wierszu, nie w połowie wysokości (kontrola par P2) */
html body .c-899146f{align-items:flex-start}html body .c-899146f .c-8ce7d0a{flex:none;margin-top:calc(.75em - 3.5px)}

/* ── K11. Kadr w passe-partout (jasna karta z marginesem wokół zdjęcia — wariantu nie ma na home) → kadr do krawędzi karty */
html body .c-d6bb9ed{padding:0;background:#E4EDFA;border:0;overflow:hidden;box-shadow:var(--pw-cien2,0 22px 44px -22px rgba(8,34,74,.3))}
html body .c-d6bb9ed .c-e29908d{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}

/* ── K13. Kontakt z formularzem: biała „karta w karcie” (11 stron) i granatowa karta (4 strony) → wersja z /wspolpraca #22:
   granatowe tło sekcji na całą szerokość, tekst z lewej od góry, jedna biała karta formularza. */
html.pw-sys body section.ps-ciemny{background:#08224A;position:relative;overflow:hidden;isolation:isolate}
html.pw-sys body section.ps-ciemny::before{content:"";position:absolute;left:-120px;bottom:-160px;width:520px;height:640px;
  background:var(--pw-plantogram) center/contain no-repeat;opacity:.06;filter:invert(1);pointer-events:none;z-index:-1}
html.pw-sys body :is(.c-6173a92,.c-127f19c){background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
html.pw-sys body :is(.c-6173a92,.c-127f19c)>:is(.c-b831609,.c-34ae03e,.c-577f1fb,.c-e19ff8f){display:none}
html.pw-sys body :is(.c-6173a92,.c-127f19c)>.c-95d0d7f{padding-left:0;padding-top:0;justify-content:flex-start}
html.pw-sys body .c-6173a92 .c-072ea32{color:var(--pw-b300,#9FBCEC)}
html.pw-sys body .c-6173a92 .c-6a1a06c{color:#FFFFFF}
html.pw-sys body .c-6173a92 .c-8a2bead{color:rgba(243,248,255,.74)}
html.pw-sys body .c-6173a92 .c-20c94aa{color:#FFFFFF}
html.pw-sys body .c-6173a92 .c-dc07101{background:rgba(255,255,255,.08);color:#FF8FA3}
html.pw-sys body :is(.c-6173a92,.c-127f19c) .c-d319cb8{padding-top:0;padding-right:0}
html.pw-sys body :is(.c-6173a92,.c-127f19c) :is(.c-9c8b6b3,.c-c9f88cd){border:0;border-radius:26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}

/* ── K17. Karty kroków białe z cieniem (/pieta, /stopa-cukrzycowa, /warsztaty, /hipermobilnosc, /pakiet-na-start) → karty
   drabiny z home #9 i 14 podstron (`pp-proces6`): jasne wypełnienie bez cienia, granatowy pierścień, czerwona cyfra */
html body .c-a9267ac>.c-9dc7cd4{background:#F3F8FF;border:1px solid rgba(23,52,96,.08);border-radius:20px;box-shadow:none;padding:20px 22px}
html body .c-a9267ac>.c-9dc7cd4 .c-b2d8f3a{width:52px;height:52px;box-sizing:border-box;border:3px solid #173460;background:#FFFFFF;color:#D40A32;
  font-family:inherit;font-weight:700;font-size:22px;box-shadow:none}

/* ── K20. Rzędy ikon w kółkach z wyśrodkowanym podpisem (12 sekcji) → siatka cech jak /urzadzenia-podoskop #2:
   ikona z lewej, tekst do lewej, cienka linia nad każdą pozycją (na telefonie ta lista działała już tak) */
@media (min-width:701px){
  html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 28px;justify-items:stretch;margin-top:30px}
  html.pw-sys .c-8b25bf3>.c-8f70ddd:not(:has(>.pp-filar-foto)){max-width:none;min-width:0;width:auto;margin:0;text-align:left;display:grid;grid-template-columns:44px minmax(0,1fr);
    column-gap:14px;row-gap:4px;align-items:start;align-content:start;padding:16px 0 18px;border-top:1px solid var(--pw-linia2,rgba(23,52,96,.16))}
  html.pw-sys .c-8b25bf3>.c-8f70ddd:not(:has(>.pp-filar-foto))>.c-d61e96b{grid-row:1/span 3;grid-column:1;margin:0;justify-self:center}
  html.pw-sys .c-8b25bf3>.c-8f70ddd:not(:has(>.pp-filar-foto))>:not(.c-d61e96b){grid-column:2;margin:0}
  html.pw-sys .c-8b25bf3 .c-d61e96b{width:44px;height:44px;color:var(--pw-n,#173460);box-shadow:0 0 0 1.5px var(--pw-linia,rgba(23,52,96,.1)),0 10px 20px -14px rgba(8,34,74,.5)}
  html.pw-sys .c-8b25bf3 .c-d61e96b svg{width:21px;height:21px}
  /* pod wyśrodkowanym nagłówkiem (kolumna 820 px) siatka w tej samej kolumnie, nie na całą oś (kontrola par P2: /badanie i 5 innych) */
  html.pw-sys body .c-af12d33>.c-09faf5f+.c-8b25bf3{max-width:820px;margin-left:auto;margin-right:auto}
}

/* ── podwójny nadtytuł nad nazwiskiem („+ ZAŁOŻYCIELKI” / „KTO STOI ZA PROGRAMEM”) → jedna linia nadtytułu, druga część po „·” */
html body .c-072ea32:has(+.c-2f8bdc6){display:inline-flex;margin-bottom:0}
html body .c-072ea32+.c-2f8bdc6{display:inline;margin:0 0 0 10px;font-size:.75rem;letter-spacing:.14em;color:var(--pw-b300,#9FBCEC);font-weight:600}
html body .c-072ea32+.c-2f8bdc6::before{content:"·";margin-right:10px}

/* ── K18. Rytm teł ──
   home: pięć białych sekcji pod rząd (#11–#15) → urządzenia i newsletter na jasnym błękicie jak #4 i #7 */
html.pp-wisienka :is(#system-capron,#wiedza){background:#F3F8FF}   /* #11 e-book biel · #12 błękit · #13 urządzenia biel · #14 błękit · #15 biel */
/* /wspolpraca: filar 4 i pakiety to dwie białe pod rząd */
html.pw-wsp #pakiety{background:#F3F8FF}
/* karta „Dla specjalisty” (/pieta, /stopa-cukrzycowa, /badanie): granatowa karta stała tuż przy granatowym CTA albo granatowym
   kontakcie — jasna karta (biel na błękicie, jak lewa karta „ścieżek” home #3) zostawia jedną ciemną płaszczyznę na koniec strony */
html.pw-sys body .c-5c6a2c8{background:#FFFFFF;border:1px solid rgba(23,52,96,.08);box-shadow:var(--pw-cien2,0 22px 44px -22px rgba(8,34,74,.3))}
html.pw-sys body .c-5c6a2c8 .c-94b2aa5{color:var(--pw-n500,#2A4D81)}
html.pw-sys body .c-5c6a2c8 .c-951f9f6{color:#173460}
html.pw-sys body .c-5c6a2c8 :is(.c-242a0ee,.c-242a0ee li){color:rgba(23,52,96,.82)}
html.pw-sys body .c-5c6a2c8 .c-ec383bd{color:rgba(23,52,96,.76)}
html.pw-sys body .c-5c6a2c8 .c-d2a16bb{border-top-color:rgba(23,52,96,.12)}

/* ── K19. Pięć stron rodzin wkładek (bliźniaki) ──
   kadr hero: kwadrat 340 px w szerszej białej karcie (widać krawędź zdjęcia) → kadr na całą kartę, jak /dziekujemy */
html:is(.pw-s-wkladki-na-plaskostopie,.pw-s-wkladki-dzieciece,.pw-s-wkladki-sportowe,.pw-s-wkladki-narciarskie,.pw-s-wkladki-dla-diabetykow) .c-1c7473e .c-fe64c15{padding:0;min-height:0;overflow:hidden}
html:is(.pw-s-wkladki-na-plaskostopie,.pw-s-wkladki-dzieciece,.pw-s-wkladki-sportowe,.pw-s-wkladki-narciarskie,.pw-s-wkladki-dla-diabetykow) .c-1c7473e .c-d59bd5a{width:100%;max-height:none;aspect-ratio:4/3;object-fit:cover;object-position:50% 35%}
/* kadry z głową przy górnej krawędzi źródła (/wkladki-sportowe, /wkladki-dla-diabetykow): więcej miejsca nad włosami (kontrola par P2) */
html:is(.pw-s-wkladki-sportowe,.pw-s-wkladki-dla-diabetykow) .c-1c7473e .c-d59bd5a{object-position:50% 8%}
/* punkty z plusem pod przyciskami hero łamały się 2+1 → jeden pod drugim na każdej szerokości (na telefonie już tak było) */
html body .c-8ebcbe1{flex-direction:column;gap:8px}
/* lista z plusami w dwóch blokach (przerwa jak między dwiema listami) → jedna ciągła lista */
html body .pp-obok .c-682e415{row-gap:0}
html body .pp-obok .c-682e415>div+div .c-f0b64dd{margin-top:0}
/* slot zdjęcia przy FAQ raz pionowy (430×538), raz poziomy (430×323) → wszędzie 4:3 */
html body section:has(.c-be47b2a) .pp-obok-foto .pp-f-jeden{aspect-ratio:4/3;height:auto;object-fit:cover}

/* ── K21. Zalew pigułek ──
   karty gabinetów (45 × miasto w granatowej pigułce + „✓ Partner” w obramowanej, zielony haczyk spoza palety) → miasto jako
   nadtytuł karty, „Partner” cichym podpisem z haczykiem w barwie systemu */
html body .c-ba277ba{background:none;border:0;padding:0;border-radius:0;color:#D40A32;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
html body .c-01e1ba5{background:none;border:0;padding:0;border-radius:0;color:rgba(23,52,96,.58);font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none}
html body .c-01e1ba5 svg{stroke:#486FAB}
/* lista bloga i „Podobne wpisy”: kategoria jako ciężka granatowa pigułka na każdej z 54 kart → nadtytuł systemu */
html body .c-6f2ccdf{background:none;color:#D40A32;padding:0;border-radius:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}

/* ── K22. Numery: różowe zaokrąglone kwadraty (/wkladki „Co to oznacza w naszej praktyce?”) → pierścień jak drabina home #9 */
html body .pp-filo-nr{min-width:0;width:44px;height:44px;padding:0;box-sizing:border-box;border-radius:50%;border:3px solid #173460;background:#FFFFFF;color:#D40A32;font-weight:700;font-size:1rem}

/* ── lista w zygzaku (/pieta „Czym jest ostroga piętowa?”): co druga pozycja wyrównana do prawej z ikoną po prawej → wszystkie
   jak pierwsza (ikona z lewej, tekst do lewej) — poszarpana lewa krawędź tekstu znika */
html body .c-aa5a277>.c-11d8e71{flex-direction:row;justify-content:flex-start;text-align:left}
html body .c-aa5a277>.c-11d8e71>.c-0cbd0a6{order:-1}
html body .c-aa5a277>.c-11d8e71>.c-61236cf{text-align:left}

/* ── K24. Dokumenty prawne: tytuł strony od osi 48 px, kolumna dokumentu wyśrodkowana (~220 px przesunięcia) → kolumna od tej samej osi */
html:is(.pw-s-polityka-prywatnosci,.pw-s-regulamin,.pw-s-regulamin-newslettera) .c-2977687{margin-left:0;margin-right:auto}   /* rodzic ma już wcięcie 20–48 px */

/* ── K10. Tabele porównania na telefonie ucięte w pół słowa bez sygnału przewijania → pierwsza kolumna przyklejona, widoczny pasek */
@media (max-width:700px){
  html body .c-cc36045{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(23,52,96,.35) transparent;padding-bottom:6px}
  html body .c-cc36045 :is(th,td):first-child{position:sticky;left:0;z-index:1;background:#FFFFFF;box-shadow:6px 0 10px -8px rgba(8,34,74,.35)}
}

/* ── K15. „Jak powstają indywidualne wkładki ortopedyczne?” w wersji z home #5 (kadr nad krokiem, oś z numerami, ostatni krok
   czerwony) — reguły home `#proces` przeniesione na `.ps-proces` (znaczniki: pp_spojnosc.proces_jak_home). */
html body .c-8139d52.ps-proces{max-width:1376px;box-sizing:border-box}
@media (min-width:761px){html body .ps-proces .c-623f5f6.ps-n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){html body .ps-proces .c-623f5f6.ps-n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:999px){html body .ps-proces .c-623f5f6.ps-n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body .ps-proces .pp-proces-foto{display:block;width:100%;height:auto;object-fit:cover}
html body .ps-proces .c-a67606e{border:1.5px solid #D40A32;box-shadow:none}
html body .ps-proces .ps-grupa{margin-top:clamp(30px,3.6vw,44px)}
/* ══ S7 PROCES: ciągła oś z podziałką, która się rysuje; węzły jednej wielkości ═══════════════════════════ */
html body .ps-proces .c-623f5f6{--pw-gap:clamp(22px,2.4vw,32px);gap:var(--pw-gap)}
html body .ps-proces .pp-proces-foto{aspect-ratio:3/2;border-radius:20px;box-shadow:var(--pw-cien2);margin-bottom:16px}
html body .ps-proces .c-ba14a59{gap:0;position:relative}
html body .ps-proces .c-d66f642{background:#FFFFFF;border:1.5px solid var(--pw-linia2);color:var(--pw-n)}
html body .ps-proces .on .c-d66f642{background:var(--pw-n);border-color:var(--pw-n);color:#FFFFFF}
html body .ps-proces .c-623f5f6>div:nth-child(2) .c-d66f642{transition-delay:.55s}
html body .ps-proces .c-623f5f6>div:nth-child(3) .c-d66f642{transition-delay:1.1s}
html body .ps-proces .c-a67606e{border:1.5px solid var(--pw-red);box-shadow:none}
html body .ps-proces .c-d75fd1b{--pw-l:var(--pw-linia2);border-top:0;height:9px;align-self:center;position:relative;margin:0 calc(-1*var(--pw-gap)) 0 0;background:linear-gradient(var(--pw-l),var(--pw-l)) 0 4px/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 2px/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 9px no-repeat}
html body .ps-proces .c-d75fd1b::after{content:"";position:absolute;left:0;right:0;top:3px;height:3px;border-radius:2px;background:var(--pw-n);transform-origin:left;transform:scaleX(0);transition:transform .6s var(--pw-krzywa)}
html body .ps-proces .on .c-d75fd1b::after{transform:scaleX(1)}
html body .ps-proces .c-623f5f6>div:nth-child(1) .c-d75fd1b::after{transition-delay:.15s}
html body .ps-proces .c-623f5f6>div:nth-child(2) .c-d75fd1b::after{transition-delay:.7s}
html body .ps-proces .c-623f5f6>div:nth-child(3) .c-d75fd1b::after{transition-delay:1.25s}
html:not([data-anim]) body .ps-proces .c-d75fd1b::after{transform:scaleX(1)}
html body .ps-proces .c-3caa68d{font-size:1.2rem;letter-spacing:-.01em;margin-top:18px}
html body .ps-proces .c-bb132bd{font-size:.94rem;line-height:1.65}
@media (max-width:760px){html body .ps-proces .c-d75fd1b{display:none}}
@media (prefers-reduced-motion:reduce){html body .ps-proces .c-d75fd1b::after{transform:scaleX(1);transition:none}}

/* K5 c.d.: pozostałe pionowe osie kroków (podziękowanie, leasing, certyfikacja, kroki w poradniku) stały w kontenerze 1016 px
   wyśrodkowanym na stronie → kontener jak reszta sekcji (oś 48 px), kolumna osi do czytelnej szerokości */
html body .c-8139d52{max-width:1376px;box-sizing:border-box}
html body .c-8139d52:not(.pp-obok,.ps-proces) .c-ac0d34a{max-width:820px}

/* ── K14. Opinie: w jednej karuzeli karty krótkie miały cytat 21 px (granat, półgruby), długie 16 px (szary) → jeden rozmiar jak home #10 */
html.pw-sys :is(.pw-op-k,.pw-op-d) .c-df8084a{font-size:1rem;line-height:1.62;color:rgba(23,52,96,.82)}

/* ── K16. „4 filary Programu Partnerskiego” na 3 stronach zawodów: jasna wersja (miniatury, wyśrodkowany tekst, bez numerów) →
   komponent home #8 (granat, kadr 4:3 w karcie, numer w węźle na krawędzi kadru). Te same kadry i słowa co na home; reguły home
   `#filary` przeniesione na `.ps-filary` (znaczniki: pp_spojnosc.filary_jak_home). */
html.pw-sys body section.ps-filary{--pw-red5:#F00632;background:#08224A;position:relative;overflow:hidden;isolation:isolate}
html.pw-sys body section.ps-filary .c-0d648c7 :is(.c-67e59c7,.c-59f65c0){filter:saturate(.9) contrast(1.03)}
html.pw-sys body section.ps-filary{background:radial-gradient(900px 540px at 90% -10%,rgba(72,111,171,.34),rgba(72,111,171,0) 62%),#08224A;overflow:hidden}
html.pw-sys body section.ps-filary::before{content:"";position:absolute;right:clamp(-90px,-4vw,-30px);top:clamp(-60px,-3vw,-20px);width:clamp(200px,22vw,320px);aspect-ratio:264/674;transform:rotate(-16deg);
  background:rgba(159,188,236,.075);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-sys body section.ps-filary .c-af12d33{position:relative;z-index:1}
@media (min-width:900px){html.pw-sys body section.ps-filary .c-af12d33{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}}
@media (min-width:900px){html.pw-sys body section.ps-filary .c-f2af03b{grid-column:1;grid-row:1}}
@media (min-width:900px){html.pw-sys body section.ps-filary .c-54816b9{grid-column:2;grid-row:1;margin:0 0 6px}}
@media (min-width:900px){html.pw-sys body section.ps-filary .c-7c7fc9f{grid-column:1/-1;grid-row:2}}
html.pw-sys body section.ps-filary .c-072ea32{color:var(--pw-b300)}
html.pw-sys body section.ps-filary .c-6505847{color:#FFFFFF}
html.pw-sys body section.ps-filary .c-7306d78{color:rgba(243,248,255,.76)}
html.pw-sys body section.ps-filary .c-54816b9 .c-9433fc0{background:none;box-shadow:none;padding:0 0 4px;color:#FFFFFF;font-size:.95rem;transform:none;
  background-image:linear-gradient(var(--pw-red5),var(--pw-red5));background-position:0 100%;background-size:0 1.5px;background-repeat:no-repeat;transition:background-size .45s var(--pw-krzywa)}
html.pw-sys body section.ps-filary .c-54816b9 .c-9433fc0:hover{background:none;background-image:linear-gradient(var(--pw-red5),var(--pw-red5));background-position:0 100%;background-size:calc(100% - 27px) 1.5px;background-repeat:no-repeat;box-shadow:none;transform:none;color:#FFFFFF}
html.pw-sys body section.ps-filary .c-7c7fc9f{gap:clamp(16px,1.8vw,24px);margin-top:48px}
html.pw-sys body section.ps-filary .c-0d648c7{position:relative;background:#0E2A56;border:1px solid rgba(159,188,236,.14);border-radius:22px;box-shadow:0 34px 60px -38px rgba(0,0,0,.7);transition:opacity .7s var(--pw-krzywa),transform .7s var(--pw-krzywa),border-color .5s}
html.pw-sys body section.ps-filary .c-0d648c7:hover{border-color:rgba(159,188,236,.32)}
html.pw-sys body section.ps-filary :is(.c-67e59c7,.c-59f65c0){width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .9s var(--pw-krzywa)}
html.pw-sys body section.ps-filary .c-59f65c0{object-position:50% 22%}
html.pw-sys body section.ps-filary .c-0d648c7:hover :is(.c-67e59c7,.c-59f65c0){transform:scale(1.04)}
html.pw-sys body section.ps-filary .c-88f1dc5{position:relative;padding:36px 24px 28px;background:#0E2A56}
html.pw-sys body section.ps-filary .c-32ceabd{color:#FFFFFF}
html.pw-sys body section.ps-filary .c-c629ab1{color:rgba(243,248,255,.72)}
html.pw-sys body section.ps-filary .c-ab4582f{position:absolute;top:-23px;left:22px;width:46px;height:46px;box-sizing:border-box;border-radius:999px;display:grid;place-items:center;
  background:#08224A;border:1.5px solid rgba(159,188,236,.5);color:#FFFFFF;font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:.95rem;letter-spacing:0;
  box-shadow:0 10px 22px -10px rgba(0,0,0,.6);transition:background .4s,border-color .4s}
html.pw-sys body section.ps-filary .c-0d648c7:hover .c-ab4582f{background:var(--pw-red5);border-color:var(--pw-red5)}
@media (max-width:760px){html.pw-sys body section.ps-filary .c-7c7fc9f{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;margin:36px -20px 0;padding:24px 20px 10px;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}}
@media (max-width:760px){html.pw-sys body section.ps-filary .c-7c7fc9f::-webkit-scrollbar{display:none}}
@media (max-width:760px){html.pw-sys body section.ps-filary .c-0d648c7{scroll-snap-align:start}}
@media (max-width:760px){html.pw-sys body section.ps-filary .c-54816b9{margin-top:22px}}
@media (max-width:760px){html[data-anim] body section.ps-filary .c-0d648c7[data-reveal]:not(.on){opacity:1;transform:none}}

/* ── K14b. „Czytasz jako pacjent czy jako specjalista?” (53 wpisy bloga, /hipermobilnosc, /hipermobilnosc-przygoda): kadr obok
   i dwie tekstowe karty-klony → karty „ścieżek” z home #3 (kadr do krawędzi karty, pacjent na granacie, specjalista na bieli).
   Reguły home `#sciezki` przeniesione na `.ps-sciezki` (znaczniki: pp_spojnosc.dwie_drogi_jak_home). */
html body .ps-sciezki{margin-top:clamp(26px,3vw,40px)}
html body .ps-sciezki .pp-sc-foto.pp-sc-nowe[src*="pp-sc-gabinet-4"]{object-position:50% 20%}
html body .ps-sciezki .c-1ae90fc .pp-sc-foto.pp-sc-nowe[src*="pp-sc-pacjent-3"]{object-position:50% 62%}
html body .ps-sciezki .c-a7b5a94{gap:24px}
html body .ps-sciezki .pp-sc-karta{position:relative;border-radius:26px;min-height:360px;cursor:pointer;transition:opacity .7s var(--pw-krzywa),transform .5s var(--pw-krzywa),box-shadow .5s var(--pw-krzywa)}
html body .ps-sciezki .pp-sc-karta:hover{transform:translateY(-5px)}
html body .ps-sciezki .c-6f53e86{background:#FFFFFF;border:1px solid var(--pw-linia);box-shadow:var(--pw-cien2)}
html body .ps-sciezki .c-6f53e86::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pw-red);z-index:2}
html body .ps-sciezki .c-6f53e86:hover{box-shadow:var(--pw-cien3)}
html body .ps-sciezki .c-1ae90fc{background:#08224A;box-shadow:var(--pw-cien2)}
html body .ps-sciezki .c-1ae90fc:hover{box-shadow:0 34px 64px -30px rgba(5,20,48,.6)}
html body .ps-sciezki .pp-sc-foto{flex:0 0 41%;width:41%;max-width:none;min-width:0;transition:transform 1.2s var(--pw-krzywa)}
html body .ps-sciezki .c-6f53e86 .pp-sc-foto{object-position:50% 16%}
html body .ps-sciezki .c-1ae90fc .pp-sc-foto{object-position:60% 50%}
html body .ps-sciezki .pp-sc-karta:hover .pp-sc-foto{transform:scale(1.03)}
html body .ps-sciezki .pp-sc-tresc{justify-content:center;padding:clamp(28px,3vw,44px);position:relative;z-index:1}
html body .ps-sciezki .c-6f53e86 .pp-sc-tresc{background:#FFFFFF}
html body .ps-sciezki .c-1ae90fc .pp-sc-tresc{background:#08224A}
html body .ps-sciezki :is(.c-c654f3b,.c-0263c3e){display:flex;align-items:center;gap:10px;letter-spacing:.17em;font-size:.72rem;font-weight:600}
html body .ps-sciezki .c-c654f3b{color:var(--pw-n500)}
html body .ps-sciezki .c-0263c3e{color:var(--pw-b300)}
html body .ps-sciezki :is(.c-c654f3b,.c-0263c3e)::before{content:"";width:11px;height:11px;flex:none;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
html body .ps-sciezki :is(.c-b361efe,.c-475f596){font-size:clamp(1.4rem,2.1vw,1.75rem);letter-spacing:-.015em}
html body .ps-sciezki .c-73f98af{color:rgba(243,248,255,.78)}
@media (min-width:761px) and (max-width:999px){html body .ps-sciezki .c-a7b5a94{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){html body .ps-sciezki .pp-sc-foto{flex:none;width:100%;aspect-ratio:4/3}}
@media (max-width:760px){html body .ps-sciezki .c-6f53e86 .pp-sc-foto{object-position:50% 10%}}

/* ── K23. Telefon: przyciski-pigułki łamane na 2 linie ze strzałką odsuniętą do krawędzi („Znajdź gabinet w swoim mieście”,
   „Wybieram pakiet…”, „Porozmawiajmy o partnerstwie”) → jedna linia: mniejszy poziomy margines wewnętrzny, strzałka tuż za tekstem */
@media (max-width:480px){
  html.pw-sys body :is(.c-715a1be,.c-f3f5387,.c-c36dd66,.c-1b7b594),html.pw-sys body .c-6ad2a7b .c-715a1be{padding-left:16px;padding-right:16px;font-size:.88rem;letter-spacing:0;
    justify-content:center;text-align:center;gap:8px;max-width:100%;box-sizing:border-box}
}

/* ── poprawki po kontroli par (fala 1, przegląd P3) ── */
/* K9: w granatowym CTA starsza reguła `html.pw-sys .c-6ad2a7b .c-899146f` zostawiała tło pigułki bez zaokrąglenia */
html.pw-sys body .c-6ad2a7b .c-899146f,html.pw-sys body :is(#kontakt-f,.pp-wsp-form) .c-899146f{background:none;border:0;padding:0;border-radius:0;color:rgba(243,248,255,.82)}
/* K13 na telefonie: kolumna tekstu i formularza miały jeszcze boczne odstępy karty — formularz przesunięty w prawo */
@media (max-width:760px){
  html.pw-sys body :is(.c-6173a92,.c-127f19c)>:is(.c-95d0d7f,.c-d319cb8){padding-left:0;padding-right:0}
  html.pw-sys body :is(.c-6173a92,.c-127f19c) :is(.c-9c8b6b3,.c-c9f88cd){width:100%;box-sizing:border-box}
}
/* K20: liczba kolumn wg liczby pozycji (6 → 3+3, 3 → jeden rząd, 4 → jeden rząd), w wąskiej kolumnie obok kadru — lista */
@media (min-width:701px){
  html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)){grid-template-columns:repeat(3,minmax(0,1fr))}
  html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)):has(>.c-8f70ddd:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)):has(>.c-8f70ddd:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  html.pw-sys .pp-obok-txt .c-8b25bf3:not(:has(.pp-filar-foto)),html.pw-sys .pp-obok .c-cf3b2a2 .c-8b25bf3:not(:has(.pp-filar-foto)){grid-template-columns:minmax(0,1fr)!important}   /* wąska kolumna obok kadru: reguły „wg liczby pozycji” mają wyższą swoistość */
}
/* scalony nadtytuł nad nazwiskiem: na telefonie łamał się w środku frazy → dwie linie jak wcześniej, bez kropki */
@media (max-width:600px){
  html body .c-072ea32+.c-2f8bdc6{display:block;margin:6px 0 0}
  html body .c-072ea32+.c-2f8bdc6::before{content:none}
  html body .c-072ea32:has(+.c-2f8bdc6){display:flex}
}
/* K17 na telefonie: pierścień 52 px zwężał tekst karty */
@media (max-width:600px){html body .c-a9267ac>.c-9dc7cd4 .c-b2d8f3a{width:42px;height:42px;font-size:18px;border-width:2.5px}}
/* K17 na telefonie: reguła oprawy „lista na liniach” (`pw-sys`, gap 0) sklejała karty z wypełnieniem; kadr pod listą dotykał ostatniej karty
   (kontrola par P2). Odstęp jak karty partnerów na stronach zawodów (12 px). */
@media (max-width:760px){html.pw-sys body .c-a9267ac:has(>.c-9dc7cd4){gap:12px}html.pw-sys body .c-a9267ac:has(>.c-9dc7cd4)>:not(.c-9dc7cd4){margin-top:12px}}
/* K11 /urzadzenia-podoskop „Jak zamówić”: kadr ma z prawej szary pas tła studia — przy kadrze do krawędzi przycięty */
html.pw-s-urzadzenia-podoskop .c-d6bb9ed .c-e29908d{width:112%;object-position:0 50%}

/* ── K25. Okładki bloga z małych plików: bez rozciągania (scale-down) na jasnym panelu, rysunek w całości */
html body img.ps-ilu{object-fit:scale-down;background:none;padding:clamp(10px,1.6vw,22px);box-sizing:border-box;mix-blend-mode:multiply}
html body img.c-efe9756.ps-ilu{box-shadow:none;border:1px solid rgba(23,52,96,.08);background:#FFFFFF;mix-blend-mode:normal}
html body .pp-dalej-f:has(>img.ps-ilu),html body .c-8a2722e:has(>img.ps-ilu){background:#F3F8FF}

/* ── K18 c.d. Dwa ciemne bloki pod rząd: granatowa karta CTA (`c-6ad2a7b`) w sekcji, która styka się z granatową sekcją (nowy kontakt
   z K13, mapa sieci, filary, pas liczb) → karta w wariancie jasnym (biel, granatowy tekst, ten sam czerwony przycisk). Rytm stron:
   jedna ciemna płaszczyzna na raz. Sąsiedztwo rozpoznawane po znacznikach sekcji (CSS nie zna wyliczonego tła sąsiada). */
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b,
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b{
  background:#FFFFFF;border:1px solid rgba(23,52,96,.08);box-shadow:var(--pw-cien2,0 22px 44px -22px rgba(8,34,74,.3))}
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b :is(.c-eb8223d),
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b :is(.c-eb8223d){color:#173460}
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b :is(.c-33a2aab),
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b :is(.c-33a2aab){color:rgba(23,52,96,.76)}
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b :is(.c-a91532a),
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b :is(.c-a91532a){color:var(--pw-n500,#2A4D81)}
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b .c-899146f,
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b .c-899146f{color:rgba(23,52,96,.62)}
html.pw-sys body :is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)+section .c-6ad2a7b::before,
html.pw-sys body section:has(+:is(section.ps-ciemny,section.pp-siec,section.ps-filary,section#liczby,section.c-2b9ec6b)) .c-6ad2a7b::before{background:rgba(23,52,96,.05)}

/* ── /o-nas: publikacje — okładki 128 px na środku pól 370×200 (20 % pola) → większe okładki z cieniem książki */
html.pw-s-o-nas body .c-69112ed>.c-e8b3d0d{height:auto;min-height:0;aspect-ratio:auto;padding:22px 0 24px;display:flex;align-items:center;justify-content:center;overflow:visible}
html.pw-s-o-nas body .c-69112ed>.c-e8b3d0d>.c-7c2f0ee{height:clamp(170px,15vw,206px);width:auto;max-width:none;max-height:none;object-fit:contain;border-radius:3px;
  box-shadow:0 2px 4px rgba(8,34,74,.12),0 20px 30px -16px rgba(8,34,74,.5)}
/* /o-nas: wyróżnienie PTOiPr to płaski skan — pokazany jak dokument na jasnym blacie (lekki obrót, cień kartki) */
html.pw-s-o-nas .c-67fb2aa:has(>img[src*="wyroznienie-ptoipr"]){background:#F3F8FF;border-radius:24px;padding:clamp(26px,3.4vw,46px);box-sizing:border-box;box-shadow:none}
html.pw-s-o-nas .c-67fb2aa>img[src*="wyroznienie-ptoipr"]{width:86%;height:auto;margin:0 auto;display:block;transform:rotate(-2deg);border-radius:4px;
  box-shadow:0 2px 6px rgba(8,34,74,.1),0 26px 44px -22px rgba(8,34,74,.45)}

/* K24 c.d.: „§N” jako nadtytuł paragrafu (czerwony wersalik systemu), tytuł paragrafu tuż pod nim, jeden stały odstęp przed paragrafem */
html body .pp-artykul h2.ps-par{margin:clamp(40px,4.4vw,56px) 0 4px;font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.14em;color:#D40A32;line-height:1.3}
html body .pp-artykul h2.ps-par :is(strong,b){font-weight:600}
html body .pp-artykul h2.ps-par+h2{margin-top:0}

/* ── Z10. /wkladki „Rodzaje wkładek”: zdjęcie w małym kółku na środku karty (starszy wariant karty) → kadr do krawędzi karty u góry,
   jak karty filarów i ścieżek na home */
html.pw-s-wkladki #rodziny .c-22aafc6 .c-b28c556{margin:-24px -24px 8px;padding:0;min-height:0;height:clamp(180px,16vw,224px);overflow:hidden;border-radius:21px 21px 0 0;display:block;background:#E4EDFA}
html.pw-s-wkladki #rodziny .c-22aafc6 .c-da12268{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:50% 28%;border-radius:0;transition:transform 1.1s var(--pw-krzywa,ease)}
html.pw-s-wkladki #rodziny .c-22aafc6:hover .c-da12268{transform:scale(1.04)}

/* ── poprawki po kontroli par (fala 1, przegląd P1) ── */
/* K9 na /wspolpraca (oprawa `pw-wsp`, osobna reguła pigułki „Nabór co kwartał”) */
html.pw-wsp body #kontakt-f .c-899146f{background:none;border:0;padding:0;border-radius:0;color:rgba(243,248,255,.82)}
html.pw-wsp body #zespol2 .c-072ea32+.c-2f8bdc6::before{content:none}   /* druga część zaczyna się od „…”, kropka zbędna */
/* K5 kalendarz: ramka widżetu jak na /wspolpraca (1016 px od osi strony), nie na całą szerokość kontenera; nadtytuł z plusem marki */
html body #kalendarz>div:not([class])>div[data-reveal]{max-width:1016px!important}
html body #kalendarz>div:not([class])>div:first-child>p>span[aria-hidden]{width:11px!important;height:11px!important;border-radius:0!important;background:#D40A32!important;
  -webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
/* K6/K7 c.d.: hero /kontakt i dokumentów prawnych (`c-cc2a830`, nadtytuł `c-04fce1e`) oraz /gabinety (`pp-gab-kick` z kreską zamiast plusa) */
html body .c-04fce1e,html body .pp-gab-kick{color:#9FBCEC}
html.pw-s-kontakt main .c-cc2a830{font-size:clamp(2.3rem,3.75vw,3.2rem);line-height:1.08;letter-spacing:-.015em}
html body .pp-gab-kick>span:first-child{width:11px;height:11px;border-radius:0;background:#F00632;-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
html body #kalendarz .c-66f8e86{max-width:1016px}   /* wariant kalendarza z klasami (kontakt, gabinety) — ramka jak na /wspolpraca */
html:is(.pw-s-polityka-prywatnosci,.pw-s-regulamin,.pw-s-regulamin-newslettera) main .c-cc2a830{font-size:clamp(2.3rem,3.75vw,3.2rem);line-height:1.08;letter-spacing:-.015em}
@media (max-width:760px){html.pw-sys body .ps-ciemny :is(.pp-kol-foto,.c-d319cb8 figure){width:100%;max-width:none;margin-left:0;margin-right:0}}   /* kadr w kolumnie kontaktu na całą szerokość jak formularz */
/* K20 na tablecie (701–1100 px): 3–4 kolumny cech ściskały opisy — 2 kolumny */
@media (min-width:701px) and (max-width:1100px){html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)),html.pw-sys .c-8b25bf3:not(:has(.pp-filar-foto)):has(>.c-8f70ddd:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── K13/K18 c.d. (przegląd końcowy): granatowy kontakt jako ostatnia sekcja wpadał bez granicy w granatową stopkę → linia nad stopką */
html.pw-sys body main:has(>section.ps-ciemny:last-of-type)~footer{border-top:1px solid rgba(159,188,236,.18)}
/* kontakt tuż pod granatową sekcją autorki/prowadzącej (`c-b49eafb`, /badanie-ortopodologiczne) → jasny wariant tego samego układu
   (jedna biała karta formularza na błękicie, bez „karty w karcie”) — jedna ciemna płaszczyzna na raz */
html.pw-sys body section.c-b49eafb+section.ps-ciemny{background:#F3F8FF}
html.pw-sys body section.c-b49eafb+section.ps-ciemny::before{display:none}
html.pw-sys body section.c-b49eafb+section.ps-ciemny .c-6173a92 .c-072ea32{color:var(--pw-n500,#2A4D81)}
html.pw-sys body section.c-b49eafb+section.ps-ciemny .c-6173a92 .c-6a1a06c{color:#173460}
html.pw-sys body section.c-b49eafb+section.ps-ciemny .c-6173a92 .c-8a2bead{color:rgba(23,52,96,.76)}
html.pw-sys body section.c-b49eafb+section.ps-ciemny .c-6173a92 .c-20c94aa{color:#173460}
html.pw-sys body section.c-b49eafb+section.ps-ciemny .c-6173a92 .c-dc07101{background:#FFFFFF;color:#D40A32}
html.pw-sys body section.c-b49eafb+section.ps-ciemny :is(.c-9c8b6b3,.c-c9f88cd){box-shadow:var(--pw-cien3,0 34px 64px -30px rgba(8,34,74,.42))}
/* /badanie „Dla specjalisty”: na desktopie blok z akapitem stoi w prawej kolumnie — linia nad nim wisiała przy górnej krawędzi karty */
@media (min-width:901px){html.pw-s-badanie-ortopodologiczne body .c-5c6a2c8 .c-d2a16bb{border-top:0;padding-top:0}}