/* ══ WISIENKA — system oprawy strony głównej na podstronach Pro Pedis (23.09.2026) ═════════════════════════════
   Nakładka na zbudowane podstrony (pp_wisienka_sys.py). Reguły OGÓLNE żyją pod `html.pw-sys` i trafiają w komponenty
   biblioteki propozycji (karty korzyści, oś procesu, liczby, listy, FAQ, opinie, karta CTA, formularz kontaktu…),
   KOMPOZYCJE konkretnej strony pod `html.pw-s-<slug>`. Ten sam system co home i /wspolpraca:
     1. LINIA POMIAROWA — 1 px z podziałką co 8 px, co piąta kreska dłuższa (liczby, oś procesu, postęp opinii…).
     2. WĘZŁY I „+” MARKI — numery w węzłach, „+” zamiast kresek przy nadtytułach, kropek w hero i zielonych haczyków.
     3. JEDNA CZERWIEŃ — #D40A32 na jasnym tle, #F00632 tylko na granacie; przyciski jednej rodziny ze strzałką.
     4. BEZ POŚWIAT — kolorowe „kule” światła z kart CTA i sekcji kontaktu zastępuje motyw plantogramu.
   Treść, kolejność sekcji, header i stopka — bez zmian (bramki w builderze).
   ═════════════════════════════════════════════════════════════════════════════════════════════════════════ */

html.pw-sys{
  --pw-n900:#08224A; --pw-n800:#0E2A56; --pw-n:#173460; --pw-n500:#2A4D81; --pw-n400:#486FAB;
  --pw-b300:#9FBCEC; --pw-b200:#C8D7F1; --pw-blekit:#F3F8FF;
  --pw-red:#D40A32; --pw-red5:#D40A32;
  --pw-ink2:rgba(23,52,96,.76); --pw-ink3:rgba(23,52,96,.58);
  --pw-linia:rgba(23,52,96,.1); --pw-linia2:rgba(23,52,96,.16); --pw-linia-c:rgba(159,188,236,.2);
  --pw-cien1:0 1px 2px rgba(8,34,74,.04),0 10px 24px -14px rgba(8,34,74,.18);
  --pw-cien2:0 1px 2px rgba(8,34,74,.05),0 22px 44px -22px rgba(8,34,74,.3);
  --pw-cien3:0 2px 6px rgba(8,34,74,.06),0 34px 64px -30px rgba(8,34,74,.42);
  --pw-krzywa:cubic-bezier(.2,.8,.2,1);
  --pw-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 1.6v8.8M1.6 6h8.8' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
  --pw-strz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --pw-plantogram:url(/certyfikacja/a/assets/wisienka/plantogram.svg);
}
/* granat: jaśniejsza czerwień */
html.pw-sys :is(.c-1c7473e,.c-a91190b,.c-2b9ec6b,.c-b49eafb,.c-6ad2a7b,.pp-siec,.c-61c9bef,.c-5d716f8,.c-5c6a2c8){--pw-red5:#F00632}
html.pw-sys main>section{position:relative}

/* ── 1 · TYPOGRAFIA ─────────────────────────────────────────────────────────────────────────────────────── */
html.pw-sys main :is(.c-6505847,.c-4f39576,.c-9bd6c28,.c-6a1a06c,.c-34df16a){font-size:clamp(1.75rem,3.1vw,2.6rem);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}
html.pw-sys main :is(h3,.c-712e41d,.c-eb8223d){text-wrap:balance}
html.pw-sys main :is(.c-072ea32,.c-664f26d,.c-e679470,.c-9e67024,.c-a91532a){gap:10px;font-size:.72rem;letter-spacing:.17em;color:var(--pw-n500)}
html.pw-sys main :is(.c-b49eafb,.c-6ad2a7b,.pp-siec,.c-61c9bef) :is(.c-072ea32,.c-664f26d,.c-e679470,.c-a91532a){color:var(--pw-b300)}
html.pw-sys main :is(.c-87b7621,.c-0c209f3){width:11px;height:11px;border-radius:0;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
html.pw-sys main :is(.c-7306d78,.c-2b6de38,.c-8a2bead){line-height:1.7;color:var(--pw-ink2)}
html.pw-sys main strong{font-weight:600}

/* ── 2 · PRZYCISKI: jedna rodzina, strzałka z celem ─────────────────────────────────────────────────────── */
html.pw-sys main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7,.c-715a1be,.c-1b7b594,.c-de46601,.c-74476ab,.c-37e7cee,.c-2a8fff9,a.c-929778c){
  background:#D40A32;color:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px -12px rgba(8,34,74,.45);
  transition:transform .4s var(--pw-krzywa),box-shadow .4s var(--pw-krzywa),background .3s}
html.pw-sys main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7,.c-715a1be,.c-1b7b594,.c-de46601,.c-74476ab,.c-37e7cee,.c-2a8fff9,a.c-929778c):hover{
  background:#E00D38;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 26px -14px rgba(8,34,74,.55)}
html.pw-sys main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7,.c-715a1be,.c-1b7b594,.c-de46601,.c-74476ab,.c-37e7cee,.c-2a8fff9,a.c-929778c){display:inline-flex;align-items:center;justify-content:center;gap:10px}
html.pw-sys main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7,.c-715a1be,.c-1b7b594,.c-de46601,.c-74476ab,.c-37e7cee,.c-2a8fff9,a.c-929778c)::after{content:"";width:17px;height:17px;flex:none;background:currentColor;
  -webkit-mask:var(--pw-strz) center/contain no-repeat;mask:var(--pw-strz) center/contain no-repeat;transition:transform .4s var(--pw-krzywa)}
html.pw-sys main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7,.c-715a1be,.c-1b7b594,.c-de46601,.c-74476ab,.c-37e7cee,.c-2a8fff9,a.c-929778c):hover::after{transform:translateX(4px)}
/* przyciski blokowe spoza rodziny (/gabinety, /gabinety-koszalin, kurs, „Newsletter” we wpisach) — zostają blokowe (szerokość i wyśrodkowanie ze źródła) */
html.pw-sys main :is(.c-de46601.c-de46601,.c-37e7cee.c-37e7cee,.c-2a8fff9.c-2a8fff9,.c-929778c.c-929778c){display:flex}
html.pw-sys main :is(.c-8dc63a4,.pp-btn-kontur.c-f3f5387){background:transparent;border-color:rgba(243,248,255,.34);transition:background .3s,border-color .3s,transform .4s var(--pw-krzywa)}
html.pw-sys main :is(.c-8dc63a4,.pp-btn-kontur.c-f3f5387):hover{background:rgba(243,248,255,.08);border-color:rgba(243,248,255,.75);transform:translateY(-2px)}

/* ── 3 · ZDJĘCIA: jeden promień, jedna łagodna obróbka ──────────────────────────────────────────────────── */
html.pw-sys main :is(.pp-gl-foto img,.c-44745df,.pp-f-szer,.pp-f-jeden,.pp-kol-foto img){border-radius:22px;box-shadow:var(--pw-cien2)}
html.pw-sys main .c-ddd2320{border-radius:16px;box-shadow:var(--pw-cien2)}
html.pw-sys main :is(.pp-gl-foto img,.c-44745df,.c-ddd2320,.pp-f-kafel img,.pp-k img,.pp-f-szer img,.pp-f-jeden,.pp-kol-foto img,.c-f96201b,.pp-sc-foto){filter:saturate(.9) contrast(1.03)}
html.pw-sys main .pp-f-kafel{border-radius:20px;box-shadow:var(--pw-cien2)}
html.pw-sys main .pp-f-kafel figcaption{font-size:.78rem;letter-spacing:.01em;padding:30px 16px 13px}
html.pw-sys main [data-reveal]:not(.pp-mapa-anim){transition:opacity .7s var(--pw-krzywa),transform .7s var(--pw-krzywa)}

/* ── 4 · HERO: kropki punktów → „+” marki ────────────────────────────────────────────────────────────────── */
html.pw-sys :is(.c-1c7473e,.c-a91190b) .c-d7678c3{width:10px;height:10px;border-radius:0;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat}

/* ── 5 · LICZBY: linijka i wartości jak w karcie pomiaru ───────────────────────────────────────────────────── */
html.pw-sys .c-2b9ec6b{background:#08224A}
html.pw-sys .c-2b9ec6b .c-a5eb762{position:relative;gap:0;padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(34px,3.8vw,52px)}
html.pw-sys .c-2b9ec6b .c-a5eb762::before{--pw-l:rgba(159,188,236,.34);content:"";position:absolute;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);top:clamp(12px,1.4vw,18px);height:10px;background:linear-gradient(var(--pw-l),var(--pw-l)) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 9px no-repeat}
html.pw-sys .c-2b9ec6b .c-e6c3b88{background:none;border:0;border-left:1px solid var(--pw-linia-c);border-radius:0;padding:14px clamp(18px,2.6vw,36px) 4px}
html.pw-sys .c-2b9ec6b .c-e6c3b88:first-child{border-left:0;padding-left:0}
html.pw-sys .c-2b9ec6b .c-abc613e{font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:clamp(2.4rem,4.2vw,3.6rem);letter-spacing:-.035em;line-height:.95;display:flex;align-items:flex-start;color:#FFFFFF}
html.pw-sys .c-2b9ec6b .c-d5df12f{width:.36em;height:.36em;margin:.08em 0 0 .1em;flex:none;overflow:hidden;color:transparent;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat}
html.pw-sys .c-2b9ec6b .c-a0778ab{margin-top:14px;font-size:.84rem;letter-spacing:.03em;color:rgba(243,248,255,.6)}

/* ── 6 · KARTY KORZYŚCI: lista na liniach z ikoną w węźle (3 lub 4 w rzędzie wg liczby kart) ─────────────────── */
html.pw-sys .c-9b0c0b1{gap:0 clamp(24px,3vw,44px);margin-top:clamp(30px,3.4vw,44px)}
@media (min-width:1000px){html.pw-sys .c-9b0c0b1.pw-k3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){html.pw-sys .c-9b0c0b1.pw-k4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 4 karty przy 1000–1199 → 2 × 2 (audyt 23.09: przy 1024 kolumny po ~150 px, długie słowa wystawały) */
@media (min-width:640px) and (max-width:999px){html.pw-sys .c-9b0c0b1.pw-k3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:1199px){html.pw-sys .c-9b0c0b1.pw-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* siatka w KOLUMNIE TEKSTU obok zdjęcia (pp-obok-txt: /kontakt, dwie rodziny wkładek) — 4 lub 3 w rzędzie ściskało karty do ~120 px:
   tam 2 kolumny dla 4 kart, 1 kolumna dla 3 (23.09, przegląd zrzutów paczki 6) */
@media (min-width:1000px){
  html.pw-sys .pp-obok-txt .c-9b0c0b1{grid-template-columns:minmax(0,1fr)}
  html.pw-sys .pp-obok-txt .c-9b0c0b1.pw-k4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html.pw-sys .c-4e97e24{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start;align-content:start;
  background:none;border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--pw-linia2);padding:22px 0 24px}
html.pw-sys .c-4e97e24>:not(.c-c399810){grid-column:2}
html.pw-sys .c-4e97e24>.c-c399810{grid-row:1/3}
html.pw-sys .c-4e97e24 .c-c399810{width:46px;height:46px;box-sizing:border-box;border-radius:999px;background:#FFFFFF;color:var(--pw-n);display:grid;place-items:center;line-height:0;
  box-shadow:0 0 0 1.5px var(--pw-linia),0 10px 20px -14px rgba(8,34,74,.5);transition:background .4s,color .4s}
html.pw-sys .c-4e97e24:hover .c-c399810{background:var(--pw-n);color:#FFFFFF}
html.pw-sys .c-4e97e24 .c-c399810 svg{width:23px;height:23px;stroke:currentColor}   /* ikona w kolorze węzła (w źródle stroke="#D40A32" — przy najechaniu czerwień na granacie) */
html.pw-sys .c-4e97e24 .c-32ceabd{margin:0;font-size:1.1rem;padding-top:2px}
html.pw-sys .c-4e97e24 .c-c629ab1{font-size:.92rem;color:var(--pw-ink2)}

/* ── 7 · OŚ PROCESU: linia z podziałką, węzły jednej wielkości, cel w czerwieni; z kadrami — kadry obok osi ───── */
html.pw-sys .c-4837739{box-sizing:border-box;background:#FFFFFF;border:1.5px solid rgba(23,52,96,.34);font-family:'Prometo','Poppins',sans-serif;font-weight:500;color:var(--pw-n);box-shadow:0 8px 18px -12px rgba(8,34,74,.45)}
html.pw-sys .c-a84b951:last-child .c-4837739{background:#D40A32;border-color:#D40A32;color:#FFFFFF}
html.pw-sys .c-29052b9{--pw-l:rgba(23,52,96,.3);width:9px;margin:6px 0 6px 8px;align-self:center;
  background:linear-gradient(var(--pw-l),var(--pw-l)) 0 0/1px 100% no-repeat,repeating-linear-gradient(180deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/5px 100% no-repeat,repeating-linear-gradient(180deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/9px 100% no-repeat}
html.pw-sys .c-5692887{font-size:1.1rem;letter-spacing:-.01em}
@media (min-width:1000px){
  html.pw-sys .c-8139d52.pw-os-kadry{max-width:1376px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(40px,5vw,80px);align-items:start}
  html.pw-sys .c-8139d52.pw-os-kadry>.c-f2af03b{grid-column:1/-1;grid-row:1}
  html.pw-sys .c-8139d52.pw-os-kadry>.c-ac0d34a{grid-column:1;grid-row:2}
  html.pw-sys .c-8139d52.pw-os-kadry>.pp-f-wew{grid-column:2;grid-row:2;margin-top:44px}
  html.pw-sys .c-8139d52.pw-os-kadry .pp-f-rzad{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html.pw-sys .c-8139d52.pw-os-kadry .pp-f-kafel{aspect-ratio:4/3.4}
  html.pw-sys .c-8139d52.pw-os-kadry>:not(.c-f2af03b,.c-ac0d34a,.pp-f-wew){grid-column:1/-1}
}

/* ── 8 · ROZDZIAŁY Z NUMEREM (01 · Filar pierwszy): duży numer konturowy ─────────────────────────────────────── */
html.pw-sys .c-8600fe1{gap:16px;align-items:flex-end;margin-bottom:12px}
html.pw-sys .c-8600fe1>.c-d66f642{width:auto;height:auto;border:0;border-radius:0;display:block;
  font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:clamp(3.2rem,5.6vw,4.9rem);line-height:.78;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.5px rgba(23,52,96,.34)}
html.pw-sys .c-8600fe1 .c-9e67024{margin:0 0 4px}

/* ── 9 · LISTY: „+” marki zamiast zielonych haczyków; proces w liście numerowanej na linii z węzłami ─────────── */
html.pw-sys .c-116fdf7{width:18px;height:22px;flex:none;border-radius:0;color:transparent;font-size:0;background:var(--pw-red5);
  -webkit-mask:var(--pw-plus) center/12px no-repeat;mask:var(--pw-plus) center/12px no-repeat}
html.pw-sys .pp-proces{gap:0 26px}
html.pw-sys .pp-proces li{background:none;border:0;border-top:1px solid var(--pw-linia2);border-radius:0;box-shadow:none;padding:14px 0 12px 44px}
html.pw-sys .pp-proces li::before{top:14px;left:0;width:30px;height:30px;box-sizing:border-box;background:#FFFFFF;border:1.5px solid rgba(23,52,96,.3);color:var(--pw-n);
  font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:.78rem;box-shadow:0 6px 14px -10px rgba(8,34,74,.5)}

/* ── 10 · FAQ: lista na liniach, „+” marki obraca się w „×” ─────────────────────────────────────────────────── */
html.pw-sys .c-93f5684{box-shadow:none;border:1px solid var(--pw-linia2);border-radius:16px;transition:border-color .3s,box-shadow .3s}
html.pw-sys .c-93f5684[open]{border-color:rgba(23,52,96,.3);box-shadow:var(--pw-cien1)}
html.pw-sys .c-c24731c{padding:18px 22px;font-size:.98rem;line-height:1.4}
html.pw-sys .c-08ad9ea{position:relative;color:transparent;background:rgba(212,10,50,.08)}
html.pw-sys .c-08ad9ea::after{content:"";position:absolute;inset:0;background:#D40A32;-webkit-mask:var(--pw-plus) center/12px no-repeat;mask:var(--pw-plus) center/12px no-repeat;transition:transform .35s var(--pw-krzywa)}
html.pw-sys .c-93f5684[open] .c-08ad9ea{transform:none}
html.pw-sys .c-93f5684[open] .c-08ad9ea::after{transform:rotate(45deg)}

/* ── 11 · OPINIE: cytat w kroju nagłówków, krótki większym stopniem, postęp karuzeli jako linijka ──────────────── */
html.pw-sys .c-6da0db9{background:#FFFFFF;border:1px solid var(--pw-linia);box-shadow:var(--pw-cien1);border-radius:22px;padding:32px 30px 26px;gap:14px;transition:border-color .4s,box-shadow .4s}
html.pw-sys .c-6da0db9:hover{border-color:var(--pw-linia2);box-shadow:var(--pw-cien2)}
html.pw-sys [data-carousel] .c-6da0db9{flex-basis:min(100% - 8px,404px)}
html.pw-sys .c-cc82284{font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:3.5rem;line-height:.7;height:26px;margin-left:-3px;color:#D40A32}
html.pw-sys .c-df8084a{font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:1.06rem;line-height:1.55;letter-spacing:-.003em;color:var(--pw-ink2);flex:1}
html.pw-sys .pw-op-k .c-df8084a{font-size:1.3rem;line-height:1.42;color:var(--pw-n)}
html.pw-sys .pw-op-d .c-df8084a{font-size:1rem}
html.pw-sys .c-df8084a strong{font-weight:500;color:var(--pw-n)}
html.pw-sys .c-ab8d838{margin-top:6px;padding-top:18px;border-top:1px solid var(--pw-linia)}
html.pw-sys .pp-karuzela{scroll-padding-inline:max(20px,calc((100vw - 1280px)/2 + clamp(20px,4vw,48px)))}
html.pw-sys .c-88cf29a{align-items:center;gap:10px}
html.pw-sys .pw-postep{position:relative;height:10px;width:clamp(120px,14vw,200px);margin-right:14px}
html.pw-sys .pw-postep::before{--pw-l:rgba(23,52,96,.3);content:"";position:absolute;inset:0;background:
  linear-gradient(var(--pw-l),var(--pw-l)) 0 0/100% 1px no-repeat,
  repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px calc(100%/var(--pw-n,4))) 0 0/calc(100% + 1px) 7px no-repeat}
html.pw-sys .pw-postep i{position:absolute;left:0;top:0;height:3px;width:calc(100%/var(--pw-n,4));background:var(--pw-n);border-radius:2px;transform:translateX(calc(var(--pw-i,0)*100%));transition:transform .5s var(--pw-krzywa)}
@media (hover:hover) and (pointer:fine){html.pw-sys [data-carousel]{cursor:grab}}
html.pw-sys [data-carousel].pw-ciagnie{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}

/* ── 12 · KARTA CTA (granat): bez czerwonej poświaty — motyw plantogramu; pigułka czytelna na granacie ────────── */
html.pw-sys .c-6ad2a7b{background:#08224A;isolation:isolate;box-shadow:var(--pw-cien3)}
html.pw-sys .c-6ad2a7b .c-748ff47{display:none}
html.pw-sys .c-6ad2a7b::before{content:"";position:absolute;right:-50px;bottom:-120px;width:clamp(200px,20vw,280px);aspect-ratio:264/674;transform:rotate(-18deg);z-index:-1;
  background:rgba(159,188,236,.08);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-sys .c-6ad2a7b .c-899146f{background:rgba(240,6,50,.16);border-color:rgba(240,6,50,.5);color:#FFD6DE}

/* ── 13 · KONTAKT (karta z tekstem i formularzem): bez poświat, pola z jednym promieniem i fokusem ────────────── */
html.pw-sys .c-6173a92{border-radius:28px;border-color:var(--pw-linia);box-shadow:var(--pw-cien3)}
html.pw-sys .c-6173a92>:is(.c-b831609,.c-34ae03e){display:none}
html.pw-sys .c-9c8b6b3{border-radius:22px;border-color:var(--pw-linia);box-shadow:var(--pw-cien2)}
html.pw-sys .c-2173e3a{transition:border-color .25s,box-shadow .25s}
html.pw-sys .c-2173e3a:focus{outline:none;border-color:var(--pw-n);box-shadow:0 0 0 4px rgba(23,52,96,.1)}
html.pw-sys .c-a9a0dc3 .c-20c94aa{transition:color .2s}
html.pw-sys .c-9c8b6b3 .c-c36dd66{width:100%}
@media (max-width:760px){html.pw-sys .c-9c8b6b3{padding:22px 18px}}

/* ── 14 · PAS LOGOTYPÓW: linia i wygaszone brzegi, pauza pod kursorem ───────────────────────────────────────── */
html.pw-sys .c-a218701{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
html.pw-sys .c-a218701:hover .c-309c543{animation-play-state:paused}

/* ── 15 · ZAŁOŻYCIELKI (granat): statystyki na linijce, podtytuł jasny z „+” ─────────────────────────────────── */
html.pw-sys .c-b49eafb .c-c276338{border-top:0;position:relative;padding-top:26px}
html.pw-sys .c-b49eafb .c-c276338::before{--pw-l:rgba(159,188,236,.34);content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(var(--pw-l),var(--pw-l)) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 9px no-repeat}
html.pw-sys .c-b49eafb .c-debe9b9{font-weight:400;letter-spacing:-.03em;font-size:clamp(1.7rem,2.8vw,2.3rem)}
html.pw-sys .c-b49eafb .c-1ad901f{color:var(--pw-b200);display:flex;align-items:center;gap:10px}
html.pw-sys .c-b49eafb .c-1ad901f::before{content:"";width:11px;height:11px;flex:none;background:#F00632;-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}

/* ── 15b · DRABINA 0 → 4 (biel z siatką pomiarową): schody jak na stronie głównej; do 999 px oś pionowa ─────────── */
html.pw-sys .pw-drabina{overflow:hidden;background:#FFFFFF}
html.pw-sys .pw-drabina::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(23,52,96,.045) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(23,52,96,.045) 1px,transparent 1px) 0 0/40px 40px;
  -webkit-mask-image:radial-gradient(120% 90% at 70% 100%,#000 20%,transparent 75%);mask-image:radial-gradient(120% 90% at 70% 100%,#000 20%,transparent 75%)}
html.pw-sys .pw-drabina>*{position:relative;z-index:1}
html.pw-sys .c-fa52ece .c-669746f{background:var(--pw-blekit);border:1px solid rgba(23,52,96,.07);box-shadow:none;border-radius:20px}
/* schody od 1200 px (audyt 23.09: przy 1000–1199 pięć kart po ~140 px tekstu) */
@media (min-width:1200px){
  html.pw-sys .c-fa52ece{--pw-krok:26px;flex-wrap:nowrap;align-items:stretch;gap:16px;margin-top:40px;padding-top:calc(4*var(--pw-krok));padding-bottom:48px}
  html.pw-sys .c-fa52ece .c-181b6b0{flex:1 1 0;min-width:0;position:relative}
  html.pw-sys .c-fa52ece .c-181b6b0>div[aria-hidden]{display:none}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="1"]{top:calc(-1*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="2"]{top:calc(-2*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="3"]{top:calc(-3*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="4"]{top:calc(-4*var(--pw-krok))}
  html.pw-sys[data-anim] .c-fa52ece .c-181b6b0[data-reveal]:not(.on){opacity:0}
  html.pw-sys .c-fa52ece .c-669746f{padding:18px 16px 40px;gap:6px}
  html.pw-sys .c-fa52ece .pp-drab-foto{aspect-ratio:auto;height:124px;border-radius:12px;margin-bottom:10px}
  html.pw-sys .c-fa52ece .c-181b6b0::before{content:"";position:absolute;left:-8px;right:-8px;top:calc(100% + 14px);height:0;
    background:linear-gradient(180deg,rgba(23,52,96,.07),rgba(23,52,96,.015));border-left:1px solid rgba(23,52,96,.14)}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="0"]::before{border-left:0}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="1"]::before{height:calc(1*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="2"]::before{height:calc(2*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="3"]::before{height:calc(3*var(--pw-krok))}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="4"]::before{height:calc(4*var(--pw-krok));right:0;background:linear-gradient(180deg,rgba(212,10,50,.1),rgba(212,10,50,.02));border-left-color:rgba(212,10,50,.3)}
  html.pw-sys .c-fa52ece .c-181b6b0::after{--pw-l:rgba(23,52,96,.42);content:"";position:absolute;left:-8px;right:-8px;top:calc(100% + 14px);height:9px;
    background:linear-gradient(var(--pw-l),var(--pw-l)) 0 0/100% 1.5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 9px no-repeat;
    transform-origin:left;transition:transform .6s var(--pw-krzywa) .1s}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="0"]::after{left:0}
  html.pw-sys .c-fa52ece .c-181b6b0[data-poziom="4"]::after{right:0;--pw-l:rgba(212,10,50,.75)}
  html.pw-sys[data-anim] .c-fa52ece .c-181b6b0:not(.on)::after{transform:scaleX(0)}
  html.pw-sys .c-fa52ece .c-88a3262{position:absolute;left:50%;top:calc(100% + 14px - 20px);margin-left:-20px;z-index:2;
    width:40px;height:40px;box-sizing:border-box;border:1.5px solid rgba(23,52,96,.34);background:#FFFFFF;font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:.98rem;color:var(--pw-n)}
  html.pw-sys .c-fa52ece .c-131b3d5{margin-top:0;font-size:1.08rem}
  html.pw-sys .c-fa52ece .c-f59ebfa{font-size:.88rem}
}
html.pw-sys .c-fa52ece [data-poziom="4"] .c-669746f{background:#08224A;border-color:transparent;box-shadow:0 30px 56px -28px rgba(5,20,48,.7)}
html.pw-sys .c-fa52ece [data-poziom="4"] .c-131b3d5{color:#FFFFFF}
html.pw-sys .c-fa52ece [data-poziom="4"] .c-f59ebfa{color:rgba(243,248,255,.78)}
html.pw-sys .c-fa52ece [data-poziom="4"] .c-88a3262{background:#D40A32;border-color:#D40A32;color:#FFFFFF;box-shadow:none}
@media (min-width:1200px){
  html.pw-sys .c-fa52ece [data-poziom="4"] .c-669746f::before{content:"";position:absolute;right:16px;bottom:16px;width:14px;height:14px;background:#F00632;-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat;z-index:1}
}
@media (max-width:1199px){
  html.pw-sys .c-fa52ece{flex-direction:column;flex-wrap:nowrap;gap:10px;margin-top:30px;position:relative}
  html.pw-sys .c-fa52ece::before{content:"";position:absolute;left:37px;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,rgba(23,52,96,.2),#D40A32)}
  html.pw-sys .c-fa52ece .c-181b6b0{flex:none}
  html.pw-sys .c-fa52ece .c-181b6b0>div[aria-hidden]{display:none}
  html.pw-sys .c-fa52ece .c-669746f{display:grid;grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px;padding:14px 16px;align-items:start}
  html.pw-sys .c-fa52ece .c-88a3262{grid-row:1/3;width:36px;height:36px;box-sizing:border-box;border:1.5px solid rgba(23,52,96,.3);background:#FFFFFF;font-size:.86rem;font-family:'Prometo','Poppins',sans-serif;font-weight:500;position:relative;z-index:1}
  html.pw-sys .c-fa52ece :is(.c-131b3d5,.c-f59ebfa){grid-column:2;margin:0}
  html.pw-sys .c-fa52ece .pp-drab-foto{display:none}
}

/* ── 15c · QUIZ DOPASOWANIA: karta-przyrząd, pasek postępu w odcinkach (jeden na pytanie) ─────────────────────── */
html.pw-sys .c-6dc4207{border-radius:26px;border-color:var(--pw-linia);box-shadow:var(--pw-cien2)}
html.pw-sys .c-6dc4207 .c-3edb592{position:relative;height:6px;background:#E4EDFA}
html.pw-sys .c-6dc4207 .c-1b1ac3f{background:linear-gradient(90deg,#173460,#D40A32)}
html.pw-sys .c-6dc4207 .pp-quiz-opcja{border-radius:16px;transition:border-color .25s,background .25s}
html.pw-sys .c-6dc4207 .pp-quiz-opcja:hover{border-color:rgba(23,52,96,.34)}
html.pw-sys .c-6dc4207 .pp-quiz-opcja:has(input:checked){border-color:var(--pw-n);background:var(--pw-blekit)}

/* ── 15d · KALENDARZ (sekcja ze stylami w linii na stronach zawodów): nadtytuł z „+” jak w pozostałych sekcjach ── */
html.pw-sys #kalendarz>div>div>p:first-child{color:var(--pw-n500)!important;letter-spacing:.17em!important;font-size:.72rem!important;gap:10px!important}
html.pw-sys #kalendarz>div>div>p:first-child>span[aria-hidden="true"]:first-child{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}

/* ── 15e · PAKIETY: wyróżniony pakiet (.c-8f5b7dd) granatowy, cena w kroju liczb z linijką, „+” w liście ─────────── */
html.pw-sys .c-6a33aed{font-family:'Prometo','Poppins',sans-serif;font-weight:400;letter-spacing:-.035em}
html.pw-sys .c-8f5b7dd{background:#08224A;border:0;border-radius:26px;box-shadow:var(--pw-cien3);position:relative;isolation:isolate;color:#FFFFFF}
html.pw-sys .c-8f5b7dd::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(120% 80% at 100% 0%,rgba(72,111,171,.34),rgba(72,111,171,0) 60%)}
html.pw-sys .c-8f5b7dd .c-9b2876f{background:#D40A32}
html.pw-sys .c-8f5b7dd .c-00061e6{color:#FFFFFF;letter-spacing:.02em}
html.pw-sys .c-8f5b7dd .c-46154e4{color:rgba(243,248,255,.66)}
html.pw-sys .c-8f5b7dd .c-6a33aed{font-size:clamp(2.6rem,4.4vw,3.4rem);color:#FFFFFF}
html.pw-sys .c-8f5b7dd .c-2672e37{color:rgba(243,248,255,.5)}
html.pw-sys .c-8f5b7dd .c-d7430af{color:rgba(243,248,255,.86)}
html.pw-sys .c-8f5b7dd .c-d7430af strong{color:#FFFFFF}
html.pw-sys .c-8f5b7dd .c-116fdf7{background:#F00632}
html.pw-sys .c-8f5b7dd .c-028f24c{position:relative;padding-bottom:18px;margin-bottom:6px}
html.pw-sys .c-8f5b7dd .c-028f24c::after{--pw-l:rgba(159,188,236,.34);content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(var(--pw-l),var(--pw-l)) 0 0/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 9px no-repeat}

/* ── 15f · „DLA KOGO / NIE DLA KAŻDEGO”: spokojna biała karta „nie”, granatowa karta „dla kogo” (jak /wspolpraca) ─── */
html.pw-sys .c-dcee3e6{border-top:0;border-radius:24px;background:#FFFFFF;border:1px solid var(--pw-linia);box-shadow:var(--pw-cien1)}
html.pw-sys .c-cfed0db{border:0;border-radius:24px;background:#08224A;box-shadow:var(--pw-cien3);position:relative;overflow:hidden;isolation:isolate}
html.pw-sys .c-cfed0db::before{content:"";position:absolute;right:-60px;bottom:-110px;width:220px;aspect-ratio:264/674;transform:rotate(-18deg);z-index:-1;
  background:rgba(159,188,236,.08);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-sys .c-cfed0db .c-00061e6{color:#FFFFFF}
html.pw-sys .c-cfed0db .c-fca9af9{color:rgba(243,248,255,.66)}
html.pw-sys .c-cfed0db .c-f8aef3b{background:rgba(243,248,255,.06);border:1px solid rgba(159,188,236,.16);border-radius:16px}
html.pw-sys .c-cfed0db .c-3777479{color:#FFFFFF}
html.pw-sys .c-cfed0db .c-a3b1f54{border-radius:999px;background:#FFFFFF;color:var(--pw-n);box-shadow:none}

/* ── 15g · OPINIA z klasą nadtytułu w źródle (dwie karty na /szkolenia-kurs-ortopodologia): cytat jak pozostałe ────── */
html.pw-sys .c-6da0db9>p.c-072ea32{display:block;margin:0;flex:1;font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:1.06rem;line-height:1.55;
  letter-spacing:-.003em;text-transform:none;color:var(--pw-ink2)}

/* ── 15h · AUDYT RESPONSYWNOŚCI 23.09 ─────────────────────────────────────────────────────────────────────── */
/* długie ciągi bez spacji (adresy w treści wpisów, wykropkowania w regulaminie) łamią się zamiast wystawać poza kolumnę */
html.pw-sys main :is(p,li,h1,h2,h3,h4,dd,dt,td,th,figcaption,summary,blockquote){overflow-wrap:break-word}
/* statystyki założycielek: na najwęższych telefonach 2 + 1 (w 3 kolumnach po ~99 px „ORTOPODOLOGIA” nie mieściło się) */
@media (max-width:379px){
  html.pw-sys .c-b49eafb .c-c276338{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.pw-sys .c-b49eafb .c-c276338>:nth-child(3){grid-column:1/-1}
}
/* tablet 761–999: karta ze zdjęciem obok listy (#bol) i dwie kolumny sekcji kontaktu dawały tekst po ~140 px — jedna pod drugą */
@media (min-width:761px) and (max-width:999px){
  html.pw-sys .c-74402b6{grid-template-columns:minmax(0,1fr)}
  html.pw-sys .c-d440e19{grid-template-columns:minmax(0,1fr)}
}
/* pieczęć „oferta specjalna…” na /webinar-dziekujemy: 411 px przy ekranie 390 — na telefonie zawija się zamiast wystawać */
@media (max-width:480px){
  html.pw-sys .ppw-pieczec{white-space:normal;width:max-content;max-width:calc(100vw - 64px);text-align:center;line-height:1.35}
}
/* pola dotyku na telefonie: samodzielne linki tekstowe ≥ 44 px, spis treści dokumentów ≥ 36 px, okruszki wpisów ≥ 37 px */
@media (max-width:760px){
  html.pw-sys main :is(a.c-bd0da09,.pp-siec-link,.pp-kk-cta a,a.c-c3c9398,.pp-blisko-link,a.c-9a22768,.pp-kurs9-cena a,.pp-szybka a,.pp-kalk-reset,.pp-form-miekki a){display:inline-flex;align-items:center;min-height:44px}
  html.pw-sys main a.c-9976a87{display:inline-flex;align-items:center;min-height:36px}
  html.pw-sys main .pp-okruszki a{display:inline-block;padding:8px 0}
  /* wpisy bloga: „Wróć na blog”, spis „W tym artykule”, samodzielne linki-przyciski w treści (akapit = sam link) */
  html.pw-sys main :is(a.c-f7cc237,.pp-artykul p > a:only-child){display:inline-flex;align-items:center;min-height:44px}
  html.pw-sys main .pp-spis summary{min-height:44px;display:flex;align-items:center}
  /* spis „W tym artykule”: większe pole dotyku bez zmiany odstępów (dopełnienie elementu w wierszu), podkreślenie przy tekście */
  html.pw-sys main .pp-spis li a{padding:6px 0;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(23,52,96,.25);text-underline-offset:3px}
}

/* ── 15i · WPISY BLOGA: przyciski w treści (`a[role=button]` z importu WordPressa) jako przyciski marki, nie goły tekst ─────── */
html.pw-sys .pp-artykul :is(a[role="button"],a.pp-cta-wpis){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:10px 0 18px;padding:12px 26px;
  border-radius:999px;background:#D40A32;color:#FFFFFF;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px -12px rgba(8,34,74,.45);
  transition:transform .4s var(--pw-krzywa),background .3s}
html.pw-sys .pp-artykul :is(a[role="button"],a.pp-cta-wpis):hover{background:#E00D38;transform:translateY(-2px)}
html.pw-sys .pp-artykul :is(a[role="button"],a.pp-cta-wpis)::after{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:var(--pw-strz) center/contain no-repeat;mask:var(--pw-strz) center/contain no-repeat}
/* „WYBIERAM” pod okładką pakietu (obrazy we wpisie są wyśrodkowane) — przycisk też na środku */
html.pw-sys .pp-artykul img+a.pp-cta-wpis{display:flex;width:max-content;max-width:100%;margin:0 auto 22px}

/* ── 15j · RECENZJA TELEFONU 23.09 (trzy recenzje zrzutów 390 px: 39 stron + wpisy bloga) ────────────────────────── */
/* wpisy bloga: okładka znów wchodzi na granat hero — `main>section{position:relative}` stawiało sekcję artykułu NAD hero (regresja oprawy) */
html.pw-sys main>section:has(>.c-ada9876>.c-efe9756){position:static}
/* hero stykający się z pasem liczb (5 rodzin wkładek, zawody, /o-nas): dół hero schodzi do granatu pasa, bez uciętej czerwonej poświaty */
html.pw-sys main>section.c-1c7473e:has(+section.c-2b9ec6b){background:linear-gradient(180deg,rgba(8,34,74,0) 55%,#08224A),linear-gradient(160deg,#08224A,#173460 55%,#2A4D81)}
html.pw-sys main>section.pp-hero-ozdoby:has(+section.c-2b9ec6b)::before{display:none}
/* pas logotypów pod mapą: odstęp od dolnej krawędzi granatu jak na /wspolpraca (było 0 px — logotypy wyglądały na ucięte) */
html.pw-sys .pp-siec>.c-a218701{margin:16px 0 clamp(48px,6vw,76px)}
/* logo z wypełnionym kształtem (podomed) pod filtrem „biała sylwetka” było białą plamą bez napisu — negatyw w skali szarości */
html.pw-sys .pp-siec .c-f53f514[src*="/podomed."]{filter:grayscale(1) invert(1) brightness(1.4)}
/* cudzysłów w kartach opinii bliżej tekstu (nad znakiem zostawało ~26 px pustego) */
html.pw-sys .c-cc82284{transform:translateY(-16px);margin-bottom:-6px}
/* węzły numerów programu (01, 02…) jak węzły osi procesu; ikony w węzłach w kolorze węzła */
html.pw-sys .c-b2d8f3a{box-sizing:border-box;border:1.5px solid rgba(23,52,96,.3);background:#FFFFFF;font-family:'Prometo','Poppins',sans-serif;font-weight:500;color:var(--pw-n);box-shadow:0 6px 14px -10px rgba(8,34,74,.5)}
html.pw-sys .c-0cbd0a6{width:46px;height:46px;border-radius:999px;background:#FFFFFF;color:var(--pw-n);box-shadow:0 0 0 1.5px var(--pw-linia),0 10px 20px -14px rgba(8,34,74,.5)}
html.pw-sys .c-0cbd0a6 svg{width:23px;height:23px;stroke:currentColor}
/* pigułki „Partner” (/gabinety) i znak prowadzącej (/warsztaty): kolory marki zamiast zieleni */
html.pw-sys :is(.c-01e1ba5,.pp-hero-znak-pill){background:var(--pw-blekit);color:var(--pw-n500)}
html.pw-sys :is(.c-01e1ba5,.pp-hero-znak-pill) svg{stroke:currentColor}
/* kadr w ramce (zawody, podoskop, /pieta…): ten sam promień co pozostałe zdjęcia */
html.pw-sys .c-d6bb9ed .c-e29908d{border-radius:14px}
/* „Dla specjalisty” (/pieta, /stopa-cukrzycowa): granat systemu, nadtytuł z „+”, „+” zamiast czerwonych kropek */
html.pw-sys .c-5c6a2c8{background:#08224A;box-shadow:var(--pw-cien3)}
html.pw-sys .c-5c6a2c8 .c-94b2aa5{display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.17em;color:var(--pw-b300)}
html.pw-sys .c-5c6a2c8 .c-94b2aa5::before{content:"";width:11px;height:11px;flex:none;background:#F00632;-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
html.pw-sys .c-5c6a2c8 .c-ef76e47{width:12px;height:12px;margin-top:6px;border-radius:0;background:#F00632;-webkit-mask:var(--pw-plus) center/11px no-repeat;mask:var(--pw-plus) center/11px no-repeat}
/* wpisy bloga: śródtytuły H3/H4 z interlinią nagłówka (dziedziczyły 1.8), spis treści z linią systemu, przycisk pod <center> wyśrodkowany */
html.pw-sys .pp-artykul :is(h3,h4){line-height:1.3;text-wrap:pretty}
/* śródtytuły H5/H6 z WordPressa (129 w 34 wpisach) rysowały się MNIEJ niż tekst akapitu (H6 ~11 px) — jak mniejszy H4 */
html.pw-sys .pp-artykul :is(h5,h6){font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:1.06rem;line-height:1.35;letter-spacing:-.005em;
  color:var(--pw-n);margin:1.5em 0 .5em;text-wrap:pretty}
html.pw-sys .c-b3bca9d{text-wrap:balance}
html.pw-sys .pp-spis{border:1px solid var(--pw-linia2);border-radius:16px}
html.pw-sys .pp-spis ol.pp-spis-nr{list-style:none;padding-left:0}   /* śródtytuły z własnymi numerami — bez „1. 1.” */
html.pw-sys .pp-artykul center+a[role="button"]{display:flex;width:max-content;max-width:100%;margin:14px auto 6px}
/* dokumenty: bez justowania (dziury między słowami na telefonie), bez podwójnej numeracji „1. 1.” w dwóch paragrafach */
html.pw-s-regulamin .pp-prawne [align="justify"]{text-align:left}
html.pw-s-regulamin-newslettera :is(#odstapienie-od-umowy,#prawa-autorskie-i-licencje)+ol{list-style:none;padding-left:0}
/* awatar prowadzącej (/materialy-zestaw-cwiczen) nie ściskany przez flex */
html.pw-sys .c-aa707dc{flex:none}
/* /dziekujemy: kadr w hero bez białej ramki dla wycinanek */
html.pw-s-dziekujemy .c-1c7473e .c-fe64c15{padding:0;min-height:0;overflow:hidden}
html.pw-s-dziekujemy .c-1c7473e .c-d59bd5a{width:100%;max-height:none;aspect-ratio:4/3;object-fit:cover}
/* zdjęcie przed nagłówkiem: gdy para zdjęcie–tekst układa się w kolumnę (< 1000 px), kadr idzie POD tekst — sekcje zaczynały się
   od zdjęcia, a w kilku miejscach dwa zdjęcia stały pod rząd */
@media (max-width:999px){
  html.pw-sys .pp-obok>.pp-obok-foto:first-child,
  html.pw-sys .c-3c7107b>.c-67fb2aa:first-child{order:2}
  html.pw-s-dla-podologa .pp-gl-foto img[src*="joanna-plansze"]{object-position:50% 72%}
}
@media (max-width:760px){
  /* tytuł strony większy niż nagłówki sekcji (było H1 27 px < H2 27,5 px na 17 stronach i we wpisach, /kontakt 25,6 px) */
  html.pw-sys main :is(.c-13a5d7f,.c-cc2a830,.pp-gab-h1,.c-ef099df){font-size:2rem;line-height:1.08}
  html.pw-sys main .c-36fb17a{font-size:1.9rem;line-height:1.1}
  html.pw-sys .c-efe9756{max-height:300px}
  /* nagłówki sekcji do lewej jak na stronie głównej (podstrony skakały środek/lewo) */
  html.pw-sys main .c-09faf5f{text-align:left;margin-left:0}
  html.pw-sys main .c-09faf5f .c-e679470{justify-content:flex-start}
  /* dane w hero (termin, miejsce, grupa…) jedna pod drugą zamiast łamania 1-2-1 */
  html.pw-sys .c-8ebcbe1{flex-direction:column;gap:8px}
  /* portret obok tekstu przycięty do kadru 4:3 (438 px wysokości otwierało FAQ) */
  html.pw-sys .pp-obok-foto .pp-f-jeden{aspect-ratio:4/3;object-fit:cover;object-position:50% 20%}
  /* stosy „ikona/zdjęcie nad tekstem” (4 filary na stronach zawodów, #zyskasz na /szkolenia, /newsletter, /kacik-medialny…): lista na
     liniach jak karty korzyści — zdjęcie 88 px albo ikona w węźle z lewej, tekst z prawej */
  html.pw-sys :is(.c-8b25bf3,section[data-pp-2x2] .c-8b25bf3,#zyskasz .pp-atuty){display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:26px;justify-items:stretch}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty)>.c-8f70ddd{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)}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty)>.c-8f70ddd:has(>.pp-filar-foto){grid-template-columns:88px minmax(0,1fr);column-gap:16px}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty)>.c-8f70ddd>:is(.pp-filar-foto,.c-d61e96b){grid-row:1/span 3;grid-column:1;margin:0;justify-self:center}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty)>.c-8f70ddd>:not(.pp-filar-foto,.c-d61e96b){grid-column:2;margin:0}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty) .pp-filar-foto{width:88px;height:88px;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:var(--pw-cien1)}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty) .c-d61e96b{width:44px;height:44px;color:var(--pw-n);box-shadow:0 0 0 1.5px var(--pw-linia),0 10px 20px -14px rgba(8,34,74,.5)}
  html.pw-sys :is(.c-8b25bf3,#zyskasz .pp-atuty) .c-d61e96b svg{width:21px;height:21px;stroke:currentColor}
  /* program dnia / kursu (karty z numerem): lista na liniach */
  html.pw-sys .c-a9267ac:has(>.c-9dc7cd4){gap:0}
  html.pw-sys .c-9dc7cd4{background:none;border:0;border-top:1px solid var(--pw-linia2);border-radius:0;box-shadow:none;padding:16px 0 18px;gap:14px}
  html.pw-sys .c-b2d8f3a{width:40px;height:40px;font-size:.86rem}
  /* dwie kolumny listy w jednej: bez dziury między pierwszą a drugą listą */
  html.pw-sys .c-682e415>div+div .c-f0b64dd{margin-top:0}
  /* karuzela opinii: karta o wysokości swojej opinii (krótkie cytaty miały 90–160 px pustego nad autorem) */
  html.pw-sys [data-carousel] .c-6da0db9{align-self:flex-start}
  /* /urzadzenia #katalog: „W sklepie” przy każdym urządzeniu jako obrys — główne „Zapytaj o ofertę” znów dominuje */
  html.pw-sys #katalog .pp-stac-cta{width:auto;background:transparent;color:var(--pw-n);box-shadow:inset 0 0 0 1.5px rgba(23,52,96,.3)}
  html.pw-sys #katalog .pp-stac-cta:hover{background:var(--pw-blekit)}
  /* 5 rodzin wkładek, „Czym różni się wkładka indywidualna od gotowej?”: kolumna Pro Pedis druga zamiast ostatniej — tabela 760 px
     przewijana w bok chowała ją w całości poza ekranem */
  html.pw-sys .c-fa93c40{display:block;min-width:620px}
  html.pw-sys .c-fa93c40>*{display:block}
  html.pw-sys .c-fa93c40 tr{display:grid;grid-template-columns:104px repeat(3,minmax(0,1fr))}
  html.pw-sys .c-fa93c40 tr>:first-child{order:-2;overflow-wrap:normal;hyphens:auto}
  html.pw-sys .c-fa93c40 tr>:last-child{order:-1}
  html.pw-sys .c-fa93c40 :is(th,td){padding:12px}
  /* /wkladki #zastosowanie: 25 pigułek w mniejszym stopniu (25 → ~18 rzędów) */
  html.pw-sys #zastosowanie .c-3d97d37{font-size:.8rem;padding:6px 12px}
  /* /pieta „Czym jest ostroga piętowa?”: bez zygzaka z tekstem do prawej */
  html.pw-s-pieta .c-11d8e71{flex-direction:row;margin:0}
  html.pw-s-pieta .c-61236cf{text-align:left}
  /* ostatnia sekcja z kartą CTA nie dotyka stopki */
  html.pw-sys main>section:last-child>.c-46b986d{padding-bottom:56px}
  /* /gabinety: karty gabinetów z mapy jako rząd przewijany w bok (jak certyfikat na /wspolpraca), zamiast 8 kart jedna pod drugą */
  html.pw-s-gabinety .pp-k-siatka{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding:0 20px;margin-left:-20px;margin-right:-20px;padding:4px 20px 10px;scrollbar-width:none}
  html.pw-s-gabinety .pp-k-siatka::-webkit-scrollbar{display:none}
  html.pw-s-gabinety .pp-k-siatka>.pp-k{scroll-snap-align:start;box-shadow:none}
  /* /hipermobilnosc-kurs: bonusy poziomo (okładka 96 px z lewej), opinie w rzędzie przewijanym w bok */
  html.pw-s-hipermobilnosc-kurs .c-69112ed{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start;padding:16px}
  html.pw-s-hipermobilnosc-kurs .c-69112ed>.c-e8b3d0d{grid-row:1/span 3;grid-column:1;min-height:0;padding:10px;border-radius:12px}
  html.pw-s-hipermobilnosc-kurs .c-69112ed>:not(.c-e8b3d0d){grid-column:2;margin:0}
  html.pw-s-hipermobilnosc-kurs .c-69112ed>.c-6f2ccdf{justify-self:start}
  html.pw-s-hipermobilnosc-kurs .pp-cytat-para{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding:0 20px;margin-left:-20px;margin-right:-20px;padding:4px 20px 10px;scrollbar-width:none;align-items:start}
  html.pw-s-hipermobilnosc-kurs .pp-cytat-para::-webkit-scrollbar{display:none}
  html.pw-s-hipermobilnosc-kurs .pp-cytat-para>.c-6da0db9{scroll-snap-align:start;height:auto}
  /* karty poza ekranem z prawej: odsłanianie przy przewijaniu strony ich nie obejmuje — widoczne od razu (jak #filary na home) */
  html.pw-s-hipermobilnosc-kurs[data-anim] .pp-cytat-para>.c-6da0db9[data-reveal]:not(.on){opacity:1;transform:none}
  /* /kacik-medialny „Gdzie o nas pisano?”: 14 tytułów w dwóch kolumnach (karty nie udają przycisków) */
  html.pw-s-kacik-medialny .c-479d3e0{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
  html.pw-s-kacik-medialny .c-960461a{min-height:64px;padding:12px 10px;border-radius:16px;text-align:center}
  /* odklejone podkreślenia (skutek pól dotyku 44 px z 15h): podkreślenie tekstu zamiast dolnej krawędzi pudełka */
  html.pw-sys main .pp-szybka a{display:inline;min-height:0;padding:12px 0;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(212,10,50,.4);text-underline-offset:3px}
  html.pw-sys main .pp-szybka a[href^="tel:"]{white-space:nowrap}
  html.pw-sys main .pp-siec-link{border-bottom:0;padding-bottom:0;text-decoration:underline;text-decoration-color:rgba(243,248,255,.4);text-underline-offset:5px}
  html.pw-sys main .pp-kk-cta a{border-bottom:0;padding-bottom:0;text-decoration:underline;text-decoration-color:rgba(200,16,46,.35);text-underline-offset:5px}
}
@media (max-width:600px){
  /* galeria we wpisie: ostatni nieparzysty kafel na całą szerokość zamiast sieroty */
  html.pw-sys .pp-galeria-wpis>.gallery-item:last-child:nth-child(odd){grid-column:1/-1}
  html.pw-sys .pp-galeria-wpis>.gallery-item:last-child:nth-child(odd) img{aspect-ratio:16/9}
}
@media (max-width:480px){
  /* przyciski w wąskich kartach: gdy dłuższa etykieta nie mieści się w wierszu — dwa równe wiersze, nie „kluska” */
  html.pw-sys main :is(.c-715a1be,.c-1b7b594,.c-c36dd66,.c-2393c7e){text-wrap:balance;line-height:1.25}
  /* plakietka rabatu (/webinar-dziekujemy) nie zasłania tytułu okładki */
  html.pw-sys .ppw-rabat{width:58px;height:58px;font-size:1.05rem;top:-10px;left:-8px}
}
@media (max-width:420px){
  /* karta CTA: węższe marginesy i przyciski — etykiety mieszczą się w jednym wierszu przy 360–390 px */
  html.pw-sys .c-6ad2a7b{padding-inline:22px}
  html.pw-sys main .c-715a1be{padding-inline:20px;font-size:.94rem}
}

/* ── 16 · DOLNY PASEK (telefon): schowany nad formularzami — pp-wisienka.js → html.pw-bez-paska ────────────────── */
html.pw-sys.pw-bez-paska .pp-pasek-dol.pp-widoczny{transform:translateY(calc(var(--pp-vv) + 130%));pointer-events:none}

/* ── 17 · TELEFON ─────────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:760px){
  html.pw-sys main :is(.c-6505847,.c-4f39576,.c-9bd6c28,.c-6a1a06c,.c-34df16a){font-size:1.72rem}
  html.pw-sys .c-2b9ec6b .c-a5eb762{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}
  html.pw-sys .c-2b9ec6b .c-e6c3b88{padding:18px 16px 18px 18px}
  html.pw-sys .c-2b9ec6b .c-e6c3b88:nth-child(odd){border-left:0;padding-left:0}
  html.pw-sys .c-2b9ec6b .c-e6c3b88:nth-child(n+3){border-top:1px solid var(--pw-linia-c)}
  html.pw-sys .c-4e97e24{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:16px 0 18px}
  html.pw-sys .c-4e97e24 .c-c399810{width:40px;height:40px}
  html.pw-sys .c-4e97e24 .c-c399810 svg{width:20px;height:20px}
  html.pw-sys .c-4e97e24 .c-32ceabd{font-size:1.02rem}
  /* rzędy kadrów przewijane w bok zamiast siatki 2 × n */
  html.pw-sys .pp-f-rzad{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding:0 20px;margin-left:-20px;margin-right:-20px;padding:4px 20px 10px;scrollbar-width:none}
  html.pw-sys .pp-f-rzad::-webkit-scrollbar{display:none}
  html.pw-sys .pp-f-rzad>.pp-f-kafel{grid-column:auto;aspect-ratio:4/3;display:block;scroll-snap-align:start;box-shadow:none}
  html.pw-sys .c-8600fe1>.c-d66f642{font-size:3rem}
  html.pw-sys .c-c24731c{padding:14px 16px;font-size:.94rem}
  html.pw-sys .c-6da0db9{padding:26px 22px 22px}
  html.pw-sys .c-b49eafb .c-f96201b{aspect-ratio:4/3;object-fit:cover;object-position:50% 18%}
  html.pw-sys .c-b49eafb .c-c276338{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  html.pw-sys .c-b49eafb .c-debe9b9{font-size:1.5rem}
}
@media (max-width:999px){html.pw-sys main .pp-gl-foto img{aspect-ratio:16/9;object-position:50% 30%}}


/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════
   KOMPOZYCJE STRON
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ══ /wkladki ══════════════════════════════════════════════════════════════════════════════════════════════ */
/* hero: model w kolorach jak na stronie głównej (model3d-pw.js) — kropki legendy w tych samych kolorach */
html.pw-s-wkladki .c-69535c7{background:#C3CCDA;border-color:rgba(243,248,255,.6)}
html.pw-s-wkladki .c-8d5cb0a{background:#D40A32}
html.pw-s-wkladki .c-35e95b7{background:#EDE8DC}
html.pw-s-wkladki .c-242637b{background:#3D63A6}
/* porównanie: wkładki Pro Pedis jako granatowa karta wśród trzech „na rynku” */
html.pw-s-wkladki .pp-porown{gap:clamp(14px,1.6vw,20px)}
html.pw-s-wkladki .pp-porown-k{border-radius:22px;border-color:var(--pw-linia);box-shadow:var(--pw-cien1)}
html.pw-s-wkladki .pp-porown-nasza{background:#08224A;border:0;box-shadow:var(--pw-cien3);position:relative;overflow:hidden;isolation:isolate}
html.pw-s-wkladki .pp-porown-nasza::before{content:"";position:absolute;right:-60px;bottom:-110px;width:200px;aspect-ratio:264/674;transform:rotate(-18deg);z-index:-1;
  background:rgba(159,188,236,.08);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-s-wkladki .pp-porown-nasza .pp-porown-tyt{color:#FFFFFF}
html.pw-s-wkladki .pp-porown-nasza .pp-porown-pod{color:rgba(243,248,255,.66)}
html.pw-s-wkladki .pp-porown-nasza .pp-porown-lista li{color:rgba(243,248,255,.84)}
html.pw-s-wkladki .pp-porown-nasza .pp-porown-lista li::before{background:#F00632}
html.pw-s-wkladki .pp-porown-nasza .pp-porown-tag{background:#F00632}
/* rodzaje wkładek: sześć kafli 3 × 2 (było 4 + 2) */
@media (min-width:1000px){html.pw-s-wkladki #rodziny .c-8b57ee5{grid-template-columns:repeat(3,minmax(0,1fr))}}
html.pw-s-wkladki #rodziny :is(.c-22aafc6,.c-3b2b2dd){border-radius:22px;border-color:var(--pw-linia);box-shadow:var(--pw-cien1)}
html.pw-s-wkladki #rodziny .c-3b2b2dd{background:#08224A;border:0;justify-content:flex-end;position:relative;overflow:hidden;isolation:isolate}
html.pw-s-wkladki #rodziny .c-3b2b2dd::before{content:"";position:absolute;right:-40px;top:-60px;width:180px;aspect-ratio:264/674;transform:rotate(-16deg);z-index:-1;
  background:rgba(159,188,236,.09);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-s-wkladki #rodziny .c-3b2b2dd .c-d4b5fe8{color:#FFFFFF}
html.pw-s-wkladki #rodziny .c-3b2b2dd .c-09e9e66{color:rgba(243,248,255,.74)}
html.pw-s-wkladki #rodziny .c-3b2b2dd .c-9a22768{color:#FFFFFF}

/* ══ /certyfikacja (landing pakietu pod reklamę) ═══════════════════════════════════════════════════════════ */
/* program: numer nagrania w węźle */
html.pw-s-certyfikacja #program .pp-kurs9-k{border-radius:20px;border-color:var(--pw-linia);box-shadow:var(--pw-cien1)}
html.pw-s-certyfikacja #program .pp-kurs9-nr{font-family:'Prometo','Poppins',sans-serif;font-weight:500}
/* opinie (dwie karty obok siebie, bez karuzeli) */
html.pw-s-certyfikacja #opinie .c-02bf44f{gap:clamp(16px,2vw,24px)}