/* ══ WISIENKA /wspolpraca — Program Partnerski w oprawie strony głównej (23.09.2026) ══════════════════════════
   Nakładka na zbudowaną stronę (pp_wisienka_wsp.py). Każda reguła żyje pod `html.pw-wsp` — strona ma sekcje o tych
   samych id co home (#filary, #drabina, #opinie), więc arkusz home tu nie wchodzi; tokeny są kopią z pp-wisienka.css.
   Ten sam system co na stronie głównej:
     1. TRZY TŁA — #08224A · #FFFFFF · #F3F8FF, sąsiednie sekcje nigdy na tym samym tle (wyjątek: dwie założycielki
        jako jeden granatowy rozdział); formularz rozmowy = granatowa kotwica na końcu strony.
     2. LINIA POMIAROWA — 1 px z podziałką co 8 px, co piąta kreska dłuższa: liczby, oś problemu, suwaki kalkulatora,
        schody, oś procesu, statystyki założycielek, postęp opinii.
     3. WĘZŁY I „+” MARKI — numery w węzłach na linii, „+” zamiast zielonych haczyków i czerwonych kresek przy nadtytułach.
     4. JEDNA CZERWIEŃ — #D40A32 na jasnym tle, #F00632 tylko na granacie; CTA w jednej rodzinie ze strzałką.
   STRONA POD TARGI (Magda 23.09: „na tę stronę będziemy kierować osoby na targach”) → wejścia z telefonu: zdjęcia
   filarów, korzyści, procesu i gabinetów po szkoleniu przewijane w bok zamiast słupka kadrów, kadry nagłówków 16:9,
   portrety założycielek przycięte, FAQ ciaśniej — ta sama treść, krótsza strona.
   ═════════════════════════════════════════════════════════════════════════════════════════════════════════ */

html.pw-wsp{
  --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(/zostan-partnerem/a/assets/wisienka/plantogram.svg);
}
html.pw-wsp :is(.pp-hero-wsp,#liczby,#siec,#zespol1,#zespol2,#kontakt-f,.pp-kalk-wynik,#kwalifikacja .c-cfed0db,#drabina [data-poziom="4"],#problem .c-5d716f8){--pw-red5:#F00632}

/* ── 1 · TŁA: sąsiednie sekcje zawsze na innym tle ─────────────────────────────────────────────────────── */
html.pw-wsp :is(#problem,#kalkulator,#drabina,#filary,#filar2,#filar4,#certyfikat,#opinie,#faq,#kalendarz){background:#FFFFFF}
html.pw-wsp :is(#kwalifikacja,#korzysci,#filar1,#filar3,#kroki,#quiz){background:var(--pw-blekit)}
html.pw-wsp :is(#liczby,#kontakt-f){background:#08224A}
html.pw-wsp main>section{position:relative}

/* ── 2 · TYPOGRAFIA ─────────────────────────────────────────────────────────────────────────────────────── */
html.pw-wsp main :is(.c-6505847,.c-4f39576,.c-9bd6c28){font-size:clamp(1.75rem,3.1vw,2.6rem);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}
html.pw-wsp main :is(h3,.c-712e41d){text-wrap:balance}
html.pw-wsp main :is(.c-072ea32,.c-664f26d,.c-e679470,.c-9e67024){gap:10px;font-size:.72rem;letter-spacing:.17em;color:var(--pw-n500)}
html.pw-wsp main :is(#zespol1,#zespol2,#kontakt-f,#siec) :is(.c-072ea32,.c-664f26d){color:var(--pw-b300)}
html.pw-wsp 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.pw-wsp main :is(.c-7306d78,.c-2b6de38){line-height:1.7;color:var(--pw-ink2)}
html.pw-wsp main strong{font-weight:600}

/* ── 3 · PRZYCISKI: jedna rodzina, strzałka z celem ─────────────────────────────────────────────────────── */
html.pw-wsp main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7){
  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-wsp main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-c36dd66,.c-a4ff0f7):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-wsp main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-a4ff0f7,.c-c36dd66){display:inline-flex;align-items:center;justify-content:center;gap:10px}
html.pw-wsp main .c-f3f5387:not(.pp-btn-kontur){font-size:.95rem}
html.pw-wsp main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-a4ff0f7,.c-c36dd66)::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-wsp main :is(.c-9433fc0,.c-2393c7e,.c-f3f5387:not(.pp-btn-kontur),.c-a4ff0f7,.c-c36dd66):hover::after{transform:translateX(4px)}
html.pw-wsp 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-wsp 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)}

/* ── 4 · ZDJĘCIA: jedna obróbka i jeden promień ─────────────────────────────────────────────────────────── */
html.pw-wsp main :is(.pp-gl-foto img,.c-44745df,.pp-f-szer){border-radius:22px;box-shadow:var(--pw-cien2)}
html.pw-wsp main .c-ddd2320{border-radius:16px;box-shadow:var(--pw-cien2)}
html.pw-wsp main :is(.pp-gl-foto img,.c-44745df,.c-ddd2320,.pp-f-kafel img,.pp-k img,.pp-f-szer img,.c-f96201b){filter:saturate(.9) contrast(1.03)}
html.pw-wsp main .pp-f-kafel{border-radius:20px;box-shadow:var(--pw-cien2)}
html.pw-wsp main .pp-f-kafel figcaption{font-size:.78rem;letter-spacing:.01em;padding:30px 16px 13px}

/* ── 5 · RUCH: jedna krzywa ─────────────────────────────────────────────────────────────────────────────── */
html.pw-wsp main [data-reveal]:not(.pp-mapa-anim){transition:opacity .7s var(--pw-krzywa),transform .7s var(--pw-krzywa)}

/* ══ HERO: kropki punktów → „+” marki ══════════════════════════════════════════════════════════════════════ */
html.pw-wsp .pp-hero-wsp .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}

/* ══ PROBLEM: trzy etapy na jednej osi — od ulgi do utraty zaufania (linia przechodzi z granatu w czerwień) ═══ */
html.pw-wsp #problem .c-f96745b{position:relative;gap:0 clamp(24px,3vw,48px);margin-top:clamp(34px,4vw,52px)}
html.pw-wsp #problem .c-afa7b66{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
html.pw-wsp #problem .c-fca74c6{position:relative;margin-bottom:18px}
html.pw-wsp #problem .c-e354e8b{display:none}
html.pw-wsp #problem .c-d66f642{position:relative;z-index:1;width:46px;height:46px;box-sizing:border-box;background:#FFFFFF;border:1.5px solid rgba(23,52,96,.34);
  font-family:'Prometo','Poppins',sans-serif;font-weight:500;font-size:.98rem;color:var(--pw-n)}
html.pw-wsp #problem .c-afa7b66:nth-child(2) .c-d66f642{border-color:rgba(160,40,80,.55)}
html.pw-wsp #problem .c-afa7b66:nth-child(3) .c-d66f642{background:#D40A32;border-color:#D40A32;color:#FFFFFF}
html.pw-wsp #problem .c-fcc714e{font-size:1.14rem;letter-spacing:-.01em;margin-bottom:8px}
html.pw-wsp #problem .c-c629ab1{font-size:.94rem;line-height:1.65;color:var(--pw-ink2)}
@media (min-width:761px){
  html.pw-wsp #problem .c-f96745b{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* oś: linia z podziałką pod węzłami, kolor narasta od granatu do czerwieni */
  html.pw-wsp #problem .c-f96745b::before{content:"";position:absolute;left:0;right:0;top:18px;height:10px;
    background:linear-gradient(90deg,rgba(23,52,96,.34),rgba(212,10,50,.75)) 0 4px/100% 1.5px no-repeat,
      repeating-linear-gradient(90deg,rgba(23,52,96,.22) 0 1px,transparent 1px 8px) 0 0/100% 5px no-repeat,
      repeating-linear-gradient(90deg,rgba(23,52,96,.28) 0 1px,transparent 1px 40px) 0 0/100% 10px no-repeat}
}
html.pw-wsp #problem .c-5d716f8{border-radius:26px;margin-top:clamp(34px,4vw,48px);padding:clamp(26px,3.4vw,44px) clamp(24px,3.6vw,48px);position:relative;overflow:hidden;isolation:isolate}
html.pw-wsp #problem .c-5d716f8::before{content:"";position:absolute;right:-40px;bottom:-120px;width:220px;aspect-ratio:264/674;transform:rotate(-18deg);z-index:-1;
  background:rgba(159,188,236,.07);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-wsp #problem>.c-af12d33{padding-bottom:clamp(88px,8.4vw,120px)}
html.pw-wsp #problem .c-9686c5e{font-family:'Prometo','Poppins',sans-serif;font-weight:500;letter-spacing:-.01em}

/* ══ LICZBY: linijka i cztery wartości jak w karcie pomiaru (jak na stronie głównej) ═══════════════════════ */
html.pw-wsp #liczby .c-a5eb762{position:relative;gap:0;padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(34px,3.8vw,52px)}
html.pw-wsp #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: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-wsp #liczby .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-wsp #liczby .c-e6c3b88:first-child{border-left:0;padding-left:0}
html.pw-wsp #liczby .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-wsp #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.pw-wsp #liczby .c-a0778ab{margin-top:14px;font-size:.84rem;letter-spacing:.03em;color:rgba(243,248,255,.6)}

/* ══ KALKULATOR: przyrząd — pod każdym suwakiem linijka z podziałką, wynik w kroju liczb ════════════════════ */
html.pw-wsp #kalkulator .pp-kalk-panel{border-radius:24px;border-color:var(--pw-linia);box-shadow:var(--pw-cien2)}
html.pw-wsp #kalkulator .pp-kalk-skala{position:relative;padding-top:12px;margin-top:6px}
html.pw-wsp #kalkulator .pp-kalk-skala::before{--pw-l:rgba(23,52,96,.26);content:"";position:absolute;left:0;right:0;top:0;height:9px;
  background:repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 8px) 0 0/100% 4px no-repeat,repeating-linear-gradient(90deg,var(--pw-l) 0 1px,transparent 1px 40px) 0 0/100% 8px no-repeat}
html.pw-wsp #kalkulator .pp-kalk-wynik{background:#08224A;border-radius:24px;position:relative;overflow:hidden;isolation:isolate;box-shadow:var(--pw-cien3)}
html.pw-wsp #kalkulator .pp-kalk-wynik::before{content:"";position:absolute;right:-50px;top:-70px;width:230px;aspect-ratio:264/674;transform:rotate(-16deg);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-wsp #kalkulator .pp-kalk-duza{font-weight:400;letter-spacing:-.03em;font-size:clamp(2rem,3.3vw,2.9rem)}
html.pw-wsp #kalkulator .pp-kalk-wynik-kick{letter-spacing:.17em}

/* ══ KWALIFIKACJA: „nie dla każdego” wycofane, „dla kogo” jako granatowa karta ════════════════════════════ */
html.pw-wsp #kwalifikacja .c-ddbc24a{gap:clamp(18px,2vw,26px)}
html.pw-wsp #kwalifikacja .c-dcee3e6{border-top:0;border-radius:24px;background:#FFFFFF;border:1px solid var(--pw-linia);box-shadow:var(--pw-cien1)}
html.pw-wsp #kwalifikacja .c-cfed0db{border:0;border-radius:24px;background:#08224A;box-shadow:var(--pw-cien3);position:relative;overflow:hidden;isolation:isolate}
html.pw-wsp #kwalifikacja .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-wsp #kwalifikacja .c-cfed0db .c-00061e6{color:#FFFFFF}
html.pw-wsp #kwalifikacja .c-cfed0db .c-fca9af9{color:rgba(243,248,255,.66)}
html.pw-wsp #kwalifikacja .c-f8aef3b{background:rgba(243,248,255,.06);border:1px solid rgba(159,188,236,.16);border-radius:16px}
html.pw-wsp #kwalifikacja .c-3777479{color:#FFFFFF}
html.pw-wsp #kwalifikacja .c-a3b1f54{border-radius:999px;background:#FFFFFF;color:var(--pw-n);box-shadow:none}
html.pw-wsp #kwalifikacja .c-561bd74{background:#FFFFFF;border:1px solid var(--pw-linia);border-radius:20px;box-shadow:var(--pw-cien1)}

/* ══ DRABINA (biel z siatką pomiarową): schody 0 → 4 jak na stronie głównej ══════════════════════════════════ */
html.pw-wsp #drabina{overflow:hidden}
html.pw-wsp #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-wsp #drabina .c-af12d33{position:relative;z-index:1}
html.pw-wsp #drabina .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) */
@media (min-width:1200px){
  html.pw-wsp #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.pw-wsp #drabina .c-181b6b0{flex:1 1 0;min-width:0;position:relative}
  html.pw-wsp #drabina .c-181b6b0>div[aria-hidden]{display:none}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="1"]{top:calc(-1*var(--pw-krok))}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="2"]{top:calc(-2*var(--pw-krok))}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="3"]{top:calc(-3*var(--pw-krok))}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="4"]{top:calc(-4*var(--pw-krok))}
  html.pw-wsp[data-anim] #drabina .c-181b6b0[data-reveal]:not(.on){opacity:0}
  html.pw-wsp #drabina .c-669746f{padding:18px 16px 40px;gap:6px}
  html.pw-wsp #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.pw-wsp #drabina .c-181b6b0[data-poziom="0"]::before{border-left:0}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="1"]::before{height:calc(1*var(--pw-krok))}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="2"]::before{height:calc(2*var(--pw-krok))}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="3"]::before{height:calc(3*var(--pw-krok))}
  html.pw-wsp #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.pw-wsp #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.pw-wsp #drabina .c-181b6b0[data-poziom="0"]::after{left:0}
  html.pw-wsp #drabina .c-181b6b0[data-poziom="4"]::after{right:0;--pw-l:rgba(212,10,50,.75)}
  html.pw-wsp[data-anim] #drabina .c-181b6b0:not(.on)::after{transform:scaleX(0)}
  html.pw-wsp #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.pw-wsp #drabina .c-131b3d5{margin-top:0;font-size:1.08rem}
  html.pw-wsp #drabina .c-f59ebfa{font-size:.88rem}
}
html.pw-wsp #drabina [data-poziom="4"] .c-669746f{background:#08224A;border-color:transparent;box-shadow:0 30px 56px -28px rgba(5,20,48,.7)}
html.pw-wsp #drabina [data-poziom="4"] .c-131b3d5{color:#FFFFFF}
html.pw-wsp #drabina [data-poziom="4"] .c-f59ebfa{color:rgba(243,248,255,.78)}
html.pw-wsp #drabina [data-poziom="4"] .c-88a3262{background:#D40A32;border-color:#D40A32;color:#FFFFFF;box-shadow:none}
html.pw-wsp #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 węzłami (schody od 1200 px) */
  html.pw-wsp #drabina .c-fa52ece{flex-direction:column;flex-wrap:nowrap;gap:10px;margin-top:30px;position:relative}
  html.pw-wsp #drabina .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-wsp #drabina .c-181b6b0{flex:none}
  html.pw-wsp #drabina .c-181b6b0>div[aria-hidden]{display:none}
  html.pw-wsp #drabina .c-669746f{display:grid;grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px;padding:14px 16px;align-items:start}
  html.pw-wsp #drabina .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-wsp #drabina :is(.c-131b3d5,.c-f59ebfa){grid-column:2;margin:0}
  html.pw-wsp #drabina [data-poziom="4"] .c-669746f::before{display:none}
}

/* ══ KORZYŚCI (błękit): sześć korzyści 3 × 2 na liniach z ikoną w węźle, kadry niżej w proporcji 16:10 ══════ */
html.pw-wsp #korzysci .c-9b0c0b1{gap:0 clamp(24px,3vw,44px);margin-top:clamp(30px,3.4vw,44px)}
@media (min-width:1000px){html.pw-wsp #korzysci .c-9b0c0b1{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:999px){html.pw-wsp #korzysci .c-9b0c0b1{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.pw-wsp #korzysci .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-wsp #korzysci .c-4e97e24>:not(.pw-ikona){grid-column:2}
html.pw-wsp #korzysci .c-4e97e24>.pw-ikona{grid-row:1/3}
html.pw-wsp #korzysci .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.pw-wsp #korzysci .c-4e97e24:hover .pw-ikona{background:var(--pw-n);color:#FFFFFF}
html.pw-wsp #korzysci .pw-ikona svg{width:23px;height:23px}
html.pw-wsp #korzysci .pw-ikona .pw-wezel{fill:#D40A32;stroke:none}
html.pw-wsp #korzysci .c-32ceabd{margin:0;font-size:1.1rem;padding-top:2px}
html.pw-wsp #korzysci .c-c629ab1{font-size:.92rem;color:var(--pw-ink2)}
html.pw-wsp #korzysci .pp-f-wew{margin-top:clamp(18px,2.4vw,30px)}
@media (min-width:701px){html.pw-wsp #korzysci .pp-f-kafel{aspect-ratio:16/10}}

/* ══ FILARY: nagłówek rozdziału + cztery filary z dużym numerem konturowym ═══════════════════════════════════ */
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-8600fe1{gap:16px;align-items:flex-end;margin-bottom:12px}
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .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-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-9e67024{margin:0 0 4px}
/* proces w filarze 1: linia z węzłami zamiast czterech kafelków */
html.pw-wsp #filar1 .pp-proces{gap:0 26px}
html.pw-wsp #filar1 .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-wsp #filar1 .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)}
/* listy korzyści: „+” marki zamiast zielonych haczyków */
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-116fdf7{width:18px;height:22px;flex:none;border-radius:0;color:transparent;font-size:0;background:#D40A32;
  -webkit-mask:var(--pw-plus) center/12px no-repeat;mask:var(--pw-plus) center/12px no-repeat}
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-d7430af{margin-bottom:10px;font-size:.96rem}
/* dopiski filarów (24.09, właściciel: „raz dopiski są w jakiejś formie, raz w innej”): jedna karta w filarze 1 i 3 —
   zdanie wiodące pogrubione, pod nim treść; tematy „Mocnego Startu” jako lista numerowana (wspolpraca_copy_pp.dopiski_filarow) */
html.pw-wsp .pp-filar-dopisek{background:#FFFFFF;border:1px solid var(--pw-linia);border-radius:20px;box-shadow:var(--pw-cien1);padding:20px 24px}
html.pw-wsp .pp-filar-dopisek .c-eb0a379{font-family:'Prometo','Poppins',sans-serif;font-weight:500;color:var(--pw-n);margin:0 0 6px}
html.pw-wsp .pp-filar-lista{margin:10px 0 0;padding:0;list-style:none;counter-reset:pwf;display:grid;gap:8px}
html.pw-wsp .pp-filar-lista li{counter-increment:pwf;position:relative;padding-left:32px;color:rgba(23,52,96,.78);font-size:.95rem;line-height:1.5}
html.pw-wsp .pp-filar-lista li::before{content:counter(pwf);position:absolute;left:0;top:0;width:22px;height:22px;box-sizing:border-box;border-radius:50%;
  border:1px solid var(--pw-linia2);color:var(--pw-n);font:500 .72rem/20px 'Prometo','Poppins',sans-serif;text-align:center}
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-7875492{gap:12px}
html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-0ac9a34{gap:12px}

/* ══ SIEĆ (granat): mapa i jej animacja jak w oryginale; pas logotypów jak na stronie głównej ═════════════════ */
html.pw-wsp #siec .pp-siec-liczby strong{font-family:'Prometo','Poppins',sans-serif;font-weight:400;font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-.03em}
html.pw-wsp #siec .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-wsp #siec .c-a218701:hover .c-309c543{animation-play-state:paused}

/* ══ CERTYFIKAT: karta gabinetu z wyszukiwarki jako przedmiot, korzyści z ikoną w węźle, gabinety po szkoleniu ══ */
html.pw-wsp #certyfikat .c-1f75dd8{border-radius:20px;border-color:var(--pw-linia);box-shadow:var(--pw-cien3)}
html.pw-wsp #certyfikat .c-167d239{width:46px;height:46px;box-sizing:border-box;border-radius:999px;background:#FFFFFF;border:1.5px solid var(--pw-linia2);color:var(--pw-n);box-shadow:0 8px 18px -12px rgba(8,34,74,.45)}
html.pw-wsp #certyfikat .c-774a40f{padding:12px 0;border-top:1px solid var(--pw-linia);margin:0}
html.pw-wsp #certyfikat .c-774a40f:first-child{border-top:0;padding-top:0}
html.pw-wsp #certyfikat .c-e3a3e59{font-size:1.04rem}
html.pw-wsp #certyfikat .pp-k{border-radius:20px;border-color:var(--pw-linia);box-shadow:var(--pw-cien1)}
@media (min-width:761px){
  html.pw-wsp #certyfikat .pp-cert-grid{align-items:stretch}
  html.pw-wsp #certyfikat .pp-cert-grid>:first-child{display:grid;place-content:center;justify-items:center;border-radius:24px;border:1px solid var(--pw-linia);padding:clamp(28px,3vw,44px);
    background:linear-gradient(rgba(23,52,96,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(23,52,96,.05) 1px,transparent 1px) 0 0/32px 32px,var(--pw-blekit)}
}
@media (min-width:1000px){html.pw-wsp #certyfikat .pp-k-siatka{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:999px){html.pw-wsp #certyfikat .pp-k-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}}
html.pw-wsp #certyfikat .pp-k-h3{font-family:'Prometo','Poppins',sans-serif;font-weight:500;letter-spacing:-.01em}

/* ══ KROKI (błękit): oś pionowa z podziałką, węzły jednej wielkości, cel w czerwieni ══════════════════════════ */
html.pw-wsp #kroki .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-wsp #kroki .c-a84b951:last-child .c-4837739{background:#D40A32;border-color:#D40A32;color:#FFFFFF}
html.pw-wsp #kroki .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-wsp #kroki .c-5692887{font-size:1.1rem;letter-spacing:-.01em}

/* ══ ZAŁOŻYCIELKI (granat): statystyki na linijce, liczby w kroju nagłówków ══════════════════════════════════ */
html.pw-wsp :is(#zespol1,#zespol2) .c-c276338{border-top:0;position:relative;padding-top:26px}
html.pw-wsp :is(#zespol1,#zespol2) .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-wsp :is(#zespol1,#zespol2) .c-debe9b9{font-weight:400;letter-spacing:-.03em;font-size:clamp(1.7rem,2.8vw,2.3rem)}
html.pw-wsp #zespol2{border-top:1px solid rgba(159,188,236,.12)}
html.pw-wsp :is(#zespol1,#zespol2) .c-1ad901f{color:var(--pw-b200);display:flex;align-items:center;gap:10px}
html.pw-wsp :is(#zespol1,#zespol2) .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}

/* ══ OPINIE (biel): cytaty w kroju nagłówków, krótkie większym stopniem, postęp jako linijka ═══════════════════ */
html.pw-wsp #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.pw-wsp #opinie .pp-karuzela{scroll-padding-inline:max(20px,calc((100vw - 1280px)/2 + clamp(20px,4vw,48px)))}
@media (min-width:1000px){
  html.pw-wsp #opinie .c-ae403fc{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto 1fr;column-gap:clamp(36px,4.6vw,72px);align-items:start}
  html.pw-wsp #opinie .c-ae403fc>.c-f2af03b{display:contents}
  html.pw-wsp #opinie .c-ae403fc .c-072ea32{grid-column:1;grid-row:1}
  html.pw-wsp #opinie .c-ae403fc .c-6505847{grid-column:1;grid-row:2}
  html.pw-wsp #opinie .c-ae403fc .pp-f-szer{grid-column:2;grid-row:1/4;margin:0}
  html.pw-wsp #opinie .c-88cf29a{grid-column:1;grid-row:3;align-self:end;justify-self:start;margin:0}
}
html.pw-wsp #opinie .c-6da0db9{flex-basis:min(100% - 8px,404px);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-wsp #opinie .c-6da0db9:hover{border-color:var(--pw-linia2);box-shadow:var(--pw-cien2)}
html.pw-wsp #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:#D40A32}
html.pw-wsp #opinie .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-wsp #opinie .pw-op-k .c-df8084a{font-size:1.3rem;line-height:1.42;color:var(--pw-n)}
html.pw-wsp #opinie .pw-op-d .c-df8084a{font-size:1rem}
html.pw-wsp #opinie .c-df8084a strong{font-weight:500;color:var(--pw-n)}
html.pw-wsp #opinie .c-ab8d838{margin-top:6px;padding-top:18px;border-top:1px solid var(--pw-linia)}
html.pw-wsp #opinie .c-88cf29a{align-items:center;gap:10px}
html.pw-wsp #opinie .pw-postep{position:relative;height:10px;width:clamp(120px,14vw,200px);margin-right:14px}
html.pw-wsp #opinie .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-wsp #opinie .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-wsp #opinie [data-carousel]{cursor:grab}}
html.pw-wsp #opinie [data-carousel].pw-ciagnie{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}

/* ══ QUIZ (błękit): karta-przyrząd, pasek postępu w pięciu odcinkach (pięć pytań) ════════════════════════════ */
html.pw-wsp #quiz .c-6dc4207{border-radius:26px;border-color:var(--pw-linia);box-shadow:var(--pw-cien2)}
html.pw-wsp #quiz .c-3edb592{position:relative;height:6px;background:#E4EDFA}
html.pw-wsp #quiz .c-3edb592::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 3px),#FFFFFF calc(20% - 3px) 20%);pointer-events:none}
html.pw-wsp #quiz .c-1b1ac3f{background:linear-gradient(90deg,#173460,#D40A32)}
html.pw-wsp #quiz .pp-quiz-opcja{border-radius:16px;transition:border-color .25s,background .25s}
html.pw-wsp #quiz .pp-quiz-opcja:hover{border-color:rgba(23,52,96,.34)}
html.pw-wsp #quiz .pp-quiz-opcja:has(input:checked){border-color:var(--pw-n);background:var(--pw-blekit)}

/* ══ FAQ: lista na liniach, „+” marki obraca się w „×” ════════════════════════════════════════════════════════ */
html.pw-wsp #faq .c-93f5684{box-shadow:none;border:1px solid var(--pw-linia2);border-radius:16px;transition:border-color .3s,box-shadow .3s}
html.pw-wsp #faq .c-93f5684[open]{border-color:rgba(23,52,96,.3);box-shadow:var(--pw-cien1)}
html.pw-wsp #faq .c-c24731c{padding:18px 22px;font-size:.98rem;line-height:1.4}
html.pw-wsp #faq .c-08ad9ea{position:relative;color:transparent;background:rgba(212,10,50,.08)}
html.pw-wsp #faq .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-wsp #faq .c-93f5684[open] .c-08ad9ea{transform:none}
html.pw-wsp #faq .c-93f5684[open] .c-08ad9ea::after{transform:rotate(45deg)}

/* ══ ROZMOWA (granat): kotwica strony — biała karta formularza na granacie ════════════════════════════════════ */
html.pw-wsp #kontakt-f{position:relative;overflow:hidden;isolation:isolate}
html.pw-wsp #kontakt-f::before{content:"";position:absolute;left:clamp(-120px,-6vw,-40px);bottom:-160px;width:clamp(240px,26vw,380px);aspect-ratio:264/674;transform:rotate(18deg);z-index:-1;
  background:rgba(159,188,236,.07);-webkit-mask:var(--pw-plantogram) center/contain no-repeat;mask:var(--pw-plantogram) center/contain no-repeat;pointer-events:none}
html.pw-wsp #kontakt-f .c-9bd6c28{color:#FFFFFF}
html.pw-wsp #kontakt-f .c-ed05b2d{color:rgba(243,248,255,.74)}
html.pw-wsp #kontakt-f .pp-form-kroki li{color:rgba(243,248,255,.74)}
html.pw-wsp #kontakt-f .pp-form-kroki strong{color:#FFFFFF}
html.pw-wsp #kontakt-f .pp-form-kroki li::before{background:transparent;border-color:rgba(159,188,236,.5);color:#FFFFFF;font-family:'Prometo','Poppins',sans-serif;font-weight:500}
html.pw-wsp #kontakt-f .c-899146f{background:rgba(240,6,50,.16);border-color:rgba(240,6,50,.5);color:#FFD6DE}
html.pw-wsp #kontakt-f .pp-form-miekki{color:rgba(243,248,255,.66)}
html.pw-wsp #kontakt-f .pp-form-miekki a{color:#FFFFFF}
html.pw-wsp #kontakt-f .c-38b9451{border:0;border-radius:26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
html.pw-wsp #kontakt-f .c-8999a0b{border-radius:12px;transition:border-color .25s,box-shadow .25s}
html.pw-wsp #kontakt-f .c-8999a0b:focus{outline:none;border-color:var(--pw-n);box-shadow:0 0 0 4px rgba(23,52,96,.1)}
html.pw-wsp #kontakt-f .pp-form-btn{width:100%}
/* 23.09 (właściciel: „za wąski, coś się rozwaliło”): poniżej 1000 px dwie kolumny po ~350 px ściskały formularz (pigułki w trzech
   rzędach, zgoda wąskim słupkiem) — tekst nad formularzem, formularz na pełną szerokość; na telefonie mniejszy margines karty */
@media (max-width:999px){
  html.pw-wsp #kontakt-f .c-3d3d459{grid-template-columns:minmax(0,1fr);gap:30px}
  html.pw-wsp #kontakt-f .c-38b9451{width:100%;max-width:680px;box-sizing:border-box}
}
/* 24.09 (właściciel: „wszystko po lewej stronie na desktop”): w oknie węższym niż 1000 px (np. pół ekranu 1920) tekst szedł na całą
   szerokość, a formularz 680 px przyklejał się do lewej z pustką po prawej — tekst i formularz w jednej wyśrodkowanej kolumnie */
@media (min-width:761px) and (max-width:999px){
  html.pw-wsp #kontakt-f .c-3d3d459{max-width:760px}
  html.pw-wsp #kontakt-f .c-38b9451{max-width:none}
}
/* 24.09 (2), właściciel: „nadal … nie ma wycentrowanego contentu (jest dobrze i się psuje)”: w jednej kolumnie (761–999 px: desktop
   ze skalowaniem 150 %, okno na pół ekranu) kolumna stała już na środku, ale nagłówek, lead i lista szły do lewej przy formularzu
   na całą szerokość — treść kolumny na środku, lista jako wyśrodkowany blok z punktami czytanymi od lewej. Od 1000 px tekst obok
   formularza wyrównany w pionie do jego środka (formularz jest o ~70 px wyższy, tekst wisiał u góry). */
@media (min-width:1000px){html.pw-wsp #kontakt-f .c-3d3d459{align-items:center}}
@media (min-width:761px) and (max-width:999px){
  html.pw-wsp #kontakt-f .c-3d3d459>div:first-child{text-align:center}
  html.pw-wsp #kontakt-f .c-3d3d459 .c-072ea32{justify-content:center}
  html.pw-wsp #kontakt-f .pp-form-kroki{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
}
@media (max-width:760px){
  html.pw-wsp #kontakt-f .c-38b9451{padding:24px 18px;border-radius:22px}
}
/* dolny pasek „Zadzwoń / Umów rozmowę” chowa się nad formularzem, quizem i kalendarzem — zasłaniał przycisk wysyłki
   (pp-wisienka.js ustawia html.pw-bez-paska, gdy któraś z tych sekcji jest na ekranie) */
html.pw-wsp.pw-bez-paska .pp-pasek-dol.pp-widoczny{transform:translateY(calc(var(--pp-vv) + 130%));pointer-events:none}

@media (min-width:1000px){
  html.pw-wsp :is(#kalkulator .c-2141e9a,#kontakt-f .c-3d3d459,#kalendarz .c-1b0f796){max-width:1376px}
  html.pw-wsp #kalendarz .c-66f8e86{max-width:1016px}
  /* proces: oś po lewej, cztery kadry 2 × 2 po prawej (było: oś na 1016 px i rząd kadrów pod nią) */
  html.pw-wsp #kroki .c-8139d52{max-width:1376px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,5vw,80px);align-items:start}
  html.pw-wsp #kroki .c-8139d52>.c-f2af03b{grid-column:1/-1;grid-row:1}
  html.pw-wsp #kroki .c-ac0d34a{grid-column:1;grid-row:2}
  html.pw-wsp #kroki .c-8139d52>.pp-f-wew{grid-column:2;grid-row:2;margin-top:44px}
  html.pw-wsp #kroki .pp-f-rzad.pp-f-n4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html.pw-wsp #kroki .pp-kroki-cta{grid-column:1/-1;grid-row:3}
}

/* ══ KALENDARZ ════════════════════════════════════════════════════════════════════════════════════════════ */
html.pw-wsp #kalendarz .c-66f8e86{border-radius:24px;border-color:var(--pw-linia);box-shadow:var(--pw-cien1)}

/* ══ TABLET I TELEFON: kadry nagłówków 16:9 (4:3 na pełną szerokość zabierało ~420 px na 768) ════════════════════ */
@media (max-width:999px){html.pw-wsp main .pp-gl-foto img{aspect-ratio:16/9;object-position:50% 30%}}

/* ══ AUDYT RESPONSYWNOŚCI 23.09 ══════════════════════════════════════════════════════════════════════════ */
html.pw-wsp main :is(p,li,h1,h2,h3,h4,dd,dt,td,th,figcaption,summary){overflow-wrap:break-word}
@media (max-width:379px){
  html.pw-wsp :is(#zespol1,#zespol2) .c-c276338{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.pw-wsp :is(#zespol1,#zespol2) .c-c276338>:nth-child(3){grid-column:1/-1}
}
/* suwaki kalkulatora: pole dotyku 28 px (było 6 px — sama kreska), ta sama cienka linia pośrodku */
@media (max-width:760px){
  html.pw-wsp #kalkulator .pp-kalk-suwak{height:32px;background-size:100% 6px;background-position:0 50%;background-repeat:no-repeat}
}
/* recenzja telefonu 23.09 (jak na podstronach, pp-wisienka-sys.css 15j): cudzysłów bliżej tekstu, logo podomed czytelne na granacie,
   karta opinii o wysokości swojej opinii, podkreślenie linku pod mapą przy tekście, przycisk kalkulatora w jednym wierszu */
html.pw-wsp #opinie .c-cc82284{transform:translateY(-16px);margin-bottom:-6px}
html.pw-wsp .pp-siec .c-f53f514[src*="/podomed."]{filter:grayscale(1) invert(1) brightness(1.4)}
@media (max-width:760px){
  html.pw-wsp #opinie [data-carousel] .c-6da0db9{align-self:flex-start}
  html.pw-wsp 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}
}
@media (max-width:420px){
  html.pw-wsp .pp-kalk-cta .c-2393c7e{padding-inline:18px;font-size:.88rem}
}

/* ══ TELEFON: strona pod targi — grupy kadrów i kart przewijane w bok, kadry nagłówków 16:9 ═══════════════════ */
@media (max-width:760px){
  html.pw-wsp main :is(.c-6505847,.c-4f39576,.c-9bd6c28){font-size:1.72rem}
  /* rzędy przewijane w bok: karta 78 % szerokości, widać brzeg następnej */
  html.pw-wsp :is(#korzysci .pp-f-rzad,#kroki .pp-f-rzad,#certyfikat .pp-k-siatka,#filar1 .c-7875492,#filar2 .c-7875492,#filar3 .c-7875492,#filar4 .c-7875492){
    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-wsp :is(#korzysci .pp-f-rzad,#kroki .pp-f-rzad,#certyfikat .pp-k-siatka,#filar1 .c-7875492,#filar2 .c-7875492,#filar3 .c-7875492,#filar4 .c-7875492)::-webkit-scrollbar{display:none}
  html.pw-wsp :is(#korzysci,#kroki) .pp-f-rzad>.pp-f-kafel{grid-column:auto;aspect-ratio:4/3;display:block;scroll-snap-align:start;box-shadow:none}
  html.pw-wsp #certyfikat .pp-k{scroll-snap-align:start;box-shadow:none}
  html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) :is(.c-0ac9a34,.c-0ac9a34>div){display:contents}
  html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .pp-kol-kadr img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;box-shadow:none;border-radius:18px}
  html.pw-wsp :is(#filar1,#filar2,#filar3,#filar4) .c-d66f642{font-size:3rem}
  /* kadry filarów 2 i 4 pod tekstem — inaczej pas zdjęć filaru 1 stykał się z pasem filaru 2 (3 z 4) */
  html.pw-wsp :is(#filar2,#filar4) .c-67fb2aa{order:1}
  html.pw-wsp :is(.pp-kalk-reset,.pp-siec-link,.pp-form-miekki a){display:inline-flex;align-items:center;min-height:44px}
  html.pw-wsp #problem>.c-af12d33{padding-bottom:64px}
  /* problem: oś pionowa z węzłami zamiast trzech kart */
  html.pw-wsp #problem .c-f96745b{gap:0;margin-top:26px;position:relative}
  html.pw-wsp #problem .c-f96745b::before{content:"";position:absolute;left:22px;top:24px;bottom:30px;width:1.5px;background:linear-gradient(180deg,rgba(23,52,96,.3),rgba(212,10,50,.75))}
  html.pw-wsp #problem .c-afa7b66{display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding:0 0 20px}
  html.pw-wsp #problem .c-fca74c6{grid-row:1/3;margin:0}
  html.pw-wsp #problem :is(.c-fcc714e,.c-c629ab1){grid-column:2}
  html.pw-wsp #problem .c-fcc714e{margin:10px 0 4px;font-size:1.06rem}
  html.pw-wsp #problem .c-5d716f8{margin-top:10px;gap:18px}
  /* liczby 2 × 2 */
  html.pw-wsp #liczby .c-a5eb762{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}
  html.pw-wsp #liczby .c-e6c3b88{padding:18px 16px 18px 18px}
  html.pw-wsp #liczby .c-e6c3b88:nth-child(odd){border-left:0;padding-left:0}
  html.pw-wsp #liczby .c-e6c3b88:nth-child(n+3){border-top:1px solid var(--pw-linia-c)}
  /* korzyści: lista zwarta */
  html.pw-wsp #korzysci .c-4e97e24{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:16px 0 18px}
  html.pw-wsp #korzysci .pw-ikona{width:40px;height:40px}
  html.pw-wsp #korzysci .pw-ikona svg{width:20px;height:20px}
  html.pw-wsp #korzysci .c-32ceabd{font-size:1.02rem}
  /* założycielki: portret przycięty do twarzy i ramion */
  html.pw-wsp :is(#zespol1,#zespol2) .c-f96201b{aspect-ratio:4/3;object-fit:cover;object-position:50% 18%}
  html.pw-wsp :is(#zespol1,#zespol2) .c-c276338{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  html.pw-wsp :is(#zespol1,#zespol2) .c-debe9b9{font-size:1.5rem}
  /* FAQ ciaśniej */
  html.pw-wsp #faq .c-be47b2a{gap:10px;margin-top:28px}
  html.pw-wsp #faq .c-c24731c{padding:14px 16px;font-size:.94rem}
  html.pw-wsp #opinie .c-6da0db9{padding:26px 22px 22px}
}
@media (prefers-reduced-motion:reduce){
  html.pw-wsp #drabina .c-181b6b0::after{transition:none}
}