.ed CSS
Source map
Restructure
Beautify

@keyframes fill-line {
    0% {
        transform: scaleX(0)
    }
    to {
        transform: scaleX(1)
    }
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-dark: #333;
    --color-gray-100: #fff;
    --color-tundora: #4c4c4c;
    --color-silver: #c4c4c4;
    --color-chalice: #a6a6a6;
    --color-primary: #f7941e;
    --color-primary-hover: #f68819;
    --color-alabaster: #f7f7f7;
    --color-mercury: #e6e6e6;
    --color-gray: #808080;
    --color-willsand: #f5f5f5;
    --color-alto: #dbdbdb;
    --color-error: #f53;
    --color-success: #8dc63f;
    --bottom-block-size: 52px;
    --vh: 1;
    --window-height: calc(var(--vh, 1vh) * 100);
    --slide-animation: 10s;
    --container-max-width: 1260px;
    --grid-gap: 30px;
    --scrollbar-width: 17px;
    --offset-container: calc((100vw - (var(--container-max-width) - var(--grid-gap)) - var(--scrollbar-width)) / 2);
    --column-width: calc((var(--container-max-width) / 4) - (var(--grid-gap)));
    --offset-top: 16px;
    --header-height: 84px;
    --indent-30: 30px;
    --indent-24: 24px;
    --indent-22: 22px;
    --indent-20: 20px;
    --indent-18: 18px;
    --indent-16: 16px;
    --indent-14: 14px;
    --indent-10: 10px;
    --indent-8: 8px;
    --font-family: "Noto Sans", sans-serif;
    --very-small-fz: 10px;
    --very-small-lh: 14px;
    --small-fz: 12px;
    --small-lh: 20px;
    --middle-fz: 14px;
    --middle-high-fz: 16px;
    --middle-lh: 20px;
    --middle-high-lh: 22px;
    --high-fz: 18px;
    --very-high-fz: 24px;
    --very-high-lh: 33px;
    --very-small: 400 var(--very-small-fz) / var(--very-small-lh) var(--font-family);
    --small-normal: 400 var(--small-fz) / var(--small-lh) var(--font-family);
    --small-bold: 700 var(--small-fz) / var(--small-lh) var(--font-family);
    --middle-normal: 400 var(--middle-fz) / var(--middle-lh) var(--font-family);
    --middle-bold: 700 var(--middle-fz) / var(--middle-lh) var(--font-family);
    --middle-high: 400 var(--middle-high-fz) / var(--middle-high-lh) var(--font-family);
    --middle-high-bold: 700 var(--middle-high-fz) / var(--middle-high-lh) var(--font-family);
    --high-bold: 700 var(--high-fz) / var(--middle-high-lh) var(--font-family);
    --very-high-bold: 700 var(--very-high-fz) / var(--very-high-lh) var(--font-family);
    --primary-trs: 0.1s ease-in-out;
    --shadow-primary: 0 0 10px rgba(0, 0, 0, 0.1);
    --dim-border: 1px solid rgba(0, 0, 0, 0.1);
    --primary-border: 1px solid var(--color-silver);
    --input-border: 1px solid var(--color-mercury);
    --primary-radius: 4px
}

html {
    box-sizing: border-box
}

body {
    font-family: var(--font-family);
    background-color: #fff
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

input {
    border-radius: 0;
    -webkit-border-radius: 0
}

.list-reset {
    /*cursor: pointer;*/
    list-style: none;
    margin: 0;
    padding: 0
}

.is-outer {
    position: relative !important;
    left: -9999px !important
}

.site-container {
    /*overflow: initial !important;*/
}

.is-hidden {
    display: none !important
}

.disables-scroll {
    overflow: hidden !important
}

@media (max-width: 991.9px) {
    .disables-scroll {
        position: initial !important;
        top: 0;
    }
}

.for-mobile-header {
    display: none
}

@media (max-width: 767.9px) {
    .for-mobile-header {
        display: block
    }
}

.error {
    border: 2px #ff4019 solid !important
}

.btn-reset {
    border: 0;
    padding: 0;
    cursor: pointer
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: var(--container-max-width)
}

.container_basket {
    margin: 0 auto;
    padding: 0 !important;
    max-width: var(--container-max-width)
}

.container_reset {
    padding: 0 !important;
    max-width: initial !important;
    width: initial !important;
}

@media (max-width: 1260px) {
    .container {
        padding: 0 8px
    }
}

@media (max-width: 991.9px) {
    .container {
        width: 100%;
        padding: 0 39px
    }
}

@media (max-width: 767.9px) {
    .container {
        padding: 0 15px;
        max-width: var(--container-max-width)
    }

    .container::after {
        display: none
    }
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0)
}

.main {
    padding-top: var(--indent-16)
}


.main.with-breadcrumbs {
    padding-top: 0
}

@media (max-width: 767.9px) {
    .main.with-breadcrumbs {
        padding-top: 100px
    }
}

.grid {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    gap: 0 var(--grid-gap)
}

@media (max-width: 767.9px) {
    .grid {
        grid-template-columns:repeat(4, 1fr)
    }
}

.icon-btn {
    display: inline-flex;
    align-items: center
}

.icon-btn svg {
    display: inline-block;
    margin-right: 5px;
    width: 1em;
    height: 1.15em;
    fill: currentColor;
    -o-object-fit: cover;
    object-fit: cover
}

.icon-btn svg, button .icon-btn {
    pointer-events: none
}

.slider-pag {
    width: auto !important
}

.banner .slider-pag .swiper-pagination-bullet {
    margin: 0 !important;
    border-radius: 2px !important;
    width: 15px !important;
    height: 4px !important;
    background-color: var(--color-gray-90) !important;
    opacity: 1;
    transition: var(--primary-trs) !important;
    transition-property: background-color !important
}

.banner .slider-pag .swiper-pagination-bullet:not(:last-child) {
    margin-right: 4px !important
}

.banner .slider-pag .swiper-pagination-bullet:hover {
    background-color: var(--color-primary) !important
}

@media (max-width: 767.9px) {
    .banner .slider-pag .swiper-pagination-bullet {
        background-color: #d9d9d9 !important
    }
}

.banner .slider-pag .swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important;
    pointer-events: none
}

.btn, .close-btn {
    transition: var(--primary-trs)
}

.close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 10px;
    height: 10px;
    color: var(--color-chalice);
    transition-property: color
}

.close-btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    -o-object-fit: cover;
    object-fit: cover
}

.close-btn:hover {
    color: var(--color-dark)
}

.btn {
    display: inline-block;
    border-radius: var(--primary-radius);
    padding: 10px 12px;
    height: 40px;
    font: var(--middle-bold);
    transition-property: background-color, box-shadow, color;
    outline: 0
}

.btn--primary {
    box-shadow: inset 0 -3px 0 #f28500;
    border: 1px solid transparent;
    outline: 0;
    --btn-shadow: #f28500;
    color: var(--color-white);
    background-color: var(--color-primary) !important;
}

.btn--primary:hover {
    background-color: var(--color-primary-hover) !important;
    color: var(--color-gray-100)
}

.btn--primary:disabled {
    opacity: .5;
    pointer-events: none
}

.btn--secondary, .search-input {
    background-color: var(--color-alabaster)
}

.btn--secondary {
    --btn-shadow: #dedede;
    border: var(--primary-border);
    color: var(--color-dark)
}

.btn--secondary:hover {
    color: var(--color-primary)
}

.search-input {
    outline: 0;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    padding-left: 45px;
    height: 52px;
    font: var(--middle-normal);
    transition: var(--primary-trs);
    transition-property: background-color, color
}

.search-input::-moz-placeholder {
    color: var(--color-chalice);
    -moz-transition: var(--primary-trs);
    transition: var(--primary-trs);
    -moz-transition-property: background-color, color;
    transition-property: background-color, color
}

.search-input::placeholder {
    color: var(--color-chalice);
    transition: var(--primary-trs);
    transition-property: background-color, color
}

.search-input:hover {
    background-color: var(--color-gray-100)
}

.search-input:focus::-moz-placeholder {
    color: #bfbfbf
}

.search-input:focus::placeholder {
    color: #bfbfbf
}

.field {
    position: relative;
    width: 100%
}

.field__input {
    -webkit-appearance: none !important;
    outline: 0;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    padding-right: 48px;
    padding-left: var(--indent-14);
    width: 100%;
    height: 40px;
    box-shadow: none;
    font: var(--middle-normal);
    color: var(--color-dark);
    background-color: var(--color-gray-100);
    transition: var(--primary-trs);
    transition-property: box-shadow, border, color
}

.field__input::-moz-placeholder {
    font: var(--middle-normal);
    color: var(--color-chalice);
    -moz-transition: var(--primary-trs);
    transition: var(--primary-trs);
    -moz-transition-property: box-shadow, border, color;
    transition-property: box-shadow, border, color
}

.field__input::placeholder {
    font: var(--middle-normal);
    color: var(--color-chalice);
    transition: var(--primary-trs);
    transition-property: box-shadow, border, color
}

.field__input:focus, .field__input:hover {
    border: 1px solid var(--color-primary);
    box-shadow: 0 0 7px rgba(247, 148, 30, .45);
    background-color: var(--color-gray-100)
}

.field__input:focus::-moz-placeholder {
    color: #bfbfbf
}

.field__input:focus::placeholder {
    color: #bfbfbf
}

.field__input:focus + .field__btn svg {
    opacity: 1
}

@media (max-width: 991.9px) {
    .field__input {
        font-size: 16px
    }
}

.field__btn {
    position: absolute;
    right: 17px;
    top: 50%;
    border: 0;
    width: 17px;
    height: 17px;
    background-color: transparent;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: none
}

.field__btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--color-dark);
    opacity: .35;
    transition: var(--primary-trs);
    transition-property: opacity
}

.field__clear {
    right: 19px;
    z-index: 10;
    width: 12px;
    height: 12px;
    opacity: 0;
    visibility: hidden;
    pointer-events: auto
}

.field__clear svg {
    fill: var(--color-error);
    opacity: 1
}

.field__clear, .field__loupe {
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.field__loupe_main {
    margin-left: 24px;
    display: flex;
    align-items: center;

}

.field__loupe_main svg {
    fill: #808080

}

.field--texted .field__input {
    color: #333 !important
}

.field--texted .field__clear {
    opacity: 1;
    visibility: visible
}

.field--texted .field__loupe {
    opacity: 0;
    visibility: hidden
}

.product-main-prop, .tag {
    display: inline-block;
    color: var(--color-tundora)
}

.tag {
    border-radius: var(--primary-radius);
    padding: 5px 10px;
    font: var(--middle-normal);
    background-color: var(--color-willsand);
    transition: var(--primary-trs);
    transition-property: background-color
}

.tag:hover {
    background-color: var(--color-alto)
}

.custom-scrollbar .simplebar-content-wrapper {
    padding-right: var(--indent-30)
}

@media (max-width: 991.9px) {
    .custom-scrollbar .simplebar-content-wrapper {
        padding-right: 0
    }
}

@media (max-width: 767.9px) {
    .custom-scrollbar .simplebar-content-wrapper {
        padding-right: 39px
    }
}

.custom-scrollbar .simplebar-track {
    right: 7px;
    top: 2px;
    bottom: 5px;
    overflow: initial;
    margin-top: 2px;
    margin-bottom: 5px;
    border-radius: 7px;
    width: 6px !important;
    background-color: #f2f2f2
}

.custom-scrollbar .simplebar-track .simplebar-scrollbar::before {
    left: 0;
    right: auto;
    width: 100%;
    background-color: #d9d9d9;
    opacity: 1;
    transition: var(--primary-trs);
    transition-property: background-color
}

.custom-scrollbar .simplebar-hover .simplebar-scrollbar::before {
    background-color: var(--color-gray)
}

.custom-scrollbar.city-results .simplebar-track {
    right: 0
}

.product-main-prop {
    border: 1px solid var(--border-color);
    border-radius: 3px;
    padding: 3px 6px;
    font: 400 12px/16px var(--font-family)
}

.product-main-prop, .product-main-prop--action {
    --border-color: #f53
}

.product-main-prop--new {
    --border-color: #7cbf1d
}

.product-main-prop--shop {
    --border-color: #d9ba74
}

.product-main-prop--hit {
    --border-color: #ff9819
}

.product-main-prop--sale {
    --border-color: #7d5ccb
}

.tooltip {
    position: relative;
    z-index: 10
}

.tooltip__btn, .tooltip__txt {
    transition: var(--primary-trs)
}

.tooltip__txt, .tooltip__txt::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip__txt {
    width: max-content;
    --bg-tooltip: #382e2c;
    bottom: calc(100% + var(--indent-16));
    border-radius: var(--primary-radius);
    padding: 10px 12px 8px 15px;
    box-shadow: 0 5px 20px rgba(56, 46, 44, .25);
    color: var(--color-gray-100);
    background-color: var(--bg-tooltip);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility
}

.search-tooltip {
    margin-left: 8px;
}

.tooltip__txt::after {
    content: "";
    bottom: -5px;
    border-style: solid;
    border-width: 5px 5.5px 0;
    border-color: var(--bg-tooltip) transparent transparent;
    width: 0;
    height: 0
}

.tooltip__btn {
    min-width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    padding: 0;
    width: 18px;
    height: 18px;
    font: var(--middle-normal);
    color: #999;
    background-color: #f8f8f8;
    transition-property: color;
    cursor: pointer
}

.tooltip__btn:focus, .tooltip__btn:hover {
    color: var(--color-dark)
}

@media (min-width: 992px) {
    .tooltip__btn:focus + .tooltip__txt, .tooltip__btn:hover + .tooltip__txt {
        opacity: 1;
        visibility: visible
    }
}

.price-tooltip {
    margin-left: var(--indent-8)
}

.price-tooltip .tooltip__txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 125px
}

.price-tooltip__value {
    margin-bottom: 2px;
    font: var(--middle-high-bold)
}

.price-tooltip__descr {
    font: var(--small-normal)
}

.main-tooltip {
    top: 2px
}

@media (max-width: 767.9px) {
    .price-tooltip {
        margin-left: 0
    }
}

@media (max-width: 1260px) {
    .tooltip-active .tooltip__txt {
        opacity: 1;
        visibility: visible
    }
}

.mini-input {
    display: block;
    width: 100%
}

.mini-input__field {
    -webkit-appearance: none !important;
    outline: 0;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    padding-left: 11px;
    width: 100%;
    height: 40px;
    font: var(--middle-normal);
    color: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: color, border-color
}

.mini-input__field::-moz-placeholder {
    color: #bfbfbf
}

.mini-input__field::placeholder {
    color: #bfbfbf
}

.mini-input__field:hover {
    border-color: var(--color-primary)
}

.mini-input__field:focus {
    border-color: var(--color-primary)
}

.mini-input__field--success, .mini-input__field--success:hover {
    border-color: var(--color-success)
}

.mini-input__field--success:focus {
    border-color: var(--color-success)
}

@media (max-width: 991.9px) {
    .mini-input__field {
        font-size: 16px
    }
}

.back {
    display: inline-flex;
    align-items: center;
    font: var(--middle-normal);
    color: var(--color-gray);
    transition: var(--primary-trs);
    transition-property: color
}

.back svg {
    margin-right: 7px;
    width: 10px;
    height: 8px;
    fill: currentColor
}

.back:hover {
    color: var(--color-primary)
}

@media (max-width: 991.9px) {
    .back {
        margin-top: 8px
    }
}

.footer-bottom {
    display: grid;
    grid-template-columns:100%;
    grid-template-rows:auto 1fr auto;
    min-height: 100vh
}

.slider-btn {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f2f2f2;
    border-radius: var(--primary-radius);
    width: 39px;
    height: 33px
}

.slider-btn svg {
    width: 7px;
    height: 11px;
    fill: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: fill
}

@media (min-width: 992px) {
    .slider-btn:hover svg {
        fill: var(--color-primary)
    }
}

.products-list__item {
    grid-column: 3 span
}

.site-title {
    margin: 0 0 23px;
    font: var(--very-high-bold);
    color: var(--color-dark)
}

@media (max-width: 1260px) {
    .site-title {
        font: var(--high-bold)
    }
}

@media (max-width: 767.9px) {
    .site-title {
        font: var(--high-bold)
    }
}

.section-padding {
    padding-top: 52px
}

@media (max-width: 1260px) {
    .section-padding {
        padding-top: 39px
    }
}

@media (max-width: 767.9px) {
    .section-padding {
        padding-top: 29px
    }
}

@media (max-width: 1260px) {
    .popular {
        padding-top: 42px
    }
}

@media (max-width: 767.9px) {
    .popular {
        padding-top: 54px
    }
}

@media (max-width: 1260px) {
    .services {
        padding-top: 41px
    }
}

@media (max-width: 991.9px) {
    .services {
        padding-top: 56px
    }
}

@media (max-width: 767.9px) {
    .services {
        padding-top: 29px
    }
}

@media (max-width: 1260px) {
    .advices {
        padding-top: 41px
    }
}

@media (max-width: 767.9px) {
    .advices {
        padding-top: 54px
    }
}

.section-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px
}

.section-top .site-title {
    margin-bottom: 0
}

@media (max-width: 1260px) {
    .section-top {
        margin-bottom: 13px
    }

    .section-top .slider-btns {
        transform: translateY(-9px)
    }
}

@media (max-width: 767.9px) {
    .section-top {
        margin-bottom: 28px
    }
}

.slider-btns {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    border: 1px solid var(--color-mercury);
    border-radius: var(--primary-radius)
}

.slider-btns::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 1px;
    width: 1px;
    height: calc(100% - 2px);
    background-color: var(--color-mercury)
}

.slider-btns .slider-btn {
    border: 0
}

@media (max-width: 767.9px) {
    .slider-btns {
        display: none
    }
}

.product-slider_main {
    position: relative;
    overflow: hidden;
    width: 100%
}


.product-slider_main__pag {
    bottom: 45px !important;
    width: 100% !important;
    text-align: center;
    opacity: 0
}

.product-slider_main__pag .swiper-pagination-bullet {
    margin-right: 4px !important;
    margin-left: 0 !important;
    width: 15px !important;
    height: 4px !important;
    background-color: #d9d9d9 !important;
    border-radius: 2px;
    opacity: 1;

}

.product-slider_main__pag .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.product-slider_main__pag .swiper-pagination-bullet-active {
    background-color: var(--color-accent) !important;
}


@media (max-width: 767.9px) {
    .product-slider_main__pag {
        opacity: 1
    }
}

.product-slider_main .swiper-slide {
    max-width: 285px;
    padding: 0 !important;
    flex-shrink: 0 !important;
    margin-right: 30px
}

@media (max-width: 767.9px) {
    .product-slider_main .swiper-slide {
        max-width: 50%;
        min-width: 50%;
        margin-right: 2px
    }
}


.new_products {
    padding: 52px 15px 0
}

@media (max-width: 1259.9px) {
    .section-padding {
        padding-top: 39px;
    }
}


@media (max-width: 767.9px) {
    .new_products {
        padding: 0 !important;
        padding-top: 29px !important;
    }
}


.link {
    font: var(--middle-high);
    color: var(--color-primary);
    transition: var(--primary-trs);
    transition-property: color
}

.link:hover {
    color: var(--color-primary-hover)
}

@media (max-width: 1260px) {
    .link {
        font: var(--middle-normal)
    }
}

@media (max-width: 767.9px) {
    .link {
        font: var(--middle-high)
    }
}

.tabs-nav {
    display: flex;
    justify-content: space-between;
    border-bottom: var(--input-border);
    padding-bottom: var(--indent-16)
}

.tabs-nav__list {
    display: flex;
    align-items: center
}

.tabs-nav__item:not(:last-child) {
    margin-right: 29px
}

@media (max-width: 1260px) {
    .tabs-nav__item:not(:last-child) {
        margin-right: 20px
    }
}

@media (max-width: 767.9px) {
    .tabs-nav__item:not(:last-child) {
        margin-right: 21px
    }
}

.tabs-nav__btn {
    position: relative;
    font: var(--middle-high-bold);
    color: #999;
    transition: var(--primary-trs);
    transition-property: color
}

.tabs-nav__btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -17px;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    opacity: 0;
    transition: var(--primary-trs);
    transition-property: opacity
}

@media (max-width: 1260px) {
    .tabs-nav__btn::after {
        bottom: -18px
    }
}

@media (max-width: 767.9px) {
    .tabs-nav__btn::after {
        bottom: -17px
    }
}

@media (min-width: 992px) {
    .tabs-nav__btn:hover {
        color: var(--color-dark)
    }
}

.tabs-nav__btn--active {
    color: var(--color-dark)
}

.tabs-nav__btn--active::after {
    opacity: 1
}

@media (max-width: 1260px) {
    .tabs-nav__btn {
        font: var(--middle-bold)
    }
}

@media (max-width: 767.9px) {
    .tabs-nav__btn {
        font: var(--middle-bold);
        white-space: nowrap
    }
}

.tabs-nav__search {
    position: relative;
    top: 2px;
    font: var(--middle-normal);
    color: var(--color-chalice)
}

.tabs-nav__search svg {
    margin-right: 9px;
    width: 1.2em;
    height: 1.2em;
    fill: var(--color-dark);
    opacity: .35
}

@media (max-width: 767.9px) {
    .tabs-nav {
        padding-bottom: 17px
    }
}

.tabs-content {
    position: relative
}

.tabs-content__item {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transition-property: opacity, visibility
}

.tabs-content__item--active {
    position: static;
    opacity: 1;
    visibility: visible
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 26, 26, .75);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.overlay--visible {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1260px) {
    html {
        --container-max-width: 980px !important
    }
}

@media (max-width: 991.9px) {
    html {
        --container-max-width: 768px !important
    }
}

@media (max-width: 1260px) {
    .catalog-menu__logo {
        display: flex;
        align-items: center;
        grid-column: 2 span;
        width: 134px;
        transform: translateY(-.5px)
    }
}

@media (max-width: 1260px) {
    .catalog-menu__btn-wrap {
        transform: translateX(-2.5px) translateY(-.5px)
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__left {
        overflow-y: auto;
        height: 100%;
        width: 249px;
        border-right: 1px solid #e5e5e5
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__left {
        border: 0;
        overflow-y: auto;
        padding-top: 0;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__right {
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 4px;
        padding-right: 39px;
        padding-left: 39px;
        width: calc(100% - 249px);
        height: 100%
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__right {
        position: absolute;
        left: 100%;
        top: 0;
        overflow: initial;
        padding: 0;
        width: 100%;
        height: 100%
    }
}

.catalog-menu__close svg {
    margin-right: var(--indent-10) !important;
    width: 14px !important;
    height: 12px !important
}

@media (max-width: 1260px) {
    .catalog-menu__top {
        padding-top: var(--offset-top)
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__top {
        display: none
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__content {
        height: calc(100% - var(--bottom-block-size) - 66px)
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__content {
        height: calc(var(--window-height) - 66px - var(--bottom-block-size));
        background-color: var(--color-white)
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__list {
        padding-bottom: 0
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__link--sale {
        background-image: none !important
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__link--current {
        color: var(--color-dark)
    }

    .catalog-menu__link--current::before {
        display: none
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__link {
        border-top: 1px solid #e5e5e5;
        padding: 16px 13px 16px 35px
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__link {
        border: 0;
        border-top: 1px solid #e5e5e5;
        padding: 15px 15px 15px 0;
        width: 100%;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__search-mobile {
        display: block !important
    }
}

.catalog-menu__search-field .field__input {
    background-color: var(--color-gray-100)
}

@media (max-width: 991.9px) {
    .catalog-menu__scanner {
        display: none
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__scanner {
        display: block
    }
}

@media (max-width: 991.9px) {
    .catalog-menu {
        z-index: 1500
    }
}

@media (max-width: 767.9px) {
    .catalog-menu {
        z-index: 1500
    }
}

@media (max-width: 991.9px) {
    .scroll-wrap {
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 767.9px) {
    .scroll-wrap {
        overflow-y: auto;
        max-height: 100%
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__item {
        display: block;
        border-top: 1px solid #e5e5e5;
        padding: 15px 0;
        width: 100%
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__item {
        border-top: 1px solid #e5e5e5;
        padding: 15px;
        width: 100%
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__list {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__list {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        overflow-y: auto;
        padding-top: var(--maintitle-block-size);
        width: 100%;
        height: calc(100vh - 53px - 66px)
    }

    .menu-wrapper__list--active {
        display: block
    }

    .menu-wrapper__list--overflow {
        overflow: initial !important
    }
}

.menu-wrapper__title:hover {
    color: var(--color-accent)
}

@media (max-width: 991.9px) {
    .menu-wrapper__title {
        margin: 0;
        padding-right: 20px;
        font: var(--middle-normal);
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__title {
        margin: 0;
        padding-right: var(--indent-10);
        font: var(--middle-normal);
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__list-item:not(:last-child) {
        margin-bottom: 0
    }

    .menu-wrapper__list-item {
        padding: 0
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__list-item {
        padding: 0 15px
    }

    .menu-wrapper__list-item:last-child .menu-wrapper__link {
        border-bottom: none
    }
}

@media (max-width: 1260px) {
    .menu-wrapper__link {
        padding: 0
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__link {
        border-top: 1px solid #e5e5e5;
        padding: 15px 0
    }

    .menu-wrapper {
        -moz-column-count: unset;
        column-count: unset;
        padding-top: var(--maintitle-block-size)
    }

    .menu-wrapper__sub--1 {
        margin: 0;
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: -7px center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__sub--1 {
        position: fixed;
        left: 200%;
        top: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: 7px center;
        background-repeat: no-repeat;
        background-color: #f5f5f5
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__sub--2 {
        margin: 0;
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: -7px center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__sub--2 {
        position: fixed;
        left: 300%;
        top: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: 7px center;
        background-repeat: no-repeat;
        background-color: #f5f5f5
    }
}

.catalog-more {
    background-color: #fff
}

@media (max-width: 991.9px) {
    .catalog-more {
        display: none
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop > .menu-wrapper__link {
        margin-bottom: 0;
        padding-right: 16px;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }

    .menu-wrapper__drop > .menu-wrapper__link::after {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop > .menu-wrapper__link {
        margin-bottom: 0;
        padding-right: 16px;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }

    .menu-wrapper__drop > .menu-wrapper__link::after {
        display: none
    }
}

.menu-wrapper__drop .menu-wrapper__list {
    cursor: pointer
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop .menu-wrapper__list {
        padding-left: 0
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop .menu-wrapper__list {
        padding-left: 0
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop--visible .menu-wrapper__list {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop--visible .menu-wrapper__list {
        display: block
    }
}

.menu-wrapper__drop--visible > .menu-wrapper__link::after {
    transform: rotate(0)
}

@media (max-width: 991.9px) {
    .menu-wrapper__list-item.is-hidden {
        display: list-item !important
    }
}

@media (max-width: 767.9px) {
    .catalog-menu--visible .catalog-menu__link::before {
        display: none
    }
}

@media (max-width: 991.9px) {
    .city-choice__window {
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 10000;
        display: block !important;
        padding: 17px 20px 23px;
        width: 100%;
        max-width: 450px;
        transform: translate(-50%, -50%)
    }

    .city-choice__window .close-btn {
        right: 14px;
        top: 15px;
        width: 10px;
        height: 10px;
        background-image: url(/img/close.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .city-choice__window .close-btn svg {
        display: none
    }

    .city-choice__window--active {
        opacity: 1;
        visibility: visible;
        transition: var(--primary-trs);
        transition-property: opacity, visibility, transform
    }
}

@media (max-width: 767.9px) {
    .city-choice__window {
        left: 0;
        top: auto;
        bottom: 0;
        padding: 12px 15px;
        transform: translateY(100%)
    }

    .city-choice__window .close-btn {
        top: 19px;
        width: 14px;
        height: 14px;
        background-image: url(/img/close.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .city-choice__window .close-btn svg {
        display: none
    }

    .city-choice__window--active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: var(--primary-trs);
        transition-property: opacity, visibility, transform
    }
}

@media (max-width: 767.9px) {
    .city-choice__caption {
        padding-right: 19px
    }
}

@media (max-width: 767.9px) {
    .city-choice__btns {
        flex-direction: column
    }
}

@media (max-width: 767.9px) {
    .city-choice__btn {
        width: 100%;
        max-width: 320px
    }

    .city-choice__btn:first-child {
        margin-bottom: 14px
    }
}

.partner-popup__bottom {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: var(--indent-16)
}

.header__entering:hover {
    color: var(--color-primary)
}

.header, .header--fixed .header__middle {
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--color-white)
}

.header, .header__top {
    position: relative;
    z-index: 1000
}

.header .cart span, .header .cart svg {
    transform: translateX(-8px)
}

.header .mini_basket span, .header .mini_basket svg {
    transform: translateX(0px) !important;
}

.header .cart span {
    white-space: nowrap
}

.header__top {
    z-index: 5;
    padding-top: 7px;
    height: 34px
}

@media (max-width: 991.9px) {
    .header__top {
        display: none
    }
}

.header__middle {
    height: 84px;
    padding-top: var(--indent-16);
    padding-bottom: var(--indent-16)
}

@media (max-width: 1260px) {
    .header__middle {
        padding-top: 11px
    }
}

@media (max-width: 991.9px) {
    .header__bottom, .header__middle {
        display: none
    }
}

.header__geo, .header__phone {
    grid-column: 4 span;
    height: min-content
}

.header__phone {
    grid-column: 3 span;
    transform: translateX(-48px)
}

@media (max-width: 1260px) {
    .header__phone {
        transform: translateX(0)
    }
}

@media (max-width: 767.9px) {
    .header__phone {
        display: none
    }
}

.header__props {
    grid-column: 5 span
}

@media (max-width: 767.9px) {
    .header__props {
        display: none !important
    }
}

.header__logo {
    grid-column: 2 span
}

@media (min-width: 1260px) {
    .header__logo > img {
        height: 45px;
        object-fit: cover
    }
}

@media (max-width: 1260px) {
    .header__logo {
        display: flex;
        align-items: center;
        width: 134px
    }
}

.header__center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: 8 span
}

.header__search {
    flex-grow: 1
}

.header__entering {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    outline: 0;
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    border: 1px solid transparent;
    background-color: transparent;
    transition-property: color
}

.header__entering svg {
    margin-bottom: 4px;
    width: 24px;
    height: 24px;
    fill: currentColor
}

.personal__elem_add span svg {
    margin-bottom: 0;
}

@media (max-width: 1260px) {
    .header__entering {
        width: 58px
    }
}

.header--fixed .header__middle {
    position: fixed;
    border-bottom: 1px solid #e6e6e6;
    opacity: 0;
    visibility: hidden
}

.header--to-top .header__middle {
    z-index: 999;
    height: 85px;
    opacity: 1;
    visibility: visible;
    transition: var(--primary-trs);
    transition-property: opacity
}

.header--with-back .back-wrapper {
    grid-column: 1 span
}

.header--with-back .header__center {
    grid-column: 7 span
}

@media (max-width: 991.9px) {
    .header {
        position: relative;
        z-index: 1002;
        width: 100%;
        max-width: 100vw;
    }
}

.geo {
    display: flex;
    align-items: center
}

.geo__item:not(:last-child) {
    margin-right: var(--indent-24)
}

.geo__item:hover .cityselect {
    color: var(--color-accent) !important
}

.cityselect {
    transition: color var(--primary-trs)
}

.geo__btn {
    display: flex !important;
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.geo__btn:hover {
    color: var(--color-primary) !important
}

@media (max-width: 767.9px) {
    .geo__btn {
        display: none
    }
}

.phone__link {
    margin-right: 8px;
    font: var(--middle-high-bold);
    color: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: color
}

.phone__link:hover {
    color: var(--color-primary)
}

.phone__schedule {
    font: var(--small-normal);
    color: var(--color-chalice)
}

.props, .props__list {
    display: flex;
    align-items: center
}

.props {
    justify-content: flex-end
}

.props__list {
    height: min-content
}

.props__item:not(:last-child) {
    height: 20px;
    margin-right: var(--indent-24)
}


.props__btn {
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.props__btn:hover {
    color: var(--color-primary)
}

.catalog-btn {
    margin-right: var(--indent-16);
    padding-right: 18px;
    padding-left: 18px;
    width: 127px;
    height: 52px;
    font: var(--middle-high-bold)
}

.catalog-btn .icon-btn svg {
    margin-right: var(--indent-10);
    width: 14px;
    height: 12px
}

.search-form {
    position: relative
}

.search-form__icon {
    position: absolute;
    left: 19px;
    top: 50%;
    width: 17px;
    height: 17px;
    fill: #b2b2b2;
    transform: translateY(-50%)
}

.search-form__input {
    width: 100%
}

.menu__item {
    text-align: center
}

@media (max-width: 1260px) {
    .menu__item:last-child {
        display: none
    }
}

@media (max-width: 1260px) {
    .menu__link {
        padding: 9px 19px
    }
}

@media (max-width: 991.9px) {
    .breadcrumbs {
        padding-top: var(--indent-10);
        padding-bottom: var(--indent-10)
    }
}

@media (max-width: 991.9px) {
    .breadcrumbs__item {
        flex-shrink: 0
    }
}

@media (max-width: 991.9px) {
    .breadcrumbs__link {
        font: var(--small-normal)
    }
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

@media (max-width: 767.9px) {
    .breadcrumbs {
        /*height: 20px;*/
        overflow-x: auto;
        margin-right: 8px;
        margin-top: -45px;
        padding: 0
    }

}

@media (max-width: 991.9px) {
    .breadcrumbs.for-mobile-header {
        width: 100%;
        overflow-x: auto;
        display: block !important
    }

    .breadcrumbs.for-mobile-header .simplebar-scrollbar:before {
        opacity: 0
    }
}

@media (max-width: 1260px) {
    .header-small .header__center {
        grid-column: 7 span
    }
}

@media (max-width: 1260px) {
    .header-small .header__phone {
        grid-column: 3 span;
        text-align: right
    }
}

@media (max-width: 991.9px) {
    .header-mobile__column {
        grid-column: 4 span
    }

    .header-mobile__column:nth-child(2) {
        display: flex;
        justify-content: center;
        grid-column: 4 span
    }
}

@media (max-width: 767.9px) {
    .header-mobile__column {
        grid-column: 1 span
    }

    .header-mobile__column:nth-child(2) {
        grid-column: 2 span
    }
}

.header-mobile__geo {
    background-color: #fff
}

.header-mobile__geo svg {
    margin-right: 0 !important;
    width: 100% !important;
    height: 100% !important
}

@media (max-width: 991.9px) {
    .header-mobile {
        display: block
    }
}

@media (max-width: 767.9px) {
    .burger {
        position: relative
    }

    .burger .burger__el {
        content: "";
        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px
    }
}

@media (max-width: 767.9px) {
    .city-notfound__descr {
        text-align: center
    }

    .city-notfound {
        margin: 0 auto;
        border-top: 1px solid #e5e5e5;
        padding: 79px 0;
        width: calc(100% - 30px)
    }

    .city-obls {
        padding: 0 15px
    }
}

@media (max-width: 991.9px) {
    .city-obl__back::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 150%;
        height: 150%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 767.9px) {
    .city-obl__top {
        display: flex;
        align-items: center;
        margin-bottom: -1px;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px
    }
}

@media (max-width: 767.9px) {
    .city-obl__links {
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 50;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        background-color: var(--color-white)
    }

    .city-obl__links--active {
        display: flex
    }
}

@media (max-width: 767.9px) {
    .city-obl__wrap {
        flex-wrap: nowrap;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 15px;
        height: calc(var(--window-height) - var(--bottom-block-size))
    }
}

@media (max-width: 767.9px) {
    .city-obl__link {
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        width: 100%
    }
}

@media (max-width: 991.9px) {
    .city-obl {
        padding-left: 39px;
        padding-right: 39px
    }
}

@media (max-width: 767.9px) {
    .city-obl {
        padding: 15px 0
    }

    .city-obl:first-child {
        border-top: 1px solid #ebebeb
    }

    .city-obl:last-child {
        border-bottom: 1px solid #ebebeb
    }

    .city-obl > .city-obl__caption {
        margin: 0;
        width: 100%;
        font-weight: 400;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .city-tags {
        padding: 16px 0
    }
}

@media (max-width: 767.9px) {
    .city-results .simplebar-track {
        opacity: 0
    }

    .city-results .simplebar-content-wrapper {
        padding: 0
    }
}

@media (max-width: 991.9px) {
    .city-results {
        max-height: calc(var(--window-height) - var(--high-block-size) - 119px)
    }
}

@media (max-width: 767.9px) {
    .city-result__link {
        display: none
    }

    .city-result__left {
        border-top: 1px solid #e5e5e5;
        padding-top: 15px;
        width: 100%
    }
}

@media (max-width: 767.9px) {
    .city-result__caption {
        margin-bottom: 3px;
        font-weight: 400
    }
}

@media (max-width: 767.9px) {
    .city-result__district {
        margin-bottom: 11px;
        color: var(--color-gray)
    }
}

@media (max-width: 767.9px) {
    .city-result__delivery {
        flex-wrap: wrap;
        height: auto
    }
}

@media (max-width: 767.9px) {
    .city-result__txt {
        display: block;
        width: 100%;
        font: var(--small-normal);
        text-align: center
    }
}

@media (max-width: 767.9px) {
    .city-result__img {
        flex-grow: 1;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 991.9px) {
    .city-result {
        padding-left: 39px
    }
}

@media (max-width: 767.9px) {
    .city-result {
        border: 0 !important;
        padding: 0 15px 24px;
        width: 100%
    }
}

.site-search__top .grid {
    gap: 0;
    column-gap: 30px
}

@media (max-width: 991.9px) {
    .site-search__top {
        border-bottom: var(--input-border);
        padding-top: 13px;
        padding-bottom: 12px
    }

    .site-search__top .grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0
    }
}

.site-search__close {
    font: var(--middle-high);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.site-search__close.btn-reset {
    background: 0 0
}

.site-search__close:hover {
    color: var(--color-primary)
}

@media (max-width: 991.9px) {
    .site-search__close {
        font: var(--middle-normal);
        color: var(--color-gray)
    }
}

@media (max-width: 991.9px) {
    .site-search__bottom {
        max-height: none;
        height: calc(var(--window-height) - var(--header-height) - var(--bottom-block-size))
    }
}

@media (max-width: 767.9px) {
    .site-search__bottom {
        height: auto;
        max-height: calc(100% - var(--header-height) - var(--padding))
    }

    .site-search__bottom .grid {
        display: block
    }
}

@media (max-width: 1260px) {
    .site-search__logo {
        display: flex;
        align-items: center;
        width: 134px
    }
}

@media (max-width: 991.9px) {
    .site-search__logo {
        display: none
    }
}

.site-search__field .field__input {
    background-color: var(--color-gray-100)
}

.site-search__field .field__input:focus, .site-search__field .field__input:hover {
    box-shadow: none
}

@media (max-width: 991.9px) {
    .site-search__field .field__input {
        padding-left: 14px;
        height: 52px
    }

    .site-search__field .field__input:focus, .site-search__field .field__input:hover {
        border: 1px solid var(--color-primary);
        box-shadow: 0 0 7px rgba(247, 148, 30, .45)
    }
}

@media (max-width: 767.9px) {
    .site-search__field .field__input {
        padding-left: 14px;
        width: 100%;
        height: 52px
    }

    .site-search__field .field__input:focus, .site-search__field .field__input:hover {
        border: 1px solid var(--color-primary);
        box-shadow: 0 0 7px rgba(247, 148, 30, .45)
    }
}

@media (max-width: 991.9px) {
    .site-search__field .field__loupe {
        left: auto;
        right: 17px;
        transform: translateY(-50%) rotate(270deg)
    }
}

@media (max-width: 767.9px) {
    .site-search__field .field__loupe {
        left: auto;
        right: 17px;
        transform: translateY(-50%) rotate(270deg)
    }
}

@media (max-width: 991.9px) {
    .site-search__field .field--texted .field__loupe {
        opacity: 0 !important;
        visibility: hidden !important
    }

    .site-search__field {
        flex-grow: 1;
        margin-right: 17px
    }
}

@media (max-width: 767.9px) {
    .site-search__field {
        flex-grow: 1;
        margin-right: 17px
    }
}

@media (max-width: 991.9px) {
    .site-search__all--visible .btn {
        margin-left: auto;
        margin-right: auto;
        width: 224px;
        height: 40px;
        font: var(--middle-bold)
    }
}

@media (max-width: 767.9px) {
    .site-search__all--visible .btn {
        width: 100%;
        height: 40px;
        font: var(--middle-bold)
    }
}

@media (max-width: 991.9px) {
    .site-search__all--visible {
        border-top: 1px solid #e6e6e6;
        position: fixed;
        left: 0;
        bottom: var(--bottom-block-size);
        padding: 12px 15px;
        width: 100%;
        height: auto;
        background-color: #fff
    }
}

@media (max-width: 991.9px) {
    .site-search {
        z-index: 1700
    }
}

@media (max-width: 767.9px) {
    .search-result__item:not(:last-child) {
        margin-bottom: 16px
    }
}

.search-result__area {
    margin-bottom: 12px;
    width: calc(100% + var(--right-offset));
    max-height: 100%
}

@media (max-width: 991.9px) {
    .search-result__area .search-result__item {
        padding-left: 39px;
        padding-right: 39px
    }
}

@media (max-width: 767.9px) {
    .search-result__area .search-result__item {
        padding-left: 0;
        padding-right: 0
    }
}

.search-result__area .simplebar-track {
    right: var(--right-offset) !important;
    z-index: -1
}

@media (max-width: 991.9px) {
    .search-result__area {
        width: 100%;
        max-height: none
    }
}

@media (max-width: 767.9px) {
    .search-result__area {
        padding: 0;
        width: 100%;
        max-height: 100%
    }
}

@media (max-width: 767.9px) {
    .search-result__caption {
        display: none
    }
}

@media (min-width: 768px) {
    .search-result__list {
        padding-left: 17px !important
    }
}

@media (max-width: 991.9px) {
    .search-result__list {
        padding-right: 39px;
        padding-left: 39px
    }
}

@media (max-width: 767.9px) {
    .search-result__list {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767.9px) {
    .search-result__list-item:not(:last-child) {
        margin-bottom: 0
    }
}

@media (max-width: 767.9px) {
    .search-result__link {
        display: block;
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 15px 15px 0
    }
}

@media (max-width: 991.9px) {
    .search-result {
        grid-column: 12 span;
        overflow-y: auto;
        height: calc(var(--window-height) - var(--padding) - var(--bottom-block-size) - 66px)
    }
}

@media (max-width: 767.9px) {
    .search-result {
        height: auto;
        overflow-y: auto;
        padding: 0;
        padding-top: calc(var(--high-block-size) - 13px);
        max-height: calc(100% - 250px);
        max-height: calc(var(--window-height) - calc(var(--bottom-block-size) * 4) + 13px)
    }
}

@media (max-width: 991.9px) {
    .search-recent__items {
        padding-right: 0
    }
}

@media (max-width: 991.9px) {
    .search-recent__top {
        padding-right: 0
    }
}

@media (max-width: 991.9px) {
    .search-recent__wrapper {
        display: block;
        box-sizing: border-box
    }
}

@media (max-width: 991.9px) {
    .search-recent__top {
        margin-bottom: 4px
    }
}

@media (max-width: 767.9px) {
    .search-recent__top {
        justify-content: space-between;
        margin-bottom: 4px
    }
}

@media (max-width: 991.9px) {
    .search-recent__caption {
        margin-right: 32px
    }
}

@media (max-width: 767.9px) {
    .search-recent__caption {
        margin-right: 0
    }
}

@media (max-width: 991.9px) {
    .search-recent__item {
        border-radius: 0 !important;
        border-bottom: var(--input-border);
        padding: 15px 15px 15px 0;
        width: 100%;
        background-color: transparent
    }
}

.search-recent__clear {
    background-color: #fff
}

@media (max-width: 991.9px) {
    .search-recent {
        margin-top: 0;
        padding: 0 39px
    }
}

@media (max-width: 767.9px) {
    .search-recent {
        margin-top: -38px;
        padding: 0
    }
}

@media (max-width: 767.9px) {
    .search-product__vendor {
        margin-right: 15px;
        width: 50px
    }
}


@media (max-width: 767.9px) {
    .search-product__content {
        flex-grow: initial;
        margin-bottom: 8px;
        width: calc(100% - 50px - 15px)
    }
}

@media (max-width: 767.9px) {
    .search-product__price {
        padding-left: 65px;
        width: auto
    }
}

@media (max-width: 767.9px) {
    .search-product__title {
        margin-right: 3px
    }
}

@media (max-width: 767.9px) {
    .search-product__prop {
        margin-bottom: 3px
    }
}

@media (max-width: 767.9px) {
    .search-product {
        flex-wrap: wrap;
        border-bottom: 1px solid #e6e6e6;
        padding-top: 2px;
        padding-bottom: 10px
    }
}

@media (max-width: 767.9px) {
    .products-list .search-result__list {
        padding-right: 0
    }
}

@media (max-width: 767.9px) {
    .products-list .search-result__list-item:last-child .search-product {
        border-bottom: 1px solid #e6e6e6
    }

    .products-list {
        margin-bottom: 0 !important
    }
}

@media (max-width: 767.9px) {
    .search-result-notfound {
        padding-top: 127px;
        padding-right: 24px;
        padding-left: 24px;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-tabs-block {
        display: none !important
    }
}

.search-tabs__btn {
    background-color: #fff
}

.advices-search-open:hover svg {
    opacity: 1
}

.mobile-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1900;
    display: none;
    justify-content: center;
    border-top: 1px solid #e5e5e5;
    padding: 6px 0;
    width: 100%;
    background-color: var(--color-white)
}

.mobile-nav__list {
    display: flex;
    align-items: center;
    width: 50%
}

@media (max-width: 991.9px) {
    .mobile-nav__list {
        width: 50%
    }
}

@media (max-width: 767.9px) {
    .mobile-nav__list {
        width: 100%
    }
}

.mobile-nav__link {
    background-color: transparent;
}

@media (max-width: 991.9px) {
    .mobile-nav {
        display: flex !important
    }
}

@media (max-width: 767.9px) {
    .mobile-nav {
        display: flex
    }
}

.mobile-menu__close {
    background-color: #fff
}

@media (max-width: 991.9px) {
    .mobile-menu__list {
        width: 100%
    }
}

@media (max-width: 991.9px) {
    .mobile-menu__content {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 9px 39px 35px;
        height: calc(var(--window-height) - var(--high-block-size))
    }
}

@media (max-width: 767.9px) {
    .mobile-menu__content {
        display: block;
        overflow-y: auto;
        padding: 6px 15px 35px;
        height: calc(var(--window-height) - var(--high-block-size))
    }
}


@media (max-width: 991.9px) {
    .mobile-menu__testimonial {
        width: 195px
    }
}

@media (max-width: 767.9px) {
    .mobile-menu__testimonial {
        width: 100%;
        transform: none
    }
}

@media (max-width: 991.9px) {
    .mobile-menu {
        display: block !important
    }
}

@media (max-width: 991.9px) {
    .dropdown-content__area {
        overflow-y: auto;
        padding: 0 39px 15px;
        height: calc(100vh - 52px)
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__area {
        overflow-y: auto;
        padding: 0 15px 15px;
        height: calc(100vh - 52px)
    }
}

@media (max-width: 991.9px) {
    .dropdown-content__top {
        display: flex;
        align-items: center;
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 15px 39px
    }

    .dropdown-content__top .mobile-menu__close {
        margin-left: auto
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__top {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px
    }

    .dropdown-content__top .mobile-menu__close {
        margin-left: auto
    }
}

@media (max-width: 991.9px) {
    .dropdown-content__business {
        display: flex;
        align-items: center
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__business {
        display: block
    }
}

@media (max-width: 991.9px) {
    .dropdown-business {
        margin: 0 auto;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 4px;
        padding: 18px 22px;
        width: 245px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }
}

@media (max-width: 767.9px) {
    .dropdown-business {
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 110px 30px;
        width: auto;
        box-shadow: none
    }
}

@media (max-width: 991.9px) {
    .basket .mobile-nav {
        display: none !important
    }
}

@media (max-width: 767.9px) {
    .basket .mobile-nav {
        display: flex !important
    }

    .footer--basket {
        display: none
    }
}

@media (min-width: 992px) and (max-width: 1259px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media (min-width: 1260px) {
    .visible-lg, .visible-lg-block {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

.header2, .personal_tabs h2, .product_tabs h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.personal_tabs .nav-tabs li a, .product_tabs .nav-tabs li a {
    font-size: 16px;
    font-weight: 700;
    background-color: #e2e2e2;
    border-bottom: 3px solid #f7941e;
    line-height: 2
}

.personal_tabs .nav-tabs li.active a, .personal_tabs .nav-tabs li.active a:focus, .personal_tabs .nav-tabs li.active a:hover, .product_tabs .nav-tabs li.active a, .product_tabs .nav-tabs li.active a:focus, .product_tabs .nav-tabs li.active a:hover {
    background-color: #f7941e;
    border-bottom: 3px solid #f7941e;
    color: #fff
}

.personal_tabs .properties, .product_tabs .properties {
    width: 100%
}

.personal_tabs .properties td, .personal_tabs .properties th, .product_tabs .properties td, .product_tabs .properties th {
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 700;
    line-height: 2.5
}

.personal_tabs .properties td, .product_tabs .properties td {
    text-align: right
}

.personal_tabs .header2, .product_tabs .header2 {
    float: left;
    margin: 15px 0
}

.personal_tabs .similar-navigation, .product_tabs .similar-navigation {
    margin: 5px 0
}

.personal_tabs .tab-pane {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

#regwrap label, .personal_tabs label {
    font-weight: 400
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row1 {
    max-width: 562px;
    margin-left: auto !important;
    margin-right: auto !important
}

.row1 a {
    text-decoration: underline
}

.row .catalog2 .cat_cart .img_wrapper {
    margin-top: 40px;
    padding: 20px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px 0 rgba(50, 50, 50, .2);
    -moz-box-shadow: 0 0 4px 0 rgba(50, 50, 50, .2);
    box-shadow: 0 0 4px 0 rgba(50, 50, 50, .2);
    box-sizing: border-box
}

.row .catalog2 .cat_cart .img_wrapper:hover {
    box-shadow: 0 0 1px 1px #f7941e
}

.row .catalog2 a.product_image {
    display: block;
    padding-top: 100%;
    -webkit-background-size: contain;
    background-size: contain
}

#history .row, .cash_voucher {
    font-size: 16px
}

#history .row {
    padding: 20px;
    text-align: center
}

.row .catalog2 .cat_name {
    min-height: 57px;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
    border-top: 1px solid #f7941e;
    text-align: center;
    margin: 30px 0;
    padding-top: 10px
}

.recommend_slider, .similar_slider {
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.panel-service {
    height: 125px
}

.panel-primary {
    border: 0
}

.row .catalog2 {
    border-bottom: 1px solid #d9d9d9
}

.basket_items, .row .catalog2 .cat_cart .img_wrapper {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*=col-].dropdown-menu-right, .row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.basket_items a.product_image, .related_slider a.product_image, .row .catalog2 a.product_image {
    position: relative;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 1260px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px
}

@media (min-width: 1260px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (max-width: 767.9px) {
    .catalog .col-xs-12:nth-child(1) {
        padding: 0
    }
}

.nav > li, .nav > li > a {
    display: block;
    position: relative
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav > li > a {
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #4c4c4c
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

.panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 6px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body, .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #fff
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fff
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #f7941e;
    border-color: #f7941e
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f7941e
}

.panel-primary > .panel-heading .badge {
    color: #f7941e;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f7941e
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.advices-search .site-search__bottom {
    padding-top: 7px;
    padding-bottom: 12px
}

.advices-search .search-result__list-item {
    margin-bottom: 0 !important
}

.advices-search .search-result__area {
    width: 100%
}

.advices-search .search-result__area .search-result__item {
    padding: 0
}

.advices-search .search-result__area .simplebar-track {
    right: 0
}

@media (max-width: 767.9px) {
    .advices-search .search-result {
        padding-top: 0;
        padding-bottom: 20px
    }

    .advices-search .site-search__bottom {
        padding-top: 4px
    }
}

.search-advice {
    border-bottom: 1px solid var(--color-willsand);
    padding: 9px 0
}

.search-advice__category {
    font: var(--small-normal);
    color: var(--color-chalice)
}

.search-advice__category .search-highlight, .search-advice__link .search-highlight, .search-advice__link:hover {
    color: var(--color-primary)
}

.search-advice__title {
    margin: 0
}

.search-advice__link {
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.advices__container {
    overflow: hidden;
    padding: 0 15px
}

@media (max-width: 767.9px) {
    .advices__container {
        padding: 0 !important
    }
}

.advices__container .simplebar-horizontal {
    opacity: 0
}

.advices .btn-center {
    padding-top: 15px;
    text-align: center
}

.advices .btn-center .btn--secondary {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    height: auto;
    font: var(--small-bold)
}

@media (max-width: 767.9px) {
    .advices .tabs-content {
        margin-left: 15px
    }
}

@media (max-width: 1260px) {
    .advices .tabs-nav {
        margin-bottom: 0
    }
}

@media (max-width: 767.9px) {
    .advices .tabs-nav {
        height: 38px;
        margin-left: 15px
    }

    .advices .tabs-nav ::-webkit-scrollbar {
        display: none
    }
}

.advices__top {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin-bottom: var(--indent-16)
}

.advices__top .advices-search-open {
    display: none
}

@media (max-width: 1260px) {
    .advices__top {
        margin-bottom: 11px
    }
}

@media (max-width: 767.9px) {
    .advices__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px !important;
        padding-right: 15px;
        padding-left: 15px
    }

    .advices__top .advices-search-open {
        display: inline-block
    }
}

.advices__title {
    margin-right: 28px !important
}

@media (max-width: 1260px) {
    .advices__title {
        margin-right: 27px
    }
}

@media (max-width: 767.9px) {
    .advices__title {
        margin-right: 28px
    }
}

.advices__link {
    transform: translateY(-2px)
}

@media (max-width: 1260px) {
    .advices__link {
        transform: none
    }
}

@media (max-width: 767.9px) {
    .advices__link {
        display: none
    }

    .advices {
        position: relative;
        z-index: 5
    }
}

.advices-list {
    padding-top: var(--grid-gap) !important
}

@media (min-width: 768px) {
    .advices-list .swiper-wrapper {
        box-sizing: border-box;
        display: grid;
        grid-template-columns:repeat(12, 1fr);
        gap: 0 var(--grid-gap)
    }
}

.advices-list__item {
    grid-column: 4 span
}

@media (max-width: 767.9px) {
    .advices-list__item {
        position: relative;
        flex-shrink: 0;
        margin-right: 10px;
        width: 215px;
        height: 100%;
        transition-property: transform
    }
}

@media (max-width: 1260px) {
    .advices-list {
        padding-top: 20px
    }
}

@media (max-width: 767.9px) {
    .advices-list {
        padding-top: 22px
    }
}

.advices-post {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: var(--primary-radius);
    background-color: var(--color-gray-100)
}

.advices-post__image, .advices-post__image img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.advices-post__image {
    height: 242px;
    position: relative;
    overflow: hidden;
    font-size: 0
}

.advices-post__image img {
    width: 100%
}

@media (max-width: 767.9px) {
    .advices-post__image img {
        height: 100%
    }
}

@media (max-width: 991.9px) {
    .advices-post__image {
        height: 136px
    }

    .advices-post__image img {
        height: 100%
    }
}

@media (max-width: 767.9px) {
    .advices-post__image {
        height: 136px
    }
}

.advices-post__content {
    border-top: 1px solid #e5e5e5;
    padding: 19px 40px 22px 28px
}

@media (max-width: 1260px) {
    .advices-post__content {
        padding: 17px 27px 20px
    }
}

@media (max-width: 991.9px) {
    .advices-post__content {
        padding: 15px 19px 18px
    }
}

@media (max-width: 767.9px) {
    .advices-post__content {
        padding: 18px 23px
    }
}

.advices-post__title {
    margin: 0 0 14px;
    height: 78px;
    font: var(--middle-high-bold);
    line-height: 26px;
    color: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: color
}

@media (max-width: 1260px) {
    .advices-post__title {
        margin-bottom: 7px;
        height: 58px;
        font: var(--small-bold);
        line-height: 18px
    }
}

@media (max-width: 991.9px) {
    .advices-post__title {
        margin-bottom: 15px;
        height: 68px
    }
}

@media (max-width: 767.9px) {
    .advices-post__title {
        margin-bottom: 14px;
        height: 68px;
        font: var(--small-bold);
        line-height: 18px
    }
}

.advices-post__link {
    display: block;
    height: 78px;
    color: inherit
}

.advices-post__link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

@media (max-width: 1260px) {
    .advices-post__link {
        height: 58px
    }
}

@media (max-width: 991.9px) {
    .advices-post__link {
        height: 68px
    }
}

@media (max-width: 767.9px) {
    .advices-post__link {
        height: 68px
    }
}

.advices-post__read {
    display: inline-flex;
    align-items: center;
    font: var(--middle-normal);
    line-height: 26px;
    color: var(--color-primary);
    transition: var(--primary-trs);
    transition-property: color
}

.advices-post__read svg {
    margin-left: 2px;
    width: 10px;
    height: 8px;
    fill: currentColor
}

@media (max-width: 1260px) {
    .advices-post__read {
        font: var(--small-normal)
    }
}

@media (max-width: 767.9px) {
    .advices-post__read {
        font: var(--small-normal)
    }
}

.advices-post__video {
    position: absolute;
    right: 19px;
    top: 19px;
    z-index: 30
}

.advices-post__video .video-tooltip {
    display: block
}

.advices-post__video .tooltip__btn {
    border: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    background-image: url(/img/video-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent
}

@media (max-width: 767.9px) {
    .advices-post__video .tooltip__btn {
        background-image: url(/img/video-icon-mobile.svg)
    }
}

.advices-post__video .tooltip__txt {
    left: auto;
    right: -3px;
    padding: 10px 9px;
    width: -moz-max-content;
    width: 155px;
    font: var(--middle-normal);
    transform: none
}

.advices-post__video .tooltip__txt::after {
    left: auto;
    right: 10px;
    transform: none
}

@media (max-width: 767.9px) {
    .advices-post__video .tooltip__txt {
        width: 138px
    }
}

@media (max-width: 991.9px) {
    .advices-post__video {
        right: 8px;
        top: 8px
    }
}

@media (max-width: 767.9px) {
    .advices-post__video {
        right: 9px;
        top: 9px
    }

    .advices-post__video .tooltip__btn {
        width: 24px;
        height: 24px
    }
}

.advices-post:hover .advices-post__title {
    color: #7f7f7f
}

.advices-post:hover .advices-post__read {
    color: var(--color-primary-hover)
}

.advices-search-open, .advices-search-open svg {
    transition: var(--primary-trs);
    transition-property: color
}

.advices-search-open svg {
    transition-property: opacity
}

.advices-search-open:hover {
    color: #333
}

@media (max-width: 767.9px) {
    .advices-search-open {
        display: none
    }

    .advices-search .search-result {
        padding-bottom: 0;
        max-height: calc(var(--window-height) - (var(--bottom-block-size) * 2) - 13px)
    }

    .advices-search .search-result__list-item:last-child .search-advice {
        border-bottom: 1px solid transparent
    }

    .advices .tabs-nav__item:last-child {
        padding-right: 15px
    }
}

@media (max-width: 991.9px) {
    .banner .container {
        padding: 0 24px
    }
}

@media (max-width: 767.9px) {
    .banner .container {
        padding: 0 15px
    }
}

@media (max-width: 991.9px) {
    .banner .container {
        padding-top: 8px
    }
}

@media (max-width: 767.9px) {
    .banner .container {
        padding-top: 0
    }
}

.banner__slider {
    position: relative;
    overflow: hidden;
    border-radius: var(--primary-radius) !important;
}

.banner__slider .swiper-slide {
    font-size: 0;
    flex-shrink: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media (max-width: 767.9px) {
    .banner__slider {
        margin-bottom: 0;
    }

    .banner__item img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.banner__pag {
    left: 50% !important;
    bottom: auto !important;
    transform: translateX(-50%) !important
}

.banner__pag .swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important
}

.banner__pag--dark .swiper-pagination-bullet {
    background-color: var(--color-gray-100)
}

@media (max-width: 767.9px) {
    .banner__pag--dark .swiper-pagination-bullet {
        background-color: #d9d9d9
    }
}

.banner__pag--light .swiper-pagination-bullet {
    background-color: var(--color-dark)
}

@media (max-width: 991.9px) {
    .banner__pag {
        left: 50% !important;
        bottom: auto !important
    }
}

@media (max-width: 767.9px) {
    .banner__pag {
        width: calc(100vw - 30px) !important;
        overflow-x: hidden;
        margin: 0 auto
    }
}

.banner__preview {
    position: relative;
    width: 100%
}

.banner__preview .slider-btn {
    position: absolute;
    top: 50%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
    background-color: var(--color-gray-100);
    transform: translateY(-50%)
}

.banner__preview .banner__btn-prev {
    left: -19px
}

.banner__preview .banner__btn-next {
    right: -19px
}

@media (max-width: 767.9px) {
    .banner__preview {
        display: none
    }
}

.banner__preview-item, .banner__preview-slider {
    position: relative;
    overflow: hidden
}

.banner__preview-slider .swiper-slide {
    transition: var(--primary-trs);
    transition-property: opacity;
    cursor: pointer
}

.banner__preview-slider .swiper-slide:hover {
    opacity: .5
}

.banner__preview-item {
    pointer-events: none
}

.banner__preview-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    transform: scaleX(0);
    transform-origin: left center
}

.banner__preview-no-btns .slider-btn {
    display: none
}

.preview-active .banner__preview-bar {
    animation: fill-line var(--slide-animation) linear;
    animation-fill-mode: forwards
}

.preview-active img {
    transition: var(--primary-trs);
    transition-property: opacity;
    opacity: .5
}

.catalog-menu, .catalog-menu__link::before {
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.catalog-menu {
    position: fixed;
    left: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--color-gray-100)
}

.catalog-menu__logo {
    grid-column: 2 span
}

@media (max-width: 1260px) {
    .catalog-menu__logo {
        display: flex;
        align-items: center;
        grid-column: 2 span;
        width: 134px;
        transform: translateY(-.5px)
    }
}

.catalog-menu__btn-wrap {
    grid-column: 2 span
}

@media (max-width: 1260px) {
    .catalog-menu__btn-wrap {
        transform: translateX(-2.5px) translateY(-.5px)
    }
}

.catalog-menu__left {
    flex-shrink: 0;
    padding-top: 3px;
    width: calc(var(--column-width) + var(--offset-container));
    height: 100%
}

.catalog-menu__left .simplebar-content-wrapper, .catalog-menu__right .simplebar-content-wrapper {
    padding: 0
}

@media (max-width: 991.9px) {
    .catalog-menu__left {
        padding-top: 0;
        overflow-y: auto;
        height: 100%;
        width: 249px;
        border-right: 1px solid #e5e5e5
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__left {
        border: 0;
        overflow-y: auto;
        padding-top: 0;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        height: 100%
    }
}

.catalog-menu__right {
    position: relative;
    flex-grow: 1;
    padding-top: 9px;
    padding-right: calc(var(--offset-container) - 12px);
    padding-left: var(--grid-gap);
    height: 100%;
    background-color: var(--color-gray-100)
}

.catalog-menu__right .simplebar-track.simplebar-horizontal {
    opacity: 0
}

@media (max-width: 991.9px) {
    .catalog-menu__right {
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 4px;
        padding-right: 39px;
        padding-left: 39px;
        width: calc(100% - 249px);
        height: 100%
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__right {
        position: absolute;
        left: 100%;
        top: 0;
        overflow: initial;
        padding: 0;
        width: 100%;
        height: 100%
    }
}

.catalog-menu .simplebar-track {
    right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.catalog-menu__close {
    padding-right: 18px;
    padding-left: 18px;
    width: 127px;
    height: 52px;
    font: var(--middle-high-bold)
}

.catalog-menu__close svg {
}

.catalog-menu__top {
    padding-top: var(--offset-top);
    padding-bottom: var(--indent-16)
}

@media (max-width: 1260px) {
    .catalog-menu__top {
        padding-top: var(--offset-top)
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__top {
        display: none
    }
}

.catalog-menu__content {
    display: flex;
    height: calc(100% - var(--header-height));
    background-color: #f6f6f6;
    transition: .3s
}

.catalog-menu__content--active {
    transform: translateX(-100%)
}

.catalog-menu__content--active-2 {
    transform: translateX(-200%)
}

.catalog-menu__content--active-3 {
    transform: translateX(-300%)
}

@media (max-width: 991.9px) {
    .catalog-menu__content {
        height: calc(100% - var(--bottom-block-size) - 66px)
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__content {
        height: calc(var(--window-height) - 66px - var(--bottom-block-size));
        background-color: var(--color-white)
    }
}

.catalog-menu__list {
    padding-bottom: 8px
}

@media (max-width: 767.9px) {
    .catalog-menu__list {
        padding-bottom: 0
    }
}

.catalog-menu__link {
    position: relative;
    display: block;
    padding: 8px 20px 8px 0;
    padding-left: var(--offset-container);
    font: var(--middle-normal);
    color: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: color
}

.catalog-menu__link::before {
    content: "";
    position: absolute;
    right: 0;
    z-index: 0;
    display: none;
    height: 100%;
    background-color: #fff
}

.catalog-menu__link--sale {
    display: flex;
    align-items: center;
    color: var(--color-primary)
}

.catalog-menu__link--sale svg {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

@media (max-width: 767.9px) {
    .catalog-menu__link--sale {
        background-image: none !important
    }
}

.catalog-menu__link--current, .catalog-menu__link:hover {
    color: var(--color-primary)
}

.catalog-menu__link--current::before, .catalog-menu__link:hover::before {
    opacity: 1;
    visibility: visible
}

@media (max-width: 767.9px) {
    .catalog-menu__link--current {
        color: var(--color-dark)
    }

    .catalog-menu__link--current::before {
        display: none
    }
}

@media (max-width: 991.9px) {
    .catalog-menu__link {
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 16px 13px 16px 35px
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__link {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 15px 15px 0;
        width: 100%;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

.catalog-menu__text, .menu-wrapper__drop > .menu-wrapper__link > span {
    position: relative;
}

.catalog-menu__search-mobile {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 13px;
    padding-bottom: 12px
}

.catalog-menu__search-mobile .field__loupe svg {
    transform: rotate(270deg)
}

@media (max-width: 991.9px) {
    .catalog-menu__search-mobile {
        display: block !important
    }
}

.catalog-menu__search-field {
    display: flex;
    border: var(--input-border);
    border-radius: var(--primary-radius)
}

.catalog-menu__search-field .field {
    flex-grow: 1
}

.catalog-menu__search-field .field__input {
    border: 0;
    height: 52px
}

.catalog-menu__scanner {
    background: transparent;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-left: var(--input-border);
    width: 52px;
    height: 52px
}

.catalog-menu__scanner svg {
    width: 24px;
    height: 24px
}

@media (max-width: 991.9px) {
    .catalog-menu__scanner {
        display: none
    }
}

@media (max-width: 767.9px) {
    .catalog-menu__scanner {
        display: flex;
    }
}

.catalog-menu--visible {
    opacity: 1;
    visibility: visible
}

@media (max-width: 991.9px) {
    .catalog-menu {
        z-index: 1006
    }
}

@media (max-width: 767.9px) {
    .catalog-menu {
        z-index: 1006
    }
}

.catalog-menu__link--sale::before {
    display: none
}

.catalog-menu__link--sale:hover, .cookie-warn__content a:hover {
    color: var(--color-primary-hover)
}

.scroll-wrap {
    position: relative;
    z-index: 3;
    display: none;
    max-height: 100%
}

.scroll-wrap--visible {
    display: block
}

.scroll-wrap--overflow {
    overflow: initial !important
}

@media (max-width: 991.9px) {
    .scroll-wrap {
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 767.9px) {
    .scroll-wrap {
        overflow-y: auto;
        max-height: 100%
    }
}

.menu-wrapper {
    position: relative;
    z-index: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%
}

@media (min-width: 992px) {
    .menu-wrapper {
        width: 100%;
        display: flex
    }
}

.menu-wrapper__maintitle {
    position: fixed;
    left: 100%;
    top: 0;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 15px 15px 34px;
    width: 100%;
    font: var(--middle-normal);
    color: var(--color-dark);
    background-image: url(/img/mobile-angle-left.svg);
    background-position: 7px center;
    background-repeat: no-repeat;
    background-color: #f5f5f5
}

.menu-wrapper__item {
    display: inline-block;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    padding-right: var(--grid-gap);
    padding-bottom: 32px;
    width: calc(var(--column-width) + var(--grid-gap))
}

@media (max-width: 991.9px) {
    .menu-wrapper__item {
        display: block;
        border-top: 1px solid #e5e5e5;
        padding: 15px 0;
        width: 100%
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__item {
        border-top: 1px solid #e5e5e5;
        padding: 15px;
        width: 100%
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__list {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__list {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        overflow-y: auto;
        padding-top: var(--maintitle-block-size);
        width: 100%;
        height: calc(100vh - 53px - 66px)
    }

    .menu-wrapper__list--active {
        display: block
    }

    .menu-wrapper__list--overflow {
        overflow: initial !important
    }
}

.menu-wrapper__title {
    margin: 0 0 10px;
    padding-right: var(--indent-10);
    font: var(--middle-bold);
    color: var(--color-dark)
}

@media (max-width: 991.9px) {
    .menu-wrapper__title {
        margin: 0;
        padding-right: 20px;
        font: var(--middle-normal);
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__title {
        margin: 0;
        padding-right: var(--indent-10);
        font: var(--middle-normal);
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

.menu-wrapper__list-item:not(:last-child) {
    margin-bottom: 12px
}

@media (max-width: 991.9px) {
    .menu-wrapper__list-item:not(:last-child) {
        margin-bottom: 0
    }

    .menu-wrapper__list-item {
        padding: 0
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__list-item {
        padding: 0 15px
    }

    .menu-wrapper__list-item:last-child .menu-wrapper__link {
        border-bottom: none
    }
}

.wight-nav {
    width: 108%;
}

.reletive {
    position: relative;
    height: 24px;
}

.menu-wrapper__link {
    cursor: pointer;
    display: block;
    padding-right: var(--indent-10);
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.menu-wrapper__link:hover {
    color: var(--color-primary)
}

@media (max-width: 1260px) {
    .menu-wrapper__link {
        padding: 0
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__link {
        border-top: 1px solid #e5e5e5;
        padding: 15px 0
    }

    .menu-wrapper {
        -moz-column-count: unset;
        column-count: unset;
        padding-top: var(--maintitle-block-size)
    }

    .menu-wrapper__sub--1 {
        margin: 0;
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: -7px center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__sub--1 {
        position: fixed;
        left: 200%;
        top: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: 7px center;
        background-repeat: no-repeat;
        background-color: #f5f5f5
    }
}

@media (max-width: 991.9px) {
    .menu-wrapper__sub--2 {
        margin: 0;
        /*border-top: 1px solid #e5e5e5;*/
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: -7px center;
        background-repeat: no-repeat
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__sub--2 {
        position: fixed;
        left: 300%;
        top: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 15px 15px 34px;
        width: 100%;
        font: var(--middle-normal);
        color: var(--color-dark);
        background-image: url(/img/mobile-angle-left.svg);
        background-position: 7px center;
        background-repeat: no-repeat;
        background-color: #f5f5f5
    }
}

.catalog-more, .cookie-warn__content a {
    color: var(--color-primary);
    transition: var(--primary-trs)
}

.catalog-more {
    border-bottom: 1px dashed currentColor;
    font: var(--middle-normal);
    transition-property: border-color
}

.catalog-more:hover {
    border-color: transparent
}

@media (max-width: 991.9px) {
    .catalog-more {
        display: none
    }
}

.menu-wrapper__drop > .menu-wrapper__link {
    margin-bottom: 12px
}

.menu-wrapper__drop > .menu-wrapper__link > span::after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-left: 5px;
    width: 7px;
    height: 4px;
    background-image: url(/img/down-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    transition: var(--primary-trs);
    transition-property: transform
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop > .menu-wrapper__link {
        margin-bottom: 0;
        padding-right: 16px;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }

    .menu-wrapper__drop > .menu-wrapper__link::after {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop > .menu-wrapper__link {
        margin-bottom: 0;
        padding-right: 16px;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }

    .menu-wrapper__drop > .menu-wrapper__link > span::after {
        display: none
    }
}

.menu-wrapper__drop .menu-wrapper__list {
    display: none;
    padding-left: var(--indent-24)
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop .menu-wrapper__list {
        padding-left: 0
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop .menu-wrapper__list {
        padding-left: 0
    }
}

.catalog-menu--visible .catalog-menu__link::before, .menu-wrapper__drop--visible .menu-wrapper__list {
    display: block
}

@media (max-width: 991.9px) {
    .menu-wrapper__drop--visible .menu-wrapper__list {
        display: none
    }
}

@media (max-width: 767.9px) {
    .menu-wrapper__drop--visible .menu-wrapper__list {
        display: block
    }
}

.menu-wrapper__drop--visible > .menu-wrapper__link > span::after {
    transform: rotate(0)
}

@media (max-width: 991.9px) {
    .menu-wrapper__list-item.is-hidden {
        display: list-item !important
    }
}

@media (max-width: 767.9px) {
    .catalog-menu--visible .catalog-menu__link::before {
        display: none
    }
}

.scroll-wrap--act-1 {
    transform: translateX(-150%)
}

.scroll-wrap--act-2 {
    transform: translateX(-300%)
}

.menu-wrapper__list--act, .menu-wrapper__list--act-2 {
    position: absolute;
    left: 150%;
    top: 0;
    width: 100%;
    display: block
}

.menu-wrapper__list--act-2 {
    display: block !important
}

.city-choice {
    position: relative
}

.city-choice__window {
    position: absolute;
    left: 0;
    top: calc(100% + 17px);
    border: var(--dim-border);
    border-radius: var(--primary-radius);
    padding: 18px var(--indent-22);
    padding-bottom: var(--indent-24);
    width: -moz-max-content;
    width: max-content;
    max-width: 460px;
    box-shadow: var(--shadow-primary);
    background-color: var(--color-gray-100);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility, transform
}

@media (max-width: 991.9px) {
    .city-choice__window {
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 10000;
        display: block !important;
        padding: 17px 20px 23px;
        width: 100%;
        max-width: 450px;
        transform: translate(-50%, -50%)
    }

    .city-choice__window .close-btn {
        right: 14px;
        top: 15px;
        width: 10px;
        height: 10px;
        background-image: url(/img/close.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .city-choice__window .close-btn svg {
        display: none
    }

    .city-choice__window--active {
        opacity: 1;
        visibility: visible;
        transition: var(--primary-trs);
        transition-property: opacity, visibility, transform
    }
}

@media (max-width: 767.9px) {
    .city-choice__window {
        left: 0;
        top: auto;
        bottom: 0;
        padding: 12px 15px;
        transform: translateY(100%)
    }

    .city-choice__window .close-btn {
        top: 19px;
        width: 14px;
        height: 14px;
        background-image: url(/img/close.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .city-choice__window .close-btn svg {
        display: none
    }

    .city-choice__window--active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: var(--primary-trs);
        transition-property: opacity, visibility, transform
    }
}

.city-choice__caption {
    display: block;
    margin: 0 0 9px;
    font: var(--high-bold);
    color: var(--color-dark)
}

@media (max-width: 767.9px) {
    .city-choice__caption {
        padding-right: 19px
    }
}

.city-choice__descr {
    margin: 0 0 15px;
    padding-right: var(--indent-10);
    font: var(--middle-normal);
    color: var(--color-tundora)
}

.city-choice__btns {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767.9px) {
    .city-choice__btns {
        flex-direction: column
    }
}

.city-choice__btn {
    width: 195px
}

.city-choice__btn .icon-btn {
    position: relative;
    top: -1px
}

@media (max-width: 767.9px) {
    .city-choice__btn {
        width: 100%;
        max-width: 320px
    }

    .city-choice__btn:first-child {
        margin-bottom: 14px
    }
}

.city-choice--active .city-choice__window {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: var(--primary-trs);
    transition-property: opacity, visibility, transform
}

.help-popup__el {
    border-bottom: 1px solid var(--color-mercury);
    padding: var(--indent-20) var(--indent-20);
    width: 100%
}

.footer__container {
    align-items: center
}

.footer__copyright {
    grid-column: 9 span;
    font: var(--small-normal);
    color: var(--color-gray)
}

@media (max-width: 991.9px) {
    .footer__copyright {
        max-width: 350px
    }
}

.footer__payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column: 3 span
}

.footer__payment-img:not(:last-child) {
    margin-right: 5px
}

.footer--basket {
    background-color: #f6f6f6
}

.menu {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    background-color: var(--color-alabaster)
}

.menu__item {
    flex-grow: 1
}

.menu__item:not(:last-child) .menu__link {
    border-right: var(--input-border)
}

@media (max-width: 1260px) {
    .menu__item:last-child {
        display: none
    }
}

.menu__link {
    display: block;
    padding: 9px 18px;
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: background-color, color
}

.menu__link--sale {
    display: flex;
    align-items: center;
    color: var(--color-primary)
}

.menu__link--sale svg {
    width: 20px !important;
    height: 20px !important;
}

.menu__link:hover {
    background-color: var(--color-gray-100)
}

@media (max-width: 1260px) {
    .menu__link {
        padding: 9px 19px
    }
}

.back-link {
    justify-content: center;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    width: 61px;
    height: 52px;
    color: var(--color-dark);
    transition: var(--primary-trs);
    transition-property: color
}

.back-link svg {
    width: 7px;
    height: 11px;
    fill: currentColor
}

.back-link:hover, .breadcrumbs__link[href]:hover, .menu__link:hover {
    color: var(--color-primary)
}

.back-link, .breadcrumbs__item, .breadcrumbs__list {
    display: flex;
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: var(--indent-10)
}

.breadcrumbs__item:not(:last-child)::after {
    content: "";
    display: inline-block;
    margin-left: var(--indent-10);
    width: 4px;
    height: 7px;
    background-image: url(/img/right-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 991.9px) {
    .breadcrumbs__item {
        flex-shrink: 0
    }
}

.breadcrumbs__link {
    font: var(--middle-normal);
    color: var(--color-gray);
    transition: var(--primary-trs);
    transition-property: color
}

@media (max-width: 991.9px) {
    .breadcrumbs__link {
        font: var(--small-normal)
    }

    .breadcrumbs.for-mobile-header {
        width: 100%;
        overflow-x: auto;
        display: block !important
    }

    .breadcrumbs.for-mobile-header .simplebar-scrollbar:before {
        opacity: 0
    }
}


.breadcrumbs .simplebar-horizontal .simplebar-scrollbar::before {
    background: transparent;
}


.header-small {
    position: relative;
    margin-bottom: 25px;
    background-color: transparent
}

.header-small .header__middle {
    margin-bottom: 11px;
    border-bottom: 1px solid var(--color-alabaster);
    padding: 21px 0;
    background-color: var(--color-gray-100)
}

.header-small .header__center {
    grid-column: 8 span
}

@media (max-width: 1260px) {
    .header-small .header__center {
        grid-column: 7 span
    }
}

.header-small .header__phone {
    position: relative;
    top: -1px;
    grid-column: 2 span;
    transform: none
}

@media (max-width: 1260px) {
    .header-small .header__phone {
        grid-column: 3 span;
        text-align: right
    }
}

.header-small .container {
    align-items: center
}

.cabinet {
    max-width: 75px
}

.cart {
    position: relative
}

[data-modal_mobile_name="profile"] .business-modal__main {
    padding-bottom: 0
}

.cart__count {
    position: absolute;
    left: 12px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 22px;
    min-width: 22px;
    border: 2px solid #fff;
    font-weight: 700;
    font-size: 10px;
    color: var(--color-gray-100);
    background-color: var(--color-primary);
    padding-right: 1px;
}

@media (max-width: 991.9px) {
    .cart__count {
        padding-right: 0;

    }
}

.cart__count_rm {
    position: absolute;
    padding-right: 0;
}

.icon__svg {
    position: relative;
    height: 28px;
    display: flex;
    align-items: center;
}

@media (max-width: 991.9px) {
    .icon__svg {
        height: 24px;
    }
}


.cart__count_rm svg {
    width: 4px !important;
    height: 18px !important;
    margin-bottom: 0 !important;

}

.mobile-menu__exit {
    padding-left:32px !important;
    background-image: url(/img/mobile-exit.svg);
}


.cart--values {
    font-weight: 700
}

.header-mobile {
    border-bottom: 1px solid #e5e5e5;
    padding: 9px 0
}

.header-mobile__column {
    grid-column: 1 span
}

.header-mobile__column:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.header-mobile__column:nth-child(2) {
    grid-column: 2 span
}

.header-mobile__column:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 991.9px) {
    .header-mobile__column {
        grid-column: 4 span
    }

    .header-mobile__column:nth-child(2) {
        display: flex;
        justify-content: center;
        grid-column: 4 span
    }
}

@media (max-width: 767.9px) {
    .header-mobile__column {
        grid-column: 1 span
    }

    .header-mobile__column:nth-child(2) {
        grid-column: 2 span
    }
}

.header-mobile__geo {
    position: relative;
    width: 16px;
    height: 21px;
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.header-mobile__geo::after {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px
}

.header-mobile__geo--hidden {
    opacity: 0;
    visibility: hidden
}

.burger {
    --burger-width: 16px;
    --burger-height: 14px;
    --burger-line-height: 2px;
    position: relative;
    border: 0;
    padding: 0;
    width: var(--burger-width);
    height: var(--burger-height);
    color: #000;
    background-color: transparent;
    cursor: pointer;
    color: var(--color-gray)
}

.burger::after, .burger::before, .burger__line {
    position: absolute;
    left: 0;
    width: 100%;
    height: var(--burger-line-height);
    background-color: currentColor
}

.burger::after, .burger::before {
    content: "";
    transition: transform .3s ease-in-out, top .3s ease-in-out
}

.burger::before {
    top: 0
}

.burger::after {
    top: calc(100% - var(--burger-line-height))
}

.burger__line {
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease-in-out;
    border-radius: var(--primary-radius)
}

.burger--active::after, .burger--active::before {
    top: 50%;
    transform: rotate(45deg);
    transition: transform .3s ease-in-out, top .3s ease-in-out
}

.burger--active::after {
    transform: rotate(-45deg)
}

.burger--active .burger__line {
    transform: scale(0);
    transition: transform .3s ease-in-out
}

.burger__count {
    position: absolute;
    left: -12px;
    top: -4px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-gray-100);
    border-radius: 100%;
    padding: 0 6px;
    height: 22px;
    max-width: 22px;
    font-weight: 700;
    font-size: 10px;
    color: var(--color-gray-100);
    background-color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .burger {
        position: relative
    }

    .burger .burger__el {
        content: "";
        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px
    }
}

.city-notfound {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 160px;
    padding-bottom: 160px;
    height: 100%
}

.city-notfound__caption {
    margin-bottom: var(--indent-10);
    font: var(--middle-bold);
    color: var(--color-dark)
}

.city-notfound__descr {
    font: var(--middle-normal);
    color: var(--color-tundora)
}

@media (max-width: 767.9px) {
    .city-notfound__descr {
        text-align: center
    }

    .city-notfound {
        margin: 0 auto;
        border-top: 1px solid #e5e5e5;
        padding: 79px 0;
        width: calc(100% - 30px)
    }

    .city-obls {
        padding: 0 15px
    }
}

.city-obl {
    padding: 0 var(--indent-30);
    padding-top: 17px;
    padding-bottom: 11px
}

.city-obl:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.city-obl__back {
    position: relative;
    margin-right: 10px;
    width: 15px;
    height: 12px;
    background-image: url(/img/mobile-left-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 991.9px) {
    .city-obl__back::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 150%;
        height: 150%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 767.9px) {
    .city-obl__top {
        display: flex;
        align-items: center;
        margin-bottom: -1px;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px
    }
}

.city-obl__caption, .city-obl__caption-mobile {
    font: var(--high-bold);
    color: var(--color-dark)
}

.city-obl__caption {
    margin-bottom: var(--indent-8);
    font: var(--middle-bold)
}

.city-obl__links {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767.9px) {
    .city-obl__links {
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 50;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        background-color: var(--color-gray-100)
    }

    .city-obl__links--active {
        display: flex
    }
}

.city-obl__wrap {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767.9px) {
    .city-obl__wrap {
        flex-wrap: nowrap;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 15px;
        height: calc(var(--window-height) - var(--bottom-block-size))
    }
}

.city-obl__link {
    margin-bottom: var(--indent-8);
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.city-obl__link:not(:last-child) {
    margin-right: var(--indent-24)
}

.city-obl__link:hover {
    color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .city-obl__link {
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        width: 100%
    }
}

@media (max-width: 991.9px) {
    .city-obl {
        padding-left: 39px;
        padding-right: 39px
    }
}

@media (max-width: 767.9px) {
    .city-obl {
        padding: 15px 0
    }

    .city-obl:first-child {
        border-top: 1px solid #ebebeb
    }

    .city-obl:last-child {
        border-bottom: 1px solid #ebebeb
    }

    .city-obl > .city-obl__caption {
        margin: 0;
        width: 100%;
        font-weight: 400;
        background-image: url(/img/mobile-angle-right.svg);
        background-position: right center;
        background-repeat: no-repeat
    }
}

.city-tags {
    padding: var(--indent-14) 0
}

.city-tags__slider {
    overflow: hidden;
    width: 100%
}

.city-tags__wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    transition-property: transform
}

.city-tags__item {
    flex-shrink: 0;
    margin-right: var(--indent-8)
}

.city-tags .simplebar-content {
    display: flex;
    align-items: center
}

@media (max-width: 767.9px) {
    .city-tags {
        padding: 16px 0
    }
}

.city-results {
    display: none;
    max-height: 515px
}

@media (max-width: 767.9px) {
    .city-results .simplebar-track {
        opacity: 0
    }

    .city-results .simplebar-content-wrapper {
        padding: 0
    }
}

@media (max-width: 991.9px) {
    .city-results {
        max-height: calc(var(--window-height) - var(--high-block-size) - 119px)
    }
}

.city-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
    padding-bottom: 23px;
    padding-left: var(--indent-30)
}

.city-result__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 34px;
    font: var(--small-bold);
    transform: translateY(2px)
}

@media (max-width: 767.9px) {
    .city-result__link {
        display: none
    }

    .city-result__left {
        border-top: 1px solid #e5e5e5;
        padding-top: 15px;
        width: 100%
    }
}

.city-result__caption {
    margin: 0;
    margin-bottom: var(--indent-8);
    font: var(--middle-bold);
    color: var(--color-dark)
}

@media (max-width: 767.9px) {
    .city-result__caption {
        margin-bottom: 3px;
        font-weight: 400
    }
}

.city-result__district {
    margin: 0;
    margin-bottom: var(--indent-8);
    font: var(--middle-normal);
    color: var(--color-tundora)
}

@media (max-width: 767.9px) {
    .city-result__district {
        margin-bottom: 11px;
        color: var(--color-gray)
    }
}

.city-result__delivery {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--color-willsand);
    border-radius: var(--primary-radius);
    height: 30px
}

@media (max-width: 767.9px) {
    .city-result__delivery {
        flex-wrap: wrap;
        height: auto
    }
}

.city-result__txt {
    position: relative;
    padding: 5px 10px;
    height: 100%;
    font: var(--middle-normal);
    color: var(--color-gray);
    background-color: var(--color-willsand)
}

@media (max-width: 767.9px) {
    .city-result__txt {
        display: block;
        width: 100%;
        font: var(--small-normal);
        text-align: center
    }
}

.city-result__img {
    padding: 6px 9px;
    height: 100%
}

.city-result__img img {
    max-width: 100%;
    max-height: 100%
}

.city-result__img:not(:last-child) {
    border-right: 1px solid var(--color-willsand)
}

.city-result__img--cdek img {
    width: 39px;
    height: 13px
}

.city-result__img--box img {
    width: 74px;
    height: 17px
}

.city-result__img--dpd img {
    width: 40px;
    height: 17px
}

@media (max-width: 767.9px) {
    .city-result__img {
        flex-grow: 1;
        display: flex;
        justify-content: center
    }
}

.city-result:not(:last-child) {
    border-bottom: 1px solid var(--color-willsand)
}

@media (max-width: 991.9px) {
    .city-result {
        padding-left: 39px
    }
}

@media (max-width: 767.9px) {
    .city-result {
        border: 0 !important;
        padding: 0 15px 24px;
        width: 100%
    }
}

.product-main {
    border-radius: 4px;
    position: relative;
    border: var(--input-border);
    padding: 13px 18px 19px;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--color-gray-100);
    transition: var(--primary-trs);
    transition-property: box-shadow, border
}

@media (min-width: 992px) {
    .product-main:hover {
        box-shadow: 0 0 7px rgba(247, 148, 30, 0.45);
        border: 1px solid #f7941e;
        -webkit-transition: box-shadow 0.15s, border 0.15s;
        transition: box-shadow 0.15s, border 0.15s;
    }
}

.product-main__image {
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover
}

.product-main__image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
    height: 156px
}

.product-main__image-wrapper::after {
    content: attr(data-more);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding-top: 35px;
    font: var(--middle-normal);
    line-height: 24px;
    color: var(--color-gray-100);
    background-image: url(/img/photo.svg);
    background-position: center 53px;
    background-repeat: no-repeat;
    background-color: rgba(26, 26, 26, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .15s;
    pointer-events: none
}

@media (max-width: 767.9px) {
    .product-main__image-wrapper::after {
        font: var(--small-normal);
        background-position: center 28px
    }
}

@media (max-width: 1260px) {
    .product-main__image-wrapper {
        height: 150px
    }
}

@media (max-width: 767.9px) {
    .product-main__image-wrapper {
        height: 99px
    }
}

.product-main__add {
    position: absolute;
    left: 19px;
    top: 13px;
    z-index: 30;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    pointer-events: none
}

@media (max-width: 1259.9px) {
    .product-main__add {
        left: 8px;
        top: 10px;
    }
}

@media (max-width: 767.9px) {
    .product-main__add {
        left: 15px;
        top: 0;
    }
}

/*@media (max-width: 767.9px) {*/
/*    .product-main__add {*/
/*        left: 0;*/
/*        top: 0*/
/*    }*/
/*}*/
@media (max-width: 767.9px) {
    .product-main__additional {
        border: 1px solid #000;
        border-radius: 3px;
        padding: 1px 6px;
        font: var(--very-small);
        color: var(--color-tundora);
        background-color: var(--color-gray-100)
    }
}

@media (min-width: 768px) {
    .product-main__additional {
        border: 1px solid #000;
        border-radius: 3px;
        padding: 1px 6px;
        font: var(--small-normal);
        color: var(--color-tundora);
        background-color: var(--color-gray-100)
    }
}

.product-main__additional:not(:last-child) {
    margin-bottom: 4px
}

@media (max-width: 767.9px) {
    .product-main__additional:not(:last-child) {
        margin-bottom: 7px
    }
}

.product-main__additional--action {
    border-color: #f53
}

.product-main__additional--hit {
    border-color: #ff9819
}

.product-main__additional--new {
    border-color: #7cbf1d
}

.product-main__additional--sale {
    border-color: #7d5ccb
}

.product-main__additional--onlyshop {
    border-color: #d9ba74
}

.product-main__additional--on_stoke {
    border-color: #d9ba74
}

@media (max-width: 767.9px) {
    .product-main__additional {
        display: none;
        padding: 4px 5px
    }

    .product-main__additional:nth-child(-n+3) {
        display: inline-block
    }
}

.product-main__video {
    position: absolute;
    right: 19px;
    top: 19px;
    z-index: 30
}

.order-info span, .product-main__video .video-tooltip {
    display: block
}

.product-main__video .tooltip__btn {
    border: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    background-image: url(/img/video-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent
}

@media (max-width: 767.9px) {
    .product-main__video .tooltip__btn {
        width: 24px;
        height: 24px;
        background-image: url(/img/video-icon-mobile.svg)
    }
}

.product-main__video .tooltip__txt {
    left: auto;
    right: -3px;
    padding: 10px 9px;
    width: -moz-max-content;
    width: max-content;
    font: var(--middle-normal);
    transform: none
}

.product-main__video .tooltip__txt::after {
    left: auto;
    right: 10px;
    transform: none
}

@media (max-width: 991.9px) {
    .product-main__video .tooltip__txt {
        width: 160px
    }
}

@media (max-width: 767.9px) {
    .product-main__video {
        right: 7px;
        top: 0
    }
}

.product-main__title {
    margin: 0 0 9px;
    height: 60px;
    font: var(--middle-bold);
    color: var(--color-dark);
    transition: var(--primary-trs)
}

.product-main__title a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit
}

.product-main__title:hover {
    color: #7f7f7f
}

@media (max-width: 1260px) {
    .product-main__title {
        margin-bottom: 5px;
        font: var(--small-bold)
    }
}

@media (max-width: 767.9px) {
    .product-main__title {
        margin-bottom: 9px;
        height: 54px;
        font: var(--small-bold);
        line-height: 18px
    }
}

.product-main__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px
}

.product-main__btn {
    width: 56px;
    height: 52px;
    background-image: url(/img/btn-cart.svg);
    background-position: center;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

@media (max-width: 1260px) {
    .product-main__btn {
        width: 52px;
        height: 48px
    }
}

@media (max-width: 767.9px) {
    .product-main__btn {
        flex-shrink: 0;
        margin-right: 0;
        width: 48px;
        height: 48px
    }
}

.product-main__price {
    flex-wrap: wrap;
    position: relative;
    z-index: 30;
    display: inline-flex;
    margin-right: var(--indent-8);
    font: var(--very-high-bold);
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    color: var(--color-dark);
    align-items: center
}

.product-main__price-old {
    position: relative;
    top: -3px;
    margin-left: var(--indent-16);
    font: var(--middle-high-bold);
    color: var(--color-error)
}

.product-main__price-old::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    width: calc(100% + 10px);
    height: 2px;
    background-color: currentColor;
    transform: translateY(-50%)
}

@media (max-width: 1260px) {
    .product-main__price-old {
        top: 0
    }
}

@media (max-width: 767.9px) {
    .product-main__price-old {
        top: 0;
        margin-left: 6px;
        font: var(--small-bold)
    }
}

.product-main__price .tooltip__btn {
    transform: translateY(-3px)
}

@media (max-width: 991.9px) {
    .product-main__price .tooltip__btn {
        transform: none
    }
}

.product-main__price .tooltip__txt {
    z-index: 70;
    padding: 10px 12px 10px 15px;
    width: 142px
}

@media (max-width: 1260px) {
    .product-main__price .tooltip__txt {
        width: 125px
    }

    .product-main__price .tooltip__txt span {
        margin-right: 0
    }
}

@media (max-width: 767.9px) {
    .product-main__price .tooltip__txt {
        width: 125px
    }

    .product-main__price .tooltip__txt::after {
        left: 3px;
        transform: none
    }
}

.product-main__price .price-tooltip__value {
    margin-bottom: -2px;
    font: var(--very-high-bold)
}

@media (max-width: 1260px) {
    .product-main__price .price-tooltip__value {
        margin-bottom: 0;
        font: var(--middle-high-bold)
    }
}

@media (max-width: 767.9px) {
    .product-main__price .price-tooltip__value {
        margin-bottom: 3px;
        font: var(--middle-high-bold)
    }
}

.product-main__price .price-tooltip__descr {
    font: var(--middle-normal)
}

@media (max-width: 1260px) {
    .product-main__price .price-tooltip__descr {
        font: var(--small-normal)
    }

    .product-main__price {
        font: var(--high-bold)
    }
}

@media (max-width: 767.9px) {
    .product-main__price {
        flex-wrap: wrap;
        font: var(--middle-high-bold)
    }
}

@media (max-width: 1260px) {
    .product-main {
        width: 218.5px;
        padding: 10px 8px
    }
}

@media (max-width: 991.9px) {
    .product-main {
        width: 210px;
        padding: 10px 8px
    }
}

@media (max-width: 767.9px) {
    .product-main {
        width: 100%;
        border: 0;
        padding: 0 15px
    }
}

.product-main-props {
    min-height: 85px;
    font: var(--middle-normal);
    color: var(--color-gray)
}

.product-main-props__item:not(:last-child) {
    margin-bottom: 10px
}

.product-main-props__item > *, .search-product__title a {
    color: inherit
}

@media (max-width: 767.9px) {
    .price-ot__tooltip {
        margin-left: 8px
    }
}

@media (max-width: 1260px) {
    .product-main-props {
        min-height: 80px;
        font: var(--small-normal)
    }
}

@media (max-width: 767.9px) {
    .product-main-props {
        min-height: 80px;
        font: var(--small-normal)
    }
}

.on-shop-btn {
    border-bottom: 1px dashed currentColor;
    transition: var(--primary-trs);
    transition-property: color, border-bottom
}

.on-shop-btn:hover {
    border-bottom: 1px dashed var(--color-primary);
    color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .order-info span {
        display: inline
    }
}

.image-switch {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 1
}

.image-switch__item {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer
}

.image-switch__item:first-child > .switched-image {
    z-index: -1;
    opacity: 1
}

.image-switch__item:nth-child(n+7) {
    display: none
}

@media (max-width: 991.9px) {
    .image-switch__item {
        display: block !important;
        flex-grow: initial;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform
    }

    .image-switch {
        overflow: hidden;
        opacity: 1 !important
    }
}

.switched-image {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-100);
    opacity: 0;
    transform: translateX(-50%);
    pointer-events: none
}

@media (max-width: 991.9px) {
    .switched-image {
        position: static;
        z-index: 1 !important;
        transform: none;
        pointer-events: auto;
        opacity: 1
    }
}

.image-pagination-item {
    margin: 0 2px;
    border-radius: 4px;
    width: 100%;
    height: 3px;
    background-color: #d9d9d9;
}

.image-pagination-item:first-child {
    margin-left: 0;
}

.image-pagination-item:last-child {
    margin-right: 0;
}


.image-pagination-item-active {
    background-color: var(--color-primary)
}

.product-main__image-wrapper:hover .image-switch {
    opacity: 1
}

.image-switch__item:hover .switched-image {
    z-index: -1;
    opacity: 1
}

.product-main__image-wrapper.more-photos.active::after {
    opacity: 1;
    visibility: visible;
    transition: all .15s
}

.image-pagination {
    position: absolute;
    left: 0;
    bottom: -11px;
    z-index: 30;
    display: flex;
    justify-content: center;
    width: 100%
}

@media (max-width: 991.9px) {
    .image-pagination .swiper-pagination-bullet {
        margin: 0 2px;
        border-radius: 4px;
        width: 100%;
        height: 3px;
        background-color: #d9d9d9;
        opacity: 1
    }

    .image-pagination .swiper-pagination-bullet-active {
        background-color: var(--color-primary)
    }
}

.product-main__image-wrapper.asd::after {
    opacity: 1;
    visibility: visible
}

.dropdown, .dropdown__btn {
    position: relative
}

.dropdown__btn {
    padding-right: 11px !important;
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.dropdown__btn svg {
    position: absolute;
    right: -2px;
    top: 50%;
    width: 7px;
    height: 4px;
    fill: gray;
    transform: translateY(-50%);
    transition: var(--primary-trs);
    transition-property: fill, transform
}

.dropdown__btn:hover {
    color: var(--color-primary)
}

.dropdown__btn:hover svg {
    fill: currentColor
}

.dropdown__btn_entering {
    padding-right: 0 !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: -webkit-fill-available;
    justify-content: center;
    height: 52px;
}

.dropdown__btn_entering svg {
    position: initial;
    fill: currentColor;
    width:24px;
    height: 24px;
    transform: initial;
    margin-bottom: 4px;

}

.dropdown__window, .partner-popup__top::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.dropdown__window {
    top: calc(100% + 8px);
    border: var(--dim-border);
    border-radius: var(--primary-radius);
    min-width: 245px;
    box-shadow: var(--shadow-primary);
    background-color: var(--color-gray-100);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility, transform
}

.dropdown--active .dropdown__btn svg {
    transform: translateY(-50%) rotate(-180deg)
}

.dropdown--active .dropdown__btn_entering svg {
    transform: none;
}

.dropdown--active .dropdown__window {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0)
}

.btn-search {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}


.help-popup {
    min-width: 241px
}

.help-popup__title {
    margin: 0 0 12px;
    font: var(--middle-bold);
    color: var(--color-dark)
}

.help-popup__item:not(:last-child) {
    margin-bottom: 12px
}

.help-popup__link {
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.help-popup__link:hover {
    color: var(--color-primary)
}

.site-search {
    --padding: 12px;
    --btn-height: 52px;
    --right-offset: 80px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    width: 100%;
    height: 100vh;
    background-color: var(--color-gray-100);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.site-search__top {
    padding-top: var(--offset-top)
}

@media (max-width: 991.9px) {
    .site-search__top {
        border-bottom: var(--input-border);
        padding-top: 13px;
        padding-bottom: 12px
    }

    .site-search__top .grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0
    }
}

.site-search__bottom {
    padding-top: var(--padding);
    max-height: calc(100% - var(--header-height) - var(--padding))
}

@media (max-width: 991.9px) {
    .site-search__bottom {
        max-height: none;
        height: calc(var(--window-height) - var(--header-height) - var(--bottom-block-size))
    }
}

@media (max-width: 767.9px) {
    .site-search__bottom {
        height: auto;
        max-height: calc(100% - var(--header-height) - var(--padding))
    }

    .site-search__bottom .grid {
        display: block
    }
}

.site-search__logo {
    grid-column: 2 span
}

@media (max-width: 1260px) {
    .site-search__logo {
        display: flex;
        align-items: center;
        width: 134px
    }
}

@media (max-width: 991.9px) {
    .site-search__logo {
        display: none
    }
}

.site-search__field {
    grid-column: 8 span
}

.site-search__field .field__input {
    padding-left: 45px;
    height: 52px
}

@media (max-width: 991.9px) {
    .site-search__field .field__input {
        padding-left: 14px;
        height: 52px
    }

    .site-search__field .field__input:focus, .site-search__field .field__input:hover {
        border: 1px solid var(--color-primary);
        box-shadow: 0 0 7px rgba(247, 148, 30, .45)
    }
}

@media (max-width: 767.9px) {
    .site-search__field .field__input {
        padding-left: 14px;
        width: 100%;
        height: 54px
    }

    .site-search__field .field__input:focus, .site-search__field .field__input:hover {
        border: 1px solid var(--color-primary);
        box-shadow: 0 0 7px rgba(247, 148, 30, .45)
    }
}

.site-search__field .field__loupe {
    left: 19px;
    right: auto
}

@media (max-width: 991.9px) {
    .site-search__field .field__loupe {
        left: auto;
        right: 17px;
        transform: translateY(-50%) rotate(270deg)
    }
}

@media (max-width: 767.9px) {
    .site-search__field .field__loupe {
        left: auto;
        right: 17px;
        transform: translateY(-50%) rotate(270deg)
    }
}

.site-search__field .field--texted .field__loupe {
    opacity: 1;
    visibility: visible
}

@media (max-width: 991.9px) {
    .site-search__field .field--texted .field__loupe {
        opacity: 0 !important;
        visibility: hidden !important
    }

    .site-search__field {
        flex-grow: 1;
        margin-right: 17px
    }
}

@media (max-width: 767.9px) {
    .site-search__field {
        flex-grow: 1;
        margin-right: 17px
    }
}

.site-search__btn-col {
    display: flex;
    justify-content: flex-end;
    grid-column: 2 span
}

.site-search__all, .site-search__all--visible .btn {
    text-align: center;
    position: relative;
    z-index: 50;
    display: none;
    width: 100%;
    height: var(--btn-height);
    font-size: 16px;
    line-height: 20px
}

.site-search__all--visible {
    display: block
}

.site-search__all--visible .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.9px) {
    .site-search__all--visible .btn {
        margin-left: auto;
        margin-right: auto;
        height: 40px;
        font: var(--middle-bold)
    }
}

@media (max-width: 991.9px) {
    .site-search__all--visible {

        position: fixed;
        left: 0;
        bottom: var(--bottom-block-size);
        padding: 12px 15px;
        width: 100%;
        /*max-width: 690px;*/
        height: auto;
        background-color: #fff
    }
}


@media (max-width: 767.9px) {
    .site-search__all--visible .btn {
        width: 100%;
        height: 52px;
        font: var(--middle-bold)
    }
}


.site-search--visible {
    opacity: 1;
    visibility: visible
}

@media (max-width: 991.9px) {
    .site-search {
        z-index: 1700
    }
}

.search-result {
    max-width: 810px;
    grid-column: 3/11;
    max-height: calc(100vh - var(--header-height) - var(--btn-height) - (var(--padding) * 3))
}

.search-result__item {
    display: none
}

.search-result__item:not(:last-child) {
    margin-bottom: 19px
}

@media (max-width: 767.9px) {
    .search-result__item:not(:last-child) {
        margin-bottom: 16px
    }
}

.search-result__item--visible {
    display: block !important
}

.search-result__area .search-result__item {
    padding-right: calc(var(--right-offset) - var(--padding))
}

@media (max-width: 991.9px) {
    .search-result__area .search-result__item {
        padding-left: 39px;
        padding-right: 39px
    }
}

@media (max-width: 767.9px) {
    .search-result__area .search-result__item {
        padding-left: 0;
        padding-right: 0
    }
}

.search-result__caption {
    display: block;
    margin-bottom: 13px;
    border-radius: var(--primary-radius);
    padding: 10px 17px;
    font: var(--middle-bold);
    color: var(--color-dark);
    background-color: var(--color-alabaster)
}

@media (max-width: 767.9px) {
    .search-result__caption {
        display: none
    }
}

.search-result__list-item:not(:last-child) {
    margin-bottom: 12px
}

@media (max-width: 767.9px) {
    .search-result__list-item:not(:last-child) {
        margin-bottom: 0
    }
}

.search-result__link {
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.search-product a.search-product__text:hover, .search-recent__clear:hover, .search-result__link .search-highlight, .search-result__link:hover {
    color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .search-result__link {
        display: block;
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 15px 15px 0
    }
}

@media (max-width: 991.9px) {
    .search-result {
        grid-column: 12 span;
        overflow-y: auto;
        height: calc(var(--window-height) - var(--padding) - var(--bottom-block-size) - 66px)
    }
}

@media (max-width: 767.9px) {
    .search-result {
        height: auto;
        overflow-y: auto;
        padding: 0;
        padding-top: calc(var(--high-block-size) - 13px);
        max-height: calc(100% - 250px);
        max-height: calc(var(--window-height) - calc(var(--bottom-block-size) * 4) + 13px)
    }
}

.search-recent {
    margin-bottom: 7px;
    padding: 5px 0 17px 19px
}

.search-recent__items {
    padding-right: calc(var(--right-offset) - var(--padding));
    width: 100%
}

@media (max-width: 991.9px) {
    .search-recent__items {
        padding-right: 0
    }
}

.search-recent__top {
    padding-right: var(--right-offset)
}

@media (max-width: 991.9px) {
    .search-recent__top {
        padding-right: 0
    }
}

.search-recent__slider {
    overflow: hidden;
    width: 100%
}

.search-recent__wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    transition-property: transform
}

@media (max-width: 991.9px) {
    .search-recent__wrapper {
        display: block;
        box-sizing: border-box
    }
}

.search-recent__top {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

@media (max-width: 991.9px) {
    .search-recent__top {
        margin-bottom: 4px
    }
}

@media (max-width: 767.9px) {
    .search-recent__top {
        justify-content: space-between;
        margin-bottom: 4px
    }
}

.search-recent__caption {
    margin-right: 36px;
    font: var(--middle-bold);
    color: var(--color-dark)
}

@media (max-width: 991.9px) {
    .search-recent__caption {
        margin-right: 32px
    }
}

@media (max-width: 767.9px) {
    .search-recent__caption {
        margin-right: 0
    }
}

.search-recent__item {
    flex-shrink: 0
}

.tag-header {
    display: inline-block;
    border-radius: var(--primary-radius);
    padding: 5px 10px;
    font: var(--middle-normal);
    color: var(--color-tundora);
    background-color: var(--color-willsand);
    transition: var(--primary-trs);
    transition-property: background-color
}

@media (max-width: 991.9px) {
    .search-recent__item {
        border-radius: 0 !important;
        border-bottom: var(--input-border);
        padding: 15px 15px 15px 0;
        width: 100%;
        background-color: transparent
    }
}

.search-recent__clear {
    font: var(--middle-normal);
    color: var(--color-gray);
    transition: var(--primary-trs);
    transition-property: color
}

.search-recent__item:not(:last-child) {
    margin-right: var(--indent-8)
}

@media (max-width: 991.9px) {
    .search-recent {
        margin-top: 0;
        padding: 0 39px
    }
}

@media (max-width: 767.9px) {
    .search-recent {
        margin-top: -38px;
        padding: 0
    }
}

.search-product {
    display: flex;
    border-bottom: 1px solid var(--color-willsand);
    padding-bottom: 7px
}

.search-product__vendor {
    flex-shrink: 0;
    margin-right: 8px;
    width: 55px
}

@media (max-width: 767.9px) {
    .search-product__vendor {
        margin-right: 15px;
        width: 50px
    }
}

.search-product__text {
    display: block;
    margin-bottom: 2px;
    font: var(--small-normal);
    color: var(--color-chalice)
}

.search-product a.search-product__text {
    transition: var(--primary-trs);
    transition-property: color
}


.search-product__value {
    display: block;
    font: var(--middle-normal);
    color: var(--color-tundora)
}

.search-product__content {
    flex-grow: 1;
    min-height: 46px
}

@media (max-width: 767.9px) {
    .search-product__content {
        flex-grow: initial;
        margin-bottom: 8px;
        width: calc(100% - 50px - 15px)
    }
}

.search-product__price {
    white-space: nowrap;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    width: 120px;
    font: var(--middle-bold);
    color: var(--color-dark);
    transform: translateY(-3px)
}

.search-product__price .price-tooltip {
    width: 18px
}

@media (max-width: 767.9px) {
    .search-product__price {
        padding-left: 65px;
        width: auto
    }
}

.search-product__title {
    display: inline;
    margin: 0 5px 0 0;
    font: var(--middle-normal);
    color: var(--color-tundora);
    transition: var(--primary-trs);
    transition-property: color
}

.search-product__title:hover {
    color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .search-product__title {
        margin-right: 3px
    }
}

.search-product__prop {
    transform: translateY(-1px)
}

.search-product__prop:not(:last-child) {
    margin-right: 3px
}

@media (max-width: 767.9px) {
    .search-product__prop {
        margin-bottom: 3px
    }
}

.search-product__old-price {
    margin-right: var(--indent-16);
    font: 700 12px/18px var(--font-family);
    text-decoration: line-through;
    color: var(--color-error)
}

.search-product .search-highlight {
    color: var(--color-primary)
}

@media (max-width: 767.9px) {
    .search-product {
        flex-wrap: wrap;
        border-bottom: 1px solid #e6e6e6;
        padding-top: 2px;
        padding-bottom: 10px
    }
}

.products-list {
    margin-bottom: 7px !important
}

.products-list .search-result__list {
    padding-right: 17px
}

@media (max-width: 767.9px) {
    .products-list .search-result__list {
        padding-right: 0
    }
}

.products-list .search-result__list-item:not(:last-child) {
    margin-bottom: 9px
}

.products-list .search-result__list-item:last-child .search-product {
    border-bottom: 1px solid transparent
}

@media (max-width: 767.9px) {
    .products-list .search-result__list-item:last-child .search-product {
        border-bottom: 1px solid #e6e6e6
    }

    .products-list {
        margin-bottom: 0 !important
    }
}

.search-result-notfound {
    display: none;
    flex-direction: column;
    align-items: center;
    padding-top: 114px;
    padding-bottom: 264px
}

.search-result-notfound__caption {
    display: inline-block;
    margin-bottom: var(--indent-10);
    font: var(--middle-bold);
    color: var(--color-dark)
}

.search-result-notfound__descr {
    margin: 0;
    font: var(--middle-normal);
    color: var(--color-tundora)
}

@media (max-width: 767.9px) {
    .search-result-notfound {
        padding-top: 127px;
        padding-right: 24px;
        padding-left: 24px;
        text-align: center
    }
}

.search-tabs-block {
    position: fixed;
    left: 15px;
    top: calc(var(--high-block-size) + 15px);
    z-index: 100;
    display: none;
    margin: 0 !important;
    padding: 15px 15px 0 30px;
    width: calc(100% + 15px);
    background-color: var(--color-gray-100)
}

@media (min-width: 768px) and (max-width: 991px) {
    .search-tabs-block {
        display: none !important
    }
}

.search-tabs {
    display: flex;
    border-bottom: 1px solid #e6e6e6
}

.search-tabs__item:not(:last-child) {
    margin-right: var(--indent-20)
}

.search-tabs__btn {
    position: relative;
    padding-bottom: 16px;
    font: var(--middle-bold);
    color: #999
}

.search-tabs__btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    opacity: 0
}

.search-tabs__btn--active {
    color: var(--color-dark)
}

.search-tabs__btn--active::after {
    opacity: 1
}

.custom-checkbox__field:checked + .custom-checkbox__content::after {
    opacity: 1
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
    outline: 2px solid red;
    outline-offset: 2px
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
    opacity: .4;
    pointer-events: none
}

.services-tabs .tabs-nav__btn--active::after, .services__pag {
    opacity: 0;
}

.tabs-nav__btn--active::after, .tabs-nav__btn::after {
    cursor: default;
}

@media (max-width: 767.9px) {
    .services__pag {
        bottom: -1px !important;
        width: 100% !important;
        text-align: center;
        opacity: 1
    }
}

.services__container {
    overflow: hidden
}

@media (max-width: 1260px) {
    .services__container {
        margin-top: -10px;
        padding-top: 10px
    }
}

@media (max-width: 991.9px) {
    .services__container {
        padding-right: 0
    }
}

@media (max-width: 767.9px) {
    .services__container {
        margin-top: 0;
        padding-top: 0;
        padding-right: 15px
    }
}

.services__top {
    margin-bottom: 15px
}

@media (max-width: 1260px) {
    .services__top {
        margin-bottom: 0
    }
}

@media (max-width: 991.9px) {
    .services__top {
        padding-right: 39px
    }
}

@media (max-width: 767.9px) {
    .services__top {
        margin-bottom: 12px;
        padding-right: 0
    }

    .services .tabs-nav {
        display: none
    }

    .services {
        padding-top: 32px
    }
}

.services-tabs {
    overflow: hidden;
    padding-bottom: 17px
}

.services-tabs .swiper-slide {
    width: auto
}

.services-tabs .swiper-slide:not(:last-child) {
    margin-right: 28px
}

.services-tabs .tabs-nav__btn:not(:last-child) {
    flex-shrink: 0;
    margin-right: 28px
}

@media (max-width: 1260px) {
    .services-tabs .tabs-nav__btn:not(:last-child) {
        margin-right: 20px
    }
}

@media (max-width: 767.9px) {
    .services-tabs .tabs-nav__btn:not(:last-child) {
        margin-right: 28px
    }
}

.services-tabs .tabs-nav__btn {
    white-space: nowrap
}

.services-tabs .tabs-nav__btn--active {
    color: #999
}

@media (max-width: 1260px) {
    .services-tabs {
        margin-bottom: -1px;
        padding-bottom: 18px
    }
}

@media (max-width: 767.9px) {
    .services-tabs {
        margin-bottom: 0;
        padding-bottom: 17px
    }
}

.serv-active {
    color: var(--color-dark) !important
}

.serv-active::after {
    opacity: 1 !important
}

.services-content {
    padding-top: 26px;
    padding-bottom: 26px
}

.services-content__slider {
    overflow: hidden
}

.services-content .swiper-slide {
    margin-right: var(--grid-gap);
    width: 810px
}

@media (max-width: 1260px) {
    .services-content .swiper-slide {
        width: 630px
    }
}

@media (max-width: 767.9px) {
    .services-content .swiper-slide {
        margin-right: 0;
        width: auto
    }
}

@media (max-width: 1260px) {
    .services-content {
        padding-top: 18px
    }
}

@media (max-width: 767.9px) {
    .services-content {
        padding-top: 10px
    }
}

.services-item {
    display: flex;
    overflow: hidden;
    border: var(--input-border);
    border-radius: var(--primary-radius);
    width: 100%;
    background: var(--color-gray-100)
}

.services-item__image {
    position: relative;
    z-index: 3;
    width: 30%;
    height: 100%;
    min-width: 390px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1260px) {
    .services-item__image {
        min-width: 303px
    }
}

@media (max-width: 767.9px) {
    .services-item__image {
        width: 100%;
        height: 185px;
        min-width: auto
    }
}

.services-item__text {
    padding: 37px 47px
}

@media (max-width: 1260px) {
    .services-item__text {
        padding: 39px 25px 39px 32px
    }
}

@media (max-width: 767.9px) {
    .services-item__text {
        padding: 14px 22px 24px
    }
}

.services-item__title {
    margin: 0 0 12px;
    font: var(--very-high-bold);
    color: var(--color-dark)
}

@media (max-width: 1260px) {
    .services-item__title {
        margin-bottom: 10px;
        font: var(--high-bold)
    }
}

@media (max-width: 767.9px) {
    .services-item__title {
        margin-bottom: 5px;
        height: 20px;
        font: var(--middle-bold);
        line-height: 20px
    }
}

.services-item__descr {
    margin: 0 0 23px;
    font: var(--middle-high);
    color: var(--color-tundora);
    line-height: 26px
}

@media (max-width: 1260px) {
    .services-item__descr {
        overflow: hidden;
        height: 140px;
        font: var(--middle-normal);
        line-height: 24px
    }
}

@media (max-width: 767.9px) {
    .services-item__descr {
        overflow: initial;
        margin-bottom: 16px;
        height: 69px;
        font: var(--small-normal);
        line-height: 18px
    }
}

.services-item__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 195px;
    box-sizing: border-box
}

@media (max-width: 767.9px) {
    .services-item__link {
        width: 158px;
        height: 34px;
        font: var(--small-bold)
    }

    .services-item {
        display: block;
        box-sizing: border-box
    }
}

.mobile-nav__item {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    width: 20%;
}

.mobile-nav__link {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font: var(--small-normal);
    line-height: 16px;
    color: var(--color-gray)
}

.mobile-nav__item:first-child:hover .mobile-nav__link svg {
    fill: var(--color-primary);
}

.mobile-nav__item:first-child:hover .mobile-nav__link {
    color: var(--color-primary);
}

/*.not-auth:hover {
    color: #808080;
}

.not-auth:hover .not-auth svg {
    color: #808080;
}*/

.mobile-nav__link svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.mobile-nav__link--active {
    color: var(--color-primary)
}

.mobile-nav__count {
    position: absolute;
    right: 3px;
    top: -5px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-gray-100);
    border-radius: 100%;
    padding: 0 6px;
    height: 22px;
    max-width: 22px;
    font-weight: 700;
    font-size: 10px;
    color: var(--color-gray-100);
    background-color: var(--color-primary)
}

@media (max-width: 991.9px) {
    .mobile-nav {
        display: flex !important
    }
}

@media (max-width: 767.9px) {
    .mobile-nav {
        display: flex
    }
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-100);
    transform: translateX(100%);
    transition: var(--primary-trs);
    transition-property: transform
}

.mobile-menu__close {
    position: relative;
    width: 14px;
    height: 14px;
    background-image: url(/img/close.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.mobile-menu__close::after {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px
}

.mobile-menu__wrapper {
    transition: var(--primary-trs);
    transition-property: transform
}

.mobile-menu__wrapper--active {
    transform: translateX(-100%)
}

@media (max-width: 991.9px) {
    .mobile-menu__content {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 9px 39px 35px;
        height: calc(var(--window-height) - var(--high-block-size))
    }
}

@media (max-width: 767.9px) {
    .mobile-menu__content {
        display: block;
        overflow-y: auto;
        padding: 6px 15px 35px;
        height: calc(var(--window-height) - var(--high-block-size))
    }
}

.mobile-menu__el {
    background-color: #fff;
    display: block;
    padding: 15px 0;
    width: 100%;
    font: var(--middle-normal);
    text-align: left;
    color: var(--color-dark);
    background-position: left center;
    background-repeat: no-repeat
}

.mobile-menu__el--bold {
    font-weight: 700
}

.mobile-menu__entering {
    padding-left: 32px;
    background-image: url(/img/mobile-entering.svg)
}

.mobile-menu__geo {
    padding-left: 32px;
    background-image: url(/img/mobile-geo.svg)
}

.mobile-menu .reserve-count {
    margin-left: 2px;
    color: var(--color-primary)
}

.mobile-menu__bottom {
    display: flex;
    align-items: center
}

@media (max-width: 767.9px) {
    .mobile-menu__bottom {
        flex-wrap: wrap
    }
}

.mobile-menu--visible, .product-slider_main.swiper-container-android .swiper-slide {
    transform: none
}

.mobile-menu--active {
    z-index: 2000
}

@media (max-width: 991.9px) {
    .mobile-menu {
        display: block !important
    }
}

.dropdown-item > .mobile-menu__el {
    background-image: url(/img/mobile-angle-right.svg);
    background-position: right center;
    background-repeat: no-repeat
}

.dropdown-content {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff
}

@media (max-width: 991.9px) {
    .dropdown-content__area {
        overflow-y: auto;
        padding: 0 39px 15px;
        height: calc(100vh - 52px)
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__area {
        overflow-y: auto;
        padding: 0 15px 15px;
        height: calc(100vh - 52px)
    }
}

@media (max-width: 991.9px) {
    .dropdown-content__top {
        display: flex;
        align-items: center;
        /*border-bottom: 1px solid #e5e5e5;*/
        padding: 15px 39px
    }

    .dropdown-content__top .mobile-menu__close {
        margin-left: auto
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__top {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px
    }

    .dropdown-content__top .mobile-menu__close {
        margin-left: auto
    }
}

.dropdown-content__caption {
    margin: 0
}

.dropdown-content__back {
    background-color: transparent;
    margin-right: 10px;
    width: 15px;
    height: 12px;
    background-image: url(/img/mobile-left-arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 991.9px) {
    .dropdown-content__business {
        display: flex;
        align-items: center
    }
}

@media (max-width: 767.9px) {
    .dropdown-content__business {
        display: block
    }
}

.dropdown-content--active {
    display: block
}

.dropdown-business {
    padding: 110px 30px;
    text-align: center
}

.dropdown-business__text {
    margin: 0 0 15px;
    font: var(--middle-normal);
    color: var(--color-tundora)
}

.dropdown-business__btn-wrap {
    margin: 0 auto 15px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    width: 195px
}

.dropdown-business__btn {
    width: 100%
}

.dropdown-business__phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -6px
}

.dropdown-business__phone .phone__link {
    margin-right: 0;
    margin-bottom: 3px;
    font: var(--high-bold)
}

@media (max-width: 991.9px) {
    .dropdown-business {
        margin: 0 auto;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 4px;
        padding: 18px 22px;
        width: 245px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }
}

@media (max-width: 767.9px) {
    .dropdown-business {
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 110px 30px;
        width: auto;
        box-shadow: none
    }
}

.mobile-card {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    padding-top: var(--high-block-size);
    padding-bottom: var(--bottom-block-size);
    width: 100%;
    height: 100vh;
    background-color: var(--color-gray-100);
    opacity: 0;
    visibility: hidden;
    transition: var(--primary-trs);
    transition-property: opacity, visibility
}

.mobile-card__tabs {
    position: fixed;
    left: 0;
    top: var(--high-block-size);
    z-index: 5;
    padding-top: 15px;
    width: 100%;
    background-color: #fff
}

.mobile-card__tabs .tabs-nav__list {
    width: 100%
}

.mobile-card__tabs .tabs-nav__item {
    margin: 0;
    width: 50%
}

.mobile-card__tabs .tabs-nav__btn {
    width: 100%
}

@media (max-width: 991.9px) {
    .mobile-card .tabs-content {
        display: flex;
        align-items: center;
        width: 100%;
        overflow-y: auto;
        margin-top: var(--high-block-size);
        height: calc(var(--window-height) - (var(--high-block-size) * 2 + var(--bottom-block-size)))
    }
}

@media (max-width: 767.9px) {
    .mobile-card .tabs-content {
        display: block;
        overflow-y: auto;
        height: calc(var(--window-height) - (52px * 3))
    }
}

.mobile-card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 43px;
    height: 100%;
    font: var(--middle-normal);
    color: var(--color-tundora)
}

@media (max-width: 991.9px) {
    .mobile-card__content {
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 15px;
        width: 330px;
        height: auto;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 4px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        background: #fff
    }
}

.mobile-card__content--mini {
    padding-top: 30px
}

@media (max-width: 991.9px) {
    .mobile-card__content--mini {
        justify-content: center;
        margin: 0;
        padding-bottom: 0;
        padding-top: 43px;
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
}

@media (max-width: 767.9px) {
    .mobile-card__content {
        margin: 0;
        padding-bottom: 0;
        padding-top: 43px;
        width: auto;
        height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.mobile-card__control {
    padding: 0 40px;
    text-align: center
}

.mobile-card__control-bold {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-dark)
}

.mobile-card__show {
    margin-bottom: 15px;
    padding: 0 40px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--color-gray)
}

.mobile-card__show-bold {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: var(--color-dark)
}

.mobile-card__having {
    margin-bottom: 10px;
    text-align: center
}

.mobile-card__having-bold {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-dark)
}

.mobile-card__or {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px
}

.mobile-card__or::after, .mobile-card__or::before {
    content: "";
    position: relative;
    top: 2px;
    display: block;
    width: 96px;
    height: 1px;
    background-color: #e6e6e6
}

.mobile-card__or::before {
    margin-right: 8px
}

.mobile-card__or::after {
    margin-left: 8px
}

.mobile-card__create {
    text-align: center
}

.mobile-card__create-bold {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-dark)
}

.mobile-card__cards {
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    width: 100%;
    background-color: var(--color-gray-100)
}

@media (max-width: 991.9px) {
    .mobile-card__cards {
        position: absolute;
        left: 0;
        bottom: 0
    }
}

@media (max-width: 991.9px) and (max-height: 660px) {
    .mobile-card__cards {
        position: static
    }
}

@media (max-width: 767.9px) and (max-height: 660px) {
    .mobile-card__cards {
        position: absolute
    }
}

@media (max-width: 767.9px) and (max-height: 600px) {
    .mobile-card__cards {
        position: static
    }
}

.mobile-card__shape {
    margin-bottom: 24px
}

.mobile-card__btn-wrap {
    position: fixed;
    left: 0;
    bottom: var(--bottom-block-size);
    margin-top: auto;
    padding: 12px 15px;
    width: 100%
}

@media (max-width: 991.9px) {
    .mobile-card__btn-wrap {
        margin-top: 15px;
        text-align: center
    }

    .mobile-card__btn-wrap button {
        margin: 0 auto;
        width: 195px
    }
}

@media (max-width: 767.9px) {
    .mobile-card__btn-wrap {
        margin-top: auto;
        text-align: initial
    }

    .mobile-card__btn-wrap button {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991.9px) {
    .mobile-card__btn-wrap {
        position: static
    }
}

.mobile-card__btn {
    width: 100%
}

.mobile-card .tabs-content__item--active {
    opacity: 0;
    visibility: hidden
}

.mobile-card--visible, .mobile-card--visible .tabs-content__item--active {
    opacity: 1;
    visibility: visible
}

@media (max-width: 991.9px) {
    .mobile-card {
        overflow-y: auto;
        display: block !important
    }
}

@media (max-width: 767.9px) {
    .mobile-card {
        padding-bottom: var(--bottom-block-size)
    }
}

.cards__title {
    margin: 0 0 15px;
    font: var(--middle-bold);
    color: var(--color-dark)
}

.cards-content {
    display: flex;
    padding-right: 21px;
    background-position: right center;
    background-repeat: no-repeat
}

.cards-content__image {
    margin-right: 12px
}

.cards-content__text {
    display: flex;
    flex-direction: column;
    margin-right: auto
}

.cards-content__status-icon {
    margin-top: 10px;
    margin-left: 12px;
    border: 1px solid #e6e6e6;
    border-radius: 100%;
    width: 22px;
    height: 22px
}

.cards-content__content {
    display: flex;
    flex-grow: 1;
    transform: translateY(-3px)
}

.cards-content__number {
    margin-bottom: 3px;
    font: var(--middle-normal);
    color: var(--color-dark)
}

.cards-content__number a {
    color: inherit;
    pointer-events: none
}

.cards-content__which {
    font: var(--small-normal);
    line-height: 16px;
    color: var(--color-gray)
}

.cards-content__status {
    margin-top: 3px;
    font: var(--small-normal);
    line-height: 16px
}

.cards-content__status--active {
    color: var(--color-success)
}

.cards-content__status--waiting {
    color: var(--color-primary)
}

.cards-content__status--blocked {
    color: var(--color-error)
}

.cards-content__balance {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font: var(--middle-bold);
    color: var(--color-dark)
}

.cards-content__balance span {
    font: var(--small-normal)
}

.cards-content--active .cards-content__status-icon {
    border-color: transparent;
    background-image: url(/img/card-active.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.cards-content--blocked, .cards-content--waiting {
    pointer-events: none
}

.cards-content--blocked .cards-content__balance, .cards-content--blocked .cards-content__image, .cards-content--blocked .cards-content__number, .cards-content--blocked .cards-content__which {
    opacity: .5
}

.cards-content--blocked .cards-content__status-icon {
    border-color: transparent;
    background-image: url(/img/card-blocked.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1
}

.cards-content--waiting .cards-content__balance, .cards-content--waiting .cards-content__image, .cards-content--waiting .cards-content__number, .cards-content--waiting .cards-content__which {
    opacity: .5
}

.cards-content--waiting .cards-content__status-icon {
    border-color: transparent;
    background-image: url(/img/card-waiting.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.cards .cards-content {
    background-image: url(/img/mobile-angle-right.svg)
}

.tabs-content-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 991.9px) {
    .tabs-content-wrap {
        padding-top: 30px;
        padding-bottom: 105px
    }
}

@media (max-width: 767.9px) {
    .tabs-content-wrap {
        padding-top: 0
    }
}

@media (max-width: 767.9px) and (max-height: 600px) {
    .tabs-content-wrap {
        padding-bottom: 0
    }
}

.cards-choice {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    border-radius: 4px 4px 0 0;
    padding: 12px 15px;
    width: 100%;
    background-color: var(--color-gray-100);
    transform: translateY(100%);
    transition: var(--primary-trs);
    transition-property: opacity, visibility, transform
}

.cards-choice__title {
    margin: 0 0 16px;
    font: var(--high-bold)
}

.cards-choice__close {
    position: absolute;
    right: 15px;
    top: 16px;
    width: 14px;
    height: 14px;
    background-image: url(/img/close.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.cards-choice .cards-content {
    padding-right: 0
}

.cards-choice .cards-content__content {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px
}

.cards-choice__list {
    overflow-y: auto;
    max-height: 231px
}

.cards-choice__item:not(:last-child) {
    margin-bottom: 12px
}

.cards-choice__btn {
    margin-top: 24px;
    width: 100%
}

@media (max-width: 991.9px) {
    .cards-choice__btn {
        display: block;
        margin: 12px auto 0;
        width: 195px
    }
}

@media (max-width: 767.9px) {
    .cards-choice__btn {
        display: inline-block;
        width: 100%
    }
}

.cards-choice--visible {
    transform: translateY(0)
}

@media (max-width: 991.9px) {
    .cards-choice {
        display: block !important
    }

    .basket .mobile-nav {
        display: none !important
    }
}

@media (max-width: 767.9px) {
    .basket .mobile-nav {
        display: flex !important
    }

    .footer--basket {
        display: none
    }
}

.no-arrow {
    background-image: none
}

.menu-wrapper_margen {
    margin-top: 50px
}

.menu-wrapper_margen2 {
    margin-top: 0
}

.catalog__more {
    padding: 17px
}

@media (max-width: 991.9px) {
    .header .grid {
        gap: 0
    }
}

.simplebar-content {
    padding: 0 !important
}

.partner-popup {
    width: 276px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    width: 400px
}

.mobile-header-opacity {
    transition-duration: .15s;
    opacity: 0
}

.mobile-headet-non-opacity {
    transition-duration: .15s;
    opacity: 1
}

.burger-header {
    height: 53px
}

.menu-wrapper__column {
    width: 33%
}

.centering {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important
}

@media (max-width: 767.9px) {
    .product-slider_main {
        margin: -70px 0;
        padding: 70px 0
    }

    .product-slider_main .swiper-slide .product-main .product-main__add {
        left: 15px
    }

    .product-main-slider_main .swiper-slide:nth-child(odd) .product-main__add {
        left: 0
    }

    .product-slider_main .swiper-slide:nth-child(odd) .video-tooltip .tooltip__txt {
        left: 0;
        right: auto
    }

    .product-slider_main .swiper-slide:nth-child(odd) .video-tooltip .tooltip__txt::after {
        left: 7px;
        right: auto
    }

    .product-slider_main .swiper-slide:nth-child(odd) .price-tooltip .tooltip__txt {
        left: 0;
        right: auto;
        transform: none
    }

    .product-slider_main .swiper-slide .product-main {
        border-right: var(--input-border);
        padding: 0 15px !important;
    }

    .product-slider_main .swiper-slide:last-child .product-main {
        border-right: 1px solid transparent;
    }


    .product-slider_main__pag {
        opacity: 1
    }

    .link {
        font: var(--middle-high)
    }
}

@media (min-width: 768px) and (max-width: 991.9px) {
    .site-search__bottom .container {
        padding: 0;
        height: 100%
    }
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 4px !important
}

.product-slider_main__btn-next, .product-slider_main__btn-prev {
    transition: opacity var(--primary-trs)
}

.product-slider_main__btn-next.swiper-button-disabled, .product-slider_main__btn-prev.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

@media (max-width: 767.9px) {
    .not-padding {
        padding-top: 56px !important
    }
}

@media (min-width: 767.9px ) and (max-width: 991.9px) {
    .not-padding {
        padding-top: 0 !important
    }
}

@media (max-width: 767.9px) {
    .main-index {
        padding-top: 16px !important;
        width: 100vw
    }
}

.action {
    border: 1px solid #ff5533;
    --border-color: #f53;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 8px;
    font: 400 12px/16px var(--font-family);
    color: var(--color-tundora);
}

.hit {
    border: 1px solid #ff9819;
    --border-color: #f53;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 8px;
    font: 400 12px/16px var(--font-family);
    color: var(--color-tundora);
}

.new {
    border: 1px solid #7cbf1d;
    --border-color: #f53;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 8px;
    font: 400 12px/16px var(--font-family);
    color: var(--color-tundora);
}

.sale {
    border: 1px solid #7d5ccb;
    --border-color: #f53;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 8px;
    font: 400 12px/16px var(--font-family);
    color: var(--color-tundora);
}

.on_stoke {
    border: 1px solid #d9ba74;
    --border-color: #f53;
    display: inline-block;
    border-radius: 3px;
    padding: 4px 8px;
    font: 400 12px/16px var(--font-family);
    color: var(--color-tundora);
}

.logout {
    padding-left: 80px;
    color: #a6a6a6;
    font-size: 14px;
    cursor: pointer;
}

.non_border_top {
    border-top: 0 !important;
}

@media (max-width: 991.9px) {
    .container_questionnaire {
        padding: 0 !important;
    }
}

.reduction {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.maxWidht20 {
    max-width: 25%
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #a5a5a5;
}

.open > .dropdown-menu {
    display: block;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: #333 dotted thin !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px;
}

.btn .caret, .btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2;
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

.dropdown-toggle:focus {
    outline: 0;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #c6c6c6;
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #a5a5a5;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #e5e5e5;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    color: #333;
}

.dropdown-header, .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: #333 dotted thin !important;
    outline: -webkit-focus-ring-color auto 5px !important;
    outline-offset: -2px;
}

.btn .caret, .btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2;
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

.dropdown-toggle:focus {
    outline: 0;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #c6c6c6;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}




.business__wrapper {
    border: var(--gray-90-border);
    border-radius: 4px;
    padding: 24px;
    padding-bottom: 16px;
    width: 495px;
}
.business__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.business__left {
    margin: 0;
    margin-right: 16px;
    border-right: var(--gray-90-border);
    padding-right: 16px;
    min-width: 121px;
    font: var(--p4b);
    color: var(--color-gray-20);
}
@media (max-width: 991.9px) {
    .business__left {
        min-width: initial;
        margin-right: 0;
        margin-bottom: 8px;
        border-right: none;
        padding-right: 0;
    }
}
.business__right {
    margin-bottom: 16px;
    font: var(--p2);
}
.business__right_descr {
    margin: 0;
    margin-bottom: 8px;
    font: var(--p2);
    color: var(--color-gray-20);
}
.business__right_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.business__right_link a {
    margin-right: 4px;
    font: var(--p2);
    color: var(--color-accent);
    padding: 0 !important;
    width: initial !important;
}
.business__right_link svg {
    width: 12px;
    height: 12px;
    fill: var(--color-accent);
}
@media (min-width: 992px) {
    .business__right_link:hover a {
        color: var(--color-on-accent);
    }
    .business__right_link:hover svg {
        fill: var(--color-on-accent);
    }
}
.business-modal__title {
    border-bottom: var(--gray-90-border);
    padding: 16px 0;
    font: var(--h3);
    color: var(--color-gray-20);
}
.business-modal__content {
    position: relative;
}
.business-modal__main {
    padding: 0 15px 15px 16px;
}
.business-modal__main_hide {
    display: none;
}
.business-modal__dropdown {
    height: auto;
    display: none;
    background-color: white;
}
.business-modal__dropdown_active {
    display: block;
}
.business-modal__dropdown_list {
    padding: 0 15px !important;
}
.business-modal__dropdown_item {
    border-bottom: var(--gray-90-border);
    font: var(--p2);
    text-align: left;
    color: var(--color-gray-20);
}

.business-modal__dropdown_item.switch-account .personal__elem_add {
    padding-bottom: 0;
}

.business-modal__dropdown_item-padding {
    padding: 16px 0;
}

.business-modal__dropdown_item a {
    padding: 16px 0;
    width: 100%;
    display: inline-block;
    /*color: var(--color-gray-20);*/

}

.business-modal__dropdown_item .personal__elem_add {
    display: inline-flex;
    padding: 0 0 16px;
}

.business-modal__dropdown_item .personal__elem_link-content {
    padding: 16px 0 0;
}

.business-modal__dropdown_item.switch-account {
    padding: 0 0 16px;
}

.business-modal__dropdown_item:first-child .personal__elem_link-content {
    padding-top: 0;
}

.business-modal__dropdown_item:last-child {
    border-bottom: none;
}
.business-modal__dropdown_back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 15px 16px 8px;
    background-color: var(--color-gray-96);
}
.business-modal__dropdown_back span {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.business-modal__dropdown_back span img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.business-modal__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--gray-90-border);
    height: 54px;
    font: var(--p4b);
    color: var(--color-gray-20);
}
.business-modal__item span {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}
.business-modal__item_tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: var(--p3b);
    color: var(--color-gray-20);
}
.business-modal__item_tel img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}
.business-modal__item_schedule {
    margin-right: 0;
    margin-left: 12px;
    width: auto !important;
    height: auto !important;
    font: var(--p3);
    color: var(--color-gray-50);
}
.business-modal__item_btn {
    font: var(--p3b);
    padding: 8px 4px;
    width: 100%;
    height: 52px;
}
.business-modal__item_review {
    width: 100%;
    font: var(--p4b);
    height: 52px;
    padding: 8px 4px;
}
.business-modal__item:last-child {
    border-bottom: none;
}
.business-modal__item.stroke {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: var(--p2);
}
.business-modal__item.stroke a {
    display: block;
    padding: 16px 0;
    width: 100%;
    font: var(--p2);
    text-align: left;
    color: var(--color-gray-20);
}
.business-modal__item.stroke a span {
    color: var(--color-accent);
}
.business-modal__item.stroke span {
    margin-right: 0;
    width: 16px;
    height: 16px;
}

.business-modal__help {
    display: flex;
    gap: 8px;
}

.modal-mobile {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    display: inline-block;
    vertical-align: middle;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    background-color: rgba(26, 26, 26, 0.75);
    opacity: 0;
    visibility: hidden;
    cursor: default;
}
.modal-mobile__divider {
    position: absolute;
    left: calc(50% - 36px);
    top: -20px;
    display: none;
    padding: 8px 16px;
    width: 72px;
}
.modal-mobile__divider::before {
    content: "";
    display: block;
    border-radius: var(--radius-2);
    height: 4px;
    background-color: var(--color-gray-96);
}
@media (max-width: 991.9px) {
    .modal-mobile__divider {
        display: block;
    }
}
@media (max-width: 991.9px) {
    .modal-mobile__container {
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        margin: 0 auto;
        border-radius: 8px 8px 0 0;
        width: 450px;
        height: auto;
        background-color: white;
    }
}
@media (max-width: 767.9px) {
    .modal-mobile__container {
        width: 100vw;
    }
}

/* .modal-mobile__container.is-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
} */
.modal-mobile.is-open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.fade {
    /*opacity: 0;*/
    -webkit-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

.fade.animate-open {
    opacity: 1;
    -webkit-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

.animate-open {
    opacity: 1;
    -webkit-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

@media (max-width: 991.9px) {
    .animate-open-swipe {
        height: auto;
        -webkit-animation: showWrapperLayout 0.15s linear;
        animation: showWrapperLayout 0.15s linear;
    }
}

@-webkit-keyframes showWrapperLayout {
    0% {
        height: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    1% {
        height: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        height: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes showWrapperLayout {
    0% {
        height: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    1% {
        height: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        height: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@media (max-width: 991.9px) {
    .animate-open-hide {
        -webkit-animation: hideWrapperLayout 0.1s linear;
        animation: hideWrapperLayout 0.1s linear;
    }
}

@-webkit-keyframes hideWrapperLayout {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    1% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes hideWrapperLayout {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    1% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.disables-scroll {
    overflow: hidden;
}

.personal__wrapper {
    width: 264px;
    height: auto;
    -webkit-box-shadow: var(--shadow-primary);
    box-shadow: var(--shadow-primary);
}
.personal__elem {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: var(--gray-90-border);
}

@media (max-width: 991.9px) {
    .personal__elem {
        text-align: left;
        padding-bottom: 0;
    }

}

.personal__elem:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.personal__elem_title {
    margin-bottom: 8px;
    font: var(--p3b);
    color: var(--color-gray-20);
}

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

.personal__elem_item.not-allowed {
    pointer-events: none;
    cursor: initial;
}

.personal__elem_add {
    margin-top: 16px;
}

.personal__elem_prof {
    font: var(--p2);
    color: var(--color-gray-60);
}


.personal__elem_prof-dot {
    position: relative;
}

.personal__elem_prof-dot::before {
    position: absolute;
    top: 50%;
    transform: translate(100%, -50%);
    right: -8px;
    content: "";
    background-color: var(--color-accent);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.personal__elem_company {

}

.personal__elem_link {
    width: 100%;
    display: inline-block;
    padding: 8px 0px;
    font: var(--p2);
    color: var(--color-gray-20);
    cursor: pointer;
    -webkit-transition: color var(--primary-trs);
    -o-transition: color var(--primary-trs);
    transition: color var(--primary-trs);
}

/*.personal__elem_link-company {
    padding: 0px 0px 8px 0;
}*/

.personal__elem_link-gray {
    color: var(--color-gray-60) !important;

}

.personal__elem_link-gray:hover {
    color: var(--color-gray-30) !important;
}



.personal__elem_company {
    padding-bottom: 0;
}

.personal__elem_item:last-child + .personal__elem_link {
    padding-bottom: 0;
}
.personal__elem_link:hover {
    color: var(--color-accent);
}

.personal__elem_link.personal__elem_link-company.disabled {
    pointer-events: none;
    color: var(--color-gray-20) !important;
}


.personal__elem_link.personal__elem_link-padding {
    padding-top: 0;
}

.personal__elem_link-content {
    display: flex;
    align-items: center;
}

.personal__elem_item-title {
    border-bottom: none;
}

.personal__elem_item-title .personal__elem_link {
    padding-bottom: 0;
    font: var(--p3b);
}

.personal__elem_link-dot {
    background-color: var(--color-accent);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 8px;
}

.personal__elem_add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: var(--p2);
    color: var(--color-gray-60);
    cursor: pointer;
    -webkit-transition: color var(--primary-trs);
    -o-transition: color var(--primary-trs);
    transition: color var(--primary-trs);
}
.personal__elem_add span {
    width: 14px;
    height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
}

.personal__elem_link-content.with-dot {
    padding: 16px 15px 16px 0 !important;
}

.p0 {
    padding-top: 0 !important;
}