:root {
    --gradient: linear-gradient(90deg, #fff2f2 0%, #fff1f1 23.42%, #ff9c95 62.47%, #DA291C 99.95%);
    --gradient-modal: linear-gradient(90deg, #FFF2F2 -45.63%, #ffebeb -11.62%, #ff7066 45.05%, #DA291C 99.46%);
    --gradient-header: linear-gradient(-90deg, #FFF2F2 -45.63%, #ffebeb -11.62%, #ff7066 45.05%, #DA291C 99.46%);
    --secondary: #fff9f9;

    --primary: #DA291C;
    --primary-active: #fd3122;
    --primary-hover: #e37a75;
    --primary-rgb: 60, 66, 78;

    --body-font-size: 0.9rem;
    --body-font-size-sm: 0.7875rem;
    --body-font-size-xs: 0.675rem;

}


.dropdown-menu {
    overflow: hidden;
}

.swal2-container.swal2-center>.swal2-popup {
    display: grid!important;
}

.swal2-title {
    margin-top: 20px;
    font-size: 1.25rem;
}

.swal2-icon.swal2-success {
    background: var(--success);
    border-color: var(--success);
}

.custom-scrollbars ::-webkit-scrollbar-track {
    border-radius: .5rem;
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

/* popup bitrix */
.popup-window {
    border-radius: var(--border-radius-lg);
    font: 1rem var(--body-font-family);
}

.popup-window-close-icon {
    width: 3rem;
    height: 3rem;
}

.popup-window-close-icon:after {
    width: 1.375rem;
    height: 1.375rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 20 20' fill='%23202122'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.popup-window-button {
    --popup-window-button-border-radius: var(--border-radius-sm);
    height: 3.25rem;
    line-height: 3.25rem;
    margin-right: 1.5rem;
    background: var(--primary);
    color: var(--white-100);
    font-size: 1rem;
    padding-inline: calc(2rem - 2px);
    font-family: var(--body-font-family);
    font-weight: 400;
    text-transform: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid var(--primary);
}

.popup-window-button:hover {
    background: var(--primary-hover);
    color: var(--white-100);
}

.popup-window-button-link {
    height: 3.25rem;
    padding-inline: calc(2rem - 2px);
    line-height: 3.25rem;
    border-bottom-color: var(--primary);
    border-radius: var(--border-radius-sm);
    color: var(--primary);
    background: var(--white-100);
}

.popup-window-button-link:hover,
.popup-window-button-link:active {
    height: 3.25rem;
    line-height: 3.25rem;
    color: var(--primary-hover);
    background: var(--whit-100);
    border-color: var(--primary-hover);
}
/* /popup bitrix */

.border-primary{
    border-color: var(--primary) !important;
}

.catalog-import__title i, .main-ui-filter-field-add-item {
    color: var(--primary);
}

.blank-zakaza__header .blank-zakaza__header-property--name {
    width: 30rem;
}

h6, .main-grid .main-grid-row td:first-child .main-grid-cell-content,
.auth-company-change__name {
    font-size: .9rem !important;
}

h5 {
    font-size: 1.125rem !important;
}

h4 {
    font-size: 1.35rem !important;
}

.product .product__property--name{
    width: 100%;
}

.product .product__property--name a {
    color: var(--primary-rgb);
}

.product .product__property--name a:hover {
    color: var(--link-color);
}

.text-align-center {
    text-align: center;
}

#bx-soa-paysystem, #bx-soa-delivery {
    display: none;
}

/*TODO task #69001  start */

.link-catalog-h a {
    --btn-padding-y: .442rem;
    --btn-padding-x: .75rem;
}

.wrap-header-b2b .catalog-header-wrap {
    width: 60%;
    justify-content: space-between;
    gap: 20px;
}

.catalog-header-wrap .catalog-header-search {
    flex-basis: 100%;
}

@media (max-width: 768px) {
    .wrap-header-b2b .catalog-header-wrap {
        order: 2;
        width: 100%;
        padding-top: 20px;
    }

    .catalog-header-wrap .catalog-header-search {
        order: -1;
    }
}

/* TODO task #69001  end */

body {
    zoom: 90%;
}

.bx-soa-item-block-img {
    display: none;
}

.tooltip {
    position: absolute;
    transform: translate(-1000px, -1000px);
}

.tooltip .tooltip-inner {
    max-height: 50vh;
    overflow-y: auto;
}