.roofTypeBox__title{font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:20px;margin-bottom:24px}@media (max-width: 1704px){.roofTypeBox__title{margin-bottom:16px}}@media (max-width: 768px){.roofTypeBox__title{font-size:14px;margin-bottom:16px}}.roofTypeBox__body{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));max-width:100%}.roofTypeBox__body .roofType.open-modal .roofType__sign{max-width:calc(100% - 40px)}@media (max-width: 1200px){.roofTypeBox__body .roofType.open-modal .roofType__sign{max-width:100%}}@media (max-width: 992px){.roofTypeBox__body{max-width:none;gap:10px;grid-template-columns:repeat(6,145px);overflow-x:auto;overflow-y:hidden;margin-left:-20px;width:calc(100% + 40px);padding:0 20px 40px}.roofTypeBox__body .roofType{width:145px;height:145px}.roofTypeBox__body::-webkit-scrollbar{height:4px}}.roofType{--border-radius: 20px;padding-bottom:100%;position:relative;border-radius:var(--border-radius);border-bottom-left-radius:0;cursor:pointer}.roofType__input:checked~.roofType__icon{opacity:1;visibility:visible}.roofType__sign{position:absolute;background-color:#f5f5f5;bottom:0;left:0;z-index:1;font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:16px;padding:14px 24px 0;border-top-right-radius:16px;--sign-decor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBWMTZIMTZWMTUuOTkwN0M3LjExMjQ0IDE1LjY5OTkgMCA4LjY1MTkgMCAwWiIgZmlsbD0iI0Y1RjVGNSIvPgo8L3N2Zz4K);max-width:calc(100% - 80px)}.roofType__sign span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roofType__sign:before,.roofType__sign:after{position:absolute;content:"";width:16px;height:16px;background-image:var(--sign-decor);background-size:contain;background-repeat:no-repeat;background-position:center}.roofType__sign:before{top:-16px;left:0}.roofType__sign:after{bottom:0;right:-16px}@media (max-width: 1704px){.roofType__sign{padding:14px 16px 0;max-width:calc(100% - 60px)}}@media (max-width: 1320px){.roofType__sign{padding:0;top:100%;background-color:transparent;max-width:100%;font-size:14px}.roofType__sign span{padding:8px 12px}.roofType__sign:before,.roofType__sign:after{display:none}}.roofType__img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden}.roofType__img img{width:100%;object-fit:cover;max-width:100%;height:100%}.roofType__icon{position:absolute;bottom:-3px;right:-3px;width:56px;height:56px;opacity:0;visibility:hidden;transition:all .3s}.roofType__icon svg{width:100%;height:auto}@media (max-width: 1704px){.roofType__icon{width:48px;height:48px}}@media (max-width: 1320px){.roofType__icon{width:32px;height:32px}}@media (max-width: 1200px){.roofType__icon{width:24px;height:24px}}@media (max-width: 1320px){.roofType{--border-radius: 12px}}.roofCalcPage .sectionTitle{margin-bottom:32px}@media (max-width: 1704px){.roofCalcPage .sectionTitle{margin-bottom:24px}}@media (max-width: 992px){.roofCalcPage__content{display:flex;flex-direction:column;gap:24px}}.roofCalcPage__row{margin-top:72px;display:grid;grid-template-columns:minmax(0,360px) 1fr minmax(0,500px);gap:60px}@media (max-width: 1704px){.roofCalcPage__row{margin-top:48px;grid-template-columns:minmax(0,308px) 1fr minmax(0,416px);gap:16px}}@media (max-width: 1320px){.roofCalcPage__row{margin-top:55px;grid-template-columns:minmax(0,304px) 1fr minmax(0,376px)}}@media (max-width: 1200px){.roofCalcPage__row{margin-top:66px;gap:24px;grid-template-columns:minmax(0,264px) 1fr minmax(0,304px)}}@media (max-width: 992px){.roofCalcPage__row{display:contents}}.roofCalcPage__col:nth-child(1){display:flex;flex-direction:column;gap:12px}@media (max-width: 992px){.roofCalcPage__col:nth-child(1){gap:16px}}@media (max-width: 992px){.roofCalcPage__col:nth-child(2){order:-1}}.roofCalcPage__result{border-radius:20px;background-color:#fff;display:flex;flex-direction:column}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.offers__cardLink{pointer-events:none;color:#28282840;background:#eee}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download{pointer-events:none}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download span{background:#eee;border-color:#eee;color:#28282840}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download span.svg path:nth-child(1){fill:#28282840}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download span.svg path:nth-child(3){fill:#eee}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download span.svg path:nth-child(4){fill:#eee}.roofCalcPage__result:not(.active) .roofCalcPage__resultBtns>.catalogModal__download span.svg path:nth-child(5){fill:#eee}@media (max-width: 1320px){.roofCalcPage__result{border-radius:12px}}@media (max-width: 992px){.roofCalcPage__result{background-color:transparent;border-radius:0}}.roofCalcPage__result .btnOrange span{font-size:16px}@media (max-width: 1704px){.roofCalcPage__result .btnOrange span{font-size:14px}}@media (max-width: 1200px){.roofCalcPage__result .btnOrange span{font-size:16px}}.roofCalcPage__resultItem{padding:24px}.roofCalcPage__resultItem .btnOrange{width:100%;height:auto;padding:19px 32px;display:flex}@media (max-width: 1704px){.roofCalcPage__resultItem .btnOrange{padding:17px 24px}}@media (max-width: 1200px){.roofCalcPage__resultItem .btnOrange{padding:11px 32px}}@media (max-width: 1704px){.roofCalcPage__resultItem{padding:20px}}@media (max-width: 1320px){.roofCalcPage__resultItem{padding:16px}}@media (max-width: 1200px){.roofCalcPage__resultItem{padding:12px 16px}}@media (max-width: 992px){.roofCalcPage__resultItem{padding:12px 0}.roofCalcPage__resultItem:nth-child(1){padding-top:0}}.roofCalcPage__resultItemTitle{font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:16px;margin-bottom:12px}@media (max-width: 1320px){.roofCalcPage__resultItemTitle{font-size:14px}}.roofCalcPage__resultItemValue{display:flex;align-items:baseline;justify-content:space-between;font-family:Arial,sans-serif;font-size:16px;gap:10px;padding:4px 0}.roofCalcPage__resultItemValue span{flex-shrink:0}.roofCalcPage__resultItemValue span:nth-child(1){max-width:60%}.roofCalcPage__resultItemValue span:nth-child(2){flex:1;border-bottom:1px dashed rgba(169,169,169,.5019607843)}.roofCalcPage__resultItemValue span:nth-child(3){max-width:30%;font-size:20px}@media (max-width: 1704px){.roofCalcPage__resultItemValue{font-size:14px}}@media (max-width: 1320px){.roofCalcPage__resultItemValue{font-size:12px}}@media (max-width: 1200px){.roofCalcPage__resultItemValue{font-size:10px}}.roofCalcPage__resultBtns{padding:24px;display:flex;flex-direction:column;gap:10px}@media (max-width: 992px){.roofCalcPage__resultBtns{padding:12px 0 0}}.roofCalcPage .detailProduct__colorSlider .swiper-slide{width:auto!important;flex:1}.roofCalcPage .detailProduct__colorSlider .swiper-slide:not(.swiper-slide-thumb-active){max-width:23px}.roofCalcPage .detailProduct__colorSlider .swiper-slide-thumb-active{width:76px!important;max-width:76px;flex-shrink:0;flex-grow:1;flex-basis:40px}.roofCalcPage .detailProduct__colorTop{margin-bottom:12px}.calcBox{background:#fff;border-radius:12px;padding:24px}.calcBox#eaves_height{display:none}.calcBox#eaves_height.active{display:block}.calcBox__title{font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:20px;margin-bottom:12px}@media (max-width: 1704px){.calcBox__title{font-size:16px;margin-bottom:8px}}@media (max-width: 992px){.calcBox__title{font-size:14px}}.calcBox__body{display:flex;flex-direction:column;gap:8px}.calcBox__body .modal__field{margin-bottom:12px;position:relative}.calcBox__body .modal__field.invalid input{border-color:red}.calcBox__body .modal__error{position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);width:100%;font-size:13px;padding:2px 24px 0;color:red}.calcBox__body .detailProduct__colorSlider-prev,.calcBox__body .detailProduct__colorSlider-next{bottom:auto;top:50%;transform:translateY(-50%)}.calcBox__body .detailProduct__colorSliderName .swiper-wrapper{align-items:center}.calcBox .detailProduct__colorBlock{margin-top:0}@media (max-width: 1704px){.calcBox .modal__input{padding:15px 24px;font-size:14px}}@media (max-width: 1200px){.calcBox .modal__input{padding:11px 24px}}@media (max-width: 1704px){.calcBox{padding:16px}}@media (max-width: 992px){.calcBox{background-color:transparent;padding:0;border-radius:0}}.currentRoofTypeBox{background-color:#a9a9a9;border-radius:24px;overflow:hidden;padding-bottom:100%;position:relative}.currentRoofTypeBox__picture{position:absolute;top:0;left:0;width:100%;height:100%}.currentRoofTypeBox__picture img{width:inherit;height:inherit;position:absolute;top:inherit;left:inherit;object-fit:cover}@media (max-width: 1704px){.currentRoofTypeBox{border-radius:20px}}@media (max-width: 1320px){.currentRoofTypeBox{border-radius:12px}}.calc__content{display:flex;gap:32px;margin-top:16px}@media (max-width: 1320px){.calc__content{flex-direction:column}}@media (max-width: 768px){.calc__content{margin-top:32px}}@media (max-width: 1320px){.calc__stepArrow{transform:rotate(270deg)}}.calc__steps{width:max-content;display:flex;flex-direction:column;align-items:center;gap:8px}@media (max-width: 1320px){.calc__steps{flex-direction:row}}@media (max-width: 540px){.calc__steps{width:100%;justify-content:center}}.calc__steps .svg{width:48px;height:48px}@media (max-width: 450px){.calc__steps .svg{width:40px;height:40px}}.calc__step{cursor:pointer;font-family:Arial,sans-serif;font-weight:400;font-size:12px;line-height:110%;text-align:center;color:#28282840;display:flex;flex-direction:column;align-items:center;gap:5px}@media (max-width: 400px){.calc__step{font-size:11px}}@media (max-width: 1320px){.calc__step span br{display:none}}.calc__step .svg{display:none}.calc__step .svg:first-child{display:block}.calc__step .svg:nth-child(3){display:none}.calc__step.ready{color:#638f8c}.calc__step.ready .svg,.calc__step.ready .svg:first-child{display:none}.calc__step.ready .svg:nth-child(3){display:block}.calc__step.active{color:#185c56}.calc__step.active .svg{display:block}.calc__step.active .svg:first-child{display:none}.calc__step.active .svg:nth-child(3){display:none}.alert{width:100%;height:100%;position:absolute;background-color:#fff;z-index:10;justify-content:center;align-items:center;padding:20px;display:flex;flex-direction:column;gap:30px;text-align:center}.alert__success{width:200px;height:50px}.calc__stepContent{display:flex;gap:40px;flex:1}@media (max-width: 1320px){.calc__stepContent{flex-direction:column}}.calc__imgContainer{flex:1;display:flex;justify-content:center;width:100%;background-color:#fff;border-radius:24px}@media (max-width: 1320px){.calc__imgContainer{flex:auto}}.calc__img,.calc__img img{display:block;width:100%;height:auto;object-fit:cover;border-radius:24px}.calc__nextBtn{margin-top:12px;height:56px;width:100%}@media (max-width: 540px){.calc__nextBtn{height:42px}}.calc__title{font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:16px;line-height:130%}@media (max-width: 540px){.calc__title{font-size:14px}}.calcType__item{border:2px solid transparent;border-radius:7px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;padding:10px}@media (hover: hover){.calcType__item:hover{border-color:#185c56;background:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #3398ee14}.calcType__item:hover img{transform:translateY(-2px) scale(1.1)}}.calcType__item.selected{border-color:#185c56;box-shadow:0 6px 24px #1976d21a}.calcType__variants{background-color:#fff;padding:20px;border-radius:20px}.calcType__list{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:16px;column-gap:10px}@media (max-width: 1320px){.calcType__list{display:flex;flex-wrap:wrap}}.calcType__item{cursor:pointer;display:flex;flex-direction:column;gap:5px}@media (max-width: 540px){.calcType__item{width:calc(50% - 5px)}}.calcType__item.selected .calcType__itemCheck{opacity:1}.calcType__item span{font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:100%}.calcType__itemImg{width:100px;height:100px;object-fit:cover;border-radius:12px;position:relative}.calcType__itemImg img{width:100%}@media (max-width: 540px){.calcType__itemImg{height:auto;width:100%}}.calcType__itemCheck{position:absolute;opacity:0;right:-9px;top:-9px}.calcConfig{width:500px;position:relative}@media (max-width: 768px){.calcConfig{width:100%}}.calcConfig__form{display:flex;flex-direction:column;gap:8px}.calcConfig__block{background-color:#fff;padding:22px 20px 20px;border-radius:20px}@media (max-width: 540px){.calcConfig__block{border-radius:12px;padding:15px 12px 12px}}.calcConfig__block .inputText{display:block}.calcConfig__top{display:flex;justify-content:space-between;align-items:center}.calcConfig__topRadio{display:flex;gap:12px;position:relative}.calcConfig__topRadio.error .customRadioButton__error{display:block!important}.calcConfig__topRadio label{display:flex;gap:12px}.calcConfig__inputs{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:16px}.calcConfig__inputs .inputText{width:calc(50% - 4px);height:48px}.calcConfig__inputs .inputText span{width:max-content;left:0}.calcConfig__colors{position:relative}.calcConfig__colors.error span{display:block!important}.calcConfig__colors span{position:absolute;font-size:12px;font-weight:400;line-height:15.6px;color:#9c1414;display:none;bottom:4px}@media (max-width: 1704px){.calcConfig__colors span{bottom:4px;font-size:10px}}@media (max-width: 1200px){.calcConfig__colors span{bottom:-15px;font-size:9px}}.calcConfig__colors.init .detailProduct__colorSlider .swiper-slide-thumb-active:after{display:none}.calcConfig__colors .detailProduct__colorSliderName_js .swiper-slide{opacity:0;transition:opacity .8s ease-in-out}.calcConfig__colors .detailProduct__colorSliderName_js .swiper-slide-active{opacity:1}.calcConfig__colors.anim{opacity:0;animation:hidden 2s forwards}@keyframes hidden{to{opacity:1}}.calcConfig__colors .detailProduct__colorBlock{margin-top:0}@media (max-width: 540px){.calcConfig__colors .calc__title{margin-bottom:10px}}.calcConfig__checks{display:flex;gap:8px;width:100%}.calcConfig__checkItem{width:calc(50% - 4px);display:flex;align-items:center;justify-content:space-between;font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:14px;line-height:110%;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 540px){.calcConfig__checkItem span{font-size:10px}}.calcConfig__checkActive{display:none}.calcConfig__checkInput:checked~.calcConfig__checkDefault{display:none}.calcConfig__checkInput:checked~.calcConfig__checkActive{display:block}.calcResult{width:528px}@media (max-width: 768px){.calcResult{width:100%}}.calcResult__title{font-family:Harmonia Sans Pro Cyr,sans-serif;font-weight:600;font-size:24px;line-height:130%}.calcResult__info{margin-top:12px}.calcResult__block{padding:20px;background-color:#fff;display:flex;flex-direction:column;gap:8px}@media (max-width: 540px){.calcResult__block{padding:12px}}.calcResult__block:first-child{border-radius:20px 20px 0 0}@media (max-width: 540px){.calcResult__block:first-child{border-radius:12px 12px 0 0}}.calcResult__block:first-child .calc__title{margin-bottom:10px}.calcResult__block:nth-child(2){border-top:1px solid rgba(169,169,169,.5);border-bottom:1px solid rgba(169,169,169,.5)}.calcResult__block:last-child{border-radius:0 0 20px 20px}@media (max-width: 540px){.calcResult__block:last-child{border-radius:0 0 12px 12px}}.calcResult__btn{height:56px}@media (max-width: 540px){.calcResult__btn{height:42px}}.calcResult__pdf{width:100%;height:48px}@media (max-width: 540px){.calcResult__pdf{height:40px}}.calcResult__pdf .svg{padding:10px;width:48px;height:48px}@media (max-width: 540px){.calcResult__pdf .svg{height:40px;width:40px}}.calcResult__item{font-family:Arial,sans-serif;font-weight:400;font-size:16px;line-height:130%;display:flex;align-items:baseline;gap:8px}@media (max-width: 540px){.calcResult__item{font-size:12px}}.calcResult__itemDots{flex:1;border-bottom:1px dashed rgba(169,169,169,.5)}.inputText{position:relative}.inputText .floating-label{display:block!important}.floating-label{position:absolute;left:12px;top:15px;font-size:14px;color:#999;transition:all .3s ease;pointer-events:none;background:#fff;padding:0 4px;opacity:0}@media (max-width: 1320px){.floating-label{font-size:12px}}@media (max-width: 540px){.floating-label{background:transparent;font-size:10px}}.inputText input:focus+.floating-label,.inputText input:not(:placeholder-shown)+.floating-label,.inputText.has-value .floating-label{top:-17px;left:8px;color:#a9a9a9;font-weight:500;opacity:1}.inputText input:focus+.floating-label::placeholder,.inputText input:not(:placeholder-shown)+.floating-label::placeholder,.inputText.has-value .floating-label::placeholder{opacity:0}@media (max-width: 540px){.inputText input:focus+.floating-label,.inputText input:not(:placeholder-shown)+.floating-label,.inputText.has-value .floating-label{top:-12px}}.calcConfig__checkItem.hidden,.gutter-length-field.hidden{display:none!important}.roof-fields.hidden{display:none}.roof-fields{width:100%;display:flex;flex-wrap:wrap;column-gap:8px;row-gap:28px}.roof-fields .inputText{width:calc(50% - 4px);height:48px}.roof-fields .inputText span{width:max-content;left:0}.roof-fields{transition:opacity .3s ease}.inputText input:focus::placeholder,.inputText input:not(:placeholder-shown)::placeholder,.inputText.has-value input::placeholder{opacity:0}.customRadioButton__error{position:absolute;font-size:12px;font-weight:400;line-height:15.6px;color:#9c1414;bottom:-17px;display:none!important}@media (max-width: 1704px){.customRadioButton__error{bottom:-17px;font-size:10px}}@media (max-width: 1200px){.customRadioButton__error{bottom:-15px;font-size:9px}}.radioGroup{display:flex!important;position:relative}.radioGroup.error .customRadioButton__error{display:block!important}.drain-field:nth-child(2){margin-top:18px}.tag{position:absolute;pointer-events:none;font-size:12px;width:30px;height:30px;right:10px;top:50%;transform:translateY(-50%);display:flex;color:#f8f8f8;line-height:1;-webkit-user-select:none;user-select:none;border-radius:50%;background:#d9d9d9;align-items:center;font-weight:400;justify-content:center;transition:background-color .35s ease}.inputText.focus-active .tag{background:#e4373a}