/* ОСТАТКИ БУТСТРАПА — то, на чём ещё держится чужая вёрстка.
 *
 * Полный bootstrap_v4.css весил 152 КБ и тянулся с темы krayt. Здесь собраны
 * только те правила, которые реально применяются на живых страницах: сетка
 * (row/col), типографика форм, .form-control и .alert в вендорском чек-ауте
 * (bitrix:sale.order.ajax). Собрано обходом всех страниц с проверкой каждого
 * селектора в разметке, а не на глаз.
 *
 * Файл временный. По мере перевода чек-аута и вендорских компонентов на свою
 * вёрстку он будет таять; когда опустеет — уйдёт вместе с бронёй !important.
 * Руками не правим: пересобирается тем же обходом.
 */
*, ::before, ::after { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; }
a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0px; }
input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
[type="search"] { outline-offset: -2px; appearance: none; }
template { display: none; }
[hidden] { display: none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
.form-control { display: block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.form-control { transition: none; }
}
.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.form-control-file, .form-control-range { display: block; width: 100%; }
.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: none; border-width: 1px 0px; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0px; padding-left: 0px; }
.form-control-sm { height: calc(1.5em + 2px + 0.5rem); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.form-control-lg { height: calc(1.5em + 2px + 1rem); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
select.form-control[size], select.form-control[multiple] { height: auto; }
textarea.form-control { height: auto; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: rgb(40, 167, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); }
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: rgb(220, 53, 69); padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") right 1.75rem center / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: rgb(220, 53, 69); }
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: rgb(220, 53, 69); }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: rgb(220, 53, 69); }
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: rgb(228, 96, 109); background-color: rgb(228, 96, 109); }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(220, 53, 69); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); }
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; }
@media (min-width: 576px) {
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .form-control-plaintext { display: inline-block; }
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 2px + 1rem); }
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 2px + 0.5rem); }
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.nav-link { display: block; padding: 0.5rem 1rem; }
.card-img { width: 100%; border-radius: calc(-1px + 0.25rem); }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; }
.alert-dismissible { padding-right: 4rem; }
.alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; }
.alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); }
.alert-primary hr { border-top-color: rgb(159, 205, 255); }
.alert-primary .alert-link { color: rgb(0, 39, 82); }
.alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); }
.alert-secondary hr { border-top-color: rgb(200, 203, 207); }
.alert-secondary .alert-link { color: rgb(32, 35, 38); }
.alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); }
.alert-success hr { border-top-color: rgb(177, 223, 187); }
.alert-success .alert-link { color: rgb(11, 46, 19); }
.alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); }
.alert-info hr { border-top-color: rgb(171, 221, 229); }
.alert-info .alert-link { color: rgb(6, 44, 51); }
.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }
.alert-warning hr { border-top-color: rgb(255, 232, 161); }
.alert-warning .alert-link { color: rgb(83, 63, 3); }
.alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); }
.alert-danger hr { border-top-color: rgb(241, 176, 183); }
.alert-danger .alert-link { color: rgb(73, 18, 23); }
.alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); }
.alert-light hr { border-top-color: rgb(236, 236, 246); }
.alert-light .alert-link { color: rgb(104, 104, 104); }
.alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); }
.alert-dark hr { border-top-color: rgb(185, 187, 190); }
.alert-dark .alert-link { color: rgb(4, 5, 5); }
input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
h1, .h1 { font-size: 2.5rem; }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 992px) {
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}
.btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn { transition: none; }
}
textarea { overflow: auto; resize: vertical; }
@media (min-width: 576px) {
.col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
}
@media (min-width: 992px) {
.col-lg-6 { flex: 0 0 50%; max-width: 50%; }
}
.bx-soa-wrapper { font-size: 14px; }
.bx-soa-section { margin-bottom: 6px; border: 1px solid rgb(232, 233, 235); border-radius: 2px; background-color: rgb(255, 255, 255); transition: border-color 0.3s; }
.bx-soa-section-title-count { position: relative; display: inline-block; margin: -3px 10px 0px 0px; min-width: 17px; height: 17px; border: 1px solid rgb(152, 151, 157); border-radius: 8px; vertical-align: middle; }
#bx-soa-order { counter-reset: heading 0; transition: opacity 500ms; }
.bx-soa-section.bx-selected { border: 1px solid rgb(145, 206, 220); }
.bx-soa-section-title-container { overflow: hidden; padding: 10px 15px 14px; background: rgb(245, 245, 245); font-size: 14px; display: flex; align-items: center; justify-content: space-between; }
.bx-soa-section.bx-selected .bx-soa-section-title-container { padding: 15px; }
.bx-soa-section-title { margin: 0px; padding: 3px 0px 0px; min-height: 20px; border-radius: 2px; color: rgb(0, 0, 0); vertical-align: middle; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 18px; transition: 0.3s; }
.bx-soa-section.bx-selected .bx-soa-section-title { font-size: 18px; }
.bx-soa-editstep { display: inline; border-bottom: 1px dotted; vertical-align: middle; font-size: 12px; line-height: 18px; text-decoration: none !important; }
.bx-soa-section.bx-selected .bx-soa-editstep { display: none; }
.bx-soa-section-content { padding: 10px 15px; transition: 0.2s; }
.bx-soa-table-fade { position: relative; }
.bx-soa-item-table { display: table; margin-bottom: 10px; min-width: 100%; }
.bx-soa-item-tr { display: table-row; }
.bx-soa-item-td { display: table-cell; padding-top: 10px; border-top: 1px dotted rgb(229, 229, 229); vertical-align: top; transition: 0.2s; }
@media (min-width: 769px) {
.bx-soa-item-td { padding-right: 7px; padding-bottom: 10px; padding-left: 7px; }
}
.bx-soa-item-table .bx-soa-item-tr-first .bx-soa-item-td { padding-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child { padding-left: 0px; }
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child { padding-right: 0px; }
.bx-soa-item-img-block { float: left; padding-right: 15px; transition: 250ms linear; }
.bx-soa-item-imgcontainer { padding-top: 100%; border: 1px solid rgb(192, 207, 217); border-radius: 4px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.bx-soa-item-content { }
.bx-soa-item-title { padding-bottom: 5px; font-size: 14px; }
.bx-soa-item-td-title { padding-bottom: 3px; color: rgb(124, 124, 124); font-size: 12px; line-height: 20px; }
.bx-soa-item-td-text { vertical-align: middle; line-height: 25px; }
.bx-soa-item-properties .bx-soa-item-td-title, .bx-soa-item-properties .bx-soa-item-td-text { text-align: center; }
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text { text-align: right; }
.bx-soa-item-td-text .bx-price { color: rgb(51, 51, 51); white-space: nowrap; }
@media (max-width: 991px) {
.bx-soa-item-table, .bx-soa-item-table > tbody, .bx-soa-item-tr, .bx-soa-item-td { }
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child { width: 80%; }
.bx-soa-item-tr.bx-soa-item-info-container, .bx-soa-item-tr .bx-soa-item-td { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.bx-soa-item-tr { overflow: hidden; padding-top: 10px; padding-bottom: 15px; border-top: 1px dotted rgb(229, 229, 229); }
.bx-soa-item-tr.bx-soa-item-tr-first { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.bx-soa-item-block { overflow: hidden; }
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text { text-align: center; }
}
@media (min-width: 581px) and (max-width: 991px) {
.bx-soa-item-properties { padding-bottom: 10px; }
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td, .bx-soa-item-title { font-size: 12px; }
.bx-soa-item-td-title, .bx-soa-item-nth-4p1, .bx-soa-item-tr { clear: both; }
}
@media (max-width: 580px) {
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td, .bx-soa-item-title { font-size: 12px; }
.bx-soa-item-table, .bx-soa-item-table > tbody, .bx-soa-item-tr, .bx-soa-item-td { display: block; }
.bx-soa-item-properties { float: left; margin-bottom: 0px; }
.bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child { width: 100%; }
.bx-soa-item-td { line-height: 17px; }
.bx-soa-item-img-block { float: none; margin: 0px auto; padding-right: 0px; max-width: 160px; }
.bx-soa-item-content { padding-top: 15px; }
.bx-soa-item-td-title, .bx-soa-item-td-text { padding: 2px 5px; vertical-align: middle; text-align: left; font-size: 13px; line-height: 20px; display: inline-block !important; }
.bx-soa-item-properties { padding: 0px; }
}
@media (min-width: 580px) {
.bx-soa-item-img-block { margin: 0px; width: 85px; }
}
.bx-soa-coupon-input input[type="text"].form-control { display: block; padding: 6px 12px; width: 100%; height: 34px; outline: none; border: 1px solid rgb(204, 213, 219); border-radius: 2px; background-color: rgb(248, 250, 252); background-image: none; box-shadow: none; color: rgb(85, 85, 85); font-size: 14px; line-height: 1.42857; }
.bx-soa-coupon-input input[type="text"].form-control:focus { outline: none; border-color: rgb(99, 116, 126); box-shadow: none; }
.bx-soa-sidebar { position: relative; height: 100%; }
.bx-soa-cart-total { padding: 20px; border: 1px solid rgb(232, 233, 235); border-radius: 3px; background-color: rgb(255, 255, 255); transition: opacity 0.2s; }
@media (max-width: 768px) {
.bx-soa-cart-total-ghost { display: none; padding: 0px !important; }
}
.bx-soa-cart-total-line { overflow: hidden; padding: 5px 7px; border-top: 1px solid rgb(229, 229, 229); font-size: 13px; line-height: 25px; }
.bx-soa-cart-total .bx-soa-cart-total-line:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) { border-color: rgb(191, 191, 191); }
.bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t { font-weight: bold; }
.bx-soa-cart-total .bx-soa-cart-total-line-total { padding-top: 25px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.bx-soa-cart-t { float: left; }
.bx-soa-cart-d { float: right; color: rgb(51, 51, 51); text-align: right; }
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-weight: bold; }
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 28px; }
.bx-soa-cart-total-button-container { padding-top: 20px; text-align: center; }
@media (max-width: 991px) {
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { white-space: nowrap; font-size: 19px !important; }
}
.bx-soa-reference { padding-top: 10px; padding-bottom: 20px; color: rgb(154, 154, 154); }
.bx-soa .bx-soa-custom-label { margin-bottom: 10px; font-size: 16px; }
.bx-soa .bx-soa-customer-label, .bx-soa .form-group label { position: relative; padding-bottom: 2px; color: rgb(0, 0, 0); font-weight: 500; font-size: 14px; }
.bx-soa .bx-soa-location-input-container { position: relative; }
.bx-soa-pp-company { position: relative; z-index: 100; }
.bx-soa-pp .bx-soa-pp-company { border: 1px solid transparent; transition: 100ms; }
.bx-soa-pp-desc-container { padding-top: 7px; }
.bx-soa-pp-desc-container .bx-soa-pp-company { padding: 7px 15px; border: 1px solid rgb(213, 218, 220); background: rgb(248, 250, 252); }
.bx-soa-pp-company-logo { padding-top: 6px; }
.bx-soa-pp-company-graf-container { position: relative; padding-top: 50%; width: auto; height: 0px; border: 2px solid rgb(195, 202, 206); border-radius: 2px; background: rgb(255, 255, 255); }
.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { border-color: rgb(21, 158, 187); }
input[type="checkbox"].bx-soa-pp-company-checkbox { position: absolute; top: 7px; left: 7px; z-index: 100; margin: 0px; padding: 0px; }
.bx-soa-pp-company-image { position: absolute; inset: 5px; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.bx-soa-pp-desc-container .bx-soa-pp-company-logo { max-width: 150px; }
.bx-soa-pp-company-smalltitle { padding-top: 9px; padding-bottom: 5px; color: rgb(163, 163, 163); text-align: center; font-size: 11px; }
.bx-soa-pp-company-subTitle { font-weight: bold; font-size: 15px; }
.bx-soa-pp-company-desc { padding-top: 10px; font-size: 13px; line-height: 17px; }
ul.bx-soa-pp-list { margin: 10px 0px; padding: 0px; color: rgb(0, 0, 0); list-style: none; font-size: 13px; }
ul.bx-soa-pp-list li { clear: both; padding: 5px 0px; }
.bx-soa-pp-list-termin { display: block; color: rgb(141, 141, 141); }
.bx-soa-pp-list-description { display: block; }
.bx-soa-pp-delivery-cost { position: absolute; right: -2px; bottom: -2px; padding: 2px 4px; border-radius: 1px; background: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); font-size: 14px; line-height: 14px; }
.bx-soa-pp-field .form-control { background: rgb(255, 255, 255); }
.bx-soa-pp-company-block .form-control { font-size: 13px; }
@media (min-width: 481px) and (max-width: 766px) {
.bx-soa-pp-desc-container .bx-soa-pp-company-logo { padding-top: 0px; width: 100%; }
.bx-soa-pp-list-termin { width: 30%; }
}
@media (max-width: 480px) {
.bx-soa-pp-company-logo { width: 45%; }
.bx-soa-pp-item-container { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.bx-soa-pp-desc-container { }
.bx-soa-pp-desc-container .bx-soa-pp-company-logo { padding-top: 0px; width: 100%; }
.bx-soa-pp-list-termin { width: 40%; }
}
.bx-retina .bx-soa-location-input-container { border-width: 0.5px; }
.bx-sls.form-control { padding: 0px; }
.bx-sls .bx-ui-sls-pane, .bx-slst .bx-ui-combobox-dropdown { border: 1px solid rgb(189, 189, 189); }
.bx-sls .dropdown-fade2white, .bx-slst .dropdown-fade2white { top: 1px; }
.bx-sls .form-control.dropdown-block, .bx-slst .form-control.dropdown-block { border: 1px solid rgb(213, 218, 220); background-color: rgb(248, 250, 252); box-shadow: none; }
.has-error .bx-sls .form-control.dropdown-block, .has-error .bx-slst .form-control.dropdown-block { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input { padding-top: 7px; }
span.bx-authform-starrequired { color: rgb(217, 51, 51); }
.alert { margin-bottom: 20px; padding: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 1px; font-size: 14px; position: relative; }
.alert-success { border-color: rgb(214, 233, 198); background-color: rgb(223, 240, 216); color: rgb(60, 118, 61); }
.alert-warning { border-color: rgb(250, 235, 204); background-color: rgb(252, 248, 227); color: rgb(138, 109, 59); }
.alert-danger { border-color: rgb(235, 204, 209); background-color: rgb(242, 222, 222); color: rgb(169, 68, 66); }
.bx-sls .bx-ui-sls-container { min-height: 33px !important; }
.bx-soa-customer-input, .bx-soa-customer-textarea { border-radius: 0px; }
textarea.bx-soa-customer-textarea { resize: none; height: 130px; }
.btn-order-save { width: 100%; display: block; padding: 10px; }
#bx-soa-total-mobile { display: none !important; }
b, strong { font-weight: bolder; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.order-1 { order: 1; }
.order-2 { order: 2; }
@media (min-width: 576px) {
.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
.col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.order-md-1 { order: 1; }
.order-md-2 { order: 2; }
}
.form-group { margin-bottom: 1rem; }
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
@media (min-width: 576px) {
.d-sm-none { display: none !important; }
}
@media (min-width: 768px) {
.d-md-block { display: block !important; }
}
@media (min-width: 992px) {
.d-lg-none { display: none !important; }
}
.flex-nowrap { flex-wrap: nowrap !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }
/* ── Шевроны вместо font-awesome ──────────────────────────────────────
   Из всего шрифта (710 правил плюс сам файл) на сайте работали три глифа:
   стрелки в старом «ящике» фильтра и в постраничной навигации. Рисуем их
   границами — шрифт ради трёх уголков не грузим. */
.fa-angle-left,
.fa-angle-right,
.fa-angle-up,
.fa-angle-down {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: solid currentColor;
  border-width: 0 1.6px 1.6px 0;
  vertical-align: middle;
}

.fa-angle-left  { transform: rotate(135deg); }
.fa-angle-right { transform: rotate(-45deg); }
.fa-angle-up    { transform: rotate(-135deg); }
.fa-angle-down  { transform: rotate(45deg); }

/* ── Переменная из custom.css ─────────────────────────────────────────
   Сам файл снят: из 119 правил работало одно — :root с двумя цветами.
   --blue там был старый (#233E7E) и всё равно перекрывался фирменным из
   tc-tokens.css, а вот --hover-blue живёт в template_styles.css (выделение
   текста, рамки, заливка иконок) — его и переносим. */
:root {
  --hover-blue: #7388BA;
}