/* Калькулятор мощности Энерготех v1.2 — sticky результат, чипы, аккордеон */
.etcalc{border:1px solid #d5e3f2;border-radius:12px;padding:18px 20px 20px;margin:16px 0 28px;background:#fff;box-sizing:border-box;position:relative}
.etcalc *{box-sizing:border-box}
.etcalc__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px 24px;align-items:start}
.etcalc__settings{display:flex;flex-wrap:wrap;gap:14px 24px;margin-bottom:4px}
.etcalc__field{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;min-width:200px}
.etcalc__field legend,.etcalc__field>span{font-weight:700}
.etcalc__field small{color:#5b6b7c;max-width:260px}
.etcalc__field input[type=number]{width:120px;padding:7px 9px;border:1px solid #b9cadd;border-radius:8px}
.etcalc__radio{display:flex;gap:7px;align-items:center;font-weight:400;cursor:pointer}
.etcalc__presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.etcalc__presets span{font-weight:700}
.etcalc__preset{border:1px solid #b9cadd;background:#f4f8fc;border-radius:8px;padding:7px 12px;cursor:pointer}
.etcalc__preset:hover,.etcalc__preset.is-active{border-color:#236fcc;background:#e8f1fb}
.etcalc__hint-line{color:#5b6b7c;margin:10px 0 0}
.etcalc__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;min-height:28px}
.etcalc__chips-label{font-weight:700;font-size:.9em}
.etcalc__chips-empty{color:#5b6b7c;font-size:.92em}
.etcalc__chip{display:inline-flex;align-items:center;gap:4px;background:#e8f1fb;border:1px solid #c5d8ef;border-radius:999px;padding:3px 6px 3px 10px;font-size:.86em;cursor:pointer;color:inherit;font:inherit;line-height:1.3}
.etcalc__chip:hover{border-color:#236fcc;background:#dceaf8}
.etcalc__chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:14px;line-height:1;color:#1a4f9c;background:rgba(255,255,255,.7)}
.etcalc__chip:hover .etcalc__chip-x{background:#236fcc;color:#fff}
.etcalc__acc{border:1px solid #e3edf7;border-radius:10px;margin-top:10px;background:#fff}
.etcalc__acc>summary{cursor:pointer;font-weight:700;padding:12px 14px;list-style:none;display:flex;align-items:center;gap:8px}
.etcalc__acc>summary::-webkit-details-marker{display:none}
.etcalc__acc>summary::before{content:"";width:0;height:0;border-left:6px solid #236fcc;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
.etcalc__acc[open]>summary::before{transform:rotate(90deg)}
.etcalc__acc-badge{font-size:.78em;font-weight:700;color:#236fcc;background:#e8f1fb;border-radius:6px;padding:2px 7px}
.etcalc__acc-body{padding:0 10px 12px}
.etcalc__table{width:100%;border-collapse:collapse}
.etcalc__table th{text-align:left;font-size:.86em;color:#5b6b7c;padding:6px 8px;border-bottom:2px solid #e3edf7}
.etcalc__table td{padding:5px 8px;border-bottom:1px solid #eef3f9;vertical-align:middle}
.etcalc__table input[type=number]{width:90px;padding:6px 8px;border:1px solid #d5e3f2;border-radius:7px}
.etcalc__start{font-size:.8em;color:#a3540a;background:#fdf1e2;border-radius:6px;padding:1px 6px;white-space:nowrap}
.etcalc__hint{display:block;font-size:.8em;color:#5b6b7c;margin-top:2px}
.etcalc__stepper{display:inline-flex;align-items:center;gap:4px}
.etcalc__stepper button{width:30px;height:34px;border:1px solid #b9cadd;background:#f4f8fc;border-radius:7px;cursor:pointer;font-size:16px;line-height:1}
.etcalc__stepper input{width:56px;text-align:center}
.etcalc__custom{margin-top:4px}
.etcalc__custom-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:0 14px 12px}
.etcalc__custom-row .etcalc__custom-name{flex:1 1 160px;padding:7px 9px;border:1px solid #b9cadd;border-radius:8px}
.etcalc__custom-row input[type=number]{width:84px;padding:6px 8px;border:1px solid #d5e3f2;border-radius:7px}
.etcalc__custom .etcalc__hint{padding:0 14px 12px}
.etcalc__aside{position:sticky;top:16px}
.etcalc__result{background:#f4f8fc;border:1px solid #d5e3f2;border-radius:12px;padding:14px 16px}
.etcalc__sum{display:flex;flex-direction:column;gap:10px}
.etcalc__sum div{display:flex;flex-direction:column;gap:2px}
.etcalc__sum span{font-size:.84em;color:#5b6b7c}
.etcalc__sum strong{font-size:1.15em}
.etcalc__sum-accent strong{font-size:1.35em;color:#1a4f9c}
.etcalc__status{font-size:.9em;color:#5b6b7c;margin:8px 0 0}
.etcalc__note{color:#5b6b7c;font-size:.88em;margin:10px 0 0}
.etcalc__disclaimer{font-size:.86em;color:#5b6b7c;border-top:1px dashed #d5e3f2;margin:10px 0 0;padding-top:8px}
.etcalc__warn{background:#fdf1e2;border:1px solid #f0cf9f;border-radius:8px;padding:10px 12px;margin:10px 0 0;font-size:.9em}
.etcalc__empty{color:#5b6b7c;margin:8px 0 0;font-size:.92em}
.etcalc__products{margin-top:12px}
.etcalc__products-title{margin:0 0 8px;font-size:1em}
.etcalc__cards{display:flex;flex-direction:column;gap:10px}
.etcalc__card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #d5e3f2;border-radius:10px;padding:10px 12px;text-decoration:none;color:inherit}
.etcalc__card:hover{border-color:#236fcc}
.etcalc__card img{max-width:100%;height:auto;border-radius:6px;max-height:100px;object-fit:contain}
.etcalc__card-name{font-weight:700;font-size:.95em}
.etcalc__card-meta{font-size:.84em;color:#5b6b7c}
.etcalc__card-price{font-weight:700;color:#236fcc}
.etcalc__badge{font-size:.78em;font-weight:700;color:#a3540a;background:#fdf1e2;border-radius:6px;padding:2px 7px;align-self:flex-start}
.etcalc__mobile-bar{display:none}

@media(max-width:960px){
	.etcalc__layout{grid-template-columns:1fr}
	.etcalc__aside{position:static;order:-1}
	.etcalc__result{margin-bottom:4px}
	.etcalc__mobile-bar{
		display:flex;position:sticky;bottom:0;left:0;right:0;z-index:20;
		align-items:center;justify-content:space-between;gap:10px;
		background:#1a4f9c;color:#fff;border-radius:10px;padding:10px 14px;margin-top:14px
	}
	.etcalc__mobile-bar[hidden]{display:none!important}
	.etcalc__mobile-kva{font-weight:700}
	.etcalc__mobile-open{border:0;background:#fff;color:#1a4f9c;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
}
@media(max-width:640px){
	.etcalc{padding:14px 12px 16px}
	.etcalc__table th,.etcalc__table td{padding:5px 4px;font-size:.9em}
	.etcalc__table input[type=number]{width:72px}
	.etcalc__stepper input{width:48px}
	.etcalc__custom-row{flex-direction:column;align-items:stretch}
	.etcalc__chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
	.etcalc__chip{flex:0 0 auto}
}