.b2b-shans {
    background: #202122;
    color: var(--white-100);
    font-family: var(--body-font-family);
}

.content-inner__wrapper {
    z-index: 0;
    transition: height .15s linear;
}

.page-title,
.b2b-shans .page-title {
    word-break: break-all;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.375rem;
}

.b2b-shans .tab-content-b2b,
.tab-content-b2b {
    margin-top: 1.25rem;
}

.b2b-shans .content-inner,
.content-inner {
    overflow-x: hidden;
}

.content-inner .content,
.b2b-shans .content-inner .content {
    /*background: var(--main-dark-color);*/
    padding: 1.5625rem 0 0 0;
}

.content-inner .content.p0,
.b2b-shans .content-inner .content.p0 {
    padding-top: 0;
}

.basket .basket__toolbar-btn.basket__toolbar-btn__active {
    color: var(--main-text-color);
}

/* start sidebar */

.b2b-shans .b2bcabinet-sidebar {
    padding: calc(var(--sidebar-menu-padding-top) - var(--header-top-padding) - var(--space-n)) var(--sidebar-section-padding-x) var(--space-xxl);
    box-shadow: var(--sidebar-shadow);
    justify-content: space-between;
}

.b2b-shans .sidebar-logo {
    padding: var(--header-top-padding) var(--sidebar-section-padding-x);
}

.b2b-shans .sidebar-header {
    background: var(--main-card-bg);
}

.b2b-shans .sidebar-logo-icon {
    max-width: 110px;
}

.b2b-shans .sidebar-logo-icon__small {
    display: none;
}

.b2b-shans .sidebar-main-resize-wrapper {
    padding: 0;
}

.b2b-shans .sidebar-expand-xl.sidebar-main .sidebar-main-resize-wrapper {
    position: relative;
    left: 0;
}

.b2b-shans .sidebar-main-resize-wrapper button {
    padding: 0;
    border: none;
}

.b2b-shans .sidebar-main-resize-wrapper button:hover {
    background-color: initial;
}

@media (min-width: 1200px) {
    .b2b-shans .sidebar-expand-xl.sidebar-main {
        overflow-x: hidden;
    }

    .b2b-shans .sidebar-main-resized .sidebar-logo-icon__small {
        display: inline;
    }

    .b2b-shans .sidebar-main-resized.sidebar-main-unfold .sidebar-logo-icon__small {
        display: none;
    }

    .b2b-shans .sidebar-main-resized .sidebar-logo-icon {
        display: none;
    }

    .b2b-shans .sidebar-main-resized.sidebar-main-unfold .sidebar-logo-icon {
        display: inline;
    }

    .b2b-shans .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) .sidebar-logo .sidebar-logo-icon {
        min-height: 2.5rem;
        max-height: 2.5rem;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav .nav-item {
        max-width: 3rem;
        margin: 0 auto;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-main-unfold) .nav .nav-item:not(.nav-item-submenu) {
        height: 3rem;
    }

    .sidebar-expand-xl.sidebar-main-resized.sidebar-main-unfold:not(.sidebar-collapsed) .sidebar-logo {
        /*padding: var(--sidebar-padding-top) var(--sidebar-section-padding-x) var(--sidebar-padding-bottom);*/
        padding: 1rem var(--sidebar-section-padding-x);
    }

    .b2b-shans .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .b2bcabinet-sidebar {
        --sidebar-resize-padding-top: 0;
        padding: var(--sidebar-resize-padding-top) 0 var(--sidebar-resize-padding-bottom);
    }

    .b2b-shans .sidebar-main-resized .nav-b2bcabinet>li>ul {
        display: block;
    }

    .b2b-shans .sidebar-main-resized .nav-b2bcabinet>li>ul>li>a {
        display: block;
    }

    .b2b-shans .sidebar-main-resized .nav-b2bcabinet>li>ul>li>ul {
        display: none;
    }

    .b2b-shans .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link:not(.nav-link__catalog)>span {
        display: none !important;
    }

    .b2b-shans .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link>span {
        visibility: hidden;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-link {
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }

    .sidebar-main.sidebar-main-resized .nav-sidebar.nav-b2bcabinet .nav-item:not(.nav-item-header):first-child {
        padding-top: 0;
    }

    .sidebar-main.sidebar-main-resized .nav-sidebar.nav-b2bcabinet {
        overflow-x: hidden;
        height: 101%;
    }

    .sidebar-main.sidebar-main-resized .nav-sidebar.nav-b2bcabinet .nav-item .nav-link {
        display: block !important;
    }

    .b2b-shans .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) .sidebar-logo {
        padding-inline: var(--sidebar-section-padding-x);
        padding-bottom: var(--header-top-padding);
        padding-top: var(--header-top-padding);
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold) .nav-sidebar .nav-item-header .sidebar-resize-show {
        text-align: center;
    }

    /*sidebar animation*/

    .b2b-shans .sidebar-main-resized.sidebar-main-animate .sidebar-logo-icon__small {
        display: none;
    }

    .b2b-shans .sidebar-main-resized.sidebar-main-unfold.sidebar-main-animate .sidebar-logo-icon__small {
        display: none;
    }

    .b2b-shans .sidebar-main-resized.sidebar-main-animate .sidebar-logo-icon {
        display: inline;
    }

    .b2b-shans .sidebar-main-resized.sidebar-main-unfold.sidebar-main-animate .sidebar-logo-icon {
        display: inline;
    }

    .sidebar {
        transition: width ease-in .2s !important;
    }

    .b2b-shans:has(.sidebar-main-animate.sidebar-main-unfold) .navbar-custom,
    .b2b-shans:has(.sidebar-main-animate.close) .navbar-custom {
        transform: translateX(7.5rem);
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold).sidebar-main-animate .sidebar-main-resize-wrapper {
        display: block;
        visibility: visible;
        opacity: 1;
        margin-left: .25rem;
    }

    .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed):not(.sidebar-main-unfold).sidebar-main-animate {
        overflow: visible !important;
    }

    .sidebar-main.sidebar-main-resized .sidebar-header {
        width: 220px !important;
        background: initial;
    }

    .sidebar-main.sidebar-main-animate .sidebar-logo {
        position: relative;
        height: calc(2.5rem + var(--header-top-padding) * 2);
    }

    .sidebar-main.sidebar-main-animate .sidebar-logo a {
        transition: transform ease-in .2s;
    }

    .sidebar-main.sidebar-main-animate:not(.close) .sidebar-logo .sidebar-main-resize-wrapper {
        display: none;
    }

    .sidebar-main.sidebar-main-animate.close .sidebar-logo a {
        transform: translateX(6.6rem);
    }

    body:has(.scroll-header.scrolled) .sidebar-main.sidebar-main-animate.close .sidebar-logo a {
        --sidebar-logo-translate-x: calc(1.75rem + 2.5rem + 3.4rem);
        transform: translateX(--sidebar-logo-translate-x);
    }

    .sidebar-main.sidebar-main-animate.close .sidebar-logo .sidebar-main-resize-wrapper {
        transform: translateX(1.75rem);
        position: absolute;
    }

    /*end sidebar animation*/
}

@media screen and (max-width: 1199px) {
    .sidebar {
        --sidebar-width-full: 100%;
        z-index: 1;
    }

    .sidebar.sidebar-main {
        max-width: 360px;
    }

    .b2b-shans .b2bcabinet-sidebar {
        padding: 0 20px 1.5rem;
    }

    .b2b-shans .navbar-toggler {
        background: var(--primary-active);
        color: var(--main-dark-color);
        padding: 2px;
        height: fit-content;
        transition: all ease-in-out .2s;
    }

    .b2b-shans .navbar-toggler [class*=" ph-"],
    .b2b-shans .navbar-toggler [class^=ph-] {
        color: var(--main-dark-color);
    }

    .b2b-shans .navbar-toggler:hover,
    .b2b-shans .navbar-toggler:active {
        background: #fff;
    }

    .b2b-shans .navbar-toggler:hover [class*=" ph-"],
    .b2b-shans .navbar-toggler:active [class*=" ph-"],
    .b2b-shans .navbar-toggler:hover [class^=ph-],
    .b2b-shans .navbar-toggler:active [class^=ph-] {}

    .sidebar.sidebar-main .sidebar-mobile-main-toggle {
        background: none;
        padding: 10px !important;
    }

    .sidebar.sidebar-main .sidebar-mobile-main-toggle [class*=" ph-"],
    .sidebar.sidebar-main .sidebar-mobile-main-toggle [class^=ph-] {
        color: var(--grey-color-100);
    }

    .sidebar.sidebar-main .sidebar-mobile-main-toggle:hover [class*=" ph-"],
    .sidebar.sidebar-main .sidebar-mobile-main-toggle:active [class*=" ph-"],
    .sidebar.sidebar-main .sidebar-mobile-main-toggle:hover [class^=ph-],
    .sidebar.sidebar-main .sidebar-mobile-main-toggle:active [class^=ph-] {
        color: var(--primary-hover);
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .b2b-shans .b2bcabinet-sidebar {
        padding: 0 10px 75px;
    }

    .b2b-shans .sidebar-logo {
        padding: 0;
        display: none !important;
    }

    .page-title,
    .b2b-shans .page-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
    }
}

@media (max-width: 576px) {
    .b2b-shans .sidebar-logo {
        display: flex;
    }
}

/*end sidebar*/

/*start navbar*/
.b2b-shans .navbar {
    align-items: flex-start;
    padding: var(--header-top-padding) var(--navbar-padding-rigth) var(--header-top-padding) var(--navbar-padding-left);
    border-bottom: none;
}

@media (min-width: 1200px) {
    .b2b-shans .navbar  {
        height: calc(2.5rem + var(--header-top-padding)* 2);
    }
}

.b2b-shans .navbar .navbar-custom {
    background: var(--navbar-custom-background);
    border-radius: var(--navbar-custom-border-radius);
    height: 100%;
    max-height: 2.5rem;
}

.b2b-shans .navbar .navbar-custom #navbar-second {
    max-height: 2.5rem;
}

.b2b-shans .navbar .navbar-custom .nav-item {
    padding: 0;
    border-radius: var(--border-radius);
}

.b2b-shans .navbar .navbar-custom .nav-link {
    padding: 0.5rem 1.25rem;
    font-size: 15px;
    line-height: var(--line-height-l);
    font-weight: 500;
    border-radius: var(--navbar-custom-border-radius);
}

.b2b-shans .nav-mainpage-tabs .nav-link.active,
.b2b-shans .navbar .navbar-custom .nav-link:active {
    border-bottom: none;
    background: var(--navbar-custom-bg);
    color: var(--navbar-custom-text-active-color);
}

.b2b-shans .nav-mainpage-tabs .nav-link.hover .nav-link {
    background: var(--navbar-custom-bg);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: var(--navbar-custom-text-active-color);
}

.content-wrapper,
.b2b-shans .content-wrapper {
    padding-bottom: 1.25rem;
}

@media screen and (max-width: 1199px) {
    .b2b-shans .navbar.navbar-main {
        position: absolute;
        z-index: 2;
        bottom: 0;
        width: 100%;
        background: var(--main-dark-color);
    }

    .b2b-shans .navbar.navbar-main .navbar-custom {
        display: none;
    }

    .navbar-btn-wrapper {
        flex: 0 1 75%;
        justify-content: space-between;
        align-items: center;
    }

    .b2b-shans .content-wrapper .navbar-static {
        padding-inline: 1.5rem;
    }

    .content-wrapper,
    .b2b-shans .content-wrapper {
        padding-bottom: .625rem;
    }
}

@media (max-width: 992px) {
    .b2b-shans .content-wrapper .navbar-static {
        padding-inline: 1.5rem;
    }
}

@media (max-width: 767px) {
    .b2b-shans .navbar.navbar-main {
        z-index: 1041;
    }
}

/*end navbar*/

.b2b-shans .content-inner {
    padding: .3125rem 1.875rem 0 var(--space-n);
}

.nav-item-submenu>.nav-link:after {
    color: var(--dark-icon-color);
}

.nav-item-submenu.nav-item-open>.nav-link:after {
    color: var(--light-icon-color);
}

.b2b-shans .nav-sidebar .nav-link:focus,
.b2b-shans .nav-sidebar .nav-link:hover {
    background-color: transparent;
    color: var(--white);
}

body.b2b-shans .nav-sidebar .nav-link:hover:after {
    color: var(--light-icon-color);
}

.b2b-shans .card {
    background: var(--main-card-bg);
    border-radius: 8px;
}

.b2b-shans .card-inner {
    background-color: var(--main-card-bg);
}

/* Gadgets */

.b2b-shans .card [class*=" ph-"],
.b2b-shans .card [class^=ph-] {
    color: var(--dark-icon-color);
}

.b2b-shans .card a:hover [class*=" ph-"],
.b2b-shans .card a:active [class*=" ph-"],
.b2b-shans .card a:hover [class^=ph-],
.b2b-shans .card a:active [class^=ph-] {
    color: var(--light-icon-color);
}

.b2b-shans .widget_subtitle,
.b2b-shans .widget_content .widget_subtitle {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--secondary-text-color);
    position: relative;
}

.b2b-shans .widget_subtitle:after,
.b2b-shans .widget_content .widget_subtitle:after {
    content: attr(data-message);
    border-radius: 14px;
    padding: 0 6px 0 6px;
    color: var(--secondary-text-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    position: absolute;
    top: 0;
    margin-left: 8px;
}

.b2b-shans .widget_subtitle.widget_subtitle__orange {
    color: var(--orange-second-color);
}

.b2b-shans .widget_subtitle.widget_subtitle__yellow {
    color: var(--yellow-second-color);
}

.b2b-shans .widget_subtitle.widget_subtitle__green {
    color: var(--green-second-color);
}

.b2b-shans .widget_subtitle.widget_subtitle__red {
    color: var(--red-second-color);
}

.b2b-shans .widget_subtitle.widget_subtitle__orange:after {
    background: var(--orange-color);
}

.b2b-shans .widget_content span {
    color: var(--text-color);
}

.b2b-shans .second-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0.5rem;
}

.widget-time {
    color: var(--dark-icon-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

/* /gadgets */

.b2b-shans .basket-page .basket-page__footer {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Buttons */

.b2b-shans .btn {
    /*color: var(--secondary-text-color);*/
}

.b2b-shans .btn-primary:hover {
    background: var(--primary-hover);
}

.b2b-shans .btn-primary:active {
    background: var(--primary-active);
}

.b2b-shans .btn:hover {
    color: var(--main-link-active-color);
}

.b2b-shans .btn:hover {
    color: var(--main-link-active-color);
}

.b2b-shans .btn.btn-inherit {
    background: var(--main-card-bg);
}

.b2b-shans .btn.btn-blank {
    background: var(--grey-color-200);
    border: 1px solid var(--grey-color-200);
    color: var(--black-color);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--space-n);
    column-gap: var(--space-n);
    padding: var(--space-n);
    font-weight: 600;
    line-height: var(--line-height-m);
    max-width: 130px;
    min-height: 130px;
    text-align: left;
}

.b2b-shans .btn.btn-blank:hover {
    background: var(--grey-color-10);
}

.btn.btn-bg-none:active,
.b2b-shans .btn.btn-bg-none:active,
.btn.btn-bg-none:hover,
.b2b-shans .btn.btn-bg-none:hover,
.btn.btn-bg-none,
.b2b-shans .btn.btn-bg-none {
    background: none;
}

.b2b-shans .btn.btn-blank span {
    text-align: left;
}

.b2b-shans .btn-dropdown,
.btn-dropdown {
    padding: 1rem 3.875rem;
}

.btn-icon-cus::before {
    content: "";
    color: #fff;
    margin-right: .5rem;
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: none;
    /* background-attachment: fixed | scroll; */
    /* background-size: auto | cover | contain | 500px 250px; */
    /* background-position: center | right 30px bottom 15px; */
    background-repeat: no-repeat;
    /* background-origin: border-box | padding-box | content-box; */
    /* background-clip: border-box | padding-box | content-box; */
    /* background-blend-mode: multiply | screen | overlay; */
}

.btn-icon-cus.btn-shop::before {
    background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5945 4.39922C17.5066 4.29384 17.3965 4.20906 17.2722 4.15088C17.1479 4.09269 17.0123 4.06252 16.875 4.0625H4.53125L4.19766 2.22031C4.13215 1.86029 3.94237 1.53468 3.6614 1.30025C3.38043 1.06582 3.02608 0.937445 2.66016 0.9375H1.25C1.00136 0.9375 0.762903 1.03627 0.587087 1.21209C0.411272 1.3879 0.3125 1.62636 0.3125 1.875C0.3125 2.12364 0.411272 2.3621 0.587087 2.53791C0.762903 2.71373 1.00136 2.8125 1.25 2.8125H2.39922L4.34531 13.5156C4.39756 13.7999 4.50563 14.071 4.66328 14.3133C4.38418 14.6399 4.19394 15.0328 4.11091 15.4543C4.02788 15.8758 4.05486 16.3116 4.18925 16.7196C4.32365 17.1277 4.56091 17.4942 4.87817 17.7838C5.19543 18.0735 5.58198 18.2765 6.00052 18.3732C6.41907 18.47 6.85549 18.4573 7.2677 18.3364C7.67991 18.2154 8.054 17.9903 8.35388 17.6827C8.65375 17.3751 8.86931 16.9954 8.97974 16.5802C9.09018 16.1651 9.09178 15.7284 8.98438 15.3125H11.6406C11.5103 15.8173 11.541 16.3502 11.7285 16.8366C11.916 17.3231 12.2509 17.7387 12.6863 18.0255C13.1217 18.3122 13.6359 18.4556 14.1568 18.4357C14.6778 18.4157 15.1794 18.2335 15.5917 17.9143C16.0039 17.5952 16.306 17.1551 16.4558 16.6558C16.6056 16.1564 16.5955 15.6227 16.427 15.1294C16.2585 14.6361 15.94 14.2077 15.516 13.9044C15.092 13.601 14.5838 13.4378 14.0625 13.4375H6.49766C6.4246 13.4374 6.35387 13.4117 6.29778 13.3649C6.24169 13.3181 6.20378 13.2531 6.19062 13.1812L6.00937 12.1875H14.6953C15.2077 12.1875 15.7039 12.0076 16.0972 11.6792C16.4906 11.3508 16.7562 10.8948 16.8477 10.3906L17.7977 5.16719C17.8221 5.03211 17.8166 4.89333 17.7815 4.76063C17.7464 4.62793 17.6825 4.50455 17.5945 4.39922ZM7.1875 15.9375C7.1875 16.0611 7.15084 16.182 7.08217 16.2847C7.01349 16.3875 6.91588 16.4676 6.80168 16.5149C6.68747 16.5622 6.56181 16.5746 6.44057 16.5505C6.31933 16.5264 6.20797 16.4669 6.12056 16.3794C6.03315 16.292 5.97362 16.1807 5.94951 16.0594C5.92539 15.9382 5.93777 15.8125 5.98507 15.6983C6.03238 15.5841 6.11249 15.4865 6.21527 15.4178C6.31805 15.3492 6.43889 15.3125 6.5625 15.3125C6.72826 15.3125 6.88723 15.3783 7.00444 15.4956C7.12165 15.6128 7.1875 15.7717 7.1875 15.9375ZM14.0625 16.5625C13.9389 16.5625 13.818 16.5258 13.7153 16.4572C13.6125 16.3885 13.5324 16.2909 13.4851 16.1767C13.4378 16.0625 13.4254 15.9368 13.4495 15.8156C13.4736 15.6943 13.5331 15.583 13.6206 15.4956C13.708 15.4081 13.8193 15.3486 13.9406 15.3245C14.0618 15.3004 14.1875 15.3128 14.3017 15.3601C14.4159 15.4074 14.5135 15.4875 14.5822 15.5903C14.6508 15.693 14.6875 15.8139 14.6875 15.9375C14.6875 16.1033 14.6217 16.2622 14.5044 16.3794C14.3872 16.4967 14.2283 16.5625 14.0625 16.5625ZM15 10.0562C14.9869 10.1277 14.9494 10.1924 14.8937 10.2392C14.8381 10.2859 14.768 10.3119 14.6953 10.3125H5.66875L4.87344 5.9375H15.7516L15 10.0562Z" fill="white"/></svg>');
}

@media (min-width: 520px) {
    .btn-icon-cus__mobile::before {
        display: none;
    }
}

/* /buttons*/

.overflow-hidden-x {
    overflow-x: hidden;
}

/* forms */
.form-label {
    color: var(--grey-800);
}

.form-check-label {
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
}

/* end forms */

/* nav mobile */
.mobile-tab-link {
    transition: all ease-in-out .2s;
}

.mobile-tab-link.active svg,
.mobile-tab-link.active svg path {
    fill: #fff;
}

.mobile-tab-link:active svg,
.mobile-tab-link:active svg path,
.mobile-tab-link:hover svg,
.mobile-tab-link:hover svg path {
    fill: #fff;
}

/* nav mobile end*/

.b2b-shans .card-position-sticky,
.card-position-sticky {
    margin-block: .5rem 0;
    box-shadow: none;
    z-index: 3;
}

/* page links  */

.page-link {}

/* end page links */

/* file */
.b2b-shans .file-area .file-dummy,
.file-area .file-dummy {
    border: 1px solid var(--black-color-10);
    border-radius: var(--border-radius);
    background: var(--black-color);
    margin-top: .625rem;
}

.b2b-shans .file-selectdialog .file-extended .file-selector,
.b2b-shans .file-selectdialog1 .file-extended .file-selector,
.file-selectdialog .file-extended .file-selector,
.file-selectdialog1 .file-extended .file-selector {
    font-family: "Roboto", "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.625rem;
    text-align: center;
    color: var(--grey-color-300);
    max-width: 320px;
    margin: 0 auto;
    text-shadow: none;
    border: none;
    padding: 4rem 0;
}

.b2b-shans .file-selectdialog .file-extended .file-selector:hover,
.b2b-shans .file-selectdialog1 .file-extended .file-selector:hover,
.file-selectdialog .file-extended .file-selector:hover,
.file-selectdialog1 .file-extended .file-selector:hover {
    border: none;
    text-shadow: none;
}

/* end file */

.b2b-shans .side-panel-label-icon-close:before,
.side-panel-label-icon-close:before {
    width: 1.375rem;
    height: 1.375rem;
    margin-left: 0;
    background: url("../../images/close.svg") no-repeat;
    background-size: cover;
}

.dropdown-item {
    cursor: pointer;
}

.b2b-shans .catalog__section-wrapper.card-fullscreen {
    background: var(--main-dark-color);
}

@media (max-width: 1199px) {
    .b2b-shans .content-inner {
        padding: var(--space-s) var(--space-xxxs) 0 var(--space-xxxs);
    }

    .b2b-shans .content-inner .content {
        padding: var(--space-s) 0 0 0;
    }
}

@media (max-width: 768px) {
    .b2b-shans .content-inner {
        padding: 0 var(--space-xxxs) 0 var(--space-xxxs);
    }

    .page-header {
        padding-top: var(--space-s);
    }

    .personal_list_profile {
        top: -16px;
        position: relative;
    }

    .b2b-shans .navbar {
        padding: .625rem .7rem .625rem var(--navbar-padding-left) !important;
    }

    .b2b-shans .card-position-sticky.action-btns-wrapper,
    .card-position-sticky.action-btns-wrapper {
        margin-block: 0;
    }
}

@media (max-width: 576px) {
    .b2b-shans .b2b-banner-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    .card-position-sticky .card-body>* {
        width: 100%;
        margin-inline: 0;
    }

    .card-position-sticky .card-body .btn {
        width: 100%;
    }

    .content-wrapper,
    .b2b-shans .content-wrapper {
        padding-bottom: 0;
    }
}

/* sidepanel */

.side-panel {
    transform: translateY(0) !important;
    transition: transform linear .2s !important;
}

body:has(.side-panel.side-panel-overlay.side-panel-overlay-open),
body:has(.close-panel-label__wrapper),
.side-panel body {
    overflow: hidden !important;
}

body:has(.side-panel.side-panel-overlay.side-panel-overlay-open) .catalog__element,
body:has(.close-panel-label__wrapper) .catalog__element,
.side-panel body .catalog__element {
    overflow: auto;
    height: 100vh;
}

.side-panel.close {
    transform: translateY(100vh) !important;
}

/* endsidepanel */

.pace-demo {
    background: rgba(24, 24, 24, .42) !important;
}

.bootstrap-touchspin.input-group {
    width: fit-content !important;
    max-width: 7.25rem;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.2887 11.961C13.4649 12.1371 13.5638 12.376 13.5638 12.6251C13.5638 12.8741 13.4649 13.113 13.2887 13.2891C13.1126 13.4652 12.8737 13.5642 12.6247 13.5642C12.3756 13.5642 12.1367 13.4652 11.9606 13.2891L7.00045 8.32741L2.03874 13.2876C1.86261 13.4637 1.62374 13.5626 1.37467 13.5626C1.1256 13.5626 0.886731 13.4637 0.710611 13.2876C0.53449 13.1114 0.435547 12.8726 0.435547 12.6235C0.435547 12.3744 0.53449 12.1356 0.710611 11.9594L5.67233 6.99928L0.712173 2.03756C0.536053 1.86144 0.437109 1.62257 0.437109 1.3735C0.437109 1.12443 0.536053 0.885559 0.712173 0.709439C0.888293 0.533318 1.12716 0.434375 1.37624 0.434375C1.62531 0.434375 1.86418 0.533318 2.0403 0.709439L7.00045 5.67116L11.9622 0.708657C12.1383 0.532537 12.3772 0.433594 12.6262 0.433594C12.8753 0.433594 13.1142 0.532537 13.2903 0.708657C13.4664 0.884778 13.5654 1.12365 13.5654 1.37272C13.5654 1.62179 13.4664 1.86066 13.2903 2.03678L8.32858 6.99928L13.2887 11.961Z" fill="%23B4B4B5"/></svg>')!important;
}

.quantity-selector .btn.bootstrap-touchspin-down,
.quantity-selector .btn.bootstrap-touchspin-up {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.quantity-selector .quantity-selector__value {
    font-weight: 800;
}

/* task 68529: branch_balance */

.organization__inn, .organization__name {
    display: contents;
}

.container-fluid.widget_discount_wrapper.widget_content {
    height: fit-content;
}

@media (max-width: 768px) {
    .b2b-shans .widget_subtitle, .b2b-shans .widget_content .widget_subtitle {
        font-size: 16px;
    }
}

/* end task 68529: branch_balance */