/* Layout compatibility for the retained Bitrix/Bootstrap 3 markup.
   Scoped to inner content and existing product popups; no legacy theme CSS. */
.mp-stage2 .row { margin-right: -15px; margin-left: -15px; }
.mp-stage2 .row::before, .mp-stage2 .row::after,
.mp-stage2 .clearfix::before, .mp-stage2 .clearfix::after { display: table; content: " "; }
.mp-stage2 .row::after, .mp-stage2 .clearfix::after { clear: both; }
.mp-stage2 [class*="col-xs-"], .mp-stage2 [class*="col-sm-"],
.mp-stage2 [class*="col-md-"], .mp-stage2 [class*="col-lg-"] { position: relative; min-height: 1px; padding: 0 15px; }
.mp-stage2 .cl, .mp-stage2 .clb { clear: both; }
.mp-stage2 .container { width: 100%; margin-inline: auto; padding-inline: 15px; }
.mp-stage2 .img-responsive { display: block; max-width: 100%; height: auto; }
.mp-stage2 .pull-left { float: left; }
.mp-stage2 .pull-right { float: right; }
.mp-stage2 .text-center { text-align: center; }
.mp-stage2 .text-right { text-align: right; }
.mp-stage2 .text-left { text-align: left; }
.mp-stage2 .text-muted { color: #67717b; }
.mp-stage2 .text-danger, .mp-stage2 .errortext { color: #ad263b; }
.mp-stage2 .text-success { color: #30834e; }
.mp-stage2 .hidden, .mp-stage2 .hide { display: none !important; }
.mp-stage2 .visible-xs, .mp-stage2 .visible-sm, .mp-stage2 .visible-md, .mp-stage2 .visible-lg { display: none !important; }
.mp-stage2 .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; }
.mp-stage2 .btn-block { display: block; width: 100%; }
.mp-stage2 .btn-sm { padding: 6px 10px; font-size: 13px; }
.mp-stage2 .btn-group { position: relative; display: inline-block; vertical-align: middle; }
.mp-stage2 .btn-group > .btn { position: relative; float: left; }
.mp-stage2 .btn-group > .btn + .btn { margin-left: -1px; }
.mp-stage2 .btn-group[data-toggle="buttons"] > .btn input[type="checkbox"],
.mp-stage2 .btn-group[data-toggle="buttons"] > .btn input[type="radio"] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
.mp-stage2 .btn-group > .btn:focus-within { outline: 3px solid #b28640; outline-offset: 3px; }
.mp-stage2 .form-group { margin-bottom: 16px; }
.mp-stage2 .form-horizontal .form-group { margin-inline: -15px; }
.mp-stage2 .form-horizontal .form-group::after { content: ""; display: table; clear: both; }
.mp-stage2 .form-control { display: block; width: 100%; min-height: 42px; }
.mp-stage2 input.form-control, .mp-stage2 textarea.form-control { padding: 8px 10px; border: 1px solid #bacbdc; border-radius: 3px; font: inherit; background: #fff; color: #16263b; }
.mp-stage2 .input-group { display: table; border-collapse: separate; }
.mp-stage2 .input-group > .form-control, .mp-stage2 .input-group-addon { display: table-cell; }
.mp-stage2 .table { width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.mp-stage2 .table > thead > tr > th { text-align: left; }
.mp-stage2 .table > :is(tbody, thead) > tr > :is(td, th) { border-top: 1px solid #e5e8ea; }
.mp-stage2 .table-responsive { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mp-stage2 .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.mp-stage2 .nav > li { position: relative; display: block; }
.mp-stage2 .nav > li > a { position: relative; display: block; }
.mp-stage2 .nav-tabs { border-bottom: 1px solid #e5e8ea; }
.mp-stage2 .nav-tabs > li { margin-bottom: -1px; }
.mp-stage2 .nav-tabs > li > a { border: 1px solid transparent; }
.mp-stage2 .tab-content > .tab-pane { display: none; }
.mp-stage2 .tab-content > .active { display: block; }
.mp-stage2 .collapse { display: none; }
.mp-stage2 .collapse.in { display: block; }
.mp-stage2 .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s; }
.mp-stage2 .fade { opacity: 0; transition: opacity .15s linear; }
.mp-stage2 .fade.in { opacity: 1; }
.mp-stage2 .dropdown { position: relative; }
.mp-stage2 .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; padding: 10px; background: #fff; border: 1px solid #e5e8ea; list-style: none; }
.mp-stage2 .open > .dropdown-menu { display: block; }
.mp-stage2 .alert { padding: 16px; margin-bottom: 20px; border: 1px solid #e5e8ea; border-radius: 4px; }
.mp-stage2 .alert-danger { color: #ad263b; background: #fff1f1; }
.mp-stage2 .alert-success { color: #27663b; background: #f0f8f2; }
.mp-stage2 .close { float: right; padding: 0; border: 0; background: transparent; color: #16263b; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.mp-stage2 .modal { display: none; position: fixed; inset: 0; z-index: 1050; overflow: hidden; outline: 0; }
.mp-stage2 .modal.in { overflow-x: hidden; overflow-y: auto; }
.mp-stage2 .modal-dialog { position: relative; width: auto; margin: 20px; }
.mp-stage2 .modal-content { position: relative; background: #fff; border: 1px solid #e5e8ea; border-radius: 5px; box-shadow: 0 12px 40px #16263b26; outline: 0; }
.mp-stage2 .modal-header { padding: 20px; border-bottom: 1px solid #e5e8ea; }
.mp-stage2 .modal-title { margin: 0; line-height: 1.4; }
.mp-stage2 .modal-body { position: relative; padding: 20px; }
.mp-stage2 .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #e5e8ea; }
.mp-stage2-page.modal-open { overflow: hidden; }
.mp-stage2-page > .modal-backdrop { position: fixed; inset: 0; z-index: 1040; background: #16263b; }
.mp-stage2-page > .modal-backdrop.fade { opacity: 0; }
.mp-stage2-page > .modal-backdrop.in { opacity: .5; }
@media (min-width: 768px) { .mp-stage2 .modal-dialog { width: 600px; max-width: calc(100% - 40px); margin: 40px auto; } }
@media (min-width: 768px) { .mp-stage2 .col-sm-offset-3 { margin-left: 25%; } }
.mp-stage2 .col-xs-1 { float: left; width: 8.333333333333334%; }
.mp-stage2 .col-xs-2 { float: left; width: 16.666666666666668%; }
.mp-stage2 .col-xs-3 { float: left; width: 25%; }
.mp-stage2 .col-xs-4 { float: left; width: 33.333333333333336%; }
.mp-stage2 .col-xs-5 { float: left; width: 41.666666666666664%; }
.mp-stage2 .col-xs-6 { float: left; width: 50%; }
.mp-stage2 .col-xs-7 { float: left; width: 58.333333333333336%; }
.mp-stage2 .col-xs-8 { float: left; width: 66.66666666666667%; }
.mp-stage2 .col-xs-9 { float: left; width: 75%; }
.mp-stage2 .col-xs-10 { float: left; width: 83.33333333333333%; }
.mp-stage2 .col-xs-11 { float: left; width: 91.66666666666667%; }
.mp-stage2 .col-xs-12 { float: left; width: 100%; }
@media (min-width: 768px) {
.mp-stage2 .col-sm-1 { float: left; width: 8.333333333333334%; }
.mp-stage2 .col-sm-2 { float: left; width: 16.666666666666668%; }
.mp-stage2 .col-sm-3 { float: left; width: 25%; }
.mp-stage2 .col-sm-4 { float: left; width: 33.333333333333336%; }
.mp-stage2 .col-sm-5 { float: left; width: 41.666666666666664%; }
.mp-stage2 .col-sm-6 { float: left; width: 50%; }
.mp-stage2 .col-sm-7 { float: left; width: 58.333333333333336%; }
.mp-stage2 .col-sm-8 { float: left; width: 66.66666666666667%; }
.mp-stage2 .col-sm-9 { float: left; width: 75%; }
.mp-stage2 .col-sm-10 { float: left; width: 83.33333333333333%; }
.mp-stage2 .col-sm-11 { float: left; width: 91.66666666666667%; }
.mp-stage2 .col-sm-12 { float: left; width: 100%; }
}
@media (min-width: 992px) {
.mp-stage2 .col-md-1 { float: left; width: 8.333333333333334%; }
.mp-stage2 .col-md-2 { float: left; width: 16.666666666666668%; }
.mp-stage2 .col-md-3 { float: left; width: 25%; }
.mp-stage2 .col-md-4 { float: left; width: 33.333333333333336%; }
.mp-stage2 .col-md-5 { float: left; width: 41.666666666666664%; }
.mp-stage2 .col-md-6 { float: left; width: 50%; }
.mp-stage2 .col-md-7 { float: left; width: 58.333333333333336%; }
.mp-stage2 .col-md-8 { float: left; width: 66.66666666666667%; }
.mp-stage2 .col-md-9 { float: left; width: 75%; }
.mp-stage2 .col-md-10 { float: left; width: 83.33333333333333%; }
.mp-stage2 .col-md-11 { float: left; width: 91.66666666666667%; }
.mp-stage2 .col-md-12 { float: left; width: 100%; }
}
@media (min-width: 1200px) {
.mp-stage2 .col-lg-1 { float: left; width: 8.333333333333334%; }
.mp-stage2 .col-lg-2 { float: left; width: 16.666666666666668%; }
.mp-stage2 .col-lg-3 { float: left; width: 25%; }
.mp-stage2 .col-lg-4 { float: left; width: 33.333333333333336%; }
.mp-stage2 .col-lg-5 { float: left; width: 41.666666666666664%; }
.mp-stage2 .col-lg-6 { float: left; width: 50%; }
.mp-stage2 .col-lg-7 { float: left; width: 58.333333333333336%; }
.mp-stage2 .col-lg-8 { float: left; width: 66.66666666666667%; }
.mp-stage2 .col-lg-9 { float: left; width: 75%; }
.mp-stage2 .col-lg-10 { float: left; width: 83.33333333333333%; }
.mp-stage2 .col-lg-11 { float: left; width: 91.66666666666667%; }
.mp-stage2 .col-lg-12 { float: left; width: 100%; }
}
@media (max-width: 767px) {
.mp-stage2 .hidden-xs { display: none !important; }
.mp-stage2 .visible-xs { display: block !important; }
.mp-stage2 table.visible-xs { display: table !important; }
.mp-stage2 tr.visible-xs { display: table-row !important; }
.mp-stage2 td.visible-xs, .mp-stage2 th.visible-xs { display: table-cell !important; }
}
@media (prefers-reduced-motion: reduce) { .mp-stage2 .fade, .mp-stage2 .collapsing { transition: none; } }