/* Start:/bitrix/templates/urfo/components/bitrix/breadcrumb/breadcrumbs/style.css?17857514461336*/
.brc__inner{color: #000;font-size: 1.5rem;display: inline-block;padding: 2.2rem 0;}
.brc__inner span { color: #000;font-size: 1.5rem;}
.catalog__head .brc {margin-bottom:3.6rem}
.catalog-main .brc {margin-top:1rem}
.catalog-main {padding-top:14rem;}

*, *::before, *::after {box-sizing: border-box;}
.bx-breadcrumb-item::after {content: "/";display: inline-block;margin: 0 0.8rem;}
.brc__inner {display:flex; align-items:center; flex-wrap:wrap; margin:0 0 2rem 0}
.brc__inner a {padding:.7rem 0!important}
.brc__inner a:hover {color:#2B2E34; font-weight:500}
.brc__inner a:last-child::after {display:none}
.brc__inner a {color:#000; font-size:1.4rem; display:inline-block; padding:2.2rem 0}
.brc__inner a:hover {color:#2B2E34; font-weight:500}
.brc__inner a::after {content:"/"; display:inline-block; margin:0 0.8rem}
.brc__inner a:last-child::after {display:none}
@media (max-width: 48em) {
.catalog-main .brc{margin-top:4rem;}
.brc__inner span {color: #000;font-size: 2.7rem;display: inline-block;padding: 0.2rem 0;}
.brc__inner {display: flex;align-items: center;flex-wrap: wrap;margin: 0 0 2rem 0;}
.brc__inner a {color:#000; font-size:1.4rem; display:inline-block; padding:2.2rem 0}
.brc__inner a:hover {color:#2B2E34; font-weight:500}
.bx-breadcrumb-item::after{font-size: 2.7rem;}
.brc__inner a:last-child::after {display:none}
}
/* End */


/* Start:/bitrix/templates/urfo/components/bitrix/form.result.new/zajavka-na-raschet/style.css?17857557343930*/
.input-file {display:flex}
.input-file__label {margin-right:11rem}
.input-file__title {font-weight:500; font-size:1.7rem; color:#1F223D; display:flex; align-items:center; cursor:pointer}
.input-file__title::before {content:""; width:1.8rem; height:1.8rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(/bitrix/templates/urfo/components/bitrix/form.result.new/zajavka-na-raschet/icons/file.svg); margin-right:1.7rem}
.input-file__preview ol {padding:0; margin:0; list-style:none}
.input-file__preview li span {display:inline-block; width:2rem; height:1.2rem; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url(/bitrix/templates/urfo/components/bitrix/form.result.new/zajavka-na-raschet/icons/delete-file.svg); background-size:1rem; margin-left:1.7rem; cursor:pointer}
.input-file__name {display:inline-block; color:#000; font-weight:500}
.input-file__size {display:inline-block; font-weight:300; font-size:1.4rem; color:#7E838C}
.feedback__img {width: 48.3%;min-height: 64rem;flex-shrink: 0; position: relative; z-index: 1; order: 1;}
.feedback {padding-bottom:17rem; overflow:hidden;padding-top:18rem;}
.feedback__inner {display:flex}
.feedback__img img {position:absolute; top:-22%; left:-34.1%; width:150%; height:150%; object-fit:contain}
.feedback__form {width:51.7%; position:relative; z-index:2; order:2}
.feedback__mtitle {font-size:3.5rem; font-weight:500; color:#2B2E34; margin-bottom:5.2rem}

@media (max-width:48em) {
.feedback__img {width:100%; min-height:110rem; flex-shrink:0; position:relative; z-index:1; order:1}
.feedback__img img {top:-7%; left:-41.9%; width:199%; height:auto }
.input-file {display:block }
.input-file__label {display:block; margin-right:0rem; margin-bottom:2rem }
.input-file__title {font-size:3.2rem }
.input-file__title::before {width:3.2rem; height:3.2rem; margin-right:3rem }
.input-file__preview li span {width:4rem; height:2.5rem; background-size:2.5rem; margin-left:3rem }
.input-file__size {font-weight:300; font-size:2.8rem }}


@media (max-width:48em) {
.feedback{padding-top:20rem;}
.main-banner__text{font-size:3.4rem;}
.feedback__img {width: 100%;min-height: 110rem;}
.feedback {padding-bottom:15.7rem }
.feedback__inner {display:block }
.feedback__form {width:100%; margin-bottom:5rem }
.feedback__mtitle {font-size:5.6rem; margin-bottom:9rem }
}




/* Оверлей */
.form-success-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}

/* Активное состояние */
.form-success-modal.active {
opacity: 1;
visibility: visible;
}

/* Контент окна */
.form-success-modal__content {
background-color: #ffffff;
padding: 40px;
border-radius: 8px;
max-width: 500px;
width: 90%;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
position: relative;
transform: translateY(-20px);
transition: transform 0.3s ease-in-out;
}

/* Анимация появления контента */
.form-success-modal.active .form-success-modal__content {
transform: translateY(0);
}

/* Крестик-кнопка */
.form-success-modal__close {
position: absolute;
top: 15px;
right: 15px;
background: none;
border: none;
font-size: 28px;
line-height: 1;
cursor: pointer;
color: #b0b0b0;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s;
}

.form-success-modal__close:hover {
color: #333;
}

/* Типографика */
.form-success-modal__title {
margin-top: 0;
margin-bottom: 15px;
font-size: 28px;
color: #333;
}

.form-success-modal__text {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.5;
color: #555;
/* Важно: разрешаем html-теги из FORM_NOTE, но экранируем опасные атрибуты */
}

.form-success-modal__subtitle {
margin-top: 0;
font-size: 15px;
color: #777;
}



/* End */
/* /bitrix/templates/urfo/components/bitrix/breadcrumb/breadcrumbs/style.css?17857514461336 */
/* /bitrix/templates/urfo/components/bitrix/form.result.new/zajavka-na-raschet/style.css?17857557343930 */