/* KN_SUGGEST_SIMPLE_15 */

.kn15-layout {
 display:block!important;
 max-width:960px;
 margin:0 auto!important;
}
.kn15-layout .form-card {
 width:100%;
 max-width:none;
 min-width:0;
 margin:0;
 padding:clamp(20px,4vw,46px);
 background:linear-gradient(145deg,#142c32,#0c2027);
 border:1px solid #3b5a5c;
 border-radius:24px;
 box-shadow:0 24px 70px #0004;
}
.kn15-layout>.form-aside {
 display:none;
}
.kn15-layout .form-head {
 margin-bottom:24px;
}
.kn15-layout .form-head h2 {
 font-size:clamp(27px,3.5vw,38px);
 line-height:1.16;
 letter-spacing:-.035em;
 margin-top:8px;
}
.kn15-intro {
 color:#b8d2cc;
 font-size:15px;
 line-height:1.65;
 margin:12px 0 0;
 max-width:620px;
}
.kn15-step {
 padding:clamp(18px,3.2vw,28px);
 margin:0 0 17px;
 border:1px solid #365459;
 border-radius:18px;
 background:linear-gradient(130deg,#112b31,#11242a);
}
.kn15-step--main {
 border-color:#8b7047;
 background:linear-gradient(135deg,#16353a,#0c262d);
}
.kn15-head {
 display:flex;
 align-items:center;
 gap:13px;
 margin-bottom:20px;
}
.kn15-num {
 display:inline-grid;
 place-items:center;
 width:40px;
 height:40px;
 flex:0 0 40px;
 border-radius:12px;
 background:linear-gradient(135deg,#efce91,#d9ad65);
 color:#192b2c;
 font-size:19px;
 font-weight:900;
}
.kn15-head h3 {
 margin:0;
 color:#f5f5ef;
 font-size:clamp(18px,2vw,22px);
 line-height:1.25;
}
.kn15-head p {
 margin:5px 0 0;
 font-size:13px;
 color:#a8c4bc;
 line-height:1.45;
}
.kn15-step .field,
.kn15-step .form-2 {
 margin:0 0 17px;
}
.kn15-step .field:last-child,
.kn15-step .form-2:last-child {
 margin-bottom:0;
}
.kn15-step label {
 color:#f2e5cc;
 font-weight:750;
 font-size:14px;
}
.kn15-step input:not([type=checkbox]),
.kn15-step select,
.kn15-step textarea {
 min-height:52px!important;
 font-size:16px!important;
 line-height:1.3!important;
 border-radius:12px!important;
 background:#0c2229!important;
 color:#f2f6f1!important;
 border:1px solid #597577!important;
 padding:12px 15px!important;
 max-width:100%;
 width:100%;
 box-sizing:border-box;
}
.kn15-step textarea {
 min-height:100px!important;
 resize:vertical;
}
.kn15-step input:focus-visible,
.kn15-step select:focus-visible,
.kn15-step textarea:focus-visible {
 outline:2px solid #e9bd76;
 outline-offset:2px;
}
.kn15-step .kn12-builder {
 background:none!important;
 border:0!important;
 box-shadow:none!important;
 padding:0!important;
 margin:0!important;
}
.kn15-step .kn12-heading {
 display:none!important;
}
.kn15-models {
 border:1px solid #375a5c;
 border-radius:14px;
 padding:18px;
 background:#102a30;
 margin-top:15px;
}
.kn15-models .kn12-fields,
.kn15-models .kn12-grid {
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:15px!important;
 margin:0!important;
}
.kn15-models .kn12-fields label,
.kn15-models .kn12-grid label {
 font-size:14px!important;
 gap:9px;
}
.kn15-models .kn12-popular {
 margin:0 0 18px;
 display:flex;
 flex-wrap:wrap;
 gap:9px;
}
.kn15-models .kn12-popular-btn {
 min-height:46px;
}
.kn15-power-status {
 display:block;
 margin-top:12px;
 color:#eac78b;
 font-size:13px;
 line-height:1.55;
}
.kn15-power-status.is-good {
 color:#8ee5cb;
}
.kn15-parameters {
 margin-top:22px;
 padding:20px;
 border:1px solid #395759;
 border-radius:15px;
 background:#0c252b;
}
.kn15-parameters .kn15-head {
 margin-bottom:12px;
}
.kn15-parameters .kn12-row,
.kn15-parameters .kn12-param-row {
 margin:11px 0;
 display:grid;
 grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto 42px;
 gap:9px;
 align-items:center;
}
.kn15-parameters #kn12-add {
 position:static!important;
 display:block!important;
 width:100%!important;
 min-height:50px;
 margin-top:16px!important;
 white-space:normal;
 line-height:1.25;
 cursor:pointer;
}
.kn15-parameters #kn12-rows {
 position:static!important;
 display:grid;
 gap:9px;
 margin:0;
}
.kn15-parameters .kn12-unit {
 min-width:24px;
 text-align:center;
}
.kn15-optional {
 border:1px solid #466165;
 border-radius:14px;
 padding:15px 18px;
 margin-bottom:20px;
 background:#10272b;
}
.kn15-optional summary {
 cursor:pointer;
 font-weight:800;
 font-size:15px;
 color:#eac78b;
 list-style:auto;
 padding:3px 0;
}
.kn15-optional-content {
 padding:21px 0 3px;
}
.kn15-optional-content .form-2 {
 margin-bottom:17px;
}
.kn15-submit {
 min-height:58px!important;
 font-size:16px!important;
 font-weight:850!important;
 width:100%;
 margin-top:18px;
 border-radius:12px!important;
}
.kn15-layout .checkbox-row {
 font-size:13px;
 line-height:1.5;
}
.kn15-info {
 color:#acc8c1;
 font-size:13px;
 line-height:1.6;
 margin-top:10px;
}
.kn15-step [hidden],
.kn15-layout [hidden] {
 display:none!important;
}
@media(max-width:700px){
 .kn15-layout .form-card {
  padding:14px;
  border-radius:17px;
 }
 .kn15-step {
  padding:16px;
  margin-bottom:12px;
  border-radius:14px;
 }
 .kn15-head {
  gap:10px;
 }
 .kn15-num {
  width:34px;
  height:34px;
  flex-basis:34px;
  font-size:17px;
 }
 .kn15-models {
  padding:12px;
 }
 .kn15-models .kn12-fields,
 .kn15-models .kn12-grid {
  grid-template-columns:1fr!important;
 }
 .kn15-parameters {
  padding:13px;
 }
 .kn15-parameters .kn12-row,
 .kn15-parameters .kn12-param-row {
  grid-template-columns:minmax(0,1fr) minmax(85px,.6fr) 32px;
  gap:7px;
 }
 .kn15-parameters .kn12-row>select,
 .kn15-parameters .kn12-param-row>select {
  grid-column:1/-1;
 }
 .kn15-parameters .kn12-unit {
  grid-column:2;
 }
 .kn15-parameters .kn12-del {
  grid-column:3;
  grid-row:2;
 }
}


/* KN_CSRF_174 — Premium: parametr, wartosc, usun */

#kn12-rows .kn12-row,
#kn12-rows .kn12-param-row {
 grid-template-columns:
 minmax(0,1.5fr)
 minmax(105px,.8fr)
 30px
 76px!important;
 gap:10px!important;
 align-items:center!important;
}

#kn12-rows .kn16-search,
#kn12-rows .kn16-hint {
 grid-column:1/-1!important;
}

#kn12-rows button {
 appearance:none!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:70px!important;
 width:100%!important;
 min-height:48px!important;
 padding:8px!important;
 border:1px solid #b87d75!important;
 border-radius:11px!important;
 background:#39272d!important;
 color:#ffe0da!important;
 font-size:13px!important;
 font-weight:750!important;
 white-space:nowrap!important;
 cursor:pointer!important;
 box-shadow:none!important;
}

#kn12-rows button:hover {
 background:#5b343e!important;
}

#kn12-rows button:focus-visible {
 outline:2px solid #ebc181!important;
 outline-offset:2px!important;
}

@media(max-width:700px) {
 #kn12-rows .kn12-row,
 #kn12-rows .kn12-param-row {
  grid-template-columns:
   minmax(0,1fr) 28px 76px!important;
  gap:8px!important;
 }

 #kn12-rows .kn12-row > select,
 #kn12-rows .kn12-param-row > select {
  grid-column:1/-1!important;
 }

 #kn12-rows .kn12-row > input:not(.kn16-search),
 #kn12-rows .kn12-param-row > input:not(.kn16-search) {
  grid-column:1!important;
 }

 #kn12-rows .kn12-unit {
  grid-column:2!important;
 }

 #kn12-rows button {
  grid-column:3!important;
 }
}