:root {
	--tretiary: #B2B5B8;
}
html {
	font-size:  15px;
}
body {
	background: #F4F5F9;
}
a:hover {
	text-decoration: underline;
}
.form-control {
    border-radius: 0.5rem;
    border-width: 1px;
}
.text-limit {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p-16 {padding: 16px;}
.p-32 {padding: 32px;}
.p-26 {padding: 26px;}
.mt-32 {margin-top: 32px;}
.mt-110 {margin-top: 110px;}
.mb-8 {margin-bottom: 8px;}
.br-8 {border-radius: 8px;}
.br-16 {border-radius: 16px;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-16 {font-size: 16px;}
.fs-20 {font-size: 20px;}
.fs-32 {font-size: 32px;}
.fs-36 {font-size: 36px;}
.mt-100 {margin-top: 100px;}
.nowrap {text-wrap:nowrap;}
.va-middle {vertical-align: middle!important;}
.decoration-underline {text-decoration: underline;}
.border-tretiary {border-color: #E3E5EC;}
a.text-tretiary {color:var(--tretiary)}
.bg-darkviolet {background: url('/local/templates/main/images/darkviolet.png') no-repeat; background-size: cover;}
.bg-blueviolet {background: url('/local/templates/main/images/blueviolet.png') no-repeat; background-size: cover;}
.bg-yellow {background: url('/local/templates/main/images/yellow.png') no-repeat; background-size: cover;}
.bg-lightblue {background: url('/local/templates/main/images/lightblue.png') no-repeat; background-size: cover;}
.hover-underline:hover {text-decoration: underline;}
.hidden {display: none;}
.text-uppercase {text-transform: uppercase;}


.badge {
    border-radius: 24px;
    padding: 0.5em;
}
.badge-active {
    color: #fff;
    background-color: #412b9c;
}
.page {
	min-height: 100vh;
}
header {
    z-index: 12;
}
.dark {
	color: #353241;
}
.dark-bg {
	background-color: #353241;
}
.text-tretiary {
	color: #B2B5B8
}
.cursor-pointer {
	cursor: pointer;
}
.custom-control.custom-switch.colored-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.9375rem);
}
.custom-control.custom-switch.colored-switch .custom-control-label::after {
    top: calc(0.125rem + 2px);
    left: calc(-2.6875rem + 2px);
    width: calc(1.25rem - 4px);
    height: calc(1.25rem - 4px);
    background-color: #fff;
}
.custom-control.custom-switch.colored-switch .custom-control-label::before {
    background-color:#9790B5
}
.custom-control.custom-switch.colored-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color:var(--primary)
}
.topline {
	font-size: 13px;
}
.verticalDelimiter {
	background: #7B8083;
	width: 1px;
}
.contentUpper {
	margin-top:  -56px;
}
.btn-fat {
	border-width: 2px;
	border-radius: 8px;
}
.btn-outline-primary:hover svg path{
    fill: #fff;
}
.btn-slider {
    background: #fff;
    border: none;
    color: var(--primary);
    font-weight: 500;
    cursor: pointer;
}
.form-control-primary {
	border-color: var(--primary);
	border-width: 2px;
	border-radius: 8px;
}
.form-err {
    color: var(--red);
    font-size: 13px;
}
.input-group-text-primary {
	background: var(--primary);
	border-color: var(--primary);
	border-width: 2px;
}
.form-control-code {
	font-size: 20px;
	font-weight: 500;
}
.btn-dominate2 {
	background-color: #F4F5F9;
	font-weight: 500;
	border-radius: 12px;
}
.font-weight-600 {
	font-weight: 600!important;
}
.cart--amount,
.filter--amount {
    background: #F5B301;
    color: #1C2C3A;
    border-radius: 10px;
    padding: 3px 5px;
    font-size: 9px;
    position: absolute;
    top: -4px;
    right: -4px;
    /* border: 2px solid #fff; */
    line-height: 1;
}
.filter--amount {
    right: -8px;
}
.cart--description {
    margin-left: 15px;
}
.cart--title {
	color: #7B8083;
    font-size: 12px;
    line-height: 15px;
}
.cart--price {
	font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

footer.footer {
	padding: 100px 0;
}
.footerMenu--link {
	font-weight: 600;
}
footer.footer--mobile {
	background: #fff;
	padding: 10px 0;
	box-shadow: 0px 4px 8px 0px #5B616438;
}
.mobilemenu--item {
	text-align: center;
}
.mobilemenu--item a {
	color: #B2B5B8;
}

.form {
	border-radius: 16px;
}
.form-title {
	font-size: 20px;
	font-weight: 600;
}
.codeInputsField_error {
    color: red;
}
.codeInputsField_error input {
    border-color: var(--red)
}
.codeInputsError {
	font-size: 10px;
}
.menu-hasDrop {
	position: relative;
}

.menu-hasDrop:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.46756 0.266515L4.99553 3.80182L1.52349 0.266515C1.1745 -0.0888382 0.610738 -0.0888382 0.261745 0.266515C-0.0872483 0.621868 -0.0872483 1.1959 0.261745 1.55125L4.36913 5.73349C4.71812 6.08884 5.28188 6.08884 5.63087 5.73349L9.73825 1.55125C10.0872 1.1959 10.0872 0.621868 9.73825 0.266515C9.38926 -0.0797266 8.81656 -0.0888382 8.46756 0.266515Z' fill='white'/%3E%3C/svg%3E");
    width: 10px;
    height: 6px;
    margin-left: 6px;
}
.menu-drop {
	position: absolute;
	z-index: 14;
	margin-left: -15px;
	border-radius: 8px;
	box-shadow: 0px 4px 8px 0px #5B616438;
	padding: 20px;
    top: 100%;

}
.menu-drop a {
    display: block;
    color: #fff;
    white-space: nowrap;
    font-size: 13px;
    margin-bottom: 16px;
}

.menu-drop a:last-child {
    margin-bottom: 0;
}
.slider-text {
    position: absolute;
    width: 100%;
}
.slider-title {
	margin-bottom: 48px;
}
.home-slider {
    display: flex;
    align-items: center;
    height: 563px;
}

.form-control-noborder {
	border-top: none;
	border-bottom: none;
}
.sales-slider {
    background: #F4F5F9;
    padding-top: 16px;
    padding-bottom: 5px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
}

.sales-slider:before {
    content: '';
    position: absolute;
    left: -29px;
    bottom: 0px;
    width: 29px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 0C29 16.0166 16.0164 29 0 29H29V0Z' fill='%23F4F5F9'/%3E%3C/svg%3E%0A");
}

.sales-slider:after {
    content: '';
    position: absolute;
    right: -29px;
    bottom: 0;
    width: 29px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 16.0166 12.9836 29 29 29H0V0Z' fill='%23F4F5F9'/%3E%3C/svg%3E%0A");
}
.colorTitle {
	padding-bottom: 90px;
	background-image: url("data:image/svg+xml,%3Csvg width='1343' height='190' viewBox='0 0 1343 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M932.556 15.5324C1043.88 -70.2935 1203.6 -49.5006 1289.31 61.9745C1375.01 173.45 1354.25 333.394 1242.93 419.22C1131.61 505.046 971.885 484.253 886.179 372.778C800.472 261.302 821.236 101.358 932.556 15.5324ZM1147.48 295.074C1190.33 262.036 1198.32 200.467 1165.33 157.556C1132.34 114.644 1070.86 106.64 1028 139.678C985.153 172.716 977.16 234.285 1010.15 277.197C1043.14 320.108 1104.63 328.112 1147.48 295.074Z' fill='url(%23paint0_linear_553_11036)'/%3E%3Cpath d='M57.8855 96.0147C-25.6446 0.760605 -16.2477 -144.267 78.8741 -227.913C173.996 -311.559 318.822 -302.149 402.352 -206.895C485.882 -111.641 476.485 33.3862 381.363 117.032C286.242 200.679 141.416 191.269 57.8855 96.0147ZM296.418 -113.742C264.264 -150.409 208.515 -154.031 171.898 -121.832C135.282 -89.6333 131.665 -33.8063 163.819 2.86093C195.973 39.5282 251.723 43.1504 288.339 10.9515C324.955 -21.2474 328.573 -77.0744 296.418 -113.742Z' fill='url(%23paint1_linear_553_11036)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_553_11036' x1='551.919' y1='-58.3284' x2='590.446' y2='477.949' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BE8BFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23BE8BFF' stop-opacity='0.35'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_553_11036' x1='321.526' y1='-13.2429' x2='78.5784' y2='-227.578' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.41'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"), linear-gradient(90deg, #412B9C 0%, #170F36 100%);
	background-position: center center;
	background-repeat: no-repeat;
}
.custom-progress {
    font-size: 13px;
    padding: 5px 5px 3px 13px;
    color: var(--primary);
    background: #DCD4FD;
    border-radius: 5px;
}
.advantages-title {
    color: var(--primary);
    font-size: 64px;
    font-weight: 700;
    line-height: 80px;
}
.successMessage {
    font-size: 26px;
}
.tabs {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    overflow-x: auto;
}

.tab {
    padding: 14px 54px;
    color: var(--secondary);
    cursor: pointer;
    transition: 250ms;
    border-radius: 6px;
    text-align: center;
    white-space: nowrap;
}
.tab:hover {
    background: #EBECF4;
    color: var(--body);
    transition: 250ms;
}
.tab.tab-sm {
	padding: 6px 0px;
}
.tab.active {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.tab.active:hover {
	background-color: var(--bs-primary);
}
.massSearch-drop .tab,
.massSearch-drop .tab.active {
    border: 1px solid;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.massSearch-drop .tab {
    border-color: #EBECF4;
}
.massSearch-drop .tab.active {
    border-color: #412b9c;
}


.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
.tab.tab-inline {
    background: none;
    border-bottom: 2px solid;
    border-radius: 0;
    padding: 14px 8px;
}

.tab.tab-inline.active {
    border-color: var(--primary);
    color: var(--body);
}
.tab.active .badge {
    background: var(--primary);
    color: var(--white);
}
button[data-fancybox]:not(.btn),
button[data-fancybox]:active:not(.btn),
button[data-fancybox]:focus:not(.btn) {
    background: none;
    border: none;
    outline: none;
}
.fancybox__content {
    border-radius: 16px!important;
    padding-top: 3rem!important;
}

.fancybox__content>.f-button.is-close-btn {
    top: 10px!important;
    right: 10px!important;
}

.f-button svg {
    fill: #B2B5B8!important;
    stroke: #B2B5B8!important;
}
.cardTitle {
	font-size: 20px;
	font-weight: 600;
}
.badger {
    background: #DCD4FD;
    display: flex;
    align-items: center;
    width: fit-content;
    height: fit-content;
    padding: 2px 12px;
    font-size: 12px;
    border-radius: 12px;
    color: #5F41D9;
    font-weight: 500;
}

.badger span {
    font-weight: 500;
}
.badger.badger-danger {
    background: #FFBDC3;
    color: #630A12;
}

.badger.badger-warning {
    background: #ffeab5;
    color: #af7e00;
}

.badger.badger-success {
    background: #d0ffba;
    color: #256905;
}
.dropzone {
    border: 1px solid #E3E5EC!important;
    border-radius: 8px;
    padding: 13px!important;
}
form#dropzone-personal {
    min-height: 130px;
}
#dropzone.dz-started .dz-message,
#dropzone-personal.dz-started .dz-message {
    display: none;
}
.dz-image {
    display: none;
    /*width: 50%;
    height: 50%;
    background: #e3dff3;
    border-radius: 10px;*/
}

.dz-details {
    /* position: absolute; */
    text-align: center;
    margin: 1.5rem;
    padding: 2rem;
    background: #e3dff3;
    border-radius: 16px;
}

.dz-error-message {
    text-align: center;
    /*display: none;*/
}

.dz-success-mark {
    display: none;
}
.dz-success .dz-success-mark {
    display: block;
    position: absolute;
    opacity: 0.5;
}

.dz-error-mark {
    display: none;
}
.dz-message {
    color: var(--tretiary);
    border: 1px dashed #E3E5EC!important;
    flex-grow: 1;
    margin: unset!important;
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
.dz-preview.dz-file-preview {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.loader {position: relative;transition: 250ms;}

.loader:before {content: '';position: absolute;width: 100%;height: 100%;background: #ffffff9e;z-index: 10;backdrop-filter: blur(1px);transition: 250ms;}

.catalogSectionList-description {
    max-width:75%;
    z-index: 1;
}
.catalogSectionList-image.catalogSection_img {
    right: 25px;
    z-index: 0;
}
.passwordShow_btn {
    position: absolute;
    right: 7px;
    cursor: pointer;
}
.passwordShow_btn .inactive,
.passwordShow_btn.passwordShow_active .active {
    display: block;
}
.passwordShow_btn .active,
.passwordShow_btn.passwordShow_active .inactive {
    display: none;
}

.password_input {
    display: flex;
    align-items: center;
    justify-content: end;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    
    color: #282c2f;
    background-color: unset;
}
.bx-filter .dropdown-menu {
    border-color: #E3E5EC;
    box-shadow: 0px 4px 8px rgba(91, 97, 100, 0.22);
}
.alternativesBtn svg {
    transform: rotate(-90deg);
}
.alternativesBtn.open svg {
    transform: rotate(0);
}
.catalog-table_alternativesRow {
    display: none;
    background: #F4F5F9;
}
.catalog-table_alternativesRow td:first-child {
    background: #fff;
}
.catalog-table_separator {
    border-left: 3px solid #DCD4FD!important;
}
.topline--cart.skeleton {
    filter: contrast(0);
    transition: 250ms;
}

.topline--cart {
    transition: 250ms;
}
.custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {
    color: #B2B5B8
}
.catalog-drop {
    top: 100%;
    z-index: 13;
    left: 0;
    width: 500px;
}
.catalog-side {
    height: 400px;
    overflow: auto;
    scrollbar-color: #E3E5EC #fff;
  scrollbar-width: thin;
}
.catalog-side::-webkit-scrollbar {
    width: 5px;
}
.catalog-side::-webkit-scrollbar-track {
    background-color: #fff;
}
.catalog-side::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.catalog-drop-link {
    transition: 250ms;
}
.catalog-drop-link:hover {
    background-color: #F4F5F9;
    transition: 250ms;
}
.catalog-drop-link_hover {
    background-color: #F4F5F9;
    transition: 250ms;
}
.presearch-results {
    z-index: 10;
    background: #ffffff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    top: 100%;
}
.presearch-row:hover {
    background-color: #F4F5F9;
}
.heightLimiter {max-height: 300px;overflow: auto;}
.presearch-item {
    cursor: pointer;
}
.presearch-item:hover {
    background-color: #F4F5F9;
}
.massSearch-drop {
    z-index: 12
}
/*.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004f;
    z-index: 4;
}*/
.massSearch-drop {
    display:none
}
.massSearch-drop_active {
    display: block;
}
.cartRemoveButton {
    aspect-ratio: 1;
}
.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
    content: ''!important;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1852 10.5176C12.8989 10.804 12.4345 10.804 12.1481 10.5176L8.00002 6.36951L3.8519 10.5176C3.56552 10.804 3.1012 10.804 2.81481 10.5176C2.52843 10.2312 2.52843 9.76693 2.81481 9.48054L7.48148 4.81388C7.76786 4.52749 8.23218 4.52749 8.51857 4.81388L13.1852 9.48054C13.4716 9.76693 13.4716 10.2312 13.1852 10.5176Z' fill='%237B8083'/%3E%3C/svg%3E%0A");
}
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    content: ''!important;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.81476 5.48237C3.10115 5.19598 3.56547 5.19598 3.85185 5.48237L7.99998 9.63049L12.1481 5.48237C12.4345 5.19598 12.8988 5.19598 13.1852 5.48237C13.4716 5.76875 13.4716 6.23307 13.1852 6.51946L8.51852 11.1861C8.23214 11.4725 7.76782 11.4725 7.48143 11.1861L2.81476 6.51946C2.52838 6.23307 2.52838 5.76875 2.81476 5.48237Z' fill='%237B8083'/%3E%3C/svg%3E%0A");
}
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    opacity: 1;
    display: block;
}
.dt-column-title {
    color: var(--secondary)
}
button.dt-paging-button {
    border: 1px solid #e3e5ec !important;
    margin-left: 0!important;
    color: #7B8083!important;
    background: #fff!important;
}
button.dt-paging-button.current {
    background: #F4F5F9!important;
}
button.dt-paging-button:first-child {
    margin-right: -1px;
}
button.dt-paging-button.disabled{
    border-color: #F1F2F7!important;
}
button.dt-paging-button.disabled:last-child {
    margin-left: -1px!important;
}
select[name="orderList_length"] {
    margin-left: 10px;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 0px!important;
}
div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: 0!important;
}
.dt-layout-row {
    margin-top: 20px!important;
}
.skladDeliveryType:hover {
    cursor: pointer;
    border: 1px solid #412b9c;
}

.skladDeliveryType {
    border: 1px solid transparent;
}
.bullBg:after {
    content:'';
    background:url('/upload/medialibrary/2a9/haz3ujkn23ntktkp5zwwf2b2rf4qsy5j.png') no-repeat;
    position: absolute;
    right: 10px;
    width: 410px;
    height: 270px;
    top: 60px;
    display: none;
}
.formBg {
    overflow: hidden;
}
.formBg:after {
    content: '';
    background: url(/local/templates/main/images/formBg.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 749px;
    height: 415px;
}
.bg-colored {transition: 250ms;}
.bg-colored:hover {transform: scale(1.025);}
.colorsForm {
    position: relative;
    overflow: hidden;
}

.colorsForm:before {
    content: '';
    background: url('/local/templates/main/images/left_call.png');
    position: absolute;
    width: 158px;
    height: 261px;
    left: 0;
}
.colorsForm:after {
    content: '';
    background: url('/local/templates/main/images/right_call.png');
    position: absolute;
    width: 388px;
    height: 490px;
    right: 0;
    bottom: 0px;
}
.cookie-block {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    max-width: 100%;
    width: 425px;
    background: #ffff;
    border: 1px solid #eee;
    font-size: 14px;
    padding: 24px;
}
.cookie-block a, .cookie-block a:hover {
    color: #000;
    text-decoration: none;
}
button.h2 {
    font-size: 1.5rem!important;
}
.card-block ul li{
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	color: #252629;
}
.card-block ul{
    margin-bottom: 26px;
}

.err-report {
    transform-origin: 30% 100%;
    left: 0;
    top: 50%;
    transform: rotate(-90deg);
    background: #ffffff;
    border: 1px solid var(--primary);
    cursor: pointer;
}
.dropdown-toggle.dropdown-simple::after {
    content: unset
}
.sideMenu {
    background: #0000009e;
    z-index: 1100;
    top: 0;
}

.sideMenu .menu-items {
    /*background: var(--primary);*/
    background: #F4F5F9;
}

.storesList {
    display: grid;
    grid-template-columns: 1fr auto max-content min-content;
    grid-template-rows: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 0px;
    @media (width < 1200px) {
        grid-template-columns: 1fr auto max-content;
        grid-template-rows: 1fr 1fr;
    }
    @media (width < 968px) {
        row-gap: 5px;
        grid-template-columns: 1fr auto;
        grid-template-rows: max-content 1fr 1fr;
    }
}
.mobside {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    transition: 250ms;
}

.mobside.show {
    visibility: visible;
    opacity: 1;
}

.mobside__inner {
    width: 65%;
    height: 100%;
    max-width: 320px;
    background: #fff;
    border-right: 1px solid #BFBFBF;
    transform: translateX(-100%);
    overflow-x: hidden;
    transition: 250ms;
}

.mobside__scroll {
    overflow: hidden;
}

.mobside.show .mobside__inner {
    transform: translateX(0);
}

.mobsidemenu {
    transition: 250ms;
}

.mobsidemenu__list {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: none;
}

.mobsidemenu__list.show {
    display: block;
}

.mobsidemenu__link {
    position: relative;
    display: block;
    padding: 1rem;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #eeeaff;
    text-transform: uppercase;
}

.mobsidemenu__link.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #424781;
}

.mobsidemenu__link.cur {
    font-weight: 700;
    /*background: #fbfbfb;*/
    color: var(--primary);
}

.mobsidemenu__link.next {
    padding-right: 32px;
}

.mobsidemenu__link.back {
    padding-left: 38px;
    font-size: 12px;
    font-weight: 400;
}

.mobsidemenu__link.back:after,
.mobsidemenu__link.next:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 100%;
    background: url('/local/templates/main/images/drop_arrow.svg') center center no-repeat;
    transform: rotate(-90deg);
}

.mobsidemenu__link.back:after {
    left: 0;
    transform: rotate(90deg);
}


/*.section-parent {
    display: grid;
    grid-template-columns: 64px repeat(2, 1fr) 2fr 70px 100px minmax(70px,110px) 85px;
    gap: 12px 16px;
}
*/    
.colspan-2 {
    grid-column: span 2 / span 2;
    display: flex;
    align-items: center;
}
.grid-header {
    display: grid;
    grid-template-columns: 64px 90px 140px 2fr 70px 100px 100px 85px;
    gap: 0 16px;
}
.cart-grid {
    display: grid;
    grid-template-columns: 6fr 2fr 3fr 2fr 1fr;
    align-items: center;
    grid-template-areas:
        "name price plusminus total btn";
    gap: 0 16px;

}
.employees-grid {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr 1fr;
    align-items: center;
    grid-template-areas:
        "fio mail phone btn";
    gap: 0 16px;
}
.orders-grid {
    display: grid;
    grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
    align-items: baseline;
    grid-template-areas:
        "num date status price btn";
    gap: 8px 16px;
}
.saved-grid {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr 2fr;
    align-items: center;
    grid-template-areas: "name employee price btn";
    gap: 8px 16px;
}
.grid-row {
    display: grid;
    grid-template-columns: 64px 100px 140px 2fr 70px 100px;
    grid-template-rows: 38px 36px;
    align-items: center;
    grid-template-areas:
        "img art dev name qty price"
        "img changes dev name qty price";
    gap: 0 16px;
    margin-bottom: 1.5rem;
}
.grid-row.grid-unavailable.grid-nolinked {
    grid-template-areas:
        "img art dev name qty price";
    grid-template-rows: unset;
}
.grid-row.grid-available.grid-nolinked {
    grid-template-areas:
        "img art dev name qty price";
    grid-template-rows: unset;
}
.grid-changesrow {
    display: grid;
    grid-template-columns: 64px 100px 140px 2fr 70px 100px;
    align-items: center;
    grid-template-areas:
        "img art dev name qty price";
    gap: 0 16px;
    /*margin-left: 1rem;*/
    /*margin-bottom: 1.5rem;*/
    padding: 0.5rem 1rem;
    background: #F4F5F9;
}
.grid-changesrow__last {
    margin-bottom: 1.5rem;
}
.grid-changesrow.hidden {
    display: none;
}


.grid-row.grid-oneline {
    grid-template-rows: 1fr;

}
.grid-unavailable .grid-qty,
.grid-unavailable .grid-btn {
    grid-column: span 2;
    grid-row: span 3 / 4;
}
.grid-art {
    grid-area: art;
    word-break: break-word;
}
.grid-img {grid-area: img;}
.grid-dev {grid-area: dev;}
.grid-changes {grid-area: changes;}
.grid-name {grid-area: name;}
.grid-price {grid-area: price;}
.grid-total {grid-area: total;}
.grid-qty {grid-area: qty;}
.grid-plusminus {grid-area: plusminus;}
.grid-btn {grid-area: btn;}
.grid-num {grid-area: num;}
.grid-date {grid-area: date;}
.grid-status {grid-area: status;}
.grid-name {grid-area: name;}
.grid-employee {grid-area: employee;}
.grid-fio {grid-area: fio;}
.grid-mail {grid-area: mail;}
.grid-phone {grid-area: phone;}


.suggest {cursor: pointer;position: relative;}

.suggest .suggest-text {
    position: absolute;
    z-index: 5;
    background: #fff;
    padding: 24px;
    width: max-content;
    text-align: left;
    border-radius: 8px;
    box-shadow: 0 0 85px 0 #0000005c;
    border: 1px solid #c7c8cc;
    display: none;
}

.suggest:hover .suggest-text {
    display: block;
}
@media (min-width: 1200px) {
    .bullBg:after {
        display:block;
    }
}
@media (max-width: 1199px) {
    .formBg:after {
        width: 630px;
    }
    /*.section-parent {
        grid-template-columns: 64px repeat(2, 1fr) 2fr 70px 100px 1fr;
    }*/
}
@media (max-width: 992px) {
    .colorsForm:after {
        right: -180px;
    }
    .colorsForm:before {
        left: -30px;
    }
    .tabs {
        gap: 10px;
        min-height: 33px;
    }
    .tab {
        padding: 5px 20px;
        background-color: var(--bs-light);
        color: #282c2f;
    }
    .tab.active,
    .tab.tab-inline.active {
        background-color: var(--bs-primary);
        color: var(--bs-white);
    }
    .formBg:after {
        width: 360px;
    }
    .grid-header {
        grid-template-columns: 64px 90px 2fr 70px 100px 100px;
    }
    .grid-dev {font-size:13px;}
    .grid-row {
        grid-template-columns: 64px 90px 2fr 70px 100px 100px;
        grid-template-areas:
        "img art name qty price plusminus"
        "img dev name qty price plusminus"
        "img changes name qty price btn";
        grid-template-rows: unset;
    }
    .grid-row.grid-nolinked {
        grid-template-columns: 64px 90px 2fr 70px 100px 100px;
        grid-template-areas:
        "img art name qty price plusminus"
        "img dev name qty price btn";
        grid-template-rows: unset;
    }
    .grid-row.grid-unavailable.grid-linked {
        grid-template-columns: 64px 90px 2fr 70px 100px;
        grid-template-areas:
        "img art name qty qty"
        "img dev name btn btn"
        "img changes name btn btn";
    }

    .grid-btn .btn {
        width: 100%;
    }
    .grid-unavailable .grid-qty,
    .grid-unavailable .grid-btn {
        grid-row: unset;
        text-align: center;
    }
    /*.section-parent {
        grid-template-columns: 64px 1fr 2fr 70px 100px 1fr;
    }*/
}
@media (max-width: 767px) {
    .cart-grid-header {display:none}
    .cart-grid .cartRemoveButton {width:36px;}
    .cart-grid .grid-price {display:none}
    .cart-grid .amount-wrapper {justify-content: end;}
    .cart-grid {
        justify-content: space-between;
        grid-template-columns: 3fr 3fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: 
            "name name btn"
            "total plusminus plusminus";
    }
    .employees-grid {
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "fio btn"
            "mail btn"
            "phone btn";
        gap: 0 16px;
    }
    .orders-grid {
        grid-template-columns: 2fr 1fr;
        grid-template-areas:
            "num status"
            "date date"
            "price btn";
        gap: 8px 16px;
    }
    .saved-grid {
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "name btn"
            "price btn";
        gap: 8px 16px;
    }
    .colorsForm:after {
        right: -250px;
    }
    .colorsForm:before {
        left: -90px;
    }
    .formBg:after {
        width: 190px;
    }
    .grid-row {
        grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "img name name"
        "img dev qty"
        "changes art qty"
        "price plusminus btn";
        /*grid-template-rows: 1fr repeat(2, 20px) 1fr;*/
        margin-bottom: 2rem;
    }
    .grid-row.grid-nolinked {
        grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "img name name"
        "img dev qty"
        "changes art qty"
        "price plusminus btn";
        grid-template-rows: unset;
    }
    .grid-row.grid-available.grid-nolinked {
        grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "img name name"
        "img dev qty"
        "changes art qty"
        "price plusminus btn";
        grid-template-rows: unset;
    }
    .grid-changesrow {
        grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "img name name"
        "img dev qty"
        "changes art qty"
        "price plusminus btn";
        grid-template-rows: unset;
    }
    .grid-row.grid-unavailable.grid-linked {
        grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "img name name"
        "img dev qty"
        "changes art qty"
        "btn btn btn";
    }
    .grid-unavailable .grid-btn {
        grid-column: span 3;
    }
    .grid-unavailable .grid-qty {
        grid-column: unset;
    }
    .grid-name {
        margin-bottom: 0.5rem;
    }
    .grid-qty {
        display: flex;
        justify-content: end;
    }
    .grid-price span {
        font-weight: 700;
    }
    .grid-art span {
        color: var(--secondary);
        font-weight: 500;
    }
}
@media (max-width: 661px) {
    .sales-slider:before,
    .sales-slider:after {
        content: unset!important;
    }
    .bx-breadcrumb {
        white-space: nowrap;
        width: 100%;
        overflow-x: auto;
    }
}
@media (max-width: 576px) {
    .err-report {
        display: none;
    }
    .formBg:after {
        width: 70px;
    }
}
@media (min-width: 576px) {
    .d-sm-grid {
        display: grid !important;
    }
}