@font-face{font-family:"Epilogue";font-style:normal;font-weight:400 800;font-display:swap;
src:url(fonts/Epilogue-latin-ext.woff2) format("woff2");
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Epilogue";font-style:normal;font-weight:400 800;font-display:swap;
src:url(fonts/Epilogue-latin.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--tlo:#F4F4F4; --karta:#FFFFFF; --karta2:#F7F7F7;
--tusz:#000000; --tekst:#000000; --mut:#666666; --linia:#DDDDDD; --linia2:#E7E7E7;
--linia-mocna:#949494;
--pole-tlo:#FAFAFA; --pole-linia:#D0D0D0;
--nieb:#0062C5; --nieb-ciemny:#004C99; --nieb-tekst:#FFFFFF; --nieb-cichy:#E6F0FA;
--zolty:#FCC300; --zolty-ciemny:#E0AD00; --zolty-cichy:#FFF3C4;
--ziel:#16A34A; --ziel-cichy:#E6F6EC; --uwaga:#B45309; --uwaga-cichy:#FEF3E2; --czerw:#E23B4E;
--r-karta:8px; --r:8px; --r-pig:999px;
--cien:none;
--pasek-h:96px;
}
html{font-size:18px;-webkit-text-size-adjust:100%}
body.pgg-zad{margin:0;background:var(--tlo);color:var(--tekst);
font-family:"Epilogue",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4;
padding-bottom:calc(var(--pasek-h) + env(safe-area-inset-bottom))}
#pgg-zad *{box-sizing:border-box}
:where(#pgg-zad) button,:where(#pgg-zad) input,:where(#pgg-zad) textarea{font:inherit;color:inherit}
:where(#pgg-zad) h2,:where(#pgg-zad) b,:where(#pgg-zad) strong{color:var(--tusz)}
#pgg-zad :where(button,input,textarea,a):focus-visible{outline:3px solid var(--nieb);outline-offset:2px;border-radius:8px}
#pgg-zad svg{display:block}
.z-ukryte{display:none !important}
.z-sr{position:absolute !important;width:1px !important;height:1px !important;min-height:0 !important;
margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.z-gora{display:flex;align-items:center;gap:.8rem;padding:.55rem 1rem .15rem}
.z-logo{font-weight:800;font-size:1.25rem;letter-spacing:-.04em;display:flex;align-items:center;white-space:nowrap}
.z-kropka{width:.62em;height:.62em;border-radius:50%;margin:0 .08em;
background:conic-gradient(#F5C518 0 25%,#E23B4E 0 50%,#2FA84F 0 75%,#1668E3 0)}
.z-tytul{margin:0;flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:600;color:var(--mut);
border-left:2px solid var(--linia);padding-left:.8rem;line-height:1.2}
.z-tel{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:0 .6rem;
border:2px solid var(--linia);border-radius:var(--r-pig);background:var(--karta);
color:var(--tusz);text-decoration:none;font-weight:800;font-size:.92rem;white-space:nowrap}
.z-tel:hover{border-color:var(--tusz)}
.z-tel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:559px){.z-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.z-tel{padding:0 .75rem}}
@media (max-width:699px){.z-tytul-plus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.z-kroki{display:flex;gap:.25rem;padding:.15rem 1rem .35rem;overflow-x:auto;scrollbar-width:none}
.z-kroki::-webkit-scrollbar{display:none}
.z-kroki button{flex:1 1 0;min-width:46px;min-height:48px;border:0;background:none;padding:.25rem 0;cursor:pointer;
display:grid;justify-items:center;gap:.15rem;color:var(--mut);font-size:.82rem;font-weight:600}
.z-kroki .nr{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;font-weight:700;
background:var(--linia2);color:var(--mut);border:2px solid transparent}
.z-kroki button[aria-current="step"]{color:var(--tusz)}
.z-kroki button[aria-current="step"] .nr{background:var(--zolty);color:#000}
.z-kroki button.zrobiony .nr{background:var(--tusz);color:#fff}
.z-kroki button:disabled{cursor:not-allowed;opacity:.55}
.z-main{padding:0 1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
.z-karta{min-width:0;background:var(--karta);border:1px solid var(--linia);border-radius:var(--r-karta);box-shadow:var(--cien);padding:1.25rem}
.z-karta h2{margin:0 0 .5rem;font-size:1.4rem;font-weight:400;line-height:1.25;letter-spacing:-.035em}
.z-karta .z-pod{margin:0 0 .8rem;color:var(--mut);font-size:.95rem;line-height:1.35}
@media (min-width:900px){
.z-main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;max-width:1240px;margin:0 auto}
.z-podglad{position:sticky;top:1rem;order:-1}
.z-gora,.z-kroki{max-width:1240px;margin:0 auto}
.z-wznow{margin:0 auto .8rem;width:calc(100% - 2rem)}
.z-kroki button{font-size:1rem}
}
.z-podglad .z-plotno{width:100%;min-height:200px;background:var(--karta2);border-radius:var(--r);overflow:hidden}
.z-legenda{display:flex;flex-wrap:wrap;gap:.25rem .55rem;margin:.55rem 0 0;padding:0;list-style:none;font-size:.78rem;color:var(--mut)}
.z-legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:.25rem}
.z-dlaczego{margin:.55rem 0 0;padding:.7rem .9rem;border-radius:var(--r);background:var(--nieb-cichy);color:var(--nieb-ciemny);font-size:.9rem;font-weight:500}
.z-dlaczego b{display:block;font-size:1rem}
.z-kafle{display:grid;gap:.55rem;grid-template-columns:1fr}
@media (min-width:460px){.z-kafle{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}}
.z-kafel{position:relative;display:flex;align-items:center;gap:.8rem;text-align:left;min-height:72px;padding:.7rem .8rem;
border:1px solid var(--linia-mocna);border-radius:var(--r);background:var(--karta);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.z-kafel:hover{border-color:var(--tusz);background:var(--karta2)}
.z-kafel[aria-pressed="true"]{border-color:var(--tusz);box-shadow:inset 0 0 0 2px var(--tusz);background:var(--zolty-cichy)}
.z-kafel .ik{flex:0 0 48px;width:48px;height:48px;color:#444;opacity:.85}
.z-kafel[aria-pressed="true"] .ik{color:var(--tusz);opacity:1}
.z-kafel .ik svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.z-kafel .tr b{display:block;font-size:1.02rem;font-weight:500;line-height:1.25}
.z-kafel .tr span{display:block;color:var(--mut);font-size:.9rem;margin-top:.15rem}
.z-kafel .z-ptak{position:absolute;right:.7rem;top:.7rem;width:26px;height:26px;border-radius:50%;background:var(--tusz);color:#fff;display:none;place-items:center}
.z-kafel[aria-pressed="true"] .z-ptak{display:grid}
.z-kafel .z-ptak svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.z-polec{display:inline-block;margin-top:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
color:var(--nieb-ciemny);background:transparent;border:1px solid var(--nieb-ciemny);padding:.1rem .45rem;border-radius:999px}
.z-kafel .tr{padding-right:1.6rem}
.z-kafel .tr span.z-polec{display:inline-block;color:var(--nieb-ciemny);margin-top:.35rem;font-size:.72rem}
.z-numer{margin:0 0 .2rem;font-size:.8rem;font-weight:600;color:var(--mut);letter-spacing:.12em;text-transform:uppercase}
.z-btn:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:479px){.z-kroki button span:last-child{display:none}.z-kroki button[aria-current="step"] span:last-child{display:block}}
.z-probka{flex:0 0 56px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 -4px 10px rgba(0,0,0,.12)}
.z-pole{margin-bottom:1rem}
.z-pole label{display:block;font-weight:700;margin-bottom:.4rem;font-size:1.05rem}
.z-pole label small{font-weight:500;color:var(--mut)}
.z-wejscie{display:flex;gap:.5rem;align-items:stretch}
.z-wejscie input{flex:1 1 0;width:0;min-width:0;min-height:56px;border:1px solid var(--linia-mocna);border-radius:var(--r);background:var(--pole-tlo);
text-align:center;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;padding:.4rem .6rem;color:var(--tusz)}
.z-wejscie input:focus{outline:none;border-color:var(--tusz);box-shadow:0 0 0 4px var(--zolty-cichy)}
.z-wejscie .z-jedn{align-self:center;font-weight:700;color:var(--mut);min-width:2.2rem}
.z-pm{flex:0 0 56px;width:56px;min-height:56px;border:1px solid var(--linia-mocna);border-radius:var(--r);background:var(--karta);
font-size:1.9rem;font-weight:700;line-height:1;cursor:pointer;color:var(--tusz)}
.z-pm:active{background:var(--zolty-cichy);border-color:var(--tusz)}
.z-pm:disabled{opacity:.4;cursor:not-allowed}
.z-zakres{margin:.35rem 0 0;font-size:.88rem;color:var(--mut)}
.z-zakres.zle{color:var(--uwaga);font-weight:700}
.z-info{margin:.6rem 0 0;padding:.65rem .85rem;border-radius:var(--r);background:var(--uwaga-cichy);
color:var(--uwaga);font-weight:600;font-size:.92rem;line-height:1.35}
.z-info.ok{background:var(--ziel-cichy);color:#166534}
.z-link{background:none;border:0;padding:0;color:var(--nieb);font-weight:700;text-decoration:underline;cursor:pointer}
.z-lista{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}
.z-wiersz{min-width:0;border:1px solid var(--linia-mocna);border-radius:var(--r);background:var(--karta);overflow:hidden}
.z-wiersz.wyl{background:var(--karta2);color:var(--mut)}
.z-wiersz.otw{border-color:var(--tusz);box-shadow:inset 0 0 0 2px var(--tusz)}
.z-glowa{display:flex;width:100%;align-items:center;gap:.6rem;min-height:60px;padding:.5rem .8rem;
border:0;background:none;cursor:pointer;text-align:left;color:inherit}
.z-glowa .z-naz{flex:1 1 auto;min-width:0;display:block}
.z-glowa .z-naz b{display:block;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}
.z-glowa .z-naz small{display:block;color:var(--mut);font-size:.82rem;font-variant-numeric:tabular-nums}
.z-glowa .z-kwota{flex:0 0 auto;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
.z-glowa .z-strzalka{flex:0 0 22px;color:var(--mut);transition:transform .15s}
.z-glowa .z-strzalka svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.z-wiersz.otw .z-glowa .z-strzalka{transform:rotate(90deg)}
@media (max-width:430px){
.z-glowa{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:.2rem .5rem;align-items:center}
.z-glowa .z-naz{grid-column:1;grid-row:1;min-width:0}
.z-glowa .z-kwota{grid-column:1;grid-row:2;justify-self:start;font-size:.95rem;font-weight:700}
.z-glowa .z-strzalka{grid-column:2;grid-row:1 / 3;align-self:center}
}
.z-szczegoly{padding:0 .8rem .7rem}
.z-wiersz .z-opis{margin:.1rem 0 .55rem;font-size:.88rem;color:var(--mut)}
.z-wiersz .z-dol{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;min-width:0}
.z-il{display:flex;align-items:center;gap:.3rem}
.z-il .z-pm{flex:0 0 56px;width:56px;min-height:56px;font-size:1.6rem}
.z-il output{min-width:5.2rem;text-align:center;font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}
.z-il .z-auto{font-size:.8rem;color:var(--ziel);font-weight:700}
.z-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;
border:2px solid var(--linia);border-radius:999px;overflow:hidden}
.z-seg button{border:0;background:none;padding:.45rem .3rem;min-height:48px;cursor:pointer;
font-weight:700;font-size:.78rem;letter-spacing:-.01em;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-seg button[aria-pressed="true"]{background:var(--tusz);color:#fff}
.z-przel{border:2px solid var(--linia);border-radius:999px;background:var(--karta);padding:.45rem .9rem;min-height:48px;cursor:pointer;font-weight:700;font-size:.88rem}
.z-przel[aria-pressed="true"]{background:var(--tusz);color:#fff;border-color:var(--tusz)}
.z-tab{width:100%;border-collapse:collapse;font-size:.95rem}
.z-tab th,.z-tab td{padding:.55rem .3rem;border-bottom:1px solid var(--linia);vertical-align:top;text-align:left}
.z-tab td.l,.z-tab th.l{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.z-tab tr.suma td{font-weight:700;font-size:1.1rem;border-bottom:0}
.z-tab small{color:var(--mut);display:block}
@media (max-width:519px){
.z-tab,.z-tab tbody{display:block}
.z-tab thead{display:none}
.z-tab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem;border-bottom:1px solid var(--linia);padding:.5rem 0}
.z-tab td{border-bottom:0;padding:.1rem 0;overflow-wrap:anywhere}
.z-tab td:first-child{grid-column:1 / -1}
.z-tab td.l:nth-child(2){grid-column:1;text-align:left;color:var(--mut)}
.z-tab td.l:nth-child(2):empty{display:none}
.z-tab td.l:nth-child(3){grid-column:2}
.z-tab tr.suma{border-bottom:0;align-items:baseline}
.z-tab tr.suma td:first-child{grid-column:1}
}
.z-form{display:grid;gap:.7rem;margin-top:1rem}
.z-form label{font-weight:700}
.z-form input,.z-form textarea{width:100%;min-height:56px;border:2px solid var(--pole-linia);border-radius:8px;padding:.6rem .85rem;font-size:1.05rem;background:var(--pole-tlo)}
.z-form textarea{min-height:90px;resize:vertical;border-radius:8px;padding:.6rem .8rem}
.z-form input:focus,.z-form textarea:focus{outline:none;border-color:var(--tusz);box-shadow:0 0 0 4px var(--zolty-cichy)}
.z-zgoda{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;font-size:.92rem;min-height:56px;padding:.3rem 0;cursor:pointer}
.z-zgoda input{width:30px;height:30px;min-height:0;flex:0 0 30px;margin:0;accent-color:var(--tusz)}
.z-btn{min-height:60px;border:0;border-radius:var(--r-pig);padding:.6rem 1.3rem;font-size:1.1rem;font-weight:600;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.z-btn.g{background:var(--zolty);color:#000;border:2px solid transparent}
.z-btn.g:hover{background:var(--zolty-ciemny)}
.z-btn.g:disabled{background:var(--karta2);color:#777;border-color:var(--linia);border-style:dashed;opacity:1;cursor:not-allowed}
.z-btn.b{background:var(--karta);border:2px solid var(--linia);color:var(--tusz)}
.z-btn.b:hover{border-color:var(--tusz)}
.z-btn.z{background:var(--zolty);color:#000;border:2px solid transparent}
.z-btn.z:hover{background:var(--zolty-ciemny)}
.z-btn.z:disabled{background:var(--karta2);color:#777;border-color:var(--linia);border-style:dashed;opacity:1;cursor:not-allowed}
.z-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.z-przyciski{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.z-przyciski .z-btn{flex:1 1 200px}
.z-dziekuje{text-align:center;padding:1.5rem .5rem}
.z-dziekuje .ik{width:84px;height:84px;margin:0 auto 1rem;border-radius:50%;background:var(--ziel-cichy);color:var(--ziel);display:grid;place-items:center}
.z-dziekuje .ik svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.z-kup{margin-top:1rem}
.z-kup .z-kup-teraz{width:100%}
.z-kup .z-kup-teraz span{display:grid;justify-items:center;line-height:1.15}
.z-kup .z-kup-teraz small{font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums}
.z-kup .z-zakres{margin-top:.5rem;text-align:center}
.z-albo{display:flex;align-items:center;gap:.7rem;margin:1.1rem 0 .2rem;color:var(--mut);font-size:.88rem}
.z-albo::before,.z-albo::after{content:"";flex:1 1 0;height:1px;background:var(--linia)}
@media print{.z-kup,.z-albo{display:none !important}}
.z-pasek{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--karta);border-top:1px solid var(--linia);
box-shadow:0 -10px 28px rgba(15,23,32,.08);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
display:flex;align-items:center;gap:.7rem}
.z-pasek .z-cena{flex:1;min-width:0;line-height:1.1}
.z-pasek .z-cena small{display:block;font-size:.78rem;color:var(--mut);font-weight:600}
.z-pasek .z-cena b{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em;color:var(--tusz)}
.z-pasek .z-cena b.brak{font-size:.95rem;color:var(--mut);white-space:normal;line-height:1.15}
.z-pasek .z-btn{min-height:60px}
.z-pasek .z-btn.b{flex:0 0 auto;padding:.6rem .8rem}
.z-pasek .z-btn.g{flex:0 0 auto;min-width:112px;padding:.6rem .9rem}
@media (min-width:420px){.z-pasek .z-cena b{font-size:1.5rem}.z-pasek .z-btn.g{min-width:130px}}
@media (min-width:900px){.z-pasek{padding-left:max(1rem,calc(50% - 620px + 1rem));padding-right:max(1rem,calc(50% - 620px + 1rem))}}
.z-rozwin{display:inline-block;margin:.5rem 0 0;min-height:48px;padding:.2rem 0}
.z-spec{margin:.7rem 0 0;font-size:.88rem;color:var(--mut);line-height:1.35}
.z-wznow{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin:0 1rem .8rem;max-width:1240px;
padding:.7rem .9rem;border-radius:var(--r);background:var(--nieb-cichy);color:var(--nieb-ciemny);
font-weight:600;font-size:.92rem}
.z-wznow .z-link{min-height:44px;color:var(--nieb-ciemny)}
.z-odnowa-w{margin:.9rem 1rem 0;font-size:.88rem;text-align:center}
.z-odnowa-w .z-link{min-height:44px;color:var(--mut);font-weight:600;text-decoration-color:var(--linia)}
.z-odnowa-w .z-link:hover{color:var(--tusz)}
@media (min-width:900px){.z-odnowa-w{max-width:1240px;margin:.9rem auto 0}}
@media print{.z-odnowa-w{display:none !important}}
@media print{
body.pgg-zad{padding:0;background:#fff}
.z-kroki,.z-pasek,.z-przyciski,.z-form,.z-pm,.z-seg,.z-przel,.z-dlaczego,.z-rozwin{display:none !important}
.z-tel span{position:static !important;width:auto !important;height:auto !important;clip:auto !important}
.z-main{display:block}
.z-karta{box-shadow:none;border:0;padding:0;margin-bottom:1rem}
.z-tab .z-poz-pelne{display:table-row-group !important}
.z-tab .z-poz-zbior{display:none !important}
}
.z-podglad-naglowek{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}
@media (max-width:599px){.z-podglad-naglowek{flex-direction:column;gap:.2rem}.z-podglad-naglowek .z-widoki{align-self:flex-start;margin-bottom:.6rem}}
.z-podglad-naglowek .z-pod{margin-bottom:.6rem}
.z-widoki{display:inline-flex;flex:0 0 auto;border:2px solid var(--linia);border-radius:999px;overflow:hidden}
.z-widoki button{border:0;background:none;padding:.4rem .9rem;min-height:48px;cursor:pointer;font-weight:800;font-size:.9rem;color:var(--mut)}
.z-widoki button[aria-pressed="true"]{background:var(--tusz);color:#fff}
.z-obrot{display:flex;align-items:center;gap:.8rem;margin-top:.6rem}
.z-obrot label{font-weight:700;font-size:.9rem;color:var(--mut);white-space:nowrap}
.z-obrot input[type=range]{flex:1;min-width:0;height:56px;accent-color:var(--nieb);cursor:pointer}
.z-plotno{cursor:grab}
.z-tag{display:inline-block;background:#ff5a00;color:#fff;border-radius:6px;padding:.05rem .4rem;font-size:.8rem;font-weight:800;vertical-align:middle}
.z-allegro{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--r);background:#fff3ea;border:2px solid #ffc9a8;color:#7a2e00}
.z-allegro b{color:#0F1720}
.z-allegro p{margin:.4rem 0}
.z-allegro ol{margin:.4rem 0 0;padding-left:1.3rem}
.z-allegro li{margin:.25rem 0}
.z-kod{font-size:2rem;font-weight:800;letter-spacing:.06em;text-align:center;background:#fff;border:2px dashed #ff5a00;border-radius:var(--r);padding:.6rem;margin:.6rem 0;font-variant-numeric:tabular-nums;user-select:all}
.z-btn.a{background:#ff5a00;color:#fff;text-decoration:none;width:100%}
.z-gora{padding-top:.8rem;padding-bottom:.55rem}
.z-kroki{padding-top:.5rem;padding-bottom:1.1rem;gap:.35rem}
.z-kroki button{position:relative;gap:.35rem}
.z-kroki button::before{content:"";position:absolute;height:1px;background:var(--linia);left:calc(-50% + 20px);right:calc(50% + 20px);top:18px}
.z-kroki button:first-child::before{display:none}
.z-kroki button:disabled{opacity:1;color:var(--mut)}
.z-kroki button:disabled .nr{color:var(--mut)}
.z-kroki button[aria-current="step"]{font-weight:800}
.z-kroki .nr{position:relative}
.z-podglad{box-shadow:none;background:var(--karta2)}
.z-podglad .z-plotno{background:var(--karta)}
.z-podglad .z-pod{font-size:.82rem;line-height:1.5}
.z-podglad h2{font-size:1.1rem;letter-spacing:-.025em}
.z-wstep{display:none}
.z-start .z-wstep{display:block;margin-bottom:1.4rem}
.z-start .z-wstep .z-eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:700;color:var(--mut);margin:0 0 .8rem}
.z-start .z-wstep h2{font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:.9rem}
.z-wstep p{color:var(--mut);max-width:28rem;line-height:1.55;margin:.6rem 0}
.z-wstep .z-wstep-zakres{font-size:.78rem;border-left:2px solid var(--linia);padding-left:.8rem}
.z-start .z-podglad{border:0;background:transparent;padding:1rem 1.25rem 0 0}
.z-start .z-podglad .z-plotno{background:transparent;min-height:0}
.z-start .z-podglad-naglowek h2{font-size:.85rem}
.z-start .z-podglad-naglowek .z-widoki,.z-start .z-obrot,.z-start .z-legenda{display:none}
.z-start #z-wstecz{display:none}
.z-start .z-kafle{grid-template-columns:minmax(0,1fr)}
.z-start .z-kafel{min-height:80px}
.z-start .z-kafel .tr b{font-size:1rem}
.z-start .z-kafel .tr span{font-size:.82rem}
.z-start .z-kafel .ik{padding:5px;border-radius:var(--r);background:var(--karta2)}
.z-start .z-kafel .ik svg{width:38px;height:38px}
.z-karta .z-pod{line-height:1.5}
.z-pole label small{display:block;font-size:.82rem;margin-top:.2rem;line-height:1.45}
.z-zakres{font-size:.78rem;line-height:1.5}
.z-pasek{box-shadow:0 -4px 20px rgba(0,0,0,.04)}
.z-pasek .z-cena small{line-height:1.4;margin-bottom:.25rem}
.z-pasek .z-cena b{letter-spacing:-.04em}
.z-tab tr.suma{background:var(--zolty-cichy)}
.z-tab tr.suma td{padding:.85rem .35rem}
.z-mail{margin-top:1.2rem;border-top:1px solid var(--linia);padding-top:.45rem}
.z-mail summary{min-height:56px;cursor:pointer;color:var(--nieb-ciemny);font-size:.88rem;font-weight:600;line-height:1.5;padding:.6rem .25rem}
#pgg-zad summary:focus-visible{outline:3px solid var(--nieb);outline-offset:2px}
.z-mail[open] summary{color:var(--tusz)}
.z-mail .z-form{margin-top:.45rem}
.z-akcje-listy{display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem}
.z-akcje-listy .z-link{font-size:.82rem;text-align:left}
@media (min-width:900px){
.z-main{gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
.z-kroki button{font-size:.8rem}
.z-kroki .nr{width:30px;height:30px}
.z-podglad{top:1rem}
.z-start .z-podglad{position:static}
}
@media (max-width:899px){
.z-start .z-podglad{display:none}
.z-main{gap:.85rem}
.z-karta{padding:1rem}
.z-kroki{padding-bottom:.65rem}
.z-gora{padding-top:.45rem;padding-bottom:.15rem}
.z-start .z-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599px){
.z-karta h2{font-size:1.25rem}
.z-main{padding:0 .7rem}
.z-gora,.z-kroki{padding-left:.7rem;padding-right:.7rem}
.z-karta{padding:.85rem}
.z-karta .z-pod{font-size:.88rem;margin-bottom:.8rem}
.z-pole{margin-bottom:.8rem}
.z-pole label{font-size:1rem;margin-bottom:.35rem}
.z-kroki button{font-size:.7rem;min-width:38px}
.z-kroki button::before{display:none}
.z-start .z-kafle{grid-template-columns:minmax(0,1fr)}
.z-start .z-kafel{min-height:76px;padding:.6rem .65rem}
.z-start .z-kafel .tr span{margin-top:.15rem}
.z-pasek{gap:.5rem;padding-left:.7rem;padding-right:.7rem}
.z-pasek .z-cena small{font-size:.65rem}
.z-pasek .z-cena b{font-size:1.23rem}
.z-pasek .z-cena b.brak{font-size:.8rem;letter-spacing:0}
.z-pasek .z-btn{min-height:56px}
.z-pasek .z-btn.g{min-width:105px;padding:.5rem .7rem;font-size:1rem}
.z-pasek .z-btn.b{padding:.5rem .65rem}
}
@media (prefers-reduced-motion:reduce){
#pgg-zad *,#pgg-zad *::before,#pgg-zad *::after{transition:none !important;scroll-behavior:auto !important}
}
@media print{
.z-wstep,.z-mail{display:none !important}
.z-podglad{position:static;background:#fff}
}
