/* Калькулятор экономии: спокойные зелёные тона, без красного. */
.calc{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:24px;
  padding:28px;
  background:#fbfaf6;
  border:1px solid #e7e2d6;
  border-radius:16px;
}
.calc-in{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
  align-content:start;
}
.calc-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  color:#4a4a42;
}
.calc-field label{
  font-weight:600;
  color:#2f2f2a;
}
.calc-field input[type=number]{
  width:100%;
  box-sizing:border-box;
  padding:9px 11px;
  font-size:15px;
  color:#232320;
  background:#fff;
  border:1px solid #d8d2c4;
  border-radius:10px;
}
.calc-field input[type=number]:focus{
  outline:2px solid #cfe3cf;
  border-color:#a9cfa9;
}
.calc-field input[type=range]{
  width:100%;
  margin:2px 0 0;
  accent-color:#7fae7f;
}
.calc-out{
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:15px;
  color:#3a3a34;
}
.calc-out p{
  margin:0;
}
.calc-out ul{
  margin:4px 0 6px;
  padding-left:18px;
  font-size:13px;
  color:#6b6b60;
}
.calc-out li{
  margin:2px 0;
}
.calc-big{
  margin:0;
  font-size:22px;
  font-weight:700;
  color:#1f4d2b;
}
.calc-big b{
  font-size:26px;
}
.calc-note{
  margin:6px 0;
  padding:10px 12px;
  font-size:13px;
  color:#6b6b60;
  background:#f2f6ef;
  border-left:3px solid #bcd8b7;
  border-radius:8px;
}
.calc-out .btn{
  align-self:flex-start;
  margin-top:4px;
}
@media (max-width:800px){
  .calc{
    grid-template-columns:1fr;
    gap:20px;
    padding:20px;
  }
  .calc-in{
    grid-template-columns:1fr;
  }
}