/* Eldago – podstrony kursów online: CSS uzupełniający (z wzorca wp_block „eh-dane-kurs-css” 71104, ładowany przez WPCode 71105; do wtyczki 0.5.64). */
/* Eldago – podstrony kursów online: pełny CSS prototypu dla klas z 25 stron kursów (+ klasy z JS prototypu), w kolejności źródeł. Prefiks body.pp.eh-page.eh-kurs wygrywa z eh-szk-css. Generowane z prototypu – poprawki ręczne na końcu (sekcja POPRAWKI). */
/* tokeny.css */
body.pp.eh-page.eh-kurs{--akcent: #FFD600; --akcent-hover: #EFC300; --akcent-ciemny: #C9A800; --akcent-tekst: #705D00; --akcent-tint: #FFFBE6; --czerwien: #C20000; --czerwien-tint: #FDF2F2; --tlo: #FFFFFF; --tlo-alt: #F6F8FA; --tlo-ciemne: #101418; --tlo-ciemne-alt: #1A202C; --tlo-ciemne-karta: #1E252F; --tekst: #101418; --tekst-drugi: #3F4A5C; --tekst-wygaszony: #59647A; --tekst-na-ciemnym: #FFFFFF; --tekst-na-ciemnym-drugi: #CBD4E0; --tekst-na-akcencie: #101418; --linia: #E4E8ED; --linia-mocna: #C9D0D9; --linia-ciemna: rgba(255, 255, 255, .14); --sukces: #13612E; --sukces-tint: #EEF7F1; --font-naglowek: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --font-tekst: var(--font-naglowek); --rozmiar-display: clamp(2.5rem, 1.35rem + 3.6vw, 4rem); --rozmiar-h1: clamp(2.125rem, 1.4rem + 2.3vw, 3.25rem); --rozmiar-h2: clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem); --rozmiar-h3: clamp(1.3rem, 1.16rem + 0.45vw, 1.625rem); --rozmiar-h4: 1.125rem; --rozmiar-lead: clamp(1.0625rem, 1rem + 0.28vw, 1.25rem); --rozmiar-tekst: 1rem; --rozmiar-maly: 0.875rem; --rozmiar-mikro: 0.75rem; --o-1: 4px; --o-2: 8px; --o-3: 12px; --o-4: 16px; --o-5: 24px; --o-6: 32px; --o-7: 40px; --o-8: 56px; --o-9: 72px; --o-10: 96px; --o-11: 128px; --sekcja-y: clamp(56px, 4vw + 32px, 96px); --sekcja-y-gesta: clamp(40px, 3vw + 24px, 64px); --kontener: 1200px; --kontener-waski: 760px; --kontener-padding: 24px; --header-h: 88px; --naglowek-h: 88px; --radius-s: 8px; --radius-m: 12px; --radius-l: 18px; --radius-xl: var(--radius-l); --radius-pigulka: 999px; --cien-s: 0 1px 2px rgba(16, 20, 24, .04), 0 2px 8px rgba(16, 20, 24, .04); --cien-m: 0 4px 24px rgba(151, 151, 151, .12); --cien-l: 0 12px 40px rgba(16, 20, 24, .10); --cien-panel: 0 24px 60px rgba(16, 20, 24, .22); --czas-krotki: 150ms; --czas-bazowy: 300ms; --czas-dlugi: 600ms; --easing: cubic-bezier(.44, 0, .56, 1); --easing-out: cubic-bezier(0, 0, .3, 1); --z-naglowek: 100; --z-panel: 200; --z-modal: 300;}
/* baza.css */
body.pp.eh-page.eh-kurs :where(.pp-main) *,body.pp.eh-page.eh-kurs :where(.pp-main) ::before,body.pp.eh-page.eh-kurs :where(.pp-main) ::after{box-sizing: border-box;}
body.pp.eh-page.eh-kurs{margin: 0px; background: var(--tlo); color: var(--tekst); font-family: var(--font-tekst); font-size: var(--rozmiar-tekst); line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) img,body.pp.eh-page.eh-kurs :where(.pp-main) svg,body.pp.eh-page.eh-kurs :where(.pp-main) video{display: block; max-width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) img{height: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) h1,body.pp.eh-page.eh-kurs :where(.pp-main) h2,body.pp.eh-page.eh-kurs :where(.pp-main) h3,body.pp.eh-page.eh-kurs :where(.pp-main) h4,body.pp.eh-page.eh-kurs :where(.pp-main) h5{font-family: var(--font-naglowek); color: var(--tekst); margin: 0 0 var(--o-4); text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) h1{font-size: var(--rozmiar-h1); font-weight: 800; line-height: 1.06; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) h2{font-size: var(--rozmiar-h2); font-weight: 800; line-height: 1.12; letter-spacing: -0.025em;}
body.pp.eh-page.eh-kurs :where(.pp-main) h3{font-size: var(--rozmiar-h3); font-weight: 700; line-height: 1.22; letter-spacing: -0.02em;}
body.pp.eh-page.eh-kurs :where(.pp-main) h4{font-size: var(--rozmiar-h4); font-weight: 700; line-height: 1.35; letter-spacing: -0.01em;}
body.pp.eh-page.eh-kurs :where(.pp-main) p{margin: 0 0 var(--o-4);}
body.pp.eh-page.eh-kurs :where(.pp-main) p:last-child{margin-bottom: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) a{color: inherit; text-decoration-color: color-mix(in srgb, currentcolor 40%, transparent); text-underline-offset: 3px;}
body.pp.eh-page.eh-kurs :where(.pp-main) a:hover{text-decoration-color: currentcolor;}
body.pp.eh-page.eh-kurs :where(.pp-main) ul,body.pp.eh-page.eh-kurs :where(.pp-main) ol{margin: 0 0 var(--o-4); padding-left: 1.25em;}
body.pp.eh-page.eh-kurs :where(.pp-main) li{margin-bottom: var(--o-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) button,body.pp.eh-page.eh-kurs :where(.pp-main) input,body.pp.eh-page.eh-kurs :where(.pp-main) select,body.pp.eh-page.eh-kurs :where(.pp-main) textarea{font: inherit; color: inherit;}
body.pp.eh-page.eh-kurs :where(.pp-main) button{cursor: pointer;}
body.pp.eh-page.eh-kurs :where(.pp-main) fieldset{border: 0px; margin: 0px; padding: 0px; min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) legend{padding: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{outline: 3px solid var(--tekst); outline-offset: 2px; border-radius: var(--radius-s);}
body.pp.eh-page.eh-kurs .pp-main > section:first-of-type,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:first-of-type{padding-top: var(--naglowek-h);}
body.pp.eh-page.eh-kurs :where(.pp-main) .lead{font-size: var(--rozmiar-lead); color: var(--tekst-drugi);}
body.pp.eh-page.eh-kurs :where(.pp-main) .siatka{display: grid; gap: var(--o-5);}
body.pp.eh-page.eh-kurs :where(.pp-main) [hidden]{display: none !important;}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) *,body.pp.eh-page.eh-kurs :where(.pp-main) ::before,body.pp.eh-page.eh-kurs :where(.pp-main) ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
}
/* komponenty.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .btn{display: inline-flex; align-items: center; justify-content: center; gap: var(--o-3); padding: 13px 8px 13px 26px; border: 1px solid transparent; border-radius: var(--radius-pigulka); font-family: var(--font-tekst); font-size: var(--rozmiar-tekst); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; text-decoration: none; white-space: nowrap; transition: background var(--czas-bazowy) var(--easing),
              color var(--czas-bazowy) var(--easing),
              border-color var(--czas-bazowy) var(--easing),
              transform var(--czas-krotki) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:hover{transform: translateY(-1px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:active{transform: translateY(0px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn svg{width: 18px; height: 18px; flex: 0 0 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::after{content: "→"; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; background: color-mix(in srgb, currentcolor 14%, transparent); font-family: sans-serif; font-size: 18px; font-weight: 700; line-height: 1; transition: background var(--czas-bazowy) var(--easing),
              transform var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:hover::after{background: color-mix(in srgb, currentcolor 26%, transparent); transform: translateX(3px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:active{transform: translateY(0px) scale(0.985);}
@media (max-width: 420px){
body.pp.eh-page.eh-kurs :where(.pp-main) .btn{white-space: normal; text-align: center;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn-ikona{display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; background: transparent; color: inherit; border: 1px solid var(--linia); border-radius: 50%; transition: background var(--czas-bazowy) var(--easing), border-color var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn-ikona:hover{background: var(--tlo-alt); border-color: var(--linia-mocna);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn-ikona svg{width: 20px; height: 20px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn-ikona[disabled]{opacity: 0.35; cursor: not-allowed;}
body.pp.eh-page.eh-kurs :where(.pp-main) .karta{display: flex; flex-direction: column; background: var(--tlo); border: 1px solid var(--linia); border-radius: var(--radius-l); overflow: hidden; transition: transform var(--czas-bazowy) var(--easing),
              box-shadow var(--czas-bazowy) var(--easing),
              border-color var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .karta:hover{transform: translateY(-4px); box-shadow: var(--cien-l); border-color: var(--linia-mocna);}
body.pp.eh-page.eh-kurs :where(.pp-main) .input,body.pp.eh-page.eh-kurs :where(.pp-main) .select{width: 100%; min-height: 48px; padding: 11px 16px; background: var(--tlo); border: 1px solid var(--linia-mocna); border-radius: var(--radius-m); transition: border-color var(--czas-bazowy) var(--easing), box-shadow var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .input::placeholder{color: var(--tekst-wygaszony);}
body.pp.eh-page.eh-kurs :where(.pp-main) .input:focus,body.pp.eh-page.eh-kurs :where(.pp-main) .select:focus{outline: none; border-color: var(--tekst); box-shadow: rgba(255, 214, 0, 0.45) 0px 0px 0px 3px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .select{appearance: none; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .akordeon__pozycja{border-bottom: 1px solid var(--linia);}
body.pp.eh-page.eh-kurs :where(.pp-main) .akordeon__przycisk{display: flex; align-items: center; justify-content: space-between; gap: var(--o-4); width: 100%; padding: var(--o-4) 0; background: none; border: 0px; text-align: left; font-family: var(--font-naglowek); font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.01em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi{background: var(--tlo-ciemne); color: var(--tekst-na-ciemnym); font-size: var(--rozmiar-maly);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__okno{position: relative; flex: 1 1 0%; max-width: 720px; overflow: hidden; text-align: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd{position: absolute; inset: 0px 0px auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px var(--o-2); margin: 0px; padding-block: 2px; line-height: 1.45; opacity: 0; translate: 0px 100%; transition: opacity var(--czas-bazowy) var(--easing), translate var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd[data-stan="aktywny"]{position: relative;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd[data-stan="aktywny"]{opacity: 1; translate: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd[data-stan="poprzedni"]{opacity: 0; translate: 0px -100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd a{font-weight: 600; text-decoration-color: var(--akcent);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd svg{width: 16px; height: 16px; color: var(--akcent); flex: 0 0 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__nawigacja{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 auto; padding: 0px; background: none; border: 0px; color: inherit; border-radius: 50%; transition: background var(--czas-krotki) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__nawigacja:hover{background: rgba(255, 255, 255, 0.14);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__nawigacja svg{width: 16px; height: 16px;}
@media (max-width: 600px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi{font-size: 13px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd > svg,body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > svg{display: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__nawigacja{width: 26px; height: 26px;}
}
@keyframes przesun { 
  0% { translate: 0px; }
  100% { translate: -50%; }
}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka{position: relative; overflow: hidden; background: var(--tlo-ciemne); color: var(--tekst-na-ciemnym-drugi); padding-block: var(--o-9) 0;}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka a{color: inherit; text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka a:hover{color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka h3{color: rgb(255, 255, 255); font-size: var(--rozmiar-mikro); font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--o-4);}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka ul{list-style: none; margin: 0px; padding: 0px; font-size: var(--rozmiar-maly);}
body.pp.eh-page.eh-kurs :where(.pp-main) .stopka li{margin-bottom: var(--o-3);}
@keyframes mega-wjazd { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }
}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn-ikona{position: relative;}
body.pp.eh-page.eh-kurs :where(.pp-main) .input[aria-invalid="true"]{border-color: var(--czerwien);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn[data-do-koszyka][data-dodano="tak"]{background: var(--sukces); border-color: var(--sukces); color: rgb(255, 255, 255);}
/* widoki.css */
@keyframes akcja-home-wejscie { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
body.pp.eh-page.eh-kurs .pp-main{position: relative; overflow-x: clip;}
body.pp.eh-page.eh-kurs .pp-main > section,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section{--litera-tla: rgba(16, 20, 24, .026); position: relative; isolation: isolate;}
body.pp.eh-page.eh-kurs .pp-main > section > *,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > *{position: relative; z-index: 1;}
body.pp.eh-page.eh-kurs .pp-main > section::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section::after{position: absolute; z-index: 0; top: 50%; left: -0.44em; transform: translateY(-50%); font-family: var(--font-naglowek); font-size: clamp(18rem, 34vw, 34rem); font-weight: 800; line-height: 0.66; letter-spacing: -0.075em; color: var(--litera-tla); white-space: nowrap; pointer-events: none; user-select: none;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+1)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+1)::after{content: "ELDAGO"; left: -1.45em; top: 47%;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+2)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+2)::after{content: "ELDAGO"; left: calc(100% - 1.35em); top: 58%;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+3)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+3)::after{content: "ELD\a AGO"; left: 50%; transform: translate(-50%, -50%); font-size: clamp(15rem, 27vw, 29rem); line-height: 0.62; text-align: center; white-space: pre;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+4)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+4)::after{content: "ELDAGO"; left: -1.45em; top: 53%;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+5)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+5)::after{content: "ELDAGO"; left: calc(100% - 1.35em); top: 43%;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n)::after{content: "ELD\a AGO"; left: 7%; top: 57%; font-size: clamp(14rem, 25vw, 27rem); line-height: 0.62; text-align: center; white-space: pre;}
@media (max-width: 700px){
body.pp.eh-page.eh-kurs .pp-main > section::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section::after{left: -0.58em; font-size: clamp(14rem, 74vw, 20rem);}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+1)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+1)::after,body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+4)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+4)::after{left: -1.45em;}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+2)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+2)::after,body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+5)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+5)::after{left: calc(100% - 1.25em);}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n+3)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n+3)::after{left: 50%; font-size: clamp(11rem, 53vw, 16rem); transform: translate(-50%, -50%);}
body.pp.eh-page.eh-kurs .pp-main > section:nth-of-type(6n)::after,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:nth-of-type(6n)::after{left: 50%; font-size: clamp(10rem, 49vw, 15rem); transform: translate(-50%, -50%);}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .proces{position: relative; display: grid; gap: var(--o-5); grid-template-columns: repeat(5, 1fr);}
body.pp.eh-page.eh-kurs :where(.pp-main) .proces::before{content: ""; position: absolute; top: 26px; left: 10%; right: 10%; height: 2px; background: repeating-linear-gradient(90deg, var(--linia-mocna) 0 8px, transparent 8px 16px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .krok{position: relative; text-align: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .krok h3{font-size: 1.0625rem; margin-bottom: var(--o-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .krok p{font-size: var(--rozmiar-maly); color: var(--tekst-drugi);}
@media (max-width: 900px){
body.pp.eh-page.eh-kurs :where(.pp-main) .proces{grid-template-columns: 1fr; gap: var(--o-4);}
body.pp.eh-page.eh-kurs :where(.pp-main) .proces::before{inset: 0px auto 0px 26px; width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--linia-mocna) 0 8px, transparent 8px 16px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .krok{display: grid; grid-template-columns: 52px 1fr; gap: var(--o-4); text-align: left;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .osoby{display: grid; gap: var(--o-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));}
body.pp.eh-page.eh-kurs :where(.pp-main) .katalog{display: grid; gap: var(--o-7); grid-template-columns: 268px 1fr; align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .katalog > *,body.pp.eh-page.eh-kurs :where(.pp-main) .katalog > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > *{min-width: 0px;}
@media (max-width: 1023px){
body.pp.eh-page.eh-kurs :where(.pp-main) .katalog{grid-template-columns: 1fr;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .kalendarz{display: grid; gap: var(--o-5);}
body.pp.eh-page.eh-kurs :where(.pp-main) .termin{display: grid; gap: var(--o-4); grid-template-columns: 92px 1fr auto auto; align-items: center; padding: var(--o-4) var(--o-5); border-bottom: 1px solid var(--linia); text-align: left; width: 100%; background: none; border-left: 0px; border-right: 0px; border-top: 0px; transition: background var(--czas-krotki) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .termin:last-child{border-bottom: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .termin:hover{background: var(--akcent-tint);}
@media (max-width: 700px){
body.pp.eh-page.eh-kurs :where(.pp-main) .termin{grid-template-columns: 84px 1fr; row-gap: var(--o-2);}
}
@keyframes quiz-wjazd { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 900px){
body.pp.eh-page.eh-kurs{padding-bottom: 0px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .narzedzia{display: grid; gap: var(--o-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));}
body.pp.eh-page.eh-kurs :where(.pp-main) .narzedzie{display: flex; flex-direction: column; border: 1px solid var(--linia); border-radius: var(--radius-l); overflow: hidden; background: var(--tlo);}
body.pp.eh-page.eh-kurs :where(.pp-main) .narzedzie img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center top; background: var(--tlo-alt);}
body.pp.eh-page.eh-kurs :where(.pp-main) .narzedzie h3{margin: 0px; font-size: 1.0625rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .narzedzie p{font-size: var(--rozmiar-maly); color: var(--tekst-drugi); margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .zostaje{display: flex; flex-direction: column; gap: var(--o-2); padding: var(--o-5); background: var(--tlo); border: 1px solid var(--linia); border-radius: var(--radius-l); transition: border-color var(--czas-bazowy) var(--easing),
              box-shadow var(--czas-bazowy) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .zostaje:hover{border-color: var(--linia-mocna); box-shadow: var(--cien-s);}
/* interakcje.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::after{content: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn{padding: 13px 26px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn{position: relative; isolation: isolate; overflow: hidden; --fala: var(--tekst); --fala-tekst: #fff; transition: background var(--czas-bazowy) var(--easing),
              color 260ms var(--easing),
              border-color var(--czas-bazowy) var(--easing),
              transform var(--czas-krotki) var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::before{content: ""; position: absolute; z-index: -1; left: 50%; bottom: 0px; width: 150%; aspect-ratio: 1 / 0.58; background: var(--fala); border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px; translate: -50% 104%; transition: translate 560ms cubic-bezier(0.32, 0.72, 0.28, 1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .btn:focus-visible::before{translate: -50%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .btn:focus-visible{color: var(--fala-tekst);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:active{transform: translateY(1px) scale(0.99); box-shadow: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta{position: relative; padding-bottom: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::before,body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::after{content: ""; position: absolute; bottom: 0px; height: 2px; border-radius: 2px; transition: width 420ms var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::after{right: 0px; width: 100%; background: var(--linia-mocna);}
body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::before{z-index: 1; left: 0px; width: 0px; background: var(--akcent);}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::before{transition: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::before,body.pp.eh-page.eh-kurs :where(.pp-main) .link-strzalka__etykieta::after{transition: none;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::before{height: 220%; width: 160%; aspect-ratio: auto; pointer-events: none; translate: none; transform: translate3d(-50%, 105%, 0px); transition: transform 280ms cubic-bezier(0.2, 0.7, 0.3, 1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .btn:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .btn:focus-visible::before{translate: none; transform: translate3d(-50%, 0px, 0px);}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .btn::before{transition: none;}
}
/* oferta-produkt.css */
body.pp.eh-page.eh-kurs{--bg: #FFFFFF; --bg-2: #F4F4F1; --bg-3: #EAEAE5; --ink: #0B0B0C; --ink-2: #3A3C41; --ink-3: #5F6269; --line: #E6E6E1; --line-2: #D3D3CC; --yellow: #FFD60A; --yellow-2: #F2C900; --yellow-soft: #FFF6C9; --dark: #0E0F12; --dark-2: #1A1C21; --dark-3: #25282E; --dark-line: rgba(255, 255, 255, .1); --on-dark: #F7F7F4; --on-dark-2: #ADB1B9; --red: #B42318; --font: var(--font-tekst); --wrap: 1200px; --pad: clamp(20px, 4vw, 40px); --gap-section: clamp(88px, 11vw, 150px); --r-xl: 28px; --r-lg: 20px; --r-md: 14px; --r-sm: 10px; --shadow: 0 1px 2px rgba(16, 17, 20, .05), 0 12px 32px -16px rgba(16, 17, 20, .18); --shadow-lg: 0 2px 4px rgba(16, 17, 20, .04), 0 30px 60px -30px rgba(16, 17, 20, .35); --ease: cubic-bezier(.16, 1, .3, 1); background: var(--bg); color: var(--ink);}
body.pp.eh-page.eh-kurs .pp-main{font-family: var(--font); font-size: 1.0625rem; line-height: 1.6; color: var(--ink-2); -webkit-font-smoothing: antialiased;}
body.pp.eh-page.eh-kurs .pp-main *,body.pp.eh-page.eh-kurs .pp-main ::before,body.pp.eh-page.eh-kurs .pp-main ::after{box-sizing: border-box;}
body.pp.eh-page.eh-kurs :where(.pp-main) :is(h1, h2, h3, h4){font-family: var(--font); color: var(--ink); margin: 0px; text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) p{margin: 0px; text-wrap: pretty;}
body.pp.eh-page.eh-kurs :where(.pp-main) :is(ul, ol){margin: 0px; padding: 0px; list-style: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) img{display: block; max-width: 100%; height: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) a{color: inherit;}
body.pp.eh-page.eh-kurs :where(.pp-main) figure{margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) button{font: inherit; color: inherit;}
body.pp.eh-page.eh-kurs .pp-main :focus-visible{outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 6px;}
body.pp.eh-page.eh-kurs .pp-main h1{font-size: clamp(2.75rem, 1.5rem + 4.4vw, 5.25rem); font-weight: 600; letter-spacing: -0.045em; line-height: 0.98;}
body.pp.eh-page.eh-kurs .pp-main h2{font-size: clamp(2.125rem, 1.5rem + 2.3vw, 3.5rem); font-weight: 600; letter-spacing: -0.038em; line-height: 1.02;}
body.pp.eh-page.eh-kurs .pp-main h3{font-size: 1.25rem; font-weight: 600; letter-spacing: -0.018em; line-height: 1.25;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lead{font-size: clamp(1.125rem, 1.02rem + 0.4vw, 1.3125rem); line-height: 1.5; color: var(--ink-2); letter-spacing: -0.01em;}
body.pp.eh-page.eh-kurs .pp-main.pp-main > section::after,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section::after{content: none !important;}
body.pp.eh-page.eh-kurs .pp-main.pp-main > section:first-of-type,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section:first-of-type{padding-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-wrap{width: 100%; max-width: calc(var(--wrap) + 2 * var(--pad)); margin-inline: auto; padding-inline: var(--pad);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section{padding-block: var(--gap-section);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--tint{background: var(--bg-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--flush-top{padding-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel{margin-inline: clamp(8px, 1.1vw, 16px); border-radius: var(--r-xl); position: relative; overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel--yellow{background: var(--yellow); color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel--dark{background: var(--dark); color: var(--on-dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel--dark :is(h2, h3){color: var(--on-dark);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head{max-width: 720px; display: grid; gap: 18px; margin-bottom: clamp(40px, 5vw, 64px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head--center{margin-inline: auto; text-align: center; justify-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head--split{max-width: 920px; grid-template-columns: minmax(0px, 1fr); gap: 22px; align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head--split h2{max-width: 28ch; text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head .pp-lead{max-width: 70ch; font-size: clamp(1rem, 1.25vw, 1.125rem); line-height: 1.65;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel--dark .pp-lead{color: var(--on-dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ic{width: 20px; height: 20px; fill: currentcolor; flex: 0 0 auto; display: inline-block; vertical-align: middle;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ic--sm{width: 16px; height: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn{--btn-bg: var(--ink); --btn-fg: #fff; --btn-bg-h: #2A2C31; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0px 22px; border-radius: 12px; border: 0px; cursor: pointer; background: var(--btn-bg); color: var(--btn-fg); font-family: var(--font); font-size: 1rem; font-weight: 550; letter-spacing: -0.01em; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease), color .25s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover{background: var(--btn-bg-h);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:active{transform: scale(0.98);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn .ic{transition: transform .3s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover .ic--move{transform: translateX(3px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--light{--btn-bg: #fff; --btn-fg: var(--ink); --btn-bg-h: var(--bg-2); box-shadow: inset 0 0 0 1px var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--on-yellow{--btn-bg: rgba(11,11,12,.06); --btn-fg: var(--ink); --btn-bg-h: rgba(11,11,12,.12); box-shadow: rgba(11, 11, 12, 0.18) 0px 0px 0px 1px inset;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--sm{height: 42px; padding: 0px 16px; font-size: 0.9375rem; border-radius: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]{--btn-bg: #1E6B3A; --btn-fg: #fff;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"] svg{width: 18px; height: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-link{display: inline-flex; align-items: center; gap: 6px; font-weight: 550; color: var(--ink); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--line-2); text-underline-offset: 5px; text-decoration-thickness: 1.5px; transition: text-decoration-color 0.2s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-link:hover{text-decoration-color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-price{font-size: clamp(2.5rem, 2rem + 1.4vw, 3.25rem); line-height: 1; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero{padding-top: calc(var(--naglowek-h, 88px) + 12px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__inner{padding: clamp(28px, 4.5vw, 64px) clamp(20px, 4.5vw, 64px) 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-crumbs ol{display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 0.875rem; color: rgba(11, 11, 12, 0.72);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-crumbs li{display: inline-flex; align-items: center; gap: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-crumbs li + li::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentcolor; opacity: 0.5;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-crumbs a{text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-crumbs a:hover{text-decoration: underline;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero h1{margin-top: 18px; max-width: 16ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid{display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); gap: clamp(28px, 4vw, 56px); margin-top: clamp(28px, 3.5vw, 48px); padding-bottom: clamp(32px, 4.5vw, 64px); align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__side{display: grid; gap: 26px; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero .pp-lead{color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px; border-top: 1px solid rgba(11, 11, 12, 0.16);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts li{padding: 14px 0px; border-bottom: 1px solid rgba(11, 11, 12, 0.16); display: grid; gap: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts li:nth-child(2n+1){padding-right: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts b{font-size: 1.625rem; font-weight: 600; letter-spacing: -0.035em; line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts span{font-size: 0.9375rem; color: rgba(11, 11, 12, 0.78); line-height: 1.35;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-buy{display: grid; gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-buy__installments{font-size: 0.9375rem; color: rgba(11, 11, 12, 0.78); margin-top: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-buy__actions{display: flex; flex-wrap: wrap; gap: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-teachers{display: flex; align-items: center; gap: 12px; font-size: 0.9375rem; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-avatars{display: flex;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-avatars img{width: 36px; height: 36px; border-radius: 50%; object-fit: cover; object-position: center top; border: 2px solid var(--yellow); background: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-avatars img + img{margin-left: -10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker{background: var(--ink); color: rgb(255, 255, 255); margin-inline: calc(-1 * clamp(20px, 4.5vw, 64px)); overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker__track{display: flex; width: max-content; animation: 38s linear 0s infinite normal none running pp-marquee;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker ul{display: flex; flex: 0 0 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker li{display: inline-flex; align-items: center; gap: 12px; padding: 16px 22px; font-size: 0.9375rem; font-weight: 500; white-space: nowrap; letter-spacing: -0.005em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker .ic{color: var(--yellow); width: 16px; height: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video{position: relative; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: var(--dark); box-shadow: var(--shadow-lg); isolation: isolate;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video img,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video iframe{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; border: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video img{transition: transform .8s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video:hover img{transform: scale(1.025);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__play{position: absolute; inset: 0px; width: 100%; border: 0px; padding: 0px; background: linear-gradient(transparent 50%, rgba(8, 8, 10, 0.6)); cursor: pointer; display: grid; place-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__btn{position: relative; width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, 0.92); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 32px -8px; transition: transform .35s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__btn::before{content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.55); opacity: 0; transform: scale(0.85); transition: opacity .35s var(--ease), transform .35s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__play:hover .pp-video__btn{transform: scale(1.06);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__play:hover .pp-video__btn::before{opacity: 1; transform: scale(1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__btn .ic{width: 26px; height: 26px; margin-left: 3px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-split{display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-sticky{position: sticky; top: 120px; display: grid; gap: 20px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-sticky h2{max-width: 13ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-inside{margin-top: 12px; display: grid; gap: 4px; padding: 8px; background: var(--bg-2); border-radius: var(--r-lg);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-inside li{display: flex; align-items: center; gap: 14px; padding: 10px 12px; font-size: 0.9688rem; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-inside .pp-icon{background: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-icon{width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; background: var(--bg-2); color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-icon .ic{width: 18px; height: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-icon--yellow{background: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-icon--lg{width: 48px; height: 48px; border-radius: 14px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-icon--lg .ic{width: 24px; height: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc{display: grid; gap: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc details{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); transition: border-color .3s var(--ease), box-shadow .3s var(--ease); overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc details:hover{border-color: var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc details[open]{box-shadow: var(--shadow); border-color: var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc summary{list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 22px 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc summary::-webkit-details-marker{display: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc summary small{display: block; font-size: 0.875rem; color: var(--ink-3); margin-bottom: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc summary h3{font-size: 1.3125rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-toggle{width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-2); transition: background-color .3s var(--ease), transform .4s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-toggle .ic{width: 16px; height: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) details[open] > summary .pp-toggle,body.pp.eh-page.eh-kurs :where(.pp-main) details[open] > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > summary .pp-toggle{transform: rotate(45deg); background: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc__body{padding: 0px 24px 22px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc__body > p,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc__body > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{color: var(--ink-2); max-width: 60ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules{margin-top: 16px; border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules li{display: grid; grid-template-columns: 92px 1fr auto; gap: 12px; align-items: center; min-height: 52px; padding: 8px 0px; border-bottom: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules li:last-child{border-bottom: 0px; padding-bottom: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules small{font-size: 0.875rem; color: var(--ink-3); font-variant-numeric: tabular-nums;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules span{color: var(--ink); font-weight: 500;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview{display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0px 12px 0px 8px; border-radius: 999px; border: 0px; background: var(--bg-2); color: var(--ink); font-size: 0.875rem; font-weight: 550; cursor: pointer; transition: background-color .25s var(--ease); white-space: nowrap;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview .ic{width: 18px; height: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover{background: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons{padding: clamp(40px, 6vw, 96px) clamp(20px, 4.5vw, 64px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__grid{display: grid; grid-template-columns: minmax(0px, 1.75fr) minmax(0px, 1fr); gap: 20px; align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__meta{margin-top: 18px; display: grid; gap: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__meta h3{font-size: 1.375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__meta p{font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist{display: grid; gap: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button{width: 100%; display: grid; grid-template-columns: 116px 1fr; gap: 14px; align-items: center; text-align: left; cursor: pointer; padding: 8px; border-radius: 16px; border: 0px; background: transparent; color: var(--on-dark); transition: background-color .3s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button:hover{background: var(--dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button[aria-pressed="true"]{background: var(--dark-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist__thumb{position: relative; border-radius: 10px; overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist__thumb img{width: 116px; aspect-ratio: 16 / 9; object-fit: cover;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist__thumb::after{content: ""; position: absolute; inset: 0px; box-shadow: transparent 0px 0px 0px 2px inset; border-radius: 10px; transition: box-shadow .3s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button[aria-pressed="true"] .pp-playlist__thumb::after{box-shadow: inset 0 0 0 2px var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist small{display: block; font-size: 0.8125rem; color: var(--on-dark-2); margin-bottom: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist b{font-weight: 550; font-size: 0.9688rem; line-height: 1.3; letter-spacing: -0.01em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__note{margin-top: 12px; padding: 16px; border-radius: 16px; background: var(--dark-2); font-size: 0.9375rem; display: flex; gap: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__note .ic{color: var(--yellow); margin-top: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg{position: relative; display: inline-flex; gap: 2px; padding: 5px; border-radius: 16px; background: var(--bg-2); max-width: 100%; overflow-x: auto; scrollbar-width: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg::-webkit-scrollbar{display: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg__ind{position: absolute; top: 5px; bottom: 5px; left: 0px; width: 0px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(16, 17, 20, 0.08) 0px 1px 2px, rgba(16, 17, 20, 0.16) 0px 4px 12px -4px; transition: transform .45s var(--ease), width .45s var(--ease); z-index: 0;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg button{position: relative; z-index: 1; height: 44px; padding: 0px 18px; border: 0px; border-radius: 12px; background: transparent; cursor: pointer; font-size: 0.9688rem; font-weight: 550; color: var(--ink-3); white-space: nowrap; transition: color .3s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg button[aria-selected="true"]{color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg-wrap{display: flex; justify-content: center; margin-bottom: 28px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage{display: grid; background: var(--bg-2); border-radius: var(--r-xl); padding: clamp(16px, 3vw, 40px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > [role="tabpanel"],body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > [role="tabpanel"]{grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0px, 1.9fr) minmax(0px, 1fr); gap: clamp(20px, 3.5vw, 48px); align-items: center; opacity: 1; transform: none; transition: opacity .5s var(--ease), transform .6s var(--ease), visibility 0s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > [role="tabpanel"][data-active="false"],body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > [role="tabpanel"][data-active="false"]{opacity: 0; transform: translateY(10px); visibility: hidden; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility 0s .3s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-shot{border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: var(--shadow-lg); border: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-shot img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: left top;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage__text{display: grid; gap: 14px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage__text h3{font-size: 1.625rem; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-flow{display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: rgb(255, 255, 255); font-size: 0.9375rem; color: var(--ink-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-flow .ic{margin-top: 2px; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-flow b{color: var(--ink); font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-mini{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; margin-top: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-mini li{display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; padding: 24px; border-radius: var(--r-lg); border: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-mini h3{font-size: 1.125rem; margin-bottom: 6px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-mini p{font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card{border-radius: var(--r-xl); padding: clamp(24px, 3.5vw, 40px); background: rgb(255, 255, 255); border: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card--muted{background: var(--bg-2); border-color: transparent;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card h3{font-size: 1.375rem; margin-bottom: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card li{display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding: 16px 0px; border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card--muted li{border-top-color: var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card li .ic{width: 26px; height: 26px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card--yes li .ic{color: rgb(30, 122, 62);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card--no li .ic{color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card b{display: block; color: var(--ink); font-weight: 600; margin-bottom: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit__card p{font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; align-items: stretch; padding: 10px; border-radius: var(--r-xl); border: 1px solid var(--line); background: rgb(255, 255, 255); margin-top: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__text{padding: clamp(20px, 3vw, 40px); display: grid; gap: 14px; align-content: center; justify-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__text h3{font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem); letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__img{border-radius: 20px; overflow: hidden; min-height: 260px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__img img{width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner:hover .pp-banner__img img{transform: scale(1.03);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person{display: grid; grid-template-columns: minmax(0px, 2fr) minmax(0px, 3fr); background: var(--bg-2); border-radius: var(--r-xl); overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img{background: var(--bg-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img img{width: 100%; height: 100%; object-fit: cover; object-position: center top; min-height: 320px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__text{padding: clamp(22px, 3vw, 36px); display: grid; gap: 10px; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__text h3{font-size: 1.5rem; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__role{font-size: 0.9375rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__text p:last-child{font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse{margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse li{display: flex; gap: 16px; align-items: center; padding: 18px 20px; border-radius: var(--r-lg); border: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse img{width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: 0 0 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse small{display: block; font-size: 0.8125rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse b{display: block; color: var(--ink); font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse span{font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee{display: grid; gap: 16px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee__row{overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee__track{display: flex; gap: 16px; width: max-content; animation: pp-marquee var(--speed, 70s) linear infinite;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee__row--rev .pp-marquee__track{animation-direction: reverse;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee:hover .pp-marquee__track{animation-play-state: paused;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review{width: 380px; flex: 0 0 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; padding: 26px; border-radius: var(--r-lg); background: var(--bg-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--tint .pp-review{background: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review blockquote{margin: 0px; font-size: 1.0313rem; line-height: 1.55; color: var(--ink); letter-spacing: -0.01em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review footer{display: flex; align-items: center; gap: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-initials{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: 0.875rem; font-weight: 600; color: var(--ink); background: var(--yellow); flex: 0 0 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-initials--b{background: rgb(227, 231, 240);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-initials--c{background: rgb(225, 238, 221);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review__who{display: grid; line-height: 1.3;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review__who b{color: var(--ink); font-weight: 600; font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review__who small{font-size: 0.8125rem; color: var(--ink-3);}
@keyframes pp-marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer{max-width: 1080px; margin-inline: auto; background: rgb(255, 255, 255); border-radius: var(--r-xl); box-shadow: var(--shadow-lg); border: 1px solid var(--line); overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__top{display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); gap: clamp(28px, 4vw, 56px); padding: clamp(28px, 4vw, 52px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__price{display: grid; gap: 14px; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__price h3{font-size: 1.5rem; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__installments{font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-guarantee{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: var(--bg-2); font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-guarantee .ic{width: 22px; height: 22px; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-guarantee b{color: var(--ink); font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-checklist{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 28px; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-checklist li{display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: var(--ink); font-size: 0.9688rem; line-height: 1.45;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-checklist .ic{width: 20px; height: 20px; margin-top: 1px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras{grid-column: 2; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras p{font-size: 0.9375rem; color: var(--ink-3); margin-bottom: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras{display: flex; flex-wrap: wrap; gap: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras li{display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0px 14px 0px 10px; border-radius: 999px; background: var(--yellow-soft); color: var(--ink); font-size: 0.9063rem; font-weight: 500;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras .ic{width: 18px; height: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__bottom{display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; padding: 20px clamp(28px, 4vw, 52px); background: var(--bg-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__bottom .pp-offer__actions{display: flex; gap: 10px; flex-wrap: wrap;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__fine{font-size: 0.875rem; color: var(--ink-3); display: flex; gap: 18px; flex-wrap: wrap;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__fine span{display: inline-flex; gap: 6px; align-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__fine .ic{width: 16px; height: 16px; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer-more{max-width: 1080px; margin: 18px auto 0px; display: flex; flex-wrap: wrap; gap: 10px 28px; justify-content: space-between; font-size: 0.9375rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq{display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); gap: clamp(40px, 6vw, 96px); align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq__side{position: sticky; top: 120px; display: grid; gap: 20px; justify-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq__side h2{max-width: 11ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq__contact{display: flex; flex-wrap: wrap; gap: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa details{border-bottom: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa details:first-child{border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa summary{list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 36px; gap: 20px; align-items: center; padding: 22px 0px; font-size: 1.125rem; font-weight: 550; letter-spacing: -0.015em; color: var(--ink); line-height: 1.35;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa summary::-webkit-details-marker{display: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa__body{padding: 0px 56px 24px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa__body p + p{margin-top: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final{display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 0.9fr); gap: 10px; padding: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__text{padding: clamp(28px, 5vw, 64px); display: grid; gap: 22px; align-content: center; justify-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__text h2{max-width: 14ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__price{display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__price .pp-price{font-size: 2.25rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img{border-radius: 20px; overflow: hidden; min-height: 360px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img img{width: 100%; height: 100%; object-fit: cover;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card{background: var(--dark); color: var(--on-dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card h3{color: var(--on-dark);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card li{color: var(--on-dark);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card li .ic{color: var(--yellow);}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-ticker__track,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee__track{animation: auto ease 0s 1 normal none running none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-marquee__row{overflow-x: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > [role="tabpanel"],body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > [role="tabpanel"],body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg__ind{transition: none;}
}
@media (max-width: 1080px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__grid{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist{grid-template-columns: repeat(3, minmax(0px, 1fr));}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button{grid-template-columns: 1fr; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist__thumb img{width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img img{aspect-ratio: 4 / 3; min-height: 0px;}
}
@media (max-width: 960px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-split,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__top,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-head--split{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-sticky,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-faq__side{position: static;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras{grid-column: 1;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid > .pp-video-col,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-video-col{order: 2;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > [role="tabpanel"],body.pp.eh-page.eh-kurs :where(.pp-main) .pp-stage > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > [role="tabpanel"]{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__img{min-height: 240px;}
}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs .pp-main{font-size: 1rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero{padding-top: calc(var(--naglowek-h, 88px) + 4px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero h1{margin-top: 14px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid{gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-buy__actions .pp-btn{flex: 1 1 auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts b{font-size: 1.375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-endorse,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-mini,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-checklist{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist button{grid-template-columns: 112px 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist__thumb img{width: 112px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules li{grid-template-columns: 80px 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules .pp-preview{grid-column: 2; justify-self: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc summary{padding: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-acc__body{padding: 0px 18px 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-review{width: 300px; padding: 22px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa summary{font-size: 1.0313rem; padding: 18px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-qa__body{padding-right: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__bottom{flex-direction: column; align-items: stretch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__bottom .pp-offer__actions .pp-btn{flex: 1 1 0%;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-inner{max-width: var(--wrap); margin-inline: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--flush-top + .pp-section--flush-top{padding-top: var(--gap-section);}
body.pp.eh-page.eh-kurs :where(.pp-main) #lekcje{padding-bottom: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #lekcje + #aplikacja{padding-top: var(--gap-section);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--tint .pp-fit__card--muted{background: var(--bg-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__side .pp-video{margin-top: 4px;}
body.pp.eh-page.eh-kurs .pp-main.pp-main > .pp-hero,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-hero{padding-top: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__inner{padding-top: calc(var(--naglowek-h, 88px) + clamp(16px, 2.5vw, 36px));}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section--tint .pp-toggle{background: rgb(255, 255, 255);}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs .pp-main.pp-main > .pp-hero,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-hero{padding-top: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__inner{padding-top: calc(var(--naglowek-h, 88px) + 8px);}
}
body.pp.eh-page.eh-kurs .pp-main.pp-main > section.pp-hero:first-of-type,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section.pp-hero:first-of-type{padding-top: calc(var(--naglowek-h, 88px) + 20px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__inner{padding-top: clamp(28px, 3.5vw, 48px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero h1{margin-top: 14px; font-size: clamp(2.5rem, 1.6rem + 3.2vw, 4.25rem);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__grid{margin-top: clamp(24px, 3vw, 40px);}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs .pp-main.pp-main > section.pp-hero:first-of-type,body.pp.eh-page.eh-kurs .pp-main.pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > section.pp-hero:first-of-type{padding-top: calc(var(--naglowek-h, 88px) + 12px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-hero__inner{padding-top: 24px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview{position: relative; isolation: isolate; overflow: hidden; --wave: var(--yellow); --wave-fg: var(--ink); transition: color 260ms var(--ease), box-shadow .25s var(--ease), transform .2s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview::before{content: ""; position: absolute; z-index: -1; left: 50%; bottom: 0px; width: 150%; aspect-ratio: 1 / 0.58; background: var(--wave); border-radius: 50% 50% 0px 0px / 100% 100% 0px 0px; translate: -50% 104%; transition: translate 560ms cubic-bezier(0.32, 0.72, 0.28, 1); pointer-events: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:focus-visible::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:focus-visible::before{translate: -50%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:focus-visible,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:focus-visible{background: var(--btn-bg); color: var(--wave-fg);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:active,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:active{transform: translateY(1px) scale(0.99);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn{--wave: var(--yellow); --wave-fg: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--light,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--on-yellow{--wave: var(--ink); --wave-fg: #fff;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview{--btn-bg: var(--bg-2); --wave: var(--ink); --wave-fg: #fff;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover{background: var(--bg-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--on-yellow:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--on-yellow:focus-visible{box-shadow: inset 0 0 0 1px var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--light:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn--light:focus-visible{box-shadow: inset 0 0 0 1px var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]::before{translate: -50% 104%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]{color: rgb(255, 255, 255);}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview::before{transition: none;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card .pp-btn,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-panel--dark .pp-btn:not(.pp-btn--light){--btn-bg: var(--yellow); --btn-fg: var(--ink); --wave: #fff; --wave-fg: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview{transition: color 260ms var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease), background-color 0s linear 0s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:focus-visible,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:focus-visible{background-color: var(--wave); transition: color 260ms var(--ease), transform .2s var(--ease), box-shadow .15s var(--ease), background-color 0s linear 420ms; box-shadow: none !important;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview::before{width: 160%; bottom: -1px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]{background-color: rgb(30, 107, 58);}
body.pp.eh-page.eh-kurs :where(.pp-main) #lekcje,body.pp.eh-page.eh-kurs :where(.pp-main) #odbior{padding-top: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace{display: grid; gap: 18px; margin-top: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light{background: rgb(255, 255, 255); box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-wrap: nowrap;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light .pp-seg__ind{background: var(--yellow); box-shadow: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light button{padding: 0px 14px; font-size: 0.9063rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light button[aria-checked="true"]{color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__result{padding: 22px 24px; border-radius: var(--r-lg); background: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__big{font-size: clamp(2.5rem, 2rem + 1.6vw, 3.25rem); font-weight: 600; letter-spacing: -0.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__big span{display: inline-block; transition: opacity .25s var(--ease), transform .35s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__big span.is-changing{opacity: 0; transform: translateY(8px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__small{margin-top: 6px; font-size: 0.9688rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__note{display: flex; gap: 10px; align-items: flex-start; font-size: 0.9375rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-pace__note .ic{color: var(--ink); margin-top: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps{position: relative; display: grid; gap: 16px; padding-left: 44px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps__line{position: absolute; left: 13px; top: 30px; bottom: 30px; width: 2px; background: var(--line-2); border-radius: 2px; overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps__fill{position: absolute; inset: 0px 0px auto; height: 0px; background: var(--ink); transition: height 0.15s linear;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step{position: relative; background: rgb(255, 255, 255); border-radius: var(--r-xl); padding: clamp(22px, 3vw, 32px); display: grid; gap: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__dot{position: absolute; left: -38px; top: 30px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg-2); box-shadow: inset 0 0 0 2px var(--line-2); transition: background-color .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step.is-reached .pp-step__dot{background: var(--yellow); box-shadow: inset 0 0 0 2px var(--ink); transform: scale(1.15);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__when{font-size: 0.9375rem; font-weight: 550; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step h3{font-size: 1.5rem; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step > p:not(.pp-step__when),body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p:not(.pp-step__when){max-width: 56ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__tags li{display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0px 12px 0px 10px; border-radius: 999px; background: var(--bg-2); font-size: 0.875rem; color: var(--ink); font-weight: 500;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__tags .ic{width: 16px; height: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card{background: var(--dark); border-radius: var(--r-xl); overflow: hidden; display: flex; flex-direction: column; color: var(--on-dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card--wide{grid-column: span 2; display: grid; grid-template-rows: 1fr auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media{position: relative; aspect-ratio: 16 / 10; overflow: hidden; margin: 10px 10px 0px; border-radius: 20px; background: var(--dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card--wide .pp-access__media{aspect-ratio: auto; height: 100%; min-height: 240px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media > img,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img{width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media > img,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img{transform: scale(1.04);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--screens{background: radial-gradient(120% 90% at 20% 0%, #2A2E36 0%, var(--dark-2) 60%);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--screens > img.pp-access__laptop,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--screens > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img.pp-access__laptop{position: absolute; left: 7%; top: 12%; width: 72%; height: auto; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 40px -12px; border: 1px solid rgba(255, 255, 255, 0.08);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--screens > img.pp-access__phone,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--screens > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img.pp-access__phone{position: absolute; right: 8%; bottom: -12%; width: 26%; height: 78%; object-fit: cover; border-radius: 18px; border: 5px solid rgb(43, 46, 53); box-shadow: rgba(0, 0, 0, 0.7) 0px 20px 40px -10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--screens > img.pp-access__laptop,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--screens > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img.pp-access__laptop{transform: translateY(-4px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--screens > img.pp-access__phone,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--screens > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > img.pp-access__phone{transform: translateY(-10px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--stat{display: grid; place-items: center; background: radial-gradient(90% 90% at 50% 10%, #2B2F37, var(--dark-2));}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--stat p{display: grid; justify-items: center; gap: 6px; color: var(--on-dark-2); font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--stat span{font-size: clamp(4rem, 3rem + 3vw, 6rem); line-height: 0.9; font-weight: 600; letter-spacing: -0.05em; color: var(--yellow); transition: transform .8s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--stat span{transform: scale(1.06);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__text{padding: 20px 24px 24px; display: grid; gap: 6px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__text h3{color: var(--on-dark); font-size: 1.1875rem; display: flex; gap: 10px; align-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__text h3 .ic{color: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__text p{font-size: 0.9688rem;}
@media (max-width: 960px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card--wide{grid-column: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card--wide .pp-access__media{aspect-ratio: 16 / 11; height: auto; min-height: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps{padding-left: 34px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps__line{left: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-step__dot{left: -33px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light{width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light button{padding: 0px 10px; font-size: 0.8438rem; flex: 1 0 auto;}
}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-steps__fill{transition: none;}
}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); overflow: visible;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-seg--light button{height: auto; min-height: 48px; padding: 6px 8px; white-space: normal; line-height: 1.2; text-align: center;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__head{max-width: 860px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__head h2{font-size: clamp(2.125rem, 1.4rem + 2.4vw, 3.5rem);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio li{display: grid; gap: 20px; align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__img{aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; background: var(--dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__img img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio li:hover .pp-trio__img img{transform: scale(1.05);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__text{display: grid; gap: 8px; padding-inline: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__who{font-size: 0.875rem; font-weight: 500; color: var(--on-dark-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__who--pro{color: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__text h3{font-size: 1.3125rem; letter-spacing: -0.02em; color: var(--on-dark);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__text p:last-child{font-size: 0.9688rem; color: var(--on-dark-2); max-width: 36ch;}
@media (max-width: 900px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio{grid-template-columns: 1fr; gap: 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-trio__img{aspect-ratio: 16 / 10;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video--still{margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video--still img{transition: transform 1.2s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video--still:hover img{transform: scale(1.03);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts--tags li{padding-block: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-facts--tags b{font-size: 1.125rem; letter-spacing: -0.02em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules--desc li{grid-template-columns: 92px 1fr; align-items: start; padding: 14px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules--desc li > small,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules--desc li > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > small{padding-top: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules--desc li p{margin-top: 4px; font-size: 0.9375rem; color: var(--ink-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video--ph img{filter: grayscale(0.35) brightness(0.45);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__ph{position: absolute; inset: 0px; display: grid; place-content: center; justify-items: center; gap: 16px; padding: 24px; text-align: center; color: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__ph .pp-video__btn{background: rgba(255, 255, 255, 0.16); color: rgb(255, 255, 255); box-shadow: none; backdrop-filter: blur(8px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__ph p{display: grid; gap: 4px; max-width: 42ch; font-size: 0.9375rem; color: rgba(255, 255, 255, 0.8);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__ph b{font-size: 1.125rem; color: rgb(255, 255, 255); font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-lessons__label{font-size: 0.9375rem; font-weight: 600; color: var(--on-dark); margin-bottom: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static .pp-playlist__item{display: grid; grid-template-columns: 116px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: 16px; color: var(--on-dark);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static li + li .pp-playlist__item{border-top: 1px solid var(--dark-line); border-radius: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static small{display: block; font-size: 0.8125rem; color: var(--on-dark-2); margin-bottom: 2px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static b{font-weight: 550; font-size: 0.9688rem; line-height: 1.3;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-thumb-ph{display: grid; place-items: center; width: 116px; aspect-ratio: 16 / 9; border-radius: 10px; background: var(--dark-3); color: var(--on-dark-2); box-shadow: inset 0 0 0 1px var(--dark-line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion li{display: grid; gap: 12px; align-content: start; padding: 28px; border-radius: var(--r-xl); background: rgb(255, 255, 255); min-height: 220px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-section:not(.pp-section--tint) .pp-notion li{background: var(--bg-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion .pp-icon--lg{background: var(--yellow); margin-bottom: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion h3{font-size: 1.1875rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion p{font-size: 0.9688rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access--4{grid-template-columns: repeat(4, minmax(0px, 1fr));}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--icon{aspect-ratio: 4 / 3;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__media--icon .ic{width: 56px; height: 56px; color: var(--yellow); transition: transform .8s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access__card:hover .pp-access__media--icon .ic{transform: scale(1.1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-courses{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course{display: flex; flex-direction: column; height: 100%; border-radius: var(--r-xl); overflow: hidden; background: rgb(255, 255, 255); text-decoration: none; color: var(--ink-2); transition: box-shadow .35s var(--ease), transform .35s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course:hover{box-shadow: var(--shadow-lg); transform: translateY(-3px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__img{display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bg-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__img img{width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course:hover .pp-course__img img{transform: scale(1.05);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__body{display: flex; flex-direction: column; gap: 6px; padding: 20px 22px 22px; flex: 1 1 0%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__body small{font-size: 0.8125rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__body b{font-size: 1.125rem; font-weight: 600; color: var(--ink); letter-spacing: -0.02em; line-height: 1.25;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__body > span:not(.pp-course__foot),body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__body > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > span:not(.pp-course__foot){font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__foot{margin-top: auto; padding-top: 16px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: var(--ink); font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__more{display: inline-flex; gap: 6px; align-items: center; font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course:hover .pp-course__more .ic{transform: translateX(3px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-course__more .ic{transition: transform .3s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer-note{font-size: 0.9375rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer-note a{color: var(--ink); font-weight: 550; text-underline-offset: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-plan--selected{position: relative;}
@media (max-width: 1080px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access--4{grid-template-columns: repeat(2, minmax(0px, 1fr));}
}
@media (max-width: 960px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion{grid-template-columns: 1fr;}
}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-modules--desc li{grid-template-columns: 1fr; gap: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-access--4{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-notion li{min-height: 0px; padding: 22px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static .pp-playlist__item{grid-template-columns: 96px 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-thumb-ph,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-playlist--static img{width: 96px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer-more.pp-offer-note{display: block; text-align: center; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt{grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person{grid-template-columns: 120px minmax(0px, 1fr);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person__img img{min-height: 0px; height: 100%; aspect-ratio: 3 / 4;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person__text{padding: 20px 22px; gap: 6px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person__text h3{font-size: 1.1875rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person__text p:last-child{font-size: 0.9063rem;}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--kompakt .pp-person{grid-template-columns: 96px minmax(0px, 1fr);}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person{grid-template-columns: minmax(0px, 360px) minmax(0px, 1fr); align-items: stretch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__img img{min-height: 100%; height: 100%; aspect-ratio: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__text{padding: clamp(28px, 4vw, 52px); gap: 12px; align-content: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__text h3{font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem); letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__role{font-size: 1rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__text p:last-child{font-size: 1.0625rem; max-width: 62ch;}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-people--jeden .pp-person__img img{aspect-ratio: 4 / 3; min-height: 0px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-termin{display: grid; grid-template-columns: 20px minmax(0px, 1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 12px 14px; border: 0px; border-radius: 12px; cursor: pointer; text-align: left; background: var(--bg-2); box-shadow: transparent 0px 0px 0px 1px inset; transition: background-color .2s var(--ease), box-shadow .2s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-termin:hover{background: var(--bg-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-termin[aria-pressed="true"]{background: rgb(255, 255, 255); box-shadow: inset 0 0 0 2px var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-termin__wiecej{display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 4px; font-size: 0.875rem; font-weight: 550; color: var(--ink); text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-termin__wiecej:hover{text-decoration: underline; text-underline-offset: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media{grid-template-columns: minmax(0px, 7fr) minmax(0px, 5fr); align-items: stretch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto{position: relative; border-radius: var(--r-xl); overflow: hidden; background: var(--bg-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto img{width: 100%; height: 100%; object-fit: cover; object-position: left top; transition: transform 1.2s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto:hover img{transform: scale(1.03);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto figcaption{position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(10px); font-size: 0.875rem; color: var(--ink);}
@media (max-width: 960px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto img{aspect-ratio: 16 / 10; height: auto;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card li,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card p{color: var(--on-dark) !important;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dark-card li .ic{color: var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final{grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); align-items: stretch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__text{padding: clamp(26px, 3.5vw, 48px); gap: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__text h2{max-width: 21ch; font-size: clamp(30px, 3vw, 46px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img{position: relative; min-height: 300px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img{min-height: 220px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__text h2{max-width: none;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview{transition: color 180ms, transform 180ms, box-shadow 180ms;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:focus-visible,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:focus-visible{background: var(--btn-bg); transition: color 180ms, transform 180ms, box-shadow 180ms;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview::before{width: 160%; height: 220%; aspect-ratio: auto; bottom: -1px; translate: none; transform: translate3d(-50%, 105%, 0px); transition: transform 280ms cubic-bezier(0.2, 0.7, 0.3, 1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn:focus-visible::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:hover::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview:focus-visible::before{translate: none; transform: translate3d(-50%, 0px, 0px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]::before{translate: none; transform: translate3d(-50%, 105%, 0px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn[data-dodano="tak"]{background: rgb(30, 107, 58);}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-btn::before,body.pp.eh-page.eh-kurs :where(.pp-main) .pp-preview::before{transition: none;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) [data-forma-tylko][hidden]{display: none !important;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-dates__omnibus{margin: 10px 8px 0px; font-size: 0.8125rem; line-height: 1.45; color: var(--ink-3);}
/* konwersja.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__grid{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__grid h2{max-width: 28ch; text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy{max-width: 760px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy .pp-lead{font-size: clamp(1rem, 1.25vw, 1.125rem); line-height: 1.65; max-width: 70ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy{display: grid; align-content: start; gap: 22px; max-width: 65ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy > p,body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{line-height: 1.65;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-package-note{font-size: 0.88rem; border-left: 3px solid; padding: 10px 16px; margin-top: 18px !important;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-package-note a{text-decoration: underline; text-underline-offset: 3px; font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-proof{display: grid; grid-template-columns: 0.8fr 1.2fr; align-items: center; gap: clamp(28px, 5vw, 72px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-proof h2{margin-bottom: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder{min-height: 340px; border: 1px dashed var(--line-2); border-radius: var(--r-lg); background: var(--bg-3); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 40px; text-align: center; position: relative;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder__label{position: absolute; top: 20px; left: 20px; color: var(--ink-3); font-size: 0.75rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder > span:not(.ec-placeholder__label),body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > span:not(.ec-placeholder__label){width: 60px; height: 60px; border: 1px solid var(--line-2); border-radius: 12px; display: grid; place-items: center;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder svg{width: 28px; height: 28px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder p{font-size: 0.875rem; color: var(--ink-3);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-goal__link{display: flex; align-items: center; gap: 14px; margin-top: 24px; font-weight: 600; font-size: 0.9rem; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-goal__link svg{width: 22px; height: 22px; transition: transform 240ms var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison{border-top: 1px solid var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a{display: grid; grid-template-columns: 1fr 28px; gap: 6px 16px; padding: 22px 0px; border-bottom: 1px solid var(--line-2); text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison span{font-weight: 650; color: var(--ink);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison small{grid-column: 1;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison svg{grid-area: 1 / 2 / 3; align-self: center; transition: transform 200ms;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a:hover svg{transform: translateX(4px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a:hover span{text-decoration: underline; text-underline-offset: 4px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy:has(.ec-comparison){max-width: none; width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy:has(.ec-comparison) > p,body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__copy:has(.ec-comparison) > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{max-width: 70ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; border-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a{padding: 24px 0px; border-top: 1px solid var(--line-2); align-content: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison small{font-size: 16px; line-height: 1.65;}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison{grid-template-columns: 1fr; gap: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a{border-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a:first-child{border-top: 1px solid var(--line-2);}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__okno{display: grid;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd,body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd[data-stan="aktywny"]{grid-area: 1 / 1; position: relative;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd[aria-hidden="true"]{pointer-events: none; visibility: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-pause{font-size: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison a:focus-visible{outline: 3px solid var(--akcent); outline-offset: 5px;}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) [data-global-pasek]{margin-bottom: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-editorial__grid,body.pp.eh-page.eh-kurs :where(.pp-main) .ec-proof{grid-template-columns: 1fr; gap: 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-placeholder{min-height: 250px; padding: 52px 20px 30px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__slajd{font-size: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pasek-zapowiedzi__nawigacja{min-height: 36px;}
}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-comparison svg{transition: none;}
}
body.pp.eh-page.eh-kurs{--gap-section: clamp(64px,7vw,104px);}
body.pp.eh-page.eh-kurs .pp-main > .pp-section + .pp-section:not(.pp-section--tint):not(:has(> .pp-panel)),body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-section + .pp-section:not(.pp-section--tint):not(:has( > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-panel)){padding-top: var(--gap-section);}
body.pp.eh-page.eh-kurs .pp-main > .pp-section:not(.pp-section--tint):not(:has(> .pp-panel)) + .pp-section:not(.pp-section--tint):not(:has(> .pp-panel)),body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-section:not(.pp-section--tint):not(:has( > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-panel)) + .pp-section:not(.pp-section--tint):not(:has( > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-panel)){padding-top: 0px;}
body.pp.eh-page.eh-kurs .pp-main > .pp-section--tint + .pp-section--tint,body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-section--tint + .pp-section--tint{padding-top: 0px;}
body.pp.eh-page.eh-kurs .pp-main > .pp-section[hidden],body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-section[hidden],body.pp.eh-page.eh-kurs .pp-main > .pp-section:has(> [hidden]:only-child),body.pp.eh-page.eh-kurs .pp-main > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .pp-section:has( > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > [hidden]:only-child){display: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .ec-format__body{padding: clamp(26px, 3vw, 40px); display: flex; flex-direction: column; flex: 1 1 0%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras.pp-extras--described{display: grid; gap: 0px; margin-top: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras.pp-extras--described li{display: flex; align-items: flex-start; height: auto; min-height: 0px; padding: 18px 0px; gap: 14px; border-radius: 0px; background: transparent; border-bottom: 1px solid var(--line); line-height: 1.55;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras.pp-extras--described li:first-child{border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extras.pp-extras--described .ic{flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extra-copy{min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extra-copy strong{display: block; font-size: 0.95rem; font-weight: 600;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-extra-copy p{margin-top: 4px; color: var(--ink-2); font-size: 0.9rem; line-height: 1.55;}
body.pp.eh-page.eh-kurs .pp-main [data-benefit-review]{max-width: 64ch; text-wrap: pretty;}
/* tekstowe-cta.css */
body.pp.eh-page.eh-kurs .text-cta{display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px; text-decoration: none; border-bottom: 0px; max-width: 100%;}
body.pp.eh-page.eh-kurs .text-cta > .text-cta__label,body.pp.eh-page.eh-kurs .text-cta > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .text-cta__label{position: relative; display: block; flex: 0 1 auto; min-width: 0px; padding: 0px 0px 4px; margin: 0px; text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::before,body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::after{content: ""; position: absolute; bottom: 0px; height: 2px; border-radius: 2px; transition: width 420ms var(--easing);}
body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::after{right: 0px; width: 100%; background: currentcolor; opacity: 0.25;}
body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::before{z-index: 1; left: 0px; width: 0px; background: var(--akcent);}
body.pp.eh-page.eh-kurs .text-cta > .text-cta__arrow,body.pp.eh-page.eh-kurs .text-cta > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .text-cta__arrow{display: inline-flex; align-items: center; flex: 0 0 auto; padding: 0px; margin-top: 0px; width: 16px; height: 16px; text-decoration: none; transition: margin 380ms var(--easing),opacity 240ms var(--easing);}
body.pp.eh-page.eh-kurs .text-cta > .text-cta__arrow svg,body.pp.eh-page.eh-kurs .text-cta > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .text-cta__arrow svg{width: 16px; height: 16px; transform: none; translate: none; transition: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta:is(:hover, :focus-visible) .text-cta__label::before,body.pp.eh-page.eh-kurs :where(.pp-main) a:is(:hover, :focus-visible) .text-cta .text-cta__label::before{width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta:is(:hover, :focus-visible) .text-cta__label::after,body.pp.eh-page.eh-kurs :where(.pp-main) a:is(:hover, :focus-visible) .text-cta .text-cta__label::after{width: 0px;}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs .text-cta > .text-cta__arrow,body.pp.eh-page.eh-kurs .text-cta > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .text-cta__arrow,body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::before,body.pp.eh-page.eh-kurs :where(.pp-main) .text-cta__label::after{transition: none;}
}
/* typografia.css */
body.pp.eh-page.eh-kurs{--type-hero: clamp(2.25rem, 1.5rem + 2.6vw, 4rem); --type-section: clamp(1.75rem, 1.35rem + 1.55vw, 2.75rem); --type-card: clamp(1.125rem, 1rem + .45vw, 1.375rem); --type-lead: clamp(1.0625rem, 1rem + .2vw, 1.1875rem); --rozmiar-display: var(--type-hero); --rozmiar-h1: var(--type-hero); --rozmiar-h2: var(--type-section); --rozmiar-lead: var(--type-lead);}
body.pp.eh-page.eh-kurs{font-family: var(--font-tekst);}
body.pp.eh-page.eh-kurs .pp-main h1,body.pp.eh-page.eh-kurs .pp-main h1{font-size: var(--type-hero); line-height: 1.1; font-weight: 650; letter-spacing: -0.035em;}
body.pp.eh-page.eh-kurs .pp-main h2,body.pp.eh-page.eh-kurs .pp-main h2{font-size: var(--type-section); line-height: 1.15; font-weight: 650; letter-spacing: -0.03em;}
body.pp.eh-page.eh-kurs .pp-main h3,body.pp.eh-page.eh-kurs .pp-main h3{font-size: var(--type-card); line-height: 1.3; font-weight: 650; letter-spacing: -0.018em;}
body.pp.eh-page.eh-kurs .pp-main p{text-wrap: pretty;}
body.pp.eh-page.eh-kurs .pp-main,body.pp.eh-page.eh-kurs .pp-main button,body.pp.eh-page.eh-kurs .pp-main input,body.pp.eh-page.eh-kurs .pp-main select{font-family: var(--font-tekst);}
body.pp.eh-page.eh-kurs .pp-main .pp-lead{font-size: var(--type-lead); line-height: 1.6; letter-spacing: 0px; max-width: 66ch;}
body.pp.eh-page.eh-kurs .pp-main .pp-head h2,body.pp.eh-page.eh-kurs .pp-main .pp-sticky h2{max-width: 26ch;}
body.pp.eh-page.eh-kurs .pp-main .pp-qa__body{font-size: 1rem; line-height: 1.65;}
body.pp.eh-page.eh-kurs .pp-main .pp-extra-copy p{font-size: 0.9375rem; line-height: 1.6;}
body.pp.eh-page.eh-kurs .pp-main .pp-offer__extras > p,body.pp.eh-page.eh-kurs .pp-main .pp-offer__extras > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{font-size: 1rem; font-weight: 600; color: var(--ink);}
body.pp.eh-page.eh-kurs .pp-main .pp-price{font-variant-numeric: tabular-nums;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-purchase-note{padding: 22px 0px; border-top: 1px solid var(--line); margin: 0px clamp(28px, 4vw, 52px) 24px; max-width: 72ch;}
body.pp.eh-page.eh-kurs .pp-main .pp-purchase-note h3{font-size: 1.0625rem; margin-bottom: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-purchase-note p{font-size: 0.9375rem; line-height: 1.6;}
body.pp.eh-page.eh-kurs .pp-main .pp-qa h3{font-size: 1.125rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__top > div:not(.pp-offer__price),body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__top > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > div:not(.pp-offer__price){display: contents;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__top .pp-offer__extras{grid-column: 1 / -1; margin-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras .pp-extras--described{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 32px; border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras .pp-extras--described li:first-child{border-top: 0px;}
body.pp.eh-page.eh-kurs .pp-main .pp-offer__extras .pp-extra-copy p{margin-bottom: 0px;}
@media (max-width: 720px){
body.pp.eh-page.eh-kurs :where(.pp-main) input,body.pp.eh-page.eh-kurs :where(.pp-main) select,body.pp.eh-page.eh-kurs :where(.pp-main) textarea{font-size: 16px;}
body.pp.eh-page.eh-kurs .pp-main .pp-head h2,body.pp.eh-page.eh-kurs .pp-main .pp-sticky h2{max-width: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-offer__extras .pp-extras--described{grid-template-columns: 1fr;}
}
/* efekt-nauki.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-layout{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-areas: "media intro" "media steps"; gap: 28px clamp(32px, 5vw, 80px); align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-intro{grid-area: intro;}
body.pp.eh-page.eh-kurs .pp-main .efekt-intro h2{max-width: 23ch; margin-bottom: 20px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-intro .pp-lead{max-width: 49ch; font-size: 1.0625rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-media{grid-area: media; position: sticky; top: calc(var(--naglowek-h, 88px) + 28px); border-radius: 24px; overflow: hidden; background: var(--bg-2); height: clamp(440px, 43vw, 580px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame{position: absolute; inset: 0px; display: grid; grid-template-rows: minmax(0px, 1fr) auto; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0.4s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame.is-active{opacity: 1; visibility: visible; z-index: 1;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame img{width: 100%; height: 100%; min-height: 0px; object-fit: cover; transform: scale(1.025); transition: transform .65s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame.is-active img{transform: scale(1);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame--contain img{object-fit: contain; padding: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame figcaption{padding: 20px 24px; font-size: 0.875rem; line-height: 1.5; color: var(--ink-2); background: var(--bg-2); border-top: 3px solid var(--yellow);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-content{grid-area: steps;}
body.pp.eh-page.eh-kurs .pp-main .efekt-steps{list-style: none; margin: 0px; padding: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step{position: relative; margin: 0px; padding: 0px 0px 0px 28px; border-left: 2px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step::before{content: ""; position: absolute; inset: 0px auto 0px -2px; width: 2px; background: var(--yellow); transform: scaleY(0); transform-origin: center top; transition: transform .4s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step.is-active::before{transform: scaleY(1);}
body.pp.eh-page.eh-kurs .pp-main .efekt-step button{display: flex; align-items: center; gap: 20px; justify-content: space-between; padding: 18px 0px 8px; width: 100%; background: transparent; border: 0px; text-align: left; font-size: 1.25rem; font-weight: 600; line-height: 1.3; cursor: pointer;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step button::after{content: "↗"; flex: 0 0 28px; font-size: 1.2rem; transition: transform 0.2s;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step button:hover::after,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step.is-active button::after{transform: translate(3px, -3px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step p{padding-bottom: 22px; font-size: 1rem; line-height: 1.55; color: var(--ink-2); max-width: 46ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step + .efekt-step button{border-top: 1px solid var(--line);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-program{display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; font-size: 0.9375rem; font-weight: 600; text-decoration: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-program span{border-bottom: 1px solid var(--line-2); padding-bottom: 3px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-program .ic{width: 20px; height: 20px; transition: transform .2s var(--ease);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-program:hover .ic{transform: translateX(5px);}
@media (max-width: 900px){
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-layout{grid-template-columns: 1fr; grid-template-areas: "intro" "media" "steps"; gap: 28px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-media{position: relative; top: auto; height: clamp(310px, 72vw, 460px);}
body.pp.eh-page.eh-kurs .pp-main .efekt-intro h2{max-width: 27ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-intro .pp-lead,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step p{max-width: 65ch;}
}
@media (prefers-reduced-motion: reduce){
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-frame img,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step::before,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step button::after,body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-program .ic{transition: none; transform: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step::before{transform: scaleY(0);}
body.pp.eh-page.eh-kurs :where(.pp-main) .efekt-step.is-active::before{transform: scaleY(1);}
}
/* oferta-korzysci.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading{max-width: 850px; margin-bottom: 40px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading h2{max-width: 30ch; margin: 0px 0px 20px; text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading > p,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{max-width: 72ch; margin: 0px; font-size: 18px; line-height: 1.65; color: rgb(72, 75, 80);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcomes__grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome{padding: 26px 0px 0px; border-top: 2px solid rgb(223, 223, 218); position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 2;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome::before{content: ""; position: absolute; top: -2px; left: 0px; width: 42px; height: 2px; background: rgb(222, 192, 0);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome h3{font-size: clamp(21px, 2vw, 24px); line-height: 1.25; margin: 0px; max-width: 26ch; text-wrap: balance;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome p{font-size: 16px; line-height: 1.7; color: rgb(72, 75, 80); margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer.pp-section{padding-block: 40px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer__inner{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.25fr); gap: 40px; border-block: 1px solid rgb(222, 222, 217); padding-block: 32px; align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer h2{font-size: clamp(23px, 2.4vw, 30px); line-height: 1.25; max-width: 26ch; margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer__copy .pp-lead{font-size: 17px; line-height: 1.7; margin: 0px; max-width: 65ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context{background: rgb(244, 244, 241);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context__grid{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr); gap: 48px; align-items: start;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context h2{max-width: 26ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context p{line-height: 1.65;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context__grid > .offer-heading,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context__grid > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > .offer-heading{margin-bottom: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand{display: grid; grid-template-columns: 1fr 1fr; gap: 48px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand article{border-top: 1px solid rgb(214, 214, 208); padding-top: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand h3{font-size: 22px; line-height: 1.3; margin: 0px 0px 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand p{max-width: 58ch; color: rgb(72, 75, 80); margin: 20px 0px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-trend{display: flex; align-items: center; gap: 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-trend span{display: grid; gap: 8px; color: rgb(72, 75, 80);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-trend strong,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand .offer-number{display: block; font-size: clamp(36px, 4vw, 48px); line-height: 1.15; color: rgb(17, 20, 22);}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-demand{grid-template-columns: 1fr; gap: 32px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-fact{padding: 24px 0px; border-top: 1px solid rgb(214, 214, 208);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-fact:first-child{padding-top: 0px; border-top: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-fact h3{font-size: 22px; line-height: 1.3; margin: 0px 0px 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-fact p{margin: 0px; color: rgb(72, 75, 80);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-fact strong.offer-number{display: block; font-size: clamp(32px, 4vw, 48px); font-weight: 600; line-height: 1.1; margin-bottom: 12px; color: rgb(17, 20, 22);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-comparison{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; border: 1px solid rgb(216, 216, 210); border-radius: 20px; overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system{padding: 30px; display: grid; grid-template-rows: auto 1fr; gap: 24px; background: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system + .offer-system{border-left: 1px solid rgb(216, 216, 210);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system:first-child{background: rgb(255, 249, 216);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system h3{font-size: 26px; line-height: 1.2; margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system dl{margin: 0px; display: grid; grid-template-rows: repeat(3, 1fr); gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system dt{font-weight: 600; margin-bottom: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system dd{margin: 0px; line-height: 1.65; font-size: 16px; color: rgb(72, 75, 80);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work{margin-top: 32px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work article{padding-top: 20px; border-top: 1px solid rgb(214, 214, 208);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work h3{font-size: 20px; line-height: 1.3; margin: 0px 0px 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work p{font-size: 16px; line-height: 1.65; margin: 0px; color: rgb(72, 75, 80);}
@media (max-width: 900px){
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcomes__grid{grid-template-columns: 1fr; gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome{display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); grid-template-rows: auto; grid-row: auto; gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome h3{margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context__grid{grid-template-columns: 1fr; gap: 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-comparison{grid-template-columns: 1fr;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system + .offer-system{border-left: 0px; border-top: 1px solid rgb(216, 216, 210);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system dl{grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: auto;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer__inner{gap: 24px;}
}
@media (max-width: 600px){
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading{margin-bottom: 28px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading > p,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-heading > :where(.kt-row-column-wrap) > :where(.wp-block-kadence-column) > :where(.kt-inside-inner-col) > p{font-size: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer__inner,body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work{grid-template-columns: 1fr; gap: 14px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-outcome h3{max-width: none;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer.pp-section{padding-block: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-answer__inner{padding-block: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system{padding: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-system dl{grid-template-columns: 1fr; gap: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-work{gap: 24px;}
}
/* kadry-zdjec.css */
body.pp.eh-page.eh-kurs img:is([src*="/Pomiary_1."],[src*="/Pomiary_1-proto"],[src*="/Pomiary_1-1."],[src*="/Pomiary_1-1-"],[src*="/Pomiary_1-2."]){object-position: 50% 100%;}
body.pp.eh-page.eh-kurs img:is([src*="/SUziom_1."],[src*="/SUziom_1-proto"],[src*="/SUziom_1-1."],[src*="/SUziom_1-1-"],[src*="/SUziom_1-2."]){object-position: 50% 78%;}
body.pp.eh-page.eh-kurs img:is([src*="/AndrzejZosadzakiem."],[src*="/AndrzejZosadzakiem-proto"],[src*="/AndrzejZosadzakiem-1."],[src*="/AndrzejZosadzakiem-1-"],[src*="/AndrzejZosadzakiem-2."]),body.pp.eh-page.eh-kurs img:is([src*="/AndrzejZaborowski-480x624."],[src*="/AndrzejZaborowski-480x624-proto"],[src*="/AndrzejZaborowski-480x624-1."],[src*="/AndrzejZaborowski-480x624-1-"],[src*="/AndrzejZaborowski-480x624-2."]){object-position: 50% 18%;}
body.pp.eh-page.eh-kurs img:is([src*="/Radek-solo-480x722."],[src*="/Radek-solo-480x722-proto"],[src*="/Radek-solo-480x722-1."],[src*="/Radek-solo-480x722-1-"],[src*="/Radek-solo-480x722-2."]){object-position: 50% 16%;}
body.pp.eh-page.eh-kurs :is(.pp-shot, .pp-fit__foto, .pp-final__img, .pp-video) img:is([src*="/MP-DSE."],[src*="/MP-DSE-proto"],[src*="/MP-DSE-1."],[src*="/MP-DSE-1-"],[src*="/MP-DSE-2."]),body.pp.eh-page.eh-kurs :is(.pp-shot, .pp-fit__foto, .pp-final__img, .pp-video) img:is([src*="/MP_DSA."],[src*="/MP_DSA-proto"],[src*="/MP_DSA-1."],[src*="/MP_DSA-1-"],[src*="/MP_DSA-2."]),body.pp.eh-page.eh-kurs :is(.pp-shot, .pp-fit__foto, .pp-final__img, .pp-video) img:is([src*="/planer."],[src*="/planer-proto"],[src*="/planer-1."],[src*="/planer-1-"],[src*="/planer-2."]){object-fit: scale-down; object-position: center center; background: rgb(244, 244, 241); transform: none;}
body.pp.eh-page.eh-kurs :is(.pp-shot, .pp-final__img, .pp-video) img:is([src*="/ZID."],[src*="/ZID-proto"],[src*="/ZID-1."],[src*="/ZID-1-"],[src*="/ZID-2."]),body.pp.eh-page.eh-kurs :is(.pp-shot, .pp-final__img, .pp-video) img:is([src*="/Firma-1."],[src*="/Firma-1-proto"],[src*="/Firma-1-1."],[src*="/Firma-1-1-"],[src*="/Firma-1-2."]){object-fit: scale-down; object-position: center center; background: rgb(239, 239, 235); transform: none;}
body.pp.eh-page.eh-kurs :is(.pp-video, .pp-shot, .pp-final__img) img:is([src*="/Lacznik-pojedynczy-i-oprawa-montaz-DSC03779."],[src*="/Lacznik-pojedynczy-i-oprawa-montaz-DSC03779-proto"],[src*="/Lacznik-pojedynczy-i-oprawa-montaz-DSC03779-1."],[src*="/Lacznik-pojedynczy-i-oprawa-montaz-DSC03779-1-"],[src*="/Lacznik-pojedynczy-i-oprawa-montaz-DSC03779-2."]){object-fit: contain; object-position: center center; background: rgb(40, 42, 41); transform: none;}
body.pp.eh-page.eh-kurs .efekt-frame img:is([src*="/uziomy-zlacze."],[src*="/uziomy-zlacze-proto"],[src*="/uziomy-zlacze-1."],[src*="/uziomy-zlacze-1-"],[src*="/uziomy-zlacze-2."]){object-fit: contain; background: rgb(244, 244, 241); transform: none;}
body.pp.eh-page.eh-kurs .pp-access__media img.pp-access__phone{object-fit: contain; background: rgb(23, 25, 28);}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img{align-self: start; overflow: hidden;}
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img img{display: block; height: auto; min-height: 0px; aspect-ratio: 3 / 4; object-fit: cover; object-position: center top;}
@media (max-width: 600px){
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-person__img img{aspect-ratio: 4 / 5;}
}
/* poprawki-katalogu.css */
@media (min-width: 1024px){
body.pp.eh-page.eh-kurs :where(.pp-main) .katalog[data-filtry-zwiniete="tak"]{grid-template-columns: minmax(0px, 1fr);}
}
/* uwagi-wrzesien.css */
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-services{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-service{padding-top: 24px; border-top: 1px solid var(--line-2);}
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-service p{margin-top: 12px; font-size: 1rem; line-height: 1.65;}
@media (max-width: 767px){
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-services{grid-template-columns: 1fr;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-pace{gap: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-pace__result{display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 20px; padding: 16px 20px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-pace__big{font-size: clamp(1.75rem, 2.8vw, 2.25rem);}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-pace__small{margin: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-step{padding: 20px 24px; gap: 6px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-step h3{font-size: 1.25rem;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-steps{gap: 12px;}
@media (max-width: 767px){
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-split{gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-seg--light{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); width: 100%;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-seg--light button{padding: 0px 8px; font-size: 0.8125rem; min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-step{padding: 18px;}
body.pp.eh-page.eh-kurs :where(.pp-main) #tempo .pp-pace__note{font-size: 0.875rem;}
}

/* === POPRAWKI === */
/* raty w ofercie: w prototypie inline style margin-top:8px */
body.pp.eh-page.eh-kurs .pp-offer__price .pp-offer__installments{margin-top:8px}

/* Karty kursów (.pp-course__foot): cena przy obniżce jak na karcie katalogu – przekreślona czytelna, -X%, krótkie zdanie Omnibus (2026-10-06). */
body.pp.eh-page.eh-kurs .pp-course__foot .cena-promo{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;}
body.pp.eh-page.eh-kurs .pp-course__foot .cena-promo__przed{font-size:.875rem;font-weight:500;color:var(--ink-3);text-decoration:line-through;}
body.pp.eh-page.eh-kurs .pp-course__foot .cena-promo__znak{display:inline-flex;align-items:center;align-self:center;padding:2px 9px;border-radius:999px;background:var(--yellow,#FFD600);color:var(--ink,#0b0b0c);font-size:.75rem;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;}
body.pp.eh-page.eh-kurs .pp-course__foot .cena-promo__znak--indywidualny{background:var(--sukces,#1f8a4c);color:#fff;}
body.pp.eh-page.eh-kurs .pp-course__foot .cena-omnibus--krotko{display:block;margin-top:6px;font-size:.75rem;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--ink-3);}
body.pp.eh-page.eh-kurs .pp-course__foot > span:first-child{flex:1 1 auto;min-width:0;}
body.pp.eh-page.eh-kurs .pp-course__foot .pp-course__more{flex:none;white-space:nowrap;}
body.pp.eh-page.eh-kurs .pp-course__foot .cena-omnibus--krotko{text-wrap:pretty;}
body.pp.eh-page.eh-kurs .pp-main .offer-data-scope{margin-top:28px;}
body.pp.eh-page.eh-kurs .pp-main .pp-facts{word-break:normal;}

/* 2026-10-12 (marketing): ikona play wyśrodkowana – bez optycznego przesunięcia 3px z prototypu */
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-video__btn .ic{margin-left:0}

/* 2026-10-14: wideo w banerze (#pokaz RDI) – ramka bez min-height, żeby nie było pustego pasa pod filmem 16:9 na telefonie */
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-banner__img:has(> .pp-video){min-height:0}

/* 2026-10-19: zdjęcie/schemat bez ramki (Bartek, DSIE #dla-kogo) – bez tła i zaokrągleń, cały obraz widoczny */
/* 20.10 redefinicja (Bartek): „bez ramki” = bez pasów dopełniających – zdjęcie WYPEŁNIA kadr, zaokrąglenia i kształt zostają */
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-fit--media .pp-fit__foto.eh-bez-ramki img{object-fit:cover !important;background:none !important;padding:0 !important}

/* 2026-10-19: wymuszenie wypełnienia kadru (Bartek, DSIE hero z małym zdjęciem katalogowym) – nadpisuje scale-down z reguł zdjęć produktów */
body.pp.eh-page.eh-kurs :where(.pp-main) .eh-wypelnij img{object-fit:cover !important;width:100%;height:100%}

/* 2026-10-19: cały obraz bez przycinania na białym tle (Bartek, DSIE hero ze schematem) */
body.pp.eh-page.eh-kurs :where(.pp-main) .eh-cale-biale{background:#fff !important}
body.pp.eh-page.eh-kurs :where(.pp-main) .eh-cale-biale img{object-fit:contain !important;object-position:center !important;width:100%;height:100%;background:#fff}

/* 2026-10-20: ostatnia sekcja CTA bez ramki (Bartek, DSYSA) – bez zaokrągleń, cały obraz widoczny */
body.pp.eh-page.eh-kurs :where(.pp-main) .pp-final__img.eh-bez-ramki img{object-fit:cover !important;object-position:center !important;background:none !important;padding:0 !important}

/* 2026-10-26: sekcja „ile możesz zarobić” (.earn-section) z prototypu 26.10 – SPD, PIE, PIF, WFI (+ Loxone po decyzji). W prototypie inline <style> w sekcji. */
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section{padding: 72px 0px; background: rgb(245, 244, 237); color: rgb(32, 37, 31);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section *{box-sizing: border-box;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-panel{display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); align-items: center; gap: 64px; padding: 48px 0px; border-top: 1px solid rgb(201, 206, 193); border-bottom: 1px solid rgb(201, 206, 193);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-kicker{font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin: 0px 0px 20px; color: rgb(83, 92, 78);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-copy h2{font-size: clamp(28px, 3vw, 42px); line-height: 1.12; letter-spacing: -0.035em; margin: 0px 0px 20px; max-width: 14ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-copy > p:last-child{font-size: 17px; line-height: 1.55; margin: 0px; max-width: 39ch; color: rgb(83, 92, 78);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-stat{padding: 40px; background: rgb(241, 237, 155); border-radius: 4px; min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-number{font-size: clamp(44px, 5.2vw, 76px); font-weight: 650; line-height: 1; letter-spacing: -0.06em; white-space: nowrap; font-variant-numeric: tabular-nums;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-unit{font-size: 18px; font-weight: 500; letter-spacing: 0px; margin-left: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-label{font-size: 17px; line-height: 1.45; margin: 18px 0px 0px; max-width: 36ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-caption{font-size: 13px; line-height: 1.5; color: rgb(82, 89, 71); margin: 12px 0px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-points{display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 26px 0px 0px; padding: 0px; list-style: none; font-size: 14px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-points li::before{content: "✓"; margin-right: 8px; color: rgb(83, 99, 55);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-comparison{display: flex; align-items: center; gap: 18px; font-size: clamp(31px, 3.7vw, 55px); letter-spacing: -0.05em; line-height: 1.1; font-weight: 650; white-space: nowrap;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-comparison .earn-old{color: rgb(98, 104, 78); font-weight: 400;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-arrow{font-size: 26px; font-weight: 400; color: rgb(98, 104, 78);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-delta{display: inline-block; margin: 22px 0px 0px; padding: 9px 13px; background: rgb(38, 55, 28); color: rgb(255, 255, 255); border-radius: 3px; font-size: 15px; letter-spacing: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section a{color: inherit;}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section{padding: 40px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-panel{grid-template-columns: 1fr; gap: 28px; padding: 28px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-copy h2{max-width: 20ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-stat{padding: 28px 22px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-number{font-size: clamp(38px, 8vw, 62px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-comparison{font-size: clamp(30px, 7.5vw, 48px); gap: 12px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-points{display: grid; gap: 10px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-unit{font-size: 15px; margin-left: 6px;}
}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-stat{container-type: inline-size;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-number{font-size: clamp(28px, 11cqw, 70px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-comparison{font-size: clamp(24px, 10cqw, 52px); gap: clamp(6px, 2cqw, 18px);}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-unit{display: inline-block;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-copy{min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section{scroll-margin-top: 110px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-label{overflow-wrap: break-word;}
@media (max-width: 360px){
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-stat{padding: 24px 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-comparison .earn-unit{display: block; margin: 6px 0px 0px; font-size: 14px;}
}

/* 2026-10-26: Loxone – sekcja popytu Oferteo (.demand-section, #potrzeby-smart-home) z prototypu 26.10 (w prototypie inline <style>). */
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-section{background: rgb(245, 244, 237); padding: 64px 0px; scroll-margin-top: 110px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-section *{box-sizing: border-box;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-header{max-width: 720px; margin-bottom: 32px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-header h2{font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -0.035em; margin: 0px 0px 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-header p{font-size: 17px; line-height: 1.6; color: rgb(83, 92, 78);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card{padding: 32px; background: rgb(255, 255, 255); border: 1px solid rgb(221, 224, 212); border-radius: 16px; min-width: 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card--dark{background: rgb(36, 53, 34); color: rgb(255, 255, 255); border-color: rgb(36, 53, 34);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card--dark h3{color: rgb(255, 255, 255);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card h3{font-size: 20px; line-height: 1.3; margin: 0px 0px 24px; max-width: 24ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-trend{display: flex; align-items: center; gap: 22px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-trend strong,body.pp.eh-page.eh-kurs :where(.pp-main) .demand-big{display: block; font-size: clamp(42px, 5vw, 68px); font-weight: 650; letter-spacing: -0.05em; line-height: 1.1;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-trend small{display: block; font-size: 14px; color: rgb(98, 106, 93); margin-top: 8px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-trend > span:first-child strong{color: rgb(117, 124, 112);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-trend b{font-size: 24px; color: rgb(118, 131, 102);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-pill{display: inline-block; font-size: 13px; background: rgb(241, 237, 155); padding: 6px 10px; border-radius: 20px; margin-top: 20px; color: rgb(38, 55, 28);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card p{font-size: 16px; line-height: 1.55; margin: 18px 0px 0px; max-width: 42ch;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card--dark .demand-big{color: rgb(241, 237, 155);}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-source{font-size: 12px; line-height: 1.6; color: rgb(104, 112, 96); margin: 20px 0px 0px; max-width: 90ch;}
@media (max-width: 760px){
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-section{padding: 40px 0px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-grid{grid-template-columns: 1fr; gap: 16px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-card{padding: 26px;}
body.pp.eh-page.eh-kurs :where(.pp-main) .demand-header h2{font-size: 28px;}
}

/* 2026-10-26 (Radek): Loxone – przemienne tło sekcji po wstawieniu .earn-section i .demand-section (obie szare): #realizacja-loxone jasna. Klasa eh-tlo-jasne na rowlayout. */
body.pp.eh-page.eh-kurs :where(.pp-main) .offer-context.eh-tlo-jasne{background:transparent}

/* 2026-10-26 (Bartek): Loxone – kolejność tła: kwota (jasne) / realizacja (szare, pp-section--tint) / Oferteo (jasne). */
body.pp.eh-page.eh-kurs :where(.pp-main) .earn-section.eh-tlo-jasne,body.pp.eh-page.eh-kurs :where(.pp-main) .demand-section.eh-tlo-jasne{background:transparent}