
.hidden {
    display: none;
}
.btn-secondary {
    display: none;
}
.layer-btn {
  color: #f9b200;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 15px;
}
/* === calc-form.css ============================================= 
input[type="tel"]#laukoPhoneNumber,
input#household-population,
input#monthly-water-usage{
  max-width:220px;
  box-sizing:border-box;
  padding:6px 10px;
  border:2px solid #b0bec5;
  border-radius:4px;
  font-size:14px;
  line-height:1.4;
  transition:border-color .2s,box-shadow .2s;
  margin: 10px 0;
}
*/
input#laukoPhoneNumber:focus,
input#household-population:focus,
input#monthly-water-usage:focus{
  border-color:#1e88e5;
  box-shadow:0 0 0 2px rgba(30,136,229,.15);
  outline:0;
}

/* — валидное / невалидное состояние — */
input:valid        { border-color:#43a047; }
input:invalid:focus{ border-color:#e53935; }
/* error state */
.field-error{
  border-color:#e53935 !important;
  box-shadow:0 0 0 2px rgba(229,57,53,.25);
}
:root{ --sidebar-w:480px; }

body.admin-bar #controls-wrapper{ top:32px; }
body.admin-bar #closeControls{ top:calc(32px + 12px); }

#closeControls.inside-toggle.open{
  position:fixed;
  right:var(--sidebar-w);
  z-index:11001; 
}

@media(max-width:767px){ 
  #closeControls.inside-toggle.open{display:none;}
}

/* ❶ стрелка всегда «прилипает» к левому борту панели */
#controls-wrapper.open #closeControls.inside-toggle.open{
  position:fixed;
  right:var(--sidebar-w)- 15px;
  left:auto;
}

/* ❷ когда панель спрятана — стрелка у правого края экрана */
#controls-wrapper:not(.open) #closeControls.inside-toggle.open{
  position:fixed;
  right:50px;               /* видимая «ушка» */
  left:auto;
}
.toggle          {}
.toggle.active   { background:#f9b200; color:#fff; border-color:#f9b200; }
.icon-info {
  color:#f9b200;
  vertical-align: middle;
  margin-left: .4em;
}

.icon-info:hover{
  color: #fff;
}
button:hover .icon-info,
button:focus .icon-info,
button.active .icon-info{
  color:#fff;         /* какой нужен оттенок при наведении / активе */
}