:root{--pasek-wys: calc(72px + var(--bezp-gora))}html{scroll-padding-top:calc(var(--pasek-wys) + var(--k4))}.konfigurator{display:grid;grid-template-columns:clamp(380px,38.2vw,max(680px,28vw)) minmax(0,1fr);min-height:calc(100vh - var(--pasek-wys))}.pasek{position:sticky;top:0;z-index:var(--z-naglowek);display:flex;align-items:center;gap:var(--k5);height:var(--pasek-wys);padding:var(--bezp-gora) var(--margines) 0;background:#f4f4f2d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--linia)}.pasek__marka{font-weight:700;font-size:var(--skala-lg);letter-spacing:.13em;white-space:nowrap}.pasek__seria{min-width:0;overflow:hidden;color:var(--tekst-drugi);font-size:var(--skala-sm);white-space:nowrap;text-overflow:ellipsis}.pasek__powrot{margin-left:auto;flex:none}.specyfikacja{container-type:inline-size;padding:var(--k8) var(--margines) var(--k10);border-right:1px solid var(--linia);min-width:0}.specyfikacja__wstep{margin-bottom:var(--k8)}.specyfikacja__wstep h1{margin-bottom:var(--k4);font-size:var(--skala-2xl)}.specyfikacja__wstep p{color:var(--tekst-drugi);font-size:var(--skala-lg)}.os{padding:var(--k8) 0 var(--k7);border-top:1px solid var(--linia);scroll-margin-top:88px}.os__glowa{display:flex;align-items:baseline;justify-content:space-between;gap:var(--k4);margin-bottom:var(--k2)}.os__nazwa{font-size:var(--skala-xl);font-weight:700;letter-spacing:var(--trak-naglowek)}.os__numer{font-size:var(--skala-sm);color:var(--tekst-cichy);font-variant-numeric:tabular-nums}.os__opis{color:var(--tekst-drugi);font-size:var(--skala-sm);margin-bottom:var(--k5);max-width:52ch}.opcje{display:flex;flex-direction:column;gap:var(--k1)}.opcja{display:grid;grid-template-columns:16px 1fr auto;align-items:start;gap:var(--k3);width:100%;padding:var(--k4);border:1px solid transparent;border-radius:var(--r-m);background:var(--opcja-tlo);text-align:left;cursor:pointer;transition:background var(--czas-mikro) var(--krzywa),border-color var(--czas-mikro) var(--krzywa),box-shadow var(--czas-stan) var(--krzywa)}.opcja:hover:not([aria-disabled=true]){background:var(--opcja-tlo-hover)}.opcja[aria-checked=true],.opcja[aria-pressed=true]{background:var(--opcja-tlo-wybrana);border-color:var(--linia);box-shadow:var(--cien-karta)}.opcja[aria-disabled=true]{cursor:not-allowed;opacity:.42}.opcja__znacznik{width:15px;height:15px;margin-top:4px;border:1.5px solid var(--linia-mocna);border-radius:50%;transition:border-color var(--czas-mikro) var(--krzywa),box-shadow var(--czas-mikro) var(--krzywa)}.opcja--wielokrotna .opcja__znacznik{border-radius:4px}.opcja[aria-checked=true] .opcja__znacznik,.opcja[aria-pressed=true] .opcja__znacznik{border-color:var(--wegiel);box-shadow:inset 0 0 0 3.5px var(--wegiel)}.opcja__nazwa{font-weight:500;line-height:1.35}.opcja__opis{display:block;font-size:var(--skala-sm);color:var(--tekst-drugi);margin-top:3px;max-width:44ch}.opcja__powod{display:block;font-size:var(--skala-xs);color:var(--blad);margin-top:var(--k2);max-width:44ch}.opcja__cena{font-size:var(--skala-sm);font-variant-numeric:tabular-nums;color:var(--tekst-drugi);white-space:nowrap;padding-top:2px}.opcja__cena--zero{color:var(--tekst-cichy)}.modele{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k3)}.model{display:flex;flex-direction:column;gap:var(--k1);padding:var(--k5);border:1px solid var(--linia);border-radius:var(--r-l);background:transparent;text-align:left;cursor:pointer;transition:background var(--czas-mikro) var(--krzywa),border-color var(--czas-mikro) var(--krzywa),box-shadow var(--czas-stan) var(--krzywa)}.model:hover{background:var(--opcja-tlo-hover)}.model[aria-checked=true]{background:var(--biel);border-color:transparent;box-shadow:var(--cien-karta)}.model__nazwa{font-weight:700;font-size:var(--skala-lg);letter-spacing:var(--trak-naglowek)}.model__meta{font-size:var(--skala-xs);color:var(--tekst-cichy);font-variant-numeric:tabular-nums}.model__cena{font-size:var(--skala-sm);font-weight:500;font-variant-numeric:tabular-nums;margin-top:var(--k3)}.widok{position:sticky;top:var(--pasek-wys);height:calc(100vh - var(--pasek-wys));height:calc(100dvh - var(--pasek-wys));min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--tlo)}.widok__plotno{position:relative;overflow:hidden}.widok__plotno canvas{width:100%;height:100%;display:block}.widok__podpowiedz{position:absolute;left:var(--k6);top:var(--k6);padding:6px var(--k3);border-radius:var(--r-pigulka);background:#ffffffb8;backdrop-filter:blur(8px);pointer-events:none;transition:opacity var(--czas-stan) var(--krzywa)}.widok__ladowanie{position:absolute;inset:0;display:grid;place-items:center;background:var(--tlo);transition:opacity var(--czas-duzy) var(--krzywa)}.widok__ladowanie[hidden]{display:none}.cena-pasek{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--k4) var(--k7);padding:var(--k5) var(--margines);border-top:1px solid var(--linia);background:var(--biel)}.cena-pasek__kwota{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,1.1rem + 1.4vw,2.3rem);font-weight:700;letter-spacing:-.028em;line-height:1}.cena-pasek__blok{display:flex;flex-direction:column;gap:var(--k2)}.cena-pasek__wartosc{font-variant-numeric:tabular-nums;font-size:var(--skala-md);font-weight:500}.cena-pasek__akcja{margin-left:auto}.komunikaty{position:fixed;right:var(--margines);bottom:130px;z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--k2);max-width:34ch}.komunikat{padding:var(--k4) var(--k5);border-radius:var(--r-m);background:var(--wegiel);color:var(--tekst-na-ciemnym);font-size:var(--skala-sm);line-height:1.45;box-shadow:var(--cien-uniesiona);animation:wejscie var(--czas-stan) var(--krzywa)}@keyframes wejscie{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.podsumowanie{padding-top:var(--k8);border-top:1px solid var(--linia-mocna)}.rozbicie{width:100%;border-collapse:collapse;margin-bottom:var(--k7)}.rozbicie th{text-align:left;font-size:var(--skala-xs);color:var(--tekst-cichy);font-weight:400;padding-bottom:var(--k3);border-bottom:1px solid var(--linia)}.rozbicie th:last-child,.rozbicie td:last-child{text-align:right}.rozbicie td{padding:var(--k4) 0;border-bottom:1px solid var(--linia);vertical-align:top;font-size:var(--skala-sm)}.rozbicie td:last-child{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.rozbicie tr:last-child td{border-bottom:0;border-top:1px solid var(--wegiel);padding-top:var(--k5);font-size:var(--skala-lg);font-weight:700}.rozbicie__grupa{display:block;font-size:var(--skala-xs);color:var(--tekst-cichy)}.finansowanie{margin-bottom:var(--k7)}.suwak{margin-bottom:var(--k6)}.suwak__glowa{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--k3);gap:var(--k4)}.suwak__wartosc{font-variant-numeric:tabular-nums;font-size:var(--skala-md);font-weight:500}input[type=range]{width:100%;height:24px;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:var(--linia-mocna)}input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:var(--linia-mocna)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--wegiel);transition:transform var(--czas-mikro) var(--krzywa)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--wegiel)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.wynik{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--k5);padding:var(--k6);border-radius:var(--r-l);background:var(--biel);box-shadow:var(--cien-karta)}.wynik__pole{display:flex;flex-direction:column;gap:var(--k1)}.wynik__kwota{font-variant-numeric:tabular-nums;font-size:var(--skala-lg);font-weight:500}.wynik__rata .wynik__kwota{font-size:clamp(1.5rem,1.1rem + 1.1vw,2rem);font-weight:700;letter-spacing:-.024em}.formularz{display:flex;flex-direction:column;gap:var(--k5)}.pole{display:flex;flex-direction:column;gap:var(--k2)}.pole label{font-size:var(--skala-sm);font-weight:500}.pole input,.pole textarea{font:inherit;font-size:var(--skala-md);padding:var(--k3) var(--k4);border:1px solid var(--pole-linia);border-radius:var(--r-m);background:var(--pole-tlo);color:inherit;min-height:48px;transition:border-color var(--czas-mikro) var(--krzywa)}.pole textarea{resize:vertical}.pole input:focus,.pole textarea:focus{border-color:var(--pole-linia-fokus);outline:none}.pole__pomoc{font-size:var(--skala-xs);color:var(--tekst-cichy)}.pole__blad{font-size:var(--skala-xs);color:var(--blad)}.zgoda{display:grid;grid-template-columns:18px 1fr;gap:var(--k3);align-items:start}.zgoda input{margin-top:3px;width:17px;height:17px;accent-color:var(--wegiel)}.zgoda span{font-size:var(--skala-xs);color:var(--tekst-drugi);line-height:1.55}.potwierdzenie{padding:var(--k6);border-radius:var(--r-l);background:var(--wegiel);color:var(--tekst-na-ciemnym)}.potwierdzenie p,.potwierdzenie .etykieta{color:var(--tekst-na-ciemnym-drugi)}.potwierdzenie[hidden]{display:none}.kod{font-size:var(--skala-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word;padding:var(--k4);border-radius:var(--r-m);background:#ffffff0f;border:1px solid var(--linia-na-ciemnym);margin:var(--k3) 0 var(--k5)}.stopka-konf{margin-top:var(--k8);padding-top:var(--k5);border-top:1px solid var(--linia)}.cena-pasek__wartosc{white-space:nowrap}@container (max-width: 440px){.modele,.wynik{grid-template-columns:minmax(0,1fr)}.wynik{padding:var(--k5)}.specyfikacja__wstep{margin-bottom:var(--k7)}.os{padding:var(--k7) 0 var(--k6)}}@container (max-width: 360px){.opcja{grid-template-columns:16px minmax(0,1fr);padding:var(--k3)}.opcja__cena{grid-column:2;padding-top:0}.model{padding:var(--k4)}.suwak__glowa{flex-wrap:wrap}.potwierdzenie{padding:var(--k5)}}@media (max-width: 1280px){.cena-pasek{gap:var(--k4) var(--k5)}.cena-pasek__blok--metr{display:none}}@media (orientation: portrait) and (max-width: 1080px),(max-width: 700px) and (min-height: 501px){:root{--widok-wys: clamp(180px, 42vh, 560px)}@supports (height: 1svh){:root{--widok-wys: clamp(180px, 42svh, 560px)}}html{scroll-padding-top:calc(var(--pasek-wys) + var(--widok-wys) + var(--k4))}.konfigurator{grid-template-columns:minmax(0,1fr);min-height:0}.widok{top:var(--pasek-wys);height:var(--widok-wys);order:-1;grid-template-rows:minmax(0,1fr);border-bottom:1px solid var(--linia);z-index:var(--z-panel)}.specyfikacja{border-right:0;padding:var(--k7) max(var(--margines),calc((100% - 760px)/2)) calc(var(--k10) + var(--bezp-dol))}.cena-pasek{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-naglowek);flex-wrap:nowrap;align-items:center;gap:var(--k5);padding:var(--k3) var(--margines) calc(var(--k3) + var(--bezp-dol));box-shadow:0 -10px 30px #1616140f}.cena-pasek__blok{gap:2px;min-width:0}.cena-pasek__blok--metr{display:flex}.cena-pasek__kwota{font-size:clamp(1.3rem,1rem + 1.8vw,1.9rem)}.komunikaty{left:var(--margines);right:var(--margines);bottom:calc(92px + var(--bezp-dol));max-width:none}.widok__podpowiedz{left:var(--k4);top:var(--k4)}}@media (max-width: 560px){:root{--pasek-wys: calc(60px + var(--bezp-gora))}.pasek{gap:var(--k3)}.pasek__seria{display:none}.pasek__powrot{min-height:40px;padding-inline:var(--k4)}.cena-pasek{gap:var(--k4)}.cena-pasek__blok--metr{display:none}.cena-pasek__akcja .przycisk{padding-inline:var(--k4)}}@media (max-width: 380px){.cena-pasek__blok--rata{display:none}}@media (orientation: landscape) and (max-height: 500px){:root{--pasek-wys: calc(56px + var(--bezp-gora))}.pasek__seria{display:none}.pasek__powrot{min-height:38px;padding-inline:var(--k4)}.konfigurator{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.specyfikacja{padding-block:var(--k6) var(--k9)}.specyfikacja__wstep h1{font-size:var(--skala-xl)}.cena-pasek{flex-wrap:nowrap;align-items:center;gap:var(--k4);padding-block:var(--k3) calc(var(--k3) + var(--bezp-dol))}.cena-pasek__blok{gap:2px}.cena-pasek__blok--metr,.cena-pasek__blok--rata{display:none}.cena-pasek__kwota{font-size:1.3rem}.cena-pasek__akcja .przycisk{min-height:38px;padding-inline:var(--k4)}.widok__podpowiedz{left:var(--k3);top:var(--k3)}.komunikaty{bottom:var(--k4)}}@media (orientation: landscape) and (max-height: 500px) and (max-width: 700px){.konfigurator{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cena-pasek{padding-inline:var(--k4);gap:var(--k3)}.cena-pasek__kwota{font-size:1.15rem}.cena-pasek__akcja .przycisk{padding-inline:var(--k3)}}.widok{grid-template-columns:minmax(0,1fr)}.cena-pasek__akcja{flex:none}