.kkc3{--red:#ec202b;--bg:#111415;--panel:#171a1b;--panel2:#1d2021;--line:rgba(255,255,255,.11);--muted:#899093;color:#f7f7f7;background:#0f1213;border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.22)}.kkc3 *{box-sizing:border-box}.kkc3 button,.kkc3 input,.kkc3 textarea{font:inherit}.kkc3 svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kkc3-steps{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#111415}.kkc3-stepbtn{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:#fff;min-height:86px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.2s}.kkc3-stepbtn:last-child{border-right:0}.kkc3-stepbtn>b{width:34px;height:34px;border:1px solid #596064;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:0 0 auto}.kkc3-stepbtn>span{display:grid;gap:4px}.kkc3-stepbtn strong{font-size:11px}.kkc3-stepbtn small{font-size:8px;color:#727a7d}.kkc3-stepbtn.is-active{background:#171a1b}.kkc3-stepbtn.is-active>b{background:var(--red);border-color:var(--red)}.kkc3-stepbtn.is-done>b{border-color:var(--red);color:var(--red)}.kkc3-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;min-height:720px}.kkc3-options{position:relative;border-right:1px solid var(--line);padding:24px 22px 72px;min-width:0}.kkc3-panel{display:none;animation:kkc3in .32s ease}.kkc3-panel.is-active{display:block}.kkc3-kicker{font-size:8px;letter-spacing:.16em;color:#72797c}.kkc3-panel h2{font-size:31px;letter-spacing:-.045em;line-height:1;margin:10px 0 12px}.kkc3-panel>p{font-size:11px;line-height:1.55;color:#858c8f;margin:0 0 20px}.kkc3-type-list{display:grid;gap:7px}.kkc3-type{appearance:none;border:1px solid var(--line);background:#171a1b;color:#fff;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;text-align:left;padding:6px;cursor:pointer;min-height:68px}.kkc3-type img{width:64px;height:54px;object-fit:cover}.kkc3-type>span{display:grid;gap:4px}.kkc3-type b{font-size:11px}.kkc3-type small{font-size:8px;color:#767d80}.kkc3-type>i{font-style:normal;color:#757c7f;padding-right:7px}.kkc3-type.is-active{border-color:var(--red)}.kkc3-type.is-active>i{color:var(--red)}.kkc3-dimension-grid{display:grid;gap:10px}.kkc3-dimension-grid label,.kkc3-contact-grid label,.kkc3-textarea{display:grid;gap:6px}.kkc3-dimension-grid label>span,.kkc3-contact-grid label>span,.kkc3-textarea>span{font-size:9px;color:#81888b}.kkc3-dimension-grid label>div{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);background:#1a1e1f;align-items:center}.kkc3-dimension-grid input,.kkc3-contact-grid input,.kkc3-textarea textarea{width:100%;background:#1a1e1f;border:1px solid var(--line);color:#fff;padding:13px;outline:none}.kkc3-dimension-grid input{border:0}.kkc3-dimension-grid em{font-style:normal;font-size:9px;color:#72797c;padding-right:12px}.kkc3-dimension-grid input:focus,.kkc3-contact-grid input:focus,.kkc3-textarea textarea:focus{border-color:var(--red)}.kkc3-textarea{margin-top:14px}.kkc3-subtitle{font-size:9px;color:#8b9295;margin:18px 0 9px;text-transform:uppercase;letter-spacing:.09em}.kkc3-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kkc3-chip{appearance:none;border:1px solid var(--line);background:#1a1e1f;color:#fff;padding:11px;text-align:left;font-size:10px;cursor:pointer}.kkc3-chip.is-active{border-color:var(--red);box-shadow:inset 2px 0 var(--red)}.kkc3-facades{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kkc3-facades button{appearance:none;border:1px solid var(--line);background:#191c1d;color:#fff;padding:7px;cursor:pointer;text-align:left}.kkc3-facades button>i{display:block;height:55px;background:var(--c);margin-bottom:7px}.kkc3-facades button span{font-size:9px}.kkc3-facades button.is-active{border-color:var(--red)}.kkc3-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kkc3-layout-options button{appearance:none;border:1px solid var(--line);background:#191c1d;color:#fff;min-height:104px;display:grid;place-items:center;gap:8px;padding:12px;cursor:pointer}.kkc3-layout-options button.is-active{border-color:var(--red)}.kkc3-layout-options button span{font-size:10px}.kkc3-layout-options .shape{display:block;width:60px;height:35px;position:relative;border:2px solid #888f92}.kkc3-layout-options .shape.line{height:10px}.kkc3-layout-options .shape.l{border-right:0;border-top:0}.kkc3-layout-options .shape.u{border-top:0}.kkc3-layout-options .shape.island:after{content:"";position:absolute;left:18px;right:18px;bottom:-15px;border-top:2px solid #888f92}.kkc3-checks{display:grid;gap:8px}.kkc3-checks label{border:1px solid var(--line);background:#191c1d;padding:12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.kkc3-checks input{accent-color:var(--red);margin-top:2px}.kkc3-checks span{display:grid;gap:3px;font-size:10px}.kkc3-checks small{font-size:8px;color:#747b7e}.kkc3-upload{display:block;margin-top:16px;border:1px dashed #4f575a;padding:22px;cursor:pointer}.kkc3-upload input{position:absolute;opacity:0;pointer-events:none}.kkc3-upload>span{display:grid;place-items:center;text-align:center;gap:7px}.kkc3-upload svg{width:25px;color:var(--red)}.kkc3-upload b{font-size:10px}.kkc3-upload small{font-size:8px;color:#747b7e}.kkc3-contact-grid{display:grid;gap:10px}.kkc3-final-note{border:1px solid rgba(236,32,43,.35);padding:12px;margin-top:14px;font-size:9px;line-height:1.45;color:#aab0b2}.kkc3-submit{appearance:none;border:0;background:var(--red);color:#fff;width:100%;min-height:48px;margin-top:12px;font-weight:800;font-size:11px;cursor:pointer}.kkc3-submit:disabled{opacity:.55}.kkc3-status{min-height:24px;padding-top:8px;font-size:9px;color:#c5c9cb;line-height:1.4}.kkc3-status.is-error{color:#ff737b}.kkc3-nav{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.kkc3-nav button{appearance:none;border:0;background:transparent;color:#fff;padding:7px 0;font-size:10px;font-weight:750;cursor:pointer}.kkc3-nav button:last-child{color:var(--red)}.kkc3-nav button:disabled{opacity:.25}.kkc3-preview{min-width:0;display:flex;flex-direction:column;background:#131617}.kkc3-previewbar{min-height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.kkc3-previewbar>span{font-size:8px;letter-spacing:.15em;color:#6e7679}.kkc3-previewbar button{appearance:none;border:0;background:transparent;color:#787f82;font-size:8px;padding:8px 10px}.kkc3-previewbar button.is-active{background:#222627;color:#fff}.kkc3-preview-image{position:relative;flex:1;min-height:560px;overflow:hidden}.kkc3-preview-image img{width:100%;height:100%;object-fit:cover}.kkc3-preview-image>i{position:absolute;inset:0;background:transparent;mix-blend-mode:color;opacity:.18;pointer-events:none;transition:background .25s}.kkc3-preview-image>span{position:absolute;left:15px;bottom:15px;background:rgba(12,14,15,.72);border:1px solid var(--line);padding:7px 9px;font-size:8px;color:#b4b9bb}.kkc3-layout-mini{height:108px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px}.kkc3-layout-mini i{width:70px;height:12px;border:1px solid #596064;background:#1d2021}.kkc3-layout-mini i:nth-child(2){width:12px;height:44px}.kkc3-layout-mini i:nth-child(3){width:40px}.kkc3-summary{border-left:1px solid var(--line);padding:22px;display:flex;flex-direction:column;background:#111415}.kkc3-summary>span{font-size:8px;letter-spacing:.16em;color:#747b7e}.kkc3-summary>h3{font-size:25px;letter-spacing:-.04em;margin:8px 0 13px}.kkc3-summary-image{height:145px;margin-bottom:13px;overflow:hidden}.kkc3-summary-image img{width:100%;height:100%;object-fit:cover}.kkc3-summary dl{margin:0}.kkc3-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.kkc3-summary dt{font-size:8px;color:#757c7f}.kkc3-summary dd{font-size:9px;margin:0;text-align:right;max-width:55%}.kkc3-summary-price{margin-top:auto;border:1px solid rgba(236,32,43,.32);padding:12px;display:grid;gap:5px}.kkc3-summary-price small{font-size:7px;letter-spacing:.14em;color:#757c7f}.kkc3-summary-price strong{font-size:12px}.kkc3-summary-cta{appearance:none;border:0;background:var(--red);color:#fff;min-height:46px;margin-top:8px;font-size:10px;font-weight:800;cursor:pointer}@keyframes kkc3in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1100px){.kkc3-layout{grid-template-columns:300px minmax(0,1fr)}.kkc3-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 180px 1.4fr auto;gap:15px;align-items:center}.kkc3-summary>span{display:none}.kkc3-summary>h3{margin:0}.kkc3-summary-image{height:90px;margin:0}.kkc3-summary dl{display:none}.kkc3-summary-price{margin:0}.kkc3-summary-cta{margin:0;padding:0 16px}}@media(max-width:820px){.kkc3-steps{grid-template-columns:repeat(3,1fr)}.kkc3-stepbtn:nth-child(3){border-right:0}.kkc3-stepbtn:nth-child(-n+3){border-bottom:1px solid var(--line)}.kkc3-layout{grid-template-columns:1fr}.kkc3-options{border-right:0;min-height:620px}.kkc3-preview{border-top:1px solid var(--line)}.kkc3-preview-image{min-height:420px}.kkc3-summary{grid-template-columns:1fr 120px}.kkc3-summary-price,.kkc3-summary-cta{grid-column:1/-1}}@media(max-width:520px){.kkc3{margin-left:-14px;margin-right:-14px}.kkc3-stepbtn{min-height:68px;padding:9px}.kkc3-stepbtn>span small{display:none}.kkc3-stepbtn>b{width:28px;height:28px}.kkc3-options{padding:22px 16px 70px}.kkc3-nav{left:16px;right:16px}.kkc3-panel h2{font-size:28px}.kkc3-chip-grid,.kkc3-facades,.kkc3-layout-options{grid-template-columns:1fr 1fr}.kkc3-preview-image{min-height:330px}.kkc3-summary{padding:16px}.kkc3-summary-image{height:80px}}