/* =====================================================================
   ProFlow, klocki sekcji dla podstron budowanych w Elementorze (2026-09-30)
   Wzorzec: strona glowna 6449. Kazdy tekst i przycisk to zwykly widzet Elementora,
   wyglad nadaja klasy wpisane w Zaawansowane > Klasy CSS:
     sekcja:  pf-sek, pf-warstwa, pf-zimna, pf-ciemna, pf-waska, pf-hero
     kolumna: pf-karta, pf-karta-akcent, pf-karta-ciemna, pf-slot, pf-krok, pf-liczba, pf-cena
     widzet:  pf-nadtytul, pf-lead, pf-srodek, pf-btn-ghost, pf-btn-jasny, pf-link, pf-wideo,
              pf-lista, pf-lista-minus, pf-faq, pf-duza-liczba
   Kontrast liczony wobec najtrudniejszego tla, na ktorym klasa wystepuje (tabela na dole).
   ===================================================================== */

/* ---------- sekcje ---------- */
.elementor-section.pf-sek{padding:104px 0}
.elementor-section.pf-sek.pf-waska{padding:56px 0}
@media(max-width:760px){.elementor-section.pf-sek{padding:66px 0}.elementor-section.pf-sek.pf-waska{padding:40px 0}}
.elementor-section.pf-sek>.elementor-container{max-width:1200px;padding:0 32px}
@media(max-width:600px){.elementor-section.pf-sek>.elementor-container{padding:0 20px}}
.elementor-section.pf-sek .elementor-inner-section>.elementor-container{max-width:none;padding:0}
.pf-warstwa{background-color:var(--pf-warstwa)!important;border-top:1px solid var(--pf-linia);border-bottom:1px solid var(--pf-linia)}
.pf-zimna{background-color:var(--pf-warstwa-zimna)!important;border-top:1px solid #D5EAF5;border-bottom:1px solid #D5EAF5}
.pf-ciemna{background:linear-gradient(180deg,#003142 0%,#003A4D 55%,#002B3A 100%)!important}
.pf-sek .elementor-column>.elementor-widget-wrap{padding:0}
.pf-sek .elementor-inner-section{margin-top:44px}
.pf-sek .elementor-inner-section:first-child{margin-top:0}
.pf-sek .elementor-widget:not(:last-child){margin-bottom:0}

/* ---------- glowa sekcji ---------- */
.pf-nadtytul .elementor-heading-title,.pf-nadtytul p{font-family:var(--pf-tekstowy)!important;font-size:13px!important;
  font-weight:500!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--pf-drugi)!important;margin:0 0 16px!important;line-height:1.4!important}
.pf-sek .elementor-widget-heading h1,.pf-sek .elementor-widget-heading h2{color:var(--pf-tekst);margin:0 0 18px}
.pf-sek .elementor-widget-heading h3{color:var(--pf-tekst);margin:0 0 10px}
.pf-lead,.pf-lead p{font-size:19px;line-height:1.55;color:var(--pf-akapit)}
.pf-lead p:last-child{margin-bottom:0}
.pf-sek .elementor-widget-text-editor{color:var(--pf-akapit)}
.pf-srodek{text-align:center;margin-left:auto!important;margin-right:auto!important;max-width:62ch}
.pf-srodek .elementor-heading-title,.pf-srodek p{text-align:center}
.pf-glowa{max-width:62ch}

/* ---------- przyciski i linki ---------- */
.pf-sek .elementor-widget-button{margin-top:30px}
.pf-sek .elementor-widget-button.elementor-widget__width-auto{margin-right:14px}
.pf-btn-ghost .elementor-button{background-color:transparent!important;color:var(--pf-tekst)!important;border:1px solid var(--pf-kontrolka)!important}
.pf-btn-ghost .elementor-button:hover,.pf-btn-ghost .elementor-button:focus{background-color:transparent!important;color:var(--pf-tekst)!important;border-color:var(--pf-fokus)!important}
.pf-btn-jasny .elementor-button{background-color:#FFFFFF!important;color:var(--pf-gleboki)!important;border-color:#FFFFFF!important}
.pf-btn-jasny .elementor-button:hover,.pf-btn-jasny .elementor-button:focus{background-color:#EAF6FB!important;color:var(--pf-gleboki)!important;border-color:#EAF6FB!important}
.pf-link .elementor-button{background:none!important;border:0!important;padding:10px 0!important;color:var(--pf-roboczy)!important;font-weight:500}
.pf-link .elementor-button:hover,.pf-link .elementor-button:focus{background:none!important;color:var(--pf-gleboki)!important;text-decoration:underline}
.pf-link .elementor-button-text::after{content:" \2192"}

/* ---------- hero ---------- */
.pf-hero .elementor-inner-section>.elementor-container{align-items:center;gap:56px}
.pf-hero .elementor-widget-heading h1{margin-bottom:22px}
.pf-wideo .elementor-wrapper,.pf-wideo .elementor-custom-embed-image-overlay{border-radius:12px;overflow:hidden;
  box-shadow:0 30px 60px -30px rgba(0,49,66,.45);border:1px solid var(--pf-linia)}
@media(max-width:1024px){.pf-hero .elementor-inner-section>.elementor-container{gap:36px}}

/* ---------- karty ---------- */
.pf-sek .elementor-inner-section.pf-siatka>.elementor-container{gap:24px;flex-wrap:wrap}
.pf-karta>.elementor-widget-wrap,.pf-karta-akcent>.elementor-widget-wrap,.pf-karta-ciemna>.elementor-widget-wrap,
.pf-cena>.elementor-widget-wrap{padding:28px 28px 26px!important;border-radius:12px;align-content:flex-start}
.pf-karta>.elementor-widget-wrap{background:#FFFFFF;border:1px solid var(--pf-linia)}
.pf-karta-akcent>.elementor-widget-wrap{background:#FFFFFF;border:2px solid var(--pf-gleboki)}
.pf-siatka .elementor-column{flex:1 1 0;min-width:0}
.pf-siatka.pf-trzy .elementor-column{flex:1 1 calc(33.333% - 24px)}
@media(max-width:900px){.pf-siatka .elementor-column,.pf-siatka.pf-trzy .elementor-column{flex:1 1 calc(50% - 24px)}}
@media(max-width:600px){.pf-siatka .elementor-column,.pf-siatka.pf-trzy .elementor-column{flex:1 1 100%}}
.pf-karta p,.pf-karta-akcent p{font-size:16px;line-height:1.55;color:var(--pf-akapit)}
.pf-karta p:last-child,.pf-karta-akcent p:last-child{margin-bottom:0}

/* ---------- pasmo ciemne ---------- */
.pf-ciemna .elementor-heading-title,.pf-ciemna h2,.pf-ciemna h3{color:#FFFFFF!important}
.pf-ciemna .elementor-widget-text-editor,.pf-ciemna p,.pf-ciemna li{color:#CFE5EF!important}
.pf-ciemna .pf-nadtytul .elementor-heading-title,.pf-ciemna .pf-nadtytul p{color:#A8CFE0!important}
.pf-karta-ciemna>.elementor-widget-wrap{background:rgba(255,255,255,.06);border:1px solid rgba(207,229,239,.28)}
.pf-ciemna .pf-link .elementor-button{color:#FFFFFF!important}
.pf-ciemna .pf-link .elementor-button:hover,.pf-ciemna .pf-link .elementor-button:focus{color:#FFFFFF!important}

/* ---------- liczby ---------- */
.pf-liczba>.elementor-widget-wrap{padding:6px 24px 6px 0!important;border-left:0}
.pf-liczba+.pf-liczba>.elementor-widget-wrap{padding-left:24px!important;border-left:1px solid var(--pf-linia)}
@media(max-width:900px){.pf-liczba>.elementor-widget-wrap,.pf-liczba+.pf-liczba>.elementor-widget-wrap{border-left:0;padding-left:0!important}}
.pf-duza-liczba .elementor-heading-title{font-family:var(--pf-naglowek)!important;font-size:39px!important;font-weight:700!important;
  line-height:1.05!important;color:var(--pf-gleboki)!important;margin:0 0 8px!important}
.pf-liczba p{font-size:15px;line-height:1.45;color:var(--pf-akapit);margin:0}

/* ---------- kroki ---------- */
.pf-kroki{counter-reset:pfkrok}
.pf-krok>.elementor-widget-wrap{padding:26px 24px!important;border-top:3px solid var(--pf-gleboki);background:#FFFFFF;border-radius:0 0 12px 12px;
  box-shadow:0 1px 0 var(--pf-linia),0 0 0 1px var(--pf-linia) inset}
.pf-krok .elementor-widget-heading h3::before{counter-increment:pfkrok;content:counter(pfkrok,decimal-leading-zero);display:block;
  font-family:var(--pf-tekstowy);font-size:13px;font-weight:600;letter-spacing:.07em;color:var(--pf-gleboki);margin-bottom:10px}
.pf-krok p{font-size:16px;line-height:1.55;color:var(--pf-akapit)}
.pf-krok p:last-child{margin-bottom:0}

/* ---------- listy ---------- */
.pf-lista .elementor-icon-list-item{align-items:flex-start!important;padding:5px 0!important}
.pf-lista .elementor-icon-list-icon{margin-top:.28em}
.pf-lista .elementor-icon-list-icon i,.pf-lista .elementor-icon-list-icon svg{color:var(--pf-gleboki)!important;fill:var(--pf-gleboki)!important;font-size:15px}
.pf-lista .elementor-icon-list-text{color:var(--pf-tekst)!important;font-size:16.5px;line-height:1.5}
.pf-lista-minus .elementor-icon-list-icon i,.pf-lista-minus .elementor-icon-list-icon svg{color:var(--pf-drugi)!important;fill:var(--pf-drugi)!important}
.pf-lista-minus .elementor-icon-list-text{color:var(--pf-akapit)!important}

/* ---------- miejsce na zrzut ekranu ProFlow ---------- */
.pf-slot>.elementor-widget-wrap{min-height:340px;border:2px dashed #9AA5AD;border-radius:12px;background:var(--pf-warstwa);
  position:relative;align-items:center;justify-content:center}
.pf-slot>.elementor-widget-wrap::after{content:"Miejsce na zrzut ekranu ProFlow";font-size:15px;color:var(--pf-drugi);
  position:absolute;inset:auto 0 auto 0;text-align:center;pointer-events:none}
.pf-slot:has(img[src]:not([src$="placeholder.png"]))>.elementor-widget-wrap{border:0;background:none;min-height:0}
.pf-slot:has(img[src]:not([src$="placeholder.png"]))>.elementor-widget-wrap::after{display:none}
.pf-slot img[src$="placeholder.png"]{display:none}
.pf-slot img{border-radius:12px;box-shadow:0 30px 60px -30px rgba(0,49,66,.4);border:1px solid var(--pf-linia)}

/* ---------- cena ---------- */
.pf-cena>.elementor-widget-wrap{background:#FFFFFF;border:1px solid var(--pf-linia);box-shadow:0 30px 60px -40px rgba(0,49,66,.35);
  max-width:760px;margin:0 auto;padding:48px 44px!important}
@media(max-width:600px){.pf-cena>.elementor-widget-wrap{padding:32px 22px!important}}
.pf-cena .pf-duza-liczba .elementor-heading-title{font-size:clamp(34px,5vw,50px)!important}

/* ---------- FAQ ---------- */
.pf-faq .elementor-accordion-item{border:0!important;border-bottom:1px solid var(--pf-linia)!important}
.pf-faq .elementor-accordion-item:first-child{border-top:1px solid var(--pf-linia)!important}
.pf-faq .elementor-tab-title{padding:20px 4px!important;background:none!important;color:var(--pf-tekst)!important}
.pf-faq .elementor-tab-title a{color:var(--pf-tekst)!important}
.pf-faq .elementor-accordion-icon i,.pf-faq .elementor-accordion-icon svg{color:var(--pf-gleboki)!important;fill:var(--pf-gleboki)!important}
.pf-faq .elementor-tab-content{border:0!important;padding:0 4px 22px!important;color:var(--pf-akapit)!important;font-size:16.5px;line-height:1.6}
.pf-faq .elementor-tab-content p:last-child{margin-bottom:0}

/* ---------- poprawki po pierwszych zrzutach, 2026-09-30 ---------- */
/* wiersz z kolumnami, ktory nie jest siatka kart (hero, FAQ, tekst plus obraz): odstep miedzy kolumnami */
.pf-sek .elementor-inner-section:not(.pf-siatka)>.elementor-container{gap:48px}
@media(max-width:1024px){.pf-sek .elementor-inner-section:not(.pf-siatka)>.elementor-container{gap:32px}}
/* link obok przycisku w tym samym rozmiarze co przycisk */
.pf-link .elementor-button{font-size:16px!important}
/* cztery karty w rzedzie: wezszy margines wewnetrzny, zeby tekst nie lamal sie co dwa slowa */
.pf-siatka:not(.pf-trzy) .pf-karta>.elementor-widget-wrap,.pf-siatka:not(.pf-trzy) .pf-karta-ciemna>.elementor-widget-wrap,
.pf-siatka .pf-krok>.elementor-widget-wrap{padding:24px 20px 22px!important}

/* ---------- wyrozniki na panelu (inny ksztalt niz karty krokow), 2026-09-30 ---------- */
.pf-sek .elementor-inner-section.pf-panel{margin-top:56px;margin-bottom:0}
.pf-sek .elementor-inner-section.pf-panel>.elementor-container{background:var(--pf-warstwa-zimna);border:1px solid #D5EAF5;border-bottom:0;
  border-radius:12px 12px 0 0;padding:28px 36px 0}
.pf-sek .elementor-inner-section.pf-panel .pf-nadtytul .elementor-heading-title{margin-bottom:0!important}
.pf-sek .elementor-inner-section.pf-panel-wiersz{margin-top:0}
.pf-sek .elementor-inner-section.pf-panel-wiersz>.elementor-container{background:var(--pf-warstwa-zimna);border:1px solid #D5EAF5;border-top:0;
  border-radius:0 0 12px 12px;padding:18px 36px 30px;gap:0}
.pf-wyroznik>.elementor-widget-wrap{padding:6px 28px 6px 0!important;background:none}
.pf-wyroznik+.pf-wyroznik>.elementor-widget-wrap{padding-left:28px!important;border-left:1px solid #C5DFEC}
.pf-wyroznik p{font-size:16px;line-height:1.55;color:var(--pf-akapit)}
.pf-wyroznik p:last-child{margin-bottom:0}
@media(max-width:900px){.pf-wyroznik+.pf-wyroznik>.elementor-widget-wrap{border-left:0;padding-left:0!important;padding-top:20px!important;border-top:1px solid #C5DFEC}
  .pf-sek .elementor-inner-section.pf-panel-wiersz .elementor-column{flex:1 1 100%}}
/* #39434A na #EDF8FD 9,37; #4F5459 nadtytul na #EDF8FD 7,08 */

/* =====================================================================
   Klocki wybrane przez Anie 2026-09-30 z artefaktu wariantow (1A 2A 3B 4A 5A 6A 7A)
   ===================================================================== */
.pf-ukryte{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- 1A: wielkie cyfry na osi (wiersz pf-os, kolumny pf-os-krok) ---------- */
.pf-os{counter-reset:pfos;position:relative}
.pf-os>.elementor-container{position:relative;gap:0!important}
.pf-os>.elementor-container::before{content:"";position:absolute;left:0;right:0;top:94px;height:2px;background:#D5DEE4}
.pf-os-krok>.elementor-widget-wrap{padding:0 22px 0 0!important;display:block}
.pf-os-krok>.elementor-widget-wrap::before{counter-increment:pfos;content:counter(pfos,decimal-leading-zero);display:block;
  font-family:var(--pf-naglowek);font-weight:800;font-size:96px;line-height:.9;letter-spacing:-.03em;color:#D4E4EC}
.pf-os-krok .elementor-widget-heading h3::before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#FFFFFF;
  border:3px solid var(--pf-gleboki);margin:-3px 0 18px;position:relative;z-index:1}
.pf-os-krok:last-child .elementor-widget-heading h3::before{background:var(--pf-gleboki)}
.pf-os-krok p{font-size:15.5px;line-height:1.5;color:var(--pf-akapit);margin:6px 0 0}
@media(max-width:900px){.pf-os>.elementor-container{flex-wrap:wrap;row-gap:32px}.pf-os>.elementor-container::before{display:none}
  .pf-os-krok{flex:1 1 50%!important}.pf-os-krok>.elementor-widget-wrap::before{font-size:72px}}
@media(max-width:520px){.pf-os-krok{flex:1 1 100%!important}}

/* ---------- 2A: ciemny panel ze stosem zgloszen (wiersz pf-panel-ciemny) ---------- */
.pf-sek .elementor-inner-section.pf-panel-ciemny>.elementor-container{background:linear-gradient(170deg,#003142 0%,#003A4D 55%,#002B3A 100%);
  border-radius:22px;padding:52px 48px!important;gap:44px;align-items:center;position:relative;overflow:hidden}
.pf-panel-ciemny>.elementor-container::before{content:"";position:absolute;right:-140px;top:-140px;width:480px;height:480px;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 44px,rgba(168,207,224,.12) 44px 45px);pointer-events:none}
.pf-panel-ciemny .elementor-column{position:relative;z-index:1}
.pf-panel-ciemny .elementor-heading-title,.pf-panel-ciemny h2{color:#FFFFFF!important}
.pf-panel-ciemny .pf-lead,.pf-panel-ciemny .pf-lead p{color:#CFE5EF!important}
.pf-panel-ciemny .pf-nadtytul .elementor-heading-title{color:#A8CFE0!important}
@media(max-width:900px){.pf-sek .elementor-inner-section.pf-panel-ciemny>.elementor-container{padding:32px 22px!important;flex-wrap:wrap}
  .pf-panel-ciemny .elementor-column{flex:1 1 100%}}
.pf-stos{display:grid}
.pf-zgl{display:flex;align-items:center;gap:14px;background:#FFFFFF;border:1px solid var(--pf-linia);border-radius:12px;padding:13px 16px;
  box-shadow:0 18px 34px -20px rgba(0,0,0,.55)}
.pf-stos .pf-zgl+.pf-zgl{margin-top:-8px}
.pf-stos .pf-zgl:nth-child(1){transform:rotate(-1.6deg) translateX(10px);position:relative;z-index:1}
.pf-stos .pf-zgl:nth-child(2){transform:rotate(1deg) translateX(-4px);position:relative;z-index:2}
.pf-stos .pf-zgl:nth-child(3){transform:rotate(-.5deg);position:relative;z-index:3;border:2px solid var(--pf-sygnal)}
@media(max-width:600px){.pf-stos .pf-zgl{transform:none!important}.pf-stos .pf-zgl+.pf-zgl{margin-top:10px}}
.pf-koperta{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--pf-sygnal);display:grid;place-items:center}
.pf-koperta svg{width:18px;height:18px}
.pf-zgl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.3}
.pf-kolejka{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--pf-gleboki)}
.pf-zgl-t b{font-family:var(--pf-naglowek);font-weight:700;font-size:16px;color:var(--pf-tekst)}
.pf-kto{font-size:13.5px;color:var(--pf-drugi)}
.pf-odznaka{flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;color:#FFFFFF;white-space:nowrap}
.pf-o-nowe{background:#005A80}.pf-o-toku{background:#714D07}.pf-o-czeka{background:#4F5459}.pf-o-zamk{background:#0C5F46}.pf-o-pilne{background:#A71717}

/* ---------- 3B: przyklejony naglowek i lista 01-06 (kolumny pf-przyklejona, pf-num6) ---------- */
.pf-przyklejona>.elementor-widget-wrap{position:sticky;top:120px;align-self:flex-start;display:block}
.pf-num6{counter-reset:pfn6}
.pf-num6>.elementor-widget-wrap{display:block}
.pf-num6 .elementor-widget-heading{border-top:1px solid #C5DFEC;padding-top:22px}
.pf-num6 .elementor-widget-heading h3{position:relative;padding-left:88px;margin:0!important}
.pf-num6 .elementor-widget-heading h3::before{counter-increment:pfn6;content:counter(pfn6,decimal-leading-zero);position:absolute;left:0;top:-4px;
  font-family:var(--pf-naglowek);font-weight:800;font-size:38px;line-height:1;color:var(--pf-gleboki)}
.pf-num6 .elementor-widget-text-editor{padding:4px 0 22px 88px}
.pf-num6 .elementor-widget-text-editor:last-child{border-bottom:1px solid #C5DFEC}
.pf-num6 p{font-size:16px;line-height:1.55;color:var(--pf-akapit);margin:0}
@media(max-width:900px){.pf-przyklejona>.elementor-widget-wrap{position:static}
  .pf-num6 .elementor-widget-heading h3{padding-left:60px}.pf-num6 .elementor-widget-text-editor{padding-left:60px}
  .pf-num6 .elementor-widget-heading h3::before{font-size:30px}}

/* ---------- 4A: jasna kontra ciemna z "vs" (wiersz pf-vs) ---------- */
.pf-vs>.elementor-container{position:relative;gap:18px!important}
.pf-vs>.elementor-container::after{content:"vs";position:absolute;left:50%;top:30px;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;
  background:#FFFFFF;border:1px solid var(--pf-linia);display:grid;place-items:center;font-family:var(--pf-naglowek);font-weight:800;font-size:15px;
  color:var(--pf-tekst);box-shadow:0 8px 20px -10px rgba(0,49,66,.5);z-index:2}
.pf-vs-jasna>.elementor-widget-wrap,.pf-vs-ciemna>.elementor-widget-wrap{border-radius:18px;padding:32px 30px!important;align-content:flex-start;display:block}
.pf-vs-jasna>.elementor-widget-wrap{background:#FFFFFF;border:1px solid var(--pf-linia);box-shadow:0 20px 40px -30px rgba(0,49,66,.4)}
.pf-vs-ciemna>.elementor-widget-wrap{background:linear-gradient(170deg,#003142,#002B3A)}
.pf-vs-ciemna .elementor-heading-title,.pf-vs-ciemna h3{color:#FFFFFF!important}
.pf-vs .elementor-widget-heading h3{margin-bottom:18px!important}
.pf-lista-x .elementor-icon-list-icon,.pf-lista-v .elementor-icon-list-icon{width:22px;height:22px;border-radius:50%;display:inline-grid!important;place-items:center;flex:0 0 22px;margin-top:.1em}
.pf-lista-x .elementor-icon-list-icon{background:#FBE9E9}
.pf-lista-x .elementor-icon-list-icon i,.pf-lista-x .elementor-icon-list-icon svg{color:#8B1C1C!important;fill:#8B1C1C!important;font-size:11px!important}
.pf-lista-x .elementor-icon-list-text{color:var(--pf-akapit)!important}
.pf-lista-v .elementor-icon-list-icon{background:var(--pf-sygnal)}
.pf-lista-v .elementor-icon-list-icon i,.pf-lista-v .elementor-icon-list-icon svg{color:#0B0F12!important;fill:#0B0F12!important;font-size:11px!important}
.pf-vs-ciemna .pf-lista-v .elementor-icon-list-text{color:#CFE5EF!important}
.pf-lista-x .elementor-icon-list-item,.pf-lista-v .elementor-icon-list-item{padding:7px 0!important;gap:12px}
.pf-wynik .elementor-heading-title{font-family:var(--pf-naglowek)!important;font-weight:800!important;font-size:24px!important;margin:18px 0 0!important;
  padding-top:16px;border-top:1px solid var(--pf-linia)}
.pf-vs-jasna .pf-wynik .elementor-heading-title{color:#8B1C1C!important}
.pf-vs-ciemna .pf-wynik .elementor-heading-title{color:#FFFFFF!important;border-top-color:rgba(207,229,239,.25)}
@media(max-width:760px){.pf-vs>.elementor-container{flex-wrap:wrap}.pf-vs .elementor-column{flex:1 1 100%}
  .pf-vs>.elementor-container::after{top:auto;bottom:auto;position:relative;left:auto;transform:none;margin:-4px auto;order:1}
  .pf-vs-ciemna{order:2}}

/* ---------- 5A: pigulki zespolow i lista do zaznaczania ---------- */
.pf-zespoly{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 8px}
.pf-zespoly span{display:inline-flex;align-items:center;padding:12px 20px;border:1px solid #9AA8B1;border-radius:999px;background:#FFFFFF;
  font-family:var(--pf-naglowek);font-weight:700;font-size:17px;color:var(--pf-tekst)}
.pf-zespoly span:nth-child(2){transform:rotate(-2deg)}
.pf-zespoly span:nth-child(3){transform:rotate(1.5deg)}
.pf-zespoly span:nth-child(4){transform:rotate(-1deg)}
.pf-poznajesz{border:0;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.pf-poznajesz label{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--pf-linia);font-size:16.5px;color:var(--pf-tekst);cursor:pointer;margin:0}
.pf-poznajesz input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--pf-gleboki)}
.pf-licznik{margin:22px 0 0;font-family:var(--pf-naglowek);font-size:20px;font-weight:700;color:var(--pf-tekst)}
.pf-licznik span{color:var(--pf-gleboki)}
@media(max-width:760px){.pf-poznajesz{grid-template-columns:1fr}}

/* ---------- funkcje: bez pudelek, gruba kreska (wiersz pf-funkcje, kolumny pf-funkcja) ---------- */
.pf-funkcja>.elementor-widget-wrap{border-top:3px solid var(--pf-tekst);padding:20px 4px 0 0!important;display:block}
.pf-funkcja p{font-size:15.5px;line-height:1.55;color:var(--pf-akapit)}
.pf-funkcja .elementor-widget-button{margin-top:6px!important}

/* ---------- 6A: harmonogram tygodni i trzy liczby ---------- */
.pf-gantt{margin-top:40px;display:grid;gap:12px}
.pf-g-tyg{display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-drugi)}
.pf-g-tyg span{padding-left:8px;border-left:1px solid var(--pf-linia)}
.pf-g-tyg span:first-child{border:0;padding:0;visibility:hidden}
.pf-g-w{display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));align-items:center;min-height:54px}
.pf-g-w b{font-family:var(--pf-naglowek);font-size:16px;padding-right:12px;color:var(--pf-tekst)}
.pf-g-bar{height:40px;border-radius:10px;display:flex;align-items:center;padding:0 14px;font-size:14px;font-weight:600;color:#FFFFFF;background:var(--pf-gleboki);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-g-bar.pf-g-jasny{background:var(--pf-sygnal);color:#0B0F12}
.pf-g-bar.pf-g-kreska{background:#FFFFFF;border:2px dashed var(--pf-gleboki);color:var(--pf-gleboki)}
@media(max-width:860px){.pf-g-tyg{display:none}.pf-g-w{grid-template-columns:1fr;gap:6px}.pf-g-w .pf-g-bar{grid-column:1!important;white-space:normal;height:auto;min-height:40px;padding:8px 14px}}
.pf-sek .elementor-inner-section.pf-dlaczego-wiersz{margin-top:48px}
.pf-dlaczego-wiersz>.elementor-container{border-top:2px solid var(--pf-tekst);gap:0!important}
.pf-dlaczego>.elementor-widget-wrap{padding:22px 24px 0 0!important;display:block}
.pf-dlaczego+.pf-dlaczego>.elementor-widget-wrap{padding-left:24px!important;border-left:1px solid var(--pf-linia)}
.pf-dlaczego .pf-duza-liczba .elementor-heading-title{font-size:40px!important;margin-bottom:10px!important}
.pf-dlaczego p{font-size:15px;line-height:1.5;color:var(--pf-akapit)}
@media(max-width:860px){.pf-dlaczego-wiersz>.elementor-container{flex-wrap:wrap}.pf-dlaczego{flex:1 1 100%}
  .pf-dlaczego+.pf-dlaczego>.elementor-widget-wrap{border-left:0;padding-left:0!important;border-top:1px solid var(--pf-linia);margin-top:18px}}

/* ---------- 7A: szeroki blok ceny (wiersz pf-cena-szer) ---------- */
.pf-cena-szer>.elementor-container{border-radius:20px;overflow:hidden;border:1px solid var(--pf-linia);box-shadow:0 30px 60px -40px rgba(0,49,66,.35);gap:0!important}
.pf-cena-l>.elementor-widget-wrap{background:linear-gradient(170deg,#003142,#003A4D 55%,#002B3A);padding:44px 40px!important;display:block}
.pf-cena-l .pf-nadtytul .elementor-heading-title{color:#A8CFE0!important}
.pf-cena-l p{color:#CFE5EF}
.pf-kwota .elementor-heading-title{font-family:var(--pf-naglowek)!important;font-weight:800!important;font-size:clamp(52px,7vw,84px)!important;line-height:.95!important;
  letter-spacing:-.03em!important;color:#FFFFFF!important;margin:6px 0 14px!important}
.pf-cena-p>.elementor-widget-wrap{background:#FFFFFF;padding:44px 40px!important;display:block}
.pf-cena-h .elementor-heading-title{font-size:22px!important;line-height:1.25!important;margin-bottom:16px!important}
.pf-lista-2kol .elementor-icon-list-items{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}
/* 7A, uwaga Ani o ptaszkach: zwykly, pelny ptaszek w #005674, bez kolka, rowno z pierwsza linia tekstu */
.pf-cena-p .pf-lista .elementor-icon-list-icon{width:18px;flex:0 0 18px;margin-top:.22em}
.pf-cena-p .pf-lista .elementor-icon-list-icon i,.pf-cena-p .pf-lista .elementor-icon-list-icon svg{color:var(--pf-gleboki)!important;fill:var(--pf-gleboki)!important;font-size:16px!important;width:16px;height:16px}
.pf-cena-p .elementor-widget-text-editor p{margin-top:18px;font-size:15px;color:var(--pf-akapit)}
@media(max-width:860px){.pf-cena-szer>.elementor-container{flex-wrap:wrap}.pf-cena-szer .elementor-column{flex:1 1 100%}.pf-lista-2kol .elementor-icon-list-items{grid-template-columns:1fr}
  .pf-cena-l>.elementor-widget-wrap,.pf-cena-p>.elementor-widget-wrap{padding:30px 22px!important}}

/* poprawki po zrzutach wersji 2, 2026-09-30 */
/* ikona listy w jednej linii z pierwszym wierszem tekstu (Elementor centrowal ja w pionie wzgledem calej pozycji) */
.pf-lista .elementor-icon-list-item{align-items:flex-start!important}
.pf-lista .elementor-icon-list-icon{height:1.5em;min-height:24px;display:inline-flex!important;align-items:center;margin-top:0!important;align-self:flex-start;font-size:16.5px}
.pf-lista .elementor-icon-list-icon i,.pf-lista .elementor-icon-list-icon svg{position:static!important;top:auto!important;transform:none!important}
.pf-lista-x .elementor-icon-list-icon,.pf-lista-v .elementor-icon-list-icon{height:22px;min-height:22px;margin-top:2px!important}
/* naglowek w bloku ceny: 22 px, zeby nie przytlaczal kwoty (wygrywa ze skala H2 z global.css) */
.pf-cena-h h2.elementor-heading-title,.pf-cena-p .pf-cena-h h2{font-size:22px!important;line-height:1.25!important;margin-bottom:16px!important}

/* tekst pozycji listy przypiety do gory (w siatce dwukolumnowej Elementor centrowal go w wierszu, ptaszek wisial nad tekstem) */
.pf-lista .elementor-icon-list-text{align-self:flex-start!important;padding-top:0!important;line-height:1.5}
.pf-lista-2kol .elementor-icon-list-items{align-items:start}

/* 4A, uwaga Ani: ikona w kolku ma stac na srodku kolka (ogolna regula wyrownania list nadpisala centrowanie) */
.pf-lista.pf-lista-x .elementor-icon-list-icon,.pf-lista.pf-lista-v .elementor-icon-list-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important;padding:0!important;margin:1px 0 0!important;font-size:11px!important;line-height:1!important}
.pf-lista.pf-lista-x .elementor-icon-list-icon svg,.pf-lista.pf-lista-v .elementor-icon-list-icon svg{width:11px!important;height:11px!important;margin:0!important}
.pf-lista.pf-lista-x .elementor-icon-list-icon i,.pf-lista.pf-lista-v .elementor-icon-list-icon i{font-size:11px!important;width:auto!important;margin:0!important;line-height:1!important}

/* ---------- opinie z Google (Trustindex) w stylu strony, sekcja pf-opinie, 2026-09-30 ----------
   Widzet zostaje zywy (nowe opinie dochodza same), zmieniamy tylko wyglad. Wtyczka ma wlasne kroje
   (Poppins), szare karty i szary link "Czytaj wiecej", stad !important. */
.pf-opinie .ti-widget,.pf-opinie .ti-widget *:not(.ti-star):not(svg):not(path){font-family:var(--pf-tekstowy)!important}
.pf-opinie .ti-widget{margin-top:36px!important}
.pf-opinie .ti-widget .ti-review-item>.ti-inner{background:#FFFFFF!important;border:1px solid var(--pf-linia)!important;border-radius:14px!important;
  box-shadow:0 18px 36px -28px rgba(0,49,66,.45)!important;padding:26px 24px 22px!important;text-align:left!important}
.pf-opinie .ti-widget .ti-review-header{justify-content:flex-start!important;text-align:left!important;margin-bottom:12px!important}
.pf-opinie .ti-widget .ti-profile-img{margin:0 12px 0 0!important}
.pf-opinie .ti-widget .ti-profile-details{text-align:left!important;align-items:flex-start!important}
.pf-opinie .ti-widget .ti-name{font-family:var(--pf-naglowek)!important;font-weight:700!important;font-size:16px!important;color:var(--pf-tekst)!important}
.pf-opinie .ti-widget .ti-date{font-size:13.5px!important;color:#39434A!important}
.pf-opinie .ti-widget .ti-stars{justify-content:flex-start!important;margin:0 0 10px!important}
.pf-opinie .ti-widget .ti-review-content,.pf-opinie .ti-widget .ti-review-content *{font-size:16px!important;line-height:1.55!important;color:var(--pf-tekst)!important;text-align:left!important}
/* "Czytaj wiecej": kolor linku serwisu, 7,57:1 na bieli, podkreslony */
.pf-opinie .ti-widget .ti-read-more,.pf-opinie .ti-widget .ti-read-more *{color:var(--pf-roboczy)!important;font-weight:500!important;text-decoration:underline!important;
  text-align:left!important;font-size:15px!important}
.pf-opinie .ti-widget .ti-nav-arrow,.pf-opinie .ti-widget .ti-controls .ti-next,.pf-opinie .ti-widget .ti-controls .ti-prev{
  background:#FFFFFF!important;border:1px solid var(--pf-kontrolka)!important;box-shadow:none!important}
.pf-opinie .ti-widget .ti-footer,.pf-opinie .ti-widget .ti-disclaimer{color:#39434A!important}
.pf-opinie .elementor-widget-button{text-align:center}

/* nazwisko autora opinii w kroju naglowkow (regula ogolna kroju ma swoistosc 0,3,2) */
.pf-opinie .ti-widget .ti-review-item .ti-name:not(.ti-star):not(svg){font-family:var(--pf-naglowek)!important}

/* opinie Google, runda 2 (zrzut Ani 2026-09-30): arkusz wtyczki ma selektory .ti-widget.ti-goog z !important
   i laduje sie po naszym, wiec nadpisania maja przedrostek .pf-opinie .ti-widget.ti-goog (o jedna klase wiecej). */
.pf-opinie .ti-widget.ti-goog .ti-review-item>.ti-inner{background:#FFFFFF!important;background-color:#FFFFFF!important;
  border:1px solid var(--pf-linia)!important;border-width:1px!important;border-style:solid!important;border-color:var(--pf-linia)!important;
  border-radius:14px!important;padding:24px 24px 20px!important;box-shadow:0 18px 36px -28px rgba(0,49,66,.45)!important}
/* naglowek karty w rzedzie: awatar po lewej, nazwisko i data obok (zamiast awatara wysunietego nad karte) */
.pf-opinie .ti-widget.ti-goog .ti-review-header{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;margin-bottom:14px!important}
.pf-opinie .ti-widget.ti-goog .ti-review-header .ti-profile-img{margin:0 14px 0 0!important;align-self:center!important}
.pf-opinie .ti-widget.ti-goog .ti-review-header .ti-profile-img img,
.pf-opinie .ti-widget.ti-goog .ti-profile-img .ti-profile-img-sprite{width:48px!important;height:48px!important;border-radius:50%!important}
.pf-opinie .ti-widget.ti-goog:not(.ti-no-profile-img) .ti-review-header .ti-platform-icon{top:30px!important;left:32px!important;right:auto!important;
  width:22px!important;height:22px!important}
.pf-opinie .ti-widget.ti-goog .ti-review-header .ti-profile-details{text-align:left!important;width:auto!important}
.pf-opinie .ti-widget.ti-goog .ti-name{font-family:var(--pf-naglowek)!important;font-weight:700!important;font-size:16px!important;color:#0B0F12!important}
.pf-opinie .ti-widget.ti-goog .ti-date{font-size:13.5px!important;color:#39434A!important}
/* gwiazdki i tekst do lewej */
.pf-opinie .ti-widget.ti-goog.ti-text-align-center .ti-reviews-container-wrapper .ti-inner>.ti-stars,
.pf-opinie .ti-widget.ti-goog .ti-stars{text-align:left!important;display:block!important;margin:0 0 10px!important}
.pf-opinie .ti-widget.ti-goog.ti-content-align-center .ti-review-content,
.pf-opinie .ti-widget.ti-goog .ti-review-content{text-align:left!important}
/* cztery pelne wiersze: wysokosc = 4 x interlinia, inaczej czwarty wiersz sie ucina */
.pf-opinie .ti-widget.ti-goog .ti-review-content{font-size:16px!important;line-height:24px!important;height:96px;-webkit-line-clamp:4;color:#0B0F12!important}
/* "Czytaj wiecej": wtyczka dawala czern z kryciem 0,5 (szary), tu kolor linku serwisu, 7,57:1 na bieli */
.pf-opinie .ti-widget.ti-goog.ti-text-align-center .ti-reviews-container-wrapper .ti-read-more,
.pf-opinie .ti-widget.ti-goog .ti-read-more{text-align:left!important;padding-top:10px!important}
.pf-opinie .ti-widget.ti-goog .ti-read-more span{opacity:1!important;color:#005A80!important;font-weight:500!important;font-size:15px!important;text-decoration:underline!important}
.pf-opinie .ti-widget.ti-goog .ti-read-more span:hover{color:#005674!important}

/* ---------- ruch ---------- */
@media(prefers-reduced-motion:reduce){.pf-sek *{transition:none!important;animation:none!important}}

/* Kontrast (lokalne pary tej warstwy):
   #4F5459 nadtytul na #F6F8F9 7,18 / na #EDF8FD 7,08 / na #FFFFFF 7,73   prog 7
   #39434A akapit na #EDF8FD 9,37                                          prog 7
   #005674 liczby 39 px na #F6F8F9 7,62                                    prog 4,5 (duzy)
   #005A80 link na #FFFFFF 7,57                                            prog 7
   #CFE5EF na #003A4D 9,41, #A8CFE0 na #003A4D 7,40, biel na #003A4D 12,26  prog 7
   karta ciemna: biel 6% na #003A4D daje ok. #0F4556, #CFE5EF na nim 8,5    prog 7
   #9AA5AD obwodka pola na zrzut to dekoracja, nie komponent                 nie dotyczy */