.calc-h1 {
    margin-top: 0;
    margin-bottom: 30px;
    /* text-align: center; */
    font-size: 42px;
    font-weight: 600;
}
  .hero{
    display:flex;
    gap:100px;
    align-items:stretch; /* обе колонки одной высоты */
  }
  .hero .card1{    display: flex;
    flex: 1 1 45%;
    flex-direction: column;
    justify-content: center;
}
  .hero .h_foto{flex:1 1 45%;     height: 70vh;}

.confid-calc{text-align:center;}
.send_style.new_green_btn{
	font-size: 21px;
	margin-top: 21px;
	border-radius: 15px;
	background-color: #56b665;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;}
.send_style.new_green_btn:hover{background-color:#44a453;}
.cl-kalc__resH{text-align:center;
	font-weight:600;}
input.form-control.form-control-nv-calc{height:55px;
	border-radius:15px;}
.calc{padding: 50px 0 60px;}


.nv_calc_leftTopLeftH{font-size: 16px;
  color: #000227;}
.cl-kalc__radioBtn+label{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 56px;
  width: 56px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 18px;
  color: #000227;
  border: 1px solid #b7bbc7;
  border-radius: 15px;}
.cl-kalc__radioBtn:checked+label, .cl-kalc__radioBtn:hover+label{background: #13531d;
  border: 1px solid #13531d;
  color: #fff;}
.cl-kalc__carWrp ul li.active{display: block;}
.cl-kalc__forFive.active{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}
input[type="text"].cl-kalc__forFiveInp{background: none;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  text-align:center;
  border-left:0px none;
  border-top:0px none;
  border-bottom:0px none;
  border-radius:0px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 5px;
  font-size: 16px;
  color: #000227;}
.cl-kalc__optionsListH{margin-top: 38px;
  font-size: 16px;
  line-height: 123.1%;
  color: #000227;}
.cl-kalc__optionsList{margin-top: 12px;
  border: 1px solid #b7bbc7;
  -webkit-filter: drop-shadow(0px 16px 73px rgba(207,214,223,0.55));
          filter: drop-shadow(0px 16px 73px rgba(207,214,223,0.55));
  border-radius: 15px;}
.nv-cl-kalc__optionsItm.active{background: rgba(253, 200, 14, 0.1);}
.nv-cl-kalc__optionsItm.active .nv-cl-kalc__optionsItmAmountMinus, .nv-cl-kalc__optionsItm.active .nv-cl-kalc__optionsItmAmountPlus{background: #13531d;
  color: #fff;}
.cl-kalc__optionsYesNo{z-index: -1;
  opacity: 0;
  display: none;}
.cl-kalc__optionsYesNo+label{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  width: 100%;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 12px;
  color: #333;
  background: #eeecec;
  font-weight:600;
  border-radius: 5px;
  -webkit-transition: none;
  transition: none;}
.cl-kalc__optionsYesNo+label span{-webkit-transition: none;
  transition: none;}
.cl-kalc__optionsYesNo+label span.cl-kalc__optionsYesNoRem{display: none;}
.cl-kalc__optionsYesNo:checked+label, .cl-kalc__optionsYesNo:hover+label{background: #13531d;
  color: #fff;}
.cl-kalc__optionsYesNo:checked+label span.cl-kalc__optionsYesNoRem{display: block;}
.cl-kalc__optionsYesNo:checked+label span.cl-kalc__optionsYesNoAdd{display: none;}
.cl-kalc__right{padding-top: 20px;}
.cl-kalc__result{background: #fff;
  -webkit-box-shadow: 0px 16px 73px rgba(207,214,223,0.55);
          box-shadow: 0px 16px 73px rgba(207,214,223,0.55);
  border-radius: 20px;
  padding: 21px 28px 28px;}
.cl-kalc__resTotalPriceCost{font-weight: 600;
	font-size: 34px;
	color:#333;
	line-height: 123.1%;}
.cl-kalc__resForm{margin-top: 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;}
.standart ul.cl-kalc__carousel{margin:0px;
	padding:0px;}
.standart ul.cl-kalc__carousel li{padding:0px;
	margin:0px;}
.standart ul.cl-kalc__carousel li:before{display:none;}
.cl-kalc__result .sucsess{padding-top:20px;}
.cl-kalc__result .sucsess .mainformname{font-weight:600;
	margin-bottom:15px;
	font-size:21px;}
.new_company.standart.new_company{position:relative;
	padding-bottom:0px;}
.new_company.standart.new_company .container{position:relative;}
.new_company.standart.sec-4 h2{margin-bottom:50px;}
.new_company.standart.sec-4 p.dopname:after{top:-10px;}
.new_company.standart.sec-4 img{left:-170px;
	bottom:0px;
	top:auto;
	max-height:670px;}
.nv-dotted a{color:inherit;}
@media (max-width: 1700px) {.new_company.standart.sec-4 img{max-width:52%;
		left:-50px;}}
@media (max-width: 1024px) {.nv-dotted a{display:inline-block;}
.new_company.standart.sec-4 h2{margin-bottom: 15px;}
.nv_calc_left{width: 100%;}
.cl-kalc__right{
    width: 100%;
    /* margin-top: 20px; */
    }}
@media (max-width: 600px) {
    .calc-h1 {
    margin-bottom: 30px;
    line-height: 32px;
    font-size: 28px;
    font-weight: 600;
}
    .calc{padding: 20px 0 70px;}
.cl-kalc__heading br{display: none;}

.nv_calc_leftTopLeftWrp{width: 100%;}
.cl-kalc__radioBtn+label{height: 50px;
    width: 50px;}
.cl-kalc__optionsListH{margin-top: 20px;}}
@media (max-width: 1280px){.nv-srv-box .nv-tags li a{padding: 10px 15px 10px 15px;
	margin-right:5px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;}}
@media (max-width: 990px){.standart .nv-srv-box .nv-tags li a{margin-left:2px;
	margin-right:2px;
	margin-top:4px;}
.i7 ul li a{text-align:left;
	padding-left:15px;
	padding-top:8px;
	display:block;
	border-bottom:1px solid #f6f6f6;
	padding-bottom:8px;}
.section-title-box-content br{display:none;}
.section-title-box h1 br{display:none;}}
@media (max-width: 768px){.section-title-box .send_style{margin-top:20px;}
.section-title-box .send_style{width:260px;
		font-size:18px;}}
@media (max-width: 395px){.section-title-rev-title span{font-size: 30px;}}
body{margin: 0;
        font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
        background: #F6F8F7;
        color: var(--text)}

@media (max-width: 800px) {div#priceBox{width: 100%; text-align: center; display: flex; justify-content: center;}}
.cl-kalc__optionsItm{display: flex;
    
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;}
.cl-kalc__optionsItmAmountPM{display:flex;
    gap: 10px;}
.cl-kalc__optionsItmName{display: flex;
    width: 40%;}
.cl-kalc__optionsItmCond{display: flex;
    justify-content: flex-start;
    width: 40%;}
.cl-kalc__optionsList{align-items: stretch;
    gap: 10px;
    border: 2px solid var(--brand);
    display: flex;
    flex-direction: column;
    padding: 20px;}

.cl-kalc__optionsYesNo{z-index: -1;
  opacity: 0;
  display: none;}
  
    .cl-kalc__optionsItm {
    display: flex;
    /* flex: 2 1 100px; */
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.cl-kalc__optionsItmAmountPM {
    display:flex;
    gap: 10px;
}

.cl-kalc__optionsItmName {
    display: flex;
    width: 40%;
}

.cl-kalc__optionsItmCond {
    display: flex;
    justify-content: flex-start;
    width: 40%;
}

.cl-kalc__optionsList {
    align-items: stretch;
    gap: 10px;
    border: 2px solid var(--brand);
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.nv_calc_leftTop {
display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;

}

.cl-kalc__optionsYesNo {
  z-index: -1;
  opacity: 0;
  display: none;
}


.order-form__privacy {
    margin-top: 15px;
}




  /* --- капсула --- */
  .area-bar {
      display: flex;
      align-items: center;
      gap: 10px;
      border: 2px solid var(--brand);
      border-radius: 999px;
      background: #fff
  }
  .segments {
      flex: 1;
      display: flex;
      align-items: stretch;
      height: 50px;
      border-radius: 999px;
    
      overflow: hidden
  }
  .seg {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      cursor: pointer;
      user-select: none;
      position: relative;
      color: #3a4a46;
      padding: 0 14px;
  }
  .seg:not(:last-child)::after {
      content: "";
      position: absolute;
      right: -.5px; top: 9px; bottom: 9px;
      width: 1px; background: var(--seg-divider)
  }
  .seg.active {
      background: var(--brand);
      color: #fff
  }
  .seg.custom {
      gap: 8px;
      padding: 0 12px;
      min-width: 140px;
      justify-content: flex-start;
  }
  .seg.custom input {
      width: 45px;
      border: none;
      outline: none;
      background: transparent;
      text-align: right;
      font-size: 16px;
      font-weight: 800;
      padding: 8px 4px;
      color: #00BD6B;
  }
  .seg.custom input::placeholder { color: #7aa298 }
  .seg.custom .unit-badge { font-weight: 800; color: #00BD6B }
  .seg.custom.active input { color: #fff }
  .seg.custom.active input::placeholder { color: rgba(255,255,255,.9) }
  .seg.custom.active .unit-badge { color: #fff }

  /* --- селекты --- */

  .niz { justify-content: center; gap: 20px; margin-top: 40px; }

  .simple_widjet_title { text-align: center; }
  .simple_widjet_img svg,.simple_widjet_img img, .simple_widjet_img img path { fill: #00BD6B !important; }

  .sel {
      width: 100%;
      height: 46px;
      border-radius: 999px;
      background: transparent;
      color: #1f2d2b;
      border: 2px solid #00BD6B;
      padding: 0 56px 0 16px;
      font-weight: 800;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-repeat: no-repeat;
      background-position: right 16px center;
      background-size: 17px 8px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbD0iIzM4MzEyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  }
  .sel:focus { border-color: var(--brand) }
  .sel::-ms-expand { display: none }

  /* --- низ --- */
  .footer {
      display: flex;
      gap: 12px;
      align-items: center;
      margin-top: 12px;
      flex-wrap: wrap
  }
  .btn {
    
      height: 46px;
      border: none;
      border-radius: 999px;
      background: var(--brand);
      color: #fff;
      font-weight: 900;
      cursor: pointer
  }
  .btn:hover { background: var(--brand-dark) }
  .price-pill {
      background: #F09B73;
      color: #fff;
      border-radius: 999px;
      height: 42px;
      padding: 0 16px;
      display: flex;
      align-items: center;
      font-weight: 900
  }

  /* Фото-колонка */
  .h_foto { position: relative; min-height: 0; }
  .box {
      position: absolute;
      /* top: 50%; */
      left: 0%;
      overflow: hidden;
      border-top-right-radius: 100%;
      border-bottom-right-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .box.photo {height: calc(80vh - 25px);width: 100%;transform: translate(-0%, calc(-0% - -12px));z-index: 2;}
  .box.photo img { width: 100%; height: 100%; object-fit: cover; display: block }
  .box.green {height: 80vh;width: 100%;transform: translate(-0%,-0%);background: #20c997;z-index: 1;}





.row.niz .simple_widjet_title {color:#000;font-weight: 400;   font-size: 16px;}
  @media (max-width: 1300px) {
      .wrap { margin: auto; }
  }
  @media (max-width: 800px) {
      .hero { flex-direction:column; gap: 0; }
      .h_foto { aspect-ratio: 16 / 9; order: 1; }
      .card { order: 2; }
      .box { border-radius: 0px }
      .box.photo, .box.green {width: 100%;top: 0;transform: translate(0);height: 100%;padding: 20px 0;}
       .wrap { margin: auto; gap: 0; padding: 0 22px}
      div#priceBox { width: 100%; text-align: center; display: flex; justify-content: center; }
      .box.green { display: none; }
      .row.niz {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px;
          margin-left: 0; margin-right: 0;
      }
      .simple_widjet_info { display: flex ; flex-direction: column; align-items: center; justify-content: center; }
  }

  /* ====== ТЕМА ====== */
:root{
  --brand:#00BD6B;
  --brand-dark:#00a45e;
  --seg-bg:#F1FBF6;
  --seg-divider:#CFE6DC;
  --stroke:#DDE9E3;
  --text:#1F2D2B;
  --muted:#5E6F69;
  --field:#FFFFFF;
  --field-stroke:#DDE9E3;
  --price:#F09B73;
}

*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#F6F8F7;color:var(--text)}

/* ====== КОНТЕЙНЕРЫ ====== */
.calc{padding: 50px 100px 60px 0;}
.calc__heading{margin:0 0 24px;font-weight:800;text-align:center;line-height:1.1}
.calc__wrp{display:flex;gap: 0px;align-items:stretch;flex-direction: column;}
.nv_calc_left{flex:1 1 56%}
.cl-kalc__right{flex:1 1 44%}

/* ====== ШАПКА ЛЕВОГО БЛОКА ====== */

.nv_calc_leftTopLeftH{font-size:14px;color:var(--muted);margin:10px 0 8px}

/* ====== КАПСУЛА КОМНАТ ====== */
.area-bar{display:flex;align-items:center;gap:10px;border:2px solid var(--brand);border-radius:999px;background:#fff;padding:0px;height:50px;}

.seg{flex:1;display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;user-select:none;position:relative;color:#3a4a46;padding:0 14px}
.seg:not(:last-child)::after{content:"";position:absolute;right:-.5px;top:9px;bottom:9px;width:1px;background:var(--seg-divider)}
.seg.active{background:var(--brand);color:#fff}
.seg.custom{gap:8px;padding:0 12px;min-width:160px;justify-content:flex-start}

.seg.custom .unit-badge{font-weight:800;color:var(--brand)}
.seg.custom.active input,.seg.custom.active .unit-badge{color:#fff}

/* ====== СЕЛЕКТЫ ====== */
.field{min-width:240px; height:50px;}
.sel{width:100%;height:50px;border-radius:999px;background:transparent;color:#1f2d2b;border:2px solid var(--brand);padding:0 56px 0 16px;font-weight:800;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 16px center;background-size:17px 8px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTcgOCI+PHBhdGggZmlsbD0iIzM4MzEyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjE3NS4yNjZBLjc2Ny43NjcgMCAwIDEgMS4yMzguMTcxTDguNSA2LjA3OSAxNS43NjIuMTdhLjc2Ny43NjcgMCAwIDEgMS4wNjMuMDk1LjcyNy43MjcgMCAwIDEtLjA5NyAxLjA0TDguNSA4IC4yNzIgMS4zMDZBLjcyNy43MjcgMCAwIDEgLjE3NS4yNjYiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}
.sel:focus{border-color:var(--brand-dark)}
.sel::-ms-expand{display:none}

/* ====== СПИСОК УСЛУГ ====== */
.cl-kalc__optionsListH{margin-top: 20px;font-size:14px;color:var(--muted)}
.cl-kalc__optionsList{margin-top:12px;border:2px solid var(--brand);border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:0;overflow:hidden}
.cl-kalc__optionsItm{display:flex;align-items:center;gap:12px;padding: 10px 16px;border-top:1px solid #EEF4F1}
.cl-kalc__optionsItm:first-child{border-top:none}
.cl-kalc__optionsItm.active{background:rgba(0,189,107,.06)}
.cl-kalc__optionsItmName{flex:1 1 auto;font-weight:600}
.cl-kalc__optionsItmCond{flex:0 0 auto;min-width:160px;color:#667a73}
.cl-kalc__optionsItmAmountPM{display:flex;align-items:center;gap:10px}
.cl-kalc__optionsItmAmountMinus,
.cl-kalc__optionsItmAmountPlus{
  width:28px;height:28px;border-radius:8px;border:1.5px solid var(--price);
  display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;user-select:none;color:var(--price);background:#fff;line-height:1
}
.cl-kalc__optionsItmAmountPlus{background:var(--price);color:#fff;border-color:var(--price)}
.cl-kalc__optionsItmAmount{min-width:26px;text-align:center;font-weight:800}

/* чекбоксы (Да/Нет) как кнопки */
.cl-kalc__optionsItmAmountYN .cl-kalc__optionsYesNo{display:none}
.cl-kalc__optionsItmAmountYN .cl-kalc__optionsYesNoLbl{
  display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:8px;
  background:#eeecec;font-size:12px;font-weight:700;color:#333;cursor:pointer
}
.cl-kalc__optionsItm.active .cl-kalc__optionsYesNoLbl{background:var(--brand);color:#fff}

/* ====== ПРАВЫЙ КАРТОЧНЫЙ БЛОК ====== */
.cl-kalc__result{background:#fff;border-radius:20px;box-shadow:0 16px 73px rgba(207,214,223,.55);padding: 20px;}
.cl-kalc__resH{text-align:center;font-weight:700;margin-bottom:16px}
.cl-kalc__resTotalPriceCost{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:16px}
.cl-kalc__resTotalPriceCost .cl-kalc__resTotalPriceDig{font-weight:800;font-size:34px;color:#333}

/* кнопка и плашка цены как на макете */
.send_style.new_green_btn{
  width:100%;
  height:46px;
  border:none;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-weight:900;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top: 0;
  cursor:pointer
}
.send_style.new_green_btn:hover{background:var(--brand-dark)}
.confid-calc{margin-top:10px;text-align:center}
.confid-calc .confid{font-size:12px;color:#7a8b86}


/* ====== ФОРМА В ПРАВОМ БЛОКЕ ====== */
.cl-kalc__resForm{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.form-control.form-control-nv-calc{height:46px;border-radius:12px;border:2px solid var(--field-stroke);padding:0 14px;outline:none}
.form-control.form-control-nv-calc:focus{border-color:var(--brand)}
.form_calc {
    /* height: 50px; */
    display: flex;
    gap:  30px;
    margin:20px 0;
}
/* Скрываем всё после 8-го элемента, когда список "свернут" */
/* Скрываем всё после 8-го элемента, когда список "свернут" */
.cl-kalc__optionsList.collapsed .cl-kalc__optionsItm:nth-child(n + 7) {
  display: none;
}

/* Кнопка внутри списка */
.cl-kalc__showMoreBtn {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 10px 14px;
  border: 1px solid var(--brand);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.cl-kalc__showMoreBtn:hover {background: #00b265;}

.wrapmainform input {
    height: 45px !important;
}
/* ====== АДАПТИВ ====== */
@media (max-width:1200px){.calc__wrp{flex-direction:column}.cl-kalc__right{order:2}.nv_calc_left{order:1}}
@media (max-width:800px){

.form_calc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
	.field{width:100%}
	.nv_calc_leftTop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

div#calculator {
    padding: 0px 22px;
}

.cl-kalc__optionsItm {display: flex;justify-content: center;}

  .area-bar{/* padding:2px; */}
  .seg{padding:0 8px}
  .seg.custom{min-width:140px}
  .cl-kalc__optionsItmCond{min-width:120px}
  .send_style.new_green_btn{font-size:17px}
  .box.photo img, .box1.photo img{
      border-radius:20px;
  }
}
.simple_widjet_img img {
    max-height:50px;
}