:root {
    --text-color: #767676;
}
/*переопределяем overflow для работы position: sticky; у хедера*/
body {
    overflow-x: clip; 
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #E6E6E6;
}
::-webkit-scrollbar-thumb {
  background-color: #E6E6E6;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb {
  background-color: #E6E6E6;
  border-radius: 20px;
  border: 4px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
main.barline-new,
main.barline-corporate {
    overflow: clip; 
    padding-top: 0 !important;
}
main .content > .breadcrumbs {
    display: none;
}
.js-scroll .barline-corporate {
    padding-top: 0;
}
.b-header--shop {
    --bg: #fff;
    --primary: #505050;
    --secondary: #282828;
    --descriptor-color:  #767676;
    --switcher-bg: #fff;
    --switsher-bg-hover: #575757;
    --hamburger-color: #767676;
    --header-bottom: #dfdddf;
    --light-bg: #F7F7F7;
    --mobile-menu-top: 92px;
    --gray: var(--text-color);
}
.b-header--corporate {
    --bg: #282828;
    --primary: #fff;
    --secondary: #BFBFBF;
    --descriptor-color:  #BFBFBF;
    --switcher-bg: #414141;
    --switsher-bg-hover: #E5E5E5;
    --hamburger-color: #fff;
    --header-bottom: linear-gradient(90deg, rgba(32, 32, 32, 1) 0%, rgba(136, 136, 136, 1) 50%, rgba(32, 32, 32, 1) 100%);
    --light-bg: #fff;
    --mobile-menu-top: 62px;
    --gray: var(--secondary);
}
.b-header::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: var(--header-bottom);
}
.header .cart-action {
    top: 134px;
}
.header::after {
    background: #dfdddf;
        z-index: 10;
        pointer-events: none;
}
/* ==========================================
   Переопределение color: #8E8E8E → var(--text-color);
   Источники:
   - local/templates/barline/static/css/main.css
   - local/templates/barline/template_styles.css
   ========================================== */
/* main.css */
.small { color: var(--text-color); }
.change-product .change-minus,
.change-product .change-plus { color: var(--text-color); }
.pagination ul a { color: var(--text-color); }
.about .title p { color: var(--text-color); }
.about-item__text p { color: var(--text-color); }
.account-order__legend ul li { color: var(--text-color); }
.account-order__item > div:first-child { color: var(--text-color); }
.bid-item__additional.bid-additional__complete a { color: var(--text-color); }
.bid-item__additional.bid-additional__canceled a { color: var(--text-color); }
.applications .title p { color: var(--text-color); }
.applications-item__text p { color: var(--text-color); }
.article-top__date span:last-child { color: var(--text-color); }
.article-top__share { color: var(--text-color); }
.benefits-item__name p { color: var(--text-color); }
.bid-item__action .button.button-transparent:nth-child(2) span { color: var(--text-color); }
.breadcrumbs a,
.breadcrumbs span { color: var(--text-color); }
.breadcrumbs li::after { color: var(--text-color); }
.card-chars__list li span { color: var(--text-color); }
.card-bottom__btm li { color: var(--text-color); }
.card-action__price span:nth-child(2) { color: var(--text-color); }
.card-action__label { color: var(--text-color); }
.card-action__views span { color: var(--text-color); }
.cart-item__price span:nth-child(2),
.cart-item__total span:nth-child(2) { color: var(--text-color); }
select.js-select { color: var(--text-color); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--text-color); }
.select2-container--default .select2-search--dropdown .select2-search__field { color: var(--text-color); }
.catalog-left p { color: var(--text-color); }
.claim-item__name a { color: var(--text-color); }
.claim-item.claim-item__not .claim-item__name > span { color: var(--text-color); }
.claim-item.claim-item__not .claim-item__context span { color: var(--text-color); }
.claim-item.claim-item__not .claim-item__point a { color: var(--text-color); }
.contacts-left .title span { color: var(--text-color); }
.contacts-right .title p { color: var(--text-color); }
.reviews-product__text span:nth-child(2) { color: var(--text-color); }
input[type="checkbox"] + label,
input[type="radio"] + label { color: var(--text-color); }
.form-checkbox__white input[type="checkbox"] + label { color: var(--text-color); }
.general-item__info p { color: var(--text-color); }
.header-general li a { color: var(--text-color); }
.header-worktime { color: var(--text-color); }
.header-auth__name { color: var(--text-color); }
.header-action__name { color: var(--text-color); }
.info-item p { color: var(--text-color); }
.kit-info__item p { color: var(--text-color); }
.media-item__detail span { color: var(--text-color); }
.media-point__legend ul li { color: var(--text-color); }
.media-point__count { color: var(--text-color); }
.media-point__size { color: var(--text-color); }
.meeting-item__btm a,
.meeting-item__btm span { color: var(--text-color); }
.bid-item__client .button span { color: var(--text-color); }
.others-slide__content p { color: var(--text-color); }
.our-item__content ul li span:last-child { color: var(--text-color); }
.personal-legend ul li { color: var(--text-color); }
.personal-att__info p { color: var(--text-color); }
.personal .distributor-tags ul li.d-close { color: var(--text-color); }
.product-category { color: var(--text-color); }
.product-star { color: var(--text-color); }
.product-tags ul li { color: var(--text-color); }
.product-price span:nth-child(2) { color: var(--text-color); }
.production .title p { color: var(--text-color); }
.recipes-slide__right p { color: var(--text-color); }
.recipes-slide__right li { color: var(--text-color); }
.reviews-item__date span { color: var(--text-color); }
.reviews-item__star span { color: var(--text-color); }
.reviews-item__point p { color: var(--text-color); }
.unity-contacts__item span { color: var(--text-color); }
.unity-address__worktime ul li { color: var(--text-color); }
.unity-text p { color: var(--text-color); }
.use-item__text p { color: var(--text-color); }
.useful .title p { color: var(--text-color); }
.useful-item__content p { color: var(--text-color); }
.view-slide__text p { color: var(--text-color); }
.info p,
.info ul li { color: var(--text-color); }
.history-slide__year { color: var(--text-color); }
.standard-list-competing { color: var(--text-color); }
/* template_styles.css */
.popup-form .text { color: var(--text-color); }
.inner-page_sidebar ul li a .svg-icon { color: var(--text-color); }
.order-wrapper .order-items .order-item .order-products ul li { color: var(--text-color); }
.reviews-item .reviews-item__point input:disabled,
.reviews-item .reviews-item__point textarea:disabled { color: var(--text-color); }
.reviews-item__top .reviews-products__text .reviews-item__date { color: var(--text-color); }
.detail-text { color: var(--text-color); }
.pagination ul li > span { color: var(--text-color); }
.card-action__price span.price_title { color: var(--text-color); }
.requisites-page .claim-item__name > span { color: var(--text-color); }
.order-requisites .radio-block .claim-item span { color: var(--text-color); }
.pagination .load-more-items { color: var(--text-color); }
.list-item__quick-add__button:disabled span { color: var(--text-color); }
.detail-block__info-title { color: var(--text-color); }
.account .select2-container--default .select2-selection--single .select2-selection__placeholder,
.checkout .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--text-color); }
.select2-container--default .address2 .select2-search--dropdown .select2-search__field::placeholder { color: var(--text-color); }
.list-item__point .list-item__quantity .none { color: var(--text-color); }
.main-regionality-block .regions-select-dialog-window-subtitle { color: var(--text-color); }

.site-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
button {
    font-family: inherit;
}
.gray {
    color: var(--gray);
}

.b-header {
    z-index: 20;
    position: sticky;
    top: 0;
    width: 100%;
    background: var(--bg);
    color: var(--primary);
    font-size: 14px;
    height: auto !important;
}
.b-header a {
    text-decoration: none;
}
.b-header a:hover,
.is_selected {
    color: var(--secondary);
}
.b-header__wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 15px 0;
}
.b-header__main {
    flex: 1;
}
.b-header__logo {
    flex-shrink: 0;
        font-size: 0;
    line-height: 1;
}
.b-header__main-row {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
@media screen and (min-width:770px) {
    .b-header__main-row + .b-header__main-row {
        margin-top: 25px;
    }
}
.descriptor {
    font-size: 13px;
    line-height: 150%;
    color: var(--descriptor-color);
    max-width: 230px;
}
.nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 25px;
}
.nav-link {
    text-decoration: none;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
    border: 0;
}
.nav-link--catalog-button {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    color: var(--primary);
}
.nav-link--catalog-button:active {
    color: var(--secondary);
}
.b-header__contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: right;
}
.b-header__contacts a {
    white-space: nowrap;
}
.b-header__contacts .big {
    font-family: "OpenSans-SemiBold";
    font-size: 18px;
}
.b-header__main-right {
    display: flex;
    align-items: center;
    gap: 15px 30px;
}
.nav-actions__icon {
    width: 34px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
        transition: all 0.3s ease-in-out;
}
.nav-actions__item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    position: relative;
    justify-content: space-between;
}
.nav-actions__item:hover .nav-actions__icon {
    transform: translateY(-2px);
}
main.barline-new .nav-actions__item {
    color: var(--text-color);
}
main.barline-new .nav-actions__item:hover {
    color: var(--secondary);
}
.nav-actions__item-count {
    position: absolute;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size:9px;
    transition: all 0.3s ease-in-out;
    color: #fff;
    right: 0;
    top: -3px;
    background: #ef4c4e;
}
.nav-actions__item--cart .nav-actions__item-count {
    background-color: #4AB53A;
}
.site-switcher {
    display: flex;
    background-color: var(--primary);
    color: var(--bg);
    font-size: 13px;
    border-radius: 20px;
    padding: 1px;
    width: 100%;
    min-width: fit-content;
    max-width: 341px;
}
.site-switcher__item {
    padding: 10px;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    white-space: nowrap;
}

.b-header .site-switcher:hover {
    background-color: var(--switsher-bg-hover);
    color: var(--bg);
}

.b-header--corporate .site-switcher__item:first-child,
.b-header--shop .site-switcher__item:last-child {
    background-color: var(--switcher-bg);
    color: var(--primary);
    pointer-events: none;
}
.b-header--corporate .site-switcher__item:not(:first-child):hover,
.b-header--shop .site-switcher__item:not(:last-child):hover {
    background-color: var(--switsher-bg-hover);
    color: var(--bg);
}

.b-header__mobile {
    position: absolute;
    left: 0;
    top: var(--mobile-menu-top);
    width: 100%;
    max-width: 380px;
    overflow: auto;
    box-sizing: border-box;
    height: calc(100vh - 62px);
    background: var(--bg);
    color: var(--primary);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out;
    padding-bottom: var(--mobile-menu-top);
}
.b-header__mobile.is_active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0);
}
.b-header-mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 15px;
    color: var(--primary);

}

.nav-actions {
    display: flex;
    gap: 12px;
}

.b-header__search {
    width: 100%;
    max-width: 351px;
}
.b-search form {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    background-color: var(--light-bg);
    align-items: center;
}
.b-search input {
    background-color: transparent;
    color: var(--text-color);
    border: 0;
    padding: 12px 18px;
    height: 40px;
    font-size: 12px;
}
.b-search button {
        display: inline-flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: #EFEFEF;
    border: 0;
    color: #8E8E8E;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.b-header-mobile-menu .b-search {
    margin-bottom: -10px;
}

@media screen and (min-width: 770px) {
    .only-mobile,
    .b-header__top {
        display: none;
    }
}
.b-header__top {
    background-color:  var(--light-bg);
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
    font-weight: 600;
}
.b-header__top-wrapper {
    display: flex;
        justify-content: flex-end;
    gap: 20px;
}
.b-header__top-wrapper > div {
    display: flex;
    align-items: center;
    gap: 6px;
}
.b-header__top-wrapper > div svg {
    translate: 0 -1px;
}
.nav--mobile .nav-list {
    gap: 0;
}
.nav--mobile .nav-item {
    flex: 100%;
    margin: 0 -15px;
}
.nav--mobile .nav-link {
    display: block;
    padding: 16px 15px;
    font-size: 16px;
}
.b-header-mobile-menu__row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;

}

.b-header-mobile-menu__row--contacts {
    line-height: 1.6;
}
.b-header-mobile-menu__phone {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.b-header-mobile-menu__phone .big a {
    font-weight: 600;
    font-size: 16px;

}
.messangers {
    display: flex;
    gap: 15px;
}
.messangers a:hover {
    opacity: 0.7;
}
.barline-new .b-header .messangers img {
       filter: brightness(0.33);
}

nav.menu li a {
    padding-right: 0;
    color: var(--primary);
}
nav.menu > ul > li > a {
    padding-top: 12px;
    padding-bottom: 0;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
/* Создаем невидимую жирную копию */
nav.menu > ul > li > a::before {
  content: attr(data-text);
  display: block;
    font-family: "OpenSans-SemiBold";;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.header.header-fxd nav.menu ul a {
    height: 28px;
}
nav.menu ul {
    position: relative;
    justify-content: space-between;
}
nav.menu li a,
.dep-list__nav li span {
    transition: none;
}
nav.menu li a:hover,
nav.menu li a.active,
nav.menu > ul > li.active > a {
    color: var(--secondary);
    font-family: "OpenSans-SemiBold", sans-serif;
}
a.dep-list__name:hover {
    color: var(--secondary) !important;    
}
.dep-list__nav li a:hover span {
    color: var(--secondary);
    font-family: "OpenSans-SemiBold", sans-serif;
}
nav.menu li .dep-menu__list a {
   /* color: var(--primary);*/
    font-size: 14px;
}
.dep-menu__name,
.dep-list__name {
    margin-bottom: 15px;
}
.dep-menu__left {
    width: auto;
    flex: 1;
}
.dep-menu__right {
    width: auto;
    flex-basis: 310px;
}
.dep-menu__lists {
    gap: 50px;
}
.dep-menu__list {
    width: auto;
    flex: 1;
    min-width: 180px;
    max-width: 265px;
}
.dep-menu__list:nth-child(2) {
    flex: 2;
}
/*
.header.header-fxd nav.menu ul a {
    padding-top: 12px;
    padding-left: 13px;
}
*/
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--hamburger-color);
}
.header .cart-action.is-active {
    z-index: 11;
}
 .mobile-catalog {
    display: none;
    margin: 0 15px 0 30px;
 }
 .nav--mobile {
    margin-bottom: -10px;
 }
 .dep-menu__right img {
    border-radius: 10px;
 }
 .dep-menu__wrapper {
    gap: 30px;
 }
.dep-menu__images {
    position: relative;
    width: 100%;
}
.dep-menu__images a {
    width: 100%;
    height: 100% !important;
    display: flex !important;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s !important;
}
.dep-menu__images a.is_active {
    opacity: 1;
    visibility: visible;
}
.dep-menu {
    padding-bottom: 20px;
}
.footer-left__list ul li > span {
    margin-left: 0;
}
.footer-left__list ul li {
    gap: 5px;
}
.footer-left__list ul li a span {
    color: #fff;
}
@media screen and (min-width: 770px) {
    .footer-item__name,
    .footer-left__list ul li a {
        font-family: "OpenSans-Regular", sans-serif;
    }
}
.footer-left__list .any-logo {
    margin-bottom: 30px;
}
.footer-left__list ul li {
    margin-bottom: 9px;
}
.footer-left__list ul {
    margin-bottom: 20px;
}
.footer-left {
    width: 37%;
}
.footer-right {
    width: 63%;
    margin: 15px 0;
}
.footer-catalog .footer-item__list {
    gap: 60px;
}
.footer-top {
    padding-bottom: 40px;
    border-bottom: 0;
}
.policy-group {
    gap: 7px;
}
.footer-bottom .coph {
    margin-right: 0;
}
.policy-group {
    margin-right: 20px;
}
.footer-btm__right {
    gap: 10px 15px;
}
.footer .messangers {
    gap: 10px;
}
@media screen and (min-width: 770px) {
    .footer .messangers img {
        width: 22px;
        height: 22px;
    }
}
.footer-bottom .footer-wrapper {
    height: auto;
    justify-content: flex-start;
    gap: 20px 0;
}
.footer-bottom {
    height: auto;
    padding-bottom: 13px;
}
.footer .any-logo {
    max-width: 250px;
}
.footer-btm__left {
    gap: 20px 0;
}
.footer-item .footer-item {
    margin-top: 30px;
}
.barline-tabs ul {
    flex-wrap: wrap;
    gap: 12px;
}
.barline-tabs li a {
    padding: 0 11px;
}
.barline-tabs li {
    width: max-content;
    max-width: max-content;
    margin-right: 0;
    height: 30px;
}
.barline-tabs li a,
.catalog-checked span,
.catalog-checked.fixed form label span,
.catalog-filter__item > span {
    font-family: "OpenSans-Regular", sans-serif;
}


@media screen and (max-width: 1200px) {
    .dep-menu {
        width: max-content;
    }
}

@media screen and (min-width: 770px) and (max-width: 1099px) {
    main.barline-new .descriptor br {
        display: none;
    }

    main.barline-new .descriptor {
        position: absolute;
        max-width: none;
        translate: 0 -30px;
    }

    .b-header__search {
        translate: 0 5px;
    }
}

@media screen and (max-width: 1000px) {

    .footer-left__list ul li,
    .footer-btm__left {
        flex-wrap: wrap;
    }

    .footer-left {
        width: 33%;
    }
}

@media screen and (max-width: 860px) {
    main.barline-new .descriptor {
        display: none;
    }
}

@media screen and (max-width: 769px) {

    .b-header__main-row--top,
    .b-header .descriptor,
    .barline-corporate .b-header__main-row .nav-actions__item--user,
    .b-header__search,
    .barline-new .b-header__contacts,
    .nav-actions__name {
        display: none;
    }

    .b-header__logo img {
        height: 40px;
    }

    .b-header__contacts {
        font-size: 11px;
        gap: 4px;
        line-height: 1.4;
    }

    .b-header__contacts .big,
    .b-header-mobile-menu__row--contacts a {
        font-size: 14px;
    }

    .b-header__main-row {
        justify-content: flex-end;
    }

    .b-header__wrapper {
        padding: 10px 0;
    }

    .nav-actions {
        display: flex;
        gap: 15px;
    }

    /*
    .nav-actions__icon {
        width: 24px;
    }
    .nav-actions__item-count {
        right: -7px;
    }*/
    .nav-actions .header-burger {
        margin-left: 10px;
    }

    .b-header__top {
        display: block;
    }

    .is_active+.mobile-catalog {
        display: block;
    }

    .nav-link:not(.is_active) svg {
        transform: rotate(180deg);
    }

    .footer-left {
        width: 100%;
    }

    .any-logo {
        margin: 0;
    }

    .footer-right {
        width: 100%;
        margin: 5px 0 0;
        gap: 20px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .footer-catalog .footer-item__list {
        gap: 5px;
        flex-direction: column;
    }

    .footer-item {
        width: auto;
        flex: 1;
    }

    .footer-left__list ul {
        margin-bottom: 15px;
    }

    .footer-btm__left {
        gap: 10px 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .policy-group {
        margin-bottom: 15px;
    }

    .footer-btm__right {
        margin-top: 0;
        order: -1;
                flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom {
        padding-bottom: 15px;
    }
    .footer-top > .site-container {
        border-bottom: 1px solid #FFFFFF1A;
    }
    .barline-tabs ul li {
        margin-bottom: 0;
        margin-right: 0;
    }
    .catalog .barline-tabs ul {
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .b-header__main-right {
        gap: 15px 10px;
    }
    .footer-bottom .footer-wrapper {
        padding: 30px 0 15px;
    }
}