/* KOTLONASTAWY_PREMIUM_12 */
.kn12-builder {
 margin:22px 0;
 padding:26px;
 border:1px solid rgba(218,184,110,.32);
 border-radius:20px;
 background:linear-gradient(135deg,#123a3d,#09282e);
 box-shadow:0 15px 40px rgba(0,0,0,.18)
}
.kn12-builder h3{font-size:24px;margin:0 0 10px}
.kn12-builder p,.kn12-builder small{color:#bbd1ce}
.kn12-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kn12-grid label{display:grid;gap:8px}
.kn12-grid select,
.kn12-param-row select,
.kn12-param-row input,
.kn12-form input,
.kn12-form select {
 width:100%;
 min-width:0;
 padding:11px 13px;
 border:1px solid #55716e;
 border-radius:10px;
 background:#102b31;
 color:#f6f2e8
}
.kn12-param-row {
 display:grid;
 grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;
 gap:9px;
 align-items:center;
 margin:12px 0
}
.kn12-unit{font-size:13px;color:#dfbd78}
.kn12-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 0}
.kn12-form label{display:grid;gap:7px}
.kn12-form button{grid-column:1/-1}
.kn12-entry{padding:14px 0;border-bottom:1px solid #315057}
.kn12-entry summary{cursor:pointer;font-weight:650}
@media(max-width:680px){
 .kn12-builder{padding:16px;border-radius:14px}
 .kn12-grid,.kn12-form{grid-template-columns:1fr}
 .kn12-param-row{grid-template-columns:1fr 1fr}
 .kn12-param-row select{grid-column:1/-1}
}


/* KN_124_TECHNIX_SHORTCUTS */
.kn12-popular {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 margin:18px 0;
 padding:15px;
 border:1px solid rgba(219,183,111,.28);
 border-radius:14px;
 background:linear-gradient(
  120deg,#0a292e,#12383d
 );
}
.kn12-popular>span {
 color:#cadbd6;
 font-size:12px;
 font-weight:700;
 margin-right:5px;
}
.kn12-popular-btn {
 border:1px solid #c6a267;
 background:rgba(218,181,110,.12);
 color:#f1d29b;
 padding:11px 16px;
 border-radius:10px;
 font-size:13px;
 font-weight:800;
 cursor:pointer;
 transition:background .15s,border-color .15s;
}
.kn12-popular-btn:hover,
.kn12-popular-btn.is-selected {
 background:#e3bc77;
 color:#13262a;
 border-color:#e3bc77;
}
.kn12-popular-btn:focus-visible {
 outline:3px solid #f9d692;
 outline-offset:3px;
}
@media(max-width:600px){
 .kn12-popular {
  padding:12px;
  gap:8px;
 }
 .kn12-popular>span {
  width:100%;
 }
 .kn12-popular-btn {
  flex:1;
  white-space:nowrap;
 }
}