/* ══ WISIENKA — podgląd strony głównej Pro Pedis w podniesionej oprawie (23.09.2026) ═══════════════════════════
   Nakładka na zbudowaną stronę główną (pp_wisienka.py). Każda reguła żyje pod `html.pp-wisienka`, więc arkusz
   dołączony gdziekolwiek indziej nic nie zmienia. Treść, kolejność sekcji, header i stopka — bez zmian.
   System zamiast pojedynczych efektów (recenzja art-directorska 23.09, P1):
     1. ROZDZIAŁY I TRZY TŁA — #08224A · #FFFFFF · #F3F8FF. Szarość #F5F6F8 i pasek #173460 odpadają. Ścieżka
        specjalisty to trzy RÓŻNE kompozycje na trzech tłach (runda 3, właściciel: „żeby się nie zlewały”):
        dlaczego warto = błękit + kadr do krawędzi ekranu · filary = granat + ciemne karty · drabina = biel + schody.
     2. LINIA POMIAROWA — 1 px z podziałką co 8 px, co piąta kreska dłuższa (miarka, suwmiarka, mata z siatką —
        narzędzia pracy klientek). Oś procesu, schody drabiny, linijka nad liczbami. Rysuje się raz.
     3. RYSUNEK ROZSTRZELONY — etykiety z linią do „+” (model 3D), panel/etykieta zachodzi na zdjęcie.
     4. „+” MARKI — jeden symbol (maska SVG), czerwień tylko dla „+” i CTA.
     5. SKALA I RUCH — H2 ~44 px, liczby w Prometo, jedna krzywa ruchu, bez szkła, poświat i efektów za kursorem.
   ═════════════════════════════════════════════════════════════════════════════════════════════════════════ */

html.pp-wisienka{
  --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-oddech:clamp(56px,6vw,84px);
  --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-strz-uk: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='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  --pw-plantogram:url(/assets/wisienka/plantogram.svg);
}
html.pp-wisienka :is(.pw-hero,.pw-liczby,#gabinety,#filary,#opinie,#sciezki .c-1ae90fc,#wiedza .c-22d3f57,#drabina [data-poziom="4"]){--pw-red5:#F00632}
/* linijka: kreska 1 px + podziałka co 8 px + dłuższa co 40 px — kolor w --pw-l USTAWIANY W TEJ SAMEJ REGULE
   (zmienna z gradientem zadeklarowana na <html> rozwiązywałaby się tam, gdzie --pw-l jeszcze nie istnieje) */

/* ── 1 · ROZDZIAŁY: jedna szerokość treści, jeden oddech, trzy tła ──────────────────────────────────────── */
html.pp-wisienka .c-af76d46 main>section{position:relative}
html.pp-wisienka main .c-af12d33{max-width:1280px}
html.pp-wisienka body main .c-5fdbef2,html.pp-wisienka body main .c-af12d33,html.pp-wisienka main .c-d3649c2,
html.pp-wisienka main .c-1ae5137,html.pp-wisienka main .c-ab5ccf6,html.pp-wisienka main .c-ab2ec8b{padding-top:var(--pw-oddech);padding-bottom:var(--pw-oddech)}
html.pp-wisienka :is(#sciezki,#proces,#wiedza,#drabina,#system-capron,#urzadzenia,#newsletter){background:#FFFFFF}
html.pp-wisienka :is(#zespol,#dlaczego-warto){background:var(--pw-blekit)}
html.pp-wisienka #urzadzenia .c-5fdbef2{padding-top:calc(var(--pw-oddech)*.35)}
html.pp-wisienka #newsletter .c-ab2ec8b{padding-top:calc(var(--pw-oddech)*.4)}

/* ── 2 · TYPOGRAFIA ─────────────────────────────────────────────────────────────────────────────────────── */
html.pp-wisienka main :is(.c-6505847,.c-4f39576){font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.08;letter-spacing:-.022em;text-wrap:balance}
html.pp-wisienka main :is(h3,.c-c17621e,.c-1dfaab7,.c-7119417){text-wrap:balance}
html.pp-wisienka main :is(.c-072ea32,.c-664f26d){gap:10px;margin-bottom:18px;font-size:.72rem;letter-spacing:.17em;color:var(--pw-n500)}
html.pp-wisienka main .c-664f26d,html.pp-wisienka .pw-hero .c-d069854{color:var(--pw-b300)}
html.pp-wisienka main .c-87b7621{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.pp-wisienka main :is(.c-7306d78,.c-9d87b2e){font-size:1.05rem;line-height:1.72;color:var(--pw-ink2);max-width:58ch}
html.pp-wisienka main strong{font-weight:600}

/* ── 3 · PRZYCISKI: jedna rodzina, strzałka z celem ─────────────────────────────────────────────────────── */
html.pp-wisienka main :is(.c-9b43e72,.c-3fb21f0,.c-f3f5387:not(.pp-btn-kontur),.c-05a6fe7,.c-9433fc0,.c-8e7aa2c){
  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.pp-wisienka main :is(.c-9b43e72,.c-3fb21f0,.c-f3f5387:not(.pp-btn-kontur),.c-05a6fe7,.c-9433fc0,.c-8e7aa2c):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.pp-wisienka main :is(.c-9b43e72,.c-3fb21f0,.c-05a6fe7,.c-4b2e4b1,.c-bd0da09,.c-e93e5cb,.c-17423e7) svg{transition:transform .4s var(--pw-krzywa)}
html.pp-wisienka main :is(.c-9b43e72,.c-3fb21f0,.c-05a6fe7,.c-4b2e4b1,.c-bd0da09):hover svg,
html.pp-wisienka main :is(a:hover>.c-e93e5cb,.pw-w-glowny:hover .c-e93e5cb,.pw-klik:hover .c-3fb21f0,.pw-klik:hover .c-4b2e4b1) svg{transform:translateX(4px)}
html.pp-wisienka main :is(.c-17423e7:hover,.c-ad7586e:hover .c-17423e7) svg{transform:translate(2px,-2px)}
html.pp-wisienka main .c-9433fc0{display:inline-flex;align-items:center;gap:10px}
html.pp-wisienka main .c-9433fc0::after{content:"";width:17px;height:17px;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.pp-wisienka main .c-9433fc0:hover::after{transform:translateX(4px)}
html.pp-wisienka main :is(.c-0dd411e,.c-4b2e4b1,.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.pp-wisienka main :is(.c-0dd411e,.c-4b2e4b1,.pp-btn-kontur.c-f3f5387):hover{background:rgba(243,248,255,.08);border-color:rgba(243,248,255,.75);transform:translateY(-2px)}
/* link tekstowy ze strzałką (Wszystkie artykuły / urządzenia, CTA filarów) */
html.pp-wisienka main :is(a.c-bd0da09,.pw-link){color:var(--pw-red);font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .45s var(--pw-krzywa),color .2s}
html.pp-wisienka main :is(a.c-bd0da09,.pw-link):hover{text-decoration:none;background-size:calc(100% - 26px) 1.5px}

/* ── 4 · KARTY: jedna rodzina cieni i promieni ─────────────────────────────────────────────────────────── */
html.pp-wisienka main :is(.c-0d648c7,.c-669746f,.c-ad7586e,.c-3066563){border-color:var(--pw-linia);border-radius:22px;box-shadow:var(--pw-cien1)}
html.pp-wisienka main :is(.c-0d648c7,.c-ad7586e){transition:transform .5s var(--pw-krzywa),box-shadow .5s var(--pw-krzywa),border-color .5s}
html.pp-wisienka main :is(.c-0d648c7,.c-ad7586e):hover{transform:translateY(-5px);box-shadow:var(--pw-cien3);border-color:var(--pw-linia2)}
html.pp-wisienka main .c-0d648c7 img{transition:transform 1.2s var(--pw-krzywa)}
html.pp-wisienka main .c-0d648c7:hover img{transform:scale(1.04)}

/* ── 4b · OBRÓBKA ZDJĘĆ Z LUDŹMI: jedna, łagodna — ujednolica turkus i róż rękawiczek, nie stylizuje ─────────── */
html.pp-wisienka :is(#sciezki .pp-sc-foto,#proces .pp-proces-foto,#dlaczego-warto .pp-gl-foto img,#filary .c-0d648c7>img,#drabina img,#zespol .c-1a5bc90,#wiedza .pw-w-foto img){filter:saturate(.9) contrast(1.03)}

/* ── 5 · RUCH: jedna krzywa, 500–700 ms ─────────────────────────────────────────────────────────────────── */
html.pp-wisienka .c-af76d46 [data-reveal]:not(.pp-mapa-anim){transition:opacity .7s var(--pw-krzywa),transform .7s var(--pw-krzywa)}
html.pp-wisienka[data-anim] .c-af76d46 [data-reveal]:not(.on,.pp-mapa-anim){opacity:0;transform:translateY(20px)}

/* ══ S3 HERO: model w kolorach marki, podłoga z plantogramem, etykiety jak rysunek techniczny ═══════════════ */
html.pp-wisienka .pw-hero .c-cf7311e{position:relative;z-index:1;padding-bottom:clamp(22px,2.4vw,34px)}
html.pp-wisienka .pw-hero .c-afb0309{font-size:clamp(2.2rem,4.1vw,3.6rem);line-height:1.06;letter-spacing:-.024em}
html.pp-wisienka .pw-hero .c-2566648{color:rgba(243,248,255,.8);max-width:52ch}
html.pp-wisienka .pw-hero .c-b5bb580,html.pp-wisienka .pw-hero .c-d78d426{border-color:#0E2A56;box-shadow:0 0 0 1.5px rgba(159,188,236,.4),0 8px 20px rgba(0,0,0,.35)}
/* podłoga: plantogram leży płasko pod unoszącą się wkładką (perspektywa zbliżona do kamery modelu) */
html.pp-wisienka .pw-hero .c-975fb93{isolation:isolate}
html.pp-wisienka .pw-hero .c-975fb93::before{content:"";position:absolute;z-index:-1;left:47%;top:58%;width:min(40%,230px);aspect-ratio:264/674;
  transform:translate(-50%,-50%) perspective(900px) rotateX(66deg) rotate(-92deg);background:var(--pw-b300);opacity:.2;
  -webkit-mask:var(--pw-plantogram) center/contain no-repeat,radial-gradient(closest-side,#000 55%,transparent) center/100% 100% no-repeat;-webkit-mask-composite:source-in;
  mask:var(--pw-plantogram) center/contain no-repeat,radial-gradient(closest-side,#000 55%,transparent) center/100% 100% no-repeat;mask-composite:intersect;pointer-events:none}
html.pp-wisienka .pw-hero .c-5c603e0{background:radial-gradient(50% 42% at 50% 58%,rgba(72,111,171,.3),rgba(72,111,171,0) 72%)}
/* etykiety: szerokie kadry = tekst przy linii odniesienia (bez pigułek); wąskie = dotychczasowe pigułki */
html.pp-wisienka .pw-hero .pw-linie{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;opacity:0;transition:opacity .5s ease .15s}
html.pp-wisienka .pw-hero .pw-linie.pw-wlaczone{opacity:1}
html.pp-wisienka .pw-hero .pw-linie line{stroke:rgba(200,215,241,.6);stroke-width:1}
html.pp-wisienka .pw-hero .pw-linie path{stroke:#FFFFFF;stroke-width:1.6;stroke-linecap:round;fill:none}
html.pp-wisienka .pw-hero .pw-rys .c-e24ba93{z-index:3;white-space:nowrap;max-width:none;line-height:1.25;background:none;border:0;padding:0;gap:0;font-size:.76rem;font-weight:500;letter-spacing:.02em;color:#F3F8FF;text-shadow:0 1px 8px rgba(5,20,48,.9)}
html.pp-wisienka .pw-hero .pw-rys .c-e24ba93>span{display:none}
/* kropki legendy (wąskie kadry) w kolorach warstw po zmianie: jasna baza, granatowe pokrycie, czerwień marki */
html.pp-wisienka .pw-hero .c-69535c7{background:#C3CCDA;border-color:rgba(243,248,255,.6)}
html.pp-wisienka .pw-hero .c-242637b{background:#3D63A6}
html.pp-wisienka .pw-hero .c-8d5cb0a{background:#D40A32}
html.pp-wisienka .pw-hero .c-1f544ca{transition:opacity .6s}
html.pp-wisienka .pw-hero .c-1f544ca.pw-schowaj{opacity:0}
html.pp-wisienka .pw-hero .c-975fb93{height:clamp(320px,36vw,520px)}
html.pp-wisienka .pw-hero .c-64bf838{margin-top:-6px}

/* ══ S4 LICZBY: przedłużenie hero — linijka i cztery wartości jak w karcie pomiaru ═════════════════════════ */
html.pp-wisienka .pw-liczby{background:#08224A}
html.pp-wisienka .pw-liczby .c-a5eb762{position:relative;gap:0;padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(38px,4.2vw,58px)}
html.pp-wisienka .pw-liczby .c-a5eb762::before{--pw-l:rgba(159,188,236,.34);content:"";position:absolute;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);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.pp-wisienka .pw-liczby .c-e6c3b88{background:none;border:0;border-left:1px solid var(--pw-linia-c);border-radius:0;padding:6px clamp(18px,2.6vw,36px) 4px}
html.pp-wisienka .pw-liczby .c-e6c3b88:first-child{border-left:0;padding-left:0}
html.pp-wisienka .pw-liczby .c-abc613e{font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:clamp(2.5rem,4.4vw,3.8rem);letter-spacing:-.035em;line-height:.95;display:flex;align-items:flex-start}
html.pp-wisienka .pw-liczby .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.pp-wisienka .pw-liczby .c-a0778ab{margin-top:14px;font-size:.84rem;letter-spacing:.03em;color:rgba(243,248,255,.6)}

/* ══ S5 DWIE ŚCIEŻKI: drzwi, nie karty ═══════════════════════════════════════════════════════════════════ */
html.pp-wisienka #sciezki .c-a7b5a94{gap:24px}
html.pp-wisienka #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.pp-wisienka #sciezki .pp-sc-karta:hover{transform:translateY(-5px)}
html.pp-wisienka #sciezki .c-6f53e86{background:#FFFFFF;border:1px solid var(--pw-linia);box-shadow:var(--pw-cien2)}
html.pp-wisienka #sciezki .c-6f53e86::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pw-red);z-index:2}
html.pp-wisienka #sciezki .c-6f53e86:hover{box-shadow:var(--pw-cien3)}
html.pp-wisienka #sciezki .c-1ae90fc{background:#08224A;box-shadow:var(--pw-cien2)}
html.pp-wisienka #sciezki .c-1ae90fc:hover{box-shadow:0 34px 64px -30px rgba(5,20,48,.6)}
html.pp-wisienka #sciezki .pp-sc-foto{flex:0 0 41%;width:41%;max-width:none;min-width:0;transition:transform 1.2s var(--pw-krzywa)}
html.pp-wisienka #sciezki .c-6f53e86 .pp-sc-foto{object-position:50% 16%}
html.pp-wisienka #sciezki .c-1ae90fc .pp-sc-foto{object-position:60% 50%}
html.pp-wisienka #sciezki .pp-sc-karta:hover .pp-sc-foto{transform:scale(1.03)}
html.pp-wisienka #sciezki .pp-sc-tresc{justify-content:center;padding:clamp(28px,3vw,44px);position:relative;z-index:1}
html.pp-wisienka #sciezki .c-6f53e86 .pp-sc-tresc{background:#FFFFFF}
html.pp-wisienka #sciezki .c-1ae90fc .pp-sc-tresc{background:#08224A}
html.pp-wisienka #sciezki :is(.c-c654f3b,.c-0263c3e){display:flex;align-items:center;gap:10px;letter-spacing:.17em;font-size:.72rem;font-weight:600}
html.pp-wisienka #sciezki .c-c654f3b{color:var(--pw-n500)}
html.pp-wisienka #sciezki .c-0263c3e{color:var(--pw-b300)}
html.pp-wisienka #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.pp-wisienka #sciezki :is(.c-b361efe,.c-475f596){font-size:clamp(1.4rem,2.1vw,1.75rem);letter-spacing:-.015em}
html.pp-wisienka #sciezki .c-73f98af{color:rgba(243,248,255,.78)}

/* ══ S12 ZESPÓŁ: założycielki stoją na krawędzi sekcji (białe tło zdjęcia znika mnożeniem), podpis zachodzi na kadr ══ */
html.pp-wisienka #zespol{overflow:hidden}
html.pp-wisienka #zespol .c-d3649c2{align-items:stretch;gap:clamp(40px,6vw,96px);padding-bottom:0}
html.pp-wisienka #zespol .c-20257f4{display:flex;align-items:flex-end;flex:1 1 380px;min-width:0}
html.pp-wisienka #zespol .pw-scena{max-width:540px;width:100%;margin:0;isolation:isolate;background:var(--pw-blekit)}
html.pp-wisienka #zespol .c-1a5bc90{position:relative;z-index:1;mix-blend-mode:multiply;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent 99%);mask-image:linear-gradient(90deg,#000 84%,transparent 99%)}
html.pp-wisienka #zespol .pw-podpis{position:absolute;z-index:2;left:-4px;bottom:42px;margin:0;max-width:330px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  background:#FFFFFF;border:1px solid var(--pw-linia);border-radius:16px;padding:16px 18px;box-shadow:var(--pw-cien2);transition:transform .4s var(--pw-krzywa),box-shadow .4s}
html.pp-wisienka #zespol .pw-podpis:hover{transform:translateY(-3px);box-shadow:var(--pw-cien3)}
html.pp-wisienka #zespol .pw-podpis .c-67d14d9{display:none}
html.pp-wisienka #zespol .pw-podpis .c-381aedd{font-size:.8rem;line-height:1.55;color:var(--pw-ink2)}
html.pp-wisienka #zespol .c-942a27f{flex:1.15 1 400px;min-width:0;align-self:center;padding-bottom:var(--pw-oddech)}
html.pp-wisienka #zespol .c-53d758c{margin-top:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--pw-linia2)}
html.pp-wisienka #zespol .c-1eb6745{padding:16px 16px 16px 0;border-bottom:1px solid var(--pw-linia2);align-items:flex-start}
html.pp-wisienka #zespol .c-1eb6745:nth-child(even){padding-left:18px;border-left:1px solid var(--pw-linia2)}
html.pp-wisienka #zespol .c-493ddeb{display:none}
html.pp-wisienka #zespol .c-d62f3b0{font-size:.95rem;line-height:1.5}
html.pp-wisienka #zespol .c-b2e28ab{font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:1.12rem;letter-spacing:-.01em}

/* ══ S7 PROCES: ciągła oś z podziałką, która się rysuje; węzły jednej wielkości ═══════════════════════════ */
html.pp-wisienka #proces .c-623f5f6{--pw-gap:clamp(22px,2.4vw,32px);gap:var(--pw-gap)}
html.pp-wisienka #proces .pp-proces-foto{aspect-ratio:3/2;border-radius:20px;box-shadow:var(--pw-cien2);margin-bottom:16px}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(1) .pp-proces-foto{object-position:50% 60%}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(2) .pp-proces-foto{object-position:60% 72%;object-view-box:inset(42% 4% 17.5% 20%)}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(3) .pp-proces-foto{object-position:50% 36%}
html.pp-wisienka #proces .c-ba14a59{gap:0;position:relative}
html.pp-wisienka #proces :is(.c-d66f642,.c-a67606e){width:44px;height:44px;box-sizing:border-box;font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:.95rem;position:relative;z-index:1;transition:background .5s,border-color .5s,color .5s}
html.pp-wisienka #proces .c-d66f642{background:#FFFFFF;border:1.5px solid var(--pw-linia2);color:var(--pw-n)}
html.pp-wisienka #proces .on .c-d66f642{background:var(--pw-n);border-color:var(--pw-n);color:#FFFFFF}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(2) .c-d66f642{transition-delay:.55s}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(3) .c-d66f642{transition-delay:1.1s}
html.pp-wisienka #proces .c-a67606e{border:1.5px solid var(--pw-red);box-shadow:none}
html.pp-wisienka #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.pp-wisienka #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.pp-wisienka #proces .on .c-d75fd1b::after{transform:scaleX(1)}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(1) .c-d75fd1b::after{transition-delay:.15s}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(2) .c-d75fd1b::after{transition-delay:.7s}
html.pp-wisienka #proces .c-623f5f6>div:nth-child(3) .c-d75fd1b::after{transition-delay:1.25s}
html.pp-wisienka:not([data-anim]) #proces .c-d75fd1b::after{transform:scaleX(1)}
html.pp-wisienka #proces .c-3caa68d{font-size:1.2rem;letter-spacing:-.01em;margin-top:18px}
html.pp-wisienka #proces .c-bb132bd{font-size:.94rem;line-height:1.65}

/* ══ S9 GABINETY: mapa i jej animacja jak w oryginale (runda 3); nakładka układa tylko pas logotypów pod mapą ══ */
html.pp-wisienka #gabinety .c-1ae5137{padding-bottom:calc(var(--pw-oddech)*.5)}
html.pp-wisienka #gabinety .c-a218701{margin:0 auto;max-width:1280px;padding:30px clamp(20px,4vw,48px) calc(var(--pw-oddech)*.8);position:relative;
  -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{content:"";position:absolute;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);top:0;height:1px;background:var(--pw-linia-c)}
html.pp-wisienka #gabinety .c-a218701:hover .c-309c543{animation-play-state:paused}

/* ══ S14 STREFA WIEDZY: spis jak w magazynie — wpis wyróżniony (dla specjalisty), pięć kolejnych z miniaturą, e-book
   (runda 3, właściciel: „pokusiłbym o jeszcze więcej … może więcej tych wpisów zajawić?”; wpisy 1:1 z listy bloga) ══ */
html.pp-wisienka #wiedza .pw-wiedza{display:grid;gap:clamp(18px,2vw,28px);margin-top:clamp(24px,3vw,40px);grid-template-columns:minmax(0,1fr)}
html.pp-wisienka #wiedza .pw-w-glowny{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#FFFFFF;border:1px solid var(--pw-linia);
  box-shadow:var(--pw-cien1);color:inherit;text-decoration:none;transition:opacity .7s var(--pw-krzywa),transform .7s var(--pw-krzywa),box-shadow .5s var(--pw-krzywa),border-color .5s}
html.pp-wisienka #wiedza .pw-w-glowny:hover{box-shadow:var(--pw-cien2);border-color:var(--pw-linia2)}
html.pp-wisienka #wiedza .pw-w-foto{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--pw-blekit)}
html.pp-wisienka #wiedza .pw-w-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:transform .9s var(--pw-krzywa)}
html.pp-wisienka #wiedza .pw-w-glowny:hover .pw-w-foto img{transform:scale(1.035)}
html.pp-wisienka #wiedza .pw-w-tresc{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px,2vw,28px) clamp(20px,2.2vw,30px) clamp(22px,2.2vw,30px)}
html.pp-wisienka #wiedza .pw-w-kat{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pw-n500)}
html.pp-wisienka #wiedza .pw-w-kat::before{content:"";width:9px;height:9px;flex:none;background:var(--pw-red);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat}
html.pp-wisienka #wiedza .pw-w-tyt{margin:0;font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.22;letter-spacing:-.015em;color:var(--pw-n);text-wrap:balance}
html.pp-wisienka #wiedza .pw-w-zaj{margin:0;font-size:.95rem;line-height:1.66;color:var(--pw-ink2)}
html.pp-wisienka #wiedza .pw-w-tresc .c-e93e5cb{margin-top:auto;padding-top:6px}
html.pp-wisienka #wiedza .pw-w-lista{display:flex;flex-direction:column;border-top:1px solid var(--pw-linia2)}
html.pp-wisienka #wiedza .pw-w-wpis{flex:1;display:grid;grid-template-columns:clamp(84px,7.4vw,104px) minmax(0,1fr);column-gap:18px;align-items:center;padding:14px 0;
  border-bottom:1px solid var(--pw-linia2);color:inherit;text-decoration:none}
html.pp-wisienka #wiedza .pw-w-wpis img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;transition:transform .6s var(--pw-krzywa)}
html.pp-wisienka #wiedza .pw-w-wtresc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
html.pp-wisienka #wiedza .pw-w-wtyt{margin:0;font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:1.02rem;line-height:1.36;letter-spacing:-.005em;color:var(--pw-n);transition:color .3s}
html.pp-wisienka #wiedza .pw-w-wpis:hover .pw-w-wtyt{color:#D40A32}
html.pp-wisienka #wiedza .pw-w-wpis:hover img{transform:scale(1.04)}
html.pp-wisienka #wiedza .pw-w-wpis .pw-w-kat{font-size:.69rem;letter-spacing:.12em}
html.pp-wisienka #wiedza .pw-w-wpis .pw-w-kat::before{display:none}
/* układy (po regułach bazowych — ta sama waga selektorów) */
@media (min-width:1200px){
  html.pp-wisienka #wiedza .pw-wiedza{grid-template-columns:minmax(0,1.28fr) minmax(0,1.1fr) minmax(0,.84fr);align-items:stretch}
}
@media (min-width:700px) and (max-width:1199px){
  html.pp-wisienka #wiedza .pw-wiedza{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch}
  html.pp-wisienka #wiedza .pw-w-glowny{grid-column:1/-1;flex-direction:row}
  html.pp-wisienka #wiedza .pw-w-glowny .pw-w-foto{flex:0 0 50%;aspect-ratio:auto;min-height:280px}
}
/* karta e-booka: granat, okładka jako przedmiot u góry, treść pod nią */
html.pp-wisienka #wiedza .c-22d3f57{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;background:#08224A;margin:0;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:18px;padding:0 22px 24px}
html.pp-wisienka #wiedza .c-7e90c65{display:block}
html.pp-wisienka #wiedza .c-d846c95{display:none}
html.pp-wisienka #wiedza .pw-okladka-pole{display:none}
html.pp-wisienka #wiedza .pw-okladka{position:relative;align-self:stretch;flex:none;margin:0 -22px 4px;height:clamp(128px,10.5vw,152px);aspect-ratio:auto;width:auto;border-radius:0;transform:none;overflow:hidden;
  background:radial-gradient(70% 90% at 50% 100%,rgba(72,111,171,.45),rgba(72,111,171,0) 70%),#0E2A56;box-shadow:none}
html.pp-wisienka #wiedza .pw-okladka i{position:absolute;left:50%;bottom:-14%;width:clamp(88px,7.6vw,108px);aspect-ratio:3/4;border-radius:3px 9px 9px 3px;overflow:hidden;
  background:linear-gradient(90deg,rgba(8,34,74,.16),rgba(8,34,74,0) 8%),#FFFFFF;box-shadow:inset 1px 0 0 rgba(8,34,74,.1),0 14px 22px -12px rgba(0,0,0,.5);
  transform:translateX(-50%) rotate(-6deg);transform-origin:50% 100%;transition:transform .6s var(--pw-krzywa)}
html.pp-wisienka #wiedza .c-22d3f57:hover .pw-okladka i{transform:translateX(-50%) rotate(-1deg) translateY(-6px)}
html.pp-wisienka #wiedza .pw-okladka i::before{content:"";position:absolute;width:66%;aspect-ratio:264/674;right:-6%;bottom:-14%;transform:rotate(-14deg);background:var(--pw-n400);opacity:.5;
  -webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat}
html.pp-wisienka #wiedza .pw-okladka i::after{--pw-l:rgba(23,52,96,.4);content:"";position:absolute;left:12%;right:12%;bottom:11%;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}
html.pp-wisienka #wiedza .pw-okladka img{position:absolute;left:12%;top:11%;width:60%;height:auto}
/* w rzędzie trzech kolumn karta e-booka ma wysokość wpisu wyróżnionego — okładka zabiera nadmiar (bez pustki nad przyciskiem) */
@media (min-width:700px){
  html.pp-wisienka #wiedza .pw-okladka{flex:1 1 auto;height:auto;min-height:clamp(150px,13vw,190px)}
  html.pp-wisienka #wiedza .pw-okladka i{width:clamp(108px,9.4vw,134px);bottom:-10%}
}
html.pp-wisienka #wiedza .c-c17621e{font-size:1.22rem;line-height:1.3;letter-spacing:-.01em}
html.pp-wisienka #wiedza .c-775a0f6{max-width:none;font-size:.92rem}
html.pp-wisienka #wiedza .c-05a6fe7{margin-top:auto}

/* ══ DLACZEGO WARTO (błękit): kadr założycielek od lewej krawędzi ekranu przez całą wysokość treści, obok nagłówek
   i sześć korzyści na liniach z ikoną w węźle — pierwsza z trzech kompozycji ścieżki specjalisty ══════════════════ */
html.pp-wisienka #dlaczego-warto .pp-gl-obok{display:block}
html.pp-wisienka #dlaczego-warto .pw-split-foto{margin:0;max-width:none}
html.pp-wisienka #dlaczego-warto .pw-split-foto img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 30%;border-radius:0;box-shadow:none}
@media (min-width:1200px){
  /* kadr: szerokość do 42 % treści od krawędzi ekranu, proporcja .9 (obie założycielki w kadrze), najwyżej tak wysoki jak treść;
     w pionie na środku — `translate`, bo silnik.js nadpisuje `transform` na [data-reveal] */
  /* --pw-kont = szerokość treści kontenera (jak w innych sekcjach: 1280 px + 48 px marginesu z każdej strony); kontener w border-box,
     bo przy content-box duży lewy padding poszerzał go ponad max-width i zdejmował wyśrodkowanie (1920 px: treść pod kadrem) */
  html.pp-wisienka #dlaczego-warto{--pw-kont:min(100% - 96px,1280px)}
  html.pp-wisienka #dlaczego-warto .pw-split-foto{position:absolute;left:0;top:50%;translate:0 -50%;width:calc((100% - var(--pw-kont))/2 + var(--pw-kont)*.42);
    aspect-ratio:.9;max-height:calc(100% - 2*var(--pw-oddech))}
  html.pp-wisienka #dlaczego-warto .pw-split-foto img{border-radius:0 28px 28px 0;box-shadow:var(--pw-cien3)}
  html.pp-wisienka #dlaczego-warto .c-af12d33{box-sizing:border-box;max-width:1376px;padding-left:calc(48px + var(--pw-kont)*.42 + clamp(44px,4.6vw,76px))}
  html.pp-wisienka #dlaczego-warto .c-1f7f6f6{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,2.6vw,40px);margin-top:34px}
}
@media (max-width:1199px){
  /* węższe ekrany: kadr jako pas na pełną szerokość nad treścią */
  html.pp-wisienka #dlaczego-warto .pw-split-foto img{aspect-ratio:21/9;height:auto;object-position:50% 34%}
  html.pp-wisienka #dlaczego-warto .c-1f7f6f6{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 28px;margin-top:30px}
}
@media (max-width:699px){
  html.pp-wisienka #dlaczego-warto .pw-split-foto img{aspect-ratio:4/3}
}
html.pp-wisienka #dlaczego-warto .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.pp-wisienka #dlaczego-warto .c-4e97e24>:not(.pw-ikona){grid-column:2}
html.pp-wisienka #dlaczego-warto .c-4e97e24>.pw-ikona{grid-row:1/3}
html.pp-wisienka #dlaczego-warto .pw-ikona{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 10px 20px -14px rgba(8,34,74,.5);transition:background .4s,color .4s}
html.pp-wisienka #dlaczego-warto .c-4e97e24:hover .pw-ikona{background:var(--pw-n);color:#FFFFFF}
html.pp-wisienka #dlaczego-warto .pw-ikona svg{width:23px;height:23px}
html.pp-wisienka #dlaczego-warto .pw-ikona .pw-wezel{fill:#D40A32;stroke:none}
html.pp-wisienka #dlaczego-warto .c-32ceabd{margin:0;font-size:1.1rem;padding-top:2px}
html.pp-wisienka #dlaczego-warto .c-c629ab1{font-size:.92rem}

/* ══ FILARY (granat): druga kompozycja — ciemna kotwica z motywem plantogramu, cztery karty z kadrem 4:3, numery
   w węzłach na krawędzi kadru, CTA jako link w nagłówku ═══════════════════════════════════════════════════════ */
html.pp-wisienka #filary{background:radial-gradient(900px 540px at 90% -10%,rgba(72,111,171,.34),rgba(72,111,171,0) 62%),#08224A;overflow:hidden}
html.pp-wisienka #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.pp-wisienka #filary .c-af12d33{position:relative;z-index:1}
@media (min-width:900px){
  html.pp-wisienka #filary .c-af12d33{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}
  html.pp-wisienka #filary .c-f2af03b{grid-column:1;grid-row:1}
  html.pp-wisienka #filary .c-54816b9{grid-column:2;grid-row:1;margin:0 0 6px}
  html.pp-wisienka #filary .c-7c7fc9f{grid-column:1/-1;grid-row:2}
}
html.pp-wisienka #filary .c-072ea32{color:var(--pw-b300)}
html.pp-wisienka #filary .c-6505847{color:#FFFFFF}
html.pp-wisienka #filary .c-7306d78{color:rgba(243,248,255,.76)}
html.pp-wisienka #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.pp-wisienka #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.pp-wisienka #filary .c-7c7fc9f{gap:clamp(16px,1.8vw,24px);margin-top:48px}
html.pp-wisienka #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.pp-wisienka #filary .c-0d648c7:hover{border-color:rgba(159,188,236,.32)}
html.pp-wisienka #filary :is(.c-67e59c7,.c-59f65c0){width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .9s var(--pw-krzywa)}
html.pp-wisienka #filary .c-59f65c0{object-position:50% 22%}
html.pp-wisienka #filary .c-0d648c7:hover :is(.c-67e59c7,.c-59f65c0){transform:scale(1.04)}
html.pp-wisienka #filary .c-88f1dc5{position:relative;padding:36px 24px 28px;background:#0E2A56}
html.pp-wisienka #filary .c-32ceabd{color:#FFFFFF}
html.pp-wisienka #filary .c-c629ab1{color:rgba(243,248,255,.72)}
html.pp-wisienka #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.pp-wisienka #filary .c-0d648c7:hover .c-ab4582f{background:var(--pw-red5);border-color:var(--pw-red5)}
@media (max-width:760px){
  html.pp-wisienka #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}
  html.pp-wisienka #filary .c-7c7fc9f::-webkit-scrollbar{display:none}
  html.pp-wisienka #filary .c-0d648c7{scroll-snap-align:start}
  html.pp-wisienka #filary .c-54816b9{margin-top:22px}
}

/* ══ DRABINA (biel z siatką pomiarową): trzecia kompozycja — schody 0 → 4, stopnie jako bloki rosnące od podstawy,
   podest z podziałką i węzeł poziomu na linii, cel (4) w granacie ═══════════════════════════════════════════════ */
html.pp-wisienka #drabina{overflow:hidden}
html.pp-wisienka #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.pp-wisienka #drabina .c-af12d33{position:relative;z-index:1}
@media (min-width:1000px){
  html.pp-wisienka #drabina .pp-gl-obok{grid-template-columns:minmax(0,1fr) 360px;align-items:end;column-gap:56px}
  html.pp-wisienka #drabina .pp-gl-foto img{aspect-ratio:4/3;object-position:50% 18%;border-radius:22px;box-shadow:var(--pw-cien2)}
}
html.pp-wisienka #drabina .c-669746f{background:var(--pw-blekit);border:1px solid rgba(23,52,96,.07);box-shadow:none}
/* schody od 1200 px — na 768 pięć kart z miniaturą po ~130 px łamało tekst na 4–5 wierszy, przy 1024 wciąż ~140 px (audyt 23.09);
   niżej oś pionowa */
@media (min-width:1200px){
  html.pp-wisienka #drabina .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.pp-wisienka #drabina .c-181b6b0{flex:1 1 0;min-width:0;position:relative}
  html.pp-wisienka #drabina .c-181b6b0>div[aria-hidden]{display:none}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="1"]{top:calc(-1*var(--pw-krok))}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="2"]{top:calc(-2*var(--pw-krok))}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="3"]{top:calc(-3*var(--pw-krok))}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="4"]{top:calc(-4*var(--pw-krok))}
  html.pp-wisienka[data-anim] #drabina .c-181b6b0[data-reveal]:not(.on){opacity:0}
  html.pp-wisienka #drabina .c-669746f{padding:14px 14px 36px;border-radius:20px;gap:6px}
  html.pp-wisienka #drabina .pp-drab-foto{aspect-ratio:auto;height:124px;border-radius:12px;margin-bottom:10px}
  /* stopień: blok od podestu do podstawy schodów (wysokość = poziom × krok), podest z podziałką pod kartą */
  html.pp-wisienka #drabina .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.pp-wisienka #drabina .c-181b6b0[data-poziom="0"]::before{border-left:0}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="1"]::before{height:calc(1*var(--pw-krok))}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="2"]::before{height:calc(2*var(--pw-krok))}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="3"]::before{height:calc(3*var(--pw-krok))}
  html.pp-wisienka #drabina .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.pp-wisienka #drabina .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.pp-wisienka #drabina .c-181b6b0[data-poziom="0"]::after{left:0}
  html.pp-wisienka #drabina .c-181b6b0[data-poziom="4"]::after{right:0;--pw-l:rgba(212,10,50,.75)}
  html.pp-wisienka[data-anim] #drabina .c-181b6b0:not(.on)::after{transform:scaleX(0)}
  /* węzeł poziomu siedzi na linii */
  html.pp-wisienka #drabina .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.pp-wisienka #drabina .c-131b3d5{margin-top:0;font-size:1.08rem}
  html.pp-wisienka #drabina .c-f59ebfa{font-size:.86rem}
  html.pp-wisienka #drabina .c-8b48492{margin-top:28px}
}
/* poziom 4 = cel: karta w granacie, węzeł czerwony z „+” */
html.pp-wisienka #drabina [data-poziom="4"] .c-669746f{background:#08224A;border-color:transparent;box-shadow:0 30px 56px -28px rgba(5,20,48,.7)}
html.pp-wisienka #drabina [data-poziom="4"] .c-131b3d5{color:#FFFFFF}
html.pp-wisienka #drabina [data-poziom="4"] .c-f59ebfa{color:rgba(243,248,255,.78)}
html.pp-wisienka #drabina [data-poziom="4"] .c-88a3262{background:#D40A32;border-color:#D40A32;color:#FFFFFF;box-shadow:none}
html.pp-wisienka #drabina [data-poziom="4"] .c-669746f::before{content:"";position:absolute;right:16px;bottom:16px;width:14px;height:14px;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat;z-index:1}
@media (max-width:1199px){
  /* telefon i tablet: oś pionowa z miniaturami zamiast pięciu pełnych kart */
  html.pp-wisienka #drabina .c-fa52ece{flex-direction:column;flex-wrap:nowrap;gap:10px;margin-top:36px;position:relative}
  html.pp-wisienka #drabina .c-181b6b0{flex:none}
  html.pp-wisienka #drabina .c-181b6b0>div[aria-hidden]{display:none}
  html.pp-wisienka #drabina .c-fa52ece::before{content:"";position:absolute;left:52px;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,rgba(23,52,96,.2),#D40A32)}
  html.pp-wisienka #drabina .c-669746f{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;row-gap:4px;padding:14px;align-items:start}
  html.pp-wisienka #drabina .pp-drab-foto{grid-row:1/4;grid-column:1;width:78px;height:78px;aspect-ratio:auto;margin:0;border-radius:12px;position:relative;z-index:1}
  html.pp-wisienka #drabina .c-88a3262{grid-column:2;width:30px;height:30px;font-size:.82rem;font-family:'Prometo','Poppins',sans-serif;font-weight:500}
  html.pp-wisienka #drabina :is(.c-131b3d5,.c-f59ebfa){grid-column:2}
  html.pp-wisienka #drabina .pp-gl-foto img{aspect-ratio:4/3;object-position:50% 25%}
}

/* ══ S13 OPINIE: druga granatowa kotwica ═════════════════════════════════════════════════════════════════ */
html.pp-wisienka #opinie{background:#08224A}
html.pp-wisienka #opinie .c-6505847{color:#FFFFFF}
html.pp-wisienka #opinie .c-a4587e1{background:transparent;border-color:rgba(243,248,255,.3);color:#FFFFFF;transition:background .3s,border-color .3s,color .3s}
html.pp-wisienka #opinie .c-a4587e1:hover{background:#FFFFFF;border-color:#FFFFFF;color:#08224A}
html.pp-wisienka #opinie .pp-karuzela{align-items:stretch;padding-bottom:26px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 clamp(16px,4vw,72px),#000 calc(100% - clamp(16px,4vw,72px)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 clamp(16px,4vw,72px),#000 calc(100% - clamp(16px,4vw,72px)),transparent 100%)}
html.pp-wisienka #opinie .c-6da0db9{flex-basis:min(100% - 8px,404px);background:#0E2A56;border:1px solid rgba(159,188,236,.14);box-shadow:none;border-radius:22px;padding:32px 30px 26px;gap:14px;transition:border-color .4s,background .4s}
html.pp-wisienka #opinie .c-6da0db9:hover{border-color:rgba(159,188,236,.3);background:#11305F}
html.pp-wisienka #opinie .c-cc82284{font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:3.5rem;line-height:.7;height:26px;margin-left:-3px;color:var(--pw-red)}
html.pp-wisienka #opinie .c-df8084a{font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:1.08rem;line-height:1.55;letter-spacing:-.003em;color:rgba(243,248,255,.8);flex:1}
html.pp-wisienka #opinie .pw-op-k .c-df8084a{font-size:1.34rem;line-height:1.42;color:rgba(243,248,255,.88)}
html.pp-wisienka #opinie .c-df8084a strong{font-weight:500}
html.pp-wisienka #opinie .pw-op-d .c-df8084a{font-size:1rem;line-height:1.55}
html.pp-wisienka #opinie .c-df8084a strong{color:#FFFFFF}
html.pp-wisienka #opinie .c-ab8d838{margin-top:6px;padding-top:18px;border-top:1px solid rgba(159,188,236,.14)}
html.pp-wisienka #opinie .c-797a594{background:#173460;color:#FFFFFF;box-shadow:0 0 0 1px rgba(159,188,236,.3)}
html.pp-wisienka #opinie .c-3300aad{color:#FFFFFF}
html.pp-wisienka #opinie .c-0e34319{color:rgba(243,248,255,.55)}
/* postęp karuzeli: linijka, jedna kreska na opinię (pp-wisienka.js) */
html.pp-wisienka #opinie .c-88cf29a{align-items:center;gap:10px}
html.pp-wisienka #opinie .pw-postep{position:relative;height:10px;width:clamp(120px,14vw,200px);margin-right:14px}
html.pp-wisienka #opinie .pw-postep::before{--pw-l:rgba(159,188,236,.32);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,10))) 0 0/calc(100% + 1px) 7px no-repeat}
html.pp-wisienka #opinie .pw-postep i{position:absolute;left:0;top:0;height:3px;width:calc(100%/var(--pw-n,10));background:#FFFFFF;border-radius:2px;transform:translateX(calc(var(--pw-i,0)*100%));transition:transform .5s var(--pw-krzywa)}
@media (hover:hover) and (pointer:fine){html.pp-wisienka #opinie [data-carousel]{cursor:grab}}
html.pp-wisienka #opinie [data-carousel].pw-ciagnie{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}

/* ══ S6 TECHNOLOGIA: kadr na warstwach, etykiety z linią, pigułki 2×2 ══════════════════════════════════════ */
html.pp-wisienka #system-capron .c-2fcf6d1{position:relative;isolation:isolate}
html.pp-wisienka #system-capron .c-2fcf6d1::before{content:"";position:absolute;inset:0;transform:translate(14px,14px);border-radius:26px;z-index:-1;background:#173460}
html.pp-wisienka #system-capron .c-2fcf6d1::after{content:"";position:absolute;inset:0;transform:translate(26px,26px);border-radius:26px;z-index:-2;border:1.5px solid #D40A32}
html.pp-wisienka #system-capron .c-b890d3b{border-radius:24px;box-shadow:var(--pw-cien2)}
html.pp-wisienka #system-capron .c-a962e8c{transform:scale(1.18);transform-origin:40% 45%;transition:transform 1.4s var(--pw-krzywa)}
html.pp-wisienka #system-capron .c-b890d3b:hover .c-a962e8c{transform:scale(1.22)}
html.pp-wisienka #system-capron :is(.c-fd11bb7,.c-c34a3df){display:inline-flex;align-items:center;gap:9px;background:#FFFFFF;color:var(--pw-n);border:1px solid var(--pw-linia);
  box-shadow:0 10px 24px -14px rgba(8,34,74,.5);padding:8px 14px 8px 12px;font-size:.74rem;font-weight:600;letter-spacing:.01em}
html.pp-wisienka #system-capron :is(.c-fd11bb7,.c-c34a3df)::before{content:"";width:10px;height:10px;flex:none;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat}
html.pp-wisienka #system-capron .c-aa2a32f{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px}
html.pp-wisienka #system-capron .c-ffd55be{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px 11px 20px;border-color:var(--pw-linia2);
  transition:background .3s,color .3s,border-color .3s}
html.pp-wisienka #system-capron .c-ffd55be::after{content:"";width:14px;height:14px;flex:none;background:currentColor;opacity:.55;-webkit-mask:var(--pw-strz-uk) center/contain no-repeat;mask:var(--pw-strz-uk) center/contain no-repeat;transition:opacity .3s,transform .4s var(--pw-krzywa)}
html.pp-wisienka #system-capron .c-ffd55be:hover::after{opacity:1;transform:translate(2px,-2px)}

/* ══ S8 URZĄDZENIA: jedna scena produktowa, karta klikalna w całości ═══════════════════════════════════════ */
html.pp-wisienka #urzadzenia .c-e9e7e98{gap:22px}
html.pp-wisienka #urzadzenia .c-e09ede1{height:220px;border-bottom:0;isolation:isolate;background:radial-gradient(72% 64% at 50% 44%,#FFFFFF 0%,#F3F6FB 58%,#E9EEF7 100%)}
html.pp-wisienka #urzadzenia .c-e09ede1::after{content:"";position:absolute;left:26%;right:26%;bottom:44px;height:12px;border-radius:50%;z-index:0;
  background:radial-gradient(closest-side,rgba(8,34,74,.22),rgba(8,34,74,0));transition:transform .6s var(--pw-krzywa),opacity .6s}
html.pp-wisienka #urzadzenia :is(.c-2ac9e7e,.c-51af9a9){position:relative;z-index:1;mix-blend-mode:multiply;filter:brightness(1.025);width:auto;height:150px;max-width:86%;max-height:none;object-fit:contain;transition:transform .7s var(--pw-krzywa)}
html.pp-wisienka #urzadzenia .c-ad7586e:nth-child(3) .c-2ac9e7e{height:128px}
html.pp-wisienka #urzadzenia .c-ad7586e:hover :is(.c-2ac9e7e,.c-51af9a9){transform:translateY(-8px)}
html.pp-wisienka #urzadzenia .c-ad7586e:hover .c-e09ede1::after{transform:scaleX(.8);opacity:.7}
html.pp-wisienka #urzadzenia .c-dbb04d5{padding:20px 24px 24px;border-top:1px solid var(--pw-linia);gap:16px}
html.pp-wisienka #urzadzenia .c-66173ed{font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:1.08rem;letter-spacing:-.005em;line-height:1.35}
html.pp-wisienka #urzadzenia .pw-plus-txt{color:var(--pw-red);font-style:normal;font-weight:600}
html.pp-wisienka #urzadzenia .c-17423e7{border:0;padding:0;background:none;color:var(--pw-red);font-size:.9rem}
html.pp-wisienka #urzadzenia .c-17423e7:hover{background:none;color:var(--pw-red)}

/* ══ S15 NEWSLETTER I KATALOG ═══════════════════════════════════════════════════════════════════════════ */
html.pp-wisienka #newsletter .c-ab2ec8b{gap:24px}
html.pp-wisienka #newsletter .c-3066563{border-radius:26px;box-shadow:var(--pw-cien2)}
html.pp-wisienka #newsletter :is(.c-1dfaab7,.c-7119417){font-size:clamp(1.55rem,2.2vw,1.9rem);letter-spacing:-.015em}
html.pp-wisienka #newsletter :is(.c-cbbbe5d,.c-07985ce){box-sizing:border-box;height:52px;background:#F7F9FD;border-color:var(--pw-linia2);transition:border-color .25s,box-shadow .25s,background .25s}
html.pp-wisienka #newsletter :is(.c-cbbbe5d,.c-07985ce):focus{background:#FFFFFF;border-color:var(--pw-n);box-shadow:0 0 0 4px rgba(23,52,96,.09)}
html.pp-wisienka #newsletter .pp-zgoda .pp-tekst{max-width:70ch}
html.pp-wisienka #newsletter .c-f6b988c{border-radius:26px;background:#08224A;box-shadow:var(--pw-cien2)}
html.pp-wisienka #newsletter .c-f6b988c .pp-sc-foto{flex:0 0 42%;width:42%;max-width:none;min-width:0;object-position:50% 88%}
html.pp-wisienka #newsletter .c-f6b988c .pp-sc-tresc{justify-content:center}
/* okładka katalogu zamiast czerwonego prostokąta z kreskami */
html.pp-wisienka #newsletter .c-0710226{right:clamp(26px,4vw,52px);bottom:-14px;width:112px;height:150px;border-radius:4px 10px 10px 4px;background:#FFFFFF!important;
  box-shadow:inset 3px 0 0 rgba(8,34,74,.08),0 24px 40px -16px rgba(0,0,0,.6);transform:rotate(-8deg);transition:transform .6s var(--pw-krzywa)}
html.pp-wisienka #newsletter .c-f6b988c:hover .c-0710226{transform:rotate(-3deg) translateY(-6px)}
html.pp-wisienka #newsletter .c-0710226>div{display:none}
html.pp-wisienka #newsletter .c-0710226 img{position:absolute;left:14%;top:14%;width:68%;height:auto}
html.pp-wisienka #newsletter .c-0710226::before{content:"";position:absolute;left:14%;top:44%;width:13px;height:13px;background:var(--pw-red5);-webkit-mask:var(--pw-plus) center/contain no-repeat;mask:var(--pw-plus) center/contain no-repeat}
html.pp-wisienka #newsletter .c-0710226::after{--pw-l:rgba(23,52,96,.35);content:"";position:absolute;left:14%;right:14%;bottom:14%;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}

/* ══ AUDYT RESPONSYWNOŚCI 23.09 ══════════════════════════════════════════════════════════════════════════ */
/* tablet 761–999: dwie karty ścieżek i newsletter + katalog obok siebie dawały tekst po ~140 px (także przed oprawą) — jedna pod drugą */
@media (min-width:761px) and (max-width:999px){
  html.pp-wisienka #sciezki .c-a7b5a94{grid-template-columns:minmax(0,1fr)}
  html.pp-wisienka #newsletter .c-ab2ec8b{grid-template-columns:minmax(0,1fr)}
}
/* telefon: karty „Co daje Program” w rzędzie przewijanym w bok — widoczne od razu (odsłanianie przy przewijaniu nie obejmuje kart
   poza ekranem z prawej; pojawiały się dopiero po przesunięciu rzędu) */
@media (max-width:760px){
  html.pp-wisienka[data-anim] #filary .c-0d648c7[data-reveal]:not(.on){opacity:1;transform:none}
}
/* pola dotyku na telefonie: samodzielne linki tekstowe ≥ 44 px */
@media (max-width:760px){
  html.pp-wisienka main :is(a.c-bd0da09,#filary .c-54816b9 .c-9433fc0){display:inline-flex;align-items:center;min-height:44px}
}
/* logo na okładkach e-booka i katalogu: proporcja pliku SVG (wcześniej pudełko 160 × 48 przy SVG 223 × 115) */
html.pp-wisienka :is(#wiedza .pw-okladka img,#newsletter .c-0710226 img){object-fit:contain}
/* recenzja telefonu 23.09 (jak na podstronach): cudzysłów bliżej tekstu; na telefonie karta opinii o wysokości swojej opinii
   (krótkie cytaty miały 90–160 px pustego nad autorem) */
html.pp-wisienka #opinie .c-cc82284{transform:translateY(-16px);margin-bottom:-6px}
@media (max-width:760px){html.pp-wisienka #opinie .c-6da0db9{align-self:flex-start}}

/* ══ TELEFON I TABLET ═══════════════════════════════════════════════════════════════════════════════════ */
@media (max-width:899px){
  html.pp-wisienka #zespol .c-d3649c2{padding-bottom:0}
  html.pp-wisienka #zespol .c-942a27f{padding-bottom:0;order:-1}
  html.pp-wisienka #zespol .c-20257f4{flex-basis:100%;justify-content:center}
}
@media (max-width:760px){
  html.pp-wisienka{--pw-oddech:56px}
  html.pp-wisienka .pw-liczby .c-a5eb762{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}
  html.pp-wisienka .pw-liczby .c-e6c3b88{padding:18px 16px 18px 18px}
  html.pp-wisienka .pw-liczby .c-e6c3b88:nth-child(odd){border-left:0;padding-left:0}
  html.pp-wisienka .pw-liczby .c-e6c3b88:nth-child(n+3){border-top:1px solid var(--pw-linia-c)}
  html.pp-wisienka #sciezki .pp-sc-foto{flex:none;width:100%;aspect-ratio:4/3}
  html.pp-wisienka #sciezki .c-6f53e86 .pp-sc-foto{object-position:50% 10%}
  html.pp-wisienka #newsletter .c-f6b988c .pp-sc-foto{flex:none;width:100%;aspect-ratio:16/9}
  html.pp-wisienka #zespol .c-53d758c{grid-template-columns:1fr}
  html.pp-wisienka #zespol .c-1eb6745:nth-child(even){padding-left:0;border-left:0}
  html.pp-wisienka #zespol .pw-podpis{left:10px;right:auto;bottom:24px;max-width:calc(100% - 20px)}
  html.pp-wisienka #proces .c-d75fd1b{display:none}
  html.pp-wisienka #drabina .c-181b6b0{flex:none}
  /* urządzenia: siatka 2 × 2 zamiast czterech wysokich kart */
  html.pp-wisienka #urzadzenia .c-e9e7e98{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html.pp-wisienka #urzadzenia .c-e09ede1{height:138px;padding:10px}
  html.pp-wisienka #urzadzenia .c-e09ede1::after{bottom:14px;height:10px}
  html.pp-wisienka #urzadzenia :is(.c-2ac9e7e,.c-51af9a9){height:88px}
  html.pp-wisienka #urzadzenia .c-ad7586e:nth-child(3) .c-2ac9e7e{height:76px}
  html.pp-wisienka #urzadzenia .c-dbb04d5{padding:14px 14px 16px;gap:10px}
  html.pp-wisienka #urzadzenia .c-66173ed{font-size:.92rem}
  html.pp-wisienka #urzadzenia .c-17423e7{font-size:.82rem}
  /* katalog: okładka na dolnej krawędzi zdjęcia, nie na przycisku */
  html.pp-wisienka #newsletter .c-0710226{top:calc((100vw - 40px)*9/16 - 96px);bottom:auto;right:26px;width:84px;height:112px}
  html.pp-wisienka #system-capron .c-aa2a32f{grid-template-columns:1fr}
  html.pp-wisienka #system-capron .c-2fcf6d1::after{display:none}
  html.pp-wisienka #system-capron .c-2fcf6d1::before{transform:translate(10px,10px)}
}
@media (prefers-reduced-motion:reduce){
  html.pp-wisienka #proces .c-d75fd1b::after{transform:scaleX(1);transition:none}
}