@layer strony{.hero{position:relative;isolation:isolate;overflow:clip;background:var(--noc);color:var(--na-nocy);padding-top:4.5rem;padding-bottom:var(--s7)}.hero .tlo-nocy{background:radial-gradient(46rem 34rem at 72% 38%,rgb(106 79 224 / .42),transparent 65%),radial-gradient(30rem 22rem at 96% 96%,rgb(255 97 6 / .26),transparent 70%),radial-gradient(36rem 26rem at 8% 108%,rgb(255 97 6 / .14),transparent 70%),radial-gradient(40rem 30rem at 18% -10%,rgb(62 92 210 / .28),transparent 70%)}.konf{display:grid;gap:var(--s5) var(--s7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"tekst scena" "wycena scena" "wycena opcje";grid-template-rows:auto 1fr auto;padding-top:var(--s5)}.konf--produkt{padding-top:var(--s6);border-top:1px solid var(--linia-nocy)}.konf__tekst{grid-area:tekst;align-self:start;padding-top:var(--s4)}.konf .scena{grid-area:scena}.konf__wycena{grid-area:wycena;align-self:end}.konf__opcje{grid-area:opcje;display:grid;gap:var(--s4);min-width:0}.konf__pytanie{font-size:var(--t-3xl);font-stretch:var(--szeroka);font-weight:750;letter-spacing:-.025em;line-height:1}.konf__pytanie>span{display:block}.konf__pytanie .konf__nadtytul{font-size:var(--t-l);font-weight:600;font-stretch:100%;letter-spacing:0;line-height:1.2;color:var(--na-nocy-2);margin-bottom:.55em}.konf__pytanie .wymiar-wejscie{display:flex;font-size:1em}.konf--produkt .konf__pytanie{font-size:clamp(2rem,1.3rem + 2.6vw,3.5rem)}.wymiar-wejscie{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .18em;font-weight:750;line-height:1.1;color:var(--biel);margin-top:.08em;letter-spacing:-.02em}.wymiar-wejscie__pole{position:relative;display:inline-grid}.wymiar-wejscie input{width:4.1ch;padding:0 .04em;margin:0;background:transparent;border:0;border-radius:4px;color:var(--biel);font-stretch:var(--waska);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:0;background-image:linear-gradient(var(--pomarancz-jasny),var(--pomarancz-jasny));background-size:100% 3px;background-position:0 92%;background-repeat:no-repeat;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.wymiar-wejscie input::-webkit-outer-spin-button,.wymiar-wejscie input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wymiar-wejscie input:hover{background-color:#ffffff0f}.wymiar-wejscie input:focus-visible{background-color:#ffffff1a;box-shadow:var(--fokus-noc)}.wymiar-wejscie input[aria-invalid=true]{background-image:linear-gradient(#ff6b6b,#ff6b6b)}.wymiar-wejscie__razy{font-weight:400;color:var(--na-nocy-2);font-stretch:100%}.wymiar-wejscie__mm{font-size:.5em;font-weight:600;color:var(--na-nocy-2);font-stretch:100%;letter-spacing:0}.konf__lead{margin-top:var(--s5);max-width:31rem;color:var(--na-nocy-2);font-size:var(--t-l);line-height:1.45}.konf__lead strong{color:var(--na-nocy);font-weight:600}.konf__zakres{margin-top:var(--s2);font-size:var(--t-xs);color:var(--fiolet-noc);min-height:1.2em}.konf__system{margin-top:var(--s5);display:grid;gap:.35rem;max-width:26rem}.konf__system label{font-size:var(--t-xs);color:var(--na-nocy-2)}.wybor-systemu{position:relative}.wybor-systemu select{width:100%;min-height:3rem;padding:.6rem 2.75rem .6rem .9rem;border-radius:var(--r-maly);border:1px solid var(--linia-nocy);background:#ffffff0d;color:var(--biel);font-weight:600;font-size:var(--t-m);appearance:none;-webkit-appearance:none;cursor:pointer}.wybor-systemu select:hover{border-color:var(--fiolet-noc)}.wybor-systemu select:focus-visible{box-shadow:var(--fokus-noc)}.wybor-systemu select option{background:var(--noc);color:var(--biel)}.wybor-systemu:after{content:"";position:absolute;right:1rem;top:50%;width:.5rem;height:.5rem;pointer-events:none;border-right:2px solid var(--fiolet-noc);border-bottom:2px solid var(--fiolet-noc);transform:translateY(-70%) rotate(45deg)}.konf--laduje .scena,.konf--laduje .konf__wycena{opacity:.55;transition:opacity .2s}.scena{position:relative;height:clamp(26rem,62vh,37rem);min-width:0;border-radius:var(--r-duzy);background:radial-gradient(70% 60% at 50% 45%,rgb(120 100 255 / .16),transparent 70%),linear-gradient(180deg,#ffffff09,#fff0 60%);box-shadow:inset 0 0 0 1px var(--linia-nocy);touch-action:pan-y;user-select:none;-webkit-user-select:none}.scena__2d,.scena__plotno,.scena__nakladka{position:absolute;inset:0;width:100%;height:100%}.scena__plotno{opacity:0;transition:opacity .6s ease;border-radius:inherit;overflow:hidden}.scena--3d .scena__plotno{opacity:1}.scena--3d .scena__2d{opacity:0;transition:opacity .6s ease}.scena__plotno canvas{width:100%!important;height:100%!important;cursor:grab}.scena--obrot .scena__plotno canvas{cursor:grabbing}.scena__nakladka{pointer-events:none;overflow:hidden;clip-path:inset(0 round var(--r-duzy))}.scena__nakladka .uchwyt{pointer-events:auto;cursor:ew-resize;touch-action:none}.scena__nakladka .uchwyt--wys{cursor:ns-resize}.scena__nakladka .uchwyt--rog{cursor:nesw-resize}.wym-linia{stroke:var(--pomarancz-jasny);stroke-width:1.4;fill:none}.wym-pomoc{stroke:#f1efff61;stroke-width:1;fill:none}.wym-znacznik{stroke:var(--pomarancz-jasny);stroke-width:2}.wym-etykieta rect{fill:var(--noc);stroke:#ff8a3d8c;stroke-width:1}.wym-etykieta text{fill:var(--biel);font-family:var(--font);font-stretch:var(--waska);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central}.wym-otwor{stroke:var(--fiolet-noc);stroke-width:1.2;stroke-dasharray:6 5;fill:none;opacity:.75}.wym-glebokosc text{font-size:15px}.uchwyt circle.uchwyt__tlo{fill:var(--pomarancz);stroke:var(--biel);stroke-width:2.5;transition:r .15s}.uchwyt circle.uchwyt__pole{fill:transparent}.uchwyt path{stroke:var(--noc);stroke-width:1.6;fill:none;stroke-linecap:round}.uchwyt:hover circle.uchwyt__tlo,.uchwyt--aktywny circle.uchwyt__tlo{r:14}.nakladka--ukryj-uchwyty .uchwyt{display:none}.scena__widoki{position:absolute;top:var(--s3);right:var(--s3);z-index:3;display:flex;gap:2px;padding:3px;border-radius:var(--r-sredni);background:#0e1534b8;box-shadow:inset 0 0 0 1px var(--linia-nocy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scena__widoki button{border:0;background:transparent;color:var(--na-nocy-2);font-size:var(--t-xs);font-weight:600;padding:.5rem .7rem;border-radius:7px;min-height:2.25rem;white-space:nowrap}.scena__widoki button:hover{color:var(--biel);background:#ffffff12}.scena__widoki button[aria-pressed=true]{background:var(--na-nocy);color:var(--noc)}.scena__widoki button:focus-visible{box-shadow:var(--fokus-noc)}.scena--bez3d .scena__widoki,.scena:not(.scena--3d) .scena__widoki{display:none}.scena__podpowiedz{position:absolute;right:0;top:calc(100% + .55rem);z-index:2;margin:0;font-size:var(--t-xs);color:var(--na-nocy-2);pointer-events:none;display:flex;gap:.45rem;align-items:center}.scena__podpowiedz svg{width:.875rem;height:.875rem;flex:none}.scena__zoom{position:absolute;left:50%;top:50%;z-index:4;margin:0;transform:translate(-50%,-50%);padding:.55rem .9rem;border-radius:var(--r-sredni);background:#0e1534d1;color:var(--biel);font-size:var(--t-xs);font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.scena--podp-zoom .scena__zoom{opacity:1}.scena:not(.scena--3d) .scena__zoom{display:none}.scena__system{position:absolute;left:var(--s4);bottom:var(--s3);z-index:2;margin:0;font-size:var(--t-xs);color:var(--na-nocy-2);pointer-events:none}.scena:not(.scena--3d) .scena__system{display:none}.scena__przekroj-opis{position:absolute;left:var(--s4);top:var(--s4);z-index:2;max-width:17rem;margin:0;font-size:var(--t-xs);line-height:1.45;color:var(--na-nocy);pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s var(--ruch)}.scena__przekroj-opis strong{display:block;font-size:var(--t-s);color:var(--biel);font-stretch:var(--szeroka)}.scena--przekroj .scena__przekroj-opis{opacity:1;transform:none}.konf__opcje .przelacznik legend{color:var(--na-nocy-2);font-weight:500;font-size:var(--t-xs)}.konf__opcje .przelacznik__opcje{background:none;box-shadow:none;width:auto}.typy .przelacznik__opcje{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr));gap:4px}.typy label{display:block}.typy label>span{display:grid;justify-items:center;gap:.3rem;width:100%;min-height:0;padding:.55rem .25rem .5rem;border:1px solid var(--linia-nocy);border-radius:var(--r-maly);background:#ffffff08;color:var(--na-nocy);font-size:var(--t-xs);font-weight:600;text-align:center;line-height:1.15}.typy svg{height:2.1rem;width:auto;overflow:visible}.typy .ik-rama{fill:none;stroke:currentColor;stroke-width:1.4}.typy .ik-szyba{fill:currentColor;opacity:.14}.typy .ik-otw{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:2.5 2;opacity:.8}.typy label:hover>span{border-color:var(--fiolet-noc);background:#ffffff0f}.typy input:checked+span{background:var(--na-nocy);color:var(--noc);border-color:var(--na-nocy)}.typy input:focus-visible+span{box-shadow:var(--fokus-noc)}.kolory{display:grid;gap:var(--s2);border:0;padding:0;margin:0;min-width:0}.kolory legend{padding:0;margin-bottom:var(--s2);font-size:var(--t-xs);color:var(--na-nocy-2)}.kolory legend b{color:var(--biel);font-weight:600;margin-left:.35rem}.kolory__strony{display:flex;flex-wrap:wrap;gap:0;width:max-content;max-width:100%;border-radius:var(--r-maly);box-shadow:inset 0 0 0 1px var(--linia-nocy)}.kolory__strony button{min-height:2.5rem;padding:.35rem .8rem;border:0;border-radius:var(--r-maly);background:transparent;color:var(--na-nocy-2);font-size:var(--t-xs);font-weight:600}.kolory__strony button:hover{color:var(--biel)}.kolory__strony button[aria-pressed=true]{background:#b3a5ff2e;color:var(--biel);box-shadow:inset 0 0 0 1px #b3a5ff8c}.kolory__strony button:focus-visible{box-shadow:var(--fokus-noc)}@media(scripting:none){.kolory__strony{display:none}}.kolory__grupa{display:grid;gap:.35rem}.kolory__grupa h3{font-size:var(--t-xs);font-stretch:100%;font-weight:500;color:var(--na-nocy-2);letter-spacing:0}@media(scripting:enabled){.kolory__grupa h3{display:none}.kolory__grupa:not(.aktywna){display:none}}.kolory__probki{display:flex;flex-wrap:wrap;gap:.35rem}.kolory__probki label{position:relative;display:block}.kolory__probki input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.kolory__probki .probka-duza{display:block;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--probka, #ddd);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000040,0 0 0 2px var(--noc);transition:box-shadow .15s,transform .15s var(--ruch)}.kolory__probki .probka-duza--drewno{background-image:repeating-linear-gradient(100deg,rgb(60 30 8 / .2) 0 1px,transparent 1px 4px),linear-gradient(135deg,color-mix(in srgb,var(--probka) 82%,white),color-mix(in srgb,var(--probka) 80%,black))}.kolory__probki .probka-duza[data-obraz]{background-image:var(--obraz),linear-gradient(var(--probka),var(--probka))}.kolory__probki label:hover .probka-duza{transform:scale(1.06)}.kolory__probki input:checked+.probka-duza{box-shadow:inset 0 0 0 1px #00000040,0 0 0 2px var(--noc),0 0 0 4px var(--pomarancz-jasny)}.kolory__probki input:focus-visible+.probka-duza{box-shadow:0 0 0 2px var(--noc),0 0 0 4px var(--fiolet-noc)}.kolory__probki .nazwa{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.konf__wiecej{border-top:1px solid var(--linia-nocy);padding-top:var(--s2)}.konf__wiecej summary{cursor:pointer;font-size:var(--t-xs);color:var(--na-nocy-2);font-weight:600;padding:.35rem 0;width:max-content}.konf__wiecej summary:hover{color:var(--biel)}.konf__wiecej[open] summary{color:var(--biel)}.konf__selecty{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s3);padding-top:var(--s2)}.konf__selecty label{display:grid;gap:.3rem;font-size:var(--t-xs);color:var(--na-nocy-2)}.konf__selecty select{min-height:2.5rem;padding:.35rem .6rem;border-radius:var(--r-maly);border:1px solid var(--linia-nocy);background:var(--noc-2);color:var(--biel);font-size:var(--t-xs)}.konf__selecty select:focus-visible{box-shadow:var(--fokus-noc)}.konf__wycena{display:grid;gap:var(--s5)}.wycena__ceny{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);border-top:1px solid var(--linia-nocy);padding-top:var(--s5)}.cena{display:grid;align-content:start;gap:var(--s2)}.cena__etykieta{font-size:var(--t-s);color:var(--na-nocy-2);line-height:1.3}.cena__etykieta strong{color:var(--na-nocy);font-weight:600;display:block}.cena__kwota{display:flex;align-items:baseline;gap:.12em;margin:0;font-size:var(--t-cena);font-stretch:var(--waska);font-weight:750;line-height:.95;color:var(--biel);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;white-space:nowrap}.cena__kwota small{font-size:.42em;font-weight:600;font-stretch:100%;color:var(--na-nocy-2);letter-spacing:0}.cena__kwota .gr{font-size:.5em;font-weight:700;align-self:flex-start;margin-top:.14em;letter-spacing:0}.cena--montaz .cena__kwota{color:var(--pomarancz-jasny)}.montaz-wybor .przelacznik__opcje{gap:0;border-radius:var(--r-maly);box-shadow:inset 0 0 0 1px var(--linia-nocy);background:none;width:max-content;max-width:100%}.montaz-wybor label>span{min-height:2.5rem;padding:.35rem .8rem;border:0;border-radius:var(--r-maly);background:transparent;color:var(--na-nocy-2);font-size:var(--t-xs)}.montaz-wybor label:hover>span{color:var(--biel);background:none}.montaz-wybor .stawka{display:none}.montaz-wybor input:checked+span{background:#ff8a3d29;color:var(--pomarancz-jasny);box-shadow:inset 0 0 0 1px #ff8a3d99}.montaz-wybor input:focus-visible+span{box-shadow:var(--fokus-noc)}.wycena__wymiar{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:baseline;font-size:var(--t-s);color:var(--na-nocy-2)}.wycena__wymiar b{color:var(--na-nocy);font-weight:600;font-variant-numeric:tabular-nums}.wycena__otwor b{color:var(--fiolet-noc)}.znak-otworu{display:inline-block;width:1.1em;height:.65em;margin-right:.4em;color:var(--fiolet-noc);vertical-align:baseline}.wycena__akcje{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center}.wycena__akcje .link-tel{color:var(--na-nocy);text-decoration:none;font-size:var(--t-l)}.wycena__akcje .link-tel small{display:block;font-size:var(--t-xs);font-weight:500;font-stretch:100%;color:var(--na-nocy-2)}.wycena__akcje .link-tel:hover{color:var(--biel)}.wycena__brak{font-size:var(--t-s);color:var(--fiolet-noc)}@media(max-width:70rem){.konf{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:var(--s5)}}@media(max-width:52rem){.konf{grid-template-columns:minmax(0,1fr);grid-template-areas:"tekst" "scena" "wycena" "opcje";grid-template-rows:auto;row-gap:var(--s5)}.konf__tekst{padding-top:0}.konf__lead{margin-top:var(--s3);font-size:var(--t-m)}.konf__system{margin-top:var(--s4)}.scena{height:clamp(21rem,100vw,30rem);margin-inline:calc(-1 * var(--margines) + .5rem);margin-bottom:1.4rem;border-radius:var(--r-sredni)}.scena__podpowiedz{left:.5rem;right:auto;top:calc(100% + .45rem)}.podpowiedz-obrot{display:none}.scena__widoki{left:var(--s2);right:var(--s2);top:var(--s2);justify-content:space-between}.scena__widoki button{flex:1;padding-inline:.3rem}.scena__system{display:none}.scena__przekroj-opis{top:3.6rem;left:var(--s3);max-width:14rem}.typy .przelacznik__opcje{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:26rem){.wycena__ceny{gap:var(--s4)}.cena__kwota{font-size:clamp(2.1rem,10.8vw,2.75rem)}.montaz-wybor .przelacznik__opcje{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.montaz-wybor label>span{width:100%;justify-content:center;text-align:center;flex-direction:column;gap:0;padding-inline:.3rem;line-height:1.2}.scena__widoki button{font-size:.75rem}.kolory__strony{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}}}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.strona-glowna [data-intro]{opacity:0;animation:intro-awaryjnie .4s 1.8s forwards}.intro-trwa .strona-glowna [data-intro]{animation:none}.intro-koniec .strona-glowna [data-intro]{opacity:1;animation:none}}@keyframes intro-awaryjnie{to{opacity:1}}
