/* Plik generowany przez wordpress/buduj.py z wordpress/uslugi/klocki.css (klocki stron usług, ładowane tylko na stronach usług). Nie edytować ręcznie. */
.glowna {--akcent:var(--lime);--wybor:var(--lime);--na-wyborze:var(--czern);--ok-tlo:rgba(33,163,102,.18);--ok-kolor:#7EE0AE;--pilne-tlo:rgba(255,156,140,.16);--pilne-kolor:#FF9C8C}
html[data-motyw="jasny"] .glowna {--akcent:var(--zielen);--wybor:var(--czern);--na-wyborze:#FAFFF3;--ok-tlo:rgba(33,163,102,.14);--ok-kolor:#0F6B3E;--pilne-tlo:rgba(204,60,40,.12);--pilne-kolor:#A32616}
html[data-motyw="jasny"] .glowna .panel-oliwka {--akcent:#136B42}
.glowna .ciemna {--akcent:var(--lime);--wybor:var(--lime);--na-wyborze:var(--czern)}
.glowna .panel-tresc {padding-block:clamp(40px,6vw,88px);border-radius:32px}
.glowna .panel-oliwka {border:1px solid var(--linia-slaba);background:var(--oliwka)}
.glowna .panel-sekcja+.panel-sekcja {margin-top:clamp(40px,6vw,88px)}
html:not([data-motyw="jasny"]) .glowna .panel-tresc.ciemna {border-color:rgba(250,255,243,.16);background-color:#161D0C}
.glowna .ukryte-wizualnie {position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.glowna .ukryte-wizualnie:focus-visible+label {outline:2px solid var(--fokus);outline-offset:3px}
.glowna .glowa-rzad--waska {grid-template-columns:1fr}
.glowna .kolumny {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px clamp(32px,4vw,56px);align-items:start}
.glowna .mk-karta {padding:20px;border:1px solid var(--linia);border-radius:20px;background:var(--karta)}
.glowna .kolo, .glowna .mk-serp-czesci li::before, .glowna .miesiac-lista li::before {display:inline-grid;place-items:center;flex:none;width:var(--d,28px);height:var(--d,28px);border:1px solid var(--kosc);border-radius:50%;font:12px/1 var(--f-naglowki);color:var(--kosc)}
.glowna .mk-kolko, .glowna .mk-serp-czesci li::before, .glowna .mk-zn--raz {background:var(--kosc);color:var(--bg)}
.glowna .mk-pin, .glowna .mk-zn--raport, .glowna .mk-przycisk, .glowna .mk-plus, .glowna .mk-ok {border-color:var(--lime);background:var(--lime);color:var(--czern)}
.glowna .mk-kafel-tytul, .glowna .mk-dni, .glowna .typ-status, .glowna .paragon-grupa, .glowna .mk-pole {font-size:13px;font-weight:600;color:var(--szary)}
.glowna .mk-serp figcaption, .glowna .mk-konto figcaption, .glowna .hasla-podpis, .glowna .biurko-podpis, .glowna .mk-dopisek, .glowna .mk-nauka-opis, .glowna .mk-legenda {margin-top:12px;font-size:13.5px;color:var(--szary)}
.glowna .mk-etykieta {justify-self:start;padding:1px 7px;border:1px solid var(--linia);border-radius:6px;font-size:12px;font-weight:600;color:var(--kosc)}
.glowna .mk-serp-szukaj svg, .glowna .haslo-tekst svg {flex:none;width:20px;height:20px;color:var(--szary)}
.glowna .hero-warunki li::before, .glowna .konto-zmiana::before, .glowna .mk-po::before, .glowna .droga-opis span::before {content:"✓ ";content:"✓ "/"";font-weight:700;color:var(--akcent)}
.glowna .stan svg {width:14px;height:14px}
.glowna .typy-pigulki label, .glowna .haslo label, .glowna .typ, .glowna .mk-kafel>*, .glowna .mk-pin {transition:background-color .15s,color .15s,opacity .15s,border-color .15s}
@media (max-width:860px) {
.glowna .kolumny {grid-template-columns:1fr}
}
@media (max-width:600px) {
.glowna .hero-tekst:has(.hero-warunki) .przyciski>*, .glowna .hasla-cta>*, .glowna .rachunek-przycisk>* {flex:1 1 100%}
.glowna .przyciski .wp-block-button__link {width:100%;text-align:center}
.glowna .sekcja {padding-block:var(--rytm-sekcja)}
.glowna .panel-tresc {padding-block:var(--rytm-panel)}
.glowna .panel-sekcja+.panel-sekcja {margin-top:var(--rytm-panele)}
.glowna .uslugi-klocek .glowa-rzad {gap:var(--rytm-blisko);margin-bottom:var(--rytm-glowa)}
.glowna .kolumny {row-gap:var(--rytm-glowa)}
}
.glowna .hero-warunki {display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:22px!important;padding:0;list-style:none;font-size:15px;font-weight:600;color:var(--kosc)}
.glowna .hero-warunki li {margin:0}
.glowna .mk-serp {max-width:460px}
.glowna .mk-serp-karta {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding:22px;counter-reset:czesc}
.glowna .mk-serp-karta::before {content:"";grid-area:1/1/4/-1;margin:-22px;border:1px solid var(--linia);border-radius:24px;background:var(--karta)}
.glowna .mk-serp-szukaj {grid-area:1/1/2/-1;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px 8px 16px;border:1px solid var(--linia);border-radius:99px;background:var(--bg);color:var(--kosc)}
.glowna .mk-serp-szukaj span {flex:1}
.glowna .mk-serp-reklama {grid-area:2/1/3/-1;display:grid;gap:6px;font-size:15px}
.glowna .mk-serp-firma {display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3}
.glowna .mk-serp-firma i {border:0;background:var(--oliwka);font-style:normal}
.glowna .mk-serp-firma b {display:block;color:var(--kosc)}
.glowna .mk-serp-naglowek {font-size:18px;line-height:1.3;color:var(--kosc);text-decoration:underline 2px var(--akcent);text-underline-offset:4px}
.glowna .mk-serp-szukaj, .glowna .mk-serp-naglowek, .glowna .mk-kafel, .glowna .haslo-tekst {overflow-wrap:anywhere}
.glowna .mk-serp-zdarzenie {grid-area:3/1;display:flex;align-items:center;gap:8px}
.glowna .mk-serp-zdarzenie .stan {display:inline-flex;gap:4px}
.glowna .mk-kolko, .glowna .mk-serp-czesci li::before {--d:22px;vertical-align:2px}
.glowna .mk-serp-czesci {grid-area:4/1/5/-1;display:grid;gap:8px;margin-top:22px;padding:0;list-style:none;font-size:14.5px;font-weight:600;color:var(--kosc)}
.glowna .mk-serp-czesci li {display:flex;align-items:center;gap:10px;counter-increment:czesc}
.glowna .mk-serp-czesci li::before {content:counter(czesc);content:counter(czesc)/""}
@media (min-width:961px) {
.glowna .mk-serp {justify-self:end;width:100%}
}
@media (min-width:1100px) {
.glowna .mk-serp-czesci {display:contents}
.glowna .mk-serp-czesci li {grid-column:2;z-index:1;justify-self:end;padding:4px 12px 4px 4px;border:1px solid var(--kosc);border-radius:99px;background:var(--karta);font-size:13px;white-space:nowrap}
.glowna .mk-serp-czesci li:first-child {grid-row:1;align-self:start;transform:translateY(-75%);border-color:var(--lime);background:var(--lime);color:var(--czern)}
.glowna .mk-serp-czesci li:first-child::before {background:var(--czern);color:var(--lime)}
.glowna .mk-serp-czesci li:nth-child(2) {grid-row:2;align-self:start}
.glowna .mk-serp-czesci li:last-child {grid-row:3;align-self:end;margin-bottom:-22px;transform:translateY(50%)}
.glowna .mk-kolko {display:none}
.glowna .mk-serp figcaption {margin-top:34px}
}
@media (max-width:600px) {
.glowna .mk-serp-karta {gap:12px 10px;padding:18px}
.glowna .mk-serp-karta::before {margin:-18px}
.glowna .mk-serp-czesci {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.glowna .mk-kolko {display:none}
.glowna .mk-serp figcaption {margin-top:10px}
}
.glowna .konto-pole {min-width:0;margin:0;padding:0;border:0}
.glowna .konto {position:relative}
.glowna .kp1:checked~.mk-konto .mk-dla1, .glowna .kp2:checked~.mk-konto .mk-dla2, .glowna .kp3:checked~.mk-konto .mk-dla3, .glowna .kp4:checked~.mk-konto .mk-dla4, .glowna .kp5:checked~.mk-konto .mk-dla5 {--jasnosc:1;--przek:line-through;--przed:none;--po:inline-block;--przel-tlo:var(--linia);--galka:3px;--pas-przerwa:4px;--pas-tlo:var(--lime);--pas-napis:var(--czern);--plak-tlo:var(--ok-tlo);--plak-kolor:var(--ok-kolor);--ramka:var(--kosc)}
.glowna .mk-konto-glowa {margin-bottom:12px}
.glowna .mk-konto-glowa p {display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.glowna .mk-konto-glowa b {margin-right:auto;font:16px/1.3 var(--f-naglowki);color:var(--kosc)}
.glowna .mk-kafle {display:grid;grid-template-columns:repeat(auto-fit,minmax(max(190px,40%),1fr));gap:10px}
.glowna .mk-kafel {padding:14px;border:1px solid var(--ramka,var(--linia-slaba));border-radius:16px;background:var(--bg);font-size:14px;color:var(--kosc)}
.glowna .kp1:checked~.mk-konto, .glowna .kp2:checked~.mk-konto, .glowna .kp3:checked~.mk-konto, .glowna .kp4:checked~.mk-konto, .glowna .kp5:checked~.mk-konto {--jasnosc:.45}
.glowna .mk-kafel>:not(.mk-kafel-tytul), .glowna .mk-kafel-tytul span, .glowna .mk-chip {opacity:var(--jasnosc,1)}
.glowna .mk-kafel--szeroki {grid-column:1/-1}
.glowna .mk-kafel-tytul, .glowna .mk-kafel li {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px}
.glowna .mk-kafel-tytul {margin-bottom:10px}
.glowna .mk-kafel ul {display:grid;gap:8px;padding:0;list-style:none}
.glowna .mk-zle>span:first-child {text-decoration:var(--przek,none) 1.5px var(--pilne-kolor)}
.glowna .mk-chip, .glowna .mk-nie::before, .glowna .mk-nie::after {background:var(--plak-tlo,var(--pilne-tlo));color:var(--plak-kolor,var(--pilne-kolor))}
.glowna .mk-nie::before, .glowna .mk-nie::after {padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600}
.glowna .mk-nie::before {content:attr(data-przed);content:attr(data-przed)/"";display:var(--przed,inline-block)}
.glowna .mk-nie::after, .glowna .mk-zamiana::after {content:attr(data-po);content:attr(data-po)/"";display:var(--po,none)}
.glowna .mk-zamiana>span {display:var(--przed,inline)}
.glowna .mk-przel {display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--szary)}
.glowna .mk-przel i {position:relative;width:34px;height:20px;border-radius:99px;background:var(--lime)}
.glowna .mk-przel i::after {content:"";position:absolute;top:3px;left:17px;width:14px;height:14px;border-radius:50%;background:var(--czern)}
.glowna .mk-przel--po i {background:var(--przel-tlo,var(--lime))}
.glowna .mk-przel--po i::after {left:var(--galka,17px)}
.glowna .mk-pasek {font-size:12.5px;color:var(--szary)}
.glowna .mk-pas {display:flex;gap:var(--pas-przerwa,0);margin-bottom:8px}
.glowna .mk-pas i {flex:1;display:grid;place-items:center;height:22px;background:var(--pas-tlo,var(--lime-ciemny));font:600 11.5px/1 var(--f-tekst);font-style:normal;color:var(--pas-napis,#0000)}
.glowna .mk-pas i:first-child {border-radius:9px 0 0 9px}
.glowna .mk-pas i:last-child {border-radius:0 9px 9px 0}
.glowna .mk-pasek-opis {display:var(--przed,block)}
.glowna .mk-po {display:none}
.glowna .mk-pin {position:relative;cursor:pointer}
.glowna .mk-pin::after {content:"";position:absolute;inset:-8px;border-radius:50%}
.glowna .kp1:checked~.mk-konto .mk-pin1, .glowna .kp2:checked~.mk-konto .mk-pin2, .glowna .kp3:checked~.mk-konto .mk-pin3, .glowna .kp4:checked~.mk-konto .mk-pin4, .glowna .kp5:checked~.mk-konto .mk-pin5 {box-shadow:0 0 0 3px var(--kosc);transform:scale(1.08)}
.glowna .konto-punkty {display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--linia)}
.glowna .konto-punkty li {margin:0;border-bottom:1px solid var(--linia)}
.glowna .konto-punkty label {display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 0;font-size:17px;font-weight:600;line-height:1.35;color:var(--kosc);cursor:pointer}
.glowna .konto-punkty label:hover .kolo {box-shadow:0 0 0 2px var(--akcent)}
.glowna .kp1:checked~.konto-punkty li:nth-child(1) .kolo, .glowna .kp2:checked~.konto-punkty li:nth-child(2) .kolo, .glowna .kp3:checked~.konto-punkty li:nth-child(3) .kolo, .glowna .kp4:checked~.konto-punkty li:nth-child(4) .kolo, .glowna .kp5:checked~.konto-punkty li:nth-child(5) .kolo {background:var(--kosc);color:var(--bg)}
.glowna .kp1:focus-visible~.konto-punkty li:nth-child(1) label, .glowna .kp2:focus-visible~.konto-punkty li:nth-child(2) label, .glowna .kp3:focus-visible~.konto-punkty li:nth-child(3) label, .glowna .kp4:focus-visible~.konto-punkty li:nth-child(4) label, .glowna .kp5:focus-visible~.konto-punkty li:nth-child(5) label {outline:2px solid var(--fokus);outline-offset:-2px;border-radius:8px}
.glowna .konto-zmiana {display:none;padding:0 0 14px 40px;font-size:15.5px;color:var(--tekst)}
@media (min-width:861px) {
.glowna .kp1:checked~.konto-punkty li:nth-child(1) .konto-zmiana, .glowna .kp2:checked~.konto-punkty li:nth-child(2) .konto-zmiana, .glowna .kp3:checked~.konto-punkty li:nth-child(3) .konto-zmiana, .glowna .kp4:checked~.konto-punkty li:nth-child(4) .konto-zmiana, .glowna .kp5:checked~.konto-punkty li:nth-child(5) .konto-zmiana {display:block}
}
@media (max-width:860px) {
.glowna .kp1:checked~.mk-konto .mk-po1, .glowna .kp2:checked~.mk-konto .mk-po2, .glowna .kp3:checked~.mk-konto .mk-po3, .glowna .kp4:checked~.mk-konto .mk-po4, .glowna .kp5:checked~.mk-konto .mk-po5 {display:block;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--oliwka);font-size:13.5px;line-height:1.4;color:var(--kosc)}
.glowna .mk-konto .mk-karta {padding:14px}
.glowna .mk-kafel {padding:12px}
.glowna .konto-punkty label {min-height:48px;padding:8px 0;font-size:16px}
.glowna .konto-punkty .kolo {--d:26px}
}
.glowna .typy-wybor {min-width:0;margin:0 0 28px;padding:0;border:0}
.glowna .typy-wybor legend {margin-bottom:10px;padding:0;font-size:15px;font-weight:600;color:var(--kosc)}
.glowna .typy-pigulki {display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--linia);border-radius:26px}
.glowna .typy-pigulki label {display:grid;place-items:center;min-height:44px;padding:8px 18px;border-radius:99px;font-size:15px;font-weight:600;text-align:center;cursor:pointer}
.glowna .typy-pigulki label:hover {background:var(--linia-slaba)}
.glowna .typy-pigulki input:checked+label {background:var(--wybor);color:var(--na-wyborze)}
.glowna .typy-sciezka {display:grid;grid-template-columns:repeat(var(--etapy,3),minmax(0,1fr));gap:24px 0;margin:0;padding:0;list-style:none}
.glowna .typy-krok {position:relative;display:grid;align-content:start;gap:16px;margin:0}
.glowna .typy-etap {position:relative;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--kosc) 30%,#0000);font-size:13px;font-weight:600;color:var(--szary)}
.glowna .typy-etap span {padding:2px 0;border-radius:6px}
.glowna .typy-etap::after, .glowna .typy-ostatni .typy-etap::before, .glowna .typy-wszedzie .typy-etap::before {content:"";position:absolute;left:0;bottom:-4px;width:7px;height:7px;border-radius:50%;background:var(--kosc)}
.glowna .typy-ostatni .typy-etap::before, .glowna .typy-wszedzie .typy-etap::before {left:auto;right:0;border-radius:0;background:none;border:solid var(--kosc);border-width:1px 1px 0 0;transform:rotate(45deg)}
.glowna .typy-karty {display:grid;gap:12px;padding-right:16px}
.glowna .typy-wszedzie {grid-column:1/-1}
.glowna .typy-wszedzie .typ {border:1.5px dashed color-mix(in srgb,var(--kosc) 40%,#0000)}
.glowna .typ {display:grid;align-content:start;gap:6px;padding:16px 18px;border:1px solid var(--linia);border-radius:16px;background:var(--karta)}
.glowna .typ::before {display:none;justify-self:start;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600}
.glowna .typ-nazwa {font:clamp(18px,1.6vw,20px)/1.3 var(--f-naglowki)}
.glowna .typ-znak {padding:0 .12em;border-radius:6px;background:none;color:var(--kosc);box-decoration-break:clone}
.glowna .typ-opis {font-size:15px;line-height:1.45}
.glowna .typ-pilnuje {color:var(--szary)}
.glowna .typ-pilnuje b {font-weight:600;color:var(--kosc)}
.glowna .typy-sekcja:has(.tw1:checked) .typy-etap span {padding-inline:6px;background:var(--lime);color:var(--czern)}
.glowna .typy-sekcja:has(.tw2:checked) .typ:not(.start-w2), .glowna .typy-sekcja:has(.tw3:checked) .typ:not(.start-w3), .glowna .typy-sekcja:has(.tw4:checked) .typ:not(.start-w4), .glowna .typy-sekcja:has(.tw5:checked) .typ:not(.start-w5) {gap:4px;padding-block:10px;border-style:dashed;background:none}
.glowna .typy-sekcja:has(.tw2:checked) .typ:not(.start-w2)>p, .glowna .typy-sekcja:has(.tw3:checked) .typ:not(.start-w3)>p, .glowna .typy-sekcja:has(.tw4:checked) .typ:not(.start-w4)>p, .glowna .typy-sekcja:has(.tw5:checked) .typ:not(.start-w5)>p {display:none}
.glowna .typy-sekcja:has(.tw2:checked) .typ:not(.start-w2):not(.pozniej-w2) .typ-znak, .glowna .typy-sekcja:has(.tw3:checked) .typ:not(.start-w3):not(.pozniej-w3) .typ-znak, .glowna .typy-sekcja:has(.tw4:checked) .typ:not(.start-w4):not(.pozniej-w4) .typ-znak, .glowna .typy-sekcja:has(.tw5:checked) .typ:not(.start-w5):not(.pozniej-w5) .typ-znak {color:var(--szary)}
.glowna .typy-sekcja:has(.tw2:checked) .start-w2, .glowna .typy-sekcja:has(.tw3:checked) .start-w3, .glowna .typy-sekcja:has(.tw4:checked) .start-w4, .glowna .typy-sekcja:has(.tw5:checked) .start-w5 {border-color:var(--akcent);box-shadow:0 0 0 1px var(--akcent)}
.glowna .typy-sekcja:has(.tw2:checked) .start-w2 .typ-znak, .glowna .typy-sekcja:has(.tw3:checked) .start-w3 .typ-znak, .glowna .typy-sekcja:has(.tw4:checked) .start-w4 .typ-znak, .glowna .typy-sekcja:has(.tw5:checked) .start-w5 .typ-znak {background:var(--lime);color:var(--czern)}
.glowna .typy-sekcja:has(.tw2:checked) .start-w2::before, .glowna .typy-sekcja:has(.tw3:checked) .start-w3::before, .glowna .typy-sekcja:has(.tw4:checked) .start-w4::before, .glowna .typy-sekcja:has(.tw5:checked) .start-w5::before {content:attr(data-start);content:attr(data-start)/"";display:block;background:var(--lime);color:var(--czern)}
.glowna .typy-sekcja:has(.tw2:checked) .pozniej-w2::before, .glowna .typy-sekcja:has(.tw3:checked) .pozniej-w3::before, .glowna .typy-sekcja:has(.tw4:checked) .pozniej-w4::before, .glowna .typy-sekcja:has(.tw5:checked) .pozniej-w5::before {content:attr(data-pozniej);content:attr(data-pozniej)/"";display:block;border:1px solid var(--linia);color:var(--szary)}
@supports not selector(:has(*)) {
.glowna .typy-wybor {display:none}
}
@supports selector(:has(*)) {
.glowna .typ-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:760px) {
.glowna .typy-sciezka {grid-template-columns:1fr;gap:20px}
.glowna .typy-krok {padding-left:24px}
.glowna .typy-krok::before {content:"";position:absolute;left:3px;top:8px;bottom:-20px;border-left:1px solid color-mix(in srgb,var(--kosc) 30%,#0000)}
.glowna .typy-wszedzie::before {display:none}
.glowna .typy-etap {padding-bottom:0;border:0}
.glowna .typy-etap::after {left:-24px;top:5px;bottom:auto}
.glowna .typy-ostatni .typy-etap::before, .glowna .typy-wszedzie .typy-etap::before {display:none}
.glowna .typy-karty {padding-right:0}
}
@media (max-width:600px) {
.glowna .typy-pigulki {display:grid;grid-template-columns:1fr 1fr}
.glowna .typy-pigulki label {min-height:48px;padding-inline:10px}
.glowna .typy-wybor {margin-bottom:22px}
.glowna .typ {padding:12px 14px}
.glowna .typy-krok {gap:10px}
.glowna .typy-karty {gap:10px}
.glowna .typ-opis {font-size:14.5px}
}
.glowna .mk-droga {display:grid;grid-template-columns:repeat(var(--kroki,4),minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}
.glowna .droga-krok {position:relative;display:grid;align-content:start;gap:14px;margin:0}
.glowna .droga-krok:not(:last-child)::before {content:"";position:absolute;top:140px;left:14px;right:-42px;border-top:1px dashed color-mix(in srgb,var(--kosc) 40%,#0000)}
.glowna .droga-nr {position:relative;z-index:1;border-color:var(--akcent);background:var(--bg)}
.glowna .droga-opis {display:grid;gap:4px;font-size:15px}
.glowna .droga-opis b {font:17px/1.3 var(--f-naglowki);color:var(--kosc)}
.glowna .droga-rys {display:grid;align-content:center;gap:8px;height:112px;padding:14px;border:1px solid var(--linia);border-radius:14px;background:var(--bg);font-size:14px;font-weight:600;line-height:1.3;color:var(--kosc);overflow:hidden}
.glowna .droga-rys small {font-size:12px;font-weight:400;color:var(--szary)}
.glowna .droga-rys--formularz {justify-items:center;text-align:center}
.glowna .mk-okno {display:flex;align-items:center;gap:8px;padding:0 0 8px;border-bottom:1px solid var(--linia);font-size:12px;font-weight:400;color:var(--szary)}
.glowna .mk-okno::before {content:"●●●";content:"●●●"/"";font-size:7px;letter-spacing:2px}
.glowna .mk-przycisk, .glowna .mk-plus {justify-self:start;padding:4px 12px;border-radius:99px;font-size:13px}
.glowna .mk-ok {--d:44px}
.glowna .mk-ok svg {width:24px;height:24px}
.glowna .mk-wiersz {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-block:10px;border-block:1px solid var(--linia)}
.glowna .droga-link {position:relative;margin-top:32px!important;padding:18px 22px;border:1px solid var(--akcent);border-radius:18px}
.glowna .droga-link a {color:var(--kosc);text-decoration-color:var(--akcent)}
.glowna .droga-link a::after {content:"";position:absolute;inset:0}
.glowna .droga-link:hover, .glowna .droga-link:focus-within {background:color-mix(in srgb,var(--akcent) 8%,#0000)}
@media (max-width:979px) {
.glowna .mk-droga {grid-template-columns:1fr;gap:16px}
.glowna .droga-krok {grid-template-columns:28px 112px minmax(0,1fr);align-items:center;gap:0 12px}
.glowna .droga-krok:not(:last-child)::before {top:50%;bottom:auto;left:14px;right:auto;height:calc(100% + 16px);border:0;border-left:1px dashed color-mix(in srgb,var(--kosc) 40%,#0000)}
.glowna .droga-rys {grid-area:1/2;height:80px;padding:8px 10px;gap:5px;font-size:12px}
.glowna .droga-nr {grid-area:1/1}
.glowna .droga-opis {grid-area:1/3;font-size:14.5px}
.glowna .droga-opis b {font-size:16px}
.glowna .droga-rys .mk-etykieta {padding:0 5px;font-size:10px}
.glowna .droga-rys small {display:none}
.glowna .mk-okno {font-size:10.5px}
.glowna .mk-ok {--d:32px}
.glowna .mk-ok svg {width:18px;height:18px}
.glowna .mk-przycisk, .glowna .mk-plus {padding:3px 9px;font-size:11.5px}
.glowna .droga-link {margin-top:24px!important;padding:14px 18px}
}
.glowna .hasla-sekcja {--szer:820px}
.glowna .hasla {counter-reset:ocenione zgodne;border-top:1px solid var(--linia)}
.glowna .haslo {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 8px;padding-block:16px;border-bottom:1px solid var(--linia)}
.glowna .haslo-tekst {display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:1.35;color:var(--kosc)}
.glowna .haslo label {display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 16px;border:1px solid color-mix(in srgb,var(--kosc) 40%,#0000);border-radius:99px;font-size:15px;font-weight:600;color:var(--kosc);cursor:pointer}
.glowna .haslo label:hover {border-color:var(--kosc)}
.glowna .haslo-z::before {content:"✓";content:"✓"/""}
.glowna .haslo-w::before {content:"×";content:"×"/"";font-size:19px;line-height:1}
.glowna .haslo input:checked+label {border-color:var(--kosc);background:var(--kosc);color:var(--bg);counter-increment:ocenione}
.glowna .haslo input[data-trafne]:checked+label {counter-increment:ocenione zgodne}
.glowna .haslo-werdykt {display:none;grid-column:1/-1;font-size:15px}
.glowna .haslo input:checked~.haslo-werdykt {display:block}
.glowna .haslo-werdykt::before {display:inline-block;margin-right:8px;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600}
.glowna .haslo input[data-trafne]:checked~.haslo-werdykt::before {content:attr(data-zgoda);background:var(--ok-tlo);color:var(--ok-kolor)}
.glowna .haslo input:not([data-trafne]):checked~.haslo-werdykt::before {content:attr(data-inaczej);border:1px solid var(--linia);color:var(--szary)}
.glowna .haslo-znak {border-radius:4px;background:var(--lime);box-shadow:0 0 0 .12em var(--lime);color:var(--czern);box-decoration-break:clone}
.glowna .hasla-wynik {margin-top:20px;padding:16px 20px;border:1px solid var(--linia);border-radius:16px;color:var(--kosc)}
.glowna .hasla-ocenione::after {content:counter(ocenione)}
.glowna .hasla-zgodne::after {content:counter(zgodne)}
.glowna .hasla-cta {margin-top:24px!important}
@supports selector(:has(*)) {
.glowna .haslo:not(:has(:checked)) .haslo-znak {background:none;box-shadow:none;color:inherit}
.glowna .hasla:not(:has(:checked)) .hasla-wynik {display:none}
}
@media (max-width:600px) {
.glowna .haslo {grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px 6px;padding-block:10px}
.glowna .haslo-tekst {font-size:16px}
.glowna .haslo-tekst svg {display:none}
.glowna .haslo label {width:44px;min-height:44px;padding:0}
.glowna .haslo label span {position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.glowna .hasla-wynik {padding:14px 16px}
}
.glowna .mk-miesiac {max-width:560px}
.glowna .mk-dni, .glowna .mk-siatka {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}
.glowna .mk-dni {margin-bottom:8px;font-size:12px}
.glowna .mk-d {position:relative;display:flex;flex-wrap:wrap;place-content:center;gap:2px;aspect-ratio:1;border:1px solid var(--linia-slaba);border-radius:10px;background:var(--bg)}
.glowna .mk-we {opacity:.55}
.glowna .mk-nauka, .glowna .mk-probka {background-image:repeating-linear-gradient(135deg,var(--linia) 0 2px,#0000 2px 7px)}
.glowna .mk-zakres::after, .glowna .mk-pas-probka {background:color-mix(in srgb,var(--akcent) 28%,#0000)}
.glowna .mk-zakres::after {content:"";position:absolute;inset:34% -4px}
.glowna .mk-zakres-od::after {left:50%}
.glowna .mk-zakres-do::after {right:6px;border-radius:0 99px 99px 0}
.glowna .mk-zn {--d:30px;position:relative;z-index:1;border-width:2px;font-size:13px}
.glowna .mk-zn--cykl {background:var(--bg)}
.glowna .mk-zn--raport {border-radius:6px}
.glowna .mk-nauka-opis, .glowna .mk-legenda li {display:flex;align-items:center;gap:10px}
.glowna .mk-probka {flex:none;width:30px;height:20px;border:1px solid var(--linia);border-radius:6px}
.glowna .mk-pas-probka {flex:none;width:30px;height:12px;border-radius:99px}
.glowna .mk-legenda {display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none}
.glowna .mk-legenda .mk-zn {--d:18px}
.glowna .miesiac-tekst {display:grid;gap:20px}
.glowna .miesiac-lista {display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:zd}
.glowna .miesiac-lista li {display:flex;align-items:flex-start;gap:12px;margin:0;counter-increment:zd}
.glowna .miesiac-lista li::before {content:counter(zd);content:counter(zd)/""}
.glowna .miesiac-kwartal, .glowna .mk-pole-okno {padding:14px 18px;border:1.5px dashed color-mix(in srgb,var(--kosc) 35%,#0000);border-radius:16px;font-size:15px}
@media (max-width:600px) {
.glowna .mk-miesiac {padding:12px}
.glowna .mk-dni, .glowna .mk-siatka {gap:4px}
.glowna .mk-dni {font-size:11px}
.glowna .mk-d .mk-zn {--d:24px;font-size:12px}
.glowna .mk-legenda {display:none}
.glowna .miesiac-lista {gap:8px}
.glowna .miesiac-tekst {gap:14px}
.glowna .miesiac-kwartal {padding:12px 14px}
}
.glowna .biurko {display:grid;gap:16px}
.glowna .mk-akceptacja {box-shadow:0 18px 40px rgba(0,0,0,.45)}
.glowna .mk-akceptacja ul, .glowna .mk-wpisy {display:grid;gap:8px;margin-top:8px;padding:0;list-style:none}
.glowna .mk-akceptacja li {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:4px 0 12px;border-bottom:1px solid var(--linia-slaba);color:var(--kosc)}
.glowna .mk-akceptacja-tytul, .glowna .mk-raport-sekcja {margin-top:18px;font-weight:600;color:var(--kosc)}
.glowna .mk-akceptacja-tytul {margin:0}
.glowna .mk-raport {padding:28px}
.glowna .mk-raport-tytul {font:18px/1.3 var(--f-naglowki);color:var(--kosc)}
.glowna .mk-pole {display:grid;gap:6px;margin-top:18px}
.glowna .mk-pole-okno {display:grid;place-items:center;min-height:56px;font-size:13px;font-weight:400;text-align:center}
.glowna .mk-wpisy li {display:flex;gap:10px}
.glowna .mk-wpisy svg {flex:none;width:18px;height:18px;margin-top:2px;color:var(--akcent)}
@media (min-width:900px) {
.glowna .biurko {grid-template-columns:repeat(12,minmax(0,1fr));gap:0}
.glowna .mk-akceptacja {grid-area:1/7/2/13;z-index:2;align-self:start;margin-top:80px}
.glowna .mk-raport-stos {grid-area:1/1/2/9;position:relative;transform:rotate(-1.2deg)}
.glowna .mk-raport {position:relative;z-index:1;padding-right:28%}
.glowna .mk-raport-stos::before, .glowna .mk-raport-stos::after {content:"";position:absolute;inset:0;border:1px solid var(--linia);border-radius:20px;background:var(--bg);transform:translate(12px,12px)}
.glowna .mk-raport-stos::after {transform:translate(6px,6px)}
.glowna .biurko-podpis {grid-column:1/-1;margin-top:28px}
}
@media (max-width:600px) {
.glowna .mk-raport {padding:18px}
.glowna .mk-akceptacja {padding:16px}
.glowna .mk-raport-sekcja, .glowna .mk-pole {margin-top:14px}
.glowna .mk-pole-okno {min-height:44px;padding:10px 14px}
.glowna .mk-raport-plan {display:none}
.glowna .biurko-podpis {margin-top:0}
}
.glowna .paragon-stos {max-width:460px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.glowna .mk-paragon {--kosc:#0A0D04;--szary:#4F5A45;--fokus:#0A0D04;padding:28px 28px 40px;background:#FAFFF3;color:#0A0D04;font-size:15px;line-height:1.4;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/24px 100%}
.glowna .paragon-glowa {padding-bottom:14px;border-bottom:1px dashed rgba(10,13,4,.35)}
.glowna .paragon-glowa b {font:18px/1.2 var(--f-naglowki);color:#0A0D04}
.glowna .mk-paragon dl+.paragon-grupa {padding-top:14px;border-top:1px dashed rgba(10,13,4,.35)}
.glowna .paragon-grupa {margin-top:16px;font-size:12.5px}
.glowna .mk-paragon dl {display:grid;gap:10px;margin-top:8px}
.glowna .mk-paragon dl>div {display:flex;align-items:baseline;gap:8px}
.glowna .mk-paragon dl>div::after {content:"";order:1;flex:1 1 16px;border-bottom:1.5px dotted rgba(10,13,4,.35)}
.glowna .mk-paragon dt {font-weight:600}
.glowna .mk-paragon small, .glowna .paragon-stopka {display:block;font-size:13px;font-weight:400;color:#4F5A45}
.glowna .mk-paragon dd {order:2;max-width:50%;font:15px/1.35 var(--f-naglowki);text-align:right}
.glowna .mk-paragon a {color:#0A0D04;text-decoration-color:currentColor}
.glowna .mk-paragon .paragon-koniec {margin-top:16px;padding-top:12px;border-top:3px double rgba(10,13,4,.5)}
.glowna .paragon-koniec dt {font-weight:700}
.glowna .paragon-stopka {margin-top:18px}
.glowna .mk-paragon .cennik-aktualizacja {margin-top:4px!important}
.glowna .rachunek-w-cenie {display:grid;gap:18px}
.glowna .rachunek-w-cenie h3 {font:20px/1.3 var(--f-naglowki)}
.glowna .rachunek-w-cenie .lista-ptaszki li::before {color:var(--akcent)}
html[data-motyw="jasny"] .glowna .ciemna .przycisk-lime .wp-block-button__link {background:var(--lime);color:var(--czern)}
@media (min-width:900px) {
.glowna .rachunek-siatka {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.glowna .paragon-stos {transform:rotate(-1deg)}
}
@media (max-width:899px) {
.glowna .rachunek-sekcja .panel-tresc {overflow:clip}
.glowna .paragon-stos {max-width:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
}
@media (max-width:600px) {
.glowna .mk-paragon {font-size:14.5px}
.glowna .mk-paragon dl {gap:8px}
.glowna .paragon-grupa {margin-top:12px}
.glowna .mk-paragon dl+.paragon-grupa {padding-top:12px}
.glowna .paragon-stopka {margin-top:12px}
.glowna .rachunek-w-cenie {gap:14px}
.glowna .rachunek-w-cenie .lista-ptaszki {gap:6px;font-size:15px}
}
@media (max-width:480px) {
.glowna .mk-paragon {padding:22px 18px 34px}
.glowna .mk-paragon dl>div::after {display:none}
.glowna .mk-paragon dt {flex:1}
.glowna .mk-paragon dd {max-width:46%;font-size:13.5px}
}
.glowna .lista-zasady {display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--linia)}
.glowna .lista-zasady li {position:relative;margin:0;padding:18px 0 18px 52px;border-bottom:1px solid var(--linia);font:clamp(16px,1.6vw,19px)/1.35 var(--f-naglowki);color:var(--kosc)}
.glowna .lista-zasady li::before {content:"✓";content:"✓"/"";position:absolute;left:0;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);font:700 17px/1 var(--f-tekst);color:var(--czern)}
.glowna .zasady-nie h3 {margin-bottom:14px!important;font-size:17px}
.glowna .zasady-podpis {display:flex;align-items:center;gap:20px;margin-top:36px!important;padding-top:24px;border-top:1px solid var(--linia)}
.glowna .zasady-zdjecie {flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 15%}
.glowna .zasady-podpis-tekst {max-width:720px;font-size:15.5px}
.glowna .zasady-link {margin-top:6px!important;font-weight:600}
.glowna .zasady-link a {color:var(--kosc);text-decoration-color:var(--akcent)}
@media (max-width:600px) {
.glowna .lista-zasady li {padding:12px 0 12px 40px;font-size:15.5px}
.glowna .lista-zasady li::before {top:10px;width:28px;height:28px}
.glowna .zasady-podpis {align-items:flex-start;gap:14px;margin-top:28px!important;padding-top:20px}
.glowna .zasady-zdjecie {width:56px;height:56px}
}
html[data-motyw="jasny"] .glowna .mk-pin, html[data-motyw="jasny"] .glowna .lista-zasady li::before, html[data-motyw="jasny"] .glowna .mk-przel i {box-shadow:inset 0 0 0 1px rgba(10,13,4,.2)}
html[data-motyw="jasny"] .glowna .mk-kafel {--lime-ciemny:#CFE3A0}
html[data-motyw="jasny"] .glowna .mk-akceptacja {box-shadow:0 18px 40px rgba(10,13,4,.18)}
@media (prefers-reduced-motion:reduce) {
.glowna .typy-pigulki label, .glowna .haslo label, .glowna .typ, .glowna .mk-kafel>*, .glowna .mk-pin {transition:none}
}
@media (max-width:600px) {
.glowna .hero-warunki {margin-top:16px!important}
.glowna .hasla-cta {margin-top:var(--rytm-cta)!important}
.glowna .droga-link {margin-top:var(--rytm-cta)!important}
.glowna .mk-konto-glowa {margin-bottom:8px}
.glowna .mk-kafle {gap:8px}
.glowna .mk-kafel {padding:10px 12px}
.glowna .mk-kafel-tytul {margin-bottom:6px}
.glowna .mk-kafel ul {gap:4px}
.glowna .konto-punkty label {padding:6px 0;line-height:1.3}
.glowna .mk-d {aspect-ratio:5/4}
.glowna .miesiac-lista {gap:6px}
.glowna .mk-droga {gap:10px}
.glowna .droga-krok:not(:last-child)::before {height:calc(100% + 10px)}
.glowna .biurko {display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px 72px;margin-inline:-16px;padding:4px 16px 20px;align-items:start}
.glowna .biurko>* {scroll-snap-align:start}
.glowna .biurko:focus-visible {outline-offset:-2px}
.glowna .mk-akceptacja {box-shadow:0 8px 16px rgba(0,0,0,.3)}
html[data-motyw="jasny"] .glowna .mk-akceptacja {box-shadow:0 8px 16px rgba(10,13,4,.12)}
.glowna .mk-paragon {padding:20px 16px 30px}
.glowna .paragon-glowa {padding-bottom:10px}
.glowna .mk-paragon dl {gap:6px;margin-top:6px}
.glowna .paragon-grupa {margin-top:10px}
.glowna .mk-paragon dl+.paragon-grupa {padding-top:10px}
.glowna .mk-paragon .paragon-koniec {margin-top:12px;padding-top:10px}
.glowna .paragon-stopka {margin-top:10px}
.glowna .rachunek-w-cenie {gap:12px}
.glowna .rachunek-w-cenie h3 {font-size:18px}
.glowna .rachunek-w-cenie .lista-ptaszki {gap:4px}
.glowna .rachunek-sekcja .glowa-rzad>p:not(.znacznik) {display:none}
.glowna .lista-zasady li {padding:10px 0 10px 38px;line-height:1.3}
.glowna .lista-zasady li::before {top:9px;width:26px;height:26px}
.glowna .zasady-nie h3 {margin-bottom:10px!important}
.glowna .zasady-nie h3:has(+.zwiniete) {margin-bottom:0!important}
.glowna .zasady-nie .lista-krzyzyki {gap:4px}
.glowna .zasady-podpis {gap:12px;margin-top:var(--rytm-cta)!important;padding-top:16px}
}
@media (max-width:600px) {
@supports selector(:has(*)) {
.glowna .typy-sekcja .typy-sciezka {grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px 72px;margin-inline:-16px;padding:4px calc(20% + 16px) 8px 16px}
.glowna .typy-sekcja .typy-krok {scroll-snap-align:start;padding:0 12px 0 0}
.glowna .typy-sekcja .typy-krok::before {display:none}
.glowna .typy-sekcja .typy-wszedzie {grid-column:auto}
.glowna .typy-sekcja .typy-etap {padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--kosc) 30%,#0000)}
.glowna .typy-sekcja .typy-etap::after {left:0;top:auto;bottom:-4px}
.glowna .typy-sekcja .typy-sciezka:focus-visible {outline-offset:-2px}
}
}
