[data-line=instalacje] .kdw{background:radial-gradient(ellipse at 30% 40%, var(--accent-soft), transparent 70%);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:16px;padding:18px;display:grid}[data-line=instalacje] .kdoor{perspective:600px;width:100%;max-width:230px;height:auto;margin:0 auto;display:block}[data-line=instalacje] .kfr{fill:var(--inst-il-hdoor-line)}[data-line=instalacje] .kin{fill:var(--inst-il-kin-fill)}[data-line=instalacje] .klf{fill:var(--inst-il-klf-fill);stroke:var(--inst-scene-wall-line);stroke-width:2px}[data-line=instalacje] .kpn{fill:none;stroke:var(--inst-il-hwall-line);stroke-width:3px}[data-line=instalacje] .klock{fill:var(--inst-il-klock-fill);stroke:var(--inst-il-phone-sh);stroke-width:2px}[data-line=instalacje] .kled{fill:var(--inst-scene-beam)}[data-line=instalacje] .kpad{fill:var(--inst-plan-card);stroke:var(--inst-plan-send-to);stroke-width:1.2px}[data-line=instalacje] .kleaf{transform-origin:26px 160px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}[data-line=instalacje] .kdoor.open .kleaf{transform:scaleX(.55)skewY(-6deg)}[data-line=instalacje] .kdoor.open .kled{fill:var(--inst-scene-beam-ok)}[data-line=instalacje] .kdoor.bad .kled{fill:var(--inst-il-nvrh-c)}[data-line=instalacje] .kpbox{background:var(--inst-plan-card);box-shadow:inset 0 0 0 1px var(--inst-band-line);box-sizing:border-box;border-radius:22px;flex-direction:column;gap:10px;width:100%;max-width:260px;margin:0 auto;padding:14px;display:flex}[data-line=instalacje] .kdisp{background:var(--sx-tyre);height:58px;color:var(--inst-il-tile-c);box-shadow:inset 0 0 0 1px var(--inst-il-nvrh-bord);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}[data-line=instalacje] .kdisp span{font-family:var(--font-display);letter-spacing:.35em;font-size:24px;font-weight:900;line-height:1}[data-line=instalacje] .kdisp small{color:var(--inst-scene-beam);margin-top:4px;font-size:11px;font-weight:800}[data-line=instalacje] .kdisp.ok{color:var(--inst-scene-beam-ok);box-shadow:inset 0 0 0 1.5px var(--inst-scene-beam-ok)}[data-line=instalacje] .kdisp.ok small{color:var(--inst-scene-beam-ok)}[data-line=instalacje] .kdisp.bad{color:var(--inst-il-nvrh-c);box-shadow:inset 0 0 0 1.5px var(--inst-il-nvrh-c);animation:.4s inst-ds-shake}[data-line=instalacje] .kdisp.bad small{color:var(--inst-il-nvrh-c)}[data-line=instalacje] .kkeys{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}[data-line=instalacje] .kkey{background:var(--inst-il-kkey-bg);height:46px;color:var(--inst-il-nvr-c);font-family:var(--font-display);cursor:pointer;box-shadow:inset 0 -2px 0 var(--inst-il-kkey-sh);border:0;border-radius:12px;font-size:19px;font-weight:800}@media (hover:hover){[data-line=instalacje] .kkey:hover{background:var(--inst-il-nvr-sh)}}[data-line=instalacje] .kkey:active{transform:translateY(1px)}[data-line=instalacje] .kcal{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}[data-line=instalacje] .kcalh{flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;display:flex}[data-line=instalacje] .kgrid{grid-template-columns:94px repeat(7,minmax(0,1fr));align-items:center;gap:6px 0;display:grid}[data-line=instalacje] .kday{color:var(--ink-2);text-align:center;border-left:1px dashed var(--border);font-size:11px;font-weight:800}[data-line=instalacje] .krn{white-space:nowrap;text-overflow:ellipsis;padding-right:6px;font-size:12.5px;font-weight:800;overflow:hidden}[data-line=instalacje] .krow{background:var(--surface-3);border-radius:8px;grid-column:2/-1;height:26px;position:relative}[data-line=instalacje] .kbar{box-sizing:content-box;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent-text);white-space:nowrap;border-radius:6px;align-items:center;padding:0 6px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}[data-line=instalacje] .kbar.cur{background:var(--accent);color:var(--accent-ink);box-shadow:none}[data-line=instalacje] .kbar.off{background:var(--inst-plan-err-bg);color:var(--inst-bad);box-shadow:inset 0 0 0 1px var(--il-off-bar)}[data-line=instalacje] .klog{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}[data-line=instalacje] .kl{background:var(--surface-3);color:var(--ink-2);animation:inst-ds-fadein .35s var(--ease-out);border-radius:12px;align-items:flex-start;gap:8px;padding:9px 10px;font-size:12px;display:flex}[data-line=instalacje] .kl svg{color:var(--accent-text);flex:none;margin-top:1px}[data-line=instalacje] .kl b{color:var(--ink)}[data-line=instalacje] .kl.bad svg{color:var(--inst-bad)}[data-line=instalacje] .aptflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;position:relative}[data-line=instalacje] .aptc{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative}[data-line=instalacje] .aptc b{font-size:17px}[data-line=instalacje] .aptc>span:last-child{color:var(--ink-2);font-size:14.5px}[data-line=instalacje] .aptc:not(:last-child):after{content:"→";background:var(--accent);width:24px;height:24px;color:var(--accent-ink);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}@media (max-width:1100px){[data-line=instalacje] .aptflow{grid-template-columns:1fr 1fr}[data-line=instalacje] .aptc:after{display:none}}@media (max-width:760px){[data-line=instalacje] .kdw{grid-template-columns:1fr}[data-line=instalacje] .kdoor{max-width:150px}[data-line=instalacje] .klog{grid-template-columns:1fr}[data-line=instalacje] .kgrid{grid-template-columns:64px repeat(7,minmax(0,1fr))}[data-line=instalacje] .aptflow{grid-template-columns:1fr}}[data-line=instalacje] .kl>svg{flex:none}[data-line=instalacje] .fot.knum2{font-family:var(--font-display);color:var(--inst-il-fot-knum2-c);text-align:center;letter-spacing:.1em;font-size:11px;font-weight:900;line-height:14px}[data-line=instalacje] .kdoor .klf{fill:url(#gWoodL);stroke:var(--inst-scene-wall-line)}[data-line=instalacje] .kdoor .kfr{fill:url(#gRoof)}[data-line=instalacje] .kdoor .klock{filter:url(#fSh);fill:url(#gMetal)!important}[data-line=instalacje] .kdoor .kpn{stroke:var(--inst-il-kdoor-kpn-line);stroke-width:3.5px}[data-line=instalacje] .idw{grid-template-columns:300px minmax(0,1fr);gap:18px;padding:20px;display:grid}[data-line=instalacje] .idtabs{flex-direction:column;gap:6px;display:flex}[data-line=instalacje] .idtb{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;padding:10px;font-family:inherit;transition:background .2s;display:grid}[data-line=instalacje] .idtb b{font-size:14.5px}[data-line=instalacje] .idtb>span:last-child{color:var(--ink-2);grid-column:2;font-size:12px}[data-line=instalacje] .idti{background:var(--surface-3);width:36px;height:36px;color:var(--ink-soft);border-radius:11px;grid-row:1/3;place-items:center;display:grid}@media (hover:hover){[data-line=instalacje] .idtb:hover{background:var(--surface-2)}}[data-line=instalacje] .idtb.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-line)}[data-line=instalacje] .idtb.on .idti{background:var(--accent);color:var(--accent-ink)}[data-line=instalacje] .idd{animation:inst-ds-fadeUp .4s var(--ease-out);grid-template-columns:300px minmax(0,1fr);align-items:center;gap:22px;display:grid}[data-line=instalacje] .idvis{background:radial-gradient(90% 90% at 80% 0%, color-mix(in srgb, var(--h) 35%, var(--inst-hue-ink)), var(--inst-hue-ink) 70%);color:var(--inst-plan-white);border-radius:22px;flex-direction:column;gap:18px;padding:26px;display:flex}[data-line=instalacje] .idcard{box-sizing:content-box;background:linear-gradient(135deg, color-mix(in srgb, var(--h) 80%, var(--inst-plan-white)), color-mix(in srgb, var(--h) 55%, var(--inst-hue-ink)));height:150px;box-shadow:0 20px 40px -20px var(--h), inset 0 1px 0 var(--sx-sl);border-radius:16px;flex-direction:column;justify-content:flex-end;padding:16px;animation:4s ease-in-out infinite inst-ds-idfl;display:flex;position:relative}[data-line=instalacje] .idcard b{font:900 18px var(--font-display);color:var(--inst-hue-ink)}[data-line=instalacje] .idchip{background:linear-gradient(135deg, var(--inst-il-idchip-bg), var(--inst-il-idchip-bg-2));width:38px;height:28px;box-shadow:inset 0 0 0 1px var(--inst-il-idchip-sh);border-radius:6px;position:absolute;top:18px;left:16px}[data-line=instalacje] .idwave{width:40px;height:40px;position:absolute;top:14px;right:16px}[data-line=instalacje] .idwave i{border:2px solid var(--inst-il-idwave-bd);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;animation:1.8s ease-out infinite inst-ds-idw;position:absolute;inset:0;transform:rotate(45deg)scale(.4)}[data-line=instalacje] .idwave i:nth-child(2){animation-delay:-.6s}[data-line=instalacje] .idwave i:nth-child(3){animation-delay:-1.2s}[data-line=instalacje] .idmeter span{color:var(--inst-plan-note);font-size:12px;font-weight:800}[data-line=instalacje] .idbar{background:var(--inst-ticket-dash);border-radius:5px;height:10px;margin:6px 0;overflow:hidden}[data-line=instalacje] .idbar i{background:var(--h);border-radius:5px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}[data-line=instalacje] .idmeter b{font:900 18px var(--font-display)}[data-line=instalacje] .idtx{flex-direction:column;gap:12px;display:flex}[data-line=instalacje] .idtx p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}[data-line=instalacje] .idg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}[data-line=instalacje] .idg div{background:var(--surface-2);border-radius:14px;padding:12px 14px}[data-line=instalacje] .idg span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:11.5px;font-weight:800;display:block}[data-line=instalacje] .idg b{font-size:14px}[data-line=instalacje] .lkw{flex-direction:column;gap:18px;padding:22px;display:flex}[data-line=instalacje] .lkbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}[data-line=instalacje] .lkg{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}[data-line=instalacje] .lki{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);border-radius:18px;flex-direction:column;gap:6px;padding:14px;transition:box-shadow .3s;display:flex}[data-line=instalacje] .lki svg{background:var(--sx-plan);border-radius:12px;width:100%;height:auto;margin-bottom:6px}[data-line=instalacje] .lkfr{fill:var(--sx-frame)}[data-line=instalacje] .lkleaf{fill:var(--sx-leaf)}[data-line=instalacje] .lkhd{fill:var(--inst-plan-chip-ink)}[data-line=instalacje] .lkdev{fill:var(--sx-met)}[data-line=instalacje] .lkled{fill:var(--sx-rec);transition:fill .3s}[data-line=instalacje] .lkdoor{transform-origin:28px 60px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}[data-line=instalacje] .lki.open .lkdoor{transform:perspective(300px)rotateY(-55deg)}[data-line=instalacje] .lki.open .lkled{fill:var(--sx-go)}[data-line=instalacje] .lki.open{box-shadow:inset 0 0 0 2px var(--inst-plan-ok)}[data-line=instalacje] .lki.pw .lkled{fill:var(--sx-rec)}[data-line=instalacje] .lki b{font-size:14.5px}[data-line=instalacje] .lkst{font:900 11.5px var(--font-sans);background:var(--inst-il-dori-bg-3);color:color-mix(in srgb, var(--inst-il-lkst-c) var(--inst-hue-text-mix), var(--ink));border-radius:8px;align-self:flex-start;padding:3px 9px}[data-line=instalacje] .lki.open .lkst{background:var(--inst-switch-on-bg);color:var(--inst-plan-ok)}[data-line=instalacje] .lki p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}[data-line=instalacje] .lki em{color:var(--ink-2);margin-top:auto;font-size:12.5px;font-style:normal;font-weight:700}[data-line=instalacje] .kdchk{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;margin-top:18px;padding:24px;display:grid}[data-line=instalacje] .kdcg{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}[data-line=instalacje] .kdcg>div{background:var(--surface-2);border-radius:14px;gap:10px;padding:12px;display:flex}[data-line=instalacje] .kdcg em{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-text);font:900 12px var(--font-display);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}[data-line=instalacje] .kdcg b{font-size:14px;display:block}[data-line=instalacje] .kdcg span span{color:var(--ink-soft);font-size:12.5px}@media (max-width:1100px){[data-line=instalacje] .idw,[data-line=instalacje] .idd,[data-line=instalacje] .kdchk{grid-template-columns:minmax(0,1fr)}[data-line=instalacje] .idtabs{scrollbar-width:none;flex-direction:row;overflow-x:auto}[data-line=instalacje] .idtb{flex:0 0 180px}[data-line=instalacje] .lkg,[data-line=instalacje] .kdcg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){[data-line=instalacje] .lkg,[data-line=instalacje] .kdcg,[data-line=instalacje] .idg{grid-template-columns:minmax(0,1fr)}[data-line=instalacje] .idvis{padding:18px}[data-line=instalacje] .idcard{height:120px}}[data-line=instalacje] .lkbar .usl{width:auto;display:block}[data-line=instalacje] .kdhint{text-align:center;font-size:12.5px}[data-line=instalacje] .kdhint b{color:var(--accent-text)}[data-line=instalacje] .lkhint{font-size:13.5px}@keyframes inst-ds-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes inst-ds-shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes inst-ds-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes inst-ds-idfl{50%{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes inst-ds-idw{to{opacity:0;transform:rotate(45deg)scale(1.1)}}@media (prefers-reduced-motion:reduce){[data-line=instalacje] .kdisp.bad,[data-line=instalacje] .kl,[data-line=instalacje] .idd,[data-line=instalacje] .idcard,[data-line=instalacje] .idwave i{animation:none}}