/* Калькулятор системы в разделах каталога (syscalc.js) */
.sysc{max-width:760px;margin:24px 0;border:1px solid #e3e6ea;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(20,40,80,.06);font-size:16px;background:#fff}
.sysc__head{background:#2c3e5a;color:#fff;padding:14px 18px;font-weight:600}
.sysc__body{padding:18px}
.sysc__row,.sysc__opts{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.sysc__f{flex:1 1 200px;display:flex;flex-direction:column;gap:6px}
.sysc__f label{font-size:13px;color:#5a6472;font-weight:600}
.sysc__f input,.sysc__f select{padding:9px 11px;border:1px solid #cdd3db;border-radius:8px;font-size:16px;background:#fff;width:100%;box-sizing:border-box}
.sysc__chk{flex:1 1 100%;font-size:14px;color:#2c3e5a;display:flex;gap:8px;align-items:baseline}
.sysc__chk span{color:#6b7480;font-size:13px}
.sysc__tint{flex:1 1 100%}
.sysc__tintrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px}
.sysc__pick,.sysc__btn{background:#2c3e5a;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0}
.sysc__btn[disabled]{opacity:.6;cursor:default}
.sysc__sw{display:inline-block;width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:repeating-linear-gradient(45deg,#eef1f5 0 5px,#fff 5px 10px)}
.sysc table{width:100%;border-collapse:collapse;font-size:15px}
.sysc th{background:#f2f5f9;color:#2c3e5a;text-align:left;padding:9px 10px;font-size:13px;text-transform:uppercase;letter-spacing:.02em}
.sysc td{padding:9px 10px;border-top:1px solid #eef1f5;vertical-align:top}
.sysc td.num,.sysc th.num{text-align:right;white-space:nowrap}
.sysc__grp td{background:#fafbfc;font-weight:600;color:#2c3e5a;font-size:13px;text-transform:uppercase;letter-spacing:.02em}
.sysc__total td{font-weight:600;color:#2c3e5a;border-top:2px solid #2c3e5a}
.sysc a{color:#2c6fbf}
.sysc__muted{color:#8a94a2;font-size:12px}
.sysc__warn{color:#b3261e;font-size:13px}
.sysc__cart{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sysc__msg{font-size:14px;color:#5a6472}
.sysc__msg.is-err{color:#b3261e}
.sysc__note{margin-top:12px;font-size:13px;color:#6b7480;line-height:1.5}
@media(max-width:600px){.sysc table{font-size:14px}.sysc td,.sysc th{padding:7px 6px}.sysc__btn{width:100%}}
.sysc__color{flex:1 1 100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e3e6ea;border-radius:10px;background:#fafbfc}
.sysc__color--sub{background:#fff}
.sysc__csw{flex:0 0 auto;width:44px;height:44px;border-radius:9px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.sysc__csw.is-empty{background:repeating-linear-gradient(45deg,#eef1f5 0 6px,#fff 6px 12px)}
.sysc__ctxt{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;font-size:14px}
.sysc__clabel{font-size:12px;color:#6b7480}
.sysc__pick--ghost{background:#fff;color:#2c3e5a;border:1px solid #2c3e5a}