.calc {
font-family:Stolzl,sans-serif;
max-width:420px;
margin:0 auto;
padding:0;
}

.calc__title {
font-size:22px;
text-align:center;
color:#fff;
margin:0 0 12px;
}

.calc__fields {
display:flex;
flex-direction:column;
gap:16px;
border-top:1px solid #fff;
padding-top:12px;
}

.calc__field {
display:flex;
flex-direction:column;
gap:4px;
}

.calc__label {
color:#fff;
font-size:12px;
min-height:26px;
display:flex;
align-items:flex-end;
font-weight:200;
}

.calc__required {
color:#e74c3c;
}

.calc__input {
width:100%;
border:1px solid #d0d0d0;
border-radius:6px;
font-size:16px;
outline:none;
transition:border-color .2s;
box-sizing:border-box;
padding:12px 14px;
}

.calc__input--readonly {
background:#f5f5f5;
color:#333;
}

.calc__select {
width:100%;
border:1px solid #d0d0d0;
border-radius:6px;
font-size:16px;
outline:none;
background:#fff;
cursor:pointer;
padding:12px 14px;
}

.calc__checkboxes {
flex-direction:column;
gap:10px;
display:flex;
padding:4px 0;
}

.calc__checkbox {
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
font-size:15px;
color:#fff;
}

.calc__checkbox input[type=checkbox] {
width:20px;
height:20px;
accent-color:#3a7bd5;
cursor:pointer;
}

.calc__calculate-btn {
width:100%;
margin-top:20px;
font-size:16px;
border:none;
border-radius:6px;
cursor:pointer;
transition:opacity .2s;
background:#fff;
color:#3a7bd5;
padding:14px;
}

.calc__result {
display:flex;
flex-direction:column;
margin-top:0;
padding-top:0;
border-top:0;
gap:10px;
}

.calc__max-price-block {
background:#f0f7ff;
border-radius:8px;
text-align:center;
padding:16px;
}

.calc__max-price-label {
font-size:14px;
color:#555;
display:block;
margin-bottom:6px;
}

.calc__max-price-value {
font-size:28px;
color:#1a1a2e;
}

.calc__max-price-currency {
font-size:20px;
color:#555;
}

.calc__program-info {
font-size:13px;
color:#888;
text-align:center;
margin-top:4px;
}

.calc__actions {
display:flex;
flex-direction:column;
gap:10px;
margin-top:8px;
}

.calc__submit-btn {
width:100%;
font-size:16px;
border:none;
border-radius:6px;
cursor:pointer;
background:#d18936;
color:#fff;
transition:opacity .2s;
padding:14px;
}

.calc__eval-btn {
font-size:16px;
cursor:pointer;
background:transparent;
transition:background .2s,color .2s;
text-decoration:none;
box-sizing:border-box;
display:inline-block;
border:0;
border-radius:0;
color:#fff;
text-align:right;
border-bottom:1px dashed #fff;
width:auto!important;
padding:0;
}

.calc__eval-btn:hover {
background:#3a7bd5;
color:#fff;
}

.calc__catalog-btn {
width:100%;
font-size:16px;
border:2px solid #85b132;
border-radius:6px;
cursor:pointer;
background:#85b132;
color:#fff;
transition:background .2s,color .2s;
text-align:center;
text-decoration:none;
box-sizing:border-box;
display:inline-block;
padding:14px;
}

.calc__catalog-btn:hover {
background:#fff;
color:#85b132;
}

.calc__agreement {
font-size:12px;
text-align:center;
margin-top:4px;
color:#fff;
}

.calc__agreement a {
color:#fff;
text-decoration:underline;
}

#calc_box {
font-weight:400;
background:url(/wp-content/themes/sky7/assets/img/cloud_front.png) no-repeat, #257bb9;
background-size:348px;
background-position:right 66%;
}

.calc__input:focus,.calc__select:focus {
border-color:#3a7bd5;
}

.calc__calculate-btn:disabled,.calc__submit-btn:disabled {
opacity:.5;
cursor:not-allowed;
}

.calc__calculate-btn:not(:disabled):hover,.calc__submit-btn:not(:disabled):hover {
opacity:.85;
}

.calc__field-container {
display:flex;
gap:20px;
}

#calc_box > .calc_box-container {
display:flex!important;
gap:12px;
}

.background_calc {
background:url(/wp-content/uploads/2025/12/5-2.png);
background-size:90%;
filter:blur(0px);
opacity:0.9;
display:block;
margin-bottom:-40px;
background-repeat:no-repeat;
background-position:bottom right;
width:345px;
}

.fancybox-content {
padding:40px 0 40px 40px;
}

.calc__checkbox input[type=checkbox]:checked + span {
text-decoration:underline;
}

#calc-recalculate-btn {
margin-top:0;
}


.background_calc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}


.calc__eval-btn {
  margin-bottom: 21px;
}

.button.button_white.purchase__calc-button {
	margin-top: 0;
	display: inline-flex;
}

#calc-recalculate-btn {
  background: transparent;
  color: #fff;
  text-decoration: underline;
  padding: 0;
}


#success_box {
  padding: 40px;
}


.calc__label {
  position: relative;
}

.calc__required {
  position: absolute;
  top: auto;
  left: -9px;
}

@media (max-width:768px) {
.calc {
padding:20px 16px;
}

.calc__title {
font-size:18px;
margin-bottom:18px;
}

.calc__max-price-value {
font-size:22px;
}

#calc_box {
  padding: 20px;
}

.background_calc {
  display: none;
}

#calc_box {
  background-size: 213px;
  background-position: right 51%;
}

}

@media (max-width:650px) {
	
#calc_box {

  background: #257bb9 !important;
}

.calc {
	padding: 0;
}

}