/* Start:/local/templates/new/styles.css?173530762332*/
li.toh_invisible{display:none;}

/* End */


/* Start:/local/templates/new/template_styles.css?1766428424220022*/
* {
    margin: 0;
    padding: 0;
    border: 0
}

::selection {
    color: #fff;
    background-color: #ffd372;
}

/* Сделал полоску с колесиком видной, потому что у Людмилы не получалось на ОПЕРЕ листать */
/* *::-webkit-scrollbar {
    display: none
} */

ol,
ul {
    list-style: none
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

input[type=text]:focus {
    outline: none
}

button,
input,
textarea {
    line-height: inherit;
    outline: none
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    font-family: "OpenSans", sans-serif, Arial, Helvetica, Verdana;
    font-weight: 400;
    vertical-align: middle
}

input,
button,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}

input[type=text],
input[type=search],
input[type=tel],
input[type=email],
input[type=number],
input[type=password] {
    font-size: 14px
}

button,
input[type=submit],
input[type=reset],
input[type=button],
.btn,
label {
    cursor: pointer
}

input[type=file],
input[type=checkbox] {
    display: none
}

b,
strong,
.bold {
    font-weight: 700
}

a {
    color: #231f20
}

a:hover {
    color: #3bad4c;
    text-decoration: none
}

/* em,
i,
.italic {
    font-style: italic
} */

input[disabled],
select[disabled] {
    cursor: default;
    pointer-events: none
}

input[type=checkbox],
input[type=radio],
select[type=checkbox],
select[type=radio] {
    width: 25px;
    height: 25px;
    padding: 0
}

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

input[type=number],
select[type=number] {
    -webkit-appearance: textfield
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
select[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

html * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    outline: none
}

html *:before,
html *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body {
    background: #fff;
    color: #231f20;
    direction: ltr;
    font: 400 14px/25px "OpenSans", sans-serif, Arial, Helvetica, Verdana
}

svg use {
    fill: #3bad4c
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 300;
    text-align: left
}

.page__description h1+*,
.page__description .h1+*,
.page__description h2+*,
.page__description .h2+*,
.page__description h3+*,
.page__description .h3+*,
.page__description h4+*,
.page__description .h4+*,
.page__description h5+*,
.page__description .h5+*,
.page__description h6+*,
.page__description .h6+* {
    margin-top: 20px
}

.page__description *+h1,
.page__description *+.h1,
.page__description *+h2,
.page__description *+.h2,
.page__description *+h3,
.page__description *+.h3,
.page__description *+h4,
.page__description *+.h4,
.page__description *+h5,
.page__description *+.h5,
.page__description *+h6,
.page__description *+.h6 {
    margin-top: 30px
}

h1,
.h1 {
    font-size: 40px;
    line-height: 54px
}

h2,
.h2 {
    font-size: 24px;
    line-height: 34px
}

h3,
.h3 {
    font-size: 16px;
    line-height: 22px
}

h4,
.h4 {
    font-size: 14px;
    line-height: 19px
}

h5,
.h5 {
    font-size: 14px;
    line-height: 25px
}

::-webkit-calendar-picker-indicator {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M17.857 2.143h-2.143V.714a.714.714 0 1 0-1.428 0v1.429H5.714V.714a.714.714 0 1 0-1.428 0v1.429H2.143C.959 2.143 0 3.103 0 4.286v13.571C0 19.041.96 20 2.143 20h15.714C19.041 20 20 19.04 20 17.857V4.286c0-1.184-.96-2.143-2.143-2.143Zm.714 15.714c0 .395-.32.714-.714.714H2.143a.714.714 0 0 1-.714-.714V8.571H18.57v9.286Zm0-10.714H1.43V4.286c0-.395.32-.715.714-.715h2.143V5a.714.714 0 1 0 1.428 0V3.571h8.572V5a.714.714 0 1 0 1.428 0V3.571h2.143c.395 0 .715.32.715.715v2.857Z%27/%3e%3cpath d=%27M5.713 10H4.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM10.713 10H9.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM15.713 10h-1.428a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM5.713 12.857H4.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM10.713 12.857H9.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM15.713 12.857h-1.428a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM5.713 15.714H4.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM10.713 15.714H9.285a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429ZM15.713 15.714h-1.428a.714.714 0 1 0 0 1.429h1.428a.714.714 0 1 0 0-1.429Z%27/%3e%3c/svg%3e") center no-repeat;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0 -2px -3px 0
}

@media(max-width: 600px) {

    h1,
    .h1 {
        font-size: 24px;
        line-height: 34px
    }

    h2,
    .h2 {
        font-size: 19px;
        line-height: 24px
    }

    h3,
    .h3 {
        font-size: 15px;
        line-height: 21px
    }

    h4,
    .h4,
    h5,
    .h5 {
        font-size: 13px;
        line-height: 18px
    }
}

@font-face {
    font-family: "OpenSans";
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/OpenSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: "OpenSans";
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "OpenSans";
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/OpenSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "OpenSans";
    font-weight: 900;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/OpenSans-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: "Michelin";
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/MichelinLight.ttf) format("truetype")
}

@font-face {
    font-family: "Michelin";
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/MichelinSemiBold.ttf) format("truetype")
}

@font-face {
    font-family: "Michelin";
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/MichelinRegular.ttf) format("truetype")
}


@font-face {
    font-family: "Michelin";
    font-weight: 800;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/MichelinBlack.ttf) format("truetype")
}

@font-face {
    font-family: "Michelin";
    font-weight: 900;
    font-display: swap;
    src: url(/local/templates/new/assets/fonts/MichelinBold.ttf) format("truetype")
}

@-webkit-keyframes dropdown__show {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes dropdown__show {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes left__show {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    100% {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes left__show {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    100% {
        opacity: 1;
        margin-left: 0
    }
}

@-webkit-keyframes right__show {
    0% {
        opacity: 0;
        margin-right: -10px
    }

    100% {
        opacity: 1;
        margin-right: 0
    }
}

@keyframes right__show {
    0% {
        opacity: 0;
        margin-right: -10px
    }

    100% {
        opacity: 1;
        margin-right: 0
    }
}

@-webkit-keyframes search__result {
    0% {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        opacity: 0;
        margin-top: -10px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes search__result {
    0% {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        margin-top: -10px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes popup__shadow {
    0% {
        background: rgba(0, 0, 0, 0);
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }

    100% {
        background: rgba(0, 0, 0, .8);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@keyframes popup__shadow {
    0% {
        background: rgba(0, 0, 0, 0);
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }

    100% {
        background: rgba(0, 0, 0, .8);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

.menu__left>.menu__item_parent>.link:after,
.droptabs__ttl:after,
.tabs__ttl:after,
.link__parent:after,
.select__ttl:after {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M.354 1.06A.5.5 0 0 1 1.06.355l3.293 3.292L7.646.354a.5.5 0 1 1 .708.707l-4 4-4-4Z%27 fill=%27%23231F20%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    right: 0;
    top: 11px;
    width: 9px;
    height: 5px;
    content: ""
}

.menu__left>.menu__item_parent>.link:hover:after,
.droptabs__item.active .droptabs__ttl:after,
.link__parent:hover:after,
.select.active .select__ttl:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}




.slider__next:before,
.slider__prev:before {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.06 8.646a.5.5 0 0 1-.706-.707l3.292-3.293L.354 1.354A.5.5 0 1 1 1.06.646l4 4-4 4Z%27 fill=%27%23FFFFFF%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 16px;
    height: 30px;
    margin: -15px -4px 0;
    content: ""
}

.slider__prev:before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.header__bottom .header__right>li+li>[class*=link]:before,
.sku thead tr td:nth-of-type(n + 2):before,
.breadcrumbs li:after {
    background: #231f20;
    position: absolute;
    width: 1px;
    height: 19px;
    left: 24px;
    top: 50%;
    margin-top: -9px;
    content: ""
}

.hide {
    display: none !important
}

.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(0.75);
    filter: grayscale(0.75)
}

input.error,
textarea.error {
    -webkit-box-shadow: inset 0 0 0 1px #f16b3e;
    box-shadow: inset 0 0 0 1px #f16b3e
}

#map {
    background: #f4f4f4;
    width: 100%;
    height: 560px;
    max-height: 75vh
}

*+#map {
    margin-top: 30px
}

#map+* {
    margin-top: 30px
}

.element__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

.element__item_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.element__hr {
    background: #e3e3e3;
    margin: 50px;
    height: 1px
}

.container {
    width: 1250px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 1250px) {
    .container {
        width: 100%;
        padding-left: 3%;
        padding-right: 3%
    }
}

.block {
    padding: 50px 0
}

.block_noPTop {
    padding-top: 0 !important
}

.block_noPBottom {
    padding-bottom: 0 !important
}

.block_borderTop {
    border-top: 1px solid #dedede
}

.block__bg_blue {
    background: #015aaa
}

.block__bg_blue .block__header {
    color: #fff
}

.block__bg_gray {
    background: #f4f4f4
}

@media(max-width: 600px) {
    .block {
        padding: 35px 0
    }
}

.block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 980px) {
    .block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.block__header+* {
    margin-top: 20px
}

.block__ttl {
    font-weight: 300
}

@media(min-width: 620px) {
    .block__ttl {
        font-size: 40px;
        line-height: 54px
    }
}

@media(max-width: 620px)and (min-width: 420px) {
    .block__ttl {
        font-size: 30px;
        line-height: 40px
    }
}

@media(max-width: 420px) {
    .block__ttl {
        font-size: 26px;
        line-height: 34px
    }
}

@media(min-width: 980px) {
    .block__ttl+* {
        margin-left: 20px
    }
}

@media(max-width: 980px) {
    .block__ttl+* {
        margin-top: 5px
    }
}

@media(max-width: 768px) {
    .block__ttl {
        text-align: center
    }
}

.block__more {
    text-decoration: underline !important
}

.block__more:hover {
    text-decoration: none !important
}

@media(min-width: 620px) {

    .block__description,
    .block__description p {
        font-size: 16px;
        line-height: 25px
    }
}

@media(max-width: 980px) {

    .block__description,
    .block__description p {
        text-align: justify
    }
}

@media(max-width: 620px) {

    .block__description,
    .block__description p {
        font-size: 14px;
        line-height: 24px
    }
}

.block__description p+p {
    margin-top: 15px
}

.block__description+* {
    margin-top: 30px
}

.icon__color_yellow-dark use {
    fill: #dcae09
}

.icon__color_blue use {
    fill: #015aaa
}

.icon__size_13 {
    width: 13px;
    min-width: 13px;
    height: 13px
}

.icon__size_15 {
    width: 15px;
    min-width: 15px;
    height: 15px
}

.icon__size_16 {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.icon__size_18 {
    width: 18px;
    min-width: 18px;
    height: 18px
}

.icon__size_20 {
    width: 20px;
    min-width: 20px;
    height: 20px
}

.icon__size_21 {
    width: 21px;
    min-width: 21px;
    height: 21px
}

.icon__size_23 {
    width: 23px;
    min-width: 23px;
    height: 23px
}

.icon__size_25 {
    width: 25px;
    min-width: 25px;
    height: 25px
}

.icon__size_30 {
    width: 30px;
    min-width: 30px;
    height: 30px
}

.icon__size_32 {
    width: 32px;
    min-width: 32px;
    height: 32px
}

.icon__size_33 {
    width: 33px;
    min-width: 33px;
    height: 33px
}

.icon__size_35 {
    width: 35px;
    min-width: 35px;
    height: 35px
}

.icon__size_45 {
    width: 45px;
    min-width: 45px;
    height: 45px
}

.icon__size_70 {
    width: 70px;
    min-width: 70px;
    height: 70px
}

.logo {
    position: relative;
    padding-right: 15px
}

.logo__img {
    max-width: none;
    display: block
}

.logo__ttl {
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #3bad4c
}

a.logo {
    text-decoration: none
}

.btn {
    background: #3bad4c;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 14px;
    padding: 15px 30px;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s
}

.btn__icon {
    margin-right: 15px
}

.btn__icon use {
    fill: #fff
}

.btn:hover {
    background: #ffe601;
    color: #231f20
}


.btn:hover use {
    fill: #231f20
}

.btn__color_gray {
    background: #e3e3e3;
    color: #231f20
}

.btn__color_gray .btn__icon use {
    fill: #231f20
}

a.btn__color_gray:hover,
button.btn__color_gray:hover,
.emit.btn__color_gray:hover {
    background: #ffe601
}

.btn__color_gray-dark {
    background: #717171;
    color: #fff
}

.btn__color_gray-dark .btn__icon use {
    fill: #fff
}

a.btn__color_gray-dark:hover,
button.btn__color_gray-dark:hover,
.emit.btn__color_gray-dark:hover {
    background: #e3e3e3;
    color: #00650f
}

.btn__burger_mob {
    width: 32px;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: none
}

@media(max-width: 1250px) {
    .header__top .btn__burger_mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__top .btn__burger_mob:not(.active)+ul {
        display: none
    }

    .header__top .btn__burger_mob.active+ul {
        -webkit-animation: .2s ease-in dropdown__show;
        animation: .2s ease-in dropdown__show
    }
}

@media(max-width: 980px) {
    .page__header .btn__burger_mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header_mob .header__bottom .btn__burger_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2px
}

.header_mob .header__bottom .btn__burger_mob:not(.active)+[class*=menu] {
    display: none
}

.header_mob .header__bottom .btn__burger_mob.active+[class*=menu] {
    -webkit-animation: .2s ease-in dropdown__show;
    animation: .2s ease-in dropdown__show
}

.btn__burger_mob>span {
    background: #3bad4c;
    width: 100%;
    height: 3px;
    display: block;
    border-radius: 1px
}

.btn__burger_mob>span+span {
    margin-top: 5px
}

.btn__burger_mob.active>span:nth-of-type(2) {
    width: 92%
}

.btn__close,
.btn__close_mob {
    width: 30px;
    cursor: pointer;
    padding: 0
}

.btn__close>span,
.btn__close_mob>span {
    position: absolute;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #3bad4c;
    width: 100%;
    height: 3px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn__close>span+span,
.btn__close_mob>span+span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(min-width: 1250px) {
    .btn__close_mob {
        display: none
    }
}

.btn-remove {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M11.2 7.368c-.295 0-.534.203-.534.454v8.567c0 .25.24.453.534.453.294 0 .533-.203.533-.453V7.822c0-.25-.239-.454-.533-.454ZM4.8 7.368c-.295 0-.533.203-.533.454v8.567c0 .25.238.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23231F20%27/%3e%3cpath d=%27M1.31 5.954v11.54c0 .682.247 1.323.677 1.782.428.461 1.025.723 1.648.724h8.73a2.255 2.255 0 0 0 1.648-.724c.43-.46.677-1.1.677-1.782V5.954a1.789 1.789 0 0 0 1.295-1.96 1.772 1.772 0 0 0-1.747-1.558h-2.363V1.85a1.855 1.855 0 0 0-.532-1.313A1.799 1.799 0 0 0 10.048 0H5.952a1.799 1.799 0 0 0-1.295.537c-.343.348-.535.82-.532 1.313v.586H1.762c-.885 0-1.632.666-1.747 1.557-.115.892.44 1.73 1.295 1.961Zm11.054 13.11H3.636c-.788 0-1.402-.689-1.402-1.57V5.995h11.534v11.5c0 .88-.614 1.568-1.402 1.568ZM5.047 1.85a.909.909 0 0 1 .262-.65.882.882 0 0 1 .643-.263h4.096c.24-.004.473.09.643.262.17.172.265.407.262.651v.586H5.047V1.85ZM1.762 3.372h12.476c.458 0 .83.378.83.844a.837.837 0 0 1-.83.843H1.761a.837.837 0 0 1-.83-.843c0-.466.372-.844.83-.844Z%27 fill=%27%23231F20%27/%3e%3cpath d=%27M8 7.368c-.294 0-.533.203-.533.454v8.567c0 .25.239.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23231F20%27/%3e%3c/svg%3e") center no-repeat
}

.btn-remove:not(.no-btn) {
    cursor: pointer
}

.btn-remove:not(.no-btn):hover {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M11.2 7.368c-.295 0-.534.203-.534.454v8.567c0 .25.24.453.534.453.294 0 .533-.203.533-.453V7.822c0-.25-.239-.454-.533-.454ZM4.8 7.368c-.295 0-.533.203-.533.454v8.567c0 .25.238.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23E75249%27/%3e%3cpath d=%27M1.31 5.954v11.54c0 .682.247 1.323.677 1.782.428.461 1.025.723 1.648.724h8.73a2.255 2.255 0 0 0 1.648-.724c.43-.46.677-1.1.677-1.782V5.954a1.789 1.789 0 0 0 1.295-1.96 1.772 1.772 0 0 0-1.747-1.558h-2.363V1.85a1.855 1.855 0 0 0-.532-1.313A1.799 1.799 0 0 0 10.048 0H5.952a1.799 1.799 0 0 0-1.295.537c-.343.348-.535.82-.532 1.313v.586H1.762c-.885 0-1.632.666-1.747 1.557-.115.892.44 1.73 1.295 1.961Zm11.054 13.11H3.636c-.788 0-1.402-.689-1.402-1.57V5.995h11.534v11.5c0 .88-.614 1.568-1.402 1.568ZM5.047 1.85a.909.909 0 0 1 .262-.65.882.882 0 0 1 .643-.263h4.096c.24-.004.473.09.643.262.17.172.265.407.262.651v.586H5.047V1.85ZM1.762 3.372h12.476c.458 0 .83.378.83.844a.837.837 0 0 1-.83.843H1.761a.837.837 0 0 1-.83-.843c0-.466.372-.844.83-.844Z%27 fill=%27%23E75249%27/%3e%3cpath d=%27M8 7.368c-.294 0-.533.203-.533.454v8.567c0 .25.239.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23E75249%27/%3e%3c/svg%3e") center no-repeat
}


.btn-remove-new{
    display: inline-block;
    width: 16px;
    height: 20px;
    margin-right: 16px;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M11.2 7.368c-.295 0-.534.203-.534.454v8.567c0 .25.24.453.534.453.294 0 .533-.203.533-.453V7.822c0-.25-.239-.454-.533-.454ZM4.8 7.368c-.295 0-.533.203-.533.454v8.567c0 .25.238.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23231F20%27/%3e%3cpath d=%27M1.31 5.954v11.54c0 .682.247 1.323.677 1.782.428.461 1.025.723 1.648.724h8.73a2.255 2.255 0 0 0 1.648-.724c.43-.46.677-1.1.677-1.782V5.954a1.789 1.789 0 0 0 1.295-1.96 1.772 1.772 0 0 0-1.747-1.558h-2.363V1.85a1.855 1.855 0 0 0-.532-1.313A1.799 1.799 0 0 0 10.048 0H5.952a1.799 1.799 0 0 0-1.295.537c-.343.348-.535.82-.532 1.313v.586H1.762c-.885 0-1.632.666-1.747 1.557-.115.892.44 1.73 1.295 1.961Zm11.054 13.11H3.636c-.788 0-1.402-.689-1.402-1.57V5.995h11.534v11.5c0 .88-.614 1.568-1.402 1.568ZM5.047 1.85a.909.909 0 0 1 .262-.65.882.882 0 0 1 .643-.263h4.096c.24-.004.473.09.643.262.17.172.265.407.262.651v.586H5.047V1.85ZM1.762 3.372h12.476c.458 0 .83.378.83.844a.837.837 0 0 1-.83.843H1.761a.837.837 0 0 1-.83-.843c0-.466.372-.844.83-.844Z%27 fill=%27%23231F20%27/%3e%3cpath d=%27M8 7.368c-.294 0-.533.203-.533.454v8.567c0 .25.239.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23231F20%27/%3e%3c/svg%3e") center no-repeat
}

.btn-remove-new {
    cursor: pointer
}

.basket-delete.popup__close__btn:hover .btn-remove-new{
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M11.2 7.368c-.295 0-.534.203-.534.454v8.567c0 .25.24.453.534.453.294 0 .533-.203.533-.453V7.822c0-.25-.239-.454-.533-.454ZM4.8 7.368c-.295 0-.533.203-.533.454v8.567c0 .25.238.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23E75249%27/%3e%3cpath d=%27M1.31 5.954v11.54c0 .682.247 1.323.677 1.782.428.461 1.025.723 1.648.724h8.73a2.255 2.255 0 0 0 1.648-.724c.43-.46.677-1.1.677-1.782V5.954a1.789 1.789 0 0 0 1.295-1.96 1.772 1.772 0 0 0-1.747-1.558h-2.363V1.85a1.855 1.855 0 0 0-.532-1.313A1.799 1.799 0 0 0 10.048 0H5.952a1.799 1.799 0 0 0-1.295.537c-.343.348-.535.82-.532 1.313v.586H1.762c-.885 0-1.632.666-1.747 1.557-.115.892.44 1.73 1.295 1.961Zm11.054 13.11H3.636c-.788 0-1.402-.689-1.402-1.57V5.995h11.534v11.5c0 .88-.614 1.568-1.402 1.568ZM5.047 1.85a.909.909 0 0 1 .262-.65.882.882 0 0 1 .643-.263h4.096c.24-.004.473.09.643.262.17.172.265.407.262.651v.586H5.047V1.85ZM1.762 3.372h12.476c.458 0 .83.378.83.844a.837.837 0 0 1-.83.843H1.761a.837.837 0 0 1-.83-.843c0-.466.372-.844.83-.844Z%27 fill=%27%23E75249%27/%3e%3cpath d=%27M8 7.368c-.294 0-.533.203-.533.454v8.567c0 .25.239.453.533.453.295 0 .533-.203.533-.453V7.822c0-.25-.238-.454-.533-.454Z%27 fill=%27%23E75249%27/%3e%3c/svg%3e") center no-repeat
}



.select {
    background: #fff;
    position: relative
}

.select select {
    display: none
}

.select__ttl {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    color: #717171;
    padding: 17px 50px 17px 10px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    z-index: 1
}

.select__ttl:before {
    background: #f4f4f4;
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    width: 29px;
    height: 29px;
    margin-top: -14px;
    content: ""
}

.select__ttl:after {
    left: auto;
    right: 20px;
    top: 50%;
    margin-top: -2px
}




.select__items {
    background: #fff;
    position: absolute;
    padding: 14px 5px;
    border: 1px solid #f4f4f4;
    display: none;
    width: 100%;
    z-index: 9;

    max-height: 270px;
    overflow-y: scroll;
}



/* Табличный вид для экранов шире 1250px */
@media (min-width: 1250px) {

    .select__items.select__smart_filter:has(.filter-table) ul+* {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    /* Базовые стили для кастомного чекбокса (применяются везде) */
    .filter-cell {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
    }

    .filter-cell::before {
        content: '';
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border: 1px solid #717171;
        background-color: #fff;
    }

    .filter-cell.active::after {
        background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M15 1.695 6.123 15 0 10.345l1.949-2.449 3.4 2.585L12.34 0 15 1.695Z%27 fill=%27%233BAD4C%27/%3e%3c/svg%3e") center no-repeat;
        display: block;
        width: 15px;
        height: 15px;
        content: "";
        position: absolute;
        left: 13px;
        top: 51%;
        transform: translateY(-50%);
        color: #3bad4c;
        font-size: 16px;
    }

    .select__items.select__smart_filter:has(.filter-table) .select__search {
        display: none;
    }

    .select__items.select__smart_filter.filter-table-brends .select__search {
        display: block;
        margin-bottom: 20px;
        width: 216px;
    }

    .select__items.select__smart_filter:has(.filter-table) {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: max-content;
        width: 50vw;
        height: max-content;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px;
        overflow: hidden;
        padding: 20px 15px !important;
    }

    .select__items.select__smart_filter.filter-table-brends {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 75vw;
        min-height: 50vh;
        max-height: 75vh !important;
        width: min-content;
        height: max-content;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px;
        overflow-y: scroll !important;
        padding: 20px 15px !important;
    }

    .select__items.select__smart_filter .filter-table {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* 4 колонки */
        gap: 10px;
        list-style: none;
        padding: 0;
        padding-bottom: 10px;
        margin: 0;
        border-bottom: 1px solid #3bad4c;

    }

    .select__items.select__smart_filter.filter-table-brends .filter-table {
        display: grid;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 7px !important;
        list-style: none;
        padding: 0;
        padding-bottom: 7px !important;
        margin: 0;
        border-bottom: 1px solid #3bad4c;

    }

    .select__items.select__smart_filter .filter-table .filter-cell {
        display: block;
        padding: 15px 10px 15px 38px;
        margin-top: 0px !important;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        color: #717171;
        line-height: 1.2;
        transition: all ease-in 0.15s;
        font: 500 18px / 25px "OpenSans", sans-serif, Arial, Helvetica, Verdana;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    }

    .select__items.select__smart_filter .filter-table .filter-cell:hover,
    .select__items.select__smart_filter .filter-table .filter-cell.active {
        color: #3bad4c;
        background-color: rgba(209, 222, 125, 0.25);
        border-radius: 8px;
    }


    /* иконка крестика */
    .select__items.select__smart_filter:has(.filter-table)::before {
        font-size: 35px;
        position: absolute;
        top: 16px;
        right: 16px;
        display: block;
        content: "✖";
        cursor: pointer;
        z-index: 12;
        border-radius: 10px;
        overflow: hidden;
        pointer-events: all;
    }

    /* иконка крестика */
    .select__items.select__smart_filter.filter-table-brends::before {
        font-size: 35px;
        position: absolute;
        top: 4px;
        right: 4px;
        display: block;
        content: "✖";
        cursor: pointer;
        z-index: 12;
        border-radius: 10px;
        overflow: hidden;
        pointer-events: all;
    }

}

/* Стили для экранов меньше 1250px (сохранение текущего вида) */
@media (max-width: 1249px) {
    /* .select__items.select__smart_filter .filter-table {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .select__items.select__smart_filter .filter-table .filter-cell {
        display: block;
        padding: 10px 5px;
        border-bottom: 1px solid #e3e3e3;
        color: #717171;
    } */
}

@media(max-width: 1250px) {
    /* .select__items {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 45px 45px 0px 15px;
        max-height: 75vh;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px;
    } */

    .select__items.select__smart_filter {
        position: fixed;
        width: 80vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 45px 45px 0px 15px;
        max-height: 75vh;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px;
    }

    .select__items.select__smart_filter::before {
        font-size: 35px;
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        content: "✖";
        cursor: pointer;
        z-index: 12;
        border-radius: 10px;
        overflow: hidden;
        pointer-events: all;
    }

    .select__items.select__smart_filter:active::before {
        content: "✖";
        /* Оставляем для наглядности */
    }

    .select__items.select__smart_filter:active {
        display: none;

    }
}

.select.active .select__items {
    display: block;
    -webkit-animation: ease-in dropdown__show .15s;
    animation: ease-in dropdown__show .15s
}

.select__items ul {
    padding: 10px 5px
}

.select__items ul li {
    -webkit-transition: all ease-in .15s;
    transition: all ease-in .15s;
    font-size: 14px;
    line-height: 35px;
    color: #717171;
    cursor: pointer;

    padding-left: 5px;
    border-bottom: 1px solid #3bad4c;
}

.select__items ul li:hover,
.select__items ul li.active {
    color: #3bad4c;
    background-color: rgb(209 222 125 / 25%);
    border-radius: 8px;
    scale: (1.1);
}

.select__items ul li+li {
    margin-top: 7px
}

.select__items ul+* {
    margin-top: 5px
}

.select__subttl {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.label__checkbox {
    position: relative;
    padding-left: 45px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.label__checkbox:before {
    background: #fff;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    border: 1px solid #e3e3e3;
    margin: -17px 0 0;
    content: ""
}

input[type=checkbox]:checked+.label__checkbox:after {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M15 1.695 6.123 15 0 10.345l1.949-2.449 3.4 2.585L12.34 0 15 1.695Z%27 fill=%27%233BAD4C%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    display: block;
    left: 10px;
    top: 6px;
    width: 15px;
    height: 15px;
    content: ""
}

.range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    min-height: 40px
}

.range.disabled {
    -webkit-filter: none;
    filter: none
}

.range__input {
    background: #fff;
    color: #231f20;
    width: 100%;
    margin: 0 21px;
    text-align: center;
    border: 1px solid #e3e3e3
}

.range__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.range__btn svg use {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    fill: #e3e3e3
}

.range__btn:hover svg use {
    fill: #3bad4c
}

.range_disabled {
    pointer-events: none;
    opacity: .65
}

.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

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

.search__input {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    font-size: 14px;
    line-height: 19px;
    color: #231f20;
    width: 100%;
    padding: 16px 30px 17px;
    border: 1px solid #e3e3e3
}

@media(max-width: 520px) {
    .search_location {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search_location .search__btn {
        margin-top: 10px
    }
}

@media(max-width: 480px) {
    .search:not(.search_location) .search__btn {
        padding: 15px 18px;
        text-indent: -9999px
    }
}

.search__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 30px;
    text-transform: uppercase;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.search__btn svg {
    width: 15px;
    height: 15px;
    margin-right: 15px
}

@media(max-width: 480px) {
    .search__btn svg {
        margin-right: 0
    }
}

.search__btn svg use {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    fill: #fff
}

@media(min-width: 380px) {
    *+.search__btn {
        margin: 0 0 0 10px
    }
}

@media(max-width: 380px) {
    *+.search__btn {
        margin: 0 0 0 6px
    }
}

.search__result {
    background: #fff;
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 30px;
    border: 1px solid #e3e3e3;
    color: #231f20;
    margin-top: -1px;
    z-index: 99
}

.search__result>[id^=bx_incl_area] {
    width: 100%
}

.search__result ul {
    width: 100%
}

.search__result ul li .link {
    font-size: 14px;
    line-height: 19px;
    color: #231f20
}

.search__result ul li .link:hover {
    color: #3bad4c;
    text-decoration: none
}

.search__result ul li span.link {
    color: #3bad4c
}

.search__result ul li+li {
    margin-top: 10px
}

@media(max-width: 390px) {
    .search__result {
        padding: 10px
    }
}

.search__left:hover>.search__result:not(:empty),
.search.active>.search__result:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: .2s ease-in search__result;
    animation: .2s ease-in search__result
}

.link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: relative;
    color: #231f20;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.link.btn:not(.btn__color_gray) {
    color: #fff
}

.link.btn:not(.btn__color_gray) svg use {
    fill: #fff
}

.link.btn:hover {
    color: #231f20
}

.link.btn:hover svg use {
    fill: #231f20
}

.link:not(.btn) svg use {
    fill: #231f20
}

.link svg {
    margin: 6px 10px 0 0
}

.link svg use {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s
}

.link_no-svg-margin svg {
    margin: 0
}

.link_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link_bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.link_developer {
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link_developer svg {
    width: 75px;
    height: 23px;
    margin: 0 0 0 18px
}

.link_developer:hover {
    text-decoration: none
}

a.link:hover svg use {
    fill: #3bad4c
}

.link__circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #3bad4c;
    position: absolute;
    top: -6px;
    left: 12px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.link__circle_empty {
    background: #717171
}

.link__parent {
    position: relative;
    padding-right: 20px
}

@media(min-width: 500px) {
    .link__parent_top16:after {
        top: 16px
    }
}

.link__parent:hover .link__childs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: .2s ease-in dropdown__show;
    animation: .2s ease-in dropdown__show
}

.link__childs {
    background: #fff;
    position: absolute;
    left: -8px;
    top: calc(100% + 22px);
    padding: 30px;
    display: none;
    white-space: nowrap;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    border: 1px solid #e3e3e3;
    z-index: 9
}

.link__childs .link+.link {
    margin-top: 12px
}

.link__childs:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 25px;
    bottom: 100%;
    left: 0;
    margin-top: -20px;
    content: ""
}

.link__childs .link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.link__color_inherit {
    color: inherit
}

.link__color_inherit:hover {
    color: inherit
}

.link__color_graylight {
    color: #717171
}

.link__color_graylight svg use {
    fill: #717171
}

.link__decoration_none {
    text-decoration: none
}

.link_more {
    position: relative;
    padding-right: 20px
}

.link_more:hover:after {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.06 8.646a.5.5 0 0 1-.706-.707l3.292-3.293L.354 1.354A.5.5 0 1 1 1.06.646l4 4-4 4Z%27 fill=%27%23231F20%27/%3e%3c/svg%3e") center no-repeat;
    right: 3px
}

.link_more:after {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1.06 8.646a.5.5 0 0 1-.706-.707l3.292-3.293L.354 1.354A.5.5 0 1 1 1.06.646l4 4-4 4Z%27 fill=%27%23231F20%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -3px 0 0;
    content: ""
}

.link_uppercase {
    text-transform: uppercase
}

.link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.link-list__item {
    font-size: 16px;
    line-height: 19px;
    overflow: hidden
}

a.link-list__item {
    color: #231f20;
    text-decoration: underline
}

a.link-list__item:hover {
    text-decoration: none
}

span.link-list__item {
    color: #3bad4c
}

a.link-list__item:hover {
    color: #3bad4c
}

.link-list__item+.link-list__item {
    margin-top: 7px
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: max-content;
}

.rating__item {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27m12.5 0 2.95 9.55H25l-7.725 5.9 2.95 9.55-7.725-5.902L4.775 25l2.95-9.55L0 9.55h9.55L12.5 0Z%27 fill=%27%23DEDEDE%27/%3e%3c/svg%3e") center no-repeat;
    width: 25px;
    height: 25px
}

.rating__item_fill {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27m12.5 0 2.95 9.55H25l-7.725 5.9 2.95 9.55-7.725-5.902L4.775 25l2.95-9.55L0 9.55h9.55L12.5 0Z%27 fill=%27%23DCAE09%27/%3e%3c/svg%3e") center no-repeat
}

.rating__item+.rating__item {
    margin-left: 5px
}

.rating__item+.rating__item:before {
    display: block;
    position: relative;
    width: 5px;
    height: 100%;
    margin-left: -5px;
    content: ""
}

.rating:not(.rating_voted) {
    cursor: pointer
}

.slider {
    opacity: 0;
    background: #f4f4f4;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

/* {
    opacity: 0;
    background: #f4f4f4;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
} */

.slider__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 560px;
    max-height: 75vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 40px 0 */
}

@media(max-width: 1024px) {
    .slider__item {
        min-height: 350px
    }
}

.slider__image {
    position: absolute;
    width: 100%;
    height: 100%
}

.slider__image img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    /* object-fit: cover */

    object-fit: contain;
    background: #ffff;
}

.slider__content {
    position: relative;
    background: #f4f4f4;
    color: #231f20;
    z-index: 9
}

@media(min-width: 620px) {
    .slider__content {
        padding: 50px
    }
}

@media(max-width: 620px) {
    .slider__content {
        padding: 15px
    }
}

.slider__content>* {
    position: relative;
    z-index: 9
}

.slider__content_right,
.slider__content_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slider__content_right .slider__content,
.slider__content_left .slider__content {
    max-width: 50%
}

@media(max-width: 980px) {

    .slider__content_right .slider__content,
    .slider__content_left .slider__content {
        max-width: none
    }
}

@media(max-width: 768px) {

    .slider__content_right .slider__content,
    .slider__content_left .slider__content {
        padding: 15px
    }
}

.slider__content_right .slider__content .slider__ttl,
.slider__content_left .slider__content .slider__ttl {
    font-size: 50px;
    line-height: 60px
}

@media(max-width: 768px) {

    .slider__content_right .slider__content .slider__ttl,
    .slider__content_left .slider__content .slider__ttl {
        font-size: 35px;
        line-height: 42px
    }
}

.slider__content_right .slider__content .slider__subttl,
.slider__content_left .slider__content .slider__subttl {
    font-size: 35px;
    line-height: 42px;
    padding: 0
}

@media(max-width: 768px) {

    .slider__content_right .slider__content .slider__subttl,
    .slider__content_left .slider__content .slider__subttl {
        font-size: 26px;
        line-height: 32px
    }
}

@media(max-width: 490px) {

    .slider__content_right .slider__content .slider__subttl,
    .slider__content_left .slider__content .slider__subttl {
        font-size: 24px
    }
}

@media(max-width: 768px) {

    .slider__content_right .slider__content .slider__description,
    .slider__content_left .slider__content .slider__description {
        margin-top: 16px
    }
}

.slider__content_left .slider__content {
    border-left: 4px solid #3bad4c
}

.slider__content_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slider__content_right .slider__content {
    border-right: 4px solid #3bad4c
}

.slider__ttl {
    font-size: 70px;
    line-height: 90px;
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 1024px) {
    .slider__ttl {
        font-size: 60px;
        line-height: 70px
    }
}

@media(max-width: 768px) {
    .slider__ttl {
        font-size: 28px;
        line-height: 42px
    }
}

.slider__subttl {
    font-size: 45px;
    line-height: 60px;
    text-transform: uppercase
}

@media(max-width: 1024px) {
    .slider__subttl {
        font-size: 40px;
        line-height: 45px
    }
}

@media(max-width: 768px) {
    .slider__subttl {
        font-size: 26px;
        line-height: 40px;
        padding: 0
    }
}

.slider__description {
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: justify
}

*+.slider__description {
    margin-top: 25px
}

.slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slider .slick-slide {
    position: relative
}

.slider__nav {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: absolute;
    background: rgba(255, 255, 255, .8);
    width: 39px;
    height: 150px;
    top: 50%;
    left: 0;
    margin: -75px 0 0 -39px;
    cursor: pointer;
    z-index: 2
}

.slider__nav__faq {
    background: hsl(57, 95%, 55%);

}

@media(max-width: 1024px) {
    .slider__nav {
        height: 100px;
        margin-top: -50px
    }
}

.slider__prev:before {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.513 8 0 .72.743 0 9 8 .743 16 0 15.28 7.513 8Z%27 fill=%27%23015AAA%27/%3e%3c/svg%3e") center no-repeat;
    height: 16px;
    left: 6px;
    margin: -8px 0 0
}

.slider__next {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -39px
}

.slider__next:before {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.513 8 0 .72.743 0 9 8 .743 16 0 15.28 7.513 8Z%27 fill=%27%23015AAA%27/%3e%3c/svg%3e") center no-repeat;
    height: 16px;
    left: 16px;
    margin: -8px 0 0
}

.slider:hover .slider__prev {
    margin-left: 0
}

.slider:hover .slider__next {
    margin-right: 0
}

.messager {
    background: #f4f4f4;
    position: fixed;
    width: 400px;
    max-width: 96%;
    min-height: 60px;
    padding: 20px 40px 20px 20px;
    left: 50%;
    margin-left: -200px;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all ease-in .8s;
    transition: all ease-in .8s;
    color: #fff;
    z-index: 999
}

@media(max-width: 420px) {
    .messager {
        width: 310px;
        margin-left: -155px
    }
}

.messager:not(.messager_top) {
    bottom: -100%
}

.messager_top.messager {
    top: -100%;
    border-radius: 0 0 3px 3px
}

.messager_error {
    background: #e75249
}

.messager_success {
    background: #3bad4c
}

.messager_show:not(.messager_top) {
    bottom: 0
}

.messager_show.messager_top {
    top: 0
}

.messager a {
    color: #fff;
    text-decoration: underline
}

.messager a:hover {
    text-decoration: none
}

.messager__close {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 20px
}

.messager__close span {
    background: #fff;
    height: 2px
}

.messager__close span+span {
    margin-top: -2px
}

.messager__img {
    width: 56px;
    min-width: 56px;
    height: 56px;
    margin: 0 24px 0 0
}

.messager__img use {
    fill: #fff
}

.messager__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.messager__title {
    font-size: 18px;
    margin: 0 0 6px
}

.messager__description {
    font-size: 14px;
    line-height: 18px
}

.popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.popup_scroll {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: scroll
}

@media(min-width: 380px) {
    .popup_scroll .popup__shadow {
        min-height: 1600px
    }
}

@media(max-width: 380px) {
    .popup_scroll .popup__shadow {
        min-height: 1350px
    }
}

.popup__shadow {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width: 768px) {
    .popup:not(.popup_scroll) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-y: scroll
    }
}

.popup_scroll_call {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: scroll
}

@media(min-width: 380px) {
    .popup_scroll_call .popup__shadow {
        min-height: 320vh;

    }
}

@media(max-width: 380px) {
    .popup_scroll_call .popup__shadow {
        min-height: 180vh;
    }
}

.popup__shadow {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width: 768px) {
    .popup:not(.popup_scroll_call) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-y: scroll
    }
}

@media(min-width: 820px) {
    .menu__bottom {
        margin-right: 30px;
    }
}

@media(max-width: 820px) {
    .menu__bottom {
        margin-right: 0px;
        margin-top: 20px;
    }


    .menu__bottom li {
        display: flex;
        justify-content: center;
    }
}

@media(max-width: 480px) {
    .menu__bottom {
        margin-right: 0px;
        margin-top: 20px;
    }
}


.footer__bottom_policy {
    display: flex;
    justify-content: center;
    gap: 0px;
    color: #fff;
    padding: 25px 10px;
    margin-left: auto;
    margin-right: auto;
    width: 1250px;
}


@media(max-width: 620px) {
    .footer__bottom_policy {
        width: 100%;
        display: flex;
        color: #fff;
        flex-direction: column-reverse;
    }
}

@media(max-width: 1250px) {
    .footer__bottom_policy {
        width: 100%;
        display: flex;
        color: #fff;
        flex-direction: column-reverse;
    }
}





.btn__ {
    background: #3bad4c;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 14px;
    padding: 15px 30px;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

.popup__btn__service {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 30px
}



.popup__input__service {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: 100%;
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #231f20;
    border: 1px solid #e3e3e3;
    margin-bottom: 14px;
}

.categories-icons {
    justify-content: center;
}

.product__stock_low {
    color: #e75249;
}

.product__stock_many,
.product__stock_many .link {
    color: #3bad4c;
}

.product__stock_many .link svg use {
    fill: #3bad4c !important;
}

.product__stock_md,
.product__stock_md .link {
    color: #dc6c09;
}

.product__stock_md .link svg use {
    fill: #dc6c09 !important;
}

.product__stock_order,
.product__stock_order .link {
    color: #0b54a0;
}

.product__stock_order .link svg use {
    fill: #0b54a0 !important;
}

.product__stock-label_md {
    background: #dc6c09;
}

.product__stock-label_order {
    background: #0b54a0;
}

.product__stock-label_many {
    background: #3bad4c;
}


.filter__col_checkbox {
    display: grid;
    grid-template-columns: auto auto;
}

@media(min-width: 1250px) {
    .filter {
        display: flex;
        justify-items: center;
        align-items: center;
        justify-content: center;
    }

    .tabs__items li.tabs__item+li.tabs__item.active .filter form .filter__row.filter__row_center .filter__col.filter__mtop_25 {
        margin-left: 21px;
        display: flex;
        padding-top: 29px;
    }

    .filter__row.filter__row_center {
        gap: 10px;
    }

    .filter__col.filter__list.filter__mtop_25 .filter__col.filter__list.filter__mtop_25 {
        padding-top: 25px !important;
    }

    .tabs__items li.tabs__item.active .filter form .filter__row.filter__row_center .filter__col.filter__mtop_25 {
        /* margin-left: 10px; */
        display: flex;
        padding-top: 9.5px;
    }

}

@media(max-width: 1250px) {
    .filter__col.filter__mtop_25 {
        display: flex;
        margin-top: 9px;
    }

    .filter__row.filter__row_center .filter__col.filter__list.filter__mtop_25 {
        padding-top: 25px !important;
    }

}



.container #bx_incl_area_8_1_1+.tabs {
    padding-top: 10px;
}

.popup__form__basket {
    display: table;
    /* display: -ms-flexbox; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f4f4f4;
    position: relative;
    width: 600px;
    padding: 40px 105px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px;
    z-index: 8;
}

.popup__close__btn {
    background: #ffe601;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 14px;
    padding: 15px 30px;
    text-decoration: none;
    white-space: nowrap;
    color: black;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    cursor: pointer;

}

.popup__close__btn:hover {
    background: #3bad4c;
    color: #fff;
}

.popup__close__btn__container {
    margin-top: 30px;
    cursor: pointer;
    text-transform: uppercase;
    gap: 10px;
}

@media (max-width: 1250px) {

    .container .basket__bottom {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }

    .basket__bottom {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
    }

    .popup__close__btn__container {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        cursor: pointer;
        text-transform: uppercase;
        gap: 10px;
    }
}

@media (max-width: 820px) {
    .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: center !important;
    }

    .basket__bottom {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .popup__close__btn__container {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        cursor: pointer;
        text-transform: uppercase;
        gap: 10px;
    }
}

.oplata_img_container {
    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
}

.oplata_img_container_internet_ps {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.oplata_img_container_internet_ps img {
    width: 100% !important;
}


.oplata_img_container img {
    width: 20%;
    height: 9%;
}

@media (max-width: 700px) {
    .oplata_img_container {
        width: 100%;
        height: 30%;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }


    .oplata_img_container img {
        width: 50%;
        height: 20%;
    }

    .oplata_img_container_internet_ps {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        gap: 0px;
    }

    .oplata_img_container_internet_ps img {
        width: 47.5% !important;
    }
}




/* icon__size_25{width:25;min-width:25px;height:25 */

.popup__close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

@media(max-width: 380px) {
    .popup__close {
        right: 15px;
        top: 15px
    }
}

.popup__close:before,
.popup__close:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: relative;
    display: block;
    background: #c4c4c4;
    width: 100%;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 9px;
    content: ""
}

.popup__close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px
}

.popup__title {
    font-size: 40px;
    line-height: 54px;
    font-weight: 300;
    color: #231f20;
    text-align: center;
}

@media(max-width: 600px) {
    .popup__title {
        font-size: 26px;
        line-height: 32px
    }
}

.popup__title+* {
    margin-top: 30px
}

.popup__target {
    position: relative;
    line-height: 25px;
    padding-left: 24px
}

@media(min-width: 420px) {
    .popup__target {
        font-size: 18px
    }
}

@media(max-width: 420px) {
    .popup__target {
        font-size: 16px
    }
}

.popup__target:before {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.215 1.539A5.219 5.219 0 0 0 5.5 0a5.219 5.219 0 0 0-3.714 1.539C-.05 3.375-.28 6.829 1.292 8.922L5.5 15l4.203-6.07c1.576-2.101 1.348-5.555-.488-7.391ZM5.549 7.122A1.92 1.92 0 0 1 3.63 5.205 1.92 1.92 0 0 1 5.55 3.287a1.92 1.92 0 0 1 1.917 1.918A1.92 1.92 0 0 1 5.55 7.122Z%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    display: block;
    left: 0;
    top: 4px;
    width: 12px;
    height: 15px;
    content: ""
}

.popup__target+*:not(.popup__links) {
    margin-top: 30px
}

.popup__description {
    font-weight: 300;
    line-height: 16px;
    margin: 10px 0 20px
}

.popup__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 600px) {
    .popup__fields {
        width: 100%
    }
}

.custom__select__container_form {
    margin: 17px 32px 17px 22px;
    border: 1px solid #e3e3e3;
    width: 390px;
    height: 53px;
}

.popup__label .custom__select__container_form_label {
    position: relative;
    bottom: 23px;
}

.custom__select__container_form_select {
    width: 100%;
    height: 100%;
    margin-bottom: 21px;
    padding: 0px 10px;
}




.popup__label {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    width: 100%
}

.popup__input+.popup__label,
.popup__required+.popup__label {
    margin-top: 15px
}

.popup__input {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: 100%;
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #231f20;
    border: 1px solid #e3e3e3
}

.popup__input+.popup__input {
    margin-top: 10px
}

textarea.popup__input {
    height: 114px;
    resize: none
}

.popup__input.disabled {
    background: #e3e3e3;
    text-transform: uppercase;
    pointer-events: none
}

.popup__input_error {
    border-color: #e75249
}



/* ERROR POPUP */

.errors_container {
    position: relative;
}

/* Gray foggy background overlay */
.overlay__order_error {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-in-out;
}

/* Popup box style */
.popup__order_error {
    background: linear-gradient(135deg, #ff6161, #ff9999, #ff6161);
    /* Red gradient */
    background-size: 300% 300%;
    color: white;
    border-radius: 8px;
    padding: 20px;
    width: fit-content;
    max-width: 30%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    opacity: 0;
    animation: slideIn 0.5s ease-out forwards, move-bg 10s linear infinite;
}

/* Header style */
.popup__order_error h2 {
    margin: 0;
    font-size: 25px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Content text style */
.popup__order_error .content__order_error {
    font-size: 14px;
    margin-top: 10px;
}

/* Close button style */
.close__order_error {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

/* Close button hover effect */
.close__order_error:hover {
    color: white;
    /* Soft red on hover */
}



/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Diminish the popup */
@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(30px);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Smooth background gradient movement */
@keyframes move-bg {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Media queries for different screen sizes */
@media (max-width: 768px) {
    .popup__order_error {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .popup__order_error {
        width: 90%;
    }
}

/* Show popups using a class (for demo purposes) */
.show-popup {
    display: flex;
}


/* Fade out animation for the popup */
.fade-out-popup {
    visibility: hidden;
    animation: fadeOut 1s forwards;
}


/* ERROR POPUP END */



.popup__required {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #3bad4c;
    padding: 12px;
    border-radius: 20px;


}

.popup__required span {
    --bg-size: 400%;
    --color-one: white;
    --color-two: hsl(57, 95%, 55%);
    font-family: sans-serif;
    /* Fallback: базовый цвет текста для старых браузеров */
    color: var(--color-two);
    /* Используем второй цвет как запасной */
    /* Градиент и обрезка фона */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
}

.discount__cost_old span {
    --bg-size: 400%;
    --color-one: black;
    --color-two: hsl(57, 95%, 55%);
    font-family: sans-serif;
    /* Fallback: базовый цвет текста для старых браузеров */
    color: var(--color-two);
    /* Используем второй цвет как запасной */
    /* Градиент и обрезка фона */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;

}




/* Применяем background-clip только там, где он поддерживается */
@supports (-webkit-background-clip: text) or (background-clip: text) {
    .popup__required span {
        color: transparent;
        /* Скрываем текст для градиента */
        -webkit-background-clip: text;
        /* Для старых Webkit-браузеров */
        background-clip: text;
        /* Стандартное свойство */

    }

    .discount__cost_old span {
        color: transparent;
        /* Скрываем текст для градиента */
        -webkit-background-clip: text;
        /* Для старых Webkit-браузеров */
        background-clip: text;
        /* Стандартное свойство */

    }
}


@media (prefers-reduced-motion: no-preference) {
    .popup__required span {
        animation: move-bg 8s linear infinite;
    }

    @keyframes move-bg {
        to {
            background-position: var(--bg-size) 0;
        }
    }
}


.coupon .popup__required {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    color: #717171;
    margin-top: 15px;
    width: 230px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__btns .link {
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    color: #717171
}

.popup__btns .link:hover {
    text-decoration: none
}

.popup__err-msg,
.popup__success-msg {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #e75249;
    font-weight: 900
}

*+.popup__err-msg,
*+.popup__success-msg {
    margin-top: 18px
}

.popup__success-msg {
    color: #3bad4c
}

.popup__required+.popup__err-msg:not(:empty) {
    margin-top: 15px
}

.popup__btn {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 30px
}

@media(max-width: 520px) {
    .popup__addr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.popup__addr+.popup__addr {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e3e3e3
}

.popup__addr .link.btn {
    padding: 10px 20px
}

@media(max-width: 520px) {
    .popup__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.popup__links .link {
    line-height: 19px
}

@media(min-width: 520px) {
    .popup__links .link {
        margin: 5px 20px 0 0
    }
}

@media(max-width: 520px) {
    .popup__links .link {
        margin: 5px 10px 0
    }
}

.popup__links .link svg {
    margin-top: 3px
}

.popup__links span.link {
    width: 100%;
    margin: 10px 0 3px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 520px) {
    .popup__links span.link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.popup__links+* {
    margin-top: 15px
}

.flatpickr-calendar {
    position: fixed;
}

.popup__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f4f4f4;
    position: relative;
    width: 600px;
    padding: 40px 105px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px;
    z-index: 9
}

.popup__form_no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 820px) {
    .popup__form_no-shadow {
        width: 100%;
        padding-left: 4%;
        padding-right: 4%
    }
}

.popup__form_no-shadow .popup__fields {
    width: 100%
}

@media(max-width: 820px) {
    .popup__form_no-shadow .popup__fields {
        width: 90%
    }
}

@media(max-width: 600px) {
    .popup__form {
        width: 96%;
        padding: 50px 25px 30px
    }
}

.popup:not(.popup_active) {
    display: none
}

.popup_active {
    -webkit-animation: .2s ease-in popup__shadow;
    animation: .2s ease-in popup__shadow
}

@media(max-width: 600px) {
    .popup__form {
        width: 96%;
        padding: 50px 25px 30px
    }
}

.popup:not(.popup_active) {
    display: none
}

.popup_active {
    -webkit-animation: .2s ease-in popup__shadow;
    animation: .2s ease-in popup__shadow
}

.popup_search {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 100px
}

.popup_search .popup__form {
    background: #f4f4f4;
    width: 1015px;
    padding: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 768px)and (min-width: 380px) {
    .popup_search .popup__form {
        padding: 15px
    }
}

@media(max-width: 380px) {
    .popup_search .popup__form {
        padding: 10px
    }
}

@media(max-width: 500px) {
    .popup_search .popup__form {
        margin: 10px
    }
}

.popup_search .popup__fields {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 520px) {
    .popup_location .popup__title {
        padding: 35px 0 0;
        width: 100%;
        text-align: center
    }

    .popup_location .popup__title+* {
        margin-top: 15px
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 30px
}

@media(max-width: 650px) {
    .breadcrumbs {
        margin-bottom: 20px
    }
}

.breadcrumbs li {
    position: relative;
    margin-right: 47px;
    font-size: 12px;
    line-height: 16px
}

.breadcrumbs li a {
    color: #231f20;
    text-decoration: underline
}

.breadcrumbs li a:hover {
    text-decoration: none
}

.breadcrumbs li span {
    color: #717171
}

.breadcrumbs li:after {
    background: #231f20;
    height: 13px;
    left: auto;
    right: -23px;
    margin-top: -6px
}

.breadcrumbs li:last-child:after {
    display: none
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1px 0 0 1px
}

.grid_by-5 .grid__item {
    width: 20%
}

@media(max-width: 1100px) {
    .grid_by-5 .grid__item {
        width: 25%
    }
}

@media(max-width: 900px) {
    .grid_by-5 .grid__item {
        width: 50%
    }
}

@media(max-width: 450px) {
    .grid_by-5 .grid__item {
        width: 100%
    }
}

.grid_by-4 .grid__item {
    width: 25%
}

@media(max-width: 900px) {
    .grid_by-4 .grid__item {
        width: 33.33%
    }
}

@media(max-width: 640px) {
    .grid_by-4 .grid__item {
        width: 50%
    }
}

@media(max-width: 460px) {
    .grid_by-4 .grid__item {
        width: 100%
    }
}

@media(min-width: 900px) {
    .grid_by-3 .grid__item {
        width: 33.33%
    }
}

@media(max-width: 900px)and (min-width: 520px) {
    .grid_by-3 .grid__item {
        width: 50%
    }
}

@media(max-width: 520px) {
    .grid_by-3 .grid__item {
        width: 100%
    }
}

.grid_by-2 .grid__item {
    width: 50%
}

.grid_by-1 .grid__item {
    width: 100%
}

.grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: relative;
    border: 1px solid #dedede;
    margin: -1px 0 0 -1px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media(min-width: 640px) {
    .grid__item {
        padding: 25px
    }
}

@media(max-width: 640px) {
    .grid__item {
        padding: 15px
    }
}

.grid:not(.grid_no-shadow) .grid__item:hover {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

.grid__item:hover .grid__shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: ease-in squire3d .2s;
    animation: ease-in squire3d .2s
}

.grid__shadow {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    display: none;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.grid__shadow svg {
    height: 32px
}

.grid__shadow svg use {
    fill: #fff
}

.tabs {
    width: 100%
}

.tabs+* {
    margin-top: 30px
}

.tabs__ttls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*overflow-x:scroll*/
}

@media(max-width: 520px) {
    .tabs__ttls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tabs__ttls.active .tabs__ttl:not(.active) {
        display: block;
        -webkit-animation: ease-in dropdown__show .2s;
        animation: ease-in dropdown__show .2s
    }
}

.tabs:not(.product) .tabs__ttls+.tabs__items {
    margin-top: 30px
}

@media(max-width: 780px) {
    .tabs:not(.product) .tabs__ttls+.tabs__items {
        margin-top: 20px
    }
}

.tabs.product .tabs__ttls+.tabs__items {
    overflow-x: scroll
}

.tabs__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #f4f4f4;
    font-size: 14px;
    line-height: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer
}

.tabs__ttl:after {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M0 .5h18v3H0v-3Z%27 fill=%27%23717171%27/%3e%3c/svg%3e") center no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    display: none
}

@media(max-width: 520px) {
    .tabs__ttl {
        position: relative;
        padding-right: 40px
    }

    .tabs__ttl:not(.active) {
        display: none
    }

    .tabs__ttl:after {
        display: block
    }
}

.tabs__ttl svg {
    margin-right: 11px
}

@media(min-width: 820px) {
    .tabs__ttl_middle {
        padding: 14px 30px
    }
}

@media(max-width: 820px) {
    .tabs__ttl_middle {
        padding: 12px 20px
    }
}

@media(min-width: 820px) {
    .tabs__ttl:not(.tabs__ttl_middle) {
        padding: 16px 28px
    }
}

@media(max-width: 820px) {
    .tabs__ttl:not(.tabs__ttl_middle) {
        padding: 15px 20px
    }
}

@media(min-width: 520px) {
    .tabs__ttl+.tabs__ttl {
        margin-left: 5px
    }
}

@media(max-width: 520px) {
    .tabs__ttl+.tabs__ttl {
        margin-top: 5px
    }
}

.tabs__ttl:hover,
.tabs__ttl.active {
    background: #3bad4c;
    color: #fff
}

.tabs__ttl:hover:after,
.tabs__ttl.active:after {
    background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.2 6.8V0H6.8v6.8H0v2.4h6.8V16h2.4V9.2H16V6.8H9.2Z%27 fill=%27%23FFFFFF%27/%3e%3c/svg%3e") center no-repeat;
    top: 14px
}

.tabs__ttl:hover svg use,
.tabs__ttl.active svg use {
    fill: #fff !important
}

.tabs__ttl.active {
    cursor: default
}

.tabs__item:not(.active) {
    display: none
}

.tabs__item.active {
    -webkit-animation: ease-in dropdown__show .2s;
    animation: ease-in dropdown__show .2s
}

.droptabs {
    width: 100%
}

.droptabs__item {
    border: 1px solid #e3e3e3
}

.droptabs__item.active .droptabs__description {
    display: block;
    -webkit-animation: ease-in dropdown__show .2s;
    animation: ease-in dropdown__show .2s
}

.droptabs__item+.droptabs__item {
    margin-top: 10px
}

.droptabs__ttl {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: relative;
    background: #f4f4f4;
    color: #231f20;
    padding: 20px 50px 20px 30px;
    cursor: pointer
}

@media(min-width: 620px) {
    .droptabs__ttl {
        font-size: 18px;
        line-height: 25px
    }
}

@media(max-width: 620px) {
    .droptabs__ttl {
        font-size: 16px;
        line-height: 22px
    }
}

.droptabs__ttl:after {
    top: 28px;
    right: 30px
}

.droptabs__description {
    background: #fff;
    padding: 20px 30px;
    border-top: 1px solid #e3e3e3;
    display: none
}

@media(max-width: 780px) {
    .droptabs__description {
        padding: 20px
    }
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2em
}

.socials__item .link svg {
    width: 20px;
    height: 20px;
    margin: 0
}

@media(max-width: 1100px) {
    .socials__item {
        width: 30px
    }
}

.menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__top li {
    margin: 0 30px
}

.menu__top .link {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase
}

.menu__top span.link {
    color: #3bad4c
}

.header_mob .menu__top {
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 1;
    padding: 25px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    margin-top: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header_mob .menu__top li+li {
    margin-top: 10px
}

.header_mob .menu__top .link {
    font-size: 16px;
    line-height: 24px
}

.menu__slicker {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #3bad4c;
    position: absolute;
    height: 2px;
    min-width: 50px;
    bottom: 0;
    left: 0
}

.basket-dropdown-buttons {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

@media(max-width: 560px) {
    .basket-dropdown-buttons {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
}

.basket-dropdown {
    left: auto;
    right: 0;
    top: calc(100% + 23px);
    padding: 32px 33px 30px 27px;
    min-width: 680px;
    max-width: 100%
}

@media(max-width: 720px) {
    .basket-dropdown {
        min-width: 100%;
        top: 100%
    }
}

@media(max-width: 480px)and (min-width: 380px) {
    .basket-dropdown {
        padding: 15px
    }
}

@media(max-width: 380px) {
    .basket-dropdown {
        padding: 15px 10px
    }
}

.basket-dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 0 21px
}

.basket-dropdown__item:first-child {
    padding-top: 0
}

.basket-dropdown__item:last-child {
    padding-bottom: 0
}

.basket-dropdown__item+.basket-dropdown__item {
    border-top: 1px solid #e3e3e3
}

.basket-dropdown__item .link {
    white-space: normal;
    white-space: initial
}

.basket-dropdown__img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain
}

.basket-dropdown__img+* {
    margin-left: 10px
}

.basket-dropdown__ttl,
.basket-dropdown__count {
    font-size: 18px;
    line-height: 24px
}

@media(max-width: 480px) {

    .basket-dropdown__ttl,
    .basket-dropdown__count {
        font-size: 16px;
        line-height: 20px
    }
}

.basket-dropdown__cost,
.basket-dropdown__currency {
    font-size: 25px;
    line-height: 34px
}

@media(max-width: 600px)and (min-width: 480px) {

    .basket-dropdown__cost,
    .basket-dropdown__currency {
        font-size: 20px;
        line-height: 30px
    }
}

@media(max-width: 480px) {

    .basket-dropdown__cost,
    .basket-dropdown__currency {
        font-size: 16px;
        line-height: 24px
    }
}

.basket-dropdown__cost+.basket-dropdown__currency {
    margin-left: 9px
}

.basket-dropdown__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 52%
}

@media(max-width: 600px) {
    .basket-dropdown__left {
        width: 56%
    }
}

.basket-dropdown__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 16%
}

@media(max-width: 480px) {
    .basket-dropdown__right {
        width: 28%
    }
}

@media(min-width: 560px) {
    .basket-dropdown__btn {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(max-width: 560px) {
    .basket-dropdown__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.basket__top .btn+.btn,
.basket__top .btn+.link {
    margin-left: 30px
}

@media(max-width: 520px) {
    .basket__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .basket__top .btn+.btn,
    .basket__top .btn+.link {
        margin: 20px 0 0
    }
}

.basket__error {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    position: relative;
    display: inline-block;
    margin: 15px 15px 0;
    color: #e75249;
    font-size: 16px;
    line-height: 24px;
    opacity: 0
}

.basket__error:not(:empty) {
    opacity: 1
}

.basket__error:not(:empty):after {
    width: 100%
}

.basket__error:after {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #e75249;
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 2px;
    content: ""
}

.basket__top+.basket__middle,
.basket__middle+.basket__bottom {
    margin-top: 30px
}

@media(max-width: 520px) {

    .basket__top+.basket__middle,
    .basket__middle+.basket__bottom {
        margin-top: 25px
    }
}

.basket__middle {
    overflow-x: scroll
}

.basket__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

@media(max-width: 650px) {
    .basket__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }
}

.basket .coupon {
    min-width: 420px
}

@media(max-width: 880px) {
    .basket .coupon {
        min-width: 300px
    }
}

@media(max-width: 650px) {
    .basket .total {
        margin: 20px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .basket .total__title {
        width: auto
    }

    .basket .total__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .basket .total .cost {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .basket .total .cost__old {
        margin-left: 5px !important
    }

    .basket .total .cost__old+* {
        margin: 0 !important
    }

    .basket .total .cost__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.brends {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1250px) {
    .brends {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.brends__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 284px;
    padding: 20px;
    border: 1px solid #dedede;
    margin: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 1250px)and (min-width: 970px) {
    .brends__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media(min-width: 1250px) {
    .brends__item:nth-of-type(4n) {
        margin-right: 0
    }
}

@media(max-width: 1250px)and (min-width: 970px) {
    .brends__item:nth-of-type(3n + 1) {
        margin-left: 0
    }
}

@media(min-width: 1250px) {
    .brends__item:nth-of-type(4n + 1) {
        margin-left: 0
    }
}

@media(max-width: 668px) {
    .brends__item:nth-of-type(n + 2) {
        margin-top: 30px
    }
}

@media(max-width: 970px)and (min-width: 668px) {
    .brends__item:nth-of-type(n + 3) {
        margin-top: 30px
    }
}

@media(max-width: 1250px)and (min-width: 970px) {
    .brends__item:nth-of-type(n + 4) {
        margin-top: 30px
    }
}

@media(min-width: 1250px) {
    .brends__item:nth-of-type(n + 5) {
        margin-top: 30px
    }
}

.brends__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 96px
}

.brends__img img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.brends__img+* {
    margin-top: 20px
}

.brends__ttl {
    font-size: 16px;
    line-height: 22px;
    font-weight: 900
}

.brends__ttl+* {
    margin-top: 15px
}

.brends__stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700
}

.brends__stock span {
    background: #3bad4c;
    margin: 0 10px 0 0;
    color: #fff;
    padding: 1px 5px
}

.brends__stock+.brends__stock {
    margin-top: 10px
}

.brends__stock_summer,
.brends__stock_winter {
    font-weight: 400;
    text-decoration: underline
}

.brends__stock_summer svg,
.brends__stock_winter svg {
    margin-top: 2px
}

.brends__stock_summer:hover,
.brends__stock_winter:hover {
    text-decoration: none
}

.brends__stock_summer svg use {
    fill: #dcae09
}

.brends__stock_winter svg use {
    fill: #015aaa
}

.cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: nowrap
}

.cost_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cost__old {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 14px;
    text-decoration: line-through;
    color: #231f20;
    margin: 0 0 2px
}

.cost__old .cost__currency {
    margin-left: 3px
}

.cost__old .cost__prev {
    margin-right: 3px
}

.cost__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cost__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 25px;
    line-height: 25px;
    color: #231f20
}

.cost__current .cost__currency {
    margin-left: 5px
}

.cost__current .cost__prev {
    margin-right: 5px
}

.cost__text {
    font-size: 14px;
    line-height: 16px;
    color: #231f20
}

.cost__current+.cost__text {
    margin-left: 5px
}

.coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.coupon__title {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.coupon__title+.coupon__input {
    margin-top: 6px
}

.coupon__input {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 17px 20px;
    font-size: 14px;
    line-height: 16px;
    color: #231f20
}

.coupon__input:focus {
    border-color: #f4f4f4
}

.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.total__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 820px) {
    .total__row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: normal;
        margin-top: 30px;
    }
}

.total__row+.total__row {
    margin-top: 10px
}

@media(max-width: 820px) {
    .total__row+.total__row {
        margin-top: 10px
    }
}

.total__title {
    width: 200px;
    text-align: right;
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap
}

.total__title+.cost {
    margin-left: 30px;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.total__title+.cost .cost__current,
.total__title+.cost .cost__old {
    font-size: 18px;
    line-height: 24px
}

@media(max-width: 820px) {

    .total__title+.cost .cost__current,
    .total__title+.cost .cost__old {
        font-size: 14px;
        line-height: 18px
    }
}

.total__title+.cost .cost__old {
    color: #717171;
    margin: 0
}

.total__title+.cost .cost__old+* {
    margin-bottom: 5px
}

@media(max-width: 820px) {
    .total__title+.cost {
        margin-left: 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media(max-width: 650px) {
    .total__title+.cost {
        margin-left: 15px
    }
}

.shadow_border_line_bottom_not_header {
    -webkit-box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    -moz-box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    border-bottom: 2px #ffe601 solid;
}

.shadow_border_line_top_not_header {
    -webkit-box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    -moz-box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
    border-top: 2px #ffe601 solid;
}

@media(max-width: 970px) {
    .shadow_border_line_bottom {
        -webkit-box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        -moz-box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        box-shadow: 0px -25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        border-bottom: 2px #ffe601 solid;
    }

    .shadow_border_line_top {
        -webkit-box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        -moz-box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        box-shadow: 0px 25px 36px -28px rgba(255, 230, 1, 0.36) inset;
        border-top: 2px #ffe601 solid;
    }
}



.total__title_big,
.total__title_big+.cost .cost__current {
    font-size: 25px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 820px) {
    .total__title_big+.cost .cost__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media(max-width: 820px) {
    .total__title_big {
        font-size: 20px;
        line-height: 24px
    }

    .total__title_big+.cost .cost__current {
        font-size: 20px;
        line-height: 24px
    }
}

.total__row+.btn {
    margin-top: 30px;
    text-transform: uppercase
}

@media(max-width: 820px) {
    .total__row+.btn {
        margin-top: 24px
    }
}

.product {
    position: relative;
    overflow: visible
}

.product:not(.product-row):not(.product-detail)>*:not(.product__save-energy) {
    width: 100%;
}

/* Новое правило для .product__icons */
.product:not(.product-row):not(.product-detail)>.product__icons {
    width: fit-content;
}

.product .rating+* {
    margin-top: 15px
}

.product__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

.product__icons .custom-image-span {
    display: inline-block;
    /* Как другие иконки */
    border: 1px solid #dedede;
    /* Стиль границы, как у .product__icon */
    border-radius: 10px;
    /* Скругление углов */
    overflow: hidden;
    /* Для блеска или других эффектов */
}

/* Убедимся, что изображение внутри имеет правильный размер */
.product__icons .custom-image-span img {
    width: 100%;
    height: 100%;
}


@media(min-width: 1250px) {
    .product__image {
        min-height: 258px
    }
}

.product__image img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* z-index: 10; */
    border-radius: 5px;
}

/* Отключаем события клика для всей ссылки .product__link */
.product__link {
    pointer-events: auto;
    /* По умолчанию включены для ссылки */
}

/* Отключаем события клика для контейнера иконок */
.product__image .product__icons {
    pointer-events: none;
    /* Отключаем клики на .product__icons */
}

/* Восстанавливаем события клика только для самих иконок */
.product .product__icons .product__icon {
    pointer-events: auto;
    /* Включаем клики для .product__icon */
}

@media(min-width: 980px) {
    .product__icons {
        padding-left: 3px
    }
}

@media(min-width: 640px) {
    .product__icons {
        right: 25px
    }
}

@media(max-width: 640px) {
    .product__icons {
        right: 15px
    }
}

.product__icons svg {
    margin: 0
}

@media(max-width: 980px)and (min-width: 460px) {
    /* .product__icon>svg {
        width: 17px;
        height: 17px
    } */
}

.product__icon_energy-save {
    position: relative;
    margin-top: 6px;
}

.product__icon_energy-save-label {
    background: #231f20;
    position: absolute;
    top: 2px;
    right: 1px;
    width: 8px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

.product__icon_energy-save-label-b {
    top: 6px
}

.product__icon_energy-save-label-c {
    top: 10px;
    width: 7px
}

.product__icon_energy-save-label-c:before {
    border-right-width: 4px
}

.product__icon_energy-save-label-d {
    top: 14px;
    width: 6px;
    height: 8px;
    font-size: 7px;
    line-height: 8px
}

.product__icon_energy-save-label-d:before {
    border: 4px solid transparent !important;
    border-right: 3px solid #231f20 !important
}

.product__icon_energy-save-label:before {
    position: absolute;
    right: 100%;
    top: 0;
    border: 6px solid transparent;
    border-right: 5px solid #231f20;
    content: ""
}

@media(min-width: 980px) {
    .product__icon+.product__icon {
        margin-top: 6px
    }
}

@media(max-width: 980px) {
    .product__icon+.product__icon {
        margin-top: 4px
    }
}

.product__ttl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(min-width: 980px) {
    .product__ttl {
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width: 980px) {
    .product__ttl {
        font-size: 16px;
        line-height: 22px
    }
}

@media(min-width: 460px) {
    *+.product__ttl {
        margin-top: 25px
    }
}

@media(max-width: 460px) {
    *+.product__ttl {
        margin-top: 20px
    }
}

.product__ttl+* {
    margin-top: 5px
}

.product__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 1250px) {
    .product__advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product__advantages+* {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dedede
}

@media(min-width: 1250px) {
    .product__advantage {
        width: 100%;
        min-width: 33%
    }
}

@media(max-width: 1250px) {
    .product__advantage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .product__advantage+.product__advantage {
        margin-top: 10px
    }
}

.product__advantage span {
    display: inline-block;
    font-size: 12px;
    line-height: 16px
}

.product__advantage img,
.product__advantage svg {
    max-width: 100%;
    height: auto
}

.product__advantage+.product__advantage .product__square {
    border-left: 0
}

.product__square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__square svg {
    margin: 0
}

.product__square svg use {
    fill: #717171 !important
}

.product__square+* {
    margin-top: 5px
}

@media(min-width: 1250px) {
    .product__square {
        border: 1px solid #e3e3e3;
        width: 100%;
        height: 86px;
        padding: 12px
    }

    .product__square svg {
        height: 52px
    }

    .product__square img {
        width: auto;
        max-height: 100%
    }
}

@media(max-width: 1250px) {
    .product__square {
        margin-right: 10px
    }

    .product__square svg,
    .product__square img {
        width: 32px;
        height: 32px
    }
}

.product__stocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 1250px) {
    .product__stocks {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 1250px) {
    .product__stocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product__stocks+* {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #dedede
}

@media(min-width: 1250px) {
    .product__stock {
        max-width: 50%
    }

    .product__stock+.product__stock {
        margin-left: 25px
    }
}

@media(max-width: 1250px) {
    .product__stock+.product__stock {
        margin-top: 10px
    }
}

.product__stock_low .link {
    color: #e75249
}

.product__stock_low .link svg use {
    fill: #e75249 !important
}

.product__stock-label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff
}

.product__stock-label_low {
    background: #e75249
}

.product__stock .link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px
}

.product__stock .link svg {
    margin: 0 10px 0 0
}

.product__stock .link svg use {
    fill: #717171
}

.product .cost__old {
    font-size: 13px;
    line-height: 18px;
    color: #717171
}

@media(min-width: 980px) {
    .product .cost__current {
        line-height: 30px
    }
}

@media(max-width: 980px)and (min-width: 640px) {
    .product .cost__current {
        font-size: 19px;
        line-height: 24px
    }
}

@media(max-width: 640px) {
    .product .cost__current {
        font-size: 17px;
        line-height: 22px
    }
}

.product__save-energy {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    position: absolute;
    display: none;
    width: 260px;
    padding: 20px;
    top: 0;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 11;
    pointer-events: none
}

@media(min-width: 460px) {
    .product__save-energy {
        left: 100%
    }

}


/* starn old */
/* @media(min-width: 900px) {
    .product:nth-of-type(4n) .product__save-energy {
        left: auto;
        right: 100%
    }

     .product:nth-of-type(4n):hover .product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } 
}

@media(max-width: 900px)and (min-width: 640px) {
    .product:nth-of-type(3n) .product__save-energy {
        left: auto;
        right: 100%
    }

    .product:nth-of-type(3n):hover .product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } 
}

@media(max-width: 640px)and (min-width: 460px) {
    .product:nth-of-type(2n) .product__save-energy {
        left: auto;
        right: 100%
    }

     .product:nth-of-type(2n):hover .product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } 
}

@media(max-width: 460px) {
    .product__save-energy {
        left: 50%;
        margin-left: -130px
    }
}

 .product:hover .product__save-energy {
    display: block;
    -webkit-animation: ease-in left__show .2s;
    animation: ease-in left__show .2s
}  */



/* end old */

/* start new catalog */

/* Показываем блок при добавлении класса visible */
.product__save-energy.visible,
.detail_page_product__save-energy.visible,
.row_product__save-energy.visible {
    display: block;
    opacity: 1;
    -webkit-animation: left__show 0.2s ease-in;
    animation: left__show 0.2s ease-in;
}

/* Медиа-запросы для позиционирования */
@media (min-width: 900px) {
    .product:nth-of-type(4n) .product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(4n) .product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 900px) and (min-width: 640px) {
    .product:nth-of-type(3n) .product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(3n) .product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 640px) and (min-width: 460px) {
    .product:nth-of-type(2n) .product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(2n) .product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 460px) {
    .product__save-energy {
        left: 50%;
        margin-left: -130px;
    }
}

/* Анимации */
@keyframes left__show {
    from {
        transform: translateX(-10px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes right__show {
    from {
        transform: translateX(10px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* end new catalog */

.product__save-energy .arrow {
    background: #000;
    position: absolute;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.product__save-energy .arrow:before {
    position: absolute;
    display: block;
    right: 100%;
    top: 0;
    border: 14px solid transparent;
    border-right: 17px solid #000;
    content: ""
}

.product__save-energy .arrow:nth-of-type(1),
.product__save-energy .arrow:nth-of-type(2) {
    width: 30px;
    height: 28px;
    top: 107px;
    text-transform: uppercase
}

.product__save-energy .arrow:nth-of-type(1).arrow__b,
.product__save-energy .arrow:nth-of-type(2).arrow__b {
    top: 123px
}

.product__save-energy .arrow:nth-of-type(1).arrow__c,
.product__save-energy .arrow:nth-of-type(2).arrow__c {
    top: 139px
}

.product__save-energy .arrow:nth-of-type(1).arrow__d,
.product__save-energy .arrow:nth-of-type(2).arrow__d {
    top: 155px
}

.product__save-energy .arrow:nth-of-type(1).arrow__e,
.product__save-energy .arrow:nth-of-type(2).arrow__e {
    top: 171px
}

.product__save-energy .arrow:nth-of-type(1).arrow__f,
.product__save-energy .arrow:nth-of-type(2).arrow__f {
    top: 187px
}

.product__save-energy .arrow:nth-of-type(1).arrow__g,
.product__save-energy .arrow:nth-of-type(2).arrow__g {
    top: 204px
}

.product__save-energy .arrow:nth-of-type(1) {
    left: 110px
}

.product__save-energy .arrow:nth-of-type(2) {
    left: 195px
}

.product__save-energy .arrow:nth-of-type(3) {
    font-size: 21px;
    right: 38px;
    bottom: 65px;
    padding: 1px 5px 0
}

.product__save-energy .arrow:nth-of-type(3):before {
    border: 15px solid transparent;
    border-right: 17px solid #000
}

.product__save-energy .arrow span {
    font-size: 13px;
    margin-left: 5px
}

.product__save-energy .label {
    position: absolute;
    bottom: 23px;
    left: 67px;
    font-size: 8px
}

.product__save-energy .label span {
    font-weight: 700;
    margin-left: 2px
}



.row_product__save-energy {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    position: absolute;
    display: none;
    width: 260px;
    padding: 20px;
    top: 0;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 9;
    pointer-events: none
}

@media(min-width: 460px) {
    .row_product__save-energy {
        left: 45%
    }

}

/* start old row */

@media(min-width: 900px) {
    .product:nth-of-type(4n) .row_product__save-energy {
        left: auto;
        right: 42%
    }

    /* .product:nth-of-type(4n):hover .row_product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } */
}

@media(max-width: 900px)and (min-width: 640px) {
    .product:nth-of-type(3n) .row_product__save-energy {
        left: none;
        right: 100%
    }

    /* .product:nth-of-type(3n):hover .row_product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } */
}

@media(max-width: 640px)and (min-width: 460px) {
    .product:nth-of-type(2n) .row_product__save-energy {
        left: auto;
        right: 10%
    }

    /* .product:nth-of-type(2n):hover .row_product__save-energy {
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s
    } */
}


@media(max-width: 460px) {
    .row_product__save-energy {
        left: 50%;
        margin-left: -130px
    }
}

/* .product:hover .row_product__save-energy {
    display: block;
    -webkit-animation: ease-in left__show .2s;
    animation: ease-in left__show .2s
} */

/* end old row */


.row_product__save-energy .arrow {
    background: #000;
    position: absolute;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.row_product__save-energy .arrow:before {
    position: absolute;
    display: block;
    right: 100%;
    top: 0;
    border: 14px solid transparent;
    border-right: 17px solid #000;
    content: ""
}

.row_product__save-energy .arrow:nth-of-type(1),
.row_product__save-energy .arrow:nth-of-type(2) {
    width: 30px;
    height: 28px;
    top: 107px;
    text-transform: uppercase
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__b,
.row_product__save-energy .arrow:nth-of-type(2).arrow__b {
    top: 123px
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__c,
.row_product__save-energy .arrow:nth-of-type(2).arrow__c {
    top: 139px
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__d,
.row_product__save-energy .arrow:nth-of-type(2).arrow__d {
    top: 155px
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__e,
.row_product__save-energy .arrow:nth-of-type(2).arrow__e {
    top: 171px
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__f,
.row_product__save-energy .arrow:nth-of-type(2).arrow__f {
    top: 187px
}

.row_product__save-energy .arrow:nth-of-type(1).arrow__g,
.row_product__save-energy .arrow:nth-of-type(2).arrow__g {
    top: 204px
}

.row_product__save-energy .arrow:nth-of-type(1) {
    left: 110px
}

.row_product__save-energy .arrow:nth-of-type(2) {
    left: 195px
}

.row_product__save-energy .arrow:nth-of-type(3) {
    font-size: 21px;
    right: 38px;
    bottom: 65px;
    padding: 1px 5px 0
}

.row_product__save-energy .arrow:nth-of-type(3):before {
    border: 15px solid transparent;
    border-right: 17px solid #000
}

.row_product__save-energy .arrow span {
    font-size: 13px;
    margin-left: 5px
}

.row_product__save-energy .label {
    position: absolute;
    bottom: 23px;
    left: 67px;
    font-size: 8px
}

.row_product__save-energy .label span {
    font-weight: 700;
    margin-left: 2px
}




.detail_page_product__save-energy {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    position: absolute;
    display: none;
    width: 260px;
    padding: 20px;
    top: 0;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 11;
    pointer-events: none;
}

@media (min-width: 460px) {
    .detail_page_product__save-energy {
        left: 30% !important;
        top: 10% !important;
    }
}



/* start */

/* 
@media (min-width: 900px) {
    .product:nth-of-type(4n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(4n) .product__link:hover~.detail_page_product__save-energy {
        display: block;
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s;
    }
}

@media (max-width: 900px) and (min-width: 640px) {
    .product:nth-of-type(3n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(3n) .product__link:hover~.detail_page_product__save-energy {
        display: block;
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s;
    }
}

@media (max-width: 640px) and (min-width: 460px) {
    .product:nth-of-type(2n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(2n) .product__link:hover~.detail_page_product__save-energy {
        display: block;
        -webkit-animation: ease-in right__show .2s;
        animation: ease-in right__show .2s;
    }
}

@media (max-width: 460px) {
    .detail_page_product__save-energy {
        left: 50%;
        margin-left: -130px;

    }
}

.product .product__link:hover~.detail_page_product__save-energy {
    display: block;
    -webkit-animation: ease-in left__show .2s;
    animation: ease-in left__show .2s;
} */

/* end */


/* start new */

.detail_page_product__save-energy.visible {
    display: block;
    opacity: 1;
    -webkit-animation: left__show 0.2s ease-in;
    animation: left__show 0.2s ease-in;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;

    background: rgba(255, 255, 255, .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    font-size: 20px;
    cursor: pointer;
    z-index: 12;

    border: 1px solid #dedede;
    border-radius: 9px;
    overflow: hidden;
    padding: 0px 4px;

    pointer-events: all;
}

/* Псевдоэлемент для анимированного блеска */
.close-btn::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%;
    height: 200%;
    background: rgba(251, 255, 132, 0.436);
    transform: skewX(-20deg);
    pointer-events: all;
}

/* Постоянная анимация блеска */
.close-btn::after {
    animation: shine 2s infinite;
    -webkit-animation: shine 2s infinite;
    -moz-animation: shine 2s infinite;
    -o-animation: shine 2s infinite;
}



/* Медиа-запросы для позиционирования и анимаций */
@media (min-width: 900px) {
    .product:nth-of-type(4n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(4n) .detail_page_product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 900px) and (min-width: 640px) {
    .product:nth-of-type(3n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(3n) .detail_page_product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 640px) and (min-width: 460px) {
    .product:nth-of-type(2n) .detail_page_product__save-energy {
        left: auto;
        right: 100%;
    }

    .product:nth-of-type(2n) .detail_page_product__save-energy.visible {
        -webkit-animation: right__show 0.2s ease-in;
        animation: right__show 0.2s ease-in;
    }
}

@media (max-width: 460px) {
    .detail_page_product__save-energy {
        left: 50%;
        margin-left: -130px;
    }
}

/* Определение анимаций */
@keyframes left__show {
    from {
        transform: translateX(-10px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes right__show {
    from {
        transform: translateX(10px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* end new */

.detail_page_product__save-energy .arrow {
    background: #000;
    position: absolute;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.detail_page_product__save-energy .arrow:before {
    position: absolute;
    display: block;
    right: 100%;
    top: 0;
    border: 14px solid transparent;
    border-right: 17px solid #000;
    content: "";
}

.detail_page_product__save-energy .arrow:nth-of-type(1),
.detail_page_product__save-energy .arrow:nth-of-type(2) {
    width: 30px;
    height: 28px;
    top: 107px;
    text-transform: uppercase;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__b,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__b {
    top: 123px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__c,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__c {
    top: 139px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__d,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__d {
    top: 155px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__e,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__e {
    top: 171px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__f,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__f {
    top: 187px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1).arrow__g,
.detail_page_product__save-energy .arrow:nth-of-type(2).arrow__g {
    top: 204px;
}

.detail_page_product__save-energy .arrow:nth-of-type(1) {
    left: 110px;
}

.detail_page_product__save-energy .arrow:nth-of-type(2) {
    left: 195px;
}

.detail_page_product__save-energy .arrow:nth-of-type(3) {
    font-size: 21px;
    right: 38px;
    bottom: 65px;
    padding: 1px 5px 0;
}

.detail_page_product__save-energy .arrow:nth-of-type(3):before {
    border: 15px solid transparent;
    border-right: 17px solid #000;
}

.detail_page_product__save-energy .arrow span {
    font-size: 13px;
    margin-left: 5px;
}

.detail_page_product__save-energy .label {
    position: absolute;
    bottom: 23px;
    left: 67px;
    font-size: 8px;
}

.detail_page_product__save-energy .label span {
    font-weight: 700;
    margin-left: 2px;
}













@media(min-width: 1250px) {
    .product .range {
        max-width: 133px
    }
}

.product .range__input {
    width: auto;
    border: 0;
    margin: 0
}

@media(min-width: 1250px) {
    .product .range__input {
        max-width: 51px
    }
}

@media(max-width: 1250px) {
    .product .range__input {
        width: calc(100% - 80px)
    }
}

.product .range__btn {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #f4f4f4;
    min-width: 40px
}

.product .range__btn:hover {
    background: #717171
}

.product .range__btn:hover svg use {
    fill: #fff
}

.product__dropdown {
    background: #fff;
    position: absolute;
    display: none;
    top: calc(100% - 10px);
    left: -1px;
    width: calc(100% + 2px);
    border: 1px solid #dedede;
    border-top: 0;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    z-index: 1
}

@media(min-width: 640px) {
    .product__dropdown {
        padding: 0 25px 25px
    }
}

@media(max-width: 640px) {
    .product__dropdown {
        padding: 5px 15px 15px
    }
}

.product:hover .product__dropdown {
    display: block;
    -webkit-animation: ease-in dropdown__show .2s;
    animation: ease-in dropdown__show .2s
}

.product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 1250px) {
    .product:not(.product_row) .product__row *+.btn {
        margin-left: 4px
    }
}

@media(max-width: 1250px) {
    .product__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product .btn {
    padding: 7px 11px
}

.product .btn svg {
    margin-top: 2px
}

@media(max-width: 1250px) {
    *+.product .btn {
        margin-top: 6px
    }
}

.product__properties {
    border-collapse: collapse
}

@media(min-width: 1250px) {
    .product__properties {
        min-width: 395px
    }
}

@media(max-width: 1250px)and (min-width: 850px) {
    .product__properties {
        min-width: 270px
    }
}

@media(max-width: 850px) {
    .product__properties {
        min-width: 100%
    }
}

@media(min-width: 670px) {
    .product__properties tr td:first-child {
        width: 60%
    }
}

@media(max-width: 670px) {
    .product__properties tr td:first-child {
        width: 50%
    }
}

.product__properties tr td:last-child {
    padding-left: 4%
}

.product__properties tr+tr td {
    border-top: 1px solid #dedede
}

.product__properties td {
    font-size: 12px;
    line-height: 16px;
    padding: 7px 0
}

.product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 850px) {
    .product-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.product-row__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 580px) {
    .product-row__left {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media(min-width: 850px) {
    .product-row__left+* {
        margin-left: 25px
    }
}

@media(max-width: 850px) {
    .product-row__left+* {
        margin-top: 15px
    }
}

@media(min-width: 1250px) {
    .product-row__right {
        min-width: 265px
    }
}

@media(max-width: 1250px) {
    .product-row__right *+.btn {
        margin-top: 8px
    }
}

@media(max-width: 850px) {
    .product-row__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

@media(max-width: 850px)and (min-width: 480px) {
    .product-row__right .cost {
        min-width: 140px
    }
}

@media(max-width: 480px) {
    .product-row__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-row__right .product__row {
        width: 100%
    }

    .product-row__right .cost+* {
        margin-top: 15px
    }
}

@media(min-width: 850px) {
    .product-row__right .cost+* {
        margin-top: 12px
    }
}

.product-row__info {
    width: 100%
}

.product-row__link {
    position: relative
}


@media(max-width: 680px) {
    .product-row__link {
        /* width: 280px */
        width: fit-content;
    }
}


@media(min-width: 680px) {
    .product-row__link {
        width: 258px
    }
}

@media(min-width: 950px) {
    .product-row__link+* {
        margin-left: 25px
    }
}

@media(max-width: 950px) {
    .product-row__link+* {
        margin-top: 10px
    }
}

/* old */
/* .product-row__icons {
    top: 0;
    right: 0
} */

.product-row__icons {
    top: 0;
    right: 20px;
    position: relative;
}



@media(max-width: 950px) {

    .product-row__icons {
        top: none;
        left: 29%;
        position: relative;
        align-self: center;

        height: 45px;
    }

    .product__icons.product-row__icons .product__icon_energy-save {
        height: 45px;
        width: 45px;

        margin-top: 9px;
        padding-left: 10px;
    }

    .product__icons.product-row__icons .product__icon_energy-save .product__icon_energy-save-label {
        right: 14px;
    }

    .product__icons.product-row__icons .product__icon+.product__icon {
        margin-top: 0px;
    }
}

@media(max-width: 580px) {
    .product-row__icons {
        top: 5px;
        right: 16px;
        left: unset;
        position: absolute;
        align-self: normal;
        height: unset;
    }

    .product__icons.product-row__icons .product__icon_energy-save {
        height: unset;
        width: 45px;

        margin-top: 9px;
        padding-left: 10px;
    }

    /*

    .product__icons.product-row__icons .product__icon_energy-save .product__icon_energy-save-label {
        right: 14px;
    }

    .product__icons.product-row__icons .product__icon+.product__icon {
        margin-top: 0px;
    } */
}

.product-row__pictures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 950px) {
    .product-row__pictures {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media(min-width: 580px) {
    .product-row__pictures+* {
        margin-left: 25px
    }
}

@media(max-width: 580px) {
    .product-row__pictures+* {
        margin-top: 20px
    }
}

.product-row__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 950px) {
    .product-row__labels {
        width: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 950px)and (min-width: 580px) {
    .product-row__labels {
        width: 258px;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media(max-width: 580px) {
    .product-row__labels {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-top: 20px;
    }
}

@media(max-width: 950px) {
    .product-row__label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.product-row__label img {
    width: 48px;
    height: auto
}

.product-row__label svg {
    /* width: 36px; */
    width: 60px;
    height: 36px;
    margin: 0
}

.product-row__label:not(.product-row__label_low) svg use {
    fill: #717171 !important
}

.product-row__label_low svg use {
    fill: #e75249 !important
}

@media(min-width: 950px) {
    .product-row__label+.product-row__label {
        /* margin-top: 12px */
    }
}

.product-row .product__ttl {
    color: #3bad4c
}

.product-row .product__ttl+* {
    margin-top: 10px
}

.product-row__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 680px) {
    .product-row__stars {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 680px)and (min-width: 580px) {
    .product-row__stars {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    *+.product-row__stars .product__rating {
        margin-top: 10px
    }
}

@media(max-width: 580px) {
    .product-row__stars {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 380px) {
    .product-row__stars {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    *+.product-row__stars .product__rating {
        margin-top: 10px
    }
}

@media(min-width: 380px) {
    .product-row__stars>* {
        margin-right: 17px
    }
}

.product-row__stars>*:last-child {
    margin-right: 0
}

.product-row__stars+* {
    margin-top: 13px
}

.product__tests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__test {
    width: calc(33% - 7px);
    margin-bottom: 10px
}

@media(min-width: 420px) {
    .product__test {
        max-height: 86px
    }
}

.product__test img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.product__test+.product__test {
    margin-left: 10px
}

.product-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 900px) {
    .product-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-detail .product__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-height: 100%;
    overflow: hidden
}

@media(min-width: 1250px) {
    .product-detail .product__link {
        padding-right: 60px
    }
}

@media(max-width: 1250px) {
    .product-detail .product__link {
        padding-right: 30px
    }

    .product-detail .product__link .product__icons {
        top: 5px;
        right: 0
    }
}

@media(min-width: 900px) {
    .product-detail .product__link {
        width: 495px
    }
}

@media(max-width: 900px) {
    .product-detail .product__link {
        width: 100%;
        height: 300px
    }
}

.product-detail .product__link .product__image {
    max-height: 100%
}

.product-detail__pictures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: 495px
}

@media(max-width: 1250px) {
    .product-detail__pictures {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media(min-width: 900px) {
    .product-detail__pictures+* {
        margin-left: 30px
    }
}

@media(max-width: 900px) {
    .product-detail__pictures+* {
        margin-top: 30px
    }
}

.product-detail__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 1250px) {
    .product-detail__slider {
        width: 75px;
        min-width: 75px;
        max-height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1250px) {
    .product-detail__slider {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        height: 75px
    }
}

@media(max-width: 900px) {
    .product-detail__slider {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.product-detail__slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 1250px) {
    .product-detail__slider+* {
        margin-left: 30px
    }
}

@media(max-width: 1250px) {
    .product-detail__slider+* {
        margin-bottom: 20px
    }
}

.product-detail__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    width: 75px;
    height: 75px;
    min-height: 75px;
    cursor: pointer
}

.product-detail__slide.active,
.product-detail__slide:hover {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

@media(max-width: 1250px) {
    .product-detail__slide {
        margin: 5px
    }
}

@media(min-width: 900px) {
    .product-detail__slide {
        padding: 8px
    }
}

@media(max-width: 900px) {
    .product-detail__slide {
        padding: 4px
    }
}

@media(min-width: 1250px) {
    .product-detail__slide+.product-detail__slide {
        margin-top: 30px
    }
}

@media(min-width: 900px) {
    .product-detail__slide:nth-of-type(6n) {
        margin-top: 0
    }
}

@media(max-width: 900px) {
    .product-detail__info .rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-detail__info .rating+* {
    margin-top: 20px
}

.product-detail__description,
.product-detail__description p {
    font-size: 14px;
    line-height: 25px
}

@media(max-width: 520px) {

    .product-detail__description,
    .product-detail__description p {
        text-align: justify
    }
}

.product-detail__description+*,
.product-detail__description p+* {
    margin-top: 20px
}

.product-detail__properties {
    width: 100%;
    border: 1px solid #dedede
}

@media(min-width: 520px) {
    .product-detail__properties {
        padding: 25px
    }
}

@media(max-width: 520px) {
    .product-detail__properties {
        padding: 15px
    }
}

.product-detail__properties tr td {
    font-size: 14px;
    line-height: 19px;
    padding: 5px
}

.product-detail__properties tr td a {
    text-decoration: underline
}

.product-detail__properties tr td a:hover {
    text-decoration: none
}

.product-detail__properties tr td:first-child {
    font-weight: 700
}

.product-detail__properties tr td:last-child {
    text-align: right
}

.product-detail__properties+* {
    margin-top: 20px
}

.product-detail__subttl {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase
}

.product-detail__subttl+* {
    margin-top: 15px
}

.product-detail__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 420px) {
    .product-detail__blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media(min-width: 1250px) {
    .product-detail__block {
        width: 47%
    }
}

@media(max-width: 1250px)and (min-width: 420px) {
    .product-detail__block {
        width: 50%
    }
}

@media(max-width: 420px) {
    .product-detail__block {
        width: 100%
    }

    .product-detail__block+.product-detail__block {
        margin-top: 15px
    }
}






.product-detail__block .product__advantage {
    min-width: 87px
}

@media(max-width: 420px) {
    .product-detail__block .product__advantage span {
        font-size: 14px;
        line-height: 19px
    }
}

@media(min-width: 1250px) {
    .product-detail__block .product__advantage+.product__advantage {
        margin-left: 10px
    }

    .product-detail__block .product__advantage+.product__advantage .product__square {
        border-left: 1px solid #e3e3e3
    }
}

.product-detail .product__stocks {
    padding: 20px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-detail .product__stocks+* {
    margin-top: 0
}

.product-detail *+.product__stocks {
    margin-top: 20px;
    border-top: 1px solid #e3e3e3
}

@media(min-width: 1250px) {
    .product-detail *+.product__stocks {
        padding-top: 30px
    }
}

@media(min-width: 1250px) {
    .product-detail .product__stock {
        max-width: 120px
    }

    .product-detail .product__stock+.product__stock {
        margin-left: 50px
    }
}

@media(max-width: 420px) {
    .product-detail .product__stock .link {
        font-size: 14px;
        line-height: 19px
    }
}

.product-detail__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

@media(min-width: 460px) {
    .product-detail__cost {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 460px) {
    .product-detail__cost {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1050px)and (min-width: 900px) {
    .product-detail__cost .product__row {
        max-width: 150px
    }
}

@media(max-width: 460px) {
    .product-detail__cost .product__row {
        width: 100%
    }

    *+.product-detail__cost .product__row {
        margin-top: 15px
    }
}

@media(min-width: 1250px) {
    .product-detail__cost .product__row .range+.btn {
        margin-left: 15px
    }
}

@media(max-width: 1250px) {
    .product-detail__cost .product__row .range+.btn {
        margin-top: 8px
    }
}

.product-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse
}

@media(max-width: 820px) {
    .product-table {
        min-width: auto
    }
}

.product-table td {
    padding: 30px;
    border: 1px solid #e3e3e3;
    text-align: center
}

.product-table td:first-child {
    text-align: left
}

.product-table td .range {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-table td .range__input {
    width: 50px;
    font-size: 14px;
    line-height: 14px
}

@media(min-width: 1250px) {
    .product-table td:nth-of-type(n) {
        min-width: 189px
    }

    .product-table td:first-child {
        width: 48%
    }

    .product-table td:last-child {
        width: 5%;
        min-width: auto;
        padding: 0 25px
    }
}

@media(max-width: 1250px) {
    .product-table td {
        padding: 14px
    }
}

@media(max-width: 820px) {
    .product-table td {
        border: 0
    }
}

.product-table thead tr td {
    background: #f4f4f4;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase
}

@media(max-width: 820px) {
    .product-table thead {
        display: none
    }
}

@media(max-width: 820px) {
    .product-table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        border: 1px solid #e3e3e3
    }

    .product-table tbody tr>td:first-child {
        width: 100%
    }

    .product-table tbody tr+tr {
        border-top: 0
    }
}

@media(max-width: 820px) {
    .product-table tbody {
        display: block
    }
}

.product-table__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 980px) {
    .product-table__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-table__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    min-width: 70px;
    height: 70px
}

.product-table__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-table__image+.product-table__body {
    margin-left: 20px
}

@media(max-width: 980px) {
    .product-table__image+.product-table__body {
        margin: 12px 0 0
    }
}

.product-table__title {
    color: #231f20;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none
}

.product-table__title+.product-table__properties {
    margin-top: 10px
}

@media(max-width: 520px) {
    .product-table__title+.product-table__properties {
        margin-top: 16px
    }
}

@media(max-width: 520px) {
    .product-table__title {
        text-align: center
    }
}

.product-table__properties li {
    font-size: 14px;
    line-height: 16px
}

.product-table__properties li span {
    display: inline-block
}

.product-table__properties li .bold {
    min-width: 58px
}

.product-table__properties li .bold+span {
    margin-left: 10px
}

.product-table__properties li+li {
    margin-top: 5px
}

.product-table .btn-remove {
    display: inline-block;
    width: 16px;
    height: 20px
}

.product-table__cost .cost__old {
    font-size: 13px;
    line-height: 17px;
    color: #717171;
    margin: 0
}

.product-table__cost .cost__current {
    width: 100%;
    font-size: 18px;
    line-height: 24px
}

.product-table__count {
    font-size: 14px;
    line-height: 16px;
    color: #231f20;
    text-align: center
}

.order__list .btn {
    padding: 10px 20px
}

.order__item+.order__item {
    margin-top: 20px
}

.order__item {
    border: 1px solid #e3e3e3
}

.order__name {
    background: #f4f4f4;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    padding: 20px 30px;
    border-bottom: 1px solid #e3e3e3
}

@media(max-width: 450px) {
    .order__name {
        padding: 14px 18px
    }
}

.order__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 30px
}

@media(min-width: 850px) {
    .order__body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 850px) {
    .order__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 450px) {
    .order__body {
        padding: 14px 18px
    }
}

.order__col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 250px
}

.order__col:last-child {
    text-align: right
}

@media(max-width: 850px) {
    .order__col+.order__col {
        width: auto;
        margin-top: 16px
    }
}

@media(max-width: 850px)and (min-width: 600px) {
    .order__col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.order__title,
.order__text {
    font-size: 12px;
    line-height: 16px
}

.order__title {
    font-weight: 600
}

@media(max-width: 850px)and (min-width: 600px) {
    .order__title {
        min-width: 140px
    }
}

.order__title+.order__text {
    margin-top: 5px
}

@media(max-width: 850px)and (min-width: 600px) {
    .order__title+.order__text {
        margin: 0 0 0 9px
    }
}

.order__text_red {
    color: #e75249
}

.order__text_green {
    color: #3bad4c
}

.order__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.order__btns .btn+.btn {
    margin-left: 5px
}

@media(max-width: 900px) {
    .order__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .order__btns .btn+.btn {
        margin: 5px 0 0
    }
}

.order__info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    line-height: 16px;
    color: #231f20
}

.order__info li span {
    min-width: 61px
}

.order__info li span+span {
    margin-left: 61px
}

@media(max-width: 500px) {
    .order__info li span+span {
        margin-left: 20px
    }
}

.order__info li+li {
    margin-top: 5px
}

@media(max-width: 700px) {
    .order__info+.order__btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 20px
    }

    .order__info+.order__btns .btn+.btn {
        margin: 0 0 0 5px
    }
}

@media(max-width: 450px) {
    .order__info+.order__btns {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px
    }

    .order__info+.order__btns .btn {
        width: 100%
    }

    .order__info+.order__btns .btn+.btn {
        margin: 5px 0 0
    }
}

.order__detail {
    padding: 20px 30px 30px;
    border-top: 1px solid #e3e3e3
}

@media(max-width: 450px) {
    .order__detail {
        padding: 14px 18px
    }
}

.order__detail .order__title {
    margin-bottom: 10px
}

@media(max-width: 820px) {
    .order__detail .total__row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(max-width: 600px) {
    .order__detail .total__title {
        font-size: 16px;
        line-height: 18px
    }

    .order__detail .total__title.total__title_big {
        line-height: 25px
    }
}

.order__detail-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.order__detail-top .order__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 700px) {
    .order__detail-top .order__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.order__detail-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.order__detail-bottom .total__row:nth-of-type(2) {
    margin-top: 5px
}

.order__detail .product-table {
    min-width: auto
}

@media(min-width: 1250px) {
    .order__detail .product-table tr td:first-child {
        width: auto
    }

    .order__detail .product-table tr td:nth-of-type(n + 2) {
        width: 189px
    }
}

.order__row+.order__row {
    margin-top: 20px
}

.order__row+.order__detail-bottom {
    margin-top: 30px
}

.places__checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.places__checkbox {
    margin: 0 50px 10px 0
}

@media(max-width: 520px) {
    .places__checkbox {
        margin-top: 5px
    }
}

.places__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border: 1px solid #e3e3e3
}

.places__item:not(.active) {
    display: none
}

.places__item.active {
    -webkit-animation: ease-in dropdown__show .2s;
    animation: ease-in dropdown__show .2s
}

@media(max-width: 980px) {
    .places__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 600px) {
    .places__item {
        padding: 20px 30px
    }
}

@media(max-width: 600px) {
    .places__item {
        padding: 20px
    }
}

.places__item+.places__item {
    margin-top: 20px
}

@media(min-width: 980px) {
    .places__item>*+* {
        margin-left: 20px
    }
}

@media(max-width: 980px) {
    .places__item>*+* {
        margin-top: 15px
    }
}

.places__img {
    width: 255px;
    min-width: 255px;
    min-height: 200px
}

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

.places__logo {
    display: block
}

.places__logo+* {
    margin-top: 5px
}

.places__logo img {
    width: 100px
}

@media(max-width: 980px) {
    .places__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.places__addr {
    line-height: 25px
}

@media(min-width: 980px) {
    .places__addr {
        font-size: 18px
    }
}

@media(max-width: 980px) {
    .places__addr {
        font-size: 17px;
        text-align: center
    }
}

.places__link {
    text-decoration: underline
}

.places__link:hover {
    text-decoration: none
}

@media(max-width: 980px) {
    .places__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.places__links .link {
    font-size: 14px;
    line-height: 19px
}

@media(min-width: 980px) {
    .places__links .link {
        margin: 10px 30px 0 0
    }
}

@media(max-width: 980px) {
    .places__links .link {
        margin: 10px 15px 0 0
    }
}

.places__links .link svg {
    margin-top: 2px
}

.places__links+* {
    margin-top: 10px
}

@media(max-width: 980px) {
    .places__advantages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width: 980px) {
    .places__advantage {
        margin: 3px 10px 0 0
    }
}

@media(max-width: 980px) {
    .places__advantage {
        margin: 5px 5px 0
    }
}

.places__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.places__btns .btn {
    padding: 10px 20px
}

.news+* {
    margin-top: 40px
}

.news__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e3e3e3;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media(max-width: 980px) {
    .news__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 600px) {
    .news__item {
        padding: 30px
    }
}

@media(max-width: 600px) {
    .news__item {
        padding: 20px
    }
}

.news__item+.news__item {
    margin-top: 20px
}

.news__img {
    min-width: 300px;
    overflow: hidden
}

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

@media(min-width: 600px) {
    .news__img {
        width: 300px;
        height: 100%
    }
}

@media(max-width: 600px) {
    .news__img {
        width: 100%;
        height: 200px
    }
}

@media(min-width: 980px) {
    .news__img+* {
        margin-left: 20px
    }
}

@media(max-width: 980px) {
    .news__img+* {
        margin-top: 15px
    }
}

.news__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.news__ttl {
    font-size: 18px;
    line-height: 25px
}

.news__ttl+* {
    margin-top: 6px
}

.news__date {
    font-size: 12px;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news__date svg {
    margin-top: 0
}

.news__date+* {
    margin-top: 9px
}

img.calendar-input-icon2 {
    right: 0px;
    vertical-align: top;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 0 0 1px !important;
    left: 166px;
    bottom: 39px;
    box-sizing: content-box;
    border: 1px solid transparent;
    position: relative;
}


img.calendar-input-icon2-hover {
    margin: 0;
    margin-left: 1px;
    border: 1px solid #aeb6c2;
    background-color: #dbe3f2
}

@media(max-width: 600px) {
    img.calendar-input-icon2 {
        left: 68px;
        bottom: 38px;
    }
}

.news__description {
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}

.news__description+* {
    margin-top: 10px
}

.news__more {
    font-size: 14px;
    line-height: 19px;
    text-decoration: underline
}

.categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.categories__item {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    border: 1px solid #e3e3e3
}

@media(min-width: 1250px) {
    .categories__item {
        width: 285px;
        margin: 0 15px
    }

    .categories__item:nth-of-type(n + 4) {
        margin-top: 30px
    }

    .categories__item:nth-of-type(3n + 1) {
        margin-left: 0
    }

    .categories__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media(max-width: 1250px)and (min-width: 580px) {
    .categories__item {
        width: 48%;
        margin: 1%
    }
}

@media(max-width: 580px) {
    .categories__item {
        width: 100%
    }

    .categories__item+.categories__item {
        margin-top: 15px
    }
}

@media(min-width: 580px) {
    .categories__item {
        min-height: 294px
    }
}

.categories__item:hover {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1)
}

.categories__item>a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px;
    text-decoration: none
}

.categories__item>a:hover,
.categories__item>a:hover * {
    color: #3bad4c
}

.categories__img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.categories__img+* {
    margin-top: 15px
}

.categories__ttl {
    font-size: 14px;
    line-height: 19px
}

.categories-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1250px) {
    .categories-icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.categories-icons__item {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: 153px
}

@media(min-width: 720px) {
    .categories-icons__item {
        min-height: 183px
    }
}

.categories-icons__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media(min-width: 720px) {
    .categories-icons__item a {
        padding: 25px 12px
    }
}

@media(max-width: 720px) {
    .categories-icons__item a {
        padding: 12px 4px
    }
}

.categories-icons__item:hover {
    background: #3bad4c
}

.categories-icons__item:hover .categories-icons__icon svg use {
    fill: #fff
}

.categories-icons__item:hover .categories-icons__ttl {
    color: #fff
}

.categories-icons__icon {
    width: 70px;
    height: 70px
}

.categories-icons__icon svg {
    width: 100%;
    height: 100%
}

.categories-icons__icon svg use {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    fill: #3bad4c
}

@media(min-width: 720px) {
    .categories-icons__icon+* {
        margin-top: 20px
    }
}

@media(max-width: 720px) {
    .categories-icons__icon+* {
        margin-top: 15px
    }
}

.categories-icons__ttl {
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center
}

.services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.services__item:not(.services__item_detail) {
    border: 1px solid #e3e3e3
}

@media(min-width: 620px) {
    .services__item:not(.services__item_detail) {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 30px
    }
}

@media(max-width: 620px) {
    .services__item:not(.services__item_detail) {
        padding: 20px
    }
}

.services__item+.services__item {
    margin-top: 20px
}

.services__img {
    min-width: 245px
}

@media(min-width: 620px) {
    .services__item:not(.services__item_detail) .services__img {
        width: 245px
    }

    .services__item:not(.services__item_detail) .services__img+* {
        margin-left: 20px
    }
}

@media(max-width: 620px) {
    .services__item:not(.services__item_detail) .services__img {
        width: 100%;
        height: 200px
    }

    .services__item:not(.services__item_detail) .services__img+* {
        margin-top: 20px
    }
}

.services__item_detail .services__img {
    width: 100%;
    max-height: 420px
}

@media(min-width: 620px) {
    .services__item_detail .services__img+* {
        margin-top: 30px
    }
}

@media(max-width: 620px) {
    .services__item_detail .services__img+* {
        margin-top: 15px
    }
}

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

.services__ttl {
    font-size: 18px;
    line-height: 24px
}

.services__ttl+* {
    margin-top: 10px
}

.services__costs {
    font-size: 14px;
    line-height: 19px
}

.services__costs span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-left: 47px
}

.services__costs+* {
    margin-top: 10px
}

.services__desc {
    font-size: 14px;
    line-height: 25px
}

@media(max-width: 1250px) {
    .services__desc {
        text-align: justify
    }
}

.services__desc+* {
    margin-top: 20px
}

.services__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.services__btns .btn {
    padding: 10px 20px
}

.services__btns .btn+.btn {
    margin-left: 5px
}

.services__btns+* {
    margin-top: 30px
}

/* @media(max-width: 480px) { */
.services__btns {
    gap: 10px;
    justify-content: center;
}


.advantages {
    counter-reset: advantages
}

.advantages__item {
    background: #fff;
    position: relative
}

@media(min-width: 1250px) {
    .advantages__item {
        padding: 30px
    }
}

@media(max-width: 1250px) {
    .advantages__item {
        padding: 20px
    }
}

.advantages__item:after {
    position: absolute;
    display: block;
    right: 0;
    font-weight: 300;
    color: #f5f5f5;
    counter-increment: advantages;
    content: "0" counter(advantages);
    z-index: 0
}

@media(min-width: 900px) {
    .advantages__item:after {
        font-size: 128px;
        bottom: 20px
    }
}

@media(max-width: 900px) {
    .advantages__item:after {
        font-size: 90px;
        bottom: 10px
    }
}

.advantages__ttl {
    font-size: 18px;
    line-height: 24px;
    color: #3bad4c;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.advantages__ttl svg {
    margin-top: 0
}

.advantages__ttl svg use {
    fill: #3bad4c !important
}

.advantages__ttl+* {
    margin-top: 20px
}

.advantages__desc {
    font-size: 14px;
    line-height: 19px;
    z-index: 1
}

.sales-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sales-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(min-width: 780px) {
    .sales-list__item {
        width: calc(50% - 15px)
    }
}

@media(max-width: 780px) {
    .sales-list__item {
        width: 100%
    }
}

@media(min-width: 780px) {
    .sales-list__item:nth-of-type(n + 3) {
        position: relative;
        margin-top: 20px;
        padding-top: 22px
    }

    .sales-list__item:nth-of-type(n + 3):before {
        background: #e3e3e3;
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        top: 0;
        left: 0;
        border-bottom: 1px solid #fff;
        content: ""
    }
}

@media(max-width: 780px) {
    .sales-list__item:nth-of-type(n + 2) {
        position: relative;
        margin-top: 20px;
        padding-top: 22px
    }

    .sales-list__item:nth-of-type(n + 2):before {
        background: #e3e3e3;
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        top: 0;
        left: 0;
        border-bottom: 1px solid #fff;
        content: ""
    }
}

.sales-list__label {
    background: #3bad4c;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    padding: 7px 20px
}

.sales-list__label_end {
    background: #e75249
}

.sales-list__label+* {
    margin-top: 15px
}

.sales-list__ttl {
    font-size: 18px;
    line-height: 24px
}

.sales-list__ttl+* {
    margin-top: 10px
}

.sales-list__desc {
    font-size: 14px;
    line-height: 19px
}

@media(max-width: 900px) {
    .sales-list__desc {
        text-align: justify
    }
}

.collections+* {
    margin-top: 10px
}

.collections__ttl {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase
}

@media(max-width: 680px) {
    .collections__ttl {
        text-align: center
    }
}

.collections__ttl+* {
    margin-top: 15px
}

.collections__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 680px) {
    .collections__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.collections__item {
    margin: 0 30px 10px 0
}

.collections__item .link {
    color: #717171;
    text-decoration: underline
}

.collections__item .link:hover {
    color: #3bad4c;
    text-decoration: none
}

.sku {
    width: 100%;
    border-collapse: collapse
}

.sku tr td {
    font-size: 14px;
    line-height: 19px
}

@media(min-width: 620px) {
    .sku tr td {
        padding: 20px 30px
    }
}

@media(max-width: 620px) {
    .sku tr td {
        padding: 10px
    }
}

.sku tr td:nth-of-type(1) {
    width: 40%;
    min-width: 300px
}

.sku tr td:nth-of-type(n + 2) {
    width: 15%;
    min-width: 150px;
    text-align: center
}

.sku thead tr {
    background: #f4f4f4;
    border: 1px solid #e3e3e3
}

.sku thead tr td {
    position: relative;
    text-transform: uppercase
}

.sku thead tr td:nth-of-type(n + 2):before {
    background: #e3e3e3;
    left: 0
}

.sku tbody tr {
    position: relative
}

.sku tbody tr:after {
    background: #e3e3e3;
    position: absolute;
    display: block;
    height: 1px;
    bottom: 0;
    content: ""
}

@media(min-width: 620px) {
    .sku tbody tr:after {
        width: calc(100% - 60px);
        left: 30px
    }
}

@media(max-width: 620px) {
    .sku tbody tr:after {
        width: calc(100% - 20px);
        left: 10px
    }
}

.sku tbody tr.sku__ttl:after {
    background: #717171
}

.sku__ttl {
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
    text-transform: uppercase
}

.sku__ttl span {
    color: #3bad4c
}

.sku__ttl td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sku__ttl td:nth-of-type(1) {
    width: auto !important
}

@media(min-width: 620px) {
    .sku__ttl td:nth-of-type(1) {
        padding-top: 32px
    }
}

.sku__ttl td * {
    margin-right: 10px
}

.calculator__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.calculator__item {
    min-width: 188px
}

@media(min-width: 680px) {
    .calculator__item {
        margin: 0 20px 20px 0
    }
}

@media(max-width: 680px) {
    .calculator__item {
        margin-bottom: 15px;
        width: 100%
    }
}

@media(min-width: 680px) {
    .calculator__total {
        font-size: 14px;
        line-height: 19px;
        font-weight: 700;
    }
}

@media(max-width: 680px) {
    .calculator__total {
        font-size: 14px;
        line-height: 19px;
        font-weight: 700;
        text-align: center
    }
}

.calculator__results {
    margin: 0 5px
}

@media(max-width: 680px) {
    .calculator__results {
        font-weight: 700
    }
}

*+.calculator {
    margin-top: 20px
}

.location-popup {
    background: #fff;
    position: absolute;
    top: 100%;
    display: none;
    padding: 20px 30px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    z-index: 999
}

@media(max-width: 1250px) {
    .location-popup {
        width: 280px;
        top: 70px;
        left: 50%;
        margin-left: -140px;
        border-top: 3px solid #3bad4c
    }
}

.location-popup_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: .2s ease-in search__result;
    animation: .2s ease-in search__result
}

.location-popup__ttl {
    white-space: nowrap
}

.location-popup__ttl+* {
    margin-top: 10px
}

.location-popup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.location-popup__body .btn {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 20px;
    text-transform: uppercase
}

.location-popup__body .btn+.btn {
    margin-left: 5px
}

@media(min-width: 1250px) {
    main {
        min-height: 50vh
    }
}

.page h1 {
    text-transform: uppercase;
    color: #231f20
}

.page h1+* {
    margin-top: 30px
}

.page__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.page__header h1+* {
    margin-top: 0
}

.page__header+* {
    margin-top: 30px
}

@media(max-width: 650px) {
    .page__header+* {
        margin-top: 20px
    }
}

@media(min-width: 980px) {
    .page__header .btn__burger_mob {
        display: none
    }
}

@media(max-width: 768px) {
    .page__header h1+.link {
        margin: 15px 0 0
    }
}

.page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.page__content_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__left {
    min-width: 285px
}

@media(min-width: 980px) {
    .page__left {
        width: 285px
    }

    .page__left .btn__close_mob {
        display: none
    }
}

@media(max-width: 980px) {
    .page__left {
        -webkit-transition: all ease-in .2s;
        transition: all ease-in .2s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: rgba(255, 255, 255, .85);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        position: fixed;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-y: scroll;
        z-index: 9
    }

    .page__left.active {
        left: 0
    }

    .page__left .btn__close_mob {
        position: absolute
    }
}

@media(max-width: 980px)and (min-width: 520px) {
    .page__left {
        padding: 60px 30px 15px
    }

    .page__left .btn__close_mob {
        right: 50px;
        top: 50px
    }
}

@media(max-width: 520px) {
    .page__left {
        padding: 60px 15px 10px
    }

    .page__left .btn__close_mob {
        right: 20px;
        top: 35px
    }
}

.page__right {
    margin: 0px 15px;
}

.page__left+.page__right {
    width: 100%;
    margin-left: 30px
}

@media(max-width: 980px) {
    .page__left+.page__right {
        margin-left: 0
    }
}

.page__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f4f4;
    border: 1px solid #e3e3e3;
    padding: 26px
}

.page__results+* {
    margin-top: 30px
}

.page__result {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width: 1250px) {
    .page__result {
        padding: 4px 100px 5px
    }
}

@media(max-width: 1250px)and (min-width: 980px) {
    .page__result {
        padding: 4px 40px 5px
    }
}

@media(min-width: 980px) {
    .page__result {
        border-left: 1px solid #e3e3e3
    }

    .page__result:first-child {
        border-left: 0
    }
}

@media(max-width: 980px) {
    .page__result {
        width: 100%;
        text-align: center
    }

    .page__result+.page__result {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e3e3e3
    }
}

.page__description {
    font-size: 14px;
    line-height: 25px;
    overflow: visible
}

.page__description_justify {
    text-align: justify
}

.page__description+* {
    margin-top: 30px
}

.page__description>.link,
.page__description p>.link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__description *+.title {
    margin-top: 30px
}

.page__description *+.title+* {
    margin-top: 15px
}

.page__description p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}

.page__description p.title {
    font-weight: bold
}

.page__description p+p:not(.title) {
    margin-top: 20px
}

@media(min-width: 600px) {

    .page__description p+img[align],
    .page__description p+img[align]+* {
        margin-top: 50px
    }
}

.page__description p .link {
    color: #3bad4c
}

.page__description p .link:hover {
    text-decoration: underline
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle),
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) {
    display: block;
    width: 100%
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle)+*,
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle)+* {
    margin-top: 30px
}

@media(max-width: 600px) {

    .page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle)+*,
    .page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle)+* {
        margin-top: 25px
    }
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li,
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li {
    position: relative;
    font-size: 14px;
    line-height: 25px
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li .link,
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li .link {
    text-decoration: none
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li .link:hover,
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li .link:hover {
    text-decoration: underline
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li+li,
.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li+li {
    margin-top: 5px
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li {
    padding-left: 18px
}

.page__description ul:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li:before {
    background: #3bad4c;
    position: absolute;
    display: block;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    content: ""
}

.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) {
    counter-reset: ol
}

.page__description ol:not(.droptabs):not(.grid):not(.product__advantages):not(.product__stocks):not(.nostyle) li:before {
    counter-increment: ol;
    content: counter(ol) " - "
}

.page__description blockquote {
    padding: 15px 10px 15px 45px;
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    border-left: 3px solid #3bad4c
}

.page__description blockquote+* {
    margin-top: 25px
}

@media(max-width: 600px) {
    .page__description blockquote+* {
        margin-top: 20px
    }
}

.page__description table {
    width: 100%;
    border-collapse: collapse
}

.page__description table+* {
    margin-top: 25px
}

@media(max-width: 600px) {
    .page__description table+* {
        margin-top: 20px
    }
}

.page__description table td {
    padding: 15px 18px;
    border: 1px solid #dedede
}

.page__description table thead {
    background: #f4f4f4
}

.page__description img[align] {
    max-width: 50%
}

@media(max-width: 450px) {
    .page__description table td {
        padding: 0px 7px 0px 0px;
        border: 1px solid #dedede;
        text-align: center;
    }
}

@media(max-width: 600px) {
    .page__description img[align] {
        max-width: none;
        width: 100%
    }

    .page__description img[align]+* {
        margin-top: 20px
    }
}

@media(min-width: 600px) {
    .page__description img[align=left] {
        float: left;
        margin: 0 30px 30px 0
    }
}

@media(min-width: 600px) {
    .page__description img[align=right] {
        float: right;
        margin: 0 0 30px 30px
    }
}

.page__image {
    max-height: 70vh;
    margin-bottom: 22px;
    overflow: hidden
}

.page__image_big {
    max-width: 100%;
    width: 100%
}

.page__image_min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 245px;
    height: 165px;
    padding: 20px
}

.page__image_min img {
    width: auto
}

.page__image_mbottom-0 {
    margin-bottom: 0
}

.page__image_border {
    border: 1px solid #e3e3e3
}

@media(max-width: 600px) {
    .page__image {
        width: 100%;
        max-width: none;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        max-height: 300px
    }
}

.page__image img {
    width: 100%;
    max-height: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.page__image_left {
    margin-top: 4px;
    margin-right: 30px;
    float: left;
    max-width: 50%
}

@media(max-width: 600px) {
    .page__image_left {
        max-width: none;
        margin: 0 0 25px
    }
}

.page__image_right {
    margin-top: 4px;
    margin-left: 30px;
    float: right;
    max-width: 50%
}

@media(max-width: 600px) {
    .page__image_right {
        max-width: none;
        margin: 0 0 25px
    }
}

.page__hr {
    background: #e3e3e3;
    width: 100%;
    height: 1px
}

.page__hr_middle {
    margin: 30px 0 20px
}

.page__hr:not(.page__hr_nomargin) {
    margin: 50px 0
}

@media(max-width: 600px) {
    .page__hr:not(.page__hr_nomargin) {
        margin: 40px 0
    }
}

@media(max-width: 660px) {
    .header .logo {
        padding-right: 0
    }
}

@media(max-width: 660px) {
    .header .logo img {
        width: 150px
    }
}

@media(max-width: 410px) {
    .header .logo img {
        width: 110px
    }
}

@media(max-width: 660px) {
    .header .logo .logo__ttl {
        bottom: -1px
    }
}

@media(max-width: 410px) {
    .header .logo .logo__ttl {
        font-size: 9px;
        bottom: -4px
    }
}

@media(min-width: 375px) {
    .header .logo+* {
        margin-left: 35px
    }
}

@media(max-width: 375px) {
    .header .logo+* {
        margin-left: 25px
    }
}

.header__top,
.header__bottom {
    position: relative;
    border-bottom: 1px solid #e3e3e3
}

.header__top>.container,
.header__bottom>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header__top ul:not(.basket-dropdown),
.header__bottom ul:not(.basket-dropdown) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 420px) {
    .header__top {
        padding: 22px 0
    }
}

@media(max-width: 420px) {
    .header__top {
        padding: 12px 0
    }
}

@media(min-width: 1250px) {
    .header__top ul li+li:not(.link__phone) {
        margin-left: 40px
    }
}

@media(min-width: 460px) {
    .header__top ul li+li.link__phone {
        margin-left: 28px
    }
}

@media(max-width: 1250px)and (min-width: 420px) {
    .header__top .header__left>li+li {
        margin-left: 25px
    }
}

@media(max-width: 420px) {
    .header__top .header__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1250px) {
    .header__top .header__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 9;
        margin-top: 1px;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
        padding: 25px
    }

    .header__top .header__right li {
        width: 100%
    }

    .header__top .header__right li+li {
        margin-top: 10px
    }

    .header__top .header__right .link {
        font-size: 16px;
        line-height: 24px
    }

    .header__top .header__right .link__childs {
        position: relative;
        padding: 8px 0 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        width: calc(100% - 60px);
        margin-left: 30px;
        top: auto;
        left: auto;
        border-bottom: 1px solid #e3e3e3
    }
}

@media(min-width: 640px) {
    .header__bottom {
        padding: 4px 0
    }
}

@media(max-width: 640px) {
    .header__bottom {
        padding: 6px 0 7px
    }
}

.page__home .header__bottom {
    border-bottom: 0
}

@media(max-width: 720px) {
    .header__bottom .header__right .link__parent.link__parent_top16 {
        position: static
    }

    .header__bottom .header__right .link__parent.link__parent_top16:after {
        right: 16px
    }
}

@media(max-width: 720px)and (min-width: 660px) {
    .header__bottom .header__right .link__parent.link__parent_top16:after {
        top: 40px
    }
}

@media(max-width: 660px)and (min-width: 410px) {
    .header__bottom .header__right .link__parent.link__parent_top16:after {
        top: 26px
    }
}

@media(max-width: 410px) {
    .header__bottom .header__right .link__parent.link__parent_top16:after {
        top: 20px;
        right: 14px
    }
}

.header__bottom .header__right:not(.basket-dropdown) {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

@media(min-width: 375px) {
    *+.header__bottom .header__right {
        margin-left: 35px
    }
}

@media(max-width: 375px)and (min-width: 340px) {
    *+.header__bottom .header__right {
        margin-left: 25px
    }
}

@media(min-width: 340px) {
    *+.header__bottom .header__right {
        margin-left: 20px
    }
}

.header__bottom .header__right>li+li>[class*=link] {
    position: relative
}

@media(min-width: 720px) {
    .header__bottom .header__right>li+li>[class*=link] {
        margin-left: 60px
    }
}

@media(max-width: 720px) {
    .header__bottom .header__right>li+li>[class*=link] {
        margin-left: 20px
    }
}

.header__bottom .header__right>li+li>[class*=link]:before {
    background: #e3e3e3;
    height: 25px
}

@media(min-width: 720px) {
    .header__bottom .header__right>li+li>[class*=link]:before {
        left: -29px
    }
}

@media(max-width: 720px) {
    .header__bottom .header__right>li+li>[class*=link]:before {
        display: none
    }
}

@media(max-width: 600px) {

    .header__bottom .link_search,
    .header__bottom .link_basket {
        text-indent: -9999px
    }

    .header__bottom .link_search svg,
    .header__bottom .link_basket svg {
        margin-top: 0
    }

    .header__bottom .link_search .link__circle,
    .header__bottom .link_basket .link__circle {
        text-indent: 0
    }

    .header__bottom .link_search svg {
        margin-right: 0
    }
}

.header__left,
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer {
    background: #3bad4c
}

.footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    #flex-wrap: wrap;
    color: #fff;
    justify-content: space-around;
}

.footer .container .link {
    color: #fff
}

.footer .container .link svg use {
    fill: #fff
}

.footer .container .link:hover svg use {
    fill: #fff
}

.footer__top {
    border-bottom: 1px solid #00650f
}

@media(max-width: 850px) {
    .footer__top {
        padding-bottom: 25px
    }
}

.footer__top .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer__bottom_policy .container .sentence {
    width: 60%;
}

.footer__bottom_policy .container img {
    max-width: 60% !important;
}

@media(max-width: 850px) {
    .footer__bottom_policy .container img {
        max-width: 100% !important;
    }

    .footer__top .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;


    }

    .footer .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        color: #fff;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .footer__bottom_policy .container .sentence {
        width: 100%;
    }
}

.footer__top .logo {
    padding: 0
}

.footer__top .logo+* {
    margin-top: 15px
}

@media(min-width: 850px) {
    .footer__top .footer__col {
        margin: 0 15px
    }
}

@media(max-width: 850px) {
    .footer__top .footer__col {
        margin: 20px 0 0;
        padding: 20px 0 0
    }
}

@media(max-width: 480px) {
    .footer__top .footer__col+.footer__col {
        width: 100%;
        max-width: none;
        border-top: 1px dashed #fff
    }
}

.footer__top .footer__col:first-child {
    max-width: 200px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0
}

.footer__top .footer__col:last-child {
    margin-right: 0
}

@media(max-width: 1100px)and (min-width: 480px) {
    .footer__top .footer__col:last-child {
        max-width: 180px
    }
}

@media(max-width: 1100px) {
    .footer__top .footer__col:last-child .socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__top+.footer__bottom {
    border-top: 1px solid #7ede8c
}

.footer__description,
.footer__copyright {
    font-size: 14px;
    line-height: 19px
}

@media(max-width: 480px) {

    .footer__description,
    .footer__copyright {
        text-align: center
    }
}

.footer__description+*,
.footer__copyright+* {
    margin-top: 9px
}

.footer__ttl {
    font-size: 18px;
    line-height: 24px
}

@media(max-width: 900px) {
    .footer__ttl {
        font-size: 16px
    }
}

@media(max-width: 850px) {
    .footer__ttl {
        text-align: center
    }
}

.footer__ttl+* {
    margin-top: 20px
}

.footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 480px) {
    .footer__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 900px) {
    .footer__links>ul {
        margin: 0 30px
    }
}

@media(max-width: 900px)and (min-width: 480px) {
    .footer__links>ul {
        margin: 0 20px
    }
}

@media(max-width: 480px) {
    .footer__links>ul {
        margin: 10px 0;
        text-align: center
    }

    .footer__links>ul:first-child {
        margin-top: 0
    }

    .footer__links>ul:last-child {
        margin-bottom: 0
    }
}

.footer__links>ul:first-child {
    margin-left: 0
}

.footer__links>ul:last-child {
    margin-right: 0
}

.footer__links .link {
    font-size: 14px;
    line-height: 19px
}

.footer__links li+li {
    margin-top: 7px
}

.footer__phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1100px)and (min-width: 480px) {
    .footer__phones {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 480px) {
    .footer__phones {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 420px) {
    .footer__phones {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1100px) {
    .footer__phones li+li {
        margin-left: 27px
    }
}

@media(max-width: 480px)and (min-width: 420px) {
    .footer__phones li+li {
        margin-left: 27px
    }
}

.footer__phones .link {
    font-size: 16px;
    line-height: 22px
}

.footer__phones .link svg {
    margin-top: 4px
}

.footer__phones+* {
    margin-top: 20px
}

.footer__bottom {
    padding: 25px 0
}

.footer__bottom .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filter label {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.filter label.label__checkbox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.filter label.label__checkbox:after {
    top: 2px !important
}

.filter label.label__checkbox~.label__checkbox {
    /* margin-top: 24px */
}

.filter label+* {
    margin-top: 8px
}

.filter__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filter__row_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: normal
}

@media(max-width: 1250px) {
    .filter__row_center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center
    }

    .filter__row_center>.filter__col:first-child {
        width: 100%
    }
}

.filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1250px) {
    .filter_middle .filter__select {
        width: 205px
    }

    .filter:not(.filter_middle) .filter__select {
        width: 171px
    }
}

@media(max-width: 1250px) {
    .filter__select {
        width: 100%
    }
}

@media(min-width: 1250px) {
    .filter__select+.filter__select {
        margin-left: 10px
    }
}

@media(max-width: 1250px) {
    .filter__select+.filter__select {
        margin-top: 10px
    }
}

.filter__btn {
    text-transform: uppercase
}

.navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f4f4f4;
    padding: 15px 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar .select {
    min-width: 185px
}

.navbar+* {
    margin-top: 30px
}

.navbar_reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.navbar__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 760px) {
    .navbar__column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.navbar__ttl {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width: 760px) {
    .navbar__ttl+* {
        margin: 0 0 0 30px
    }
}

@media(max-width: 760px) {
    .navbar__ttl+* {
        margin: 12px 0 0
    }
}

.navbar__view input {
    display: none
}

.navbar__view input:checked+label svg use {
    fill: #3bad4c
}

.navbar__view ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar__view ul li+li {
    margin-left: 30px
}

@media(min-width: 540px) {
    .navbar__view svg {
        margin-top: 5px
    }
}

.navbar__view svg use {
    fill: #717171
}

@media(max-width: 540px) {
    .navbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .navbar_reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .navbar__column+.navbar__column {
        margin-top: 20px
    }
}

.menu__left {
    width: 100%
}

@media(min-width: 980px) {
    .menu__left {
        border: 1px solid #e3e3e3
    }
}

@media(min-width: 520px) {
    .menu__left {
        padding: 15px 30px
    }
}

.menu__left .link {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu__left>.menu__item_parent>span.link {
    color: #3bad4c
}

.menu__left>.menu__item_parent>.link {
    position: relative
}

.menu__left>.menu__item_parent>.link:after {
    top: 50%;
    margin-top: -3px
}

.menu__left>li {
    padding: 15px 0
}

.menu__left>li:hover>ul,
.menu__left>li.active>ul {
    display: block;
    -webkit-animation: ease-in dropdown__show .2s;
    animation: ease-in dropdown__show .2s
}

.menu__left>li ul {
    display: none;
    padding-top: 15px
}

.menu__left>li ul li:first-child>.link {
    padding-top: 15px
}

.menu__left>li ul li:last-child>.link {
    padding-bottom: 15px
}

.menu__left>li ul li+li {
    margin-top: 1px
}

.menu__left>li ul li span.link {
    background: transparent;
    color: #3bad4c
}

.menu__left>li ul li .link {
    background: #f4f4f4;
    padding: 10px 15px
}

.menu__left>li ul li .link:hover {
    background: transparent
}

.menu__left>li .link {
    font-size: 14px;
    line-height: 19px
}

.menu__left>li>.link {
    text-transform: uppercase;
    padding-right: 32px
}

.menu__left>li+li {
    border-top: 1px solid #e3e3e3
}

*+.pagination {
    margin-top: 35px
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap
}

.pagination ul li {
    margin: 5px
}

@media(min-width: 420px) {
    .pagination ul li {
        width: 50px;
        height: 50px
    }
}

@media(max-width: 420px) {
    .pagination ul li {
        width: 40px;
        height: 40px
    }
}

.pagination ul li a,
.pagination ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    color: #231f20;
    border: 1px solid #dedede
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    background: #3bad4c;
    color: #fff;
    border-color: #3bad4c
}

.pagination ul li span {
    background: #3bad4c;
    color: #fff;
    border-color: #3bad4c
}

.pagination ul li:hover a {
    border-color: #fff
}



.spinner_container {
    padding: 15%;
}

.spinner_filter_container {
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 50;
    background-color: rgba(0, 0, 0, .1);
}

.spinner {
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -(58px/ 2);
    margin-left: -(58px/ 2);
    border-radius: 50%;
    border: 5px solid #ffe601;
    border-right-color: #3bad4c;
    animation: rotateSpinner 800ms linear infinite;
}

.spinner_basket {
    width: 58px;
    height: 58px;
    position: absolute;
    top: 41%;
    left: 47%;
    margin-top: -(58px/ 2);
    margin-left: -(58px/ 2);
    border-radius: 50%;
    border: 5px solid #ffe601;
    border-right-color: #3bad4c;
    animation: rotateSpinner 800ms linear infinite;
}

@keyframes rotateSpinner {
    to {
        transform: rotate(360deg);
    }
}

/*# sourceMappingURL=main.6b8e470e580b6254df73.css.map*/

.slider___phone {
    display: none !important;
}

.slider___desktop {
    display: block !important;
}

@media (max-width: 970px) {
    .slider___phone {
        display: block !important;
    }

    .slider___desktop {
        display: none !important;
    }
}


.calculator_header {
    letter-spacing: 0vw;
    text-align: center;
    font-family: "Michelin";
    font-weight: 900;
    color: black;

}

.yandex-widget-container {
    display: grid;
    margin: 10px 0px;
}

/* Grid for time slots */

.slot-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.time-slot-container {
    display: flex;
    justify-content: center;
}

.time-slot-btn {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    margin-top: 15px;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #569ff7;
    padding: 12px;
    border-radius: 20px;
    border: none;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

/* Стили для .time-slot-btn при наведении */
.time-slot-btn:hover {
    background: #177af1;
    color: hsl(57, 95%, 55%);
    cursor: pointer;
}

/* При наведении на .time-slot-btn, применяем стили для вложенного .time-slot-span */
.time-slot-btn:hover .time-slot-span {
    --bg-size: 50%;
    color: hsl(57, 95%, 55%);

}

.time-slot-btn-active {
    background-color: #0074ff;
}



.time-slot-span {
    --bg-size: 50%;
    --color-one: white;
    --color-two: hsl(57, 95%, 55%);
    font-family: sans-serif;
    color: var(--color-two);
    /* Fallback для старых браузеров */
    background: linear-gradient(90deg, var(--color-one), var(--color-two), var(--color-one)) 0 0 / var(--bg-size) 100%;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .time-slot-span {
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }
}



@media (prefers-reduced-motion: no-preference) {
    .time-slot-span {
        animation: move-bg 3s linear infinite;
    }

    @keyframes move-bg {
        to {
            background-position: var(--bg-size) 0;
        }
    }
}



.second-slider {
    opacity: 0;
    background: #f4f4f4;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.second-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.second-slider .slick-slide {
    position: relative
}

.second-slider:hover .slider__prev {
    margin-left: 0
}

.second-slider:hover .slider__next {
    margin-right: 0
}




.select__search+.popup__label {
    margin-top: 15px
}

.select__search {
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    width: 100%;
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #231f20;
    border: 1px solid #3bad4c;
    margin-bottom: 4px;
    box-shadow: #3bad4c40 0px 18px 50px -10px;
}

.select__search+.select__search {
    margin-top: 10px
}

textarea.select__search {
    height: 114px;
    resize: none
}

.select__search.disabled {
    background: #e3e3e3;
    text-transform: uppercase;
    pointer-events: none
}

.banner_start_header {
    letter-spacing: 0vw;
    text-align: center;
    font-family: "Michelin";
    font-weight: 900;
    color: #ffe601;
}




.oplata_section {
    padding: 0 0 clamp(130px, 10vw, 200px);
}

.oplata_section p {
    padding: 1em 0;
}

.oplata_section a {
    text-decoration: underline;
    --bg-size: 400%;
    --color-one: #3bad4c;
    --color-two: #ffe601;
    font-family: sans-serif;
    color: var(--color-two);
    /* Fallback для старых браузеров */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .oplata_section a {
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }
}

.oplata_section а:hover {
    color: #ffe601;
    text-decoration: none;
    animation: pulse 1s infinite;
}


.oplata_section h2 {
    letter-spacing: 0vw;
    text-align: start;
    text-transform: uppercase;
    font-family: "Michelin";
    font-weight: 900;
    color: #000;
    padding: 1em 0 .5em;
}

.erorpage h2{
    letter-spacing: 0vw;
    text-align: center;
    text-transform: uppercase;
    font-family: "Michelin";
    font-weight: 900;
    color: #000;
    padding: 1em 0 .5em;
}


.product .product__icons .product__icon {
    border: 1px solid #dedede;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Псевдоэлемент для анимированного блеска */
.product .product__icons .product__icon::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 50%;
    height: 200%;
    background: rgba(255, 255, 255, 0.3);
    transform: skewX(-20deg);
    pointer-events: none;
}

/* Постоянная анимация только для иконки с .product__icon_energy-save */
.product .product__icons .product__icon:has(.product__icon_energy-save)::after {
    animation: shine 2s infinite;
    -webkit-animation: shine 2s infinite;
    -moz-animation: shine 2s infinite;
    -o-animation: shine 2s infinite;
}

/* Эффект при наведении для иконки с .product__icon_energy-save */
.product .product__icons .product__icon:has(.product__icon_energy-save):hover {
    scale: 110%;
    transform: scale(1.1);
    /* Увеличение до 110% */
    border-color: #b0b0b0;
    /* Усиление границы при наведении */
}

/* Эффект при наведении для всех иконок */
.product .product__icons .product__icon:hover {
    border-color: #b0b0b0;
}

.product .product__icons .product__icon:hover::after {
    transition: left 0.4s ease;
    left: 100%;
}



.product__advantage.hit_icon .product__square {
    display: inline-block;
    /* Убедитесь, что контейнер блочный */
    box-shadow: 0 0 5px rgba(255, 230, 1, 0.5);
}

.product__advantage.hit_icon svg {
    fill: #ffe601 !important;
}

.product__advantage.hit_icon svg use {
    fill: #ffe601 !important;
}

[href="#icon-star"] {
    fill: #ffe601 !important;
}


/* Определение анимации */
/* Анимация блеска с префиксами */
@-webkit-keyframes shine {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

@-moz-keyframes shine {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

@-o-keyframes shine {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

@keyframes shine {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

/* new hover save energy */


/* end new hover energy */

@media (prefers-reduced-motion: no-preference) {
    .oplata_section a {
        animation: move-bg 12s linear infinite;
    }

    .oplata_section h2 {

        animation: move-bg 6s linear infinite;
    }

    @keyframes move-bg {
        to {
            background-position: var(--bg-size) 0;
        }
    }
}

.hr_shadow_border_line {
    border-bottom: 2px #3bad4c solid;
}

.attention_center {
    text-align: center;
    padding: 1em 0 1.75em 0 !important;
}



.new_a_href_link {
    text-decoration: underline;
    --bg-size: 400%;
    --color-one: #3bad4c;
    --color-two: #ffe601;
    font-family: sans-serif;
    color: var(--color-two);
    /* Fallback для старых браузеров */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
}

.link_exit {
    color:#fc2e2e !important;
}

.link_exit:hover {
    color:#ff00007e !important;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .new_a_href_link {
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }
}


.popup__required_error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #F2DEDE;
    padding: 12px;
    border-radius: 20px;


}

.popup__required_error span {
    --bg-size: 400%;
    --color-one: white;
    --color-two: #A94442;
    font-family: sans-serif;
    /* Fallback: базовый цвет текста для старых браузеров */
    color: var(--color-two);
    /* Используем второй цвет как запасной */
    /* Градиент и обрезка фона */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
}

.popup__required_success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #d9fadc;
    padding: 12px;
    border-radius: 20px;


}

.popup__required_success span {
    --bg-size: 400%;
    --color-one: white;
    --color-two: hsl(221, 100%, 52%);
    font-family: sans-serif;
    /* Fallback: базовый цвет текста для старых браузеров */
    color: var(--color-two);
    /* Используем второй цвет как запасной */
    /* Градиент и обрезка фона */
    background: linear-gradient(90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)) 0 0 / var(--bg-size) 100%;
}

.btn_update_page .update-icon {
    display: inline-block;
    width: 20px; /* Adjust based on your icon size */
    height: 20px; /* Adjust based on your icon size */
    margin-right: 10px;
    background-image: url('/local/templates/new/assets/imgs/update_icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.btn_update_page:hover .update-icon {
    background-image: url('/local/templates/new/assets/imgs/update_icon_black.svg');
}

/* Применяем background-clip только там, где он поддерживается */
@supports (-webkit-background-clip: text) or (background-clip: text) {
    .popup__required_error span {
        color: transparent;
        /* Скрываем текст для градиента */
        -webkit-background-clip: text;
        /* Для старых Webkit-браузеров */
        background-clip: text;
        /* Стандартное свойство */

    }

    .popup__required_success span {
        color: transparent;
        /* Скрываем текст для градиента */
        -webkit-background-clip: text;
        /* Для старых Webkit-браузеров */
        background-clip: text;
        /* Стандартное свойство */

    }

}


@media (prefers-reduced-motion: no-preference) {
    .popup__required_error span {
        animation: move-bg 8s linear infinite;
    }

    .popup__required_success span {
        animation: move-bg 8s linear infinite;
    }

    @keyframes move-bg {
        to {
            background-position: var(--bg-size) 0;
        }
    }
}
/* End */
/* /local/templates/new/styles.css?173530762332 */
/* /local/templates/new/template_styles.css?1766428424220022 */