.bottom-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 258px;
    text-align: center;
    color: var(--text-white);
    background: url('../img/public/bottom-block__bg1.jpg') no-repeat top center;
}
@media (min-width: 1000px) {
    .bottom-block {
        background-image: url('../img/public/bottom-block__bg2.jpg');
    }
}

@media (min-width: 1920px) {
    .bottom-block {
        background-image: url('../img/public/bottom-block__bg3.jpg');
    }
}

.bottom-block__text {
    font-weight: 700;
    font-size: 28px;
    line-height: 138%;
}
.bottom-block__text a {
    color: #A7ABFF;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}



.footer {
    font-size: 13px;
    padding: 50px 0;
    color: var(--text-white);
    background: var(--text-black);
    margin-top: auto;
}
.footer__container {
    display: flex;
    justify-content: space-between;
}
.footer a {
    color: var(--text-white);
}
.footer {}

.footer-column {
    max-width: 230px;
}
.footer-column:not(:last-child) {
    margin-right: 30px;
}
.footer-column__header {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.footer-column__header--social {
    margin-top: 25px;
}
.footer-menu {}
.footer-menu li:not(:last-child) {
    margin-bottom: 10px;
}
.footer-menu-nowrap li a {
    white-space: nowrap;
    transition: .3s all;
}
.footer-menu li a:hover {
    text-decoration: underline;
}
.footer__copyrights {
    line-height: 200%;
}
.footer__copyrights a {
    white-space: nowrap;
}
.footer__logo {
    margin-bottom: 30px;
}

.social__item {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.social__item:not(:last-child) {
    margin-bottom: 10px;
}
.social__item span {
    transition: .3s background-color;
    background-color: var(--main-default);
    border-radius: 50%;
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.social__item:hover span {
    background-color: var(--main-hover);
}
.footer-column__link {
    margin-top: 25px;
    line-height: 130%;
    font-weight: 700;
}
.footer-column__link a {
    display: block;
    white-space: nowrap;
    color: var(--main-hover);
    font-weight: 400;
}

.swiper-pagination-bullet {
    background: var(--main-disabled);
    width: 20px;
    height: 20px;
    opacity: 1;
    margin: 0 8px !important;
}
.swiper-pagination-bullet-active {
    background: var(--second-default);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.input {
    background: #FFFFFF;
    border: 1px solid #CFD0E2;
    height: 42px;
    width: 100%;
    font-family: inherit;
    font-weight: 500;
    padding-left: 20px;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input[readonly]:not(.input-date) {
    background: #E3E0F3;
    color: var(--main-default);
}
.input.error {
    border-color: var(--second-default);
}
.input-date {
    background: #FFFFFF url("../img/icons/date-icon.svg") no-repeat right 14px center;
    /*max-width: 320px;*/
}
.input-error-text {
    display: none;
    color: var(--second-default);
    margin-top: 5px;
    font-weight: 500;
}
.input-error-text--main {
    margin-bottom: 10px;
}
.checkbox.error .input-error-text {
    display: block;
}
.form__group--company .input-error-text {
    text-align: center;
}
.form__group--flex {
    display: flex;
    align-items: center;
}
.form__group--flex  > *{
    margin-right: 20px;
}
.error + .input-error-text {
    display: block;
}
select.input {
    background: url("../img/icons/select-arrow-down2.svg") no-repeat center right 15px white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
}
textarea.input {
    height: 150px;
    resize: none;
}
.input-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 6px;
    display: flex;
}
.input-label .tooltip {
    margin-left: 7px;
}
.input-label .tooltip__text {
    font-weight: 500;
    width: 305px;
    color: #474B92;
    font-size: 14px;
    left: 0;
}
.form__label--text {
    font-size: 14px;
    margin-bottom: 10px;
}
.input-label__required {
    color: var(--second-default);
}
.checkbox {
    display: flex;
    cursor: pointer;
}
.checkbox input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none;*/
}
.checkbox__checkbox {
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    flex-shrink: 0;
    background-color: white;
    border: 1px solid var(--main-hover);
    border-radius: 3px;
    position: relative;
}
input[type=radio] + .checkbox__checkbox {
    border-radius: 50%;
}
input[type=radio] + .checkbox__checkbox:after {
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background: var(--main-default);
    opacity: 0;
}

.checkbox input:checked + .checkbox__checkbox {
    background: url('../img/icons/check-icon.svg');
    background-color: var(--main-default);
    background-repeat: no-repeat;
    background-position: center center;
    border-color: var(--main-default);
}
.checkbox input:checked:disabled + .checkbox__checkbox {
    background-color: var(--main-hover);
    border-color: var(--main-hover);
    cursor: default;
}
.checkbox input:disabled + .checkbox__checkbox {
    border-color: var(--main-hover);
    cursor: default;
}

.checkbox input[type=radio]:checked + .checkbox__checkbox {
    background: white;
}
.checkbox input[type=radio]:checked + .checkbox__checkbox:after {
    opacity: 1;
}


.checkbox__text {
    color: var(--text-black);
    margin-left: 8px;
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    /*white-space: nowrap;*/
}
.checkbox__text a {
    font-weight: 700;
    color: var(--main-default);
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.flex-wrapper {
    display: flex;
    align-items: center;
}
.flex-wrapper > *:not(:last-child) {
    margin-right: 25px;
}


.form__header {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}
.form__link {
    font-weight: 500;
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #787878;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.form__link--red {
    color: var(--second-default);
}
.form__btn-default {
    margin-top: 20px;
}

.docs-container {
    padding: 50px 65px;
    background: var(--main-default);
    color: var(--text-white);
    font-size: 14px;
    line-height: 150%;
    margin-top: 35px;
    margin-bottom: 40px;
    box-sizing: border-box;

}
.docs-container p:not(:last-child) {
    margin-bottom: 30px;
}
.docs-container a {
    color: var(--text-white);
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.docs-container__text {
    overflow-y: scroll;
    padding-right: 30px;
    max-height: 500px;
}
.docs-container__text ol {
    list-style: upper-roman;
    padding-left: 20px;
}
.docs-container__text ul {
    list-style: disc;
    padding-left: 20px;
}
.docs-container__text::-webkit-scrollbar {
    width: 5px;
}

.docs-container__text::-webkit-scrollbar-track {
    background: var(--main-hover);
    border-radius: 10px;
}

.docs-container__text::-webkit-scrollbar-thumb {
    background-color: var(--main-pressed);
    border-radius: 10px;
}

.price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 16px;
}
.price__old {
    font-size: 12px;
    text-decoration-line: line-through;
    color: var(--main-hover);
    margin-right: 3px;
}
.price__discount {
    background: var(--second-default);
    padding: 2px 8px;
    color: var(--text-white);
    font-size: 12px;
}
.price__base {
    font-size: 15px;
    /*line-height: 100%;*/
    width: 100%;
    margin-top: 3px;
    font-weight: 500;
}
.price__partner {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    margin-top: 7px;
    width: 100%;
    background: var(--main-hover);
    padding: 5px 10px;
    color: var(--text-white);
    display: flex;
    flex-direction: column;
}

@keyframes load {
    from {
        left: -150px;
    } to {
          left: 100%;
      }
}
.product-item__price {
    position: relative;
    overflow: hidden;

}
.product-item__price.product-item__price--preloading::before {
    background: var(--bg-light);
    content: '';
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    /*background: linear-gradient(to right, transparent 0%, var(--main-default) 50%, var(--bg-light) 100%);*/
    /*animation: load 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;*/
}
.product-item__price--preloading > * {
    opacity: 0;
}

.price__partner {}
.price__partner--header {
    display: flex;
    align-items: center;
}
.price__partner--value {
    display: none;
}
.price__partner--opened .price__partner--value {
    display: block;
}
.price__partner--opened svg {
    transform: rotate(180deg);
}

.price__partner svg {
    margin-left: 5px;
}

.available {
    display: flex;
    align-items: center;
}
.available__status {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-right: 10px;
}
.available__status--null {
    background-color: var(--second-default);
}
.available__status--other {
    background-color: #F8CB17;
}
.available__status--mnogo {
    background-color: #599D41;
}
.available__status--central {
    background-color: var(--main-default);
}

.available__status--other-one.available__status--central {
    border-color: var(--main-default);
}

.available__status--other-one,
.available__status--one {
    border: 1px solid #599D41;
    background-color: transparent;
    position: relative;
}
.available__status--other-one:after,
.available__status--one:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '1';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 10px;
    font-weight: 700;
}
.available__status--other-one {
    border-color: #F8CB17;
}

.available svg {}

.buttons {
    display: flex;
    align-items: center;
}
.buttons__cart {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-default);
    cursor: pointer;
}

.spinner {
    position: relative;
    height: 38px;
    border: 1px solid var(--main-hover);
    box-sizing: border-box;
    width: 65px;
}
.spinner__input {
    width: calc(100% - 20px);
    height: 100%;
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    padding-left: 14px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:textfield;
    background-color: white;
    transition: none;
}
.spinner__input:disabled {
    background-color: #e2e3e9;
    color: #a8a9ba;
}
.spinner__btn {
    position: absolute;
    right: 0;
    width: 20px;
    height: 50%;
    background: var(--main-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}
.spinner__btn--up {
    top: 0;
    transform: rotate(180deg);
}
.spinner__btn--down {
    top: 50%;
}
input[type="number"]::-webkit-inner-spin-button {
    display: none !important;
}


.dropdown {
    position: relative;
    font-size: 14px;
    color: #333;
}
.dropdown .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    /*top: 30px;*/
    left: 1px;
    transform-origin: 50% 0;
    transform: scale(1, 0);
    /*transition: transform 0.15s ease-in-out 0.15s;*/
    max-height: 300px;
    overflow-y: scroll;
    background: #E3E0F3;
    width: 100%;
}
.dropdown .dropdown-list .checkbox__text {
    white-space: normal;
}
.dropdown-list .checkbox:not(:last-child) {
    margin-bottom: 15px;
}
.dropdown .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    /*transition: opacity 0.15s ease-in-out;*/
}
.dropdown .dropdown-label {
    display: block;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 1;
    cursor: pointer;
}
.dropdown.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
    z-index: 10;
}
.dropdown.on .dropdown-list .dropdown-option {
    opacity: 1;
    /*transition-delay: 0.2s;*/
}
/*.dropdown.on .dropdown-label:before {*/
    /*content: '▲';*/
/*}*/
.dropdown [type="checkbox"] {
    position: relative;
    top: -1px;
    margin-right: 4px;
}




.default-details {}
.default-details {}
.default-details[open] summary svg{
    transform: rotate(180deg);
}
.default-details summary{
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    line-height: 138%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.default-details summary::marker{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.default-details summary svg{
    transition: .2s transform;
    margin-left: 20px;
}
.default-details summary::-webkit-details-marker {
    display:none;
}

.search-form {
    height: 46px;
    width: 100%;
    max-width: 640px;
    position: relative;
    display: flex;
    align-items: stretch;
}
.search-form svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
}
.search-form__input {
    height: 100%;

    width: 100%;
    padding-left: 46px;
    border: 1px solid var(--main-hover);
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-form__btn-default {
    height: 100%;
    text-transform: uppercase;
    padding: 0 25px;
}



.main-filter {
    background-color: var(--bg-light);
    padding: 25px 30px;
    margin-top: 25px;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}
.main-filter__block {
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.main-filter--access .main-filter__block--cars {
    grid-template-columns: repeat(4, 1fr);
}
.main-filter--access .main-filter__block--access-buttons {
    justify-content: flex-end;
}
.main-filter--access .main-filter__block--access-buttons .btn-default:not(:last-child){
    margin-right: 15px;
}
.main-filter__block--1 {
    margin-top: 25px;
    justify-content: flex-start;
}
.main-filter__block--1 .checkbox:not(:first-child) {
    margin-left: 32px;
}
.main-filter__block--cars {
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.main-filter__block--options {
    align-items: flex-end;
}
.main-filter__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 6px;
    display: block;
}
.cars-block__item {
    flex-grow: 1;
}
.cars-block__item:not(:last-child) {
    margin-right: 10px;
}

body .select2-container--default .select2-selection--single:not(.select2__codes--container),
.dropdown .dropdown-label,
.cars-block__select {
    background: white url("../img/icons/select-arrow.svg") no-repeat center right 15px;
    height: 48px;
    line-height: 46px;
    width: 100%;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--main-hover);
    border-radius: 0;
}

.select2-container--default .select2-selection--single.select2__codes--container {
    background: white url("../img/icons/select-arrow.svg") no-repeat center right 15px;
    border: none;
    width: 100px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
body .select2-container--default .select2-selection--single.select2__codes--container .select2-selection__rendered {

}
body .select2-container--default .select2-selection--single:not(.select2__codes--container) .select2-selection__rendered {
    color: var(--text-black);
    line-height: 48px;
    padding: 0;
    font-weight: 500;
}
body .select2-container--default .select2-results__option--selected {
    background-color: var(--bg-light);
}
body .select2-results__option {
    font-weight: 500;
}
body .select2-results__option strong {
    font-weight: 700;
}
body .select2-results__option:not(.select2-results__option--group):hover {
    background-color: var(--main-default) !important;
}
.cars-block__select--disabled {
    background-color: #E3E0F3;
}
select.cars-block__select:disabled + .select2-container--default .select2-selection--single:not(.select2__codes--container) {
    background-color: #E3E0F3;
}
.options-block__item {
    width: 100%;
}
.checkbox--disabled {
    opacity: .4;
    cursor: default;
    user-select: none;
    pointer-events: none
}
.checkbox--with-parent {
    margin-left: 25px;
    margin-top: 5px;
}
.main-filter__block--options .btn-default {
    height: 48px;
    flex-shrink: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.main-filter__block--options > *:not(:last-child) {
    margin-right: 10px;
}
.options-block__item > .checkbox {
    margin-bottom: 6px;
}

.options-block__item > .checkbox .checkbox__text {
    font-weight: 700;
}


.filter-buttons {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter-buttons__item {
    font-weight: 600;
    font-size: 15px;
    line-height: 130%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-default);
    transition: .3s all;
    padding: 12px 25px;
    border: 1px solid var(--main-hover);
    white-space: nowrap;
}
.filter-buttons__item svg {
    margin-right: 10px;
}
.filter-buttons__item:not(:last-child) {
    margin-right: 5px;
}
.filter-buttons__item:hover,
.filter-buttons__item--current {
    color: #fff;
    background-color: var(--main-default);
    border-color: var(--main-default);
}
.filter-buttons__item--order {
    color: white;
    margin-left: auto;
    background-color: var(--main-hover);
}


.cart-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}
.cart-top__link {
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: var(--main-default);
}
.cart-top__link svg {
    margin-right: 15px;
}
.steps {
    display: flex;
}
.steps__item {
    position: relative;
    text-align: center;
}
.steps__item:not(:last-child) {
    margin-right: 50px;
}
.steps__item:not(:last-child):after {
    height: 1px;
    width: 63px;
    border-bottom: 1px dashed #D5D5D5;
    content: '';
    position: absolute;
    top: 20px;
    left: calc(50% + 30px);
}
.steps__item--current {}
.steps__digit {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-light);
}
.steps__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin-top: 4px;
}

.steps__item--current .steps__digit {
    background: var(--main-default);
    color: var(--text-white);
}
.steps__item--current .steps__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: var(--main-default);
}


#search-container {
    display: none;
}

.before__main-filter {
    margin-top: 25px;
}
.before__main-filter #search-container,
.main-filter #search-container {
    display: block;
}
#search-container,
#search-container-replace {
    width: 100%;
    max-width: 640px;
}

.bottom-form {
    margin-top: 20px;
    margin-bottom: 60px;
}
.bottom-form__header {
    text-align: center;
    margin-bottom: 20px;
}
.bottom-form__header--header,
.bottom-form__header--text {
    font-size: 15px;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}
.bottom-form__form {
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.bottom-form__form--sended-text {
    display: none;
}
.bottom-form__form--sended .bottom-form__form--sended-text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 20px;
    color: var(--main-default);
    background: white;
    border: 1px solid var(--main-default);
}

.bottom-form__form .input {
    height: 50px;
}
.bottom-form__form .btn-default {
    height: 50px;
}
.bottom-form__comment {
    color: var(--main-default);
    margin: 20px 0;
}
.bottom-form__comment--header {
    font-weight: 700;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 20px;
}
.bottom-form__comment-text {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
}

.popup-window {
    width: 100%;
    max-width: 420px;
    padding: 65px 45px !important;
}

.popup-window-titlebar-text {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    color: #000000;
    display: block;
    padding: 0;
}
.popup-window-close-icon:after {
    width: 16px;
    height: 16px;
}
.popup-window-with-titlebar .popup-window-content {
    padding: 0;
}
.popup-window-with-titlebar .popup-window-content img {
    margin-bottom: 15px;
    max-width: 91px !important;
    height: auto;
}
.popup-window-with-titlebar .popup-window-content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
}

.input-file-csv {
    position: relative;
    display: inline-block;
}
.input-file-csv input[type=file]{
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.product-item__status {
    display: inline-flex;
    padding: 0px 5px;
    background: var(--main-default);
    color: var(--text-white);
    text-transform: uppercase;
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: 700;
}
.product-item__status sup {
    display: inline-flex;
    transform: translateY(5px);
}
.product-item__status--discounted {
    cursor: pointer;
}

.loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    /*margin:15px auto;*/
    position: absolute;
    color: var(--main-hover);
    box-sizing: border-box;
    animation: animloader 1.5s linear infinite;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    opacity: 1 !important;
}

.product-item__price:not(.product-item__price--preloading) .loader {
    display: none;
}

@keyframes animloader {
    0% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
    25% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;
    }
    50% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;
    }
    75% {
        box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
    100% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
    }
}

.modal-form {
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 580px;
    padding: 40px 40px 60px 40px;
    border: 1px solid var(--bg-light);
    display: none;
    background: white;
}
.modal-form__close {
    position: absolute;
    top: 35px;
    right: 35px;
    cursor: pointer;
}
.modal-form__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 25px;
    padding-top: 20px;
}
.modal-form__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: var(--main-default);
    margin-bottom: 30px;
}
.modal-form__text b {
    font-weight: 700;
}

.modal-form__terms {
    border: none;
    padding: 0;
    max-width: 1000px;
}
.agree-block {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 20px;
}

.modal-form__terms .checkbox {
    justify-content: center;
    margin-bottom: 20px;
}

.modal-form__terms .checkbox__text {
    color: white;
    font-weight: 400;
}

.modal-form__terms .checkbox input:checked + .checkbox__checkbox {
    border: 1px solid white;
}

.modal-form__terms .docs-container {
    margin: 0;
}
.modal-form__terms .docs-container__text {
    margin: 0;
    text-align: left;
    max-height: 400px;
    padding-bottom: 40px;
}
.modal-form__terms .modal-form__close {
    top: 20px;
    right: 20px;
}

.modal-form__terms .btn-default--disabled {
    opacity: .5;
    cursor: not-allowed;
}
.modal-form__terms .docs-container {
    padding: 20px 50px 40px 50px;
}

.modal-form__file-block {}

.input-file-csv {
    border: 1px solid var(--main-hover);
    display: flex;
    align-items: center;
}
.input-file-csv .btn-default {
    padding-left: 20px;
    padding-right: 20px;
}
.input-file-csv__file-name {
    padding-left: 22px;
    font-weight: 600;
    font-size: 14px;
    color: var(--main-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.input-file-csv__link {
    display: inline-flex;
    text-decoration: underline;
    margin-top: 12px;
    margin-bottom: 30px;
    color: var(--main-default);
    font-weight: 600;
}
.loader__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.75);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.file-load-form--loading .loader__wrapper {
    display: flex;
}

.tooltip__wrapper {
    display: flex;
    align-items: center;
}
.tooltip {
    cursor: pointer;
    display: inline-flex;
    position: relative;
    margin-left: 4px;
}
.tooltip__text {
    text-align: left;
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    background: white;
    padding: 15px;
    /*box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.4);*/
    box-shadow: 0px 0px 10px rgb(72 75 146 / 33%);
    width: 320px;
    font-size: 14px;
    z-index: 200;
    color: var(--text-black);
}
.tooltip--small .tooltip__text {
    width: auto;
    white-space: nowrap;
}
.tooltip:hover .tooltip__text {
    display: block;
}
.tooltip.compare-icon:not(.active):hover .tooltip__text {
    display: none;
}
.tooltip__text table {}
.tooltip__text table td{}
.tooltip__text table td:first-child{
    width: 40px;
}
.tooltip__text table td{
    padding: 3px 0;
}

.small-cart__container {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 100;
}

.small-cart__container {
    overflow-y: auto;
    max-height: 400px;
}
.small-cart__container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.small-cart__container::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

.small-cart__container::-webkit-scrollbar-track {
    background: var(--bg-light);
    height: 5px;
    border-radius: 10px;
}
.small-cart__container::-webkit-scrollbar-thumb {
    background-color: var(--main-default);
    height: 5px;
    border-radius: 10px;
}

.cart-block:hover .small-cart__container {
    display: block;
}
.small-cart {
    border: 1px solid var(--main-hover);
    width: 400px;
    padding: 5px;
    background: white;
    font-weight: 500;
    color: var(--main-default);
}
.small-cart__header {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 20px 15px 20px;
    color: var(--main-default);
}
.small-cart__items {
    margin-bottom: 5px;
}
.small-cart__item {
    font-weight: 500;
    display: grid;
    grid-template-columns: 40px 1fr 50px;
    align-items: center;
    padding: 12px 20px;
}
.small-cart__item:nth-child(2n + 1) {
    background: rgba(158, 162, 215, 0.5);
}
.small-cart__total {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px 12px 20px;
    background: var(--main-hover);
    color: var(--text-white);
}
.small-cart__count {}
.small-cart__price {}
.item__number {}
.item__eurocode {}
.item__amount {
    text-align: right;
}

.main-filter__close,
.main-filter__btn {
    display: none;
}

.access-form {
    border: 1px solid #cfcfdd;
    position: fixed;
    width: 100%;
    max-width: 420px;
    height: 510px;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
    background: #F6F5FA;
    padding-bottom: 20px;
}
.access-form__close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.access-form--active {
    display: block;
}
.access-form__top {
    font-weight: 700;
    font-size: 15px;
    line-height: 120%;
    padding: 9px 25px;
    background: var(--main-default);
    color: var(--text-white);
}
.access-form__inner {
    overflow-y: scroll;
    height: 100%;
    padding: 20px 25px;
}
.access-form__header {
    font-weight: 600;
    font-size: 13px;
    line-height: 130%;
    color: #A2A2A2;
}
.access-form .product-item {
    margin-bottom: 0;
    padding: 15px 0;
    background: none;
    column-gap: 25px;
    grid-template-columns: auto;
    grid-template-areas:
            "product-code product-code product-img"
            "product-name product-name product-name"
            "product-price product-available product-buttons";
}
.access-form .product-item:not(:last-child) {
    border-bottom: 1px solid #E3E0F3;
}
.access-form .product-item--header {
    display: none;
}
.access-form .product-item__img img {
    display: none;
}
.access-form .product-item__img {
    grid-area: product-img;
}
.access-form .product-item__code {
    grid-area: product-code;
}
.access-form .product-item__name-wrapper br {
    display: none;
}
.access-form .product-item__name-wrapper {
    grid-area: product-name;
    margin-bottom: 10px;
}
.access-form .product-item__brand {
    grid-area: product-brand;
    display: none;
}
.access-form .product-item__price {
    grid-area: product-price;
    width: 130px;
}
.access-form .product-item__available {
    grid-area: product-available;
}
.access-form .product-item__buttons {
    grid-area: product-buttons;
}
.access-form .product-item__buttons .buttons__favorites,
.access-form .product-item__buttons .buttons__compare {
    display: none;
}

.access-form .catalog-items .product-item__code--agc {
    display: block !important;
    margin-bottom: 10px;
}
.access-form .catalog-items .product-item__code--agc:before {
    content: 'AGC код';
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    margin-bottom: 5px;
}
.access-form .catalog-items .product-item__code--oes {
    display: none !important;
}
.access-form .tooltip__text {
    display: none !important;
}

.lk {
    position: relative;
    margin-bottom: 80px;
    display: grid;
    grid-template-columns: 250px 1fr;
    column-gap: 25px;
    margin-top: 30px;
}
.lk--wide {
    grid-template-columns: 1fr;
}
.lk-menu {
    display: flex;
    flex-direction: column;
}
.lk-menu__sub a{
   background-color: #5A5D9D;

}
.lk__search-panel {
    position: absolute;
    right: 0;
    top: -35px;
    transform: translateY(-100%);
}
.lk-menu__item {
    cursor: pointer;
    padding: 13px 25px;
    background: var(--main-default);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .3s all;
}
.lk-menu__item svg {
    transition: .3s transform;
}
.lk-menu li:not(:last-child) {
    border-bottom: 1px solid #6A6EA1;
}
.lk-menu__item:hover,
.lk-menu__item.lk-menu__item--active {
    background: var(--second-default);
}
.lk-menu__item--opened {}
.lk-menu__item--parent svg {
    transform: rotate(90deg);
}
.lk-menu__item--opened svg {
    transform: rotate(-90deg);
}
.lk-menu__sub {
    display: none;
}
.lk-menu__item--opened + .lk-menu__sub {
    display: block;
}
.lk-group {
    border: 1px solid #E3E0F3;
}
.lk-group__header {
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    border-bottom: 1px solid #E3E0F3;
    padding: 22px 25px;
    background: #F6F5FA;
}
.lk-group__header svg {
    transition: .3s transform;
    margin-left: 20px;
}
.lk-group__header.lk-group__header--closed {

}
.lk-group__header.lk-group__header--closed svg {
    transform: rotate(180deg);
}
.lk-group__header.lk-group__header--closed + .lk-group__content {
    display: none;
}
.lk-group__content {
    padding: 20px 25px;
}
.lk-group__content-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
}
.inbounds-search-form .form__group:not(:last-child),
.orders-search-form .form__group:not(:last-child){
    margin-bottom: 20px;
}
.inbounds-search-form__comment,
.orders-search-form__comment {
    margin: 28px 0;
}
.inbounds-search-form__comment > div {
    font-weight: 500;
}
.inbounds-search-form__comment > div:not(:last-child) {
    margin-bottom: 10px;
}
.inbounds-search-form__comment > div span {
    color: #DA0000;
}


.bills__list,
.orders__list {
    margin-bottom: 50px;
    font-weight: 500;
    position: relative;
}

.order-item {
    font-size: 14px;
}
.order-item__data {
    padding: 15px;
    display: grid;
    grid-template-columns: 110px 95px 110px 1fr 105px 90px 60px 100px;
    column-gap: 30px;
    align-items: center;
    border: 1px solid #E3E0F3;
}

.bills-item--download .btn-default,
.order-item--download .btn-default {
    font-size: 14px;
    padding: 8px 15px;
    white-space: nowrap;
}
.order-item--download .order-item__data {
    grid-template-columns: 110px 95px 110px 1fr 105px 90px 60px 100px 120px;
}


.order-item__data--inbound {
    grid-template-columns: 110px 1fr 1fr 1fr 1fr 60px;
}
.order-item--first .order-item__data--inbound.order-item__data > * {
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.order-item--first .order-item__data--inbound.order-item__data > * .tooltip {
    margin-left: 7px;
    font-weight: normal;
    white-space: normal;
}

.order-item--first .order-item__data--inbound.order-item__data > * .tooltip__text {
    font-weight: 500;
    width: 305px;
    color: #474B92;
    font-size: 14px;
    left: 0;
}

.order-item--first .order-item__data {
    border: none !important;
}
.order-item--first .order-item__data > * {
    font-weight: 700;
}
.order-item:not(:last-child):not(:first-child) {
    margin-bottom: 15px;
}
.order-item__toggler {
    cursor: pointer;
}
.order-item__toggler span {
    font-weight: 700;
    align-items: center;
}
.order-item__toggler span svg {
    margin-left: 15px;
}
.order-item__number {}
.order-item__bill {}
.order-item__date {}
.order-item__address {}
.order-item__channnel {}
.order-item__status {}
.order-item__amount {}
.order-item__price {}

.order-item__data:not(.order-item__data--expanded) .order-item__toggler span:first-child {
    display: none;
}
.order-item__data:not(.order-item__data--expanded) .order-item__toggler span:last-child {
    display: flex;
}
.order-item__data.order-item__data--expanded .order-item__toggler span:last-child {
    display: none;
}
.order-item__data.order-item__data--expanded .order-item__toggler span:first-child {
    display: flex;
}
.order-item__data.order-item__data--expanded + .order-item__products {
    display: block;
}
.order-item__products {
    display: none;
}
.order-item__product {
    display: grid;
    grid-template-columns: 160px 100px 1fr 70px 110px 55px 65px 100px;
    column-gap: 45px;
    padding: 20px 30px;
    align-items: center;
}
.order-item__product--inbound {
    grid-template-columns: 200px 120px 1fr 60px;
}
.order-product--first {
    font-weight: 700;
}
.order-item__product:not(:first-child) {
    background: #F6F5FA;
}
.order-item__product:not(:last-child):not(:first-child) {
    margin-bottom: 15px;
}
.order-product__img {
    display: flex;
    align-items: center;
}
.order-product__img img{
    margin-right: 10px;
}
.order-product__agc {}
.order-product__name {

}
a.order-product__name {
    color: var(--main-default);
}
.order-product__brand {}
.order-product__price {}
.order-product__amount {}
.order-product__status {}
.order-product__summary {}

.inbounds__buttons,
.bills__buttons,
.orders__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
#inbounds-list-result,
#orders-list-result {
    margin-top: 30px;
    position: relative;
}
.inbounds__list {
    margin-bottom: 50px;
}
.bills-item {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 70px;
    padding: 12px 0;
}
.bills-item--download {
    grid-template-columns: repeat(7, 1fr);
}
.bills-item--first {
    font-weight: 700;
}
.bills-item:not(:last-child) {
    border-bottom: 1px solid #E3E0F3;
}
.bills-item__status-icon {
    width: 16px;
    height: 16px;
    background: #D2002D;
    border-radius: 50%;
}
.bills-item__status-icon--payed {
    background: #599D41;
}

.bills__loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255, .7);
    z-index: 7;
}



.profile-form .form__group:not(:last-child) {
    margin-bottom: 24px;
}

.loyalty {}
.loyalty__block {
    font-weight: 500;
    background: #F6F5FA;
    padding: 20px 25px;
    margin-bottom: 20px;
    color: var(--main-default);
    font-size: 14px;
    line-height: 130%;
}
.loyalty__text {
}
.loyalty__count {
    font-weight: 700;
    font-size: 28px;
    line-height: 138%;
}
.loyalty__date {
    margin-top: 10px;
    color: var(--main-hover);
}
.loyalty__link {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--text-black);
}
.lk__success-message {
    color: var(--main-default);
    font-size: 14px;
    font-weight: 500;
    display: none;
    margin-top: 15px;
}
.sticky-block {
    position: sticky;
    bottom: 0;
    background-color: white;
    padding: 20px 0;
    margin: -20px 0;
    border-top: var(--bg-light) 1px solid;
}
.postgr-message {
    background: #F6F5FA;
    max-width: 278px;
    padding: 20px 30px;
}
.postgr-message__header {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
    font-weight: 700;
}
.postgr-message__item {
    color: var(--main-default);
}
.postgr-message__item:not(:last-child) {
    margin-bottom: 20px;
}
.postgr-message__label {
    font-size: 14px;
}
.postgr-message__value {
    margin-top: 4px;
    font-weight: 700;
    font-size: 18px;
}

.easepick-wrapper {
    z-index: 2 !important;
}

.accounts-form table {}
.accounts-form table tr {}
.accounts-form table tr:first-child td {
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    padding-bottom: 17px;
    vertical-align: middle;
}
.accounts-form table tr:first-child td:not(:last-child){
    padding-right: 10px;
}
.accounts-form table tr td:nth-child(1){
    width: 100px;
}
.accounts-form table tr td:nth-child(2){
    /*width: 180px;*/
    /*max-width: 180px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
.accounts-form table tr:not(:first-child) td {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    background: #F6F5FA;
    padding: 25px 0;
}
.accounts-form table tr:not(:first-child) td:first-child {
    padding-left: 15px;
}
.accounts__table-wrapper {
    max-width: calc(100vw - 30px);
    overflow-x: scroll;
    overflow-x: scroll;
}
.accounts__remove {
    display: flex;
    cursor: pointer;
    margin-right: 15px;
    transition: .3s opacity;
}
.accounts__remove:hover {
    opacity: .8;
}

.lk-content {
    min-width: 0;
}

.create-form {
    margin-top: 35px;
}
.create-form .form__group {
    margin-bottom: 25px;
}
.create-form__header {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
}
.create-form__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 24px;
}

.accounts-form .checkbox__checkbox {
    border-width: 2px;
    border-color: #474B92;
}

.lk__info {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}
.lk__info p {}
.lk__info h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.lk__info p:not(:last-child){
    margin-bottom: 20px;
}
.lk__info b {
    font-size: 700px;
}

.password-form {
    max-width: 560px;
}
.contacts-form .form__group:not(:last-child),
.password-form .form__group:not(:last-child) {
    margin-bottom: 28px;
}
.form__group--password-checker {
    position: relative;
}
.password-checker {
    display: none;
    width: 100%;
    max-width: 370px;
    padding: 25px 32px 25px 25px;
    background: #F6F5FA;
    border: 1px solid #E3E0F3;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: -22px;
    transform: translateX(100%);
}

.password-checker__triangle {
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid #E3E0F3;
    position: absolute;
    left: -13px;
    top: 32px;
}

.password-checker__triangle:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #F6F5FA;
    position: absolute;
    top: -12px;
    left: 1px;
}

.password-checker__header {
    color: var(--main-default);
    font-weight: 700;
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 10px;
}
.password-checker__indicator {
    background: #E3E0F3;
    height: 4px;
    width: 100%;
    position: relative;
}
.password-checker__indicator-value {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.password-checker__indicator-value--low {
    background: var(--second-default);
    width: 33%;
}
.password-checker__indicator-value--medium {
    background: #e8b800;
    width: 66%;
}
.password-checker__indicator-value--high {
    background: #04aa13;
    width: 100%;
}
.password-checker__note {
    font-size: 13px;
    line-height: 130%;
    margin-top: 15px;
}
.password-checker__note b {
    font-weight: 700;
}
.password-checker__note p:not(:last-child) {
    margin-bottom: 10px;
}

.order-form__header {
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
}
.order-form__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 24px;
}
.lk-contacts {
    display: grid;
    grid-template-columns: 1fr 370px;
    column-gap: 60px;
}
.lk-contacts__header {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 10px;
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #474B92;
    padding: 8px 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.cookies .btn-default {
    font-size: 13px;
    padding: 10px 25px;
}
.cookies__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    margin-right: 40px;
}
.cookies__text a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #fff;
    font-weight: 700;
}

.stock-item__cons {
    color: var(--main-default);
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 3px;
    font-weight: 600;
}


.add-to-cart-popup {
    width: 100%;
    max-width: 200px;
    bottom: 0;
    background: white;
    transform: translateY(calc(100% + 15px));
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    padding: 15px 20px 15px 20px;
    border: 1px solid var(--border-edit);
    border-radius: 8px;
    text-align: center;
    /*transition: .3s transform, .3s opacity;*/
    display: none;
}
.add-to-cart-popup.add-to-cart-popup--opened {
    display: block;
    z-index: 10;
}

.add-to-cart-popup:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: white;
    border: 1px solid var(--border-edit);
    border-bottom-width: 0;
    border-right-width: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: -7px;
    transform: rotate(45deg);
}
.add-to-cart-popup__text {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 8px;
}
.add-to-cart-popup .btn-default {
    padding: 12px 0;
    width: 100%;
    font-size: 13px;
    margin: 0 !important;
}


@media screen and (max-width: 1299px) {
    .filter-buttons__item {
        padding: 12px 20px;
    }

    .order-item__data {
        grid-template-columns: 110px 85px 110px 1fr 105px 90px 60px 100px;
        column-gap: 25px;
    }
    .order-item--download .order-item__data {
        grid-template-columns: 110px 85px 110px 1fr 105px 90px 60px 100px 120px;
    }
    .order-item__product {
        grid-template-columns: 150px 80px 1fr 70px 110px 55px 65px 100px;
        column-gap: 30px;
    }
    .order-item__data--inbound {
        grid-template-columns: 110px 1fr 1fr 1fr 1fr 60px;
    }
    .order-item__product--inbound {
        grid-template-columns: 200px 120px 1fr 60px;
    }

}

@media (max-width: 1024px) {
    .footer-column:not(:last-child) {
        margin-right: 25px;
    }
}
@media (max-width: 768px) {
    .filter-buttons {
        overflow-x: scroll;
        justify-content: flex-start;
    }
    .filter-buttons a {
        flex-shrink: 0;
        height: 40px;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .footer__container {
        flex-wrap: wrap;
    }

    .filter-buttons {
        overflow-x: auto;
    }
    .filter-buttons > a {
        flex-shrink: 0;
    }

}
@media (max-width: 768px) {

    .bottom-block {
        height: auto;
        padding: 50px 0;
        background-size: cover;
    }
    .bottom-block__text {
        font-size: 20px;
    }

    .footer__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px 20px;
    }
    .footer-column {
        max-width: none;
    }
    .footer-column:not(:last-child) {
        margin-right: 0;
    }
    .footer-column--copyrights {
        text-align: center;
        grid-column: 1 / 3;
        grid-row: 4;
    }
    .footer-column--about {
        grid-column: 1;
        grid-row:  2;
    }
    .footer-column--production {
        grid-column: 1;
        grid-row:  1;
    }
    .footer-column--benefits {
        grid-column: 2;
        grid-row:  1;
    }
    .footer-column--contacts {
        grid-column: 1 / 3;
    }
    .footer-column--social {
        grid-column: 2;
        grid-row:  2;
    }
    .footer__logo {
        margin-bottom: 15px;
        justify-content: center;
    }


    .main-filter {
        margin-left: -15px;
        width: calc(100% + 30px);
        padding: 25px 15px;
    }
/*    .main-filter {
        padding: 50px 20px 20px 20px;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        left: -100%;
        z-index: 100;
        margin: auto;
        overflow-y: scroll;
        transition: .3s left;
    }
    .main-filter--active {
        left: 0;
    }*/
    .main-filter__block {
        flex-direction: column;
    }
    .main-filter__block--1 {
        align-items: flex-start;
        margin-bottom: 15px;
    }
    .main-filter__block--1 .checkbox {
        margin-left: 0 !important;
        margin-top: 10px;
    }
    .main-filter__block--cars {
        grid-template-columns: repeat(1, 1fr);
    }
    .cars-block__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .main-filter__block--options > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .catalog-items {
        /*overflow-x: scroll;*/
    }
    .product-item.product-item--header {
        display: none;
    }

    .filter-buttons {
        overflow-x: scroll;
        justify-content: flex-start;
    }
    .filter-buttons a {
        flex-shrink: 0;
        height: 40px;
    }
    .filter-buttons__item {
        padding: 10px 20px;
        font-size: 14px;
        white-space: nowrap;
    }
    .main-filter__block--options .btn-default {
        width: 100%;
    }
    .bottom-form__header--header {

    }
    .bottom-form__header--header {
        font-size: 16px;
    }
    .bottom-form__header--header br {
        display: none;
    }

    .bottom-form {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .bottom-form__comment {
        /*margin-top: 40px;*/
    }
    .bottom-form__form {
        flex-direction: column;
    }
    .bottom-form__form .btn-default {
        height: 50px;
        width: 100%;
        margin-top: 15px;
    }
    .small-cart__container {
        display: none !important;
    }
    .cart-top {
        flex-direction: column;
    }
    .steps {
        margin: 20px 0;
    }
    .modal-form {
        padding: 30px 25px 40px 25px;
    }
    .modal-form__header {
        font-size: 20px;
        margin-bottom: 15px;
        padding-top: 0;
    }
    .modal-form__text {
        margin-bottom: 15px;
    }
    .modal-form__terms {
        padding: 0;
    }
    .modal-form__terms .docs-container {
        padding: 20px 20px 40px 20px;
    }
    .modal-form__terms .modal-form__header {
        font-size: 16px;
    }
    .modal-form__terms .modal-form__close {
        top: 10px;
        right: 10px;
    }
    .modal-form__terms .docs-container p:not(:last-child) {
        margin-bottom: 15px;
    }






    .input-file-csv__link {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .search-form__input {
        font-size: 13px;
    }
    .product-item__status {
        margin: 8px 0;
    }
    .main-filter--access .main-filter__block--cars {
        display: block;
    }
    .main-filter--access .main-filter__block--access-buttons .btn-default {
        width: 100%;
    }
    .main-filter--access .main-filter__block--access-buttons .btn-default:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .main-filter__block--cars {
        margin-bottom: 20px;
    }
    .main-filter__close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        display: none;
    }
    .main-filter__btn {
        display: flex;
        width: 100%;
        margin: 20px 0;
        cursor: pointer;
    }
    .main-filter__btn svg {
        max-width: 20px;
    }
    .main-filter__btn path {
        fill: var(--text-white)
    }
    .modal-form__close {
        top: 15px;
        right: 15px;
    }


    .lk {
        grid-template-columns: 1fr;
    }
    .inbounds__list, .bills__list, .orders__list {
        overflow-x: scroll;
    }
    .order-item {
        width: fit-content;
    }
    .order-item__product {
        column-gap: 30px;
    }
    .inbounds__buttons .btn-default,
    .bills__buttons .btn-default,
    .orders__buttons .btn-default {
        padding: 12px 20px;
    }
    .bills__buttons .btn-default span,
    .orders__buttons .btn-default span,
    .inbounds__buttons .btn-default span {
        display: none;
    }
    .lk-menu {
        margin-bottom: 25px;
    }
    .lk-group__header {
        font-size: 16px;
        padding: 12px 20px;
    }
    .lk-group__content {
        padding: 15px 20px;
    }
    .bills-item {
        width: fit-content;
        grid-template-columns: repeat(6, 120px);
    }
    .bills-item--download {
        width: fit-content;
        grid-template-columns: repeat(7, 120px);
    }
    .lk__search-panel {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(-15px);
    }
    .password-checker {
        position: relative;
        right: auto;
        transform: none;
        margin-top: 10px;
        padding: 20px;
    }
    .contacts-form .form__group:not(:last-child),
    .password-form .form__group:not(:last-child) {
        margin-bottom: 15px;
    }
    .password-checker__triangle {
        display: none;
    }
    .lk-contacts {
        grid-template-columns: 1fr;
    }
    .lk-contacts__header {
        font-size: 20px;
    }

    .cars-block__select,
    .cars-block__select optgroup,
    .cars-block__select option {
        /*font-size: 12px;*/
    }

    .cookies {
        flex-direction: column;
        padding: 10px 0 18px 0;
    }
    .cookies__text {
        margin-right: 0;
        text-align: center;
        padding: 0 30px;
        margin-bottom: 10px;
    }

    .input-label {
        position: relative;
    }
    .input-label .tooltip {
        position: static;
    }
    .input-label .tooltip__text {
        width: 100%;
        left: 0;
    }

    .lk-group__content-inner {
        grid-template-columns: 1fr;
    }

    #inbounds-list-result, #orders-list-result {
        max-width: calc(100vw - 30px);
    }

}

.product-not-in-cart-form__checkbox {
    display: inline-flex;
    margin-top: 20px;
}














