0html {
    min-height: 100vh
}

html.is-hidden {
    overflow: hidden
}

body {
    background: #fff;
    font-family: 'Museo Sans Cyrl 300', Arial, Verdana, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    opacity: 1;
    min-height: 100vh;
    padding-top: 80px; /* Подберите значение под высоту вашего меню */
}

.global-wrapper {
    min-width: 320px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 100vh
}

ol, ul {
    list-style: none;
    margin-bottom: 0;
/*    margin-left: 10px;*/
    padding: 0;
    display: table;     /* Позволяет margin:auto работать */
    text-align: left;   /* Выравнивание текста элементов */

}

@media (max-width: 575px) {
    .footer-menu {
    align-items: center;     /* Вертикальное центрирование (опционально) */
    list-style: none;
    margin: 0;
    padding: 0;
}
}

@media (max-width: 575px) {
.footer-menu li {
    
}
}


.footer-connection {
/*    display: flex;                /* Включаем flex-расположение */
    justify-content: center;      /* Горизонтальное центрирование */
    align-items: center;          /* Вертикальное центрирование */
    flex-wrap: wrap;              /* Разрешаем перенос на новую строку */
    gap: 15px 30px;               /* Отступы между элементами: 15px вертикальные, 30px горизонтальные */
    list-style: none;             /* Убираем маркеры списка */
/*    margin: 0 auto;               /* Автоматические отступы по бокам */
    padding: 0;                   /* Убираем внутренние отступы */
/*    text-align: center;           /* Центрируем текст */
}

.footer-connection li {
    margin: 5px 0;                /* Отступы для пунктов меню */
}

.footer-connection a {
    display: inline-block;        /* Для правильных отступов у ссылок */
/*    padding: 8px 12px;           /* Отступы внутри ссылок */
    text-decoration: none;        /* Убираем подчеркивание */
    color: inherit;               /* Наследуем цвет текста */
    transition: all 0.3s ease;    /* Плавные анимации */
}

/* Стиль для кнопки "заказать звонок" */
.footer-connection .callback-btn {
/*    background: #4f644e;          /* Синий фон */
    color: #435966 !important;      /* Белый текст */
    border-radius: 4px;           /* Закругленные углы */
/*    padding: 8px 20px;            /* Увеличиваем отступы */
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .footer-connection {
        flex-direction: column;   /* Пункты в столбик */
        gap: 10px;                /* Уменьшаем отступы */
        text-align: center;
        margin: 0 auto;
    }
}



input {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    outline: none !important
}

@media not all and (min-resolution: 0.001dpcm) {
    select:focus, textarea:focus, input:focus {
        -webkit-appearance: none
    }

    select:active, input:active, textarea:active {
        -webkit-appearance: none
    }

    input, textarea, select {
        -webkit-appearance: none
    }

    select:focus, textarea:focus, input:focus {
        font-size: 16px
    }

    select:active, input:active, textarea:active {
        font-size: 16px
    }

    input, textarea, select {
        font-size: 16px
    }
}

* {
    margin: 0;
/*    padding: 0;*/
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

p {
    line-height: 1.7;
    margin-bottom: 1em
}

a {
    text-decoration: none;
    color: inherit
}

a:not([class]) {
    color: #435966;
    /*border-bottom: 1px solid #435966;*/
    transition: border-bottom-color .3s
}

a:not([class]):hover {
    border-bottom-color: transparent
}

::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

body a:hover, body a:active, body a:focus {
    text-decoration: none;
    outline: 0
}

input:focus {
    border: none;
    outline: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button:focus {
    outline: none
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important
}

html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type="hidden"] {
    display: none
}

button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

ul:not([class]) {
    margin: 0 0 1em;
    list-style-type: disc;
    padding-left: 15px
}

ul:not([class]) li {
    margin-bottom: 5px
}

ul:not([class]) li:last-child {
    margin-bottom: 0
}

ol:not([class]) {
    margin: 0 0 1em;
    padding-left: 15px;
    list-style-type: decimal
}

ol:not([class]) li {
    margin-bottom: 5px
}

ol:not([class]) li:last-child {
    margin-bottom: 0
}

.main-btn {
    display: inline-block;
    min-width: 242px;
    height: 57px;
    font-size: .875rem;
    line-height: 57px;
    border: 1px solid #000;
    padding: 0 1em;
    color: #000;
    font-size: .875rem;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: background-color .3s;
    text-transform: uppercase;
    transition: color .3s, border-color .3s;
    white-space: nowrap;
    z-index: 1;
}

.main-btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: -1%;
    left: -1%;
    display: block;
    width: 102%;
    height: 100%;
    background-color: #435966;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: transform .5s ease;
    z-index: -1
}

.main-btn:hover {
    color: #fff;
    border-color: #435966
}

.main-btn:hover [class^="ico-"] {
    color: #fff;
    transition: color .3s
}

.main-btn:hover [class^="ico-"]:before {
    color: #fff;
    transition: color .3s
}

.main-btn:hover:after {
    transform: none;
    transform-origin: 0 100%;
    transition: transform .5s ease
}

.main-btn:active:after {
    box-shadow: inset 1px 2px #000;
    border-top: 2px solid #000
}

.main-btn:focus {
    border: 1px solid #000
}

h1, .main-title {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase
}

h2, .section-title {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .215em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

h2:after, .section-title:after {
    content: '';
    display: block;
    width: 101px;
    height: 2px;
    background: #435966;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

h2.left-title, .section-title.left-title {
    text-align: left
}

h2.left-title:after, .section-title.left-title:after {
    right: auto
}

.section-title_large {
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .1em;
    margin-bottom: 1.3em;
    padding-bottom: .8em;
    position: relative;
    text-transform: uppercase
}

.section-title_large:after {
    content: '';
    display: block;
    width: 101px;
    height: 2px;
    background: #435966;
    position: absolute;
    left: 0;
    bottom: 0
}

.section-title_large.title-center {
    text-align: center
}

.section-title_large.title-center:after {
    right: 0;
    margin: auto
}

.white-title {
    color: #fff
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-upper {
    text-transform: uppercase
}

.min {
    display: block
}

.col-mod-left {
    padding-left: 0
}

.col-mod-right {
    padding-right: 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome, .row {
        display: block
    }

    ::i-block-chrome, .row:after {
        content: '';
        display: table;
        height: 0;
        clear: both
    }
}

@media (min-resolution: 0.001dpcm) {
    _:-o-prefocus .row, body .row {
        display: block
    }

    _:-o-prefocus .row:after, body .row:after {
        content: '';
        display: table;
        height: 0;
        clear: both
    }
}

[class^="col-"] {
    float: left
}

@media all and (min-width: 0\0
) and (min-resolution: 0.001dpcm) {
    .row:after {
        content: '';
        display: table;
        height: 0;
        clear: both
    }
}

@font-face {
    font-family: 'Museo Sans Cyrl 300';
    src: url(../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'ico-icon';
    src: url(../fonts/icons/ico-icon.ttf?afbcla) format("truetype"), url(../fonts/icons/ico-icon.woff?afbcla) format("woff"), url(../fonts/icon/ico-icon.svg?afbcla#ico-icon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'ico-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-adess:before {
    content: "\e900"
}

.ico-rekvizit:before {
    content: "\1f5ce";
    font-size: 20px; /* Размер иконки */
    color:black;
    /*font-weight: bold;*/
}

.ico-arrow:before {
    content: "\e901"
}

.ico-arrows:before {
    content: "\e902"
}

.ico-care:before {
    content: "\e903";
    color: #435966
}

.ico-cart:before {
    content: "\e904"
}

.ico-certificate:before {
    content: "\e905"
}

.ico-certification:before {
    content: "\e906";
    color: #435966
}

.ico-check:before {
    content: "\e907";
    color: #435966
}

.ico-check-2:before {
    content: "\e908";
    color: #435966
}

.ico-clip:before {
    content: "\e909"
}

.ico-clock:before {
    content: "\e90a"
}

.ico-clock-2:before {
    content: "\e90b"
}

.ico-close:before {
    content: "\e90c"
}

.ico-composition:before {
    content: "\e90d"
}

.ico-date:before {
    content: "\e90e"
}

.ico-edit:before {
    content: "\e90f"
}

.ico-fav:before {
    content: "\e910"
}

.ico-fav-2:before {
    content: "\e911";
    color: #435966
}

.ico-fb:before {
    content: "\e912";
    color: #435966
}

.ico-home:before {
    content: "\e913"
}

.ico-inst:before {
    content: "\e914";
    color: #435966
}

.ico-leaf:before {
    content: "\e915";
    color: #435966
}

/*.ico-location:before {
    content: "\e916";
  
  
}*/


.ico-location {
    position: relative;
    padding-left: 28px;
    color: #435966;
}

.ico-location:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23435966' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23435966' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
}

.ico-mail:before {
    content: "\e917"
}

.ico-original:before {
    content: "\e918"
}

.ico-phone:before {
    content: "\e919"
}

.ico-protocol:before {
    content: "\e91a";
    color: #435966
}

.ico-protocols:before {
    content: "\e91b";
    color: #435966
}

.ico-schedule:before {
    content: "\e91c";
    color: #435966
}

.ico-schemes:before {
    content: "\e91d";
    color: #435966
}

.ico-search:before {
    content: "\e91e"
}

.ico-star:before {
    content: "\e91f";
    color: #435966
}

.ico-telegram:before {
    content: "\e920";
    color: #435966
}

.ico-user:before {
    content: "\e921";
    color: #435966
}

.ico-vk:before {
    content: "\e922";
    color: #435966
}

.wrapper-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10000;
}

.logo-loader {
    width: 125px;
    height: 23px;
    background: url(../img/static/logo.svg) no-repeat center top;
    background-size: contain;
    margin-bottom: 2em;
    animation: pulse 2s linear infinite
}

.loader-content {
    width: 310px;
    height: 5px;
    background: #EDEDED;
    border-radius: 200px
}

#nprogress .bar {
    background: #435966;
    height: 100%
}

@keyframes pulse {
    0% {
        opacity: .2;
        transform: scale(0.9)
    }
    50% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: .2;
        transform: scale(0.9)
    }
}

.mobile-panel {
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    border-top: 1px solid #DCDCDC;
    padding: 0 20px 0 10px;
    background: #fff;
    /*font-size: 1.25rem;*/
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.mobile-panel a {
    display: flex;
    align-items: center;
    position: relative;
    color: #000;
    border-bottom: none
}

.mobile-panel .js-bxmaker__geoip__city__line span {
    /*display: flex;*/
    align-items: center;
    position: relative;
    color: #000;
    border-bottom: none;
    cursor: pointer
}

.mobile-panel [class^="ico-"] {
    font-weight: 600;
    color: inherit
}

.mobile-panel [class^="ico-"]:before {
    color: inherit
}

.mobile-panel .ico-fav {
    font-size: 1.1rem
}

.mobile-fav_number {
    position: absolute;
    top: -5px;
    right: -9px;
    width: 17px;
    height: 17px;
    font-size: .8125rem;
    color: #fff;
    line-height: 15px;
    border-radius: 50%;
    background: #435966;
    text-align: center
}

.mobile-cart_number {
    position: absolute;
    top: -4px;
    right: -9px;
    width: 17px;
    height: 17px;
    font-size: .8125rem;
    color: #fff;
    line-height: 15px;
    border-radius: 50%;
    background: #435966;
    text-align: center
}

.right-choice_city {
    display: none;
    position: fixed;
    top: 3em;
    left: 50%;
    margin-top: 2.9em;
    max-width: 390px;
    padding: 1.7em;
    background: #FFF;
    transform: translatex(-50%);
    width: 100%;
    z-index: 110
}

.right-choice_city .city-name {
    font-weight: 600
}

.right-choice_city-footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.right-choice_city-footer .main-btn {
    height: 40px;
    line-height: 40px;
    flex: 48% 0 0;
    max-width: 48%;
    min-width: auto
}

.choose-another_city-btn {
    font-size: .875rem;
    font-weight: 600;
    flex: 48% 0 0;
    max-width: 48%;
    text-transform: uppercase;
    transition: color .3s
}

.choose-another_city-btn:hover {
    color: #435966
}

.right-choice_city-title {
    display: block;
    font-size: 1rem;
    margin-bottom: .5em
}

.ui-header {
    /*position: relative;
    font-size: .875rem;
    background: #fff;
    z-index: 1000*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff; /* Фон, чтобы контент не просвечивал */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Тень для разделения */
}

.ui-header.is-overflow {
    overflow-y: scroll
}

.ui-header .right-column {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ui-header .right-column [class^="ico-"] {
    font-size: 25px;
}

.ui-header [class^="col-"] {
    position: static
}

.ui-header .container {
    position: relative;
    padding: 1.3em 10px
}

.head-logo {
    max-width: 126px;
    max-height: 23px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: -15px;
}

.head-logo a {
    border-bottom: none
}

.head-logo img {
    max-width: 100%;
    max-height: 100%
}

.head-menu {
    display: flex;
    justify-content: space-between;
/*    padding-right: 24.5%;*/
    width: 100%
}

.head-menu li {
    padding: 0 .3em
}

.head-menu a {
    color: inherit;
    border-bottom: none;
    transition: color .3s
}

.head-menu a:hover {
    color: #435966
}

.head-submenu {
    display: none
}

.head-location > a {
    display: flex;
    align-items: center;
    color: inherit;
    border-bottom: none;
    transition: color .3s
}

.head-location > a:hover {
    color: #435966
}

.head-location .bxmaker__geoip__city__line .bxmaker__geoip__city__line-name {
    color: inherit;
    border-bottom: none;
    display: flex;
    align-items: center;
    color: inherit;
    border-bottom: none;
    transition: color .3s
}

.head-location .bxmaker__geoip__city__line .bxmaker__geoip__city__line-name:hover {
    color: #435966
}

.head-location .ico-location {
    margin-right: 10px
}

.head-search {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 10%;
    transition: color .3s
}

.head-search:hover {
    color: #435966
}

.head-search .ico-search {
    margin-right: 10px
}

.wrapper_search-form {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 10
}

.search-form {
    display: flex;
    align-items: center;
    height: 100%
}

.search-form_close-btn {
    width: 44px;
    flex: 44px 0 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color .3s
}

.search-form_close-btn:hover {
    color: #435966
}

.wrapper_search-form_submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px
}

.wrapper_search-form_submit .ico-search {
    width: 17px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 2rem;
    transition: color .3s
}

.wrapper_search-form_submit:hover .ico-search {
    color: #435966
}

.search-form_input {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #102C54;
    font-weight: 500;
    border: 1px solid #DCDCDC;
    padding: 0 70px 0 1.7em;
    transition: border .3s
}

.search-form_input:focus {
    border: 1px solid #435966
}

.search-form_input::-webkit-input-placeholder {
    color: #3F3F3F
}

.search-form_input::input-placeholder {
    color: #3F3F3F
}

.serach-form_submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.head-login {
    margin-left: 10%;
    position: relative
}

.head-login > a {
    border-bottom: none;
    color: inherit
}

.head-login_dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    right: -2em;
    background: #fff;
    box-shadow: 0 5px 34px rgba(0, 0, 0, 0.3);
    padding: 2em;
    z-index: 1
}

.head-login_dropdown:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    right: 2.3em;
    top: -7px;
    transform: rotate(45deg);
    z-index: 1
}

.head-login_dropdown-list {
    text-align: center
}

.head-login_dropdown-list li {
    margin-bottom: 1em
}

.head-login_dropdown-list li:last-child {
    margin-bottom: 0
}

.head_register_btn {
    letter-spacing: .15em;
    font-size: .875rem;
    text-transform: uppercase;
    transition: color .3s
}

.head_register_btn:hover {
    color: #435966
}

.head-fav {
    position: relative;
    color: inherit;
    border-bottom: none;
    margin-left: 5%
}

.head-fav_number {
    position: absolute;
    top: -2px;
    right: -13px;
    width: 19px;
    height: 19px;
    color: #fff;
    line-height: 19px;
    border-radius: 50%;
    background: #435966;
    text-align: center
}

.head-cart {
    margin-left: 5%;
    margin-right: 19px;
    cursor: pointer;
    position: relative
}

.head-cart_number {
    position: absolute;
    top: -2px;
    right: -15px;
    width: 19px;
    height: 19px;
    color: #fff;
    line-height: 19px;
    border-radius: 50%;
    background: #435966;
    text-align: center
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99
}

/*.cart-content_fixed {
    position: fixed;
    top: 0;
    right: -565px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    padding: 1.4em 1.7em;
    width: 564px;
    height: 100vh;
    z-index: 100;
    transition: right .4s
}*/

/* Корзина */

.cart-content_fixed {
    position: fixed;
    top: 0;
    right: -565px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    padding: 1.4em 1.7em;
    width: 564px;
    height: 95vh;
    z-index: 1001;
    transition: right .4s
}

.cart-content_fixed.is-open {
    right: 0
}

.cart-content_fixed-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.4em;
    letter-spacing: .1em;
    border-bottom: 1px solid #DCDCDC;
    flex: 0 0 auto
}

.cart-content_fixed-top .title {
    font-size: 1.25rem;
    text-transform: uppercase
}

.cart-content_fixed-top .number {
    font-size: 1rem;
    text-transform: none
}

.cart-content_close-btn {
    cursor: pointer
}

.cart-content_close-btn:before {
    transition: color .3s
}

.cart-content_close-btn:hover:before {
    color: #435966
}

.cart-content_fixed-body {
    margin-bottom: 2em;
    flex: 1 0 0;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #435966 #D9E3EF;
    scrollbar-width: thin;
}

.cart-content_fixed-body::-webkit-scrollbar-track {
    background-color: #D9E3EF
}

.cart-content_fixed-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #435966
}

.cart-content_fixed-body::-webkit-resizer {
    width: 3px;
    height: 0
}

.cart-content_fixed-body::-webkit-scrollbar {
    width: 3px
}

.cart-content_fixed-footer {
    flex: 0 0 auto;
}

.head-cart_item {
    display: flex;
    padding: 1.2em 0;
    border-bottom: 1px solid #DCDCDC
}

.head-cart_item-left {
    display: flex;
    align-items: center;
    flex: 56px 0 0
}

.head-cart_item-close {
    cursor: pointer
}

.head-cart_item-close:before {
    transition: color .3s
}

.head-cart_item-close:hover:before {
    color: #435966
}

.head-cart_item-img {
    flex: 130px 0 0;
    max-width: 130px;
    height: 130px;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center
}

.head-cart_item-img img {
    max-width: 100%;
    max-height: 100%
}

.head-cart_item-desc {
    flex: 1 0 0;
    padding-left: 1.5em;
    font-size: .875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.head-cart_item-title {
    display: block;
    line-height: 1.5;
    margin-bottom: 1em
}

.head-cart_item-price {
    margin-bottom: .7em
}

.head-cart_item-price .rouble {
    line-height: 6.5px;
    width: .4em;
    /*border-bottom: 1px solid #797979;*/
    display: inline-block
}

.wrapper-counter-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 98px;
    height: 35px;
    border: 1px solid #DCDCDC
}

.wrapper-counter-btn .counter-back, .wrapper-counter-btn .counter-forward {
    border: none;
    width: 30px;
    height: 100%;
    flex: 30px 0 0;
    background: none;
    position: relative;
    transition: background .25s, border-color .25s
}

.wrapper-counter-btn .counter-back:hover:after, .wrapper-counter-btn .counter-back:hover:before, .wrapper-counter-btn .counter-forward:hover:after, .wrapper-counter-btn .counter-forward:hover:before {
    background: #435966
}

.wrapper-counter-btn .counter-back:before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: background .3s
}

.wrapper-counter-btn .counter-forward:after, .wrapper-counter-btn .counter-forward:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    transition: background .3s
}

.wrapper-counter-btn .counter-forward:after {
    height: 10px;
    width: 1px
}

.wrapper-counter-btn .counter-forward:before {
    height: 1px;
    width: 10px
}

.wrapper-counter-btn .product-count {
    width: 38px;
    flex: 38px 0 0;
    max-width: 38px;
    height: 100%;
    border: none;
    text-align: center
}

.cart-content_bottom-panel {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.3em
}

.cart-content_bottom-panel .right-column {
    flex: 1 0 0;
    display: flex;
    justify-content: flex-end;
    padding-left: 1em
}

.promocode-form {
    max-width: 46% 0 0;
    position: relative
}

.promocode-form_input {
    height: 40px;
    padding: 0 2.5em 0 1em;
    border: 1px dashed #8C8C8C;
    width: 100%;
    transition: border .3s;
}

.promocode-form_input:focus {
    border: 1px dashed #435966
}

.promocode-form_input::-webkit-input-placeholder {
    color: #8C8C8C
}

.promocode-form_input::input-placeholder {
    color: #8C8C8C
}

.wrapper_promocode-form_input {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background-color: #435966;
    border-top: 1px dashed #8C8C8C;
    border-bottom: 1px dashed #8C8C8C;
}

.wrapper_promocode-form_input:hover:after {
    border-color: #c6c7c6;
}

.wrapper_promocode-form_input:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(45deg);
    transition: border-bottom-color .3s;
}

.promocode-form_submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.cart-content_sale {
    color: #838383;
    letter-spacing: .05em;
    padding-right: 1.5em;
    border-right: 1px solid #DCDCDC;
    text-transform: uppercase
}

.cart-content_sale .text {
    display: block;
    font-size: .75rem;
    margin-bottom: 1px
}

.cart-content_sale-sum {
    font-size: 1.5625rem;
    white-space: nowrap
}

.cart-content_sale-sum .rouble {
    line-height: 6.5px;
    width: .4em;
    /*border-bottom: 1px solid #838383;*/
    display: inline-block
}

.cart-content_price {
    letter-spacing: .05em;
    padding-left: 1.5em;
    text-transform: uppercase
}

.cart-content_price .text {
    display: block;
    font-size: .75rem;
    margin-bottom: 1px
}

.cart-content_price-sum {
    font-size: 1.5625rem;
    white-space: nowrap
}

.cart-content_price-sum .rouble {
    line-height: 6.5px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.head_checkout-btn {
    width: 100%
}

.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #DCDCDC;
    transform: translate3d(0, -100px, 0);
    visibility: visible !important;
    width: 100%
}

.scroll-transform {
    transform: translate3d(0, 0, 0) !important;
    transition: transform .4s
}

.hamburger {
    display: none;
    padding: 0;
    cursor: pointer;
    width: 19px;
    flex: 19px 0 0;
    height: 19px
}

.hamburger.is-active .hamburger-inner {
    background: #000
}

.hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background: #000
}

.hamburger.is-active .hamburger-inner:before {
    width: 100%
}

.hamburger.is-active .hamburger-box:after {
    opacity: 0
}

.hamburger.is-active .hamburger-box:before {
    opacity: 0
}

.hamburger-box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.hamburger-inner {
    background: #000
}

.hamburger-inner:after, .hamburger-inner:before {
    background: #000
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 100%
}

.hamburger-inner:before {
    width: 50%
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    height: 1px
}

.hamburger--spring .hamburger-inner:before {
    top: 9px
}

.hamburger--spring .hamburger-inner:after {
    top: 18px
}

.main-content {
    flex: 1 0 auto
}

.main-slide {
    overflow: hidden;
    background: radial-gradient(36.07% 202.57% at 64.1% 51%, #FFF 0.28%, #EDEEF0 90.32%);
    position: relative
}

.main-slide .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: fill
}

.main-slide .left-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 551px;
    padding: 2em 10px 2em 0
}

.main-slide .container {
    position: relative
}

.main-slide_title {
    font-size: 3.125rem;
    margin-bottom: .3em;
    margin-top: 0;
    letter-spacing: .05em;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase
}

.main-slide_subtitle {
    display: block;
    font-size: 1.25rem;
    line-height: 1.9;
    margin-bottom: 2.1em;
    letter-spacing: .05em;
    text-transform: uppercase
}

.main-slide_bg {
    width: 66.5%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -33px;
    background-repeat: no-repeat;
    background-position: right bottom
}

.main-slider {
    margin-bottom: 6.5em
}

.main-slider .slick-dots {
    bottom: -2.5em
}

.slick-dots li {
    width: 12px;
    height: 12px;
    border: 1px solid gray;
    transition: background .3s, border-color .3s
}

.slick-dots li.slick-active {
    background: #727272;
    border-color: #727272
}

.category-item {
    padding: 4.5em 0 6.3em
}

.category-item_mod {
    padding-top: 0
}

.category-item_desc {
    padding: 9em 0 2em;
    padding-left: 9.4em;
    padding-right: 4.4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    height: 100%;
    z-index: 1
}

.category-item_desc .main-btn {
    margin-top: 1.9em;
    min-width: 253px
}

.category-item_desc p {
    width: 100%
}

.category-item_desc-mod {
/*    padding-left: 250px;*/
    padding-top: 5em
}

.category-item_title {
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .1em;
    margin-bottom: .8em;
    padding-bottom: .8em;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.category-item_title:after {
    content: '';
    display: block;
    width: 101px;
    height: 2px;
    background: #435966;
    position: absolute;
    left: 0;
    bottom: 0
}

.category-item_img {
    overflow: hidden;
    width: 100%;
    height: 607px;
    perspective: 2500px;
    position: relative;
    margin-left: 15px;

}

.category-item_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-position: center;
    object-fit: cover;
    transition: transform 1s linear .1s
}

.category-item_desc {
    transition: transform 1s linear .1s
}

.category-item_bg {
    width: 354px;
    height: 446px;
 /*   background: #F8F8F8;*/
    position: absolute;
    left: 0;
    top: 7.5em;
    transition: transform 1s linear .1s;
    z-index: -1;
    left: 100px;
}

.category-item_bg-mod {
    right: 0;
    top: 6.8em;
    left: 320px;
    width: 450px
}

.product-section_mod {
    padding: 3em 0
}

.product-section_mod h2, .product-section_mod .section-title {
    margin-bottom: 3em
}

.product-section_header {
    position: relative;
    padding: 0 160px;
    margin-bottom: 4em
}

.product-section_header h2, .product-section_header .section-title {
    margin-bottom: 0
}

.all-product_link {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    border-bottom: none;
    color: #000;
    top: 3px;
    transition: color .3s
}

.all-product_link:hover {
    color: #435966
}

.all-product_link .ico-arrow {
    margin-left: 20px
}

.search-section .product-content {
    justify-content: normal
}

/*.product-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px
}*/

.product-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   /* margin: 0 -10px;*/
    margin-left: 25px;
    margin-right: 0px;

}

.product-column {
    padding: 0 10px;
    max-width: 25%;
    flex: 25% 0 0;
    margin-bottom: 1.7em;
    width: 100%;
    text-align: center
}

.product-column:nth-child(4n+4) {
    text-align: right
}

.product-column:nth-child(4n+5) {
    text-align: left
}

.product-column:first-child {
    text-align: left
}

.product-item {
    max-width: 211px;
    display: inline-block;
    position: relative;
    width: 100%
}

.product-item.is-delete {
    color: #FF3131
}

.product-item.is-delete .product-item_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .8125rem;
    text-align: center;
    position: relative;
    z-index: 1
}

.product-item.is-delete .product-item_img:after {
    content: '';
    display: block;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    background: #FFECEC;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 50%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    z-index: -1
}

.product-item.is-delete img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    height: 44px;
    margin-bottom: 1em
}

.product-item.is-delete .product-item_price {
    color: inherit
}

.product-item.is-delete .product-item_category {
    color: inherit
}

.product-item.is-delete .product-item_old-price {
    color: inherit
}

.product-item.is-delete .rouble {
    /*border-bottom-color: #FF3131*/
}

.product-item.is-delete .product-item_delete-btn {
    color: #FF3131
}

.product-item_img {
    height: 264px;
    position: relative;
    overflow: hidden
}

.product-item_img > a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: none;
    height: 100%;
    position: relative;
    perspective: 500px;
    z-index: 1
}

.product-item_img > a:hover:after {
    bottom: 50%;
    padding-top: 200%;
    width: 200%
}

.product-item_img > a:hover img {
    transform: translateZ(-90px)
}

.product-item_img > a:after {
    content: '';
    display: block;
    width: 211px;
    height: 211px;
    border-radius: 50%;
    background: #F8F8F8;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 40%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    transform-style: preserve-3d;
    transition: bottom .3s ease-in-out 0s, padding-top .3s ease-in-out 0.3s, width .3s ease-in-out .3s;
    z-index: -1
}

.product-item_img img {
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease-in-out .3s
}

.product-item_fav {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: .9rem;
    cursor: pointer;
    z-index: 2
}

.product-item_fav.is-active .ico-fav-2 {
    opacity: 1
}

.product-item_fav .ico-fav-2 {
    position: absolute;
    /*top: 1px;*/
    /*right: 0;*/
    opacity: 0;
    font-size: 105%;
    transition: opacity .3s
}

.product-item_desc {
    padding-top: 1.9em;
    text-align: center
}

.product-item_category {
    display: block;
    color: #797979;
    font-size: .625rem;
    letter-spacing: .1em;
    margin-bottom: .8em;
    text-transform: uppercase
}

.product-item_title {
    margin-bottom: .5em
}

.product-item_title > a {
    color: inherit;
    border-bottom-color: transparent
}

.product-item_title > a:hover {
    color: #435966;
    border-bottom-color: #435966
}

.product-item_price {
    color: #797979;
    display: block
}

.product-item_price del {
    margin-right: 6px
}

.product-item_price .rouble {
    line-height: 5px;
    width: .4em;
    /*border-bottom: 1px solid #797979;*/
    display: inline-block
}

.product-gift {
    color: red;
    text-transform: uppercase;
}

.news-section {
    padding: 0 0 4.2em
}

.news-section_header {
    position: relative;
    padding: 0 150px;
    margin-bottom: 3.2em
}

.news-section_header h2, .news-section_header .section-title {
    margin-bottom: 0
}

.all-news_link {
    position: absolute;
    top: 13px;
    right: 0;
    display: flex;
    align-items: center;
    border-bottom: none;
    color: #000;
    transition: color .3s
}

.all-news_link:hover {
    color: #435966
}

.all-news_link .ico-arrow {
    margin-left: 20px
}

.news-item {
    margin-bottom: 1.8em
}

.news-item_img {
    height: 296px;
    overflow: hidden
}

.news-item_img:hover img {
    transform: scale(1.2)
}

.news-item_img > a {
    display: block;
    height: 100%;
    border: none
}

.news-item_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s
}

.news-item_desc {
    padding-top: 1.7em
}

.news-item_desc p:last-child {
    margin-bottom: 0
}

.news-item_date {
    display: block;
    font-size: .875rem;
    margin-bottom: .9em;
    letter-spacing: .1em;
    /*color: #797979*/
    color: #ffffff
}

.news-item_title {
    font-size: 1.25rem;
    margin-bottom: .8em
}

.news-item_title a {
    color: inherit;
    border-bottom-color: transparent
}

.news-item_title a:hover {
    border-bottom-color: #435966;
    color: #435966
}

.instagram-section {
    padding-bottom: 8em
}

.instagram-section_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.9em
}

.instagram-section_header .title {
    font-size: 1.875rem;
    margin-right: 1em
}

.instagram-section_header .main-btn {
    min-width: 206px
}

.instagram-content {
    display: flex
}

.instagram_large-img {
    flex: 1 0 0
}

.instagram_large-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.instagram_photo-list {
    flex: 60% 0 0;
    display: flex;
    flex-wrap: wrap
}

.instagram_photo-list li {
    flex: 33.3333% 0 0
}

.instagram_photo-list img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.advantages-section {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 3.9em 0
}

.advantages-list {
    display: flex;
    justify-content: space-between
}

.advantage-item {
    padding: 0 10px;
    max-width: 25%;
    display: flex
}

.advantage-item [class^="ico-"] {
    margin-right: 20px;
    font-size: 2.5rem
}

.advantage-item [class^="ico-"]:before {
    color: #435966
}

.advantage-item .ico-schemes {
    font-size: 2.7rem
}

.advantage-item_icon {
    margin-right: 20px
}

.form-section {
    padding: 2.4em 0
}

.form-section_title {
    font-size: 1.875rem;
    margin-bottom: .9em;
    text-align: center
}

.form-section_title small {
    display: block;
    margin-top: .3em;
    font-size: 53%
}

.form-static {
    display: flex;
    max-width: 832px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.7em
}

.form-static .form-group {
    flex: 1 0 0;
    margin-bottom: 0;
    margin-left: -1px
}

.form-static_input {
    border: 1px solid #000;
    padding: 0 1em;
    /*font-size: .875rem;*/
    height: 48px;
    width: 100%;
    transition: border .3s
}

.form-static_input::-webkit-input-placeholder {
    color: #3F3F3F
}

.form-static_input::input-placeholder {
    color: #3F3F3F
}

.form-static_input:focus {
    border: 1px solid #435966
}

.wrapper_form-static_submit {
    flex: 180px 0 0;
    height: 48px;
    line-height: 48px;
    min-width: auto
}

.form-static_submit {
    font-size: inherit;
    letter-spacing: .15em;
    text-transform: uppercase;
    /*width: 100%;*/
    width: 121%;
    margin-left: -15px;
}
}

.form-policy {
    font-size: .75rem;
    text-align: center
}

button.close {
    border: none;
    position: absolute;
    top: 1em;
    right: 1em;
    font-size: 1.1rem;
    opacity: 1
}

button.close:hover .ico-close {
    color: #435966
}

.modal-backdrop.show {
    opacity: .8
}

.modal-dialog {
    max-width: 603px
}

.product-added_popup {
    max-width: 1360px
}

.product-added_popup .modal-content {
    padding-top: 3em
}

.modal-backdrop {
    z-index: 120
}

.modal {
    z-index: 130
}

.modal-content {
    padding: 2em 2.6em 2.5em;
    border-radius: 0
}

.modal-content p {
    font-size: 1.25rem
}

.popup-title {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .1em;
    margin-bottom: 1.8em;
    padding-bottom: .7em;
    position: relative;
    text-transform: uppercase
}

.popup-title:after {
    content: '';
    display: block;
    width: 101px;
    height: 2px;
    background: #435966;
    position: absolute;
    left: 0;
    bottom: 0
}

.wrapper_input-city {
    position: relative
}

.wrapper_input-city .ico-location {
    position: absolute;
    left: 3px;
    top: 16px;
    font-size: 1.2rem
}

.wrapper_input-city .icon {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-right: 1px solid #435966;
    border-bottom: 1px solid #435966;
    position: absolute;
    top: 17px;
    right: 2px;
    transform: rotate(45deg)
}

.input-city {
    height: 54px;
    padding: 0 2em 0 2.2em;
    border-bottom: 1px solid #DCDCDC;
    width: 100%
}

.input-city::-webkit-input-placeholder {
    color: #8C8C8C
}

.input-city::input-placeholder {
    color: #8C8C8C
}

.input-city:focus {
    border-bottom: 1px solid #DCDCDC
}

.city_bottom-panel {
    display: flex;
    margin-top: 1em;
    margin-bottom: 2em;
    justify-content: space-between;
    font-size: .75rem
}

.city_bottom-panel .text {
    margin-right: 1em
}

.select-automatically_city-btn {
    color: inherit;
    border-bottom: none;
    transition: color .3s
}

.select-automatically_city-btn:hover {
    color: #435966
}

.city-select_list {
    border: 1px solid #DCDCDC;
    padding: 1.6em 2.3em;
    scrollbar-color: #435966 #D9E3EF;
    scrollbar-width: thin;
    overflow-y: auto;
    max-height: 302px
}

.city-select_list li {
    margin-bottom: .75em;
    cursor: pointer;
    transition: color .3s
}

.city-select_list li:hover {
    color: #435966
}

.city-select_list::-webkit-scrollbar-track {
    background-color: #D9E3EF
}

.city-select_list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #435966
}

.city-select_list::-webkit-resizer {
    width: 3px;
    height: 0
}

.city-select_list::-webkit-scrollbar {
    width: 3px
}

.form-group {
    margin-bottom: 2.1em;
    position: relative;
    z-index: 1
}

.form-group.focus .form-label {
    font-size: 14px;
    line-height: 1px
}

.form-group_textarea.focus .form-label {
    font-size: 14px;
    line-height: 12px
}

.form-label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 55px;
    transition: all .3s;
    z-index: -1
}

.form-control {
    width: 100%;
    height: 55px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #DCDCDC;
    outline: none;
    resize: none;
    transition: border-bottom .3s
}

.form-control:focus {
    border-bottom: 1px solid #435966
}

textarea.form-control {
    padding-top: 1em
}

.error {
    display: block;
    font-size: .875rem;
    color: red
}

.input-error {
    border-color: red !important
}

.form-footer {
    display: flex;
    margin-top: 2.8em
}

.wrapper_callback-form_submit {
    flex: 276px 0 0;
    min-width: auto
}

.callback-form_submit {
    position: relative;
    font-size: inherit;
    letter-spacing: .15em;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

.form-footer_policy {
    color: #3F3F3F;
    font-size: .75rem;
    line-height: 1.5;
    padding-left: 2.3em
}

.callback-form {
    margin-top: 2em
}

.popup_icon-check {
    width: 124px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #435966;
    border-radius: 50%;
    margin: 1.8em auto 1.5em
}

.popup_icon-check .ico-check {
    font-size: 2rem
}

.site-map_menu {
    margin-bottom: 3em
}

.site-map_menu li {
    margin-bottom: 1em
}

.main-pagination {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-pagination li {
    /*padding: 0 .2em*/
}

.main-pagination li.active {
    pointer-events: none
}

.main-pagination li.active a {
    background: #435966;
    color: #fff
}

.main-pagination a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #f0f0f2;
    color: #000;
    font-size: 1rem;
    text-align: center;
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.main-pagination a:hover {
    background: #435966;
    color: #fff
}

.main-pagination .prev-page, .main-pagination .next-page {
    width: 10px;
    height: 10px;
    line-height: 1;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    margin-left: .5em;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.main-pagination .prev-page:hover, .main-pagination .next-page:hover {
    border-color: #435966;
    background-color: transparent
}

.main-pagination .prev-page {
    margin: 0 .5em 0 0;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.log-register_section {
    padding: 2.5em 0
}

.unified_header-panel {
    position: relative;
    margin-bottom: 2em
}

.unified_header-panel .section-title {
    margin-bottom: 0;
    letter-spacing: .1em
}

.main-page_btn {
    font-size: .75rem;
    padding-left: 1.6em;
    position: absolute;
    top: 0;
    left: 0;
    transition: color .3s;
    z-index: 2
}

.main-page_btn:hover {
    color: #435966
}

.main-page_btn:hover:before {
    border-color: #435966
}

.main-page_btn:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    top: 3px;
    left: 0;
    transform: rotate(-45deg);
    transition: border-color .3s
}

.main-page_btn-mod {
    display: inline-block;
    position: relative;
    margin-bottom: 3.1em
}

.log-register_form {
    max-width: 545px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em
}

.login-form {
    margin-top: 9em
}

.wrapper_log-register_submit {
    flex: 227px 0 0;
    width: 227px;
    min-width: auto
}

.log-register_submit {
    font-size: inherit;
    letter-spacing: .15em;
    text-transform: uppercase;
    width: 100%
}

.log-register_form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.3em
}

.forgot-password_btn {
    border-bottom: 1px solid transparent;
    transition: color .3s, border-bottom-color .3s
}

.forgot-password_btn:hover {
    color: #435966;
    border-bottom-color: #435966
}

.unified-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 27px
}

.unified-checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    display: none
}

.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:before {
    opacity: 1
}

.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
    border-color: #435966
}

.unified-checkbox input[type="checkbox"] + .checkbox-text:before {
    width: 5px;
    height: 11px;
    content: '';
    display: block;
    border-right: 1.5px solid #435966;
    border-bottom: 1.5px solid #435966;
    position: absolute;
    top: 2px;
    left: 6px;
    opacity: 0;
    transform: rotate(45deg);
    transition: opacity .2s;
    z-index: 1
}

.unified-checkbox input[type="checkbox"] + .checkbox-text:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    position: absolute;
    top: 1px;
    left: 0;
    margin: auto;
    transition: border-color .3s, background .3s
}

.unified-checkbox .checkbox-text {
    display: inline-block;
    transition: color .2s
}

.password-change_subtitle {
    color: #3F3F3F;
    font-size: .875rem;
    margin-top: -1.2em;
    margin-bottom: 14em;
    text-align: center
}

.registration-successful_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8.5em;
    padding-bottom: 3em
}

.registration-successful_content p {
    font-size: 1.25rem;
    margin-bottom: 2.7em
}

.registration-successful_content .main-btn {
    min-width: 253px
}

.registration-successful_icon {
    margin-bottom: 1.6em
}

.registration-successful_icon img {
    max-width: 100%
}

.category-section {
    padding-top: 1.5em;
    padding-bottom: 5em
}

.category-section .category-item {
    padding: 3em 0
}

.category-section .category-item_first {
    padding-top: 0
}

.catalog-section {
    padding: 2.5em 0 0
}

.catalog-section .top-text {
    font-size: .875rem;
    line-height: 1.7;
    margin-bottom: 2.1em;
    padding: 0 15%;
    text-align: center
}

.catalog-section .main-page_btn {
    top: -1em
}

.catalog-section .unified_header-panel {
    margin-bottom: .7em
}

.catalog-menu {
    display: flex;
    justify-content: center;
    font-size: .875rem;
    margin-bottom: 2.7em
}

.catalog-menu li {
    padding: 0 1.5em;
    line-height: 1.5
}

.catalog-menu li.active {
    pointer-events: none
}

.catalog-menu li.active a {
    color: #435966;
    border-bottom: 1px solid #435966
}

.catalog-menu a {
    padding-bottom: 2px;
    color: #000;
    border-bottom: 1px solid #000;
    transition: border-bottom-color .3s, color .3s
}

.catalog-menu a:hover {
    color: #435966;
    border-bottom: 1px solid #435966
}

.unified-filter_panel {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 1.5em 0;
    margin-bottom: 2.8em
}

.unified-filter_panel-mod {
    margin-top: -1px
}

.unified-filter_menu {
    display: flex
}

.unified-filter_menu .selectric-items {
    width: 220px !important;
    height: auto !important;
}

.unified-filter_item {
    margin-right: 2.5em;
    max-width: 220px;
    min-width: 93px;
    font-size: .875rem
}

.unified-filter_item:last-child {
    margin-right: 0
}

.catalog-content .product-column {
    margin-bottom: 4em
}

.category-item_other {
    padding-top: 2.3em
}

.selectric {
    display: inline-block;
    height: 20px;
    border: none;
    border-radius: 0;
    background: #fff;
    width: 100%
}

.selectric .label {
    font-size: inherit;
    height: 100%;
    line-height: 20px;
    margin-right: 23px;
    color: #1F1F1F
}

.selectric .button {
    height: 100%;
    width: 17px;
    background-color: transparent
}

.selectric .button:after {
    width: 7px;
    height: 7px;
    border: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    bottom: 4px;
    transform: rotate(45deg)
}

.selectric-items ul {
    padding: 0;
    margin: 0;
    font-size: inherit
}

.selectric-items li {
    margin-bottom: 0 !important
}

.selectric-items {
    border: none;
    padding: .5em 0;
    font-size: inherit;
    background: #fff;
    border: 1px solid #DCDCDC;
    box-shadow: none;
    margin-top: 23px;
    border-radius: 0
}

.selectric-items li {
    font-size: inherit;
    padding: .3em 1em;
    color: #000;
    border-bottom: none;
    position: relative
}

.selectric-items li:hover {
    background: transparent;
    color: #435966
}

.selectric-items li.highlighted {
    color: #435966;
    background-color: transparent;
    padding-left: 1.7em
}

.selectric-items li.highlighted:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #435966;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 12px;
    margin: auto
}

.selectric-items .selectric-scroll {
    scrollbar-color: #435966 #D9E3EF;
    scrollbar-width: thin
}

.selectric-items .selectric-scroll::-webkit-scrollbar-track {
    background-color: #D9E3EF
}

.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #435966
}

.selectric-items .selectric-scroll::-webkit-resizer {
    width: 3px;
    height: 0
}

.selectric-items .selectric-scroll::-webkit-scrollbar {
    width: 3px
}

.selectric-open .button {
    transform: rotate(180deg)
}

.card-product_header {
    min-height: 734px;
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.card-product_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card-product_slider .slick-track {
    height: 100%
}

.card-product_slider .slick-list {
    height: 100%
}

.card-product_slider .slick-slide {
    height: 100%
}

.card-product_slider .slick-slide > div {
    height: 100%
}

.card-product_slider .slick-arrow {
    bottom: 0;
    top: auto
}

.card-product_slider .slick-next {
    right: 0;
    margin-right: calc(calc(100vw - 1370px) / 2)
}

.card-product_slider .slick-prev {
    right: 0;
    left: auto;
    margin-right: calc(calc(100vw - 1230px) / 2)
}

.slick-arrow {
    width: 70px;
    height: 70px;
    background: #fff;
    border: none;
    transform: none
}

.slick-arrow:hover {
    border-color: #E3E3E3
}

.slick-arrow:hover:after {
    border-color: #435966
}

.slick-arrow:after {
    content: '';
    display: block;
    width: 22%;
    height: 22%;
    border-top: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    left: 0;
    margin: auto;
    transform: rotate(45deg);
    transition: border-color .3s
}

.slick-prev {
    border-right: 1px solid #E3E3E3
}

.slick-prev:after {
    left: 10px;
    right: 0;
    transform: rotate(-135deg)
}

.card-product_slide {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.card-product_info-box {
    position: relative;
    background: #fff;
    padding: 5em 3.5em;
    max-width: 637px;
    z-index: 40
}

.card-product_category {
    font-size: .875rem;
    margin-bottom: 1.4em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.card-product_title {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-bottom: .6em;
    text-align: left
}

.card-product_title:after {
    margin: 0;
    right: auto
}

.card-product_price {
    display: flex;
    font-size: 1.875rem;
    letter-spacing: .05em;
    margin-bottom: 1em
}

.card-product_price .price-column {
    margin-right: 2em
}

.card-product_price .price-column:last-child {
    margin-right: 0
}

.card-product_price .text {
    display: block;
    font-size: .875rem;
    margin-top: 1px
}

.card-product_price .text-gray {
    color: #838383
}

.card-product_price .rouble {
    line-height: 7px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.card-product_old-price {
    color: #838383
}

.card-product_characteristics-table {
    margin-bottom: 1.6em
}

.card-product_characteristics-table td {
    padding: .2em .7em;
    /*font-size: .875rem;*/
    vertical-align: middle
}

.card-product_characteristics-table td:first-child {
    padding-left: 0;
    text-transform: uppercase
}

.card-product_characteristics-list {
    display: flex;
    flex-wrap: wrap
}

.card-product_characteristics-list li {
    border: 1px solid #DCDCDC;
    height: 30px;
    min-width: 80px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .8em;
    margin-right: .7em;
    transition: border-color .3s
}

.card-product_characteristics-list li:hover {
    border-color: #435966
}

.card-product_characteristics-list li.active {
    border-color: #435966
}

.card-product_characteristics-list li.disabled {
    border-color: #fff
}

.card-product_btns {
    display: flex;
    margin-bottom: 1.2em
}

.card-product_add-btn {
    max-width: 304px;
    height: 60px;
    line-height: 1.1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5em;
    width: 100%
}

.card-product_add-btn .ico-cart {
    margin-left: 10px;
    font-size: 1.3rem
}

.card-product_add-btn .ico-check {
    display: none;
    margin-left: 10px;
    transform: rotate(-3deg)
}

.card-product_add-btn .ico-check:before {
    color: #fff
}

.card-product_add-btn.is-active {
    background: #435966;
    color: #fff
}

.card-product_add-btn + .not-available {
    display: none;
}
.card-product_add-btn.disabled {
    cursor: not-allowed;
    display: none;
}
.card-product_add-btn.disabled + .not-available {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1em;
    color: #797979;
}

.card-product_add-btn.is-active .ico-check {
    display: block
}

.card-product_add-btn.is-active .ico-cart {
    display: none
}

.card-product_fav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 30px;
    width: 40px;
    flex: 40px 0 0;
    border: 1px solid #435966;
    font-size: 1.2rem
}

.card-product_fav.is-active .ico-fav-2 {
    opacity: 1
}

.card-product_fav .ico-fav-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    font-size: 105%;
    transform: translate(-50%, -50%);
    transition: opacity .3s
}

.card-product_subtitle {
    letter-spacing: .05em;
    margin-bottom: .6em;
    text-transform: uppercase
}

.card-product_certificates-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 227px;
    min-width: auto
}

.card-product_certificates-btn .ico-certificate {
    margin-right: 10px;
    font-size: 1.2rem
}

.product-added_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0em 0;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
    z-index: 90;
    transition: .5s top .5s
}

.product-added_panel .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-added_panel .card-product_price {
    margin-bottom: 0;
    margin-right: 1em
}

.product-added_title {
    flex: 1 0 0;
    padding-right: 1em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.product-added_volume {
    flex: 210px 0 0;
    display: flex;
    align-items: center;
    letter-spacing: .05em;
    margin-right: 10px
}

.product-added_volume .volume-number {
    flex: 74px 0 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    margin-right: 10px
}

.product-added_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 282px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px
}

.product-added_btn .ico-cart {
    margin-left: 10px;
    font-size: 1.3rem
}

.product-added_btn .ico-check {
    display: none;
    margin-left: 10px;
    transform: rotate(-3deg)
}

.product-added_btn .ico-check:before {
    color: #fff
}

.product-added_btn.is-active {
    background: #435966;
    color: #fff
}

.product-added_btn.is-active .ico-check {
    display: inline-block
}

.product-added_btn.is-active .ico-cart {
    display: none
}

.product-added_btn + .not-available {
    display: none;
}
.product-added_btn.disabled {
    cursor: not-allowed;
    display: none;
}
.product-added_btn.disabled + .not-available {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1em;
    color: #797979;
}

.card-product_desc-section {
    padding: 4em 0 4.8em
}

.card-product_desc {
    border: 1px solid #DCDCDC;
    padding: 8.6em 2em
}

.card-product_desc-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-product_desc-top .title {
    letter-spacing: .15em;
    text-transform: uppercase
}

.card-product_desc-close {
    cursor: pointer;
    transition: color .3s, transform .2s
}

.card-product_desc-close:hover {
    color: #435966
}

.card-product_desc-close.is-active {
    transform: rotate(45deg)
}

.card-product_desc-content {
    padding-top: 3.8em
}

.card-product_desc-item {
    margin-bottom: 2.5em
}

.card-product_desc-item:last-child {
    margin-bottom: 0
}

.card-product_desc-item p:last-child {
    margin-bottom: 0
}

.card-product_desc-subtitle {
    display: block;
    margin-bottom: .5em;
    letter-spacing: .05em;
    text-transform: uppercase
}

.card-product_desc-list {
    display: flex;
    flex-wrap: wrap
}

.card-product_desc-list li {
    display: flex;
    align-items: center;
    background: #F8F8F8;
    border-radius: 45px;
    height: 34px;
    padding: 0 1.5em;
    font-size: .75rem;
    margin-right: 1.1em;
    letter-spacing: .15em;
    margin-bottom: .7em;
    text-transform: uppercase
}

.card-product_desc-list li:last-child {
    margin-right: 0
}

.card-product_mode-application {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 8.4em 0
}

.card-product_mode-application .container {
    display: flex;
    justify-content: flex-end;
    padding-right: 2.6em
}

.card-product_mode-application .section-title {
    font-size: 1.875rem;
    letter-spacing: .1em;
    padding-bottom: .7em;
    margin-bottom: 1.4em
}

.mode-application_box {
    background: #fff;
    padding: 4.2em 4em;
    max-width: 637px;
    width: 100%
}

.mode-application_list li {
    margin-bottom: 1.8em;
    padding-left: 2.4em;
    line-height: 1.7;
    position: relative
}

.mode-application_list li:before {
    content: '';
    display: block;
    width: 14px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 12px;
    left: 0
}

.mode-application_list li:last-child {
    margin-bottom: 0
}

.card-product_ingredients {
    padding: 5.3em 0 7em;
    background: #F8F8F8
}

.card-product_ingredients .subtitle {
    display: block;
    letter-spacing: .05em;
    margin-bottom: 1em;
    text-transform: uppercase
}

.card-product_ingredients-content {
    margin-top: 4em
}

.card-product_ingredients-content p {
    padding-right: 7%
}

.barbara_text-box {
    max-width: 977px;
    text-align: center;
    position: relative;
    padding-bottom: 0em;
    margin: 3.7em auto 5em
}
/*линия разделитель зеленая*/
/*.barbara_text-box:after {
    content: '';
    display: block;
    width: 101px;
    height: 2px;
    background: #435966;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}*/

.barbara_text-box p {
    font-size: 1.25rem
}

.barbara_text-box_logo {
    margin-bottom: 3.2em
}

.barbara_text-box_logo img {
    max-width: 135px;
    max-height: 25px
}

.news-section_mod {
    padding-top: 2.2em;
    padding-bottom: 2.5em
}

.news-section_mod .top-text {
    font-size: .875rem;
    line-height: 1.7;
    margin-bottom: 2.1em;
    padding: 0 15%;
    text-align: center
}

.news-section_mod .unified_header-panel {
    margin-bottom: .7em
}

.news-section_mod .news-item {
    margin-bottom: 3.5em
}

.news-menu {
    display: flex;
    justify-content: center;
    font-size: .875rem;
    margin-bottom: 3.6em
}

.news-menu li {
    padding: 0 1.5em;
    line-height: 1.5
}

.news-menu li.active a {
    color: #435966;
    border-bottom: 1px solid #435966
}

.news-menu a {
    padding-bottom: 2px;
    color: #000;
    border-bottom: 1px solid #000;
    transition: border-bottom-color .3s, color .3s
}

.news-menu a:hover {
    color: #435966;
    border-bottom: 1px solid #435966
}

.news-detailed {
    padding-top: 2.2em;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 6em
}

.news-detailed .unified_header-panel {
    margin-bottom: .7em
}

.news-detailed_date {
    font-size: .875rem;
    margin-bottom: 3.2em;
    text-align: center;
    color: #ffffff;
}

.news-detailed_img {
    margin: 0 -10px 2.8em;
    display: flex
}

.news-detailed_img .wrapper-img {
    flex: 1 0 0;
    padding: 0 10px
}

.news-detailed_img img {
    max-width: 100%
}

.news-detailed_item {
    margin-bottom: 3em
}

.news-detailed_item p:last-child {
    margin-bottom: 0
}

.news-detailed_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2em
}

.news-detailed_footer .left-column {
    display: flex;
    align-items: center
}

.news-detailed_footer .text {
    margin-right: 1.3em
}

.social-network_mod {
    display: flex;
    align-items: center
}

.social-network_mod li {
    padding: 0 .8em
}

.social-network_mod a {
    display: flex;
    align-items: center;
    border-bottom: none;
    font-size: 1.3rem;
    transition: opacity .3s
}

.social-network_mod a:hover {
    opacity: .85
}

.social-network_mod .ico-vk {
    font-size: 1rem
}

.news-detailed_body {
    max-width: 885px;
    margin-left: auto;
    margin-right: auto
}

.news-detailed_body .section-title {
    letter-spacing: .1em;
    margin-bottom: 1.4em
}

.personal-area_section {
    padding: 2.6em 0 8.7em
}

.user_header-panel {
    display: flex;
    align-items: center;
    margin-bottom: 6.6em;
    margin-top: .4em;
    justify-content: space-between
}

.user-name {
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 1.5;
    max-width: 250px;
    overflow: hidden;
    text-transform: uppercase
}

.user-surname {
    display: block;
    padding-left: 1em
}

.user-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .5em;
    width: 113px;
    height: 113px;
    flex: 113px 0 0;
    background: #DCDCDC;
    border-radius: 50%
}

.user-icon img {
    max-width: 100%;
    max-height: 100%
}

.personal-area_menu {
    padding-right: 1.3em
}

.personal-area_menu li {
    padding: 1.5em 0;
    border-bottom: 1px solid #DCDCDC;
    letter-spacing: .05em;
    text-align: right;
    text-transform: uppercase
}

.personal-area_menu li.active {
    pointer-events: none;
    font-weight: 600;
    color: #435966;
    border-bottom: 1px solid #435966
}

.personal-area_menu a {
    color: inherit;
    border-bottom: none;
    transition: color .3s
}

.personal-area_menu a:hover {
    color: #435966
}

.personal-area_left-column {
    flex: 382px 0 0;
    max-width: 382px;
    padding: 0 10px
}

.personal-area_right-column {
    flex-basis: calc(100% - 382px);
    max-width: calc(100% - 382px);
    padding: 3.3em 10px 0 5.2em
}

.personal-information_form {
    margin-top: 7.5em;
    max-width: 545px
}

.personal-information_form .wrapper_form-submit {
    min-width: 227px;
    margin-top: 1.4em
}

.personal-information_form-submit {
    font-size: .875rem;
    letter-spacing: .15em;
    text-transform: uppercase
}

.fav-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5em
}

.fav_clear-list_btn {
    color: #8C8C8C;
    display: flex;
    font-size: .875rem;
    position: relative;
    top: 10px;
    align-items: center
}

.fav_clear-list_btn .ico-close {
    margin-left: 10px;
    font-size: .75rem
}

.fav-content {
    max-width: 478px
}

.produce-item {
    display: flex;
    padding: 1em 0
}

.produce-item.is-delete {
    color: #FF3131
}

.produce-item.is-delete .produce-item_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: .8125rem;
    text-align: center;
    position: relative;
    z-index: 1
}

.produce-item.is-delete .produce-item_img:after {
    content: '';
    display: block;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    background: #FFECEC;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 50%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    z-index: -1
}

.produce-item.is-delete img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    height: 44px;
    margin-bottom: 1em
}

.produce-item.is-delete .produce-item_category {
    color: inherit
}

.produce-item.is-delete .produce-item_old-price {
    color: inherit
}

.produce-item.is-delete .produce-item_footer {
    border-top-color: #FF3131
}

.produce-item.is-delete .rouble {
    /*border-bottom-color: #FF3131*/
}

.produce-item.is-delete .produce-item_delete-btn {
    color: #FF3131
}

.restore-goods_btn {
    font-size: .875rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    transition: color .3s
}

.restore-goods_btn:hover {
    color: #fd0000
}

.restore-goods_btn-2 {
    border-color: #FF3131;
    color: #FF3131;
    margin-top: 10px
}

.restore-goods_btn-2:hover {
    border-color: #FF3131
}

.restore-goods_btn-2:after {
    background: #FF3131
}

.restore-goods_btn-2:focus {
    border-color: #FF3131
}

.produce-item_img {
    flex: 147px 0 0;
    height: 147px;
    max-width: 147px;
    position: relative;
    overflow: hidden
}

.produce-item_img > a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: none;
    height: 100%;
    position: relative;
    padding: .5em;
    perspective: 500px;
    z-index: 1
}

.produce-item_img > a:hover:after {
    bottom: 50%;
    padding-top: 200%;
    width: 200%
}

.produce-item_img > a:hover img {
    transform: translateZ(-90px)
}

.produce-item_img > a:after {
    content: '';
    display: block;
    width: 147px;
    height: 147px;
    border-radius: 50%;
    background: #F8F8F8;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 50%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    transform-style: preserve-3d;
    transition: bottom .3s ease-in-out 0s, padding-top .3s ease-in-out 0.3s, width .3s ease-in-out .3s;
    z-index: -1
}

.produce-item_img img {
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
    transition: all .3s ease-in-out .3s
}

.produce-item_desc {
    flex-basis: calc(100% - 147px);
    max-width: calc(100% - 147px);
    padding-left: 1.7em;
    position: relative
}

.produce-item_delete-btn {
    position: absolute;
    top: -3px;
    right: 0;
    cursor: pointer;
    font-size: .8rem;
    transition: color .3s
}

.produce-item_delete-btn:hover {
    color: #435966
}

.produce-item_category {
    display: block;
    color: #8C8C8C;
    font-size: .75rem;
    letter-spacing: .1em;
    margin-bottom: 1.3em;
    padding-right: 1em;
    text-transform: uppercase
}

.produce-item_title {
    margin-bottom: 1.3em;
    line-height: 1.5
}

.produce-item_title > a {
    color: inherit;
    border-bottom-color: transparent;
    transition: color .3s, border-bottom-color .3s
}

.produce-item_title > a:hover {
    color: #435966;
    border-bottom-color: #435966
}

.produce-item_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .8em;
    border-top: 1px solid #435966
}

.produce-item_footer .left-column {
    display: flex;
    align-items: center
}

.produce-item_footer .right-column {
    display: flex
}

.produce-item_heart {
    font-size: 1.2rem;
    margin-right: 1.3em
}

.produce-item_cart {
    font-size: 1.4rem
}

.produce-item_old-price {
    color: #8C8C8C;
    margin-right: 1.3em
}

.produce-item_old-price .rouble {
    line-height: 5px;
    width: .4em;
    /*border-bottom: 1px solid #8C8C8C;*/
    display: inline-block
}

.produce-item_new-price .rouble {
    line-height: 5px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.purchases-content {
    margin-top: 9em;
    max-width: 478px
}

.purchases-menu {
    display: flex;
    margin-bottom: 1.6em;
    font-size: .75rem
}

.purchases-menu li {
    margin-right: 3em
}

.purchases-menu li.active {
    pointer-events: none
}

.purchases-menu li.active a {
    color: #435966
}

.purchases-menu li:last-child {
    margin-right: 0
}

.purchases-menu a {
    color: #8C8C8C;
    letter-spacing: .1em;
    border-bottom: none;
    transition: color .3s;
    text-transform: uppercase
}

.purchases-menu a:hover {
    color: #435966
}

.produce-item_completed {
    color: #435966;
    position: relative;
    padding-right: 15px
}

.produce-item_completed:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #435966;
    position: absolute;
    top: 7px;
    right: 0
}

.produce-item_canceled {
    color: #b1302a;
    position: relative;
    padding-right: 15px
}

.produce-item_canceled:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b1302a;
    position: absolute;
    top: 7px;
    right: 0
}

.no-shopping_box {
    margin-top: 4em
}

.no-shopping_box .title {
    font-size: 1.875rem;
    margin-bottom: .2em
}

.no-shopping_box p {
    font-size: 1.25rem;
    margin-bottom: 2.5em
}

.no-shopping_box .main-btn {
    min-width: 253px
}

.basket-section {
    padding: 2.2em 0 6.2em
}

.basket-section_content {
    padding-top: 1.3em
}

.basket-section_left-column {
    flex-basis: calc(100% - 361px);
    max-width: calc(100% - 361px);
    padding: 0 4.7em 0 10px
}

.basket-section_right-column {
    padding: 10px 10px 0;
    flex: 361px 0 0;
    max-width: 361px;
    position: relative
}

.product-item_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .6em;
    margin-top: 10px;
    border-top: 1px solid #DCDCDC
}

.product-item_fav-mod {
    position: relative;
    top: 0;
    right: auto;
    left: 5px
}

.product-item_delete-btn {
    position: absolute;
    top: 12px;
    right: 0;
    cursor: pointer;
    transition: color .3s;
    z-index: 2
}

.product-item_delete-btn:hover {
    color: #435966
}

.product-column_mod {
    margin-bottom: 2.7em
}

.product-column_mod:first-child {
    text-align: left
}

.product-column_mod .product-item_desc {
    text-align: left
}

.product-column_mod .product-item_category {
    padding-right: 1.7em
}

@media only screen and (min-width: 1200px) {
    .product-column_mod {
        margin-bottom: 2.7em
    }

    .product-column_mod:nth-child(3n+3) {
        text-align: right
    }

    .product-column_mod:nth-child(3n+2) {
        text-align: center
    }

    .product-column_mod:nth-child(3n+4) {
        text-align: left
    }
}

.empty-trash_btn {
    display: inline-block;
    margin-bottom: 1.3em;
    padding-right: 1.7em;
    font-size: .875rem;
    position: relative;
    align-items: center;
    transition: color .3s
}

.empty-trash_btn:hover {
    color: #435966
}

.empty-trash_btn .ico-close {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: .75rem
}

.empty-coupons {
    display: inline-block;
    margin-top: 0.6em;
    padding-right: 1.7em;
    /*font-size: .875rem;*/
    position: relative;
    align-items: center;
    transition: color .3s
}

.empty-coupons:hover {
    color: #435966
}

.empty-coupons .ico-close {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: .65rem
}

.ordering-total_box {
    border: 1px solid #DCDCDC;
    background: #fff;
    padding: 1.5em 1.2em
}

.ordering-total_box.is-sticky {
    position: fixed;
    top: 70px;
    width: 341px
}

.ordering-total_box.is-static {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 10px;
    width: calc(100% - 10px)
}

.ordering-total_box-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: .9em;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 2.5em
}

.ordering-total_box-footer {
    display: flex;
    padding: 1.3em 0
}

.ordering-total_sale {
    color: #838383;
    letter-spacing: .05em;
    padding-right: 1.5em;
    flex: 1 0 0;
    border-right: 1px solid #DCDCDC;
    text-transform: uppercase
}

.ordering-total_sale .text {
    display: block;
    font-size: .75rem;
    padding-left: 15px;
    margin-bottom: 1px
}

.ordering-total_sale-sum {
    font-size: 1.5625rem;
    white-space: nowrap
}

.ordering-total_sale-sum .rouble {
    line-height: 7px;
    width: .4em;
    /*border-bottom: 1px solid #838383;*/
    display: inline-block
}

.ordering-total_price {
    letter-spacing: .05em;
    padding-left: 1.5em;
    flex: 1 0 0;
    text-transform: uppercase;
    text-align: right
}

.ordering-total_price .text {
    display: block;
    font-size: .75rem;
    margin-bottom: 1px
}

.ordering-total_price-sum {
    font-size: 1.5625rem;
    padding-right: 7px;
    white-space: nowrap
}

.ordering-total_price-sum .rouble {
    line-height: 7px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.checkout-btn {
    width: 100%
}

.cart-empty_content {
    margin-top: 6.4em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.cart-empty_content p {
    font-size: 1.25rem;
    margin-bottom: 2.7em
}

.cart-empty_icon {
    width: 124px;
    height: 155px;
    margin-bottom: 1.6em
}

.cart-empty_icon img {
    max-width: 100%;
    max-height: 100%
}

.checkout-section {
    padding: 2.5em 0 6.2em
}

.checkout-section .hidden {
    display: none
}

.checkout-section .unified_header-panel {
    margin-bottom: 1.5em
}

.checkout-section .top-text {
    font-size: .875rem;
    line-height: 1.7;
    margin-bottom: 5.1em;
    padding: 0 15%;
    text-align: center
}

.checkout-section_left-column {
    padding-right: 3.5em
}

.checkout-form_footer {
    display: flex;
    align-items: center;
    padding-top: .2em
}

.checkout-form_footer .form-footer_policy {
    padding-left: 3em;
    font-size: .875rem
}

.wrapper_checkout-form_submit {
    max-width: 321px;
    min-width: auto;
    width: 100%
}

.checkout-form_submit {
    position: relative;
    font-size: inherit;
    letter-spacing: .15em;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

.checkout-total_box {
    border: 1px solid #DCDCDC
}

.checkout-total_box-header {
    display: flex;
    justify-content: space-between;
    background: #F8F8F8;
    letter-spacing: .05em;
    border-bottom: 1px solid #DCDCDC;
    text-transform: uppercase;
    padding: 1.1em 1.6em
}

.checkout-total_box-header .left-column {
    display: flex
}

.checkout-total_box-body {
    padding: 0 1.6em
}

.checkout-total_box-body table {
    width: 100%
}

.checkout-total_box-body tr {
    border-bottom: 1px solid #DCDCDC
}

.checkout-total_box-body tr:last-child {
    border-bottom: none
}

.checkout-total_box-body td {
    padding: 1.1em;
    line-height: 1.5;
    vertical-align: bottom
}

.checkout-total_box-body td:first-child {
    padding-left: 0
}

.checkout-total_box-body td:last-child {
    padding-right: 0;
    text-align: right;
    white-space: nowrap
}

.checkout-total_box-body .number-goods {
    color: #8C8C8C;
    white-space: nowrap
}

.checkout-total_box-body .rouble {
    line-height: 5px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.checkout-total_box-body .checkout_row-sale {
    border-bottom: none
}

.checkout-total_box-body .checkout_row-sale td {
    padding-bottom: 2.9em
}

.checkout-total_box-footer {
    display: flex;
    min-height: 92px;
    align-items: center;
    justify-content: space-between;
    padding: .4em 1.7em;
    border-top: 1px solid #DCDCDC;
    background: #F8F8F8;
    letter-spacing: .05em;
    text-transform: uppercase
}

.checkout-total_box-footer .left-column {
    font-weight: 600
}

.checkout-total_number-goods {
    color: #8C8C8C;
    text-transform: none
}

.checkout_total-sum {
    font-size: 1.5625rem
}

.checkout_total-sum .rouble {
    line-height: 7px;
    width: .4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block
}

.order-generated_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 6.8em
}

.order-generated_content p {
    font-size: 1.25rem;
    margin-bottom: 2em
}

.order-generated_content .main-btn {
    min-width: 253px
}

.order-generated_icon {
    width: 165px;
    height: 155px;
    margin-bottom: 2.6em
}

.order-generated_icon img {
    max-width: 100%;
    max-height: 100%
}

.search-section {
    padding: 2.6em 0 2.3em
}

.search-section .unified_header-panel {
    margin-bottom: .7em
}

.search-section .top-text {
    color: #3F3F3F;
    font-size: .875rem;
    margin-bottom: 1.8em;
    text-align: center
}

.search-form_mod {
    max-width: 777px;
    height: 59px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.search-form_mod .ico-search {
    font-size: 1.5rem
}

.search-section_header {
    padding-bottom: 2.5em;
    border-bottom: 1px solid #DCDCDC
}

.search_no-results {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin-top: 5.5em;
    display: flex;
    flex-direction: column;
    align-items: center
}

.search_no-results p {
    font-size: 1.25rem;
    text-align: center
}

.search_no-results_icon {
    display: block;
    width: 158px;
    height: 131px;
    margin-bottom: 1.7em
}

.search_no-results_icon img {
    max-width: 100%;
    max-height: 100%
}

.error-section .container {
    min-height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em 10px
}

.error-section .large-text {
    font-size: 1.875rem;
    font-weight: 600;
    display: block;
    margin-bottom: .2em
}

.error-section p {
    font-size: 1.25rem;
    margin-bottom: 2.4em;
    text-align: center
}

.error-section .main-btn {
    min-width: 253px
}

.error-section_img {
    margin-bottom: .6em
}

.error-section_img img {
    max-width: 100%
}

.contact-section .section-title {
    letter-spacing: .1em
}

.contact-section_left-column {
    display: flex;
    justify-content: flex-end;
    flex: 44.3% 0 0;
    max-width: 44.3%
}

.contact-section_left-column .main-page_btn-mod {
    margin-bottom: 8em
}

.contact-section_right-column {
    flex: 55.7% 0 0;
    max-width: 55.7%
}

.contact-section_desc {
    width: 100%;
    max-width: 568px;
    padding: 1.5em 10px
}

.contact-list {
    margin-top: 4em
}

.contact-list li:not(:last-child) {
    margin-bottom: 3.8em
}

.contact-list [class^="ico-"] {
    margin-right: 17px
}

.contact-list .ico-mail {
    font-size: .8rem
}

.contact-list a {
    border-bottom: none;
    color: inherit;
    transition: color .3s
}

.contact-list a:hover {
    color: #435966
}

.contact-subtitle {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.contact-bg {
    height: auto;
    position: relative;
}

.contact-bg img {
/*    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
*/    object-position: center top;
    object-fit: cover;
    width: 100%; /* height:100%; */
}

.contact-section_header {
    padding-bottom: 2em
}

.contact_info-item {
    margin-bottom: 4.7em
}

.contact_info-item:last-child {
    margin-bottom: 5.4em
}

.cooperation-section {
    padding: 2em 0 0
}

.cooperation-section .unified_header-panel {
    margin-bottom: .7em
}

.cooperation-section .category-item_desc {
    padding-right: 2em;
    padding-top: 4.8em;
}

.cooperation-section .category-item_title {
    margin-bottom: 2.8em
}

.team-section {
    padding-bottom: 7.5em
}

.team-content {
    display: flex;
    justify-content: space-between;
    margin-top: 5em
}

.team-item {
    flex: 24% 0 0;
    min-height: 144px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: .5em 1em;
    background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0.67) 63.57%, rgba(250, 250, 250, 0) 92.66%);
    z-index: 1
}

.team-item:first-child:before {
    display: none
}

.team-item:before {
    content: '';
    display: block;
    width: 50px;
    height: 25px;
    background: url(../img/icons/arrows-icon.svg) no-repeat center top;
    background-size: contain;
    position: absolute;
    left: -40px;
    top: 0;
    bottom: 0;
    margin: auto
}

.team-item_number {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 12.625rem;
    line-height: .75em;
    color: #F0F0F0;
    z-index: -1
}

.team-item_icon {
    display: flex;
    align-items: center;
    margin-right: .7em;
    font-size: 2rem
}

.team-item_icon.ico-date {
    font-size: 2.4rem
}

.team-item_text {
    max-width: 156px;
    width: 100%
}

.distributors-section {
    padding-bottom: 6.5em
}

.distributors-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 6.5em -10px 0;
    z-index: 1;
}

.distributors-content:after {
    content: '';
    display: block;
    height: 44px;
    background: url(../img/bg/line-wave.png) no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 5.1em;
    margin: auto;
    width: 77%;
    z-index: -1;
}

.distributor-item {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.distributor-item:first-child {
    padding-top: 4.8em;
    padding-right: 5em;
}

.distributor-item:nth-child(2) {
    margin-left: -7.1em;
    padding-top: 1em;
    
}

.distributor-item:nth-child(3) {
    left: 6.7em;
    padding-top: 5.8em;
}

.distributor-item:nth-child(4) {
    left: 2em;
}

.distributor-item:nth-child(5) {
    padding-top: 3.3em; /* left: 1em; */
}

.distributor-item_number {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #435966;
    width: 60px;
    height: 60px;
    border-radius: 59%;
    background: #fff;
    border: 1px solid #435966;
    position: relative;
    margin-bottom: 50px;
}

.distributor-item_number.top-number {
    margin-top: 35px;
    margin-bottom: 0;
}

.distributor-item_number.top-number:after {
    top: -35px;
    transform: rotate(0deg)
}

.distributor-item_number:after {
    content: '';
    display: block;
    width: 14px;
    height: 35px;
    background: url(../img/icons/arrow-up.svg);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(180deg)
}

.distributor-item_title {
    font-weight: 700;
    display: block
}

.distributor-item_desc {
    max-width: 350px;
    text-align: center
}

.cooperation-map_section {
    margin-bottom: 2.9em
}

#map {
    height: 503px;
    margin-bottom: 2em;
    margin-top: 4.5em
}

.cooperation-map_title {
    font-size: 1.25rem;
    display: block;
    letter-spacing: .1em;
    margin-bottom: 1em;
    text-transform: uppercase
}

.barbara-offers_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2.2em -10px 0;
    width: 100%
}

.barbara-offers_list li {
    display: flex;
    flex: 50% 0 0;
    max-width: 50%;
    margin: 0 -10px 2.5em;
    padding-left: 1em
}

.barbara-offers_list .ico-check-2 {
    font-size: 2.3rem;
    margin-right: 23px
}

.part-team_box {
    padding: 0 10px;
    margin-top: 3.6em;
    margin-bottom: 2.2em;
    text-align: center
}

.part-team_box .title {
    font-size: 1.875rem;
    margin-bottom: .7em
}

.barbara-benefits_title {
    margin-bottom: 2em
}

.map-section {
    padding: 2.6em 0 5em
}

.map-section .unified_header-panel {
    margin-bottom: 2.5em
}

.map-section .top-text {
    margin-bottom: 2em
}

#map-2 {
    height: 503px;
    margin-bottom: 2.9em
}

.map-section_subtitle {
    font-size: 1.25rem;
    margin-bottom: .5em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.regional-offices_box {
    border: 1px solid #DCDCDC;
    margin-bottom: -1px
}

.regional-offices_box.is-active .regional-offices_header {
    color: #435966
}

.regional-offices_box.is-active .regional-office_name {
    font-weight: 600
}

.regional-offices_box.is-active .regional-offices_plus-icon {
    transform: rotate(0deg)
}

.regional-offices_header {
    min-height: 76px;
    padding: .4em 2.2em;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.regional-offices_header .right-column {
    display: flex;
    flex: 1 0 0;
    justify-content: flex-end
}

.show-points_map-btn {
    border-bottom: none;
    padding-left: 2.2em;
    margin-right: 6.7%;
    cursor: pointer;
    position: relative
}

.show-points_map-btn:after {
    content: '';
    display: block;
    width: 21px;
    height: 19px;
    background: url(../img/icons/location-icon.svg) no-repeat center top;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}

.show-points_map-btn:hover .text {
    border-bottom-color: transparent
}

.show-points_map-btn .text {
    position: relative;
    border-bottom: 1px solid #435966;
    transition: border-bottom-color .3s
}

.regional-offices_plus-icon {
    display: inline-block;
    color: #435966;
    cursor: pointer;
    position: relative;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
    transition: transform .2s
}

.regional-offices_content {
    display: none
}

.regional-offices_content.is-open {
    display: block
}

.regional-offices_content table {
    width: 100%
}

.regional-offices_content tr:nth-child(odd) {
    background: #F8F8F8
}

.regional-offices_content th {
    padding: 1.3em;
    font-weight: 300;
    text-align: left
}

.regional-offices_content th:first-child {
    padding-left: 2em
}

.regional-offices_content th:last-child {
    width: 205px
}

.regional-offices_content td {
    padding: 1.65em;
    padding-left: 1.3em;
    vertical-align: top
}

.regional-offices_content td:first-child {
    padding-left: 2em
}

.regional-offices_contact-list li {
    padding-left: 17px;
    position: relative;
    margin-bottom: 13px
}

.regional-offices_contact-list li:last-child {
    margin-bottom: 0
}

.regional-offices_contact-list [class^="ico-"] {
    position: absolute;
    top: 3px;
    left: 0
}

.regional-offices_contact-list .ico-phone {
    top: 1px
}

.regional-offices_contact-list a {
    border-bottom: none;
    color: inherit
}

.manager-link {
    white-space: nowrap;
    transition: color .3s
}

.manager-link:hover {
    color: #435966
}

.manager-link img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.regional-offices_row {
    margin-bottom: 3em
}

.plug-section .container {
    padding: 2.5em 10px;
    min-height: calc(100vh - 65px);
    display: flex;
    align-items: center
}

.plug-section .row {
    align-items: center
}

.plug-section p {
    font-size: 1.25rem
}

.plug-section img {
    max-width: 100%
}

.plug-section .main-btn {
    display: flex;
    align-items: center;
    margin-top: 2.7em
}

.plug-section .ico-inst {
    margin-right: 12px
}

.plug-section .left-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.tablet-small_visible {
    display: none
}

.mobile-visible {
    display: none
}

.tablet-visible {
    display: none
}

.main-footer {
    flex: 0 0 auto;
    padding-top: 2.5em
}

.main-footer .left-column {
    padding: 0 10px;
    flex: 28.5% 0 0;
    max-width: 28.5%
}

.main-footer .right-column {
    padding: 0 10px;
    flex: 71.5% 0 0;
    max-width: 71.5%
}

.footer-logo {
    max-height: 38px;
    max-width: 209px;
    margin-bottom: 0.8em;
    position: relative;
    top: -10px
}

.footer-logo a {
    border-bottom: none
}

.footer-logo img {
    width: 70%;
    height: 70%
}

.footer-connection li {
    margin-bottom: .6em
}

.footer-connection a {
    border-bottom: none;
    color: inherit
}

.footer-connection .callback-btn {
    color: #435966;
    transition: color .3s
}

.footer-connection .callback-btn:hover {
    color: #273527
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px
}

.footer-column {
    padding: 0 10px;
    max-width: 25%;
    margin-bottom: 2em
}

.footer-title {
    font-size: 1.25rem;
    margin-bottom: 1.2em;
    letter-spacing: .15em;
    text-transform: uppercase
}

.footer-menu li {
    margin-bottom: .9em
}

.footer-menu a {
    color: #5B5B5B;
    border-bottom-color: transparent
}

.footer-menu a:hover {
    border-bottom-color: #435966;
    color: #435966
}

.main-footer_top {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 2.5em
}

.main-footer_bottom {
    padding: 2em 0
}

.main-footer_bottom .container {
    display: flex;
    align-items: center
}

.copyright {
    color: #8B8B8B;
    margin-right: 1em
}

.wrapper_social-network {
    display: flex;
    flex: 1 0 0;
    justify-content: center;
    padding-right: 0%;
}

.social-network {
    display: flex
}

.social-network li {
    padding: 0 1em
}

.social-network a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #435966;
    font-size: 1.3rem;
    border-radius: 50%;
    transition: background .3s
}
.social-network a svg {
    width: 24px;
}
.social-network a:hover svg path {
    fill: #fff;
}

.social-network a:hover {
    background: #435966;
    border-bottom-color: #435966
}

.social-network a:hover [class^="ico-"]:before {
    color: #fff
}

.social-network [class^="ico-"]:before {
    transition: color .3s
}

.social-network .ico-vk {
    font-size: .8rem
}

.social-network .ico-vk:before {
    transition: color .3s
}

.scroll-to-top {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #435966;
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 6em;
    opacity: 0;
    transform: scale(0);
    transition: transform 0.4s, opacity .6s;
    z-index: 100
}

.scroll-to-top:after {
    content: "";
    display: block;
    height: 30%;
    width: 30%;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    top: 4px;
    bottom: 0;
    left: -1px;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.scroll-to-top:hover {
    /*opacity: .7*/
}

.scroll-to-top-visible {
    transform: scale(1);
    opacity: 1
}

.scroll-to-top-visible.is-hidden {
    display: none
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .form-static .form-group {
        flex-basis: 38%
    }

    .regional-offices_header .right-column {
        flex-basis: 50%
    }

    .regional-offices_header {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }
}

@media only screen and (max-width: 1900px) {
    .contact-section_desc {
        max-width: 585px
    }
}

@media only screen and (max-width: 1599px) {
    .contact-section_desc {
        max-width: 594px
    }
}

@media only screen and (max-width: 1399px) {
    .main-slide_bg {
        background-size: contain
    }

    .main-slide .left-column {
        min-height: 510px
    }

    .card-product_slider .slick-next {
        margin-right: calc(calc(100vw - 1270px) / 2)
    }

    .card-product_slider .slick-prev {
        margin-right: calc(calc(100vw - 1130px) / 2)
    }

    .contact-section_desc {
        max-width: 556px
    }
}

@media only screen and (max-width: 1359px) {
    .footer-column:last-child {
        max-width: 30%
    }

    .main-slide_bg {
        background-size: contain
    }

    .card-product_slider .slick-next {
        margin-right: calc(calc(100vw - 1260px) / 2)
    }

    .card-product_slider .slick-prev {
        margin-right: calc(calc(100vw - 1120px) / 2)
    }
}

@media only screen and (max-width: 1200px) {
    .head-menu {
        padding-right: 10%
    }

    .main-slide .left-column {
        min-height: 470px
    }

    .category-item_desc {
        padding-top: 5em;
        padding-left: 9em;
        padding-right: 2em
    }

    .category-item_bg {
        height: 377px;
        top: 2em
    }

    .category-item_bg-mod {
        top: 2em
    }

    .instagram-section {
        padding-bottom: 4em
    }

    .main-footer_top {
        padding-bottom: 1em
    }

    .footer-title {
        font-size: 1.125rem
    }

    .news-item_img {
        height: 205px
    }

    .card-product_slider .slick-next {
        margin-right: calc(calc(100vw - 943px) / 2)
    }

    .card-product_slider .slick-prev {
        margin-right: calc(calc(100vw - 804px) / 2)
    }

    .mode-application_box {
        padding: 2.5em;
        max-width: 480px
    }

    .card-product_mode-application {
        padding: 4em 0
    }

    .card-product_mode-application .container {
        padding-right: 15px
    }

    .card-product_ingredients {
        padding: 4em 0
    }

    .barbara_text-box {
        margin-bottom: 0
    }

    .card-product_fav {
        width: 80px;
        height: 30px;
        flex: 80px 0 0
    }

    .card-product_info-box {
        max-width: 530px
    }

    .user_header-panel {
        flex-wrap: wrap;
        margin-bottom: 1em;
    }

    .personal-area_left-column {
        flex: 300px 0 0;
        max-width: 300px;
    }

    .personal-area_right-column {
        padding-left: 2em;
        flex-basis: calc(100% - 300px);
        max-width: calc(100% - 300px);
    }

    .product-column_mod:nth-child(2n+2) {
        text-align: right
    }

    .product-column_mod:nth-child(2n+3) {
        text-align: left
    }

    .checkout-section_left-column {
        padding-right: 1.5em
    }

    .team-item {
        flex: 50% 0 0;
        max-width: 50%;
        margin-bottom: 2em
    }

    .team-content {
        flex-wrap: wrap;
        padding: 0 2em
    }

    #map {
        height: 400px
    }

    .barbara-offers_list {
        margin-top: 1em
    }

    .barbara-offers_list li {
        margin-bottom: 1.7em;
        font-size: .875rem
    }

    .category-item_img {
        height: 470px
    }

    .category-item_img img {
        position: static;
        width: 100%;
        height: 100%
    }

    .product-added_volume {
        display: none;
        margin-bottom: .7em
    }

    .product-added_panel .card-product_price .price-column:last-child {
        display: none
    }

    .product-added_panel .card-product_price .price-column {
        margin-right: 0
    }

    .product-added_panel .card-product_price {
        font-size: 1.35rem
    }

    .product-added_btn {
        max-width: 230px
    }

    .product-added_title {
        font-size: .75rem
    }
}

@media only screen and (max-width: 991px) {
    .tablet-visible {
        display: block
    }

    .tablet-hidden {
        display: none
    }

    .main-slide .left-column {
        min-height: 360px
    }

    .main-slide_bg {
        width: 55%
    }

    .main-slide_title {
        font-size: 2.5rem
    }

    .main-slide_subtitle {
        font-size: 1rem
    }

    .head-menu {
        padding-right: 0
    }

    .head-login {
        margin-left: 5%
    }

    .head-search {
        margin-left: 5%
    }

    .main-slider {
        margin-bottom: 3em
    }

    .category-item_title {
        font-size: 1.5rem
    }

    .main-btn {
        height: 50px;
        line-height: 50px;
    }

    .category-item_desc .main-btn {
        min-width: 200px;
        margin-top: .7em
    }

    .category-item_bg {
        height: 310px
    }

    .all-product_link .ico-arrow {
        margin-left: 10px
    }

    .category-item {
        padding: 3em 0 4em
    }

    .product-column {
        flex: 50% 0 0;
        max-width: 50%
    }

    .product-item_img > a:after {
        padding-top: 0
    }

    p {
        line-height: 1.5
    }

    .news-item_img {
        height: 160px
    }

    .wrapper_form-static_submit {
        height: 48px
    }

    .footer-column {
        flex: 50% 0 0;
        max-width: 50%;
        margin-bottom: 1em
    }

    .footer-nav {
        flex-wrap: wrap;
        padding-left: 10px
    }

    .footer-column:last-child {
        max-width: 50%
    }

    .news-section {
        padding-bottom: 3em
    }

    .product-column:first-child {
        text-align: center
    }

    .product-column:nth-child(4n+4) {
        text-align: center
    }

    .product-column:nth-child(4n+5) {
        text-align: center
    }

    .unified-filter_item {
        max-width: 170px
    }

    .card-product_slider .slick-next {
        margin-right: calc(calc(100vw - 741px) / 2)
    }

    .card-product_slider .slick-prev {
        margin-right: calc(calc(100vw - 601px) / 2)
    }

    .news-content_mod .news-item_img {
        height: 246px
    }

    .news-detailed {
        margin-bottom: 3em
    }

    .user_header-panel {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 3em
    }

    .user_header-panel .user-icon {
        order: 1;
        margin-bottom: 1em
    }

    .user_header-panel .user-name {
        order: 2;
        text-align: center;
        max-width: 100%
    }

    .user_header-panel .user-surname {
        display: inline;
        padding-left: 0
    }

    .personal-information_form {
        margin-top: 3em
    }

    .personal-area_section {
        padding-bottom: 3em
    }

    .personal-area_left-column {
        flex: 240px 0 0;
        max-width: 240px
    }

    .personal-area_right-column {
        flex-basis: calc(100% - 240px);
        max-width: calc(100% - 240px)
    }

/*    .personal-area_menu {
        padding-right: 0
    }*/

    /**/

.personal-area_menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* по левому краю по умолчанию */
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
    width: 100%;
}

/* На мобильных устройствах - центрирование */
@media (max-width: 767px) {
    .personal-area_menu {
        align-items: center; /* центрирование на мобильных */
    }
}

/* На ПК - по левому краю */
@media (min-width: 768px) {
    .personal-area_menu {
        align-items: flex-start; /* по левому краю на ПК */
    }
}

.personal-area_menu li {
    width: auto;
}

.personal-area_menu a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
    color: #333;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.personal-area_menu a:hover {
    background-color: #f5f5f5;
}

.personal-area_menu li.active a {
    font-weight: bold;
    color: #000;
    background-color: #f0f0f0;
}
    
    /**/

    .basket-section_left-column {
        padding-right: 1.5em
    }

    .basket-section_right-column {
        flex: 280px 0 0;
        max-width: 280px
    }

    .basket-section_left-column {
        flex-basis: calc(100% - 280px);
        max-width: calc(100% - 280px)
    }

    .ordering-total_box.is-sticky {
        width: 260px
    }

    .ordering-total_price-sum, .ordering-total_sale-sum {
        font-size: 1.35rem
    }

    .checkout-form {
        margin-bottom: 2em
    }

    .contact-bg {
        height: auto;
    }

    .contact-section_left-column .main-page_btn-mod {
        margin-bottom: 2.5em
    }

    .contact-list {
        margin-top: 2em
    }

    .contact-list li:not(:last-child) {
        margin-bottom: 2em
    }

    .contact-section_header {
        padding-bottom: 0
    }

    .contact_info-item {
        margin-bottom: 2.5em
    }

    .contact_info-item:last-child {
        margin-bottom: 3.5em
    }

    .team-content {
        margin-top: 2em
    }

    .team-section {
        padding-bottom: 3em
    }

    .distributors-content {
        margin-top: 3em
    }

    .distributor-item_desc {
        font-size: .875rem
    }

    .barbara-offers_list .ico-check-2 {
        font-size: 1.4rem;
        margin-right: 10px
    }

    .barbara-offers_list li:last-child {
        margin-bottom: 0
    }

    .advantages-list_mod {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: -1.5em
    }

    .advantages-list_mod .advantage-item {
        max-width: 33%;
        flex: 33% 0 0;
        margin-bottom: 1.5em
    }

    #map-2 {
        height: 400px
    }

    .category-item_img {
        height: 340px
    }
}

@media only screen and (max-width: 767px) {
    .tablet-small_visible {
        display: block
    }

    .tablet-small_hidden {
        display: none !important
    }

    .head-logo {
        max-width: 104px;
        max-height: 20px
    }

    .hamburger {
        display: block
    }

    .head-nav {
        position: fixed;
        top: 61px;
        left: -320px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 6em;
        overflow: hidden;
        overflow-y: auto;
        background: #fff;
        width: 319px;
        height: 100vh;
        z-index: 100;
        transition: left .3s
    }

    .head-nav.is-open {
        left: 0
    }

    .head-nav .back-list {
        display: flex;
        align-items: center;
        position: relative;
        padding: .2em 1em .2em 2em;
        font-weight: 700;
        font-size: .75rem;
        cursor: pointer;
        height: 50px;
        user-select: none
    }

    .head-nav .back-list:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        position: absolute;
        top: -2px;
        bottom: 0;
        left: 1em;
        margin: auto;
        transform: rotate(-45deg)
    }

    .head-nav .title {
        font-size: 1rem;
        font-weight: 600;
        padding: 1em;
        text-transform: uppercase
    }

    .head-menu {
        display: block;
        font-size: 1rem;
        transition: transform .2s ease-in-out;
        flex: 1 0 0;
        margin-bottom: 1em
    }

    .head-menu li {
        display: flex;
        padding: 0;
        margin-bottom: 1em;
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 0
    }

    .head-menu a {
        display: flex;
        flex: 1 0 0;
        padding-left: 1em;
        padding-right: 1em;
        align-items: center;
        justify-content: space-between;
        min-height: 50px
    }

    .mobile-menu_arrow-icon {
        display: block;
        width: 50px;
        height: 50px;
        position: relative;
        flex: 40px 0 0;
        cursor: pointer
    }

    .mobile-menu_arrow-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 12px;
        height: 12px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg)
    }

    .head-submenu {
        display: none;
        padding: 0;
        background: #fff;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 1
    }

    .head-submenu.is-static {
        overflow: visible
    }

    .head-submenu.is-static > li.back-list {
        opacity: 0
    }

    .head-submenu.is-visible {
        display: block;
        z-index: 2
    }

    .head-search .search-text {
        display: none
    }

    .header-mobile_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto
    }

    .header-mobile_box .text {
        font-size: .75rem;
        margin-bottom: .7em
    }

    .header-mobile_box .social-network {
        margin: 1em 0
    }

    .header-mobile_box .social-network a {
        width: 40px;
        height: 40px;
        font-size: 1.1rem
    }

    .header-mobile_box .social-network .ico-vk {
        font-size: .7rem
    }

    .mobile-copyright {
        font-size: .75rem;
        color: #8C8C8C;
        margin-bottom: 4px
    }

    .mobile-policy {
        font-size: .75rem;
        color: #8C8C8C
    }

    .mobile_pnone-number {
        margin-bottom: .7em
    }

    .ui-header .container {
        max-width: 100%
    }

    .ui-header .right-column [class^="ico-"] {
        /*font-size: 1.25rem*/
    }

    .ui-header .head-fav .ico-fav {
        /*font-size: 1.1rem*/
    }

    .head-cart {
        margin-left: 11%;
        margin-right: 12px
    }

    .main-slide .left-column {
        max-width: 60%
    }

    .main-slide_bg {
        width: 100%
    }

    .main-slide .left-column {
        min-height: 330px
    }

    .category-item_bg {
        width: 95%;
        height: 100%;
        top: 0
    }

    .category-item_bg-mod {
        left: 0;
        right: auto
    }

    .category-item .right-column {
        margin-top: -3em
    }

    .product-section_header {
        padding: 0;
        margin-bottom: 2em
    }

    .all-product_link {
        position: static;
        display: inline-block
    }

    .all-product_link .ico-arrow {
        position: relative;
        top: 1px
    }

    .category-item {
        padding: 2em 0
    }

    .news-item_img {
        height: auto
    }

    .news-item_desc {
        padding-top: .7em
    }

    .news-item_date {
        margin-bottom: .5em
    }

    .news-item_title {
        margin-bottom: .5em
    }

    .instagram-section {
        padding-bottom: 2em
    }

    .advantage-item {
        flex: 50% 0 0;
        max-width: 50%;
        margin-bottom: 1.25em
    }

    .advantages-list {
        flex-wrap: wrap
    }

    .advantages-section {
        padding: 2em 0 1em
    }

    .footer-title {
        font-size: 1rem
    }

    .wrapper_callback-form_submit {
        flex: 220px 0 0
    }

    .main-page_btn {
        top: -2.5em
    }

    .category-section .category-item {
        padding: 1.5em 0
    }

    .main-page_btn-mod {
        top: 0;
        margin-bottom: 1.7em
    }

    .category-section {
        padding-bottom: 2.5em
    }

    .catalog-menu {
        flex-wrap: wrap;
        margin-bottom: 1em
    }

    .catalog-menu li {
        flex: 50% 0 0;
        max-width: 50%;
        padding: 0 10px;
        margin-bottom: 1em;
        text-align: center; /* Выравнивание текста по центру */
    }

    .unified-filter_menu {
        flex-wrap: wrap
    }

    .unified-filter_item {
        flex: 50% 0 0;
        max-width: 50%;
        margin-bottom: 1em;
        margin-right: 0
    }

    .unified-filter_item .selectric {
        width: auto;
        min-width: 158px
    }

    .catalog-section .top-text {
        padding: 0
    }

    .catalog-section .main-page_btn {
        top: -3em
    }

    .catalog-section {
        padding-top: 4em
    }

    .catalog-content .product-column {
        margin-bottom: 2em
    }

    .card-product_desc-section {
        padding: 3em 0
    }

    .card-product_desc-content {
        padding-top: 2em
    }

    .card-product_desc-item p:last-child {
        margin-bottom: 1em
    }

    .card-product_ingredients {
        padding: 3em 0
    }

    .card-product_ingredients-content {
        margin-top: 0
    }

    .product-section_mod {
        padding: 3em 0
    }

    .barbara_text-box p {
        font-size: 1rem
    }

    .barbara_text-box_logo {
        margin-bottom: 1.2em
    }

    .card-product_slider .slick-next {
        margin-right: calc(calc(100vw - 549px) / 2)
    }

    .card-product_slider .slick-prev {
        margin-right: calc(calc(100vw - 410px) / 2)
    }

    .card-product_header {
        padding-bottom: 6em
    }

    .news-content_mod .news-item_img {
        height: 181px
    }

    .news-section_mod .news-item {
        margin-bottom: 1.8em
    }

    .news-section_mod .top-text {
        padding: 0;
        margin-bottom: 1.5em
    }

    .news-section_mod {
        padding-top: 3em
    }

    .news-menu {
        margin-bottom: 2em
    }

    .news-detailed_date {
        margin-bottom: 1.7em
    }

    .news-detailed_img {
        margin-bottom: 1.7em
    }

    .news-detailed_item {
        margin-bottom: 1.7em
    }

    .news-detailed_body .section-title {
        margin-bottom: .8em
    }

    .personal-area_left-column {
        max-width: 100%;
        flex: 100% 0 0
    }

    .personal-area_right-column {
        flex: 100% 0 0;
        max-width: 100%;
        padding-left: 10px
    }

    .personal-area_right-column .section-title_large {
        text-align: center
    }

    .personal-area_right-column .section-title_large:after {
        right: 0;
        margin: auto
    }

    .personal-area_menu li {
        text-align: center
    }

    .fav-header {
        margin-bottom: 1em
    }

    .no-shopping_box {
        margin-top: 1em
    }

    .no-shopping_box .title {
        font-size: 1.25rem;
        margin-bottom: 1em
    }

    .no-shopping_box {
        text-align: center
    }

    .no-shopping_box p {
        font-size: 1rem
    }

    .basket-section_left-column {
        flex: 100% 0 0;
        max-width: 100%
    }

    .basket-section_right-column {
        flex: 100% 0 0;
        max-width: 100%
    }

    .ordering-total_box.is-sticky {
        position: static;
        width: 100%
    }

    .ordering-total_box.is-static {
        position: static;
        width: 100%
    }

    .empty-trash_btn {
        margin-bottom: 1em
    }

    .cart-empty_icon {
        width: 79px;
        height: 100px
    }

    .cart-empty_content p {
        font-size: 1rem
    }

    .checkout-section .top-text {
        padding: 0;
        margin-bottom: 1em
    }

    .checkout-section_left-column {
        padding-right: 10px
    }

    .order-generated_icon {
        width: 130px;
        height: 120px
    }

    .order-generated_content p {
        font-size: 1rem;
        text-align: center
    }

    .search_no-results {
        margin-top: 2em
    }

    .search_no-results_icon {
        width: 120px;
        height: 98px
    }

    .search_no-results p {
        font-size: 1rem
    }

    .contact-section_right-column {
        order: 1;
        flex: 100% 0 0;
        max-width: 100%
    }

    .contact-section_left-column {
        order: 2;
        flex: 100% 0 0;
        max-width: 100%;
        display: block
    }

    .contact-bg {
        height: auto;
    }

    .contact-section {
        padding-top: 1.2em
    }

.contact-section_desc {
    text-align: center; /* Выравнивание текста по центру */
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .contact-section_desc {
        max-width: 62%; /* Блок будет занимать 90% ширины экрана */
        padding-left: 15px;
        padding-right: 15px; /* Добавить отступы от краев */
    }
}

    .contact-section_header {
        padding-bottom: 1em
    }

    .cooperation-section .category-item_title {
        margin-bottom: .8em
    }

    .team-item {
        flex-direction: column;
        flex: 100% 0 0;
        max-width: 100%;
        min-height: 107px;
        margin-bottom: 3.7em;
        text-align: center
    }

    .team-item:first-child:before {
        display: block
    }

    .team-item:last-child:before {
        display: none
    }

    .team-item:before {
        top: calc(100% + 50px);
        right: 0;
        left: 0;
        margin: auto;
        transform: rotate(90deg)
    }

    .team-item .min {
        display: inline
    }

    .team-item_number {
        font-size: 9.375rem
    }

    .team-item_text {
        max-width: 100%
    }

    .team-item_icon {
        margin: 0 0 12px
    }

    .distributor-item {
        max-width: 100%;
        padding: 0 !important;
        position: static;
        justify-content: center;
        margin-bottom: 2em
    }

    .distributor-item:nth-child(2) {
        margin-left: 0
    }

    .distributor-item_number {
        order: 2;
        margin-top: 50px;
        margin-bottom: 0
    }

    .distributor-item_number:after {
        bottom: 100%;
        top: auto;
        transform: rotate(0)
    }

    .distributor-item_desc {
        order: 1
    }

    .distributors-content {
        display: block
    }

    .distributors-content:after {
        display: none
    }

    .distributors-section {
        padding-bottom: 3em
    }

    #map {
        margin-top: 1em;
        height: 350px;
        margin-bottom: 0
    }

    .cooperation-map_title {
        margin-top: 1em;
        margin-bottom: .4em
    }

    .barbara-benefits_title {
        margin-bottom: .8em
    }

    #map-2 {
        height: 363px;
        margin-bottom: 1.5em
    }

    .regional-offices_content th {
        display: none
    }

    .regional-offices_content table {
        display: block
    }

    .regional-offices_content tr {
        display: block;
        padding: 10px
    }

    .regional-offices_content td {
        display: block;
        padding: 0;
        margin-bottom: 3px
    }

    .regional-offices_content td:first-child {
        font-weight: 600
    }

    .regional-offices_contact-list li {
        padding-left: 29px
    }

    .regional-offices_content td:first-child {
        padding-left: 0
    }

    .regional-offices_header {
        min-height: 45px;
        padding-left: 15px;
        padding-right: 15px
    }

    .category-item_img {
        height: 100%;
        margin-left: auto;
    }

    .product-added_title {
        flex: 100% 0 0
    }

    .product-added_panel .card-product_price {
        margin-bottom: .7em
    }

    .plug-img {
        padding-top: 2em
    }

    .plug-section p {
        font-size: 1rem
    }

    .product-added_panel {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .product-content .product-item .product-item_action .card-product_add-btn{
        min-width:0 !important;
        height:44px !important;
        max-width:100% !important;
    }
    .mobile-visible {
        display: block
    }

    .mobile-hidden {
        display: none !important
    }

    .ui-header {
        border-bottom: 1px solid #DCDCDC
    }

    .main-slide_title {
        font-size: 1.25rem
    }

    .main-slide_subtitle {
        font-size: .75rem
    }

    .main-slide .left-column {
        justify-content: space-between
    }

    .main-slide .main-btn {
        margin-top: auto
    }

    .main-slide_bg {
        right: -10px;
        background-size: cover;
        background-position: left bottom
    }

    .main-slider .slick-dots {
        bottom: -1.5em
    }

    .main-slider {
        margin-bottom: 2em
    }

    .category-item_title {
        font-size: 1.25rem
    }

    p {
        font-size: .75rem;
        line-height: 20px
    }

    .main-btn {
        min-width: 220px;
    }

    .category-item_desc {
       /* padding: 1.5em;*/
        padding: 4.5em;
        padding-top: 4.5em;
        padding-right: 4.5em;
        padding-bottom: 0.5em;

    }

    .product-item_img > a:after {
        width: 162px;
        height: 162px;
        bottom: 46%
    }

    .product-item_img {
        /*height: 172px*/
    }

    .product-item_desc {
        padding-top: 1em;
        text-align: left
    }

    .category-item {
        padding: 1.5em 0
    }

    .all-news_link {
        position: static;
        display: inline-block
    }

    .new-content {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 1.5em
    }

    .new-content [class^="col-"] {
        flex: 330px 0 0;
        max-width: 330px
    }

    .new-content::-webkit-scrollbar {
        height: 3px
    }

    .new-content::-webkit-scrollbar-thumb {
        border-width: 1px 1px 1px 2px
    }

    .new-content::-webkit-scrollbar-track {
        border-width: 0
    }

    .new-content::-webkit-scrollbar-track:horizontal {
        background: #E7E7E7;
        border-radius: 2px;
        border-width: 1px
    }

    .new-content::-webkit-scrollbar-corner {
        background-color: transparent
    }

    .new-content::-webkit-scrollbar-thumb:horizontal {
        min-height: 3px;
        width: 3px;
        border-radius: 2px;
        background-color: #435966
    }

    .news-item_date {
        font-size: .75rem
    }

    .news-item_title {
        font-size: 1rem
    }

    .news-item {
        margin-bottom: 1em
    }

    .instagram-section_header {
        display: block;
        margin-bottom: 1.5em;
        text-align: center
    }

    .instagram-section_header .title {
        font-size: 1.25rem;
        margin-bottom: 1em;
        margin-right: 0
    }

    .news-section {
        padding-bottom: 2em
    }

    .instagram-content {
        display: block
    }

    .instagram_photo-list li {
        flex: 50% 0 0
    }

    .advantages-list {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .advantages-list li {
        flex: 250px 0 0;
        max-width: 250px
    }

    .advantages-list::-webkit-scrollbar {
        height: 3px
    }

    .advantages-list::-webkit-scrollbar-thumb {
        border-width: 1px 1px 1px 2px
    }

    .advantages-list::-webkit-scrollbar-track {
        border-width: 0
    }

    .advantages-list::-webkit-scrollbar-track:horizontal {
        background: #E7E7E7;
        border-radius: 2px;
        border-width: 1px
    }

    .advantages-list::-webkit-scrollbar-corner {
        background-color: transparent
    }

    .advantages-list::-webkit-scrollbar-thumb:horizontal {
        min-height: 3px;
        width: 3px;
        border-radius: 2px;
        background-color: #435966
    }

    .advantage-item [class^="ico-"] {
        margin-right: 12px
    }

    .form-section_title {
        font-size: 1.25rem;
        text-transform: uppercase
    }

    .form-section_title small {
        font-size: .75rem;
        margin-top: 8px;
        text-transform: none
    }

    .form-static {
        display: block;
        margin-bottom: 1em
    }

    .form-static .form-group {
        margin-bottom: 1em
    }

    .wrapper_form-static_submit {
        height: 48px;
        line-height: 48px;
        display: block;
        width: 100%
    }

    .main-footer .right-column {
        flex: 100% 0 0;
        max-width: 100%;
        border-bottom: 1px solid #E6E6E6
    }

    .main-footer .left-column {
        flex: 100% 0 0;
        max-width: 100%;
        padding-top: 2em;
        text-align: center
    }

    .footer-logo {
        margin-left: auto;
        margin-right: auto;
        max-width: 177px;
        max-height: 32px;
        margin-bottom: 0.1em;
    }

    .footer-title {
        font-size: 1.25rem;
/*        text-align: center;   /* Центрирование текста */*/
        display: block;       /* Для гарантированного центрирования */
        width: 100%;          /* Занимает всю доступную ширину */

    }

    .main-footer_bottom .container {
        flex-direction: column
    }

    .copyright {
        order: 2;
        margin-right: 0
    }

    .wrapper_social-network {
        padding-right: 0;
        margin-bottom: .8em;
        order: 1
    }

    .main-footer_bottom {
        padding: 1em 0 5em
    }

    .main-footer_top {
        border-bottom: none
    }

    .form-section {
        padding-bottom: 1em
    }

    .head-logo {
        max-width: 82px;
        max-height: 16px;
        margin-left: auto;
        margin-right: auto
    }

    .news-section_header {
        padding: 0;
        margin-bottom: 1.5em
    }

    .news-section {
        padding-top: 1em
    }

    .scroll-to-top {
        /*opacity: .7;*/
        border-radius: 100%;
        width: 25px;
        height: 25px;
        right: 18px;
        left: auto
    }

    .scroll-to-top:before {
        content: '';
        display: block;
        width: 140%;
        height: 140%;
        border-radius: 50%;
        border: 2px solid #435966;
        position: absolute;
        top: -5px;
        left: -5px;
        z-index: -1
    }

    .scroll-to-top:after {
        left: 0;
        top: 2px
    }

    .head-nav {
        top: 57px
    }

    .wrapper_search-form_submit {
        width: 50px
    }

    .search-form_input {
        padding-right: 55px
    }

    .modal-content {
        padding-left: 1em;
        padding-right: 1em
    }

    .city_bottom-panel {
        display: block
    }

    .city_bottom-panel .text {
        display: block;
        margin-bottom: .5em
    }

    .city-select_list {
        padding: 1em
    }

    .input-city {
        height: 45px
    }

    .wrapper_input-city .icon {
        top: 14px
    }

    .callback-form {
        margin-top: 0
    }

    .form-footer {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 2em
    }

    .wrapper_callback-form_submit {
        flex: 0 0 auto;
        margin-bottom: 1em;
        width: 240px
    }

    .log-register_form {
        margin-top: 2em
    }

    .form-footer_policy {
        padding-left: 0;
        text-align: center
    }

    .form-group {
        margin-bottom: 1.2em
    }

    .form-control {
        height: 50px;
        padding-top: 10px
    }

    .wrapper_log-register_submit {
        flex: 0 0 auto;
        height: 50px;
        line-height: 50px;
        width: 100%;
        margin-bottom: 2em
    }

    .login-form {
        margin-top: 2em
    }

    .log-register_form-footer {
        margin-bottom: 1.7em
    }

    .main-footer {
        padding-top: 2em
    }

    .password-change_subtitle {
        margin-bottom: 3em
    }

    .registration-successful_content {
        padding-top: 2em
    }

    .registration-successful_content p {
        font-size: 1rem;
        text-align: center
    }

    .registration-successful_icon {
        max-width: 98px;
        max-height: 82px
    }

    .category-section .category-item {
        padding: 1em 0
    }

    .category-section {
        padding-bottom: 1em
    }

    .unified-filter_panel {
        padding: 0;
        border: none
    }

    .filter_mobile_btn {
        max-width: 400px;
        width: 100%;
        margin-bottom: 1.7em
    }

    .unified-filter_menu {
        display: none
    }

    .unified-filter_item {
        max-width: 100%
    }

    .unified-filter_item .selectric {
        width: 100%
    }

    .unified-filter_menu .selectric-items {
        position: static;
        margin-top: 10px;
        width: 100% !important
    }

    .catalog-section .top-text {
        font-size: .75rem
    }

    .card-product_mobile-header {
        background: #fff;
        padding: 1em 1em 1.5em
    }

    .card-product_slider {
        position: relative;
        height: 520px
    }

    .card-product_header {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }

    .card-product_title {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .card-product_title:after {
        display: none
    }

    .card-product_slider .slick-next {
        margin-right: 0;
        right: calc(50% - 40px)
    }

    .card-product_slider .slick-prev {
        margin-right: 0;
        left: calc(50% - 40px)
    }

    .slick-arrow {
        width: 40px;
        height: 40px
    }

    .card-product_info-box {
        max-width: 100%;
        padding: 1em 0
    }

    .card-product_characteristics-table {
        display: block
    }

    .card-product_characteristics-table tr {
        display: block;
        margin-bottom: 1em
    }

    .card-product_characteristics-table td {
        display: block;
        padding: 0;
        margin-bottom: 10px
    }

    .card-product_desc-section {
        padding: .5em 0 2em;
        margin-left: -10px;
        margin-right: -10px
    }

    .card-product_mode-application {
        padding: 218px 0 1em;
        background-size: 100%
    }

    .mode-application_box {
        padding: 1em 0;
        max-width: 100%
    }

    .mode-application_list li {
        margin-bottom: 1em
    }

    .card-product_ingredients {
        padding: 2em 0
    }

    .product-section_mod {
        padding: 1em 0
    }

    .card-product_desc {
        padding: 1.5em 1em;
        border-left: none;
        border-right: none
    }

    .card-product_desc-item {
        margin-bottom: 1.5em
    }

    .card-product_slide {
        background-position: right top
    }

    .news-content_mod .news-item_img {
        height: auto
    }

    .news-section_mod .top-text {
        font-size: .75rem
    }

    .news-menu {
        flex-wrap: wrap;
        margin-bottom: 1.3em
    }

    .news-menu li {
        padding: 0 .5em;
        font-size: .75rem;
        margin-bottom: 10px
    }

    .news-detailed_img {
        margin-left: -3px;
        margin-right: -3px;
        margin-bottom: 1.2em
    }

    .news-detailed_img .wrapper-img {
        padding: 0 3px
    }

    .news-detailed_footer {
        padding-top: .5em;
        display: block
    }

    .news-detailed_footer .right-column {
        padding-top: 1em;
        text-align: right
    }

    .news-detailed {
        padding-bottom: 1.7em;
        padding-top: 3em;
        margin-bottom: 2em
    }

    .news-detailed_footer .text {
        margin-right: .8em
    }

    .user-name {
        font-size: 1.25rem
    }

    .user-icon {
        width: 73px;
        height: 73px;
        flex: 73px 0 0
    }

    .user_header-panel {
        margin: 0 0 1.7em
    }

    .personal-area_menu li {
        padding: 1em 0
    }

    .personal-area_right-column .section-title_large {
        font-size: 1.25rem
    }

    .personal-information_form {
        margin-top: 0
    }

    .personal-information_form .wrapper_form-submit {
        height: 50px;
        line-height: 50px;
        width: 100%
    }

    .personal-area_section {
        padding-bottom: 2em;
        padding-top: 1.5em
    }

    .produce-item_footer {
        left: -140px;
        position: relative;
        margin-top: auto;
        width: calc(100% + 140px);
        border-top-color: #DCDCDC
    }

    .produce-item_desc {
        min-height: 195px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-basis: calc(100% - 120px);
        max-width: calc(100% - 120px);
        padding-left: 1em
    }

    .produce-item_img {
        flex: 120px 0 0;
        max-width: 120px;
        height: 120px
    }

    .produce-item_img > a:after {
        width: 120px;
        height: 120px
    }

    .produce-item.is-delete .produce-item_img:after {
        width: 120px;
        height: 120px
    }

    .purchases-content {
        margin-top: 2em
    }

    .no-shopping_box .main-btn {
        height: 57px;
        line-height: 57px;
        width: 100%
    }

    .product-column_mod {
        text-align: left !important
    }

    .product-column_mod .product-item {
        display: flex;
        max-width: 100%
    }

    .product-column_mod .product-item_img {
        flex: 130px 0 0;
        max-width: 130px;
        height: 130px
    }

    .product-column_mod .product-item_img > a:after {
        width: 130px;
        height: 130px
    }

    .product-column_mod .product-item_desc {
        flex-basis: calc(100% - 130px);
        max-width: calc(100% - 130px);
        padding-left: 1.2em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 210px
    }

    .product-column_mod .product-item_footer {
        margin-top: auto;
        position: relative;
        left: -145px;
        width: calc(100% + 145px)
    }

    .basket-section {
        padding-bottom: 2em
    }

    .basket-section_content {
        padding-top: 0
    }

    .product-item.is-delete .product-item_img:after {
        width: 130px;
        height: 130px
    }

    .cart-empty_content .main-btn {
        height: 57px;
        line-height: 57px;
        width: 100%
    }

    .cart-empty_content {
        margin-top: 4em
    }

    .checkout-form_footer {
        flex-direction: column;
        align-items: center
    }

    .wrapper_checkout-form_submit {
        height: 50px;
        line-height: 50px;
        margin-bottom: 1em
    }

    .checkout-form_footer .form-footer_policy {
        padding-left: 0
    }

    .checkout-total_box-body {
        padding: 0 .7em
    }

    .checkout-total_box-header {
        padding-left: .7em;
        padding-right: .7em
    }

    .checkout-total_box-footer {
        min-height: 75px;
        padding-left: .7em;
        padding-right: .7em
    }

    .checkout-total_box-footer .left-column {
        font-size: .875rem
    }

    .checkout-total_box-body .checkout_row-sale td {
        padding-bottom: 1.1em
    }

    .order-generated_content .main-btn {
        height: 57px;
        line-height: 57px;
        width: 100%
    }

    .checkout-section {
        padding-bottom: 2.5em;
        padding-top: 3.5em
    }

    .order-generated_content {
        margin-top: 3em
    }

    .basket-section {
        padding-top: 3.5em
    }

    .search-section {
        padding: 3.5em 0 0
    }

    .error-section_img {
        max-width: 224px
    }

    .error-section .large-text {
        font-size: 1.25rem;
        margin-bottom: 1em
    }

    .error-section p {
        font-size: 1rem
    }

    .error-section .main-btn {
        height: 57px;
        line-height: 57px
    }

    .error-section .container {
        min-height: calc(100vh - 88px)
    }

    .contact-bg {
        height: auto;
    }

    .contact-list {
        margin-top: 0;
        text-align: center
    }

    .contact-subtitle {
        justify-content: center
    }

    .contact_info-item {
        text-align: center
    }

    .contact_info-item .section-title {
        text-align: center
    }

    .contact_info-item .section-title:after {
        right: 0;
        margin: auto
    }

    .contact-list li:last-child {
        margin-bottom: 0
    }

    .contact_info-item {
        margin-bottom: 2em
    }

    .advantages-list_mod .advantage-item {
        flex: 250px 0 0;
        max-width: 250px
    }

    .advantages-list_mod {
        justify-content: flex-start
    }

    .section-title_large {
        font-size: 1.25rem
    }

    .team-section {
        padding-top: 1em;
        padding-bottom: 0
    }

    .distributors-section {
        padding-bottom: 2em
    }

    .cooperation-map_section {
        margin-bottom: 1.5em
    }

    .barbara-offers_list li {
        flex: 100% 0 0;
        max-width: 100%;
        align-items: center
    }

    .barbara-offers_list .ico-check-2 {
        font-size: 2rem
    }

    .barbara-benefits_title {
        margin-top: 1em
    }

    .regional-offices_box {
        font-size: .75rem
    }

    .regional-offices_contact-list [class^="ico-"] {
        font-size: 16px
    }

    .regional-offices_contact-list {
        margin-bottom: 10px
    }

    .show-points_map-btn {
        width: 80px;
        height: 25px;
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap
    }

    .show-points_map-btn:after {
        top: 3px
    }

    .regional-offices_plus-icon {
        width: 16px;
        height: 16px;
        position: relative;
        top: 5px
    }

    .regional-offices_row {
        margin-bottom: 1.7em
    }

    .map-section {
        padding-bottom: 1.5em;
        padding-top: 3.5em
    }

    .regional-office_name {
        padding-right: 10px
    }

    .mobile-panel {
        display: flex
    }

    h1, .main-title {
        font-size: 2rem
    }

    .site-map_menu {
        margin-bottom: 0
    }

    .scroll-to-top {
        bottom: 4em
    }

    .cart-content_fixed {
        width: 320px
    }

    .head-cart_item-left {
        flex: 29px 0 0
    }

    .head-cart_item-img {
        flex: 80px 0 0;
        max-width: 80px;
        height: 80px
    }

    .cart-content_fixed {
        padding: .8em;
        padding-bottom: 3.5em;
    }

    .head-cart_item-desc {
        font-size: .75rem
    }

    .cart-content_fixed-top {
        padding-bottom: .8em
    }

    .cart-content_sale-sum {
        font-size: 1.25rem
    }

    .cart-content_price-sum {
        font-size: 1.25rem
    }

    .cart-content_bottom-panel {
        display: block
    }

    .cart-content_bottom-panel .right-column {
        padding-left: 0;
        padding-top: 10px;
        justify-content: space-between
    }

    .right-choice_city {
        bottom: 50px;
        top: auto;
        position: fixed
    }

    .right-choice_city-footer .main-btn {
        flex: 115px 0 0
    }

    .choose-another_city-btn {
        flex: 1 0 0;
        margin-left: 1em;
        max-width: 100%
    }

    .popup_other-product {
        padding-bottom: 2em;
        bottom: 3em
    }

    .product-added_btn {
        max-width: 232px;
        min-width: auto
    }

    .product-added_volume .volume-number {
        height: 50px
    }

    .cart-content_sale {
        flex: 50% 0 0
    }

    .cart-content_price {
        flex: 50% 0 0;
        padding-right: 10px;
        text-align: right
    }

    .restore-goods_btn-2 {
        position: relative;
        left: -5em
    }

    .card-product_price {
        font-size: 1.5rem
    }

    .plug-section .main-btn {
        margin-top: 1.2em;
        justify-content: center;
        width: 100%
    }
}

@media only screen and (max-width: 374px) {
    .card-product_slider {
        height: 400px
    }
}

@media only screen and (max-width: 359px) {
    .product-column {
        flex: 100% 0 0;
        max-width: 100%
    }

    .product-item_desc {
        text-align: center
    }

    .new-content [class^="col-"] {
        flex: 270px 0 0;
        max-width: 270px
    }

    .card-product_price {
        font-size: 1.5rem
    }

    .product-added_btn {
        max-width: 192px
    }
}

.buyers-section {
    padding: 2.5em 0 0
}

.buyers-content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2em;
    padding-bottom: 3.3em;
    margin: 0 -15px
}

.buyers-content .column {
    padding: 0 15px;
    flex: 65% 0 0;
    max-width: 65%;
    margin-bottom: 2em
}

.buyers-content .column:first-child {
    flex: 35% 0 0;
    max-width: 35%
}

.buyers-content .column:nth-child(3) {
    flex: 45% 0 0;
    max-width: 45%
}

.buyers-content .column:nth-child(4) {
    flex: 55% 0 0;
    max-width: 55%
}

.buyers-content .section-title_large {
    position: relative;
    line-height: 1.4;
    padding-top: .7em
}

.buyers-content .section-title_large:before {
    content: '';
    display: block;
    width: 50px;
    height: 25px;
    background: url(../img/icons/arrows-icon.svg) no-repeat center top;
    background-size: contain;
    position: absolute;
    right: 40px;
    top: 10px;
    bottom: 0;
    margin: auto
}

.buyers-item_number {
    font-size: 12.625rem;
    line-height: .72em;
    font-weight: 300;
    color: #F0F0F0;
    margin-right: .1em
}

.buyers-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.buyers-item:after {
    content: '';
    display: block;
    width: 50px;
    min-width: 50px;
    margin-left: 5%;
    height: 25px;
    background: url(../img/icons/arrows-icon.svg) no-repeat center top;
    background-size: contain
}

.buyers-item_content {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0.67) 63.57%, rgba(250, 250, 250, 0) 92.66%)
}

.buyers-item_last {
    padding-right: 0
}

.buyers-item_last:after {
    display: none
}

.buyers-item_text {
    line-height: 1.7
}

.payment-content {
    padding-bottom: 3.7em
}

.payments-item {
    display: flex
}

.payments-item .ico-check-2 {
    font-size: 2.3rem;
    margin-right: 23px
}

.payments-item .ico-check-2 p {
    margin-bottom: 0
}

.price-policy_box {
    padding: 5em 0 4.5em
}

.price-policy_box p {
    padding: 0 15%;
    line-height: 1.8;
    text-align: center
}

.conditions-content {
    margin-top: 3em
}

.conditions-content:after {
    top: 5.2em
}

.conditions-item {
    line-height: 1.5;
}

.conditions-item:first-child {
    padding-top: 4.7em
}

.conditions-item:nth-child(2) {
    margin-left: -2em;
    padding-top: 10px
}

.conditions-item:nth-child(3) {
    margin-left: -4em;
    padding-top: 4.5em
}

.conditions-item:nth-child(4) {
    position: relative;
    left: 3.5em;
    top: -1em
}

.conditions-item:last-child {
    padding-top: 4.7em;
}

.brand-section {
    padding: 2.5em 0 8.5em
}

.brand-section .middle-text {
    font-weight: 600;
    padding: 0 17%;
    margin-bottom: 3em;
    text-align: center
}

.category-item_brand {
    padding-top: 1em
}

@media only screen and (max-width: 1200px) {
    .conditions-item:nth-child(2) {
        padding-top: 0
    }

    .conditions-item:nth-child(4) {
        top: -3em
    }

    .conditions-item {
        line-height: 1.4
    }

    .brand-section {
        padding-bottom: 5em
    }

    .brand-section .category-item_bg {
        height: 100%;
        width: 100%;
        top: 0
    }
}

@media only screen and (max-width: 991px) {
    .buyers-content .column:first-child {
        flex: 100% 0 0;
        max-width: 100%
    }

    .buyers-content .column {
        flex: 100% 0 0;
        max-width: 100%
    }

    .buyers-content .column:nth-child(3) {
        flex: 100% 0 0;
        max-width: 100%
    }

    .buyers-content .column:nth-child(4) {
        flex: 100% 0 0;
        max-width: 100%
    }

    .buyers-item {
        position: relative;
        margin-bottom: 3.7em
    }

    .buyers-item:after {
        position: absolute;
        top: calc(100% + 35px);
        right: 0;
        left: 0;
        margin: auto;
        transform: rotate(90deg)
    }

    .buyers-content .section-title_large:before {
        position: absolute;
        top: calc(100% + 35px);
        right: 0;
        left: 0;
        margin: auto;
        transform: rotate(90deg)
    }

    .buyers-content {
        padding-bottom: 0
    }

    .price-policy_box {
        padding: 3em 0
    }

    .payment-content {
        padding-bottom: 2em
    }
}

@media only screen and (max-width: 767px) {
    .buyers-section .min {
        display: inline
    }

    .buyers-content .section-title_large {
        margin-bottom: 1.5em;
        text-align: center
    }

    .buyers-content .section-title_large:after {
        right: 0;
        margin: auto
    }

    .buyers-content .section-title_large:before {
        top: calc(100% + 45px)
    }

    .conditions-item:nth-child(2) {
        margin-left: 0
    }

    .conditions-item:nth-child(3) {
        margin-left: 0;
        left: 0
    }

    .conditions-item:nth-child(4) {
        top: 0;
        left: 0
    }

    .distributor-item_number {
        order: 1;
        margin-top: 0;
        margin-bottom: 50px
    }

    .distributor-item_number:after {
        top: 100%;
        bottom: auto;
        transform: rotate(180deg)
    }

    .distributor-item_number.top-number:after {
        top: 100%;
        bottom: auto;
        transform: rotate(180deg)
    }

    .distributor-item_number.top-number {
        margin-bottom: 50px;
        margin-top: 0
    }

    .distributor-item_desc {
        order: 2
    }

    .price-policy_box p {
        padding: 0
    }

    .buyers-item_number {
        font-size: 9.375rem
    }

    .buyers-item_text {
        line-height: 1.5
    }

    .brand-section .middle-text {
        margin-bottom: .5em
    }

    .brand-section {
        padding-bottom: 3em
    }
}

@media only screen and (max-width: 575px) {
    .conditions-content {
        margin-top: 2em
    }

    .price-policy_box {
        padding: 2em 0 1em
    }

    .buyers-content .section-title_large {
        margin-bottom: 2.5em
    }

    .buyers-content {
        padding-top: 0
    }

    .buyers-content .column:nth-child(4) {
        margin-bottom: 0
    }

    .conditions-content {
        margin-left: 0;
        margin-right: 0
    }

    .category-item_brand {
        padding-top: 0
    }

    .brand-section .middle-text {
        padding: 0
    }

    .brand-section {
        padding-bottom: 2em
    }
}

.map-section .top-text {
    margin-bottom: 2.5em
}

.map-section_subtitle-mod {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1.4em;
    padding-left: 2em;
    text-transform: none
}

.regional-offices_district {
    color: #000
}

.regional-offices_district.is-active .regional-offices_district-icon {
    transform: rotate(0)
}

.regional-offices_district.is-active .regional-offices_district-body {
    display: block
}

.regional-offices_district.is-active .regional-offices_district-title {
    font-weight: 600
}

.regional-offices_box.is-active .regional-offices_header {
    color: #000
}

.regional-offices_district-title {
    min-height: 67px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #DCDCDC;
    padding: .2em 1.8em;
    cursor: pointer;
    margin-bottom: -1px
}

.regional-offices_district-icon {
    display: inline-block;
    color: #435966;
    cursor: pointer;
    position: relative;
    transform-origin: 50% 50%;
    margin-left: .7em;
    transform: rotate(-45deg);
    transition: transform .2s
}

.regional-offices_district-body {
    display: none
}

.regional-offices_content th:nth-child(3) {
    width: 15%
}

.regional-offices_header {
    min-height: 67px;
    padding: .3em 1.5em .3em 4.5em
}

.show-points_map-btn {
    margin-right: 8.7%
}

.regional-offices_content td {
    /*    padding: 2.05em;*/
    padding: 1em;
        
}

.regional-offices_content th:first-child {
    padding-left: 4.5em;
    width: 27%
}

.regional-offices_content td:first-child {
    padding-left: 4.5em
}

.regional-offices_content td:last-child {
    padding-left: 1.3em
}

.regional-offices_header {
    margin-bottom: -1px
}

.regional-offices_row {
    margin-bottom: 0
}

.republic-box {
    margin-bottom: 2em
}

.checkout-form_fields {
    flex: 1 0 0
}

.wrapper_switch-btn {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-bottom: 2.1em
}

.switch-btn {
    max-width: 64px;
    flex: 64px 0 0;
    height: 34px;
    border-radius: 90px;
    border: 2px solid #435966;
    cursor: pointer;
    position: relative;
    margin-right: .8em;
    transition-duration: 300ms;
    z-index: 0
}

.switch-btn::after {
    content: "";
    width: 26px;
    height: 26px;
    background-color: #435966;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto;
    transition-duration: 300ms;
    position: absolute;
    z-index: 1
}

.switch-on {
    background: #435966;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25)
}

.switch-on::after {
    left: 32px;
    background: #fff
}

.form-group_textarea.focus .form-label {
    top: -17px
}

@media only screen and (max-width: 991px) {
    .regional-offices_header {
        padding-left: 2.5em
    }

    .regional-offices_content th:first-child {
        padding-left: 2.5em
    }

    .regional-offices_content td:first-child {
        padding-left: 2.5em
    }
}

@media only screen and (max-width: 767px) {
    .regional-offices_district-title {
        padding: .2em .7em
    }

    .regional-offices_content td {
        padding: 5px
    }

    .regional-offices_content td:first-child {
        padding-left: 10px
    }

    .regional-offices_header {
        padding-left: 1em
    }

    .regional-office_name {
        font-size: .9rem
    }

    .regional-offices_header {
        min-height: 50px;
        padding-right: .7em
    }

    .regional-offices_district-title {
        min-height: 55px
    }

    .checkout-form_fields {
        flex: 100% 0 0
    }

    .wrapper_switch-btn {
        padding: 0 10px
    }
}

.certificates-btn {
    margin: 0 auto;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto
}

.certificates-btn .ico-certificate {
    margin-right: 10px;
    font-size: 1.2rem
}

.certificate-list {
    display: none
}

.wait, .disabled {
    opacity: .5
}

input[disabled] {
    cursor: not-allowed !important
}

.error-text {
    font-size: .875rem;
    color: red;
    margin-top: 1.2em
}

.js-form .success-text, .js-modal .success-text {
    color: #18a514;
    font-weight: 700
}

.required-radio .error-radio {
    font-size: .875rem;
    color: red;
    display: none
}

@font-face {
    font-family: 'Museo-Sans-500';
    src: url("../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.woff2") format("woff2"), url("../fonts/MuseoSansCyrl-500/MuseoSansCyrl-500.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.main-mod_btn {
    display: inline-block;
    min-width: 242px;
    height: 57px;
    font-size: .875rem;
    line-height: 57px;
    border: none;
    padding: 0 1em;
    background-color: #435966;
    color: #fff;
    font-size: .875rem;
    letter-spacing: 2px;
    text-align: center;
    transition: background-color .3s;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
}

.main-mod_btn:hover {
    background: #2e3e2d;
}

.main-mod_btn:active {
    background: #1c271c;
}

.main-mod_btn:focus {
    border: 1px solid #000;
}

.checkout-form_step-title {
    display: flex;
    align-items: center;
    min-height: 55px;
    padding: .2em 1.6em;
    background: #F8F8F8;
    letter-spacing: .1em;
    font-size: 1.25rem;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.checkout-form_step-title svg {
    margin-right: .7em;
}

.checkout-form_step-title .left-column {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    padding-right: .8em;
}

.checkout-form_step-title .right-column {
    color: #000;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
    text-align: right;
}

.checkout-section_left-column {
    padding-right: 15px;
}

.checkout-form_onward-btn {
    margin-bottom: 2em;
    min-width: 321px;
}

.checkout-total_box {
    border: none;
}

.checkout-total_box-header {
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}

.checkout-total_box-body {
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}

.checkout-total_box-footer {
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 1.5em;
    font-family: "Museo-Sans-500";
}

.checkout-total_box-footer .left-column {
    font-weight: 500;
}

.checkout_form-policy {
    margin-top: 1.2em;
}

.select-delivery_address-btn {
    color: #435966;
    font-family: "Museo-Sans-500";
    text-transform: none;
    transition: color .3s;
}

.select-delivery_address-btn:hover {
    color: #273527;
}

.modal-delivery {
    max-width: 1340px !important;
}

.modal-delivery .modal-content {
    padding-right: 0;
}

.popup-delivery_content {
    display: flex;
    height: 735px;
}

.popup-delivery_left-column {
    flex: 50% 0 0;
    max-width: 50%;
    padding-right: 1em;
}

.popup-delivery_wrapper-item {
    overflow: hidden;
    overflow-y: auto;
    margin-top: -1em;
    padding-right: 1em;
    height: 88%;
    scrollbar-color: #435966 transparent;
    scrollbar-width: thin;
}

.popup-delivery_wrapper-item::-webkit-scrollbar-track {
    background-color: transparent;
}

.popup-delivery_wrapper-item::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #435966;
}

.popup-delivery_wrapper-item::-webkit-resizer {
    width: 5px;
    height: 0px;
}

.popup-delivery_wrapper-item::-webkit-scrollbar {
    width: 5px;
}

.popup-delivery_item {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 1.1em;
    margin-bottom: 6px;
    transition: background .3s, border-color .3s;
}

.popup-delivery_item:hover {
    background: #F8F8F8;
}

.popup-delivery_item.is-active {
    border-color: #435966;
}

.popup-delivery_item .item-title {
    display: block;
    font-family: "Museo-Sans-500";
    padding-right: 25%;
    line-height: 1.5;
    margin-bottom: 10px;
}

.popup-delivery_item .item-clock {
    display: block;
    color: #8C8C8C;
    margin-bottom: 5px;
}

.popup-delivery_item .item-service {
    color: #8C8C8C;
}

#map-3 {
    height: 100%;
}

.popup-delivery_right-column {
    flex: 50% 0 0;
    max-width: 50%;
}

button.delivery-close {
    width: 98px;
    height: 35px;
    font-size: .75rem;
    font-weight: 300;
    background: #fff;
    line-height: 35px;
    color: #3F3F3F;
    border: 1px solid #3F3F3F;
    text-align: center;
    text-transform: uppercase;
    z-index: 50;
}

.checkout-form_delivery-content {
    display: none;
    margin-bottom: .7em;
}

.checkout-form_delivery-content.is-active {
    display: block;
}

.checkout-form_delivery-table {
    color: #8C8C8C;
    margin-top: -10px;
    width: 100%;
}

.checkout-form_delivery-table td {
    padding: 1.1em;
    vertical-align: top;
}

.checkout-form_delivery-table td:first-child {
    padding-left: 2em;
    padding-right: 1.7em;
    width: 220px;
}

.checkout-form_delivery-table td:last-child {
    padding-right: 0;
}

.checkout-form_delivery-table .last-row td {
    vertical-align: middle;
}

.checkout-form_delivery-table .item-delivery {
    text-transform: uppercase;
}

.checkout-form_delivery-table .item-adress {
    display: block;
    line-height: 1.5;
    font-family: "Museo-Sans-500";
    margin-bottom: 7px;
    color: #000;
}

.checkout-form_delivery-table .table-price_row {
    display: flex;
    align-items: center;
}

.checkout-form_delivery-table .item-price {
    color: #000;
    font-family: "Museo-Sans-500";
    margin-right: 1.7em;
}

.checkout-form_delivery-table .attention-text {
    display: flex;
    align-items: center;
    background: #F8F8F8;
    border-radius: 5px;
    color: #8C8C8C;
    font-size: .75rem;
    min-height: 26px;
    padding: .3em 1em;
    position: relative;
}

.checkout-form_delivery-table .attention-text:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right: 8px solid #F8F8F8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto;
}

.checkout-form_delivery-table .attention-text svg {
    flex: 12px 0 0;
    margin-right: 10px;
}

.checkout-form_delivery-table .attention-text .rouble {
    border-color: #8C8C8C;
    position: relative;
    line-height: 3px;
    left: 1px;
}

.checkout-form_delivery-table .item-date {
    display: block;
    color: #000;
    font-family: "Museo-Sans-500";
    margin-top: 5px;
}

.checkout-form_delivery-table .table-product_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -1.7em;
}

.checkout-form_delivery-table .table-product_item {
    flex: 88px 0 0;
    max-width: 88px;
    padding: 0 15px;
    margin-bottom: 1.7em;
    position: relative;
    text-align: center;
}

.checkout-form_delivery-table .table-product_item:after {
    content: '';
    display: block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background: #F8F8F8;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 46%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    transform-style: preserve-3d;
    transition: bottom 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
    z-index: -1;
}

.checkout-form_delivery-table img {
    max-width: 100%;
    max-height: 74px;
}

.checkout-form_delivery-table .rouble {
    line-height: 3px;
    width: 0.4em;
    /*border-bottom: 1px solid #000;*/
    display: inline-block;
}

.checkout-form_payment-content {
    display: none;
}

.checkout-form_payment-content.is-active {
    display: block;
}

.checkout-form_payment-content .subtitle {
    display: block;
    color: #8C8C8C;
    margin-bottom: 10px;
}

.checkout-form_card-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 75px;
    width: 253px;
    padding: 1em 1.6em;
    border: 1px solid #435966;
}

.checkout-form_card-box img {
    display: block;
    max-width: 100%;
}

.payment-checkbox {
    width: 21px;
    height: 21px;
    padding-left: 0;
}

.payment-checkbox input[type="checkbox"] + .checkbox-text:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
}

.payment-checkbox input[type="checkbox"] + .checkbox-text:before {
    border-color: #fff;
    border-width: 2px;
    left: 7px;
    top: 3px;
    width: 7px;
}

.payment-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
    background: #435966;
}

.checkout-total_box-body .item-service {
    color: #8C8C8C;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.checkout-total_box-body .item-adress {
    display: block;
    color: #000;
    font-family: "Museo-Sans-500";
    margin-bottom: 6px;
}

.checkout-total_box-body .item-clock {
    color: #8C8C8C;
}

.checkout-total_box-body td.last-child {
    white-space: normal;
    text-align: left;
    display: none;
}

.checkout-total_box-body td {
    padding-top: .97em;
    padding-bottom: .97em;
}

.checkout-total_box-body .checkout_row-sale.is-active {
    border-bottom: 1px solid #DCDCDC;
}

.checkout-total_box-body .checkout_row-sale td {
    padding-bottom: 1.3em;
}

.checkout-total_box-body tr:last-child {
    border-bottom: none;
}

.privacy-policy_section {
    padding-top: 2.5em;
    padding-bottom: 4em;
}

.privacy-policy_section .subtitle {
    display: block;
    font-family: "Museo-Sans-500";
    margin-bottom: 1em;
}

.privacy-policy_section p {
    line-height: 19px;
    margin-bottom: 2.4em;
}

.privacy-policy_section .top-text {
    margin-bottom: 1.3em;
}

.order-generated_content {
    border: 1px solid #DCDCDC;
    padding: 2.5em 1em;
    max-width: 925px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5em;
    display: block;
    text-align: center;
}

.order-generated_content p {
    color: #435966;
    font-weight: 250;
}

.order-generated_content p:last-child {
    margin-bottom: 0;
}

.order-generated_content .section-title {
    padding-bottom: 0;
    color: #435966;
    letter-spacing: .07em;
    margin-bottom: .5em;
}

.order-generated_content .section-title:after {
    display: none;
}

.order-generated_content .main-btn {
    min-width: 341px;
    margin-bottom: 1.1em;
}

.order-generated_icon {
    margin-left: auto;
    margin-right: auto;
    height: 73px;
    margin-bottom: 2.3em;
}

.order-generated_icon img {
    max-height: 100%;
}

.order-detail_products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.order-detail_product-item {
    flex: 88px 0 0;
    max-width: 88px;
    padding: 0 15px;
    margin-bottom: 1.8em;
    position: relative;
    text-align: center;
}

.order-detail_product-item:after {
    content: '';
    display: block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background: #F8F8F8;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 46%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    transform-style: preserve-3d;
    transition: bottom 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
    z-index: -1;
}

.order-detail_product-item img {
    max-height: 74px;
    max-width: 100%;
}

.order-detail_table {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .6em;
    color: #8C8C8C;
    width: 100%;
    text-align: left;
}

.order-detail_table td {
    padding: .4em;
}

.order-detail_table td:first-child {
    padding-left: 0;
    width: 100%;
}

.order-detail_table td:last-child {
    padding-right: 0;
    white-space: nowrap;
}

.order-detail_table .last-row {
    font-family: "Museo-Sans-500";
    color: #435966;
}

.order-detail_table .rouble {
    line-height: 4px;
    width: 0.4em;
    /*border-bottom: 1px solid #8C8C8C;*/
    display: inline-block;
}

.order-detail_total-sum .rouble {
    /*border-bottom-color: #435966;*/
}

.payment-card_section {
    padding: 2.5em 0 5em;
}

.payment-card_content {
    max-width: 548px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.8em;
}

.payment-card_content .bottom-text {
    font-size: .875rem;
    line-height: 1.5;
}

.payment-card_form {
    position: relative;
    margin-bottom: 1.1em;
}

.payment-card_form-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);
    max-width: 363px;
    padding: 1em 1.1em 1.5em;
    margin-bottom: 3.4em;
    position: relative;
    z-index: 2;
}

.payment-card_form-img {
    display: block;
    margin-bottom: .7em;
}

.card-input {
    height: 57px;
    background: #F8F8F8;
    padding: 0 1.2em;
    width: 100%;
}

.card-input::-webkit-input-placeholder {
    color: #8C8C8C;
    letter-spacing: .15em;
}

.card-input::input-placeholder {
    color: #8C8C8C;
    letter-spacing: .15em;
}

.card-input::-moz-input-placeholder {
    color: #8C8C8C;
    letter-spacing: .15em;
}

.payment-card_row {
    display: flex;
    align-items: center;
}

.payment-card_row .form-group {
    max-width: 88px;
    margin-bottom: 0;
}

.payment-card_row .separator {
    width: 1px;
    height: 15px;
    background: #8C8C8C;
    margin: 0 1.5em;
    transform: skew(-12deg);
}

.payment-card_cvc {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 1.3em;
    padding-bottom: 3em;
    position: absolute;
    width: 362px;
    height: 234px;
    background: #F7F7F7;
    right: 0;
    top: 1.3em;
}

.payment-card_cvc:before {
    content: '';
    display: block;
    height: 56px;
    width: 100%;
    background: #DEDEDE;
    position: absolute;
    left: 0;
    top: 3em;
}

.card-input_cvc {
    max-width: 113px;
    background: #fff;
    text-align: center;
}

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

.payment-card_form-submit {
    width: 100%;
}

.modal-select {
    display: block;
    height: 0;
    overflow: hidden;
}

.modal-select.show {
    height: auto;
}

.reviews-section {
    padding: 2.5em 0 6em;
}

.reviews-section_content {
    margin-bottom: 3em;
}

.reviews-section_content-mod {
    padding-top: 2.5em;
    margin-bottom: 1.2em;
}

.reviews-section_content-mod .section-title {
    margin-bottom: .7em;
}

.reviews-section_content-mod .review-item {
    padding: 1.15em 0;
    border-bottom: none;
}

.review-item {
    display: flex;
    font-size: .875rem;
    border-bottom: 1px solid #DCDCDC;
    padding: 1.6em 0;
}

.review-item:first-child {
    padding-top: 0;
}

.review-item p {
    line-height: 1.25;
}

.reviews_left-column {
    padding: 0 15px;
    flex-basis: calc(100% - 415px);
    max-width: calc(100% - 415px);
    min-height: 356px;
}

.reviews_right-column {
    padding: 0 15px;
    flex: 415px 0 0;
    max-width: 415px;
    position: relative;
}

.review-item_left-cell {
    flex: 200px 0 0;
    max-width: 200px;
    overflow: hidden;
    display: flex;
}

.review-item_user {
    width: 47px;
    height: 47px;
    flex: 47px 0 0;
    border-radius: 50%;
    background: #DCDFD5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    text-transform: uppercase;
}

.review-item_left-desc {
    flex: 1 0 0;
    padding-left: .8em;
    font-size: .875rem;
    color: #000;
}

.review-item_name {
    display: block;
    margin-bottom: .4em;
}

.review-item_right-cell {
    flex: 1 0 0;
    padding-left: 1em;
    color: #000;
}

.review-item_points {
    display: flex;
    align-items: center;
    margin-bottom: .7em;
}

.review-item_points span {
    padding: 0;
    font-size: 1.3rem;
    margin: 0 3px;
    line-height: 1;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}

.review-item_points > span:before {
    content: '★';
}

.review-item_points > span.active {
    color: #435966;
}

.product-review_row {
    display: flex;
    flex-wrap: wrap;
    margin: 1.7em -25px -1.2em;
    padding-right: 13%;
}

.product-review_row li {
    padding: 0 25px;
    flex: 50% 0 0;
    max-width: 50%;
    margin-bottom: 1.2em;
}

.product-review_row li:nth-child(odd) {
    border-right: 1px solid #DCDCDC;
}

.product-review_row li:last-child {
    border-right: none;
}

.product-review_item > a {
    border-bottom: none;
    color: inherit;
    display: flex;
    align-items: center;
    transition: color .3s;
}

.product-review_item > a:hover .product-item_review-title {
    color: #435966;
}

.product-review_item-img {
    flex: 50px 0 0;
    max-width: 50px;
    position: relative;
    text-align: center;
}

.product-review_item-img:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #F8F8F8;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 46%;
    margin: auto;
    backface-visibility: hidden;
    transform: translate(-50%, 50%);
    transform-style: preserve-3d;
    transition: bottom 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s;
    z-index: -1;
}

.product-review_item-img img {
    max-height: 62px;
    max-width: 100%;
}

.product-review_item-desc {
    flex: 1 0 0;
    padding-left: 1.5em;
}

.product-review_item-category {
    display: block;
    color: #797979;
    font-size: .625rem;
    margin-bottom: .1em;
    text-transform: uppercase;
}

.product-item_review-title {
    display: block;
    font-size: .75rem;
    line-height: 1.4;
    color: #3F3F3F;
    transition: color .3s;
}

.show-all_reviews-btn {
    display: inline-block;
    position: relative;
    padding-right: 35px;
    transition: color .3s;
}

.show-all_reviews-btn:hover {
    color: #435966;
}

.show-all_reviews-btn:after {
    content: '';
    display: block;
    width: 22px;
    height: 24px;
    background: url(../img/icons/load.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.show-all_reviews-btn .number-review {
    font-family: "Museo-Sans-500";
}

.reviews-total-box {
    padding: 1.7em 2.5em;
    border: 1px solid #DCDCDC;
    color: #000;
    background: #fff;
}

.reviews-total-box.is-sticky {
    position: fixed;
    top: 70px;
    width: 385px;
}

.reviews-total-box.is-static {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 15px;
    width: calc(100% - 15px);
}

.reviews-total-box.box-mod.is-sticky {
    top: 160px;
}

.reviews-total-box .top-text {
    display: block;
    font-weight: 250;
    margin-bottom: 5px;
}

.reviews_final-grade {
    display: block;
    letter-spacing: 0.215em;
    font-size: 2.5rem;
    margin-bottom: .1em;
    font-weight: 250;
    text-transform: uppercase;
}

.product-card_total-table {
    margin-bottom: 1.3em;
    width: 100%;
}

.product-card_total-table td {
    padding: .45em;
    padding-bottom: 0;
}

.product-card_total-table td:first-child {
    padding-left: 0;
    width: 45%;
}

.product-card_total-table td:last-child {
    padding-right: 0;
}

.product-card_total-table .review-item_points {
    margin-bottom: 0;
}

.leave-feedback_btn {
    min-width: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leave-feedback_btn:hover .send-icon {
    filter: brightness(0) invert(1);
}

.leave-feedback_btn .send-icon {
    flex: 18px 0 0;
    width: 18px;
    height: 17px;
    background: url(../img/icons/send-icon.svg) no-repeat center top;
    background-size: contain;
    margin-right: .7em;
    transition: filter .3s;
}

.leave-feedback_header {
    display: flex;
    align-items: center;
    padding-top: 5px;
    margin-bottom: .8em;
}

.leave-feedback_header .text {
    flex: 190px 0 0;
    padding-right: 1em;
}

.leave-feedback_form .form-group {
    display: flex;
    margin-bottom: .9em;
    flex-wrap: wrap;
}

.leave-feedback_form .form-label_mod {
    flex: 190px 0 0;
    margin-top: 1em;
}

.leave-feedback_form .form-group {
    flex: 1 0 0;
}

.leave-feedback_form .form-control {
    border-bottom-color: #DCDCDC;
}

.leave-feedback_form .review-error-name,
.leave-feedback_form .review-error-comment {
    margin-top: 5px;
}

#review-success {
    display: none;
    text-align: center;
}

.leave-feedback_form .form-control:focus {
    border-bottom-color: #435966;
}

.leave-feedback_form .form-textarea {
    height: 110px;
    border: 1px solid #DCDCDC;
    resize: none;
    outline: none;
    padding: .7em;
    width: 100%;
    transition: border .3s;
}

.leave-feedback_form .form-textarea:focus {
    border: 1px solid #435966;
}

.leave-feedback_form-footer {
    display: flex;
    align-items: center;
}

.leave-feedback_form-footer .text {
    font-size: .75rem;
    padding-right: 1em;
}

.leave-feedback_form-footer .wraper-submit {
    position: relative;
    min-width: 256px;
}

.give-feedback_submit-btn {
    font-size: .875rem;
    letter-spacing: 0.15em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}

.br-theme-css-stars {
    display: flex;
    justify-content: center;
    margin-bottom: .4em;
    flex-wrap: wrap;
}

.br-theme-css-stars .br-widget {
    height: 25px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.br-theme-css-stars .br-widget a {
    text-decoration: none;
    border-bottom: none;
    height: 23px;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-right: 15px;
}

.br-theme-css-stars .br-widget a:after {
    content: "\2605";
    color: #DCDCDC;
}

.br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after {
    color: #435966;
}

.br-theme-css-stars .br-widget .br-current-rating {
    display: none;
}

.br-theme-css-stars .br-readonly a {
    cursor: default;
}

@media print {
    .br-theme-css-stars .br-widget a:after {
        content: "\2606";
        color: black;
    }

    .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after {
        content: "\2605";
        color: black;
    }
}

.modal-dialog_feedback {
    max-width: 643px;
}

.modal-dialog_feedback .modal-content {
    padding: 1.6em 2.1em;
}

.card-product_footer {
    display: flex;
}

.card-product_certificates-btn {
    margin-right: 1em;
    flex: 1 0 0;
    max-width: 227px;
}

.card-product_overview-btn {
    flex: 1 0 0;
    max-width: 227px;
    min-width: auto;
}

.card-product_overview-btn:hover .overview-icon {
    filter: brightness(0) invert(1);
}

.card-product_overview-btn .overview-icon {
    display: inline-block;
    width: 35px;
    height: 24px;
    background: url(../img/icons/overview-icon.svg) no-repeat center center;
    background-size: contain;
    margin-right: 1em;
    transition: filter .3s;
    vertical-align: middle;
}

.modal-dialog_overview {
    max-width: 100%;
}

.modal-dialog_overview .modal-content {
    border: none;
    background-color: transparent;
    padding-top: 1em;
    padding-right: 0;
    padding-left: 0;
}

.modal-dialog_overview button.close {
    font-size: 1.2rem;
    color: #fff;
    z-index: 20;
    text-shadow: none;
    transition: color .3s;
}

.modal-dialog_overview button.close:hover {
    color: #435966;
}

.overviews-slider .slick-arrow {
    top: 0;
    bottom: 12%;
    margin: auto;
    border-color: #fff;
    background: transparent;
    width: 35px;
    height: 35px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.overviews-slider .slick-arrow:after {
    display: none;
}

.overviews-slider .slick-arrow:hover {
    border-color: #435966;
}

.overviews-slider .slick-prev {
    left: 30%;
    transform: rotate(-135deg);
}

.overviews-slider .slick-next {
    right: 30%;
}

.overviews-slider .slick-center .overview-item {
    transform: scale(1);
}

.overviews-slider .slick-center .overview-item:after {
    background-color: transparent;
    z-index: -1;
}

.overview-item {
    display: block !important;
    text-align: center;
    position: relative;
    transform: scale(0.75);
    transition: transform .3s;
}

.overview-item .youtube {
    height: 41.5vw;
}

.overview-item img {
    width: 100%;
}

.overview-item iframe {
    width: 100%;
    height: 100%;
}

.youtube {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin-bottom: 1em;
}

.youtube img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1;
}

.play-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 150px;
    height: 150px;
    padding-left: 10px;
    font-size: 3rem;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    z-index: 2;
}

.play-button:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 22px solid transparent;
    border-left: 35px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    right: 0;
    margin: auto;
}

.overviews-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 31px;
    height: 30px;
    margin-top: 1em;
}

.overviews-counter .slick-arrow {
    top: 0;
    bottom: 0;
    margin: auto;
}

.overviews-counter .divider {
    margin-right: 3px;
}

.overviews-counter .divider {
    margin-left: 3px;
}

.overviews-counter .pagination-number {
    font-size: 1.25rem;
    font-family: "Museo-Sans-500";
}

.main-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-pagination li {
    padding: 0 1px;
}

.main-pagination li.active {
    pointer-events: none;
}

.main-pagination li.active a {
    background: #435966;
    color: #fff;
}

.main-pagination li.disabled {
    display: none;
}

.main-pagination a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F0F2;
    /*border-bottom: 2px solid #435966;*/
    color: #000;
    transition: background .3s, color .3s;
}

.main-pagination a:hover {
    background: #435966;
    color: #fff;
}

.main-pagination .next-page, .main-pagination .prev-page {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border-bottom: none;
    border-top: 2px solid #435966;
    border-right: 2px solid #435966;
    transform: rotate(45deg);
    transition: border-color .3s;
}

.main-pagination .next-page:hover, .main-pagination .prev-page:hover {
    border-color: #CF2F49;
    background-color: transparent;
}

.main-pagination .prev-page {
    transform: rotate(-135deg);
}

.no-reviews_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 1.5;
}

.no-reviews_box .top-text {
    display: block;
    font-size: 1.25rem;
    margin-top: 0em;
    margin-bottom: 1em;
}

.no-reviews_box .bottom-text {
    margin-top: 1.3em;
    margin-bottom: 3.5em;
}

.no-reviews_box .leave-feedback_btn {
    min-width: 320px;
}

.form-group.is-error .form-control {
    color: #E13333;
}

.form-group.is-error .error-text {
    display: block;
}

.error-text {
    display: none;
    color: #E13333;
    font-size: .875rem;
}

@media only screen and (max-width: 1439px) {
    .checkout-form_step-title {
        font-size: 1rem;
    }

    .popup-delivery_content {
        height: 600px;
    }
}

@media only screen and (max-width: 1199px) {
    .head-menu {
        flex-wrap: wrap;
    }

    .reviews_right-column {
        flex: 322px 0 0;
        max-width: 322px;
    }

    .reviews_left-column {
        flex-basis: calc(100% - 322px);
        max-width: calc(100% - 322px);
        min-height: 356px;
    }

    .reviews-total-box {
        padding: 1.25em;
    }

    .reviews-total-box.is-sticky {
        width: 292px;
    }

    .product-card_total-table td:first-child {
        width: auto;
    }

    .product-review_row li {
        flex: 100% 0 0;
        max-width: 100%;
    }

    .product-review_row li:nth-child(odd) {
        border-right: none;
    }

    .card-product_add-btn {
        height: 50px;
        line-height: 50px;
    }

    .play-button {
        width: 100px;
        height: 100px;
    }

    .play-button:after {
        border-width: 15px;
        border-left-width: 25px;
    }
}

@media only screen and (max-width: 991px) {
    .review-item {
        display: block;
    }

    .review-item_left-cell {
        max-width: 100%;
        margin-bottom: .5em;
    }

    .review-item_right-cell {
        padding-left: 0;
    }

    .show-all_reviews-btn {
        margin-right: 40%;
    }

    .overview-item .youtube {
        height: 87vw;
    }

    .overviews-slider .slick-next {
        right: 10%;
    }

    .overviews-slider .slick-prev {
        left: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .modal-delivery .modal-content {
        padding: 2em 1em;
    }

    .popup-delivery_content {
        height: auto;
        flex-wrap: wrap;
    }

    .popup-delivery_left-column {
        order: 2;
        flex: 100% 0 0;
        max-width: 100%;
        height: 300px;
        padding-top: 1em;
        padding-right: 0;
    }

    .popup-delivery_right-column {
        order: 1;
        flex: 100% 0 0;
        max-width: 100%;
    }

    #map-3 {
        height: 350px;
    }

    button.delivery-close {
        top: 5px;
        right: 5px;
    }

    .popup-delivery_wrapper-item {
        height: 75%;
    }

    .payment-card_content {
        margin-top: 2em;
    }

    .reviews_left-column {
        flex: 100% 0 0;
        max-width: 100%;
        order: 2;
    }

    .reviews_right-column {
        flex: 100% 0 0;
        max-width: 100%;
        margin-bottom: 1.7em;
        order: 1;
    }

    .reviews-total-box.is-sticky {
        position: static;
        width: 100%;
    }

    .reviews-total-box.is-static {
        position: static;
        width: 100%;
    }

    .reviews-section {
        padding-bottom: 2em;
    }

    .reviews-section_content {
        margin-bottom: 2em;
    }

    .show-all_reviews-btn {
        margin-right: 0;
    }

    .reviews-section_content-mod {
        margin-bottom: .5em;
    }
}

@media only screen and (max-width: 575px) {
    .checkout-form_step-title {
        flex-wrap: wrap;
        padding-top: .8em;
        padding-bottom: .8em;
    }

    .checkout-form_step-title .left-column {
        flex: 100% 0 0;
        max-width: 100%;
        margin-bottom: .3em;
    }

    .checkout-form_step-title .right-column {
        text-align: left;
    }

    .checkout-form_onward-btn {
        min-width: auto;
        width: 100%;
    }

    .popup-delivery_item {
        padding: .5em;
        font-size: .875rem;
    }

    .order-generated_content .main-btn {
        min-width: auto;
        letter-spacing: 0.05em;
        width: 100%;
    }

    .payment-card_form-content {
        max-width: 90%;
        margin-bottom: 7em;
    }

    .payment-card_cvc {
        top: auto;
        bottom: 5.1em;
        height: 170px;
        width: 100%;
        padding-bottom: 1em;
    }

    .payment-card_cvc:before {
        height: 50px;
        top: 2em;
    }

    .payment-card_section {
        padding-bottom: 2em;
    }

    .privacy-policy_section p {
        margin-bottom: 1.3em;
    }

    .privacy-policy_section {
        padding-bottom: 1em;
    }

    .card-product_footer {
        display: block;
    }

    .card-product_certificates-btn {
        margin-right: 0;
        margin-bottom: 1em;
        max-width: 100%;
        width: 100%;
    }

    .card-product_overview-btn {
        max-width: 100%;
        width: 100%;
    }

    .overviews-slider .slick-arrow {
        width: 18px;
        height: 18px;
    }

    .overviews-slider .slick-prev {
        left: 0;
    }

    .overviews-slider .slick-next {
        right: 0;
    }

    .overview-item .youtube {
        height: 100vw;
    }

    .play-button {
        width: 50px;
        height: 50px;
    }

    .play-button:after {
        border-width: 10px;
        border-left-width: 15px;
        left: 25%;
    }

    .no-reviews_box .top-text {
        font-size: 1rem;
        margin-top: 0em;
    }

    .checkout-form_delivery-table td:first-child {
        padding-left: 0;
        padding-right: 1em;
        width: 160px;
    }

    .checkout-form_delivery-table {
        font-size: .875rem;
    }

    .checkout-form_delivery-table .table-price_row {
        display: block;
    }

    .checkout-form_delivery-table .attention-text:before {
        display: none;
    }

    .checkout-form_delivery-table .attention-text {
        display: block;
    }

    .checkout-form_delivery-table .attention-text svg {
        display: inline-block;
        vertical-align: middle;
    }

    .checkout-form_delivery-table .last-row td {
        vertical-align: top;
    }

    .leave-feedback_header {
        display: block;
        text-align: left;
    }

    .leave-feedback_header .text {
        display: block;
        text-align: left;
        margin-bottom: 1.2em;
    }

    .br-theme-css-stars {
      justify-content: start;
    }

    .leave-feedback_form .form-group {
        display: block;
    }

    .leave-feedback_form-footer {
        display: block;
        text-align: center;
    }

    .leave-feedback_form-footer .text {
        padding-right: 0;
        display: block;
        margin-bottom: 1.2em;
    }

    .leave-feedback_form-footer .wraper-submit {
        min-width: auto;
        width: 100%;
    }

    .modal-dialog_feedback .modal-content {
        padding-top: 2.6em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .leave-feedback_form .form-label_mod {
        display: block;
        margin-bottom: 10px;
    }
}

.cook-form {
    position: fixed;
    background: #fff;
    bottom: 120px;
    right: 20px;
    width: 300px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    z-index: 9999;
    font-size: .875rem;
}
.cook-form .main-btn {
    width: 100%;
    min-width: auto;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin-top: 10px;
}

span.form-required {
    color: #394a38 !important;
    font-size: 23px;
}


    /* Скрыть на мобильных (до 768px) */
    .mobile-hide {
        display: none;
    }
    
    /* Скрыть на ПК (выше 768px) */
    .desktop-hide {
        display: none;
    }
    
    /* Показать на мобильных */
    @media (max-width: 991px) {
        .mobile-hide {
            display: block; /* или flex, inline-block и т.д. */
        }
        .desktop-hide {
            display: none;
        }
    }
    
    /* Показать на ПК */
    @media (min-width: 992px) {
        .mobile-hide {
            display: none;
        }
        .desktop-hide {
            display: block; /* или flex, inline-block и т.д. */
        }
    }


<!-- Этот блок будет виден только на ПК -->
/*<div class="desktop-hide">
    Видно только на компьютерах
</div>
*/
<!-- Этот блок будет виден только на смартфонах -->
/*<div class="mobile-hide">
    Видно только на мобильных
</div>*/


/* Основные стили */
.mobile-panel {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 8px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.mobile-panel-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Важно! */
    position: relative;
    flex: 1;
    min-height: 60px; /* Фиксированная высота для всех */
}

.mobile-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #555;
    width: 100%;
    padding: 5px 0;
    height: 100%; /* Занимает всю высоту родителя */
    justify-content: flex-start; /* Выравнивание по верху */
}

.mobile-label {
    font-size: 10px;
    margin-top: 4px;
    color: #666;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    height: 14px; /* Фиксированная высота для надписей */
    display: flex;
    align-items: flex-end; /* Выравнивание текста по низу */
}

/* Обертка для геолокации */
.geo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 26px; /* Фиксированная высота как у иконок */
    margin-bottom: 2px;
}

/* Стили для компонента геолокации - исправляем выравнивание */
.bxmaker-geoip-city-line-small {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Убираем лишние отступы у компонента */
.bxmaker-geoip-city-line-small > * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Специфично для геоиконки - делаем того же размера, что и другие */
.bxmaker-geoip-city-line-small .geo-icon,
.bxmaker-geoip-city-line-small i,
.bxmaker-geoip-city-line-small:before {
    font-size: 18px !important;
    color: #333 !important;
    display: block !important;
    line-height: 1 !important;
    height: 18px !important;
    margin-bottom: 0 !important;
}

/* Скрываем лишние элементы компонента, которые могут мешать */
.bxmaker-geoip-city-line-small .city-label,
.bxmaker-geoip-city-line-small .question-text,
.bxmaker-geoip-city-line-small .info-text {
    display: none !important;
}

/* Для остальных иконок */
.ico-user,
.ico-home,
.ico-fav {
    display: block;
    font-size: 18px;
    color: #333;
    transition: color 0.3s;
    height: 18px;
    line-height: 1;
    margin-bottom: 0px;
}

.mobile-link:hover .ico-user,
.mobile-link:hover .ico-home,
.mobile-link:hover .ico-fav {
    color: #5A7280;
}

/* Счетчик избранного */
.mobile-fav_number {
    position: absolute;
    top: -5px;
    right: 25%;
    background: #435966;
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Для компонента корзины - исправляем выравнивание */
.basket-line-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 26px !important;
    margin-bottom: 2px !important;
    width: 100% !important;
}

/* Иконка корзины */
.basket-line-panel .basket-icon,
.basket-line-panel i,
.basket-line-panel:before {
    font-size: 18px !important;
    color: #333 !important;
    display: block !important;
    line-height: 1 !important;
    height: 18px !important;
    margin-bottom: 0 !important;
}

/* Скрываем текст у корзины */
.basket-line-panel .basket-text,
.basket-line-panel .basket-info {
    display: none !important;
}

/* Адаптивность */
@media (max-width: 480px) {
    .mobile-label {
        font-size: 11px;
        height: 11px;
    }
    
    .ico-user,
    .ico-home,
    .ico-fav {
        font-size: 16px;
        height: 16px;
    }
    
    .bxmaker-geoip-city-line-small .geo-icon,
    .bxmaker-geoip-city-line-small i,
    .basket-line-panel .basket-icon,
    .basket-line-panel i {
        font-size: 16px !important;
        height: 16px !important;
    }
    
    .mobile-fav_number {
        width: 14px;
        height: 14px;
        font-size: 9px;
    }
    
    .mobile-panel-item {
        min-height: 42px;
    }
    
    .geo-wrapper,
    .basket-line-panel {
        height: 22px !important;
    }
}

/* Активное состояние */
.mobile-link.active {
    color: #5A7280;
}

.mobile-link.active .mobile-label {
    color: #5A7280;
    font-weight: 600;
}

/* Если все еще не выравнивается - жесткий хак */
.mobile-panel-item:first-child .mobile-label {
    margin-top: 4px !important; /* Принудительно устанавливаем отступ */
}