@charset "UTF-8";
.accordion {
    position: relative;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.accordion.active .key-words-list {
    border: var(--line-grl)
}

.accordion.active .accordion-name .arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.accordion-name {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: var(--line);
    margin: 0 auto;
    background-color: transparent;
    font-weight: 400;
    line-height: 150%;
    color: var(--color);
    gap: var(--i8);
    cursor: pointer
}

.accordion-name > span {
    -webkit-transition: .3s all;
    transition: .3s all
}

.accordion-name:hover {
    border-color: var(--main);
    color: var(--f)
}

.accordion-name:hover .arrow {
    color: currentColor
}

.accordion-name .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion-child {
    overflow: hidden;
    -webkit-transition: .5s height cubic-bezier(.39, .58, .57, 1);
    transition: .5s height cubic-bezier(.39, .58, .57, 1)
}

[class*=grid-] {
    display: -ms-grid;
    display: grid;
    gap: var(--gap)
}

@media (min-width: 367px) {
    .grid-3 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 3), 1fr))
    }

    .grid-4 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 3), 1fr))
    }

    .grid-5 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 2.4), 1fr))
    }

    .grid-6 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 2), 1fr))
    }

    .grid-7 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1.7142857143), 1fr))
    }

    .grid-8 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1.5), 1fr))
    }

    .grid-9 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1.3333333333), 1fr))
    }

    .grid-10 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1.2), 1fr))
    }

    .grid-11 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1.0909090909), 1fr))
    }

    .grid-12 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 1), 1fr))
    }
}

@media (min-width: 540px) {
    .grid-2 {
        --grid-step: 5.625rem;
        grid-template-columns:repeat(auto-fit, minmax(calc(var(--grid-step) * 6), 1fr))
    }
}

@media (min-width: 1267px) {
    [class*=grid-] {
        --gap: 1.25rem
    }
}

@media (max-width: 667px) {
    .lg--f tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--i20);
        padding: var(--i24) 0
    }

    .lg--f tr th {
        display: none
    }

    .lg--f tr td {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0
    }
}

@media (max-width: 540px) {
    .grid-2 {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 367px) {
    [class*=grid-] {
        --gap: 0.625em;
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width: 1267px) and (min-width: 367px) {
    [class*=grid-] {
        --gap: calc(5.9222222222px + 1.1111111111vw)
    }
}

.icon-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.after-like::after, .after-unlike::after, .filter-0:after, .filter-1:after, .filter-2:after, .filter-3:after, .filter-4:after, .filter-5:after, .filter-6:after, .filter-7:after, .filter-8:after, .filter-9:after, .filter-gazelle, .filter-gazelle-next, .filter-hunter, .filter-loaf, .filter-patriot, .filter-simbir, .filter-uaz-469, .filter-uaz-profi, .filter-vaz, .svg-authorized, .svg-bad-price, .svg-basket, .svg-basket-orn, .svg-date, .svg-exel, .svg-exit, .svg-f, .svg-like, .svg-loc, .svg-love, .svg-love-f, .svg-lupa, .svg-mail, .svg-not-authorized, .svg-notify, .svg-phone, .svg-print, .svg-print-up, .svg-question, .svg-search, .svg-shere, .svg-star, .svg-unlike, .svg-user, .svg-vk, .svg-you, [data-icon=delivery]::before, [data-icon=mess]::before, [data-icon=price]::before, [data-icon=remove]::before, [data-icon=save]::before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--ava);
    flex: 0 0 var(--ava);
    width: var(--ava);
    height: var(--ava)
}

.after-like::after, .after-unlike::after, .filter-0:after, .filter-1:after, .filter-2:after, .filter-3:after, .filter-4:after, .filter-5:after, .filter-6:after, .filter-7:after, .filter-8:after, .filter-9:after, .filter-gazelle, .filter-gazelle-next, .filter-hunter, .filter-loaf, .filter-patriot, .filter-simbir, .filter-uaz-469, .filter-uaz-profi, .filter-vaz, .svg-authorized, .svg-bad-price, .svg-basket, .svg-basket-orn, .svg-date, .svg-exel, .svg-exit, .svg-f, .svg-like, .svg-loc, .svg-love, .svg-love-f, .svg-lupa, .svg-mail, .svg-not-authorized, .svg-notify, .svg-phone, .svg-print, .svg-print-up, .svg-question, .svg-search, .svg-shere, .svg-star, .svg-unlike, .svg-user, .svg-vk, .svg-you, [data-icon=delivery]::before, [data-icon=mess]::before, [data-icon=price]::before, [data-icon=remove]::before, [data-icon=save]::before {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--ava);
    flex: 0 0 var(--ava);
    width: var(--ava);
    height: var(--ava);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.after-like::after, .after-unlike::after {
    content: "";
    -webkit-transition: .1s -webkit-filter linear;
    transition: .1s -webkit-filter linear;
    transition: .1s filter linear;
    transition: .1s filter linear, .1s -webkit-filter linear;
    will-change: filter
}

.after-like.active, .after-like:active, .after-like:hover, .after-unlike.active, .after-unlike:active, .after-unlike:hover {
    background-color: var(--main)
}

.after-like.active::after, .after-like:active::after, .after-like:hover::after, .after-unlike.active::after, .after-unlike:active::after, .after-unlike:hover::after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.svg-authorized {
    background-image: url(../svg/icon/user/user.svg);
    --ava: 1.5rem
}

.svg-not-authorized {
    background-image: url(../svg/icon/user/goust.svg);
    --ava: 1.5rem
}

.menu--icons .mi-item .svg-authorized, .menu--icons .mi-item .svg-not-authorized {
    -webkit-transition: .1s background-image;
    transition: .1s background-image
}

.menu--icons .mi-item:hover .svg-authorized {
    background-image: url(../svg/icon/user/user-hover.svg)
}

.svg-bad-price {
    background-image: url(../svg/icon/bad-price.svg);
    --ava: 1.5rem
}

.svg-basket-orn {
    background-image: url(../svg/icon/basket-orn.svg);
    --ava: 1.5rem
}

.svg-basket {
    background-image: url(../svg/icon/basket.svg);
    --ava: 1.5rem
}

.svg-date {
    background-image: url(../svg/icon/date.svg);
    --ava: 1.5rem
}

.svg-exit {
    background-image: url(../svg/icon/exit.svg);
    --ava: 1.5rem
}

.svg-f {
    background-image: url(../svg/icon/f.svg);
    --ava: 1.5rem
}

.svg-like {
    background-image: url(../svg/icon/like.svg);
    --ava: 1.5rem
}

.svg-question {
    background-image: url(../svg/icon/question.svg);
    --ava: 1.5rem
}

.svg-search {
    background-image: url(../svg/icon/search.svg);
    --ava: 1.5rem
}

.svg-shere {
    background-image: url(../svg/icon/shere.svg);
    --ava: 1.5rem
}

.svg-star {
    background-image: url(../svg/icon/star.svg);
    --ava: 1.5rem
}

.svg-unlike {
    background-image: url(../svg/icon/unlike.svg);
    --ava: 1.5rem
}

.svg-user {
    background-image: url(../svg/icon/user.svg);
    --ava: 1.5rem
}

.svg-vk {
    background-image: url(../svg/icon/vk.svg);
    --ava: 1.5rem
}

.svg-you {
    background-image: url(../svg/icon/you.svg);
    --ava: 1.5rem
}

.svg-loc {
    background-image: url(../svg/icon/loc.svg);
    --ava: 1.5rem
}

.svg-love {
    background-image: url(../svg/icon/love.svg);
    --ava: 1.5rem
}

.svg-love-f {
    background-image: url(../svg/icon/love-f.svg);
    --ava: 1.5rem
}

.svg-lupa {
    background-image: url(../svg/icon/lupa.svg);
    --ava: 1.5rem
}

.ava .svg-lupa {
    filter: brightness(0) saturate(100%) invert(55%) sepia(6%) saturate(0%) hue-rotate(152deg) brightness(90%) contrast(89%);
}

.svg-mail {
    background-image: url(../svg/icon/mail.svg);
    --ava: 1.5rem
}

.svg-notify {
    background-image: url(../svg/icon/notify.svg);
    --ava: 1.5rem
}

.svg-phone {
    background-image: url(../svg/icon/phone.svg);
    --ava: 1.5rem
}

.svg-print {
    background-image: url(../svg/icon/print.svg);
    --ava: 1.5rem
}

.svg-print-up {
    background-image: url(../svg/icon/print-up.svg);
    --ava: 1.5rem
}

.svg-exel {
    background-image: url(../svg/icon/exel.svg);
    --ava: 1.5rem
}

.filter-patriot {
    background-image: url(../svg/icon/filter-patriot.svg);
    --ava: 1.5rem
}

.filter-hunter {
    background-image: url(../svg/icon/filter-hunter.svg);
    --ava: 1.5rem
}

.filter-uaz-profi {
    background-image: url(../svg/icon/filter-uaz-profi.svg);
    --ava: 1.5rem
}

.filter-simbir {
    background-image: url(../svg/icon/filter-simbir.svg);
    --ava: 1.5rem
}

.filter-uaz-469 {
    background-image: url(../svg/icon/filter-uaz-469.svg);
    --ava: 1.5rem
}

.filter-loaf {
    background-image: url(../svg/icon/filter-loaf.svg);
    --ava: 1.5rem
}

.filter-gazelle {
    background-image: url(../svg/icon/filter-gazelle.svg);
    --ava: 1.5rem
}

.filter-gazelle-next {
    background-image: url(../svg/icon/filter-gazelle-next.svg);
    --ava: 1.5rem
}

.filter-vaz {
    background-image: url(../svg/icon/filter-vaz.svg);
    --ava: 1.5rem
}

.after-like::after {
    background-image: url(../svg/icon/like.svg);
    --ava: 1.5rem
}

.after-unlike::after {
    background-image: url(../svg/icon/unlike.svg);
    --ava: 1.5rem
}

[data-icon=save]::before {
    background-image: url(../svg/icon/love.svg);
    --ava: 1.5rem
}

[data-icon=remove]::before {
    background-image: url(../svg/icon/basket-orn.svg);
    --ava: 1.5rem
}

[data-icon=mess]::before {
    background-image: url(../svg/icon/notify.svg);
    --ava: 1.5rem
}

[data-icon=delivery]::before {
    background-image: url(../svg/icon/delivery.svg);
    --ava: 1.5rem
}

[data-icon=price]::before {
    background-image: url(../svg/icon/bad-price.svg);
    --ava: 1.5rem
}

.filter-0 {
    --ava: 2rem
}

.filter-0:after {
    content: "";
    background-image: url(../svg/filter/0.svg)
}

.filter-1 {
    --ava: 2rem
}

.filter-1:after {
    content: "";
    background-image: url(../svg/filter/1.svg)
}

.filter-2 {
    --ava: 2rem
}

.filter-2:after {
    content: "";
    background-image: url(../svg/filter/2.svg)
}

.filter-3 {
    --ava: 2rem
}

.filter-3:after {
    content: "";
    background-image: url(../svg/filter/3.svg)
}

.filter-4 {
    --ava: 2rem
}

.filter-4:after {
    content: "";
    background-image: url(../svg/filter/4.svg)
}

.filter-5 {
    --ava: 2rem
}

.filter-5:after {
    content: "";
    background-image: url(../svg/filter/5.svg)
}

.filter-6 {
    --ava: 2rem
}

.filter-6:after {
    content: "";
    background-image: url(../svg/filter/6.svg)
}

.filter-7 {
    --ava: 2rem
}

.filter-7:after {
    content: "";
    background-image: url(../svg/filter/7.svg)
}

.filter-8 {
    --ava: 2rem
}

.filter-8:after {
    content: "";
    background-image: url(../svg/filter/8.svg)
}

.filter-9 {
    --ava: 2rem
}

.filter-9:after {
    content: "";
    background-image: url(../svg/filter/9.svg)
}

[data-icon] {
    position: relative
}

[data-icon]:before {
    content: ""
}

.svg-user.filter-grey {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.icon-close {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .75rem;
    flex: 0 0 .75rem;
    width: .75rem;
    height: .75rem;
    padding: 0;
    border: none;
    background-color: transparent;
    color: var(--grc);
    cursor: pointer;
    position: relative;
    -webkit-transition: .1s all;
    transition: .1s all
}

.icon-close:after, .icon-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: currentColor;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.icon-close:after {
    width: 100%;
    height: .125rem
}

.icon-close:before {
    width: .125rem;
    height: 100%
}

.icon-element {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: .625rem
}

.category-products .cp-filter, .category-products .cp-item .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.baners .slider-baners {
    background-image: url(../img/helicopter.png);
    background-position-x: left
}

.baners--mobile .content, .baners--mobile small {
    display: none
}

.category-products {
    position: relative
}

.category-products .cp-filter {
    position: absolute;
    top: var(--i16);
    right: var(--i16);
    width: 2.5rem;
    height: 2.5rem;
    border: var(--line-green-9);
    border-radius: var(--br);
    padding: .375rem
}

/* .category-products .cp-items {
    margin-top: var(--i32)
} */

.category-products .cp-item {
    -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;
    gap: var(--i8)
}

.category-products .cp-item .arrow {
    position: absolute;
    /* bottom: var(--i16); */
    right: var(--i20);
    width: var(--i32);
    height: var(--i32)
}

.category-products .cp-num {
    font-weight: 300;
    font-size: var(--f20);
    margin: 0
}

.category-products .cp-text {
    text-transform: uppercase;
    overflow-wrap: anywhere;
    margin: 0;
    padding-right: 2rem
}

.category-products .ava {
    width: 4rem;
    height: 4rem
}

.key-words-list {
    background: var(--f)
}

.key-words-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--i16);
    -moz-column-gap: var(--i16);
    column-gap: var(--i16)
}

.key-words-link[style*="color: #213846"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.key-words-link[style*="color: #1e3d74"] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.key-words-link[style*="color: #a7a16a"] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.key-words-link[style*="color: #244e02"] {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.key-words-link[style*="color: #2a5e02"] {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.show-faq-box form {
    max-width: 32rem;
    width: 100%
}

.show-faq-box form button {
    width: 100%
}

.show-faq-box form .btn-box {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.show-faq-box form label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.sf-content {
    width: 100%
}

iframe:not([class]), iframe[class=""] {
    max-width: 100%;
    aspect-ratio: 4/3;
    height: auto
}

@media (max-width: 1294px) {
    .baners {
        padding: 0
    }
}

@media (max-width: 1267px) {
    .category-products .cp-text {
        text-transform: initial
    }

    .category-products .cp-text::first-letter {
        text-transform: uppercase
    }
}

@media (max-width: 1167px) {
    .baners.p64 {
        padding: 0
    }
}

@media (max-width: 700px) {
    .baners.p64.bg-white {
        flex-direction: column;
    }
}

@media (max-width: 867px) {
    .category-products .cp-num {
        display: none
    }
}

@media (max-width: 767px) {
    .baners .slider-baners {
        --logo: 4rem;
        padding: var(--i32) var(--i20);
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        background-position-x: right;
        background-size: 500%
    }

    .baners .slider-baners .logo {
        height: 5rem
    }

    .baners .slider-nav, .baners .slider-timer, .baners .track {
        display: none
    }

    .baners--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem var(--i32)
    }

    .baners--mobile .content, .baners--mobile small {
        display: block
    }

    .baners--mobile .content {
        max-width: calc(100% - var(--logo) - var(--i32))
    }

    .baners--mobile .sb-title {
        font-size: 1.25rem;
        margin-bottom: .5rem
    }

    .baners--mobile p {
        line-height: 120%
    }

    .baners--mobile small {
        font-size: .75rem;
        line-height: 120%
    }
}

@media (max-width: 667px) {
    .category-products .cp-num {
        display: block
    }
}

@media (max-width: 467px) {
    .show-faq-box form .btn-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .category-products .cp-num {
        display: none
    }
}

@media (max-width: 367px) {
    .category-products .cp-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .category-products .cp-text {
        padding-right: 0
    }

    .category-products .cp-filter {
        top: 0;
        left: 0
    }

    .category-products .arrow {
        bottom: auto;
        top: 1.25rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .baners--mobile .content {
        max-width: 100%
    }
}

.product--form, .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product--slider .ava, .product--status, .product--track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news .cart--new {
    --w: 60rem;
    margin: 0 auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.news .cart--new:not(:last-child) {
    margin-bottom: var(--i20)
}

.product--status {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem
}

.product--status .enhave, .product--status .have {
    margin: 0
}

.product--slider .ava {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    aspect-ratio: 1.3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: var(--i20);
    hanging-punctuation: .5rem
}

.product--slider .ava [class*=badge] {
    margin-bottom: auto
}

.product--track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    gap: .5rem;
    margin-top: auto
}

.product--track .slide {
    --ava: 2rem;
    width: var(--ava);
    height: var(--ava);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--ava);
    flex: 0 0 var(--ava);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.product--track .slide.active {
    pointer-events: none
}

.product--track .slide:not(.active) {
    opacity: .5;
    -webkit-transition: .1s opacity;
    transition: .1s opacity
}

.product--track .slide:not(.active):hover {
    opacity: 1
}

.product--form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: var(--i32)
}

.product--form button {
    width: calc(100% - 4.5rem)
}

.cart--product.full .product--form button {
    max-width: 7.188rem;
    white-space: nowrap;
}

.product--form a {
    width: 100%
}

.product--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--i20)
}

.product--info .cost {
    font-weight: 500;
    font-size: var(--i24);
    line-height: 150%;
    margin-right: 1rem
}

.product--info small {
    color: var(--gr)
}

.product--info .btns {
    -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: start;
    gap: 1rem;
    margin: var(--i32) 0
}

.product--info .cart--std {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.product--cost {
    font-weight: 500;
    font-size: var(--i64);
    line-height: 150%
}

.form-number {
    width: 4rem;
    text-align: center;
    border: var(--line-gr);
    border-radius: .25rem
}

.tabs {
    gap: .5rem;
    margin-bottom: var(--i24)
}

.tab {
    width: 100%;
    background-color: transparent;
    color: var(--clr);
    text-align: center;
    border: none;
    border-bottom: var(--line-gr);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tab.active {
    background-color: var(--main);
    border-color: var(--main);
    color: var(--f);
    pointer-events: none
}

.catalog--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem
}

.catalog--nav .nav--page {
    margin: 0
}

.catalog .product--container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.catalog .product--container.ctlg--compact {
    justify-content: flex-start;
}

@media (max-width: 967px) {
    .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tab.active {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

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

    .catalog--nav .nav--page {
        margin: 0 auto
    }
}

@media (max-width: 367px) {
    .product--slider .ava {
        aspect-ratio: 0;
        min-height: 16rem
    }
}

@media (max-width: 764px) and (min-width: 600px) {
    .product--slider .ava {
        aspect-ratio: 2
    }
}

@media (

(
max-width:

1367
px

)
and

(
min-width:

1129
px

)
)
or

(
max-width:

667
px

)
{
.contacts .table--line td.mini {
    max-width: 100%
}

.contacts .table--line td {
    width: auto
}

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

.modal-city, .modal-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal {
    position: fixed;
    inset: 0;
    background: var(--subtitle);
    z-index: 999999;
    pointer-events: all
}

.modal .regions_modal {
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-height: 100vh;
    overflow-y: auto;
    max-width: 100vw;
    overflow-x: hidden;
    border: var(--line-gr)
}

.modal .btn-standart {
    max-width: 15.1875rem;
    width: 100%;
    margin-top: var(--i32)
}

.modal .check-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    margin-top: var(--i16)
}

.modal .check-box p {
    font-size: .75rem;
    line-height: 120%;
    color: var(--grc)
}

.modal .check-box a {
    color: var(--main)
}

.modal .checkbox input[type=checkbox] ~ label, .modal .checkbox input[type=checkbox] ~ label::before {
    width: .75rem;
    height: .75rem
}

.modal .checkbox input[type=checkbox] ~ label {
    display: block
}

.modal .checkbox input[type=checkbox] ~ label:after {
    left: .1875rem;
    top: .1875rem;
    width: .5rem;
    height: .375rem
}

.modal-body {
    position: relative;
    width: 100%;
    max-width: 53.625rem;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--f);
    border-radius: .25rem;
    padding: var(--i64)
}

.modal-close {
    --xy: 2.5rem;
    position: absolute;
    top: var(--xy);
    right: var(--xy);
    width: 1.375rem;
    height: 1.375rem;
    border: none;
    background: 0 0;
    cursor: pointer
}

.modal-close:after, .modal-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--grl);
    -webkit-transition: .1s background-color linear;
    transition: .1s background-color linear
}

.modal-close:before {
    width: 100%;
    height: .125rem
}

.modal-close:after {
    width: .125rem;
    height: 100%
}

.modal-close:hover:after, .modal-close:hover:before {
    background-color: var(--main)
}

.modal-title {
    margin-bottom: var(--i24)
}

.modal-descr {
    margin-bottom: var(--i16)
}

.modal-item-name {
    margin-bottom: var(--i32)
}

.modal-label {
    gap: var(--i32);
    margin-bottom: var(--i16)
}

.modal-label:last-child {
    margin-bottom: 0
}

.modal-label-txt {
    min-width: 7.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 7.5rem
}

.modal-answer {
    width: 100%
}

.modal-city {
    width: 100%;
    gap: .625rem
}

.modal-city .input-city {
    width: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.modal-city .input-city:hover {
    color: var(--main)
}

@media (max-width: 467px) {
    .modal-label {
        -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: start;
        gap: .25rem
    }

    .modal-label-txt {
        max-width: 100%;
        min-width: 100%
    }
}

@media (max-width: 367px) {
    .modal-body {
        padding: 1.25rem
    }

    .modal-close {
        --xy: 0.625rem
    }

    .modal-title {
        margin-bottom: var(--i16)
    }

    .modal-descr {
        margin-bottom: .625rem
    }

    .modal-item-name {
        margin-bottom: 1.25rem
    }

    .modal .btn-standart {
        margin-top: 1.25rem
    }

    .line {
        margin: 1.25rem 0
    }

    .basic-cost, .modal-item-name {
        font-size: 1.125rem
    }
}

@media (max-width: 1267px) and (min-width: 367px) {
    .modal-body {
        padding: calc(4.89vw + 2.06px)
    }

    .modal-close {
        --xy: calc(3.33vw + -2.23px)
    }

    .modal-title {
        margin-bottom: calc(.89vw + 12.74px)
    }

    .modal-descr {
        margin-bottom: calc(.67vw + 7.55px)
    }

    .modal-item-name {
        margin-bottom: calc(1.33vw + 15.11px)
    }

    .modal .btn-standart {
        margin-top: calc(1.33vw + 15.11px)
    }

    .line {
        margin: calc(1.33vw + 15.11px) 0
    }

    .modal-item-name {
        font-size: calc(.22vw + 17.18px)
    }

    .basic-cost {
        font-size: calc(.67vw + 15.55px)
    }
}

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

.notice.container:not(:empty) {
    gap: var(--i20)
}

.notice.container:empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

.notice.container:empty:after {
    content: "На данный момент уведомлений нет";
    font-weight: 600;
    font-size: var(--f20);
    text-align: center;
    color: var(--main)
}

.notice .notice-block {
    max-width: 100%;
    text-align: left;
    padding: var(--i10) var(--i64) var(--i10) var(--i16);
    margin: 0
}

.notice-block {
    position: relative;
    max-width: 51.4375rem;
    width: 100%;
    text-align: center;
    background: var(--ok);
    border-radius: var(--br);
    padding: var(--i10) var(--i16);
    margin: var(--i64) auto
}

.notice-block a {
    color: var(--main);
    font-weight: 500
}

.notice-block p {
    margin: 0
}

.notice-close {
    position: absolute;
    top: var(--i10);
    right: var(--i16);
    width: var(--i16);
    height: var(--i16);
    padding: 0;
    border: 0;
    color: var(--color);
    background: 0 0 !important;
    cursor: pointer;
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.notice-close:after, .notice-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: currentColor;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: .1s background-color linear;
    transition: .1s background-color linear
}

.notice-close:before {
    width: .0625rem;
    height: 100%
}

.notice-close:after {
    width: 100%;
    height: .0625rem
}

.notice-close:hover {
    color: var(--main)
}

@media (max-width: 667px) {
    .notice-block {
        text-align: left;
        padding: var(--i10) var(--i64) var(--i10) var(--i16);
        margin: 0
    }
}

.arrow, .nav--page, .sort--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box--wheel .container, .sort--wrap, .tags, .way-item .accordion-name, .way-item .trigger-child, .way-item .way-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inset, .link-to-block {
    position: absolute;
    inset: 0
}

.box--wheel .container, .wheel-track ~ .container, body .discount--cart > * {
    position: relative;
    z-index: 1
}

.bcg-contain, .bcg-cover {
    background-repeat: no-repeat;
    background-position: center
}

.article--content, .container {
    width: 100%;
    padding: 0 var(--container)
}

.container {
    max-width: 85.625rem;
    margin: 0 auto
}

.article--content {
    max-width: 67rem;
    margin: var(--i64) auto
}

.article--content h2:not(:first-child) {
    margin-top: var(--i32)
}

.article--content h2:not(:last-child) {
    margin-bottom: var(--i24)
}

.article--content ol, .article--content ul {
    margin: 0 0 .5rem
}

.article--content img {
    max-height: 35rem;
    max-width: 45rem;
    margin: 1rem auto
}

.article--content [class*=btn] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.article--content a:not(.deanchor,[class*=btn]) {
    color: var(--main)
}

.article--content a:not(.deanchor,[class*=btn]):hover {
    color: var(--main-active)
}

.article--content > a:not([class*=btn]) {
    display: block;
    margin: 1rem 0
}

.print {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.map-main {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.deanchor {
    color: var(--gr);
    pointer-events: none
}

.no-scroll {
    overflow: hidden
}

.hide, .old-version {
    display: none !important
}

.max-line-3 {
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 3;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: box;
    word-wrap: break-word;
    box-orient: vertical
}

.bold {
    font-weight: 600;
    line-height: 120%
}

.bcg-cover {
    background-size: cover
}

.bcg-contain {
    background-size: contain
}

.link-to-block {
    /* border-bottom: var(--line-gr); */
    border-bottom: 1px solid #EDEDDE;
    -webkit-transition: .1s border-color linear;
    transition: .1s border-color linear;
    cursor: pointer;
    z-index: 1
}

.link-to-block ~ div.arrow {
    color: var(--green-9)
}

.link-to-block:hover {
    border-color: var(--main);
    border: 1px solid var(--main);
    border-radius: 4px;
}

.link-to-block:hover ~ div.arrow {
    color: var(--main)
}

.arrow, .btn-arrow {
    position: relative;
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.arrow:after, .btn-arrow:after {
    content: "";
    display: block;
    width: var(--i8);
    height: var(--i8);
    border-top: var(--line-current-2);
    border-right: var(--line-current-2);
    -webkit-transform: translateX(-25%) rotate(45deg);
    -ms-transform: translateX(-25%) rotate(45deg);
    transform: translateX(-25%) rotate(45deg)
}

.arrow {
    color: var(--main)
}

.btn-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 120%;
    color: var(--color);
    gap: var(--i8)
}

.btn-arrow:after {
    border-color: var(--main)
}

.title {
    margin-bottom: var(--i16)
}

.title--std {
    font-weight: 500;
    font-size: var(--h5);
    line-height: 120%;
    margin-bottom: .5rem;
    color: var(--color)
}

.wheel-track {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 4.5rem;
    width: 100vw;
    background-image: url(../img/wheel-track.png);
    background-size: contain;
    opacity: .1;
    pointer-events: none
}

.wheel--post {
    position: relative
}

.bg-white {
    background-color: var(--f)
}

[class*=flex] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i20)
}

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

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

.flex-spb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.btn-box {
    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;
    gap: var(--i8)
}

.header-to-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--i20);
    margin-bottom: var(--i32)
}

.enhave, .have {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    text-align: center;
    padding: 0 .5rem;
    margin: 0 auto
}

.have {
    background-color: var(--ok);
    color: var(--color)
}

.enhave {
    background-color: var(--gr);
    color: var(--f)
}

.btn-br {
    border: var(--line);
    padding: var(--i8) var(--i16);
    background-color: transparent
}

.address--cart .title:not(:last-child) {
    margin-bottom: 1rem
}

.address--cart .title:not(:first-child) {
    margin-top: 1.5rem
}

.address--new:not(:first-child) {
    margin-top: var(--i32);
    padding-top: var(--i32);
    border-top: var(--line-grc)
}

.nav--page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    gap: .5rem
}

.nav--page:not(:first-child) {
    margin-top: var(--i32)
}

.nav--page:not(:last-child) {
    margin-bottom: var(--i32)
}

.nav--page .btn-slide-left {
    margin-right: .5rem
}

.nav--page .btn-slide-right {
    margin-left: .5rem
}

.nav--page .link, .nav--page p {
    text-align: center
}

.nav--page .link {
    color: var(--main)
}

.nav--page .link.active {
    padding: 0 .5rem;
    background-color: var(--main);
    border-radius: .25rem;
    color: var(--f);
    pointer-events: none
}

.nav--page [class*=btn-]:hover {
    color: var(--f)
}

.bb-link {
    font-weight: 400;
    margin-right: var(--i24);
    border-bottom: var(--line)
}

.post {
    background-color: var(--f);
    border-radius: var(--br);
    padding: var(--i32)
}

.post--width {
    position: relative;
    max-width: 39.75rem;
    width: 100%;
    margin: var(--i32) 0
}

.post--width .btn-box {
    margin-top: var(--i32)
}

.post--width .btn-box small {
    margin: 0
}

.post--width .btn-box button {
    width: 100%
}

.sfh-item {
    -webkit-column-gap: var(--i64);
    -moz-column-gap: var(--i64);
    column-gap: var(--i64);
    padding-bottom: var(--i8);
    border-bottom: var(--line-grl)
}

.main-title {
    font-weight: 500;
    margin-bottom: var(--i16)
}

.cart-grey {
    background-color: var(--bg-light);
    border-radius: var(--i4);
    padding: var(--i24)
}

.subtitle {
    font-size: var(--f14);
    color: var(--subtitle)
}

.subtitle:not(:last-child) {
    margin-bottom: var(--i8)
}

.without-indentation p {
    margin-bottom: 0
}

.blackout {
    z-index: 10
}

.blackout:after {
    position: fixed;
    inset: 0;
    background-color: var(--subtitle)
}

.blackout.active::after {
    content: ""
}

.blackout.active button, .blackout.active input {
    z-index: 2
}

.blackout.active .add-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1
}

.blackout-to-form {
    width: 100%
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.box--wheel {
    position: relative;
    overflow: hidden
}

.box--wheel .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--i20)
}

.box--wheel img {
    width: 35rem;
    height: auto;
    margin: calc(-1 * var(--i64))
}

body .discount--cart {
    position: relative;
    padding: var(--i32)
}

body .discount--cart:after {
    content: attr(data-fon);
    position: absolute;
    top: 0;
    left: -1rem;
    font-weight: 700;
    font-size: 12.5rem;
    line-height: 1;
    color: var(--f)
}

body .discount--cart .btn-close {
    z-index: 2
}

body .discount--cart .title {
    margin-bottom: 1rem
}

body .discount--cart .btn-arrow {
    margin-top: 1rem
}

body .discount--cart.active {
    display: none
}

.text-start {
    text-align: start
}

.text-center {
    text-align: center
}

.text-end {
    text-align: end
}

.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: var(--i24)
}

.total p {
    margin-bottom: 0
}

.tags {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.sort--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: var(--i32)
}

.sort--link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--f);
    padding: .25rem .5rem;
    gap: .5rem;
    border-radius: .25rem
}

.sort--link[data-sort]::before {
    content: "";
    width: 1rem;
    height: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuODYwOCAxMS45NzQyTDEyLjgzNjEgMTQuODY2OUMxMi42NTA1IDE1LjA0NDQgMTIuMzQ5NSAxNS4wNDQ0IDEyLjE2MzkgMTQuODY2OUw5LjEzOTIxIDExLjk3NDJDOC45NTM2IDExLjc5NjYgOC45NTM2IDExLjUwODggOS4xMzkyMSAxMS4zMzEzQzkuMzI0ODIgMTEuMTUzOCA5LjYyNTc2IDExLjE1MzggOS44MTEzNyAxMS4zMzEzTDEyLjAyNDcgMTMuNDQ4MUwxMi4wMjQ3IDUuMzMzMDRlLTA4TDEyLjk3NTMgNC4wNTc4ZS0wOEwxMi45NzUzIDEzLjQ0ODFMMTUuMTg4NiAxMS4zMzEzQzE1LjM3NDIgMTEuMTUzOCAxNS42NzUyIDExLjE1MzggMTUuODYwOCAxMS4zMzEzQzE2LjA0NjQgMTEuNTA4OCAxNi4wNDY0IDExLjc5NjYgMTUuODYwOCAxMS45NzQyWiIgZmlsbD0iIzEyMTIxMiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjEzOTIwOCAzLjAyNTg0TDMuMTYzOTIgMC4xMzMxMzNDMy4zNDk1MyAtMC4wNDQzNzc1IDMuNjUwNDcgLTAuMDQ0Mzc3NSAzLjgzNjA4IDAuMTMzMTMzTDYuODYwNzkgMy4wMjU4NEM3LjA0NjQgMy4yMDMzNSA3LjA0NjQgMy40OTExNiA2Ljg2MDc5IDMuNjY4NjdDNi42NzUxOCAzLjg0NjE4IDYuMzc0MjQgMy44NDYxOCA2LjE4ODYzIDMuNjY4NjdMMy45NzUyOSAxLjU1MTkxTDMuOTc1MjkgMTVMMy4wMjQ3MSAxNUwzLjAyNDcxIDEuNTUxOTFMMC44MTEzNjYgMy42Njg2N0MwLjYyNTc1NSAzLjg0NjE4IDAuMzI0ODE5IDMuODQ2MTggMC4xMzkyMDggMy42Njg2N0MtMC4wNDY0MDM0IDMuNDkxMTYgLTAuMDQ2NDAzNCAzLjIwMzM1IDAuMTM5MjA4IDMuMDI1ODRaIiBmaWxsPSIjMTIxMjEyIi8+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.sort--link.active {
    color: var(--main)
}

.sort--link.active[data-sort]::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuODYwOCAxMS45NzQyTDEyLjgzNjEgMTQuODY2OUMxMi42NTA1IDE1LjA0NDQgMTIuMzQ5NSAxNS4wNDQ0IDEyLjE2MzkgMTQuODY2OUw5LjEzOTIxIDExLjk3NDJDOC45NTM2IDExLjc5NjYgOC45NTM2IDExLjUwODggOS4xMzkyMSAxMS4zMzEzQzkuMzI0ODIgMTEuMTUzOCA5LjYyNTc2IDExLjE1MzggOS44MTEzNyAxMS4zMzEzTDEyLjAyNDcgMTMuNDQ4MUwxMi4wMjQ3IDUuMzMzMDRlLTA4TDEyLjk3NTMgNC4wNTc4ZS0wOEwxMi45NzUzIDEzLjQ0ODFMMTUuMTg4NiAxMS4zMzEzQzE1LjM3NDIgMTEuMTUzOCAxNS42NzUyIDExLjE1MzggMTUuODYwOCAxMS4zMzEzQzE2LjA0NjQgMTEuNTA4OCAxNi4wNDY0IDExLjc5NjYgMTUuODYwOCAxMS45NzQyWiIgZmlsbD0iIzEyMTIxMiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjEzOTIwOCAzLjAyNTg0TDMuMTYzOTIgMC4xMzMxMzNDMy4zNDk1MyAtMC4wNDQzNzc1IDMuNjUwNDcgLTAuMDQ0Mzc3NSAzLjgzNjA4IDAuMTMzMTMzTDYuODYwNzkgMy4wMjU4NEM3LjA0NjQgMy4yMDMzNSA3LjA0NjQgMy40OTExNiA2Ljg2MDc5IDMuNjY4NjdDNi42NzUxOCAzLjg0NjE4IDYuMzc0MjQgMy44NDYxOCA2LjE4ODYzIDMuNjY4NjdMMy45NzUyOSAxLjU1MTkxTDMuOTc1MjkgMTVMMy4wMjQ3MSAxNUwzLjAyNDcxIDEuNTUxOTFMMC44MTEzNjYgMy42Njg2N0MwLjYyNTc1NSAzLjg0NjE4IDAuMzI0ODE5IDMuODQ2MTggMC4xMzkyMDggMy42Njg2N0MtMC4wNDY0MDM0IDMuNDkxMTYgLTAuMDQ2NDAzNCAzLjIwMzM1IDAuMTM5MjA4IDMuMDI1ODRaIiBmaWxsPSIjRjA1RDIzIi8+DQo8L3N2Zz4NCg==)
}

.sort--link.desc[data-sort]::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sort--link:hover .icon-close {
    color: currentColor
}

.way-item .accordion-name {
    font-size: 1rem;
    border: none;
    margin: 0
}

.way-item .accordion-name:hover {
    color: var(--color)
}

.way-item .cost {
    max-width: 9rem;
    width: 100%;
    font-weight: 500;
    font-size: var(--f20);
    text-align: center
}

.way-item .way-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: var(--i24) 0
}

.way-item .trigger-child {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.way-item .trigger-child:not(:last-child) {
    margin-bottom: var(--i24);
    padding-bottom: var(--i24);
    border-bottom: var(--line-grc)
}

.way-item .trigger-child .title {
    font-weight: 500;
    font-size: var(--h5);
    line-height: 120%;
    margin-bottom: .5rem;
    color: var(--color)
}

.way-item .trigger-child.check--trigger {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.way-item .accordion-child {
    border: var(--line-grc);
    border-radius: .25rem
}

.way-item .accordion-child .content {
    padding: var(--i24)
}

.way-item .accordion-child .btn-arrow {
    margin-top: 1rem
}

.body svg {
    width: 1.5rem;
    height: 1.5rem
}

.message {
    margin-bottom: var(--i32)
}

.reg-form {
    margin: var(--i64) auto
}

.reg-form .or-line {
    font-weight: 500;
    font-size: var(--h3);
    line-height: 120%;
    margin: var(--i32) auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.reg-form .yandex-oauth {
    height: 50px;
    display: block
}

body .reg-form .flex-column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

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

.popup-visible {
    z-index: 2
}

@media (min-width: 568px) {
    .btn-arrow {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

@media (min-width: 668px) {
    .post--width .btn-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .vw16 {
        width: 16vw !important
    }
}

@media (max-width: 1267px) {
    .blackout-to-form {
        position: fixed
    }
}

@media (max-width: 1067px) {
    .box--wheel .wheel-track {
        top: 0
    }

    .box--wheel img {
        display: none
    }

    .header-to-back, [class*=flex] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 967px) {
    body .discount--cart {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: -2;
        grid-column-end: -1
    }
}

@media (max-width: 767px) {
    .sf-header {
        -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
    }

    .sf-header .sfh-item {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media (max-width: 667px) {
    .way-item .cost {
        margin: 0 auto
    }

    .way-item .way-header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .way-item .accordion-child .trigger-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 467px) {
    .way-item .way-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .way-item .trigger-child.check--trigger {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .way-item .check--trigger {
        -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
    }
}

.btn-slide-left, .btn-slide-right, .btns, .slider-baners, .slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider--header {
    position: relative;
    z-index: 1
}

.slider-nav {
    position: absolute;
    bottom: var(--i32);
    left: var(--i128);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn-slide-left, .btn-slide-right, .btns, .slider-nav {
    gap: var(--i8)
}

.btn-slide-left, .btn-slide-right {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: var(--br);
    background-color: var(--grl);
    color: var(--f);
    border-color: transparent;
    cursor: pointer;
    -webkit-transition: .1s background-color linear;
    transition: .1s background-color linear
}

.btn-slide-left:after, .btn-slide-right:after {
    content: "";
    width: var(--i8);
    height: var(--i8)
}

.btn-slide-left:hover, .btn-slide-right:hover {
    background-color: var(--main)
}

.btn-slide-left:after {
    border-bottom: var(--line-current-2);
    border-left: var(--line-current-2);
    -webkit-transform: translateX(25%) rotate(45deg);
    -ms-transform: translateX(25%) rotate(45deg);
    transform: translateX(25%) rotate(45deg)
}

.btn-slide-right:after {
    border-top: var(--line-current-2);
    border-right: var(--line-current-2);
    -webkit-transform: translateX(-25%) rotate(45deg);
    -ms-transform: translateX(-25%) rotate(45deg);
    transform: translateX(-25%) rotate(45deg)
}

.slider-timer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: var(--i4);
    background-color: var(--main)
}

.slider-timer.active {
    width: 100%;
    -webkit-transition: 10s width linear;
    transition: 10s width linear
}

.slider-baners {
    --logo: 15.25rem;
    position: relative;
    min-height: 20rem;
    width: 100%;
    background-color: var(--frame);
    border-radius: var(--i20);
    padding: var(--i40) var(--i64) var(--i40) var(--pl);
    gap: var(--i64);
    overflow: hidden;
    z-index: 0;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-baners:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider-baners .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--logo);
    flex: 0 0 var(--logo);
    width: var(--logo);
    height: 19.6875rem
}

.slider-baners .track {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2rem 0
}

.slider-baners .slide {
    display: none
}

.slider-baners .slide.active {
    display: block
}

.slider-baners .sb-title, .slider-baners .sb-txt {
    width: 100%
}

.slider-baners .sb-title {
    max-width: 50rem
}

.slider-baners .sb-txt {
    max-width: 35.3125rem;
    margin-top: var(--i24)
}

.slider-baners .slider-nav {
    left: calc(var(--i64) + var(--pl) + var(--logo));
    bottom: var(--i40)
}

.slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem var(--i64);
    /* margin-bottom: var(--i64); */
    margin-bottom: var(--i32);
}

.slider--window {
    width: 100%;
    height: 100%;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden
}

.slider--window:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.slider--track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i20);
    -webkit-transition: .3s all;
    transition: .3s all
}

.slider .slide {
    position: relative
}

@media (min-width: 1440px) {
    .slider-baners {
        --pl: calc(var(--i64) * 4)
    }
}

@media (max-width: 1294px) {
    .slider-baners {
        border-radius: 0
    }
}

@media (max-width: 867px) {
    .slider-baners {
        --pl: var(--i64)
    }
}

@media (max-width: 667px) {
    .slider-baners .sb-txt {
        margin-top: var(--i8)
    }
}

@media (max-width: 467px) {
    .slider-baners {
        min-height: 22rem
    }
}

@media (max-width: 1440px) and (min-width: 867px) {
    .slider-baners {
        --pl: calc(33.51vw + -226.51px)
    }
}

.ac_results .col1-ava, .ac_results span.stock span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ac_results .col1, .ac_results .s-item, .ac_results form.input, .ac_results form.input .consultant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ac_results .s-item .col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ac_results {
    left: 50% !important;
    max-width: 46.875rem;
    width: 100% !important;
    background: var(--f);
    padding: var(--i16) var(--i32);
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ac_results span.stock {
    position: relative;
    margin-left: 0 !important
}

.ac_results span.stock span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1111;
    background: var(--ok);
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: .25rem var(--i16);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .ac_results .col_red {
    background-color: var(--frame) !important
}

body .ac_results .col_yellow {
    background-color: var(--ok) !important
}

body .ac_results li .stock {
    margin-bottom: .5rem;
    padding: .25rem var(--i16);
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    font-weight: 500
}

.ac_results form.input button, .ac_results form.input img {
    margin-left: var(--i16)
}

.ac_results ul {
    list-style: none;
    width: 100%;
    margin: var(--i32) 0 var(--i64);
    padding: 0
}

.ac_results li {
    padding: var(--i16) 0;
    border-bottom: var(--line-grc);
    cursor: pointer;
    -webkit-transition: .1s border-color linear;
    transition: .1s border-color linear
}

.ac_results li:first-child {
    padding-top: 0
}

.ac_results li:last-child {
    border-bottom: none
}

.ac_results li:hover {
    border-color: var(--main)
}

.ac_results li:hover .name {
    color: var(--main)
}

.ac_results li .stock {
    margin: 0 .5rem
}

.ac_results .s-item {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ac_results .s-item .col2 {
    margin-left: var(--i20);
    min-width: 11.125rem
}

.ac_results .s-item .clear {
    display: none
}

.ac_results .col1 .name {
    font-weight: 500;
    line-height: 120%
}

.ac_results .col2 .price {
    font-weight: 500;
    font-size: var(--i24);
    line-height: 150%;
    margin-bottom: .5rem
}

.ac_results .col2 .oldprice {
    font-weight: 500;
    text-decoration-line: line-through;
    color: var(--green-9);
    margin-bottom: .5rem
}

.ac_results .col2 .code {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .5rem;
    background: var(--frame);
    border-radius: .25rem
}

.ac_results .col1-ava {
    --ava: 7.3125rem;
    position: relative;
    min-width: var(--ava);
    min-height: var(--ava);
    width: var(--ava);
    height: var(--ava);
    overflow: hidden;
    margin-right: var(--i16)
}

.ac_results .col1-ava img {
    -o-object-fit: cover;
    object-fit: cover
}

.ac_results .col1-ava .spec {
    position: absolute;
    top: .5rem;
    left: .5rem;
    font-weight: 500;
    color: var(--main);
    padding: .25rem;
    background-color: var(--f)
}

.ac_results-just-do-it {
    overflow-y: scroll;
    height: 100%
}

.stock {
    background: var(--ok) !important;
    text-align: center !important;
    color: var(--green) !important;
    width: 9.375rem !important
}

.bs-stock {
    width: 100%
}

@media (max-width: 1067px) {
    .ac_results .s-item .col2 {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

@media (max-width: 667px) {
    .ac_results {
        padding: var(--i16)
    }
}

@media (max-width: 567px) {
    body .ac_results li .stock {
        margin: 0;
        margin-left: .5rem
    }

    .ac_results .s-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ac_results .s-item .col2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-top: var(--i16);
        margin-left: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ac_results .col2 .price {
        line-height: 1;
        font-size: var(--i20);
        margin: 0;
        margin-left: .5rem
    }

    .ac_results .col1-ava {
        --ava: 6.25rem
    }
}

@media (max-width: 467px) {
    .ac_results .col1 .name {
        font-size: .875rem
    }

    .ac_results .col2 .code {
        display: none
    }

    .ac_results .col1-ava {
        --ava: 5rem;
        margin-right: .5rem
    }
}

@media (max-width: 417px) {
    .ac_results .s-item .col2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

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

    .ac_results .col2 .price {
        margin-left: 0;
        margin-top: .5rem
    }
}

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

.flex-c-s, .flex-c-sb, .flex-center, .flex-col-center, .flex-fit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.flex-c-s, .flex-start, .flex-stretch {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.flex-center, .flex-col-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[class*=flex-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.flex-c-sb {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

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

.flex--basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i20)
}

.flex--basket .btn-std {
    width: 100%
}

.flex--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex--table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i20)
}

.flex--table .table--form .tr {
    -ms-grid-columns:(1fr) [ 6 ];
    grid-template-columns:repeat(6, 1fr)
}

@media (max-width: 1367px) {
    .flex--table .table--form {
        --max: 100%
    }

    .flex--table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 967px) and (min-width: 768px) {
    .flex--basket {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (

(
max-width:

1067
px

)
and

(
min-width:

968
px

)
)
or

(
max-width:

767
px

)
{
.flex--basket .item {
    width: 100%
}

}
#vk_groups1, .arrow-sort-nav, .btn-print, .content-tab button, .cs-item, .list-number, .popup-notice, .reviews-items .reviews-img, .show-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bread-crumb, .bread-crumb a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bs-btn, .bs-item, .discussions-item, .main-filter-catalog-item, .pf-form-item label, .reg-finish .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-list {
    padding: .625rem 1rem .625rem .625rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMS4yNDAzNkwxLjE5MjcyIDBMNi41IDUuNTE5MjhMMTEuODA3MyAwTDEzIDEuMjQwMzZMNi41IDhMMCAxLjI0MDM2WiIgZmlsbD0iI0YwNUQyMyIvPg0KPC9zdmc+DQo=) no-repeat;
    background-size: 1rem;
    background-position-y: center;
    background-position-x: calc(100% - .5rem);
    width: 8rem;
    cursor: pointer;
    -webkit-transition: .1s background-color linear;
    transition: .1s background-color linear
}

#sortForm .select-list:hover {
    background-color: var(--f)
}

.arrow-sort-nav {
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.nav-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 1rem;
    text-align: center;
    cursor: pointer;
    margin: 0 .25rem;
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

p.nav-list {
    color: var(--main)
}

.nav-list:hover {
    color: var(--main)
}

.nav-list-active {
    color: var(--main)
}

.list-more {
    color: var(--color) !important;
    cursor: default
}

.list-number {
    margin: 0 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.show-nav-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.rating-mini {
    display: inline-block;
    font-size: 0;
    height: 1rem
}

.rating-mini span {
    padding: 0;
    font-size: var(--i20);
    line-height: 1;
    color: var(--frame)
}

.rating-mini > span:before {
    content: "★"
}

.rating-mini > span.active {
    color: var(--main)
}

#main-filter-catalog {
    background: var(--f)
}

.main-filter-catalog-items {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.main-filter-catalog-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: var(--ln-grl);
    margin-right: .5rem;
    padding: var(--i20) 0;
    cursor: pointer;
    -webkit-transition: .3s border-bottom linear;
    transition: .3s border-bottom linear
}

.main-filter-catalog-item:hover {
    border-color: var(--main)
}

.main-filter-catalog-item:last-child {
    margin-right: 0
}

.filter-catalog-active {
    border-bottom: var(--line)
}

.main-filter-catalog-link {
    font-size: .75rem;
    line-height: 150%;
    text-align: center;
    margin-top: .5rem
}

.main-filter-catalog-ava {
    height: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bread-crumb {
    width: 100%;
    gap: 1rem;
    margin-top: var(--i32);
    margin-bottom: var(--i64);
    overflow-x: auto
}

.bread-crumb::-webkit-scrollbar {
    height: 0
}

.bread-crumb a, .bread-crumb p {
    font-size: .875rem;
    line-height: 120%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.bread-crumb a {
    color: var(--main);
    gap: 1rem
}

.bread-crumb a:after {
    content: "/";
    color: var(--gr)
}

.bread-crumb p {
    color: var(--gr)
}

.bs-status {
    font-weight: 500;
    text-align: center;
    color: var(--f);
    background: var(--grl);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .25rem;
    line-height: initial
}

.bs-code {
    padding: .5rem;
    background: var(--frame);
    border-radius: .25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1
}

.bs-cost {
    font-weight: 500;
    font-size: var(--i24);
    line-height: 150%;
    margin-right: 1rem
}

.bs-info {
    margin: 1rem 0
}

.bs-zakaz {
    width: 100%;
    padding: .625rem var(--i20);
    margin-bottom: .5rem;
    border: var(--line);
    background: 0 0;
    color: var(--main);
    -webkit-transition: .1s color linear, .1s background linear;
    transition: .1s color linear, .1s background linear
}

.bs-zakaz:hover {
    background: var(--main);
    color: var(--f)
}

.bs-colocol {
    width: 100%;
    padding: .625rem .25rem
}

.bs-colocol, .bs-stock, .bs-zakaz {
    font-size: .875rem
}

.bs-btn {
    width: 100%;
    padding-top: .5rem !important;
    margin-top: auto
}

.bs-btn .position-relative {
    width: 100% !important
}

.ava-lupa {
    position: absolute;
    bottom: var(--i24);
    left: var(--i24);
    width: 2rem;
    height: 2rem;
    cursor: pointer
}

.bs-item {
    width: 19rem;
    background: var(--f);
    margin: .625rem;
    padding-bottom: .5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.bs-item-ava {
    width: 100%;
    height: 14.125rem;
    margin-bottom: 1rem;
    position: relative
}

.bs-btn, .bs-descr, .bs-info, .bs-item-up {
    padding: 0 .5rem
}

.bs-descr:hover {
    color: var(--main)
}

.left-nav {
    padding-top: var(--i24)
}

.left-nav-title {
    font-weight: 500;
    line-height: 120%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: .5rem 0 1rem
}

.left-nav-arrow {
    margin-left: .5rem;
    cursor: pointer
}

.left-nav-arrow svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .1s -webkit-transform ease-out;
    transition: .1s -webkit-transform ease-out;
    transition: .1s transform ease-out;
    transition: .1s transform ease-out, .1s -webkit-transform ease-out
}

.left-nav-child-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 1rem;
    margin-left: 1rem;
    position: relative
}

.left-nav-child-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: .125rem;
    background: var(--main);
    -webkit-transition: .5s width ease-out;
    transition: .5s width ease-out
}

.left-nav-child-link:hover:after {
    width: 100%
}

.up-arrow svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.oldPrice {
    font-weight: 500;
    text-decoration-line: line-through;
    color: var(--green-9)
}

.content-tab form {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--i32);
    background: var(--f);
    border-radius: .25rem;
    margin-bottom: var(--i20)
}

.content-tab button {
    font-weight: 500;
    line-height: 120%;
    color: var(--f);
    padding: .625rem var(--i32);
    background-color: var(--main);
    border-radius: .25rem;
    cursor: pointer;
    width: 100%;
    -webkit-transition: .1s background-color linear;
    transition: .1s background-color linear;
    border-color: transparent;
    margin-top: 1rem
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem 0
}

.form-group input {
    min-width: 24.0625rem;
    height: 2.5rem
}

.form-group textarea {
    min-width: 24.0625rem;
    height: 6.25rem;
    resize: none
}

.form-group label {
    max-width: 19rem;
    width: 100%;
    padding-right: var(--i20)
}

.messages .item {
    width: 100%;
    padding: var(--i24);
    background: var(--f);
    border-radius: .25rem;
    margin-bottom: var(--i20)
}

.messages .item:last-child {
    margin-bottom: 0
}

.catalog-part-link {
    width: 100%;
    padding: .5rem;
    background: var(--f);
    border-radius: .25rem;
    margin: .25rem 0
}

.catalog-part-link a:hover {
    color: var(--main)
}

.alert-info {
    padding: .625rem 1rem;
    background-image: url(../svg/art/bg.svg);
    background-size: cover;
    background-color: var(--green);
    background-repeat: no-repeat;
    background-attachment: fixed;
    will-change: background-attachment;
    position: relative;
    margin: var(--i64) auto var(--i32);
    color: #fff;
    text-align: center;
    font-weight: 400
}

.alert-info a {
    color: var(--main);
    font-weight: 500;
    border-bottom: none
}

.alert-danger, .alert-success {
    background: var(--main)
}

.alert-warning {
    background: var(--stop)
}

.alert {
    max-width: 80.875rem;
    width: 100%;
    margin: 0 auto;
    padding: var(--i24);
    border-radius: .25rem;
    font-weight: 500;
    line-height: 120%;
    color: var(--f)
}

.alert a {
    color: var(--f);
    border-bottom: .0625rem var(--f) solid
}

.recall-notice {
    position: absolute;
    top: 100%;
    width: 15.625rem;
    padding: var(--i24);
    background: var(--f);
    border-radius: .25rem;
    border: var(--line-grc);
    color: var(--color) !important;
    z-index: 10
}

.popup-notice {
    position: fixed;
    top: 50%;
    left: 50%;
    background: var(--subtitle);
    color: var(--color) !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 99999
}

.popup-notice form {
    border: var(--line-grc);
    border-radius: .25rem;
    padding: var(--i24);
    background-color: var(--f)
}

.popup-notice input, .recall-notice input {
    min-width: 100%
}

.popup-notice input[type=submit], .recall-notice input[type=submit] {
    margin: .625rem 0
}

.checkbox-el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.checkbox-el input {
    display: none
}

.checkbox-el span {
    width: .75rem;
    height: .75rem;
    border: var(--line-grc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .25rem;
    position: relative;
    display: block;
    margin-right: .5rem
}

.checkbox-el input:checked ~ span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64%;
    height: 32%;
    border-top: var(--line);
    border-right: var(--line);
    -webkit-transform: translate(-50%, -80%) rotate(135deg);
    -ms-transform: translate(-50%, -80%) rotate(135deg);
    transform: translate(-50%, -80%) rotate(135deg)
}

#show-catalog {
    padding: 0;
    margin: var(--i64) 0;
    overflow: hidden
}

.border-color-orang {
    border-color: var(--main) !important
}

.baza-rec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .625rem;
    color: var(--f);
    background-color: var(--green)
}

.baza-proc {
    background-color: var(--f);
    padding: .625rem;
    font-weight: 500;
    font-size: var(--i32);
    line-height: 120%;
    color: var(--gr)
}

.reviews-items .reviews-img {
    width: var(--i64);
    height: var(--i64);
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 1rem
}

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

.page {
    margin: var(--i64) auto
}

.discussions-item, .reviews-item {
    width: 31%;
    border-radius: .25rem;
    padding: var(--i32);
    margin: .625rem
}

.discussions-item {
    background: var(--bg)
}

.reviews-item {
    background: var(--f)
}

.discussions-link {
    margin-top: auto
}

.discussions-items, .reviews-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.25rem
}

.discussions-date, .reviews-date {
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr);
    margin-bottom: 1rem
}

.discussions-txt {
    margin-bottom: 1rem
}

.reviews-name {
    font-weight: 500;
    padding-bottom: .5rem
}

#vk_groups1 {
    max-width: 11.125rem;
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fl-up-mobile {
    width: 100%;
    display: none
}

.fl-up-mobile .accordion-name {
    margin: 0;
    margin-bottom: var(--i20)
}

.fl-up-mobile .accordion-name:last-child {
    margin-bottom: 0
}

.to-old-design a {
    color: var(--main);
    line-height: 120%
}

.btn-print {
    border: var(--line-grc);
    border-radius: .25rem;
    background-color: transparent;
    padding: .625rem;
    margin-top: 1rem;
    cursor: pointer;
    -webkit-transition: .1s background-color linear, .1s color linear, .1s border-color linear;
    transition: .1s background-color linear, .1s color linear, .1s border-color linear
}

.btn-print .svg {
    width: var(--i24);
    height: var(--i24);
    margin-right: .5rem
}

.btn-print svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.btn-print:hover {
    background-color: var(--main);
    color: var(--f);
    border-color: var(--main)
}

.btn-print:hover svg path {
    stroke: var(--f)
}

.badges, .bagdes {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem
}

.bagdes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse
}

.bagdes .spectitle {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    margin-bottom: .25rem
}

.badges {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.badges > * {
    position: initial
}

.special-offers-title-abs {
    z-index: 2
}

.link-clic {
    margin-top: .625rem;
    color: var(--main);
    background-color: transparent;
    border: var(--line);
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.link-clic:hover {
    color: var(--f)
}

.product-filters {
    background-color: var(--f);
    border-radius: .25rem;
    margin-bottom: var(--i32);
    padding: var(--i32)
}

.pf-title {
    color: var(--green-light);
    margin-bottom: var(--i24)
}

.pf-checkbox, .pf-checkbox .checkbox-el, .pf-form-item, .pf-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pf-checkbox .checkbox-el, .pf-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pf-checkbox .checkbox-el {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: revert;
    flex-direction: revert
}

.pf-checkbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: .5rem
}

.pf-input-number {
    width: 6rem;
    margin-right: .5rem
}

.pf-checkbox .checkbox-el:last-child, .pf-input-number:last-child {
    margin-right: 0
}

.pf-form-item label {
    width: 100%;
    margin-right: var(--i24)
}

.pf-name {
    font-size: var(--i20);
    line-height: 150%;
    color: var(--green-light);
    margin-bottom: .5rem
}

.pf-btn {
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
    place-self: center;
    margin-top: .5rem
}

.pf-input-txt {
    width: 30.8125rem
}

.cs-item {
    border: none;
    background-color: var(--f);
    border-radius: .25rem;
    padding: .5rem 1rem;
    margin: .5rem;
    font-size: .875rem;
    cursor: pointer;
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.cs-item:hover {
    color: var(--main)
}

.show-catalog-sort {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.catalog-sort-title {
    margin-right: var(--i32);
    margin-bottom: .5rem
}

.catalog-sort {
    margin: -.5rem;
    inline-size: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.asn-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.asn-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.asn-arrow-active path {
    fill: var(--main)
}

.cs-name {
    margin-left: .5rem
}

.bs-availability {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .875rem;
    margin: .75rem 0 0 .5rem;
    padding: .25rem .625rem
}

.border-availability {
    border: .0625rem var(--stop) solid
}

.bs-wholesale-price {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 .5rem .5rem;
    color: var(--main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bswp-name {
    margin-right: .25rem
}

.bs-number-col {
    width: var(--i64);
    margin-right: .5rem;
    text-align: center
}

.bs-form-btn {
    margin: 0 .5rem;
    width: auto;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: auto
}

.bs-descr {
    margin-bottom: .5rem
}

#axcrt {
    background-color: var(--f);
    padding: var(--i32);
    border-radius: .25rem;
    -webkit-box-shadow: 0 .375rem .625rem .125rem rgba(34, 60, 80, .2);
    box-shadow: 0 .375rem .625rem .125rem rgba(34, 60, 80, .2)
}

.line {
    border-color: var(--gr);
    border-bottom: 0;
    margin: var(--i32) 0
}

.basic-cost {
    font-weight: 500;
    font-size: var(--i24)
}

.rf-form .input-name {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.rf-title {
    color: var(--green-light)
}

.rf-text {
    line-height: 150%
}

.rf-bold {
    font-weight: 500;
    font-size: var(--i20);
    line-height: 120%
}

.reg-finish {
    padding: var(--i128) 0
}

.reg-finish .btn-standart {
    max-width: 16.3125rem;
    width: 100%
}

.reg-finish .container {
    gap: var(--i32)
}

.actions a {
    -webkit-transition: .1s color linear;
    transition: .1s color linear
}

.actions a:hover {
    color: var(--main)
}

.catalog-child-title, .main-filter-catalog-link, .show-catalog-item-name, .show-catalog-nav-name {
    display: block;
    text-transform: lowercase
}

.catalog-child-title:first-letter, .main-filter-catalog-link:first-letter, .show-catalog-item-name:first-letter, .show-catalog-nav-name:first-letter {
    text-transform: capitalize
}

.td-status-close, .td-status-ok, .td-status-process, .td-status-unite {
    color: var(--f);
    text-align: center
}

.td-status-close {
    color: var(--stop)
}

.td-status-ok {
    color: var(--status-ok)
}

.td-status-process {
    color: var(--main)
}

.td-status-unite {
    color: var(--gr)
}

.newtitle, .specsize, .spectitle, .super {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 120%;
    color: var(--f);
    padding: .625rem;
    background: var(--status-ok)
}

.spectitle {
    background: var(--main)
}

@media (max-width: 1367px) {
    .main-filter-catalog-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .main-filter-catalog-item {
        width: 9.5rem;
        height: auto
    }

    .main-filter-catalog-link {
        font-size: .875rem
    }

    .pf-form-item label {
        width: auto
    }

    .pf-name {
        font-size: var(--f18)
    }

    .pf-btn {
        margin-top: 0
    }

    .pf-input-txt {
        width: 100%
    }
}

@media (max-width: 1167px) {
    .to-old-design a {
        text-align: start
    }

    .to-old-design a br {
        display: none
    }
}

@media (max-width: 1117px) {
    .bs-item-ava {
        height: 15.625rem
    }

    .pf-input-txt {
        width: 56vw
    }
}

@media (max-width: 1067px) {
    .pf-input-txt {
        width: 52vw
    }
}

@media (max-width: 967px) {
    .discussions-item, .reviews-item {
        width: 45%
    }

    .pf-input-txt {
        width: calc(52vw - 30px)
    }

    #cookieNotice {
        display: none
    }
}

@media (max-width: 867px) {
    .pf-form-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pf-input-txt {
        width: 100%
    }
}

@media (max-width: 817px) {
    .pf-form-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .pf-btn {
        margin-top: .5rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    .bs-item-ava {
        height: 14.125rem
    }

    .discussions-item, .reviews-item {
        width: 100%;
        margin: 0;
        margin-bottom: var(--i20)
    }

    .discussions-item:last-child, .reviews-item:last-child {
        margin-bottom: 0
    }

    .discussions-items, .reviews-items {
        display: block;
        margin: 0
    }
}

@media (max-width: 667px) {
    .bs-btn {
        position: initial;
        margin-top: 1rem
    }

    .bs-item {
        width: 64%;
        height: auto
    }

    .form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .form-group label {
        padding-right: 0;
        padding-bottom: .625rem
    }

    .form-group input {
        margin-bottom: var(--i20)
    }

    .form-group .content-tab form {
        margin: 0 auto;
        margin-bottom: var(--i20)
    }

    .form-group input, .form-group textarea {
        min-width: initial;
        width: 100%
    }

    .recall-notice {
        right: 0
    }

    .pf-form-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pf-form-item label {
        margin-right: 0;
        margin-bottom: .5rem
    }
}

@media (max-width: 633px) {
    .recall-notice {
        left: 0
    }
}

@media (max-width: 567px) {
    .list-number {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 517px) {
    body .rh-reset {
        bottom: var(--i24) !important
    }
}

@media (max-width: 467px) {
    .bs-item {
        width: 72%
    }
}

@media (max-width: 417px) {
    .rating-mini {
        display: none
    }

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

    .bs-item {
        width: 88%
    }
}

@media (max-width: 367px) {
    .main-filter-catalog-item {
        width: 100%;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 1rem
    }

    .main-filter-catalog-link {
        margin-top: 0;
        margin-left: .5rem;
        font-size: 1rem;
        text-align: start
    }

    .main-filter-catalog-ava {
        height: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .bs-item {
        width: 96%
    }

    .bs-item-ava {
        height: 14.25rem
    }

    .recall-notice {
        width: 100%
    }

    .baza-proc {
        font-size: 1rem
    }

    .discussions-item, .reviews-item {
        padding: 1rem;
        margin-left: -.9375rem;
        margin-right: -.9375rem;
        inline-size: auto
    }

    .pf-checkbox {
        -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: start;
        gap: .25rem
    }

    .pf-checkbox .p {
        font-size: .875rem
    }

    .pf-checkbox .checkbox-el {
        margin: 0
    }

    .rf-text {
        font-size: 1rem
    }

    .basket-btn-item {
        width: 100%
    }

    .catalog-text {
        display: block;
        padding-right: 0;
        font-weight: 300;
        font-size: .875rem;
        line-height: 120%;
        color: var(--f);
        padding-top: .25rem
    }
}

@media (max-width: 300px) {
    .baza-proc {
        display: none
    }
}

@media (max-width: 267px) {
    .main-filter-catalog-item {
        padding: .5rem
    }

    .main-filter-catalog-link {
        font-size: .875rem
    }

    .main-filter-catalog-ava {
        height: 2rem
    }

    .bs-item {
        width: 100%
    }
}

@media (max-width: 1267px) and (min-width: 367px) {
    .rf-text {
        font-size: calc(.44vw + 14.37px)
    }
}

.regionselect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.regionselect .openpopup {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .54375rem .375rem 0 .375rem;
    border-color: var(--main) transparent transparent transparent;
    -webkit-transition: .1s -webkit-transform linear;
    transition: .1s -webkit-transform linear;
    transition: .1s transform linear;
    transition: .1s transform linear, .1s -webkit-transform linear
}

.regions_modal {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 42rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: calc(100vh - 2.5rem);
    background-color: var(--frame);
    padding: var(--i20);
    gap: .5rem 1rem;
    z-index: 99999;
    overflow-y: auto
}

.regions_modal a:hover {
    color: var(--main)
}

.regions_modal .clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.regions_modal li {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.regions_modal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: .5rem 1rem
}

.regions_modal hr {
    width: 100%;
    margin: 0
}

.address {
    position: relative
}

.address.active .regionselect .openpopup {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.address.active .allowregion, .address.active .regions_modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.allowregion {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999999;
    background: var(--frame);
    width: 17rem;
    padding: 1rem;
    top: 100%;
    left: 0
}

.ar-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.ar-answer a:hover {
    color: var(--main)
}

@media (max-width: 767px) {
    .regions_modal {
        max-width: calc(100vw - 5rem)
    }
}

@media (max-width: 300px) {
    .allowregion {
        width: 100%
    }
}

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

.show-photo {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: var(--color)
}

.show-photo-element {
    max-height: 80%;
    max-width: 90%;
    -o-object-fit: contain;
    object-fit: contain
}

.show-photo-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background-color: var(--green-light);
    border-radius: .5rem;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: .1s opacity linear;
    transition: .1s opacity linear
}

.show-photo-close:hover {
    opacity: 1
}

.show-photo-close:after, .show-photo-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--f);
    border-radius: .5rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.show-photo-close:before {
    width: 100%;
    height: .25rem
}

.show-photo-close:after {
    width: .25rem;
    height: 100%
}

.cart--new .poster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brief, .cart--faq .accordion-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart, .cart--new .content, [class*=cart--] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart--new .poster img {
    position: absolute;
    inset: 0
}

.cart--product .product--form, .cart--program > * {
    position: relative;
    z-index: 1
}

.fon-grey-item {
    padding: var(--i64);
    border-radius: var(--i20);
    background-image: url(../../../../../../../assets/img/fon-grey.jpg);
    background-size: contain;
    background-color: var(--frame);
    background-attachment: fixed;
    will-change: background-attachment;
    overflow: hidden
}

.badge-discount, .badge-sale, .badge-spec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .625rem
}

.badge-spec {
    background: var(--main);
    color: var(--f)
}

.badge-sale {
    background: var(--green);
    color: var(--f)
}

.badge-discount {
    font-weight: 500;
    font-size: var(--h2);
    line-height: 120%;
    background: var(--f);
    color: var(--main)
}

.brief {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.brief .code {
    order: 1;
    margin: 0;
}

.brief .bs-wholesale-price {
    order: 2;
    margin: 0;
}

.cart, [class*=cart--] {
    position: relative;
    background-color: var(--f);
    overflow: hidden
}

.cart .btn-arrow, [class*=cart--] .btn-arrow {
    margin-top: auto
}

.carts--check {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: var(--i20)
}

.carts--check .check--trigger {
    height: 100%;
    padding-bottom: 1rem;
    border-bottom: var(--line-grc)
}

.cart {
    border-radius: var(--br);
    /* padding: var(--i24) */
    padding: 10px;
}

.cart--program {
    text-align: center
}

.cart--program .txt {
    max-width: 39.8125rem;
    width: 100%;
    margin: var(--i24) auto .5rem
}

.cart--program .btn-arrow {
    margin: auto
}

.cart--program::after, .cart--program::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
    font-size: calc(var(--i128) * 2);
    line-height: 120%;
    text-align: center;
    color: var(--f);
    pointer-events: none
}

.cart--program::after {
    content: attr(data-after);
    right: 0
}

.cart--program::before {
    content: attr(data-before);
    left: 0
}

.cart--product {
    --w: 20rem;
    max-width: var(--w);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--w);
    flex: 0 0 var(--w);
    padding: 1rem;
    overflow: hidden
}

.cart--product a.inset {
    border-bottom: var(--line-grl);
    -webkit-transition: .1s border-color;
    transition: .1s border-color
}

.cart--product:hover a.inset {
    border-color: var(--main)
}

.cart--product .ava {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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-line-pack: start;
    align-content: start;
    width: 100%;
    aspect-ratio: 1.37;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1rem;
    margin: -1rem;
    margin-bottom: 1rem;
    inline-size: auto;
    gap: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart--product .ava .svg-lupa {
    --ava: 2rem;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    cursor: pointer
}

.cart--product .product--form {
    margin-top: auto
}

.cart--product .cost {
    font-weight: 500;
    font-size: var(--h3);
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 1rem;
    margin-bottom: 0
}

.cart--product .cost:after {
    content: attr(data-old);
    text-decoration-line: line-through;
    color: var(--main);
    font-size: 1rem
}

.cart--product .code {
    text-align: center;
    padding: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--frame);
    border-radius: .25rem
}

.cart--new {
    --w: 35rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: var(--w);
    width: 100%;
    height: 14.6875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--w);
    flex: 0 0 var(--w);
    border-radius: .25rem
}

.cart--new .content {
    --w: 50%;
    width: var(--w);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--w);
    flex: 0 0 var(--w);
    padding: 1rem
}

.cart--new .name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cart--new .name:not(:last-child) {
    margin-bottom: var(--i32)
}

.cart--new .poster {
    position: relative;
    width: 100%;
    overflow: hidden
}

.cart--new .poster img {
    -o-object-fit: cover;
    object-fit: cover
}

.cart--new .ava {
    -o-object-position: right;
    object-position: right
}

.cart--faq .title {
    margin-bottom: var(--i20)
}

.cart--faq .txt {
    margin-bottom: var(--i32)
}

.cart--faq .accordion-name:hover, .cart--faq .accordion.active {
    color: inherit
}

.cart--faq .accordion-name:hover .arrow, .cart--faq .accordion.active .arrow {
    color: var(--main)
}

.cart--faq .accordion-name {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: var(--i32);
    padding-bottom: .5rem;
    border: none;
    border-bottom: var(--line-gr);
    -webkit-transition: .1s all;
    transition: .1s all;
    cursor: pointer
}

.cart--faq .accordion-name .arrow {
    color: var(--gr)
}

.cart--faq .content {
    background-color: var(--f);
    padding: var(--i24)
}

.cart--info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(auto) [ 3 ];
    grid-template-columns:repeat(3, auto);
    gap: var(--i20)
}

.cart--info .title {
    margin-bottom: .5rem
}

.cart--info a {
    display: block;
    color: var(--main);
    margin-bottom: 1rem
}

.cart--info a:first-of-type {
    margin-top: var(--i32)
}

.cart--info a:last-child {
    margin-bottom: 0
}

.cart--sub {
    font-size: .875rem;
    width: 100%;
    padding: var(--i24);
    background-color: var(--bg-light);
    border-radius: .25rem;
    text-align: start;
    margin: 0
}

.cart--std {
    border-radius: var(--br);
    padding: var(--i32)
}

.cart--inviz {
    background-color: transparent;
    padding: var(--i32)
}

.cart--value:not(:last-child) {
    margin-bottom: var(--i24)
}

.cart--value a {
    font-size: var(--f20)
}

.cart--shop {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: var(--i24);
    border-radius: .25rem .25rem 0 0;
    border-bottom: var(--line-grc);
    border-width: .125rem;
    overflow: visible;
    -webkit-transition: .1s all;
    transition: .1s all;
    cursor: pointer
}

.cart--shop .name {
    font-size: var(--f20)
}

.cart--shop.active, .cart--shop:active, .cart--shop:hover {
    border-color: var(--main)
}

.cart--shop.active button, .cart--shop:active button, .cart--shop:hover button {
    background-color: var(--main-active);
    color: var(--f)
}

.cart--shop:hover button {
    border-color: currentColor
}

.cart--shop.active button, .cart--shop:active button {
    border-color: var(--main-active)
}

.cart--shop[data-click] button:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.cart--shop.active {
    z-index: 9
}

.cart--shop.active button:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cart--shop.active .detail {
    display: block
}

.cart--shop .detail {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    background: var(--f);
    border-top: var(--line);
    border-width: .125rem;
    padding: var(--i64) 0;
    cursor: default
}

.cart--shop .detail .map {
    width: 100%;
    min-height: 16rem;
    max-height: 50vh;
    aspect-ratio: 1
}

@media (max-width: 1294px) {
    body .cart--faq, body .cart--program {
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding: var(--i64) var(--container)
    }
}

@media (max-width: 1167px) {
    .cart--info {
        -ms-grid-columns:(auto) [ 2 ];
        grid-template-columns:repeat(2, auto)
    }

    .cart--info .item:first-of-type {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: -2;
        grid-column-end: -1
    }

    .cart--info a:first-of-type {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .cart--info {
        -ms-grid-columns:(auto) [ 1 ];
        grid-template-columns:repeat(1, auto);
        gap: 0
    }

    .cart--info .item:first-of-type .title {
        margin-top: 0
    }

    .cart--info .title {
        margin-top: var(--i32)
    }
}

@media (max-width: 667px) {
    .cart--new {
        --w: 100%
    }
}

@media (max-width: 567px) {
    .cart--new {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 100%
    }

    .cart--new .content {
        --w: 100%
    }

    .cart--new .name {
        font-size: var(--h4)
    }

    .cart--new .ava {
        min-height: 10rem;
        width: 100%;
        aspect-ratio: 2;
        -o-object-position: center;
        object-position: center
    }
}

@media (max-width: 367px) {
    .cart--product {
        --w: 100%
    }
}

@media (

(
max-width:

1267
px

)
and

(
min-width:

968
px

)
)
or

(
max-width:

867
px

)
{
.carts--check {
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr)
}

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

.filter--link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font-size: .75rem;
    line-height: 150%;
    text-align: center;
    gap: .5rem;
    padding: 1rem 0;
    border-bottom: var(--line-grl);
    border-width: .125rem;
    -webkit-transition: .1s all;
    transition: .1s all
}

.filter--link:hover {
    border-color: var(--main)
}

@media (max-width: 410px) {
    .filter--link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        text-align: start
    }
}

.sidebar--manu a:not(:only-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sidebar, .sidebar .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sidebar--manu a:not(:only-child) {
    gap: var(--i8)
}

.sidebar--manu a:not(:only-child)::after {
    content: "";
    display: block;
    width: var(--i8);
    height: var(--i8);
    border-top: var(--line);
    border-right: var(--line);
    border-width: .125rem;
    -webkit-transform: translateY(-25%) rotate(135deg);
    -ms-transform: translateY(-25%) rotate(135deg);
    transform: translateY(-25%) rotate(135deg);
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.child-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: .25rem 1rem
}

.child-link:first-child {
    margin-top: 1rem
}

.child-link:last-child {
    margin-bottom: 0
}

.sidebar {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: 1rem
}

.sidebar .accordion.active .accordion-name {
    color: var(--main)
}

.sidebar .accordion .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.sidebar .accordion .name a {
    color: var(--color)
}

.sidebar .accordion .name a:hover {
    color: var(--main)
}

.sidebar .accordion .name small {
    margin: auto 0
}

.sidebar .accordion-name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    margin: 0
}

.sidebar .accordion-name:hover {
    color: var(--main)
}

.sidebar--manu {
    position: sticky;
    top: 8rem;
    max-width: 18.5rem;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.sidebar--manu a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: .5rem
}

.sidebar--manu a small {
    margin-top: 0
}

.sidebar--manu ol, .sidebar--manu ul {
    display: none;
    list-style: none;
    margin: .5rem 0 1rem
}

.sidebar--manu .item > a {
    font-weight: 500
}

.sidebar--manu .item, .sidebar--manu li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.sidebar--manu .item:not(:first-child), .sidebar--manu li:not(:first-child) {
    margin-top: .5rem
}

.sidebar--manu .item:not(:last-child), .sidebar--manu li:not(:last-child) {
    margin-bottom: .5rem
}

.sidebar--manu .item:hover a:after, .sidebar--manu li:hover a:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sidebar--manu .item:hover ol, .sidebar--manu .item:hover ul, .sidebar--manu li:hover ol, .sidebar--manu li:hover ul {
    display: block
}

@media (min-width: 968px) {
    .sidebar {
        position: sticky;
        top: 8rem;
        max-width: 19.3125rem
    }
}

@media (max-width: 1370px) {
    .sidebar--manu {
        display: none
    }
}

@media (max-width: 967px) {
    .sidebar {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }

    .sidebar .accordion {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 667px) {
    .sidebar {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 567px) {
    .sidebar {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr)
    }
}

.table--form .input, .table-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table--form {
    --max: 39.875rem;
    max-width: var(--max);
    width: 100%
}

.table--form .tr .input, .table--form .tr > label {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: -3;
    grid-column-end: -1;
    width: 100%
}

.table--form .input {
    gap: .75rem
}

.table--form .input img {
    width: auto;
    height: 2.5rem
}

.table--form .name {
    margin-top: .25rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.table--form .trigger {
    --ava: 1.5rem;
    margin-top: 0
}

.table--form .subtitle {
    color: var(--grc)
}

.table--form .title {
    margin: var(--i32) 0 var(--i24)
}

.table--form .title:first-child {
    margin-top: 0
}

.table--form .title:last-child {
    margin-bottom: 0
}

.table--form [type=submit] {
    margin: var(--i24) auto 0
}

.table--form .btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: var(--i24)
}

.table--form .btns [type=submit] {
    margin: 0
}

.table--line {
    width: 100%;
    border-collapse: collapse
}

.table--line .btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1rem;
    gap: 1rem
}

.table--line a.name {
    font-weight: 500;
    line-height: 120%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.table--line th {
    font-weight: 400;
    color: var(--grc);
    vertical-align: top
}

.table--line td {
    /*width: .0625rem;*/
    padding: var(--i24) 0;
    vertical-align: top
}

.table--line td:not(:first-child) {
    padding-left: .5rem
}

.table--line td:not(:last-child) {
    padding-right: .5rem
}

.table--line td.mini {
    max-width: 1.5rem
}

.table--line tr {
    border-bottom: var(--line-grc)
}

.table--line tr:first-child:not([class=border]) {
    border-bottom: none
}

.table--line-btn td {
    width: auto
}

.table--line-btn .btn--icon {
    font-size: 1rem;
    font-weight: 400
}

.table--line-btn .btns {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: auto
}

.table--line-btn .btns .btn-arrow {
    margin-top: 0
}

.table--total {
    max-width: 15.375rem;
    width: 100%;
    border-collapse: collapse
}

.table--total:not(:first-child) {
    margin-top: var(--i24)
}

.table--total td, .table--total th {
    padding: .25rem 0
}

.table-btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: .5rem
}

.td-title {
    display: block;
    font-weight: 500;
    line-height: 120%;
    width: 5rem
}

.td-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.td-block:not(:last-child) {
    margin-bottom: var(--i24)
}

@media (min-width: 568px) {
    .table--form .tr {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr);
        gap: var(--i20);
        margin-bottom: .5rem
    }
}

@media (max-width: 1267px) {
    .scroll-x {
        overflow-x: auto
    }

    .scroll-x table {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }
}

@media (max-width: 1267px) and (max-width: 667px) {
    .scroll-x table {
        font-size: 1rem
    }
}

@media (max-width: 1267px) and (max-width: 567px) {
    .scroll-x table {
        font-size: 1rem
    }
}

@media (max-width: 967px) {
    .table--form {
        --max: 100%
    }
}

@media (max-width: 667px) {
    .table--line {
        font-size: .875rem
    }

    .table--line td.mini {
        max-width: 100%
    }
}

@media (max-width: 567px) {
    .table--form .tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem
    }

    .table--line {
        font-size: .75rem
    }
}

@media (

(
max-width:

1267
px

)
and

(
min-width:

968
px

)
)
or

(
max-width:

767
px

)
{
.table--line .code, .table--line .cost {
    display: none
}

}
.tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i20)
}

.tablet--content {
    width: 100%
}

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

.clr {
    color: var(--color)
}

.bg {
    background-color: var(--bg)
}

.bg-light {
    background-color: var(--bg-light)
}

body .clr-bg {
    color: var(--bg) !important
}

body .clr-bg-light {
    color: var(--bg-light) !important
}

body .clr-main {
    color: var(--main) !important
}

body .clr-main-active {
    color: var(--main-active) !important
}

body .clr-green {
    color: var(--green) !important
}

body .clr-green-dark {
    color: var(--green-dark) !important
}

body .clr-green-light {
    color: var(--green-light) !important
}

body .clr-green-9 {
    color: var(--green-9) !important
}

body .clr-gr {
    color: var(--gr) !important
}

body .clr-grl {
    color: var(--grl) !important
}

body .clr-grc {
    color: var(--grc) !important
}

body .clr-stop {
    color: var(--stop) !important
}

body .clr-subtitle {
    color: var(--subtitle) !important
}

body .clr-ok {
    color: var(--ok) !important
}

body .clr-f {
    color: var(--f) !important
}

body .clr-frame {
    color: var(--frame) !important
}

body .bg-color {
    background-color: var(--color) !important
}

body .bg-main {
    background-color: var(--main) !important
}

body .bg-main-active {
    background-color: var(--main-active) !important
}

body .bg-green {
    background-color: var(--green) !important
}

body .bg-green-dark {
    background-color: var(--green-dark) !important
}

body .bg-green-light {
    background-color: var(--green-light) !important
}

body .bg-green-9 {
    background-color: var(--green-9) !important
}

body .bg-gr {
    background-color: var(--gr) !important
}

body .bg-grl {
    background-color: var(--grl) !important
}

body .bg-grc {
    background-color: var(--grc) !important
}

body .bg-stop {
    background-color: var(--stop) !important
}

body .bg-subtitle {
    background-color: var(--subtitle) !important
}

body .bg-ok {
    background-color: var(--ok) !important
}

body .bg-f {
    background-color: var(--f) !important
}

body .bg-frame {
    background-color: var(--frame) !important
}

body a.clr-main {
    color: var(--main)
}

body a.clr-main:hover {
    color: var(--main-active)
}

.warning {
    color: var(--stop)
}

.color-yel {
    color: var(--main) !important
}

.bcg-red {
    background: var(--main) !important
}

.bac-white, .bcg-light {
    background-color: var(--f)
}

.bac-white {
    padding: var(--i32)
}

.bg-f .cart, .bg-f [class*=cart--] {
    background-color: var(--bg)
}

.bg-f .cart .code, .bg-f [class*=cart--] .code {
    background-color: var(--f)
}

.btn--arrow, .btn--border, .btn--icon, .btn--inviz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn--flex, .btns--end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-catalog, .burger {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-catalog.mi-item {
    background: none;
    border: none;
}

.btn-catalog--outside {
    gap: 0 !important;
    min-height: 53px;
}

.btn-catalog.mi-item > .btn-catalog {
    padding: 0;
    height: 24px;
    flex-shrink: 0;
}

.btn-catalog.mi-item:hover {
    background: none !important;
}


.btn--arrow {
    gap: var(--i8);
    color: var(--main)
}

.btn--arrow::after {
    content: "";
    display: block;
    width: var(--i8);
    height: var(--i8);
    border-top: var(--line-current);
    border-right: var(--line-current);
    border-width: .125rem;
    -webkit-transform: translateY(-25%) rotate(135deg);
    -ms-transform: translateY(-25%) rotate(135deg);
    transform: translateY(-25%) rotate(135deg);
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

button.btn--icon {
    min-width: 2.5rem;
    padding: .625rem;
    border-color: transparent;
    background-color: transparent;
    color: var(--color)
}

button.btn--icon circle[fill], button.btn--icon path[fill], button.btn--icon rect[fill] {
    fill: currentColor
}

button.btn--icon circle[stroke], button.btn--icon path[stroke], button.btn--icon rect[stroke] {
    stroke: currentColor
}

button.btn--icon:hover {
    color: var(--f)
}

.btns--end {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem var(--i64)
}

.btns--end:not(:first-child) {
    margin-top: var(--i32)
}

.btns--end .btn-arrow {
    margin-top: 0 !important
}

.btns--end button {
    max-width: 17.625rem;
    width: 100%
}

.btn--num[data-step=down]:after {
    content: "-"
}

.btn--num[data-step=up]:after {
    content: "+"
}

.btn--icon {
    font-weight: 300;
    font-size: .875rem;
    line-height: 120%;
    gap: .5rem
}

.btn--flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.btn--flex:not(:first-child) {
    margin-top: var(--i24)
}

.btn--flex:not(:last-child) {
    margin-bottom: var(--i24)
}

.btn--border {
    gap: .5rem;
    padding: .5rem;
    border: var(--line-grc);
    border-radius: var(--br);
    line-height: 120%;
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn--border path[fill] {
    fill: currentColor
}

.btn--border path[stroke] {
    stroke: currentColor
}

.btn--border:hover {
    background-color: var(--main);
    color: var(--f);
    border-color: var(--main)
}

.btn--border.clr-main {
    border-color: var(--main)
}

.btn--border.clr-main:hover {
    color: var(--f) !important
}

.btn--inviz {
    gap: .5rem;
    padding: .5rem;
    color: var(--main);
    border: var(--line);
    border-color: transparent;
    border-radius: var(--br);
    line-height: 120%;
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn--inviz:active, .btn--inviz:hover {
    background-color: var(--main);
    color: var(--f);
    border-color: var(--main)
}

.btn--full {
    width: 100%;
    margin: var(--i32) 0 1rem
}

.btn--arrow {
    --ava: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--ava);
    flex: 0 0 var(--ava);
    width: var(--ava);
    height: var(--ava);
    background-color: transparent;
    border-radius: .25rem;
    border-color: transparent;
    padding: .5rem;
    cursor: pointer
}

.btn--arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-catalog, .burger {
    --wh: 2rem;
    position: relative;
    width: var(--wh);
    height: var(--wh);
    gap: var(--i4);
    color: var(--f)
}

.btn-catalog .line, .burger .line {
    background-color: currentColor;
    width: var(--i20);
    height: .125rem;
    margin: 0
}

.btn-catalog.close .line, .burger.close .line {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

#nav-btn-show.close .nav-btn-lines .line {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}


.btn-catalog.close .line:nth-child(1), .burger.close .line:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

#nav-btn-show.close .nav-btn-lines .line:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.burger {
    display: none;
    padding: 0;
    /*background-color: transparent !important;*/
    border: none
}

.burger:hover {
    color: var(--main)
}

.btn-catalog {
    --wh: 2.625rem;
    padding: .625rem;
    border-color: var(--main);
    aspect-ratio: 1
}

.back {
    position: relative;
    width: 2rem;
    height: 2rem;
    padding: 0
}

.back:after {
    content: "";
    display: block;
    width: var(--i8);
    height: var(--i8);
    border-top: var(--line-current);
    border-right: var(--line-current);
    border-width: .125rem;
    -webkit-transform: translateX(25%) rotate(225deg);
    -ms-transform: translateX(25%) rotate(225deg);
    transform: translateX(25%) rotate(225deg);
    -webkit-transition: .1s all;
    transition: .1s all
}

body .btn-close {
    position: absolute;
    top: var(--i20);
    right: var(--i20);
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    background-color: transparent;
    color: var(--gr)
}

body .btn-close:after, body .btn-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: .0625rem;
    background-color: currentColor;
    border-radius: .125rem
}

body .btn-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

body .btn-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.btn-bb {
    text-align: center;
    color: var(--main);
    width: 100%;
    display: block;
    padding: .5rem;
    border-bottom: .0625rem var(--main) solid;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: .3s background-color linear, .1s color linear;
    transition: .3s background-color linear, .1s color linear
}

.btn-bb:hover {
    background-color: var(--main);
    color: var(--f)
}

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

.bb--main {
    border-bottom: var(--line)
}

.check--trigger .trigger--rating, .check--trigger input:checked ~ .trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.check--trigger .trigger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--ava);
    flex: 0 0 var(--ava);
    width: var(--ava);
    height: var(--ava)
}

.check--trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: .5rem
}

.check--trigger .trigger {
    --ava: 1rem;
    background-color: var(--f);
    border: var(--line-gr);
    margin-top: .25rem
}

.check--trigger .trigger.small {
    --ava: 1rem;
    margin-top: .25rem
}

.check--trigger .trigger--point {
    position: relative;
    min-width: 3rem;
    width: 3rem;
    height: 1.5rem;
    background: var(--f);
    border: var(--line-grc);
    border-radius: 1.5rem;
    cursor: pointer
}

.check--trigger .trigger--point:after {
    content: "";
    position: absolute;
    top: 50%;
    left: .1875rem;
    width: 1.125rem;
    height: 1.125rem;
    background: var(--grc);
    border-radius: 1.5rem;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.check--trigger .trigger--rating {
    width: 1.5rem;
    height: 1.5rem;
    border: var(--line-gr);
    border-radius: .25rem;
    cursor: pointer;
    -webkit-transition: .1s all;
    transition: .1s all
}

.check--trigger .trigger--rating:active, .check--trigger .trigger--rating:hover {
    background-color: var(--main);
    color: var(--f)
}

.check--trigger .trigger--rating:hover {
    border-color: currentColor
}

.check--trigger .trigger--rating:active {
    border-color: var(--main)
}

.check--trigger input[type=checkbox], .check--trigger input[type=radio] {
    position: absolute !important;
    top: var(--i4);
    left: var(--i4);
    opacity: 0;
    z-index: -1
}

.check--trigger input[type=radio] ~ .trigger {
    position: relative;
    border-radius: var(--i16)
}

.check--trigger input[type=radio]:checked ~ .trigger {
    border-color: var(--main)
}

.check--trigger input[type=radio]:checked ~ .trigger:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    border-radius: 50%
}

.check--trigger input[type=checkbox] ~ .trigger {
    border-radius: var(--br)
}

.check--trigger input[type=checkbox]:checked ~ .trigger:after {
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMSAyLjg0NjE1TDUuMjQyNDIgN0wxMSAxIiBzdHJva2U9IiNGMDVEMjMiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-position: center
}

.check--trigger input:checked ~ .trigger {
    overflow: hidden
}

.check--trigger input:checked ~ .trigger:after {
    content: "";
    background: var(--main)
}

.check--trigger input:checked ~ .trigger--point:after {
    left: calc(100% - 1.3125rem);
    background-color: var(--main)
}

.check--trigger input:checked ~ .trigger--rating {
    background-color: var(--main);
    color: var(--f);
    border-color: var(--main)
}

.check--trigger label:hover ~ label {
    background-color: var(--main);
    color: var(--f);
    border-color: var(--main);
}

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

.filter--search, .filter--search .filter--now, .form--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.filter--search {
    width: 100%;
    height: calc(2.5rem + var(--p) * 2);
    background-color: var(--light);
    border-radius: var(--br)
}

.filter--search .filter--now {
    gap: .625rem
}

.filter--search .filter--now .btn-close {
    position: relative;
    top: auto;
    right: auto;
    width: .75rem;
    height: .75rem;
    color: var(--main)
}

.filter--search .filter--now .btn-close:after, .filter--search .filter--now .btn-close:before {
    height: .125rem
}

.filter--search .filter--now svg {
    height: 1.5rem;
    width: auto
}

.filter--search .filter--now path[fill] {
    fill: var(--green)
}

.form--search-line {
    --p: 0.3125rem;
    position: relative
}

.form--search-line input {
    position: relative;
    padding-right: calc(var(--p) * 2 + 2rem);
    height: calc(2.5rem + var(--p) * 2)
}

.form--search-line input:not(:-moz-placeholder-shown) ~ button[type=reset] {
    display: flex
}

.form--search-line input:not(:-ms-input-placeholder) ~ button[type=reset] {
    display: -ms-flexbox;
    display: flex
}

.form--search-line input:not(:placeholder-shown) ~ button[type=reset] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form--search-line button {
    position: absolute;
    top: var(--p);
    right: var(--p);
    width: 2.5rem;
    height: 2.5rem;
    padding: var(--i8)
}

.form--search-line button[type=reset] {
    display: none;
    /*top: .5625rem;*/
    top: 50%;
    transform: translateY(-50%);
    right: calc(var(--p) * 2 + 2.5rem);
    width: 2rem;
    height: 2rem
}

.form--search-line button[type=reset]:hover path[fill] {
    fill: var(--f)
}

.form--search-line .add-elements {
    position: absolute;
    top: calc(100% - .375rem);
    left: 0;
    right: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--f);
    border-radius: 0 0 var(--br) var(--br);
    gap: .5rem var(--base);
    padding: var(--i16) var(--i10) var(--i10) var(--i10)
}

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

.form--number input {
    width: 4rem;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    padding: .25rem;
    text-align: center
}

.form--number .btn--num {
    width: 1.5rem;
    height: auto;
    border-color: var(--main);
    padding: 0
}

.form--number .btn--num[data-step=down] {
    border-radius: .25rem 0 0 .25rem;
    font-size: var(--i32)
}

.form--number .btn--num[data-step=up] {
    border-radius: 0 .25rem .25rem 0;
    font-size: var(--i24)
}

.form--cart {
    gap: var(--i32);
    margin: var(--i32) 0
}

.form--cart .title {
    margin-bottom: var(--i32)
}

.form--cart .trigger {
    --ava: 1.5rem;
    margin-top: 0
}

.form--cart .check--trigger {
    gap: 1rem
}

.form--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: .5rem
}

.form--wrap .name {
    width: 100%;
    max-width: 12rem
}

.form--content {
    max-width: 37rem;
    width: 100%;
    gap: .5rem;
    margin: 0 auto
}

.form--content label {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.form--rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

.form--rating .check--trigger {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form--catalog .max {
    width: 100%
}

.form--catalog .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--i16)
}

.form--catalog .item .item {
    margin-top: .5rem
}

.form--catalog .item .title {
    font-size: var(--f20);
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .5rem
}

.form--catalog .item input[type=number] {
    width: 6rem
}

@media (min-width: 1268px) {
    .filter--search .filter--now {
        padding: 0 .875rem 0 .5rem;
        margin-right: -.25rem
    }
}

@media (max-width: 1267px) {
    .filter--search {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 2.625rem;
        padding: .625rem
    }

    .header .blackout.active .form--search-line {
        display: block
    }

    .header {
        padding: 10px 0 !important;
    }

    .header .form--search-line {
        position: fixed;
        top: 50%;
        left: 50%;
        display: none;
        max-width: 32rem;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0 var(--container);
        z-index: 5
    }

    .header .form--search-line button {
        right: calc(var(--container) + var(--p))
    }

    .header .form--search-line button[type=reset] {
        right: calc(var(--p) * 2 + 2.5rem + var(--container))
    }

    .header .form--search-line .add-elements {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 867px) {
    .form--content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form--catalog .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form--catalog .item .item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .form--wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0
    }
}

@media (max-width: 499px) {
    .header .form--search-line .add-elements {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .header .form--search-line .nav-item-focus {
        width: 100%;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: -2;
        grid-column-end: -1
    }

    .header .form--search-line input[type=search] {
        padding-right: 3rem
    }
}

@media (max-width: 367px) {
    .header .form--search-line .add-elements {
        -ms-grid-columns: none;
        grid-template-columns:none
    }
}

@media (max-width: 1267px) and (min-width: 468px) {
    .filter--search {
        margin-right: auto
    }
}

.header--contacts, .menu--catalog .child li a:not(:only-child), .menu--icons .mi-item, .menu > li a:not(:only-child), .nav-locations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu > li .nav-item.name:not(:only-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    width: 100%;
}

.menu > li .nav-item.main-name:not(:only-child) {
    justify-content: center
}

.menu--catalog .child li a:not(:only-child), .menu > li a:not(:only-child), .menu > li .nav-item:not(:only-child) {
    gap: var(--i8)
}

.menu--catalog .child li a:not(:only-child)::after, .menu > li a:not(:only-child)::after, .menu > li .nav-item.name:not(:only-child)::after {
    content: "";
    display: block;
    width: var(--i8);
    height: var(--i8);
    border-top: var(--line);
    border-right: var(--line);
    border-width: .125rem;
    -webkit-transform: translateY(-25%) rotate(135deg);
    -ms-transform: translateY(-25%) rotate(135deg);
    transform: translateY(-25%) rotate(135deg);
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.menu > li .nav-item.name:not(:only-child)::after {
    flex-shrink: 0;
}

.nav-item.parent.active > .nav-item.name::after {
    transform: rotate(-45deg);
}

.filter, .footer, .header {
    background-image: url(../svg/art/bg.svg);
    background-size: 100%;
    background-color: var(--green);
    background-repeat: no-repeat;
    background-attachment: fixed;
    will-change: background-attachment
}

.menu, .menu ol, .menu ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-items {
    position: relative;
    background: var(--frame);
    padding: var(--i8) 0;
    z-index: 5
}

.nav-items .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--i20)
}

.nav-locations {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
}

.check {
    position: absolute;
    top: .125rem;
    right: .125rem;
    font-weight: 700;
    font-size: var(--i10);
    line-height: 120%;
    color: var(--f);
    background-color: var(--main);
    border-radius: var(--i128);
    padding: .125rem .375rem;
    z-index: 1;
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--i24)
}

.menu > li {
    position: relative
}

.menu a {
    color: currentColor
}

.menu li {
    color: var(--green-dark)
}

.menu ol, .menu ul {
    display: none;
    background-color: var(--frame)
}

.menu--icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
}

.menu--icons .mi-item {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--i4) var(--i8);
    border-radius: var(--br);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.menu--icons .mi-item svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.menu--icons .mi-item .value {
    font-size: .875rem;
    line-height: 150%;
    text-align: center;
    color: var(--f);
    margin: 0
}

.menu--icons .mi-item:hover {
    background-color: var(--main);
    color: var(--f)
}

.menu--icons .mi-item:hover .check {
    color: var(--main);
    background-color: var(--f)
}

.menu--catalog {
    --parrent: 24.375rem;
    position: relative;
    background-color: var(--f)
}

.menu--catalog:not(.active) {
    display: none
}

.menu--catalog.active {
    position: sticky;
    inset: 0;
    height: 100%;
    z-index: 2
}

.menu--catalog.active .catalog-list {
    height: 100%;
    overflow-y: auto
}

.menu--catalog.active .catalog-list::-webkit-scrollbar {
    width: 0;
    height: 0
}

.menu--catalog ol, .menu--catalog ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu--catalog .child {
    display: none;
    position: absolute;
    inset: 0;
    grid-template-columns:repeat(auto-fit, minmax(17.25rem, 1fr));
    padding: var(--i16);
    margin-left: var(--parrent);
    -webkit-column-gap: var(--i16);
    -moz-column-gap: var(--i16);
    column-gap: var(--i16);
    overflow-y: auto
}

.menu--catalog .child .back {
    display: none
}

.menu--catalog .child ol > li > a, .menu--catalog .child > ul > li > a {
    display: block;
    font-weight: 500
}

.menu--catalog .child ol ol, .menu--catalog .child ol ul, .menu--catalog .child > ul ol, .menu--catalog .child > ul ul {
    display: none;
    margin-left: var(--i16)
}

.menu--catalog .child ol ol li:last-child, .menu--catalog .child ol ul li:last-child, .menu--catalog .child > ul ol li:last-child, .menu--catalog .child > ul ul li:last-child {
    margin-bottom: 0;
    padding-bottom: var(--i16)
}

.menu--catalog .child ol li, .menu--catalog .child > ul li {
    margin: var(--i8) 0
}

.menu--catalog .child ol li:last-child, .menu--catalog .child > ul li:last-child {
    margin-bottom: 0
}

.menu--catalog .child li {
    position: relative
}

.menu--catalog .child li a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.menu--catalog .catalog-list {
    max-width: var(--parrent);
    min-width: var(--parrent)
}

.menu--catalog .catalog-list:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--parrent);
    height: 100%;
    background-color: var(--frame);
    z-index: -1
}

.menu--catalog .catalog-list > li {
    background-color: var(--frame);
    padding: var(--i16) var(--i8);
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.menu--catalog .catalog-list > li .name {
    display: block;
    width: 15rem;
    margin-left: auto
}

.to-old-design {
    margin-right: 6px;
}

.to-old-design a {
    color: var(--main);
    line-height: 120%
}

.nav-item-focus {
    display: block;
    background-color: rgba(240, 93, 35, .3);
    border-radius: var(--br)
}

a.nav-item-focus {
    /* padding: var(--i8) var(--i4) */
    padding: 4px 9px;
}

.ava svg, .logo svg {
    width: 100%;
    height: 100%
}

.header {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: var(--i24) 0
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--i16)
}

.header .logo {
    max-width: 10.5rem;
    width: 100%
}

.header .form--search-line {
    width: 100%
}

.header--contacts {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    gap: .625rem;
    color: var(--f)
}

.header--contacts .title {
    font-size: .875rem;
    line-height: 150%;
    margin-bottom: 0
}

.header--contacts .value {
    font-weight: 500;
    font-size: var(--h3);
    line-height: 120%;
    color: inherit
}

.header--contacts a:hover {
    color: var(--main)
}

.filter {
    padding-bottom: var(--i24)
}

.filter .container {
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr));
    gap: var(--i8)
}

.filter--icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--green-9);
    background-color: var(--subtitle);
    border-radius: var(--br);
    gap: inherit;
    padding: var(--i8) var(--i4);
}

.filter--icons [class*=filter-] {
    height: 1.5rem;
    width: 1.5rem
}

.filter--icons .value {
    width: 100%;
    font-size: .875rem;
    line-height: 150%;
    text-align: center
}

.filter--icons .info {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    padding: var(--i20) 0;
    background: var(--green);
    border-radius: 0 0 var(--i4) var(--i4);
    text-align: center;
    z-index: 10;
}

.filter--icons .info .value:not([class*=clr]) {
    color: var(--green-9)
}

.filter--icons:hover .info {
    display: block
}

.enter-text {
    background: var(--bg-light);
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 120%;
    color: var(--color);
    padding: 1rem;
    margin: .5rem 0 1rem
}

.enter_modal {
    position: absolute;
    top: 100%;
    right: 0;
    width: 20rem;
    height: auto;
    cursor: default
}

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

.enter_modal .body {
    position: relative;
    border-radius: 4px;
    background: var(--f);
    padding: var(--i32) var(--i24);
    z-index: 1
}

.enter_modal .body .title {
    color: var(--color);
    text-align: center;
    margin-bottom: 1rem
}

.enter_modal .body .name {
    color: var(--color)
}

.enter_modal .body label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.enter_modal .body label [required] ~ .name:after {
    content: "*";
    color: var(--stop)
}

.enter_modal .body [type=submit] {
    width: 100%;
    margin: 1rem 0 1.5rem
}

.enter_modal .body .btn-dop {
    position: relative;
    display: block;
    line-height: 120%;
    text-align: center
}

.enter_modal .body .btn-dop.btn--border {
    font-weight: 500;
    border-color: var(--main)
}

.enter_modal .body .btn-dop:first-of-type {
    margin-top: var(--i48)
}

.enter_modal .body .btn-dop:first-of-type:after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--i48) / 2);
    left: 0;
    width: 100%;
    height: .0625rem;
    background-color: var(--grl)
}

.enter_modal .body .btn-dop:not(:last-of-type) {
    margin-bottom: .5rem
}

.enter_modal .cim_name {
    color: var(--color);
    margin-bottom: 1rem
}

.enter_modal .cim_bonus {
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--main)
}

.enter_modal .cim_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0;
    gap: .5rem
}

.enter_modal .cim_link:first-child {
    margin-top: 0
}

.enter_modal .cim_link:last-child {
    margin-bottom: 0
}

.enter_modal .cim_btn {
    font-weight: 400;
    border: none;
    background-color: transparent;
    padding: 0
}

.enter_modal .cim_btn, .enter_modal .cim_link {
    color: var(--color)
}

.enter_modal .cim_btn path[fill], .enter_modal .cim_link path[fill] {
    fill: currentColor
}

.enter_modal .cim_btn path[stroke], .enter_modal .cim_link path[stroke] {
    stroke: currentColor
}

.enter_modal .cim_btn:hover, .enter_modal .cim_link:hover {
    color: var(--main)
}

.enter_modal .cim_nav {
    margin: var(--i24) 0;
    padding-bottom: var(--i24);
    border-bottom: var(--line-grl)
}

.btn-show-search {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.625rem;
    flex: 0 0 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
    border: none;
    padding: .625rem
}

.mini-link {
    font-size: .875rem;
    color: var(--main);
    margin: var(--i32) 0 1rem
}

.footer {
    padding: var(--i64) 0;
    background-size: cover
}

.footer .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 5 ];
    grid-template-columns:repeat(5, 1fr);
    gap: var(--i20)
}

.footer a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--f)
}

.footer a:hover {
    color: var(--main)
}

.footer a:not(:last-child) {
    margin-bottom: .625rem
}

.footer img {
    max-width: 20rem;
    width: 100%;
    height: auto
}

.footer .end {
    display: inherit;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns:repeat(4, 1fr);
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: -2;
    grid-column-end: -1;
    gap: inherit
}

.footer--title {
    font-weight: 400;
    font-size: var(--i20);
    line-height: 150%;
    color: var(--green-9);
    margin-bottom: 1rem
}

.footer--subtitle {
    font-size: .875rem;
    line-height: 150%;
    color: var(--green-9)
}

.footer--social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: calc(var(--i20) + 4rem);
    gap: var(--i20)
}

.footer--social a {
    --ava: 2rem
}

.footer--social a:not(:last-child) {
    margin-bottom: 0
}

.footer .subtitle {
    color: inherit;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 1rem
}

.footer .title {
    font-size: 1rem
}

.footer .header--contacts {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media (min-width: 1268px) {
    .menu li:hover {
        color: var(--main)
    }

    .menu li:hover a:not(:only-child)::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu li:hover ol, .menu li:hover ul {
        display: block
    }

    .menu ol, .menu ul {
        position: absolute;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: var(--i16);
        z-index: 3
    }

    .menu--catalog .child ol li:hover > ol, .menu--catalog .child ol li:hover > ul, .menu--catalog .child > ul li:hover > ol, .menu--catalog .child > ul li:hover > ul {
        display: block
    }

    .menu--catalog .child ol li:hover > a:not(:only-child)::after, .menu--catalog .child > ul li:hover > a:not(:only-child)::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu--catalog .catalog-list > li:hover {
        background-color: var(--f)
    }

    .menu--catalog .catalog-list > li:hover .name {
        color: var(--main)
    }

    .menu--catalog .catalog-list > li:hover .child {
        display: -ms-grid;
        display: grid
    }
}

@media (max-width: 1267px) {
    .menu--catalog .child ol li.active > ol, .menu--catalog .child ol li.active > ul, .menu--catalog .child > ul li.active > ol, .menu--catalog .child > ul li.active > ul {
        display: block
    }

    .menu--catalog .child ol li.active > .nav-item:not(:only-child)::after, .menu--catalog .child > ul li.active > .nav-item:not(:only-child)::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu--catalog .catalog-list > li.active {
        background-color: var(--f)
    }

    .menu--catalog .catalog-list > li.active .name {
        color: var(--main)
    }

    .menu--catalog .catalog-list > li.active .child {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: -webkit-max-content;
        -ms-grid-rows: max-content;
        grid-template-rows:-webkit-max-content;
        grid-template-rows:max-content
    }

    .header .filter--search {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 2.625rem;
        padding: 0;
        background-color: transparent
    }

    .header .filter--search .filter--now {
        height: 100%;
        padding: .625rem;
        background-color: var(--light);
        border-radius: var(--br)
    }

    .footer .container {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }

    .footer .contacts {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3
    }

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

    .footer--nav:last-of-type {
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-column-span: -3;
        grid-column-end: -1
    }

    .menu--catalog {
        --parrent: 15rem
    }

    .menu--catalog.active {
        z-index: 3
    }

    .menu--catalog .catalog-list > li {
        padding: var(--container)
    }

    .menu--catalog .catalog-list > li .name {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: 0
    }

    .btn-show-search {
        display: block
    }

    .nav-items .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*color: var(--main);*/
        color: #FFF;
    }

    .nav-right {
        position: absolute;
        /*top: 100%;*/
        height: calc(100vh - 100px);
        min-height: 100%;
        top: 230%;
        left: 0;
        width: 100%;
        background-color: var(--subtitle);
        padding-bottom: 100px;
    }

    .nav-right:not(.active) {
        display: none
    }

    .menu {
        -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: start;
        max-width: 16rem;
        width: 100%;
        height: 100%;
        background: var(--frame);
        margin-left: auto;
        gap: 0;
        overflow-y: auto
    }

    .menu a, .menu .nav-item {
        display: block;
        width: 100%;
        padding: var(--i8)
    }

    /*.menu li.active:hover ul {*/

    /*}*/

    .menu > li a:not(:only-child), .menu > li .nav-item:not(:only-child) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
        gap: 16px;
    }

    .menu > li a:not(:only-child)::after,
    .menu > li .nav-item:not(:only-child)::after{
        /*position: absolute;*/
        position: static;
        right: var(--i20);
        pointer-events: none
    }

    .menu > li.active > .nav-item {
        color: var(--main)
    }

    .menu > li.active > .nav-item::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu > li.active ol, .menu li.active > ul {
        display: block
    }

    .menu li {
        width: 100%;
        cursor: pointer
    }

    .menu li:has(a.nav-item-focus) {
        padding: 0
    }

    .menu ol, .menu ul {
        width: 100%;
        border-bottom: var(--line-grc);
        margin-left: calc(var(--i8) * -1);
        inline-size: auto
    }

    .menu ol a, .menu ul a {
        padding-left: calc(var(--i8) * 3);
        -webkit-transition: .1s all;
        transition: .1s all
    }

    .menu ol a:hover, .menu ul a:hover {
        background-color: var(--f)
    }
}

@media (max-width: 867px) {
    .enter_modal .body {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 100vh;
        max-width: 20rem;
        overflow-y: auto
    }

    .menu--icons {
        position: fixed;
        inset: auto 0 0 0;
        /*padding: var(--i24);*/
        padding: 10px;
        background-color: var(--green);
        /*background-image: url(../svg/art/bg.svg);*/
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
        background-color: #3B382C;
    }

    body {
        padding-bottom: calc(var(--i24) + 3.3125rem)
    }
}

@media (max-width: 767px) {
    .footer .container {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .footer .contacts {
        -ms-grid-column-span: -1;
        grid-column-end: -1
    }

    .footer--nav:last-of-type {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-row: 3;
        grid-row-start: 3
    }
}

@media (max-width: 867px) {
    .menu--catalog {
        --parrent: 100%
    }

    .menu--catalog.active {
        position: fixed;
        top: 0;
        z-index: 5
    }

    .menu--catalog .child {
        margin-left: 0;
        background: inherit
    }

    .menu--catalog .child .back {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: -2;
        grid-column-end: -1
    }

    .filter, .header {
        background-size: inherit
    }

    .menu--icons {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 5 ];
        grid-template-columns:repeat(5, 1fr);
        place-items: center
    }

    /*.menu--icons .mi-item:nth-child(1) {*/
    /*    -ms-grid-column: 2;*/
    /*    grid-column-start: 2;*/
    /*    -ms-grid-column-span: 1;*/
    /*    grid-column-end: 3*/
    /*}*/

    .header {
        position: relative;
    }

    .btn-catalog, .btn-show-search {
        /*position: fixed;*/
        bottom: calc(var(--i24) + .5rem);
        z-index: 1
    }

    .btn-show-search {
        left: 9vw
    }

    .btn-catalog {
        right: 9vw;
        top: 0;
        left: 0;
    }
}

@media (max-width: 567px) {
    .enter_modal .body {
        max-width: none;
        width: calc(100vw - var(--container))
    }
}

.menu--icons .mi-item .check {
    height: max-content;
    top: 0.5rem;
    right: -6px;
}

@media (max-width: 467px) {
    .footer .container {
        -ms-grid-columns:(1fr) [ 1 ];
        grid-template-columns:repeat(1, 1fr);
        text-align: center
    }

    .footer a {
        margin: auto
    }

    .footer img {
        margin: auto
    }

    .footer--nav:last-of-type {
        -ms-grid-row: auto;
        grid-row-start: auto
    }

    .footer .header--contacts {
        margin: auto
    }

    .footer .header--contacts [class*=svg-] {
        display: none
    }

    .header .container {
        -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
    }

    body {
        padding-bottom: 4.5rem
    }

    /*.menu--icons .mi-item .value {*/
    /*    display: none*/
    /*}*/

    .menu--icons .mi-item .check {
        /*top: -1rem*/
        height: max-content;
        top: 0.5rem;
        right: -6px;
    }

    .btn-catalog, .btn-show-search {
        bottom: var(--i16)
    }
}

@media (max-width: 1267px) and (min-width: 668px) {
    .btn-show-search {
        margin-left: auto
    }
}

body .p8 {
    padding-top: var(--i8);
    padding-bottom: var(--i8)
}

body .p8 .wheel-track {
    top: var(--i8)
}

body .pt8 {
    padding-top: var(--i8)
}

body .pt8 .wheel-track {
    top: var(--i8)
}

body .pb8 {
    padding-bottom: var(--i8)
}

body .p16 {
    padding-top: var(--i16);
    padding-bottom: var(--i16)
}

body .p16 .wheel-track {
    top: var(--i16)
}

body .pt16 {
    padding-top: var(--i16)
}

body .pt16 .wheel-track {
    top: var(--i16)
}

body .pb16 {
    padding-bottom: var(--i16)
}

body .p20 {
    padding-top: var(--i20);
    padding-bottom: var(--i20)
}

body .p20 .wheel-track {
    top: var(--i20)
}

body .pt20 {
    padding-top: var(--i20)
}

body .pt20 .wheel-track {
    top: var(--i20)
}

body .pb20 {
    padding-bottom: var(--i20)
}

body .p24 {
    padding-top: var(--i24);
    padding-bottom: var(--i24)
}

body .p24 .wheel-track {
    top: var(--i24)
}

body .pt24 {
    padding-top: var(--i24)
}

body .pt24 .wheel-track {
    top: var(--i24)
}

body .pb24 {
    padding-bottom: var(--i24)
}

body .p32 {
    padding-top: var(--i32);
    padding-bottom: var(--i32)
}

body .p32 .wheel-track {
    top: var(--i32)
}

body .pt32 {
    padding-top: var(--i32)
}

body .pt32 .wheel-track {
    top: var(--i32)
}

body .pb32 {
    padding-bottom: var(--i32)
}

body .p40 {
    padding-top: var(--i40);
    padding-bottom: var(--i40)
}

body .p40 .wheel-track {
    top: var(--i40)
}

body .pt40 {
    padding-top: var(--i40)
}

body .pt40 .wheel-track {
    top: var(--i40)
}

body .pb40 {
    padding-bottom: var(--i40)
}

body .p48 {
    padding-top: var(--i48);
    padding-bottom: var(--i48)
}

body .p48 .wheel-track {
    top: var(--i48)
}

body .pt48 {
    padding-top: var(--i48)
}

body .pt48 .wheel-track {
    top: var(--i48)
}

body .pb48 {
    padding-bottom: var(--i48)
}

body .p56 {
    padding-top: var(--i56);
    padding-bottom: var(--i56)
}

body .p56 .wheel-track {
    top: var(--i56)
}

body .pt56 {
    padding-top: var(--i56)
}

body .pt56 .wheel-track {
    top: var(--i56)
}

body .pb56 {
    padding-bottom: var(--i56)
}

body .p64 {
    padding-top: var(--i64);
    padding-bottom: var(--i64)
}

body .p64 .wheel-track {
    top: var(--i64)
}

body .pt64 {
    padding-top: var(--i64)
}

body .pt64 .wheel-track {
    top: var(--i64)
}

body .pb64 {
    padding-bottom: var(--i64);
    /* padding-top: var(--i24); */
}

body .p72 {
    padding-top: var(--i72);
    padding-bottom: var(--i72)
}

body .p72 .wheel-track {
    top: var(--i72)
}

body .pt72 {
    padding-top: var(--i72)
}

body .pt72 .wheel-track {
    top: var(--i72)
}

body .pb72 {
    padding-bottom: var(--i72)
}

body .p80 {
    padding-top: var(--i80);
    padding-bottom: var(--i80)
}

body .p80 .wheel-track {
    top: var(--i80)
}

body .pt80 {
    padding-top: var(--i80)
}

body .pt80 .wheel-track {
    top: var(--i80)
}

body .pb80 {
    padding-bottom: var(--i80)
}

body .p128 {
    padding-top: var(--i128);
    padding-bottom: var(--i128)
}

body .p128 .wheel-track {
    top: var(--i128)
}

body .pt128 {
    padding-top: var(--i128)
}

body .pt128 .wheel-track {
    top: var(--i128)
}

body .pb128 {
    padding-bottom: var(--i128)
}

body .m8 {
    margin-top: var(--i8);
    margin-bottom: var(--i8)
}

body .mt8 {
    margin-top: var(--i8)
}

body .mb8 {
    margin-bottom: var(--i8)
}

body .m16 {
    margin-top: var(--i16);
    margin-bottom: var(--i16)
}

body .mt16 {
    margin-top: var(--i16)
}

body .mb16 {
    margin-bottom: var(--i16)
}

body .m20 {
    margin-top: var(--i20);
    margin-bottom: var(--i20)
}

body .mt20 {
    margin-top: var(--i20)
}

body .mb20 {
    margin-bottom: var(--i20)
}

body .m24 {
    margin-top: var(--i24);
    margin-bottom: var(--i24)
}

body .mt24 {
    margin-top: var(--i24)
}

body .mb24 {
    margin-bottom: var(--i24)
}

body .m32 {
    margin-top: var(--i32);
    margin-bottom: var(--i32)
}

body .mt32 {
    margin-top: var(--i32)
}

body .mb32 {
    margin-bottom: var(--i32)
}

body .m40 {
    margin-top: var(--i40);
    margin-bottom: var(--i40)
}

body .mt40 {
    margin-top: var(--i40)
}

body .mb40 {
    margin-bottom: var(--i40)
}

body .m48 {
    margin-top: var(--i48);
    margin-bottom: var(--i48)
}

body .mt48 {
    margin-top: var(--i48)
}

body .mb48 {
    margin-bottom: var(--i48)
}

body .m56 {
    margin-top: var(--i56);
    margin-bottom: var(--i56)
}

body .mt56 {
    margin-top: var(--i56)
}

body .mb56 {
    margin-bottom: var(--i56)
}

body .m64 {
    margin-top: var(--i64);
    margin-bottom: var(--i64)
}

body .mt64 {
    margin-top: var(--i64)
}

body .mb64 {
    margin-bottom: var(--i64)
}

body .m72 {
    margin-top: var(--i72);
    margin-bottom: var(--i72)
}

body .mt72 {
    margin-top: var(--i72)
}

body .mb72 {
    margin-bottom: var(--i72)
}

body .m80 {
    margin-top: var(--i80);
    margin-bottom: var(--i80)
}

body .mt80 {
    margin-top: var(--i80)
}

body .mb80 {
    margin-bottom: var(--i80)
}

body .m128 {
    margin-top: var(--i128);
    margin-bottom: var(--i128)
}

body .mt128 {
    margin-top: var(--i128)
}

body .mb128 {
    margin-bottom: var(--i128)
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: .625rem;
    height: .125rem;
    background-color: var(--bg)
}

::-webkit-scrollbar-thumb {
    background-color: var(--main)
}

:disabled::-webkit-input-placeholder {
    color: var(--grc)
}

:disabled::-moz-placeholder {
    color: var(--grc)
}

:disabled:-ms-input-placeholder {
    color: var(--grc)
}

:disabled::-ms-input-placeholder {
    color: var(--grc)
}

:disabled::placeholder {
    color: var(--grc)
}

:required ~ .name::after {
    content: " *";
    color: var(--stop)
}

::-webkit-input-placeholder {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr)
}

::-moz-placeholder {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr)
}

:-ms-input-placeholder {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr)
}

::-ms-input-placeholder {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr)
}

::placeholder {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    color: var(--gr)
}

::marker {
    color: var(--main);
    font-size: var(--f12)
}

::-moz-selection {
    background: var(--main);
    color: var(--f)
}

::selection, :target {
    background: var(--main);
    color: var(--f)
}

:target ::-moz-selection {
    background: var(--f);
    color: var(--main)
}

:target ::selection {
    background: var(--f);
    color: var(--main)
}

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

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 1rem;
    width: 1rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNC40NzZMMS41MjM3OSAxNS45OTk4TDcuOTk5OTUgOS41MjM2OEwxNC40NzYyIDE1Ljk5OTlMMTYgMTQuNDc2MUw5LjUyMzc0IDcuOTk5ODlMMTUuOTk5OCAxLjUyMzc5TDE0LjQ3NiAwTDcuOTk5OTUgNi40NzYwOUwxLjUyMzk2IDAuMDAwMTAwMjY3TDAuMDAwMTYyODM3IDEuNTIzODlMNi40NzYxNiA3Ljk5OTg5TDAgMTQuNDc2WiIgZmlsbD0iI0E1QTVBNSIvPg0KPC9zdmc+DQo=);
    background-size: 1rem;
    cursor: pointer
}

:root {
    --main: #f05d23;
    --main-active: #ff500c;
    --green: #31392f;
    --green-dark: #333;
    --green-light: #3b382c;
    --green-9: #9d9975;
    --color: #121212;
    --bg: #f9f9f9;
    --bg-light: #f4f4f4;
    --ok: #d8f5c1;
    --f: #fff;
    --gr: #a5a5a5;
    --grl: #d6d6d6;
    --grc: #c4c4c4;
    --frame: #ededde;
    --light: #eaeaea;
    --stop: #f40000;
    --status-ok: #157721;
    --subtitle: rgba(0, 0, 0, 0.5);
    --line: var(--main) 0.0625rem solid;
    --line-f: var(--f) 0.0625rem solid;
    --line-gr: var(--gr) 0.0625rem solid;
    --line-grl: var(--grl) 0.0625rem solid;
    --line-grc: var(--grc) 0.0625rem solid;
    --line-green-9: var(--green-9) 0.0625rem solid;
    --line-current: currentColor 0.0625rem solid;
    --line-current-2: currentColor 0.125rem solid;
    --br: 0.25rem;
    --i4: 0.25rem;
    --i6: 0.375rem;
    --i8: 0.5rem;
    --i10: 0.625rem;
    --i12: 0.75rem;
    --i14: 0.875rem;
    --i16: 1rem;
    --base: 1rem;
    --f8: 0.5rem;
    --f12: 0.75rem;
    --f14: 0.875rem;
    --f18: var(--h5);
    --container: 0.9375rem
}

@media (min-width: 1267px) {
    :root {
        --i18: 1.125rem;
        --i20: 1.25rem;
        --i24: 1.5rem;
        --i28: 1.75rem;
        --i30: 1.875rem;
        --i32: 2rem;
        --i36: 2.25rem;
        --i40: 2.5rem;
        --i44: 2.75rem;
        --i48: 3rem;
        --i52: 3.25rem;
        --i56: 3.5rem;
        --i60: 3.75rem;
        --i64: 4rem;
        --i72: 4.5rem;
        --i75: 4.6875rem;
        --i80: 5rem;
        --i128: 8rem;
        --h1: 3rem;
        --h2: 2rem;
        --h3: 1.5rem;
        --h4: 1.25rem;
        --h5: 1.125rem;
        --f20: 1.25rem;
        --f24: 1.5rem;
        --f48: 3rem
    }
}

@media (max-width: 367px) {
    :root {
        --i18: var(--i16);
        --i20: 1.125rem;
        --i24: 1.25rem;
        --i28: var(--i24);
        --i30: var(--i24);
        --i32: var(--i24);
        --i36: var(--i24);
        --i40: var(--i24);
        --i44: 1.375rem;
        --i48: 1.5rem;
        --i52: 1.625rem;
        --i56: 1.75rem;
        --i60: 1.875rem;
        --i64: 2rem;
        --i72: 2.25rem;
        --i75: var(--i72);
        --i80: var(--i72);
        --i128: 3rem;
        --h1: 2rem;
        --h2: 1.741rem;
        --h3: 1.516rem;
        --h4: 1.32rem;
        --h5: 1.149rem;
        --f20: var(--base);
        --f24: 1.25rem;
        --f48: 1.5rem
    }
}

@media (max-width: 1267px) and (min-width: 367px) {
    :root {
        --i18: calc(0.22vw + 15.18px);
        --i20: calc(0.22vw + 17.18px);
        --i24: calc(0.44vw + 18.37px);
        --i28: calc(0.89vw + 16.74px);
        --i30: calc(1.11vw + 15.92px);
        --i32: calc(1.33vw + 15.11px);
        --i36: calc(1.78vw + 13.48px);
        --i40: calc(2.22vw + 11.84px);
        --i44: calc(2.44vw + 13.03px);
        --i48: calc(2.67vw + 14.21px);
        --i52: calc(2.89vw + 15.4px);
        --i56: calc(3.11vw + 16.58px);
        --i60: calc(3.33vw + 17.77px);
        --i64: calc(3.56vw + 18.95px);
        --i72: calc(4vw + 21.32px);
        --i75: calc(4.33vw + 20.1px);
        --i80: calc(4.89vw + 18.06px);
        --i128: calc(8.89vw + 15.38px);
        --h1: calc(1.78vw + 25.48px);
        --h2: calc(0.46vw + 26.17px);
        --h3: calc(-0.03vw + 24.35px);
        --h4: calc(-0.12vw + 21.57px);
        --h5: calc(-0.04vw + 18.53px);
        --f20: calc(0.44vw + 14.37px);
        --f24: calc(0.44vw + 18.37px);
        --f48: calc(2.67vw + 14.21px)
    }
}

.btn, .btn-standart, .btn-std, .poll-btn, [type=button], [type=reset], [type=submit], button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

a[download], fieldset div, fieldset label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    line-height: 120%;
    color: var(--green-light);
    margin: 0
}

[class*=art] img, [class*=art] svg, [class*=ava] img, [class*=ava] svg, [class*=logo] img, [class*=logo] svg, a img, a svg, button img, button svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

html {
    font-size: 16px;
    scroll-behavior: smooth
}

.btn, body, button, input, textarea {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: var(--base);
    line-height: 150%;
    color: var(--color)
}

small {
    display: block;
    font-size: .75rem;
    line-height: 120%
}

small:last-child {
    margin-top: .5rem
}

body {
    background: var(--bg);
    max-width: 100vw;
    width: 100vw;
    min-height: 100vh;
    overflow-x: hidden;
    margin: 0
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.h1, h1 {
    font-weight: 700;
    font-size: var(--h1)
}

.h2, .h3, .h4, .h5, h2, h3, h4, h5 {
    font-weight: 500
}

.h2, h2 {
    font-size: var(--h2)
}

.h3, h3 {
    font-size: var(--h3)
}

.h4, h4 {
    font-size: var(--h4)
}

.h5, h5 {
    font-size: var(--h5)
}

[class*=art] img, [class*=art] svg, [class*=ava] img, [class*=ava] svg, [class*=logo] img, [class*=logo] svg, a img, a svg, button img, button svg {
    display: block
}

svg {
    width: 1.5rem;
    height: 1.5rem
}

/* .btn, audio, button, form, iframe, img, svg, video {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
} */

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: var(--i8) var(--i16);
    padding-right: 2.25rem;
    border: var(--line-grc);
    border-radius: var(--br);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMS4yNDAzNkwxLjE5MjcyIDBMNi41IDUuNTE5MjhMMTEuODA3MyAwTDEzIDEuMjQwMzZMNi41IDhMMCAxLjI0MDM2WiIgZmlsbD0iI0YwNUQyMyIvPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position-y: center;
    background-position-x: calc(100% - 1rem)
}

select:focus-visible {
    outline: 0;
    border-color: var(--main)
}

input {
    height: 2.5rem;
    line-height: 150%;
    padding: 0 var(--i16);
    color: var(--color)
}

input:disabled, select:disabled, textarea:disabled {
    color: var(--grc)
}

input, textarea {
    width: 100%;
    border: var(--line-grc);
    border-radius: var(--br);
    padding: var(--i8) var(--i16);
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

input:focus, input:focus-visible, textarea:focus, textarea:focus-visible {
    outline: 0;
    border-color: var(--main)
}

input:hover:not(:focus,:focus-visible,:invalid,:disabled), textarea:hover:not(:focus,:focus-visible,:invalid,:disabled) {
    border-color: var(--main-active)
}

textarea {
    height: 6.5rem;
    resize: none
}

a {
    color: var(--green-dark);
    text-decoration: none;
    -webkit-transition: .1s color linear;
    transition: .1s color linear;
    cursor: pointer
}

a:hover {
    color: var(--main)
}

a:active {
    color: var(--main-active)
}

a[download] {
    gap: .5rem
}

path[fill] {
    -webkit-transition: .1s fill;
    transition: .1s fill
}

path[stroke] {
    -webkit-transition: .1s stroke;
    transition: .1s stroke
}

.btn, .btn-standart, .btn-std, .poll-btn, [type=button], [type=reset], [type=submit], button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    line-height: 120%;
    padding: var(--i10) var(--i32);
    border-radius: var(--br);
    gap: .5rem;
    cursor: pointer;
    -webkit-transition: .1s all linear;
    transition: .1s all linear
}

.btn-standart:active, .btn-standart:hover, .btn-std:active, .btn-std:hover, .btn:active, .btn:hover, .poll-btn:active, .poll-btn:hover, [type=button]:active, [type=button]:hover, [type=reset]:active, [type=reset]:hover, [type=submit]:active, [type=submit]:hover, button:active, button:hover {
    background-color: var(--main-active);
    color: var(--f)
}

.btn-standart:hover, .btn-std:hover, .btn:hover, .poll-btn:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover, button:hover {
    border-color: currentColor
}

.btn-standart:active, .btn-std:active, .btn:active, .poll-btn:active, [type=button]:active, [type=reset]:active, [type=submit]:active, button:active {
    border-color: var(--main-active)
}

.btn-standart[disabled], .btn-std[disabled], .btn[disabled], .poll-btn[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled], button[disabled] {
    background-color: var(--gr);
    color: var(--f);
    pointer-events: none
}

.btn, .btn-standart, .btn-std, [type=button], [type=submit], button {
    background-color: var(--main);
    border: var(--line-current);
    color: var(--f)
}

.poll-btn {
    background-color: transparent;
    border: var(--line);
    color: var(--main)
}

[type=reset] {
    background-color: var(--f);
    border: var(--line-f);
    color: var(--main)
}

time {
    color: var(--green-9);
    font-size: .875rem;
    line-height: 150%
}

p {
    margin-bottom: var(--i8)
}

p:last-child {
    margin-bottom: 0
}

p:empty {
    display: none
}

p a {
    color: var(--main)
}

p a:hover {
    color: var(--main-active);
    -webkit-text-decoration: solid;
    text-decoration: solid
}

ol, ul {
    display: inline-block;
    margin: var(--i16) 0;
    -webkit-padding-start: var(--i16);
    padding-inline-start: var(--i16)
}

ol:last-child, ul:last-child {
    margin-bottom: 0
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

fieldset legend {
    font-size: var(--f20);
    line-height: 150%;
    margin-bottom: var(--i16)
}

fieldset label {
    gap: var(--i16);
    margin-bottom: var(--i16)
}

fieldset div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem 0
}

fieldset input, fieldset textarea {
    max-width: 24.0625rem;
    width: 100%
}

fieldset input {
    height: 2.5rem
}

fieldset textarea {
    height: 6.25rem;
    resize: none
}

address {
    font-style: normal
}

@media (min-width: 1999px) {
    html {
        font-size: calc(16px + .2vw)
    }
}

@media (min-width: 2067px) {
    html {
        font-size: calc(16px + .4vw)
    }
}

@media (min-width: 3067px) {
    html {
        font-size: calc(16px + .6vw)
    }
}

@media (max-width: 867px) {
    fieldset label {
        -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: start;
        gap: .5rem
    }

    fieldset div {
        -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: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    fieldset input, fieldset textarea {
        max-width: 100%
    }
}

#news:target {
    background-color: transparent;
    color: inherit;
}

.ctlg-wrapper {
    background-color: #FFF;
    padding: 4rem 1.5rem;
    margin-top: 4rem;
}

.ctlg-wrapper .cart--std {
    background-color: #F9F9F9;
}

.ctlg-view {
    display: flex;
    gap: 0.5rem;
    margin-top: var(--i32);
    align-items: center;
}

.ctlg-view__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #3B382C;
}

.ctlg-view__btns {
    display: flex;
    gap: 0.5rem;
}

.ctlg-view__type {
    position: relative;
    display: flex;
    align-items: center;
}

.ctlg-view__type:hover {
    cursor: pointer;
}

.ctlg-view__type-input {
    position: absolute;
    visibility: hidden;
}

.ctlg-view__type .ctlg-view__type-input:checked + svg rect:first-of-type {
    fill: #F05D23 !important;
}

.ctlg-view__type .ctlg-view__type-input:checked + svg rect,
.ctlg-view__type .ctlg-view__type-input:checked + svg line,
.ctlg-view__type .ctlg-view__type-input:checked + svg path {
    stroke: #FFF;
}

.ctlg {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.ctlg__header .ctlg__row .ctlg__cell {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.313rem;
    text-align: center;
    color: #00000080;
}

.ctlg__body {
    display: flex;
    flex-direction: column;
}

.ctlg__row {
    display: grid;
    grid-template-columns: 8.625rem 5.563rem 22.938rem 10rem 6.5rem 15rem;
    place-items: center;
    gap: 1rem;
    padding: 0.5rem 0 0.75rem 0;
}

.ctlg__row {
    border-bottom: 1px solid #A5A5A5;
    place-items: flex-start;
    width: 100% !important;
    max-width: max-content !important;
    overflow: visible;
}

.ctlg__header .ctlg__row {
    border-bottom: none;
}

.ctlg__cell {
    display: flex;
    justify-content: center;
    margin-bottom: auto;
}

.ctlg__cell--form {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%;
}

.ctlg__image--wrapper {
    position: relative;
}

.ctlg__image--wrapper .svg-lupa {
    position: absolute;
    width: 29px;
    height: 29px;
    filter: brightness(0) saturate(100%);
    opacity: 0.5;
    left: 4px;
    top: 4px;
}

.ctlg__image--wrapper .svg-lupa:hover {
    cursor: pointer;
}

.ctlg__image {
    width: 5.563rem;
    height: 5.563rem;
    object-fit: cover;
    border-radius: 4px;
}

.ctlg__product-name {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #121212;
    text-decoration: none;
    opacity: 0.5s all ease;
}

.ctlg__product-name:hover{
    color: rgba(18, 18, 18, 0.75);
}

.ctlg__product-oem {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.313rem;
    text-align: left;
    color: #00000080;
}

.ctlg__cell--price {
    display: flex;
    flex-direction: column;
}

.ctlg__product-price--opt {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: #121212;
    margin: 0 auto;
    grid-area: optPrice;
}

.cart--product.full .wholesale-price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
    color: #121212;
    margin: 0 auto;
    grid-area: optPrice;
}

.cart--product.full .availability {
    display: none;
}

.cart--product.full .wholesale-price .name {
    display: none;
}

.ctlg__product-price--prev {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    color: #00000080;
    text-decoration-line: line-through;
}

.ctlg__available-products {
    color: #121212;
    background-color: #D8F5C1;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.313rem;
    text-align: center;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    min-width: 70px;
}

.ctlg__available-products--order {
    background-color: transparent;
    white-space: nowrap;
}

.ctlg__amount-input {
    width: 3.75rem;
    height: 2rem;
    border: 1px solid #00000080;
    padding: 0px 10px;
    border-radius: 4px;
    text-align: center;
}

.ctlg__add-product {
    padding: 0.625rem 1.5rem;
    background-color: #F05D23;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2rem;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    transition: 0.5s all ease;
    white-space: nowrap;
}

.ctlg__add-product:hover {
    background-color: rgba(240, 93, 35, 0.75);
    color: #FFF;
}


.ctlg__cell--vertical {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ctlg__retail-price-wrapper {
    display: flex;
    flex-direction: column;
}

.ctlg__retail-price-title {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.9rem;
    color: #121212;
}

.ctlg__cell-column {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.ctlg__retail-price {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.313rem;
}

@media (min-width: 1370px) {
    .ctlg-wrapper {
        width: 100%;
    }
}

@media (max-width: 1060px) {
    /*.ctlg__row {*/
    /*    overflow-x: scroll;*/
    /*}*/

    .catalog--nav {
        flex-wrap: wrap;
        justify-content: unset;
    }
}

.product--slider {
    position: relative;
}

.product--slider .svg-lupa {
    position: absolute;
    z-index: 1000;
    bottom: 5rem;
    opacity: 0.6;
}

.product--slider .svg-lupa:hover {
    cursor: pointer;
}

.menu {
    background-color: #ededde;
    margin: 0 auto;
}

.menu li.active {
    background-color: #FFF;
}

.menu li.active ul {
    background-color: #FFF;
}

.model-filter__container {
    display: flex;
    flex-direction: column;
    /*margin: 10px;*/
    padding: 20px 0;
    border-radius: 4px;
}

.model-filter__container.active {
    margin-bottom: 10px;
}

.model-filter__container.active {
    border: 1px solid #D6D6D6;
    background: #FFF;
}

.model-filter__container.active .model-filter__chosen-amount {
    display: none;
}

.model-filter__btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #121212;
    text-align: center;
    display: flex;
    gap: 10px;
    align-items: center;
    width: max-content;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #D6D6D6;
    padding: 8px 28px;
    transition: 0.25s all ease;
    cursor: pointer;
}

.model-filter__btn.active {
    border: none;
    color: #F05D23;
    padding: 0;
}

.model-filter__btn svg {
    width: 13px;
    height: 8px;
    transform: rotate(180deg);
    transition: 0.5s all ease;
}

.model-filter__btn.active svg {
    transform: rotate(0deg);
}

.model-filter__chosen-amount {
    background-color: #F05D23;
    color: #FFF;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.model-filter {
    transition: 0.5s all linear;
    padding: 0;
    background: #FFF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 360px;
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    z-index: 10000;
    row-gap: 10px;
}

.model-filter.active {
    margin-top: 10px;
}

.model-filter__item {
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    width: 150px;
    height: 40px;
    padding: 0 10px;
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    cursor: pointer;
}

.model-filter__item:has(.model-filter__item-input:checked) {
    background: #F05D23;
    color: #FFF;
    border: none;
}

.model-filter__item:has(.model-filter__item-input:checked) svg {
    stroke: #FFF;
}

.model-filter__item:has(.model-filter__item-input:checked) svg path {
    fill: #FFF;
}

.model-filter__item svg {
    width: 40px;
    height: 40px;
}

.model-filter__item-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.model-filter__item-input {
    position: absolute;
    opacity: 0;
}

.menu {
    background-color: transparent !important;
    margin: 0 20px !important;
    max-width: calc(100% - 40px) !important;
}

/*.menu li.active {*/
/*    width: calc(100vw - 40px) !important;*/
/*}*/

.menu li.active > .nav-item {
    margin: 0 auto;
    width: fit-content;
}

.header-logo--mb {
    display: none;
    flex-shrink: 0;
    width: max-content;
    height: max-content;
}

#nav-btn-show {
    display: none;
}

.product-search--wrapper {
    display: none;
    width: 100%;
}

.menu--mb {
    display: none !important;
}

@media (max-width: 867px) {
    .nav-right {
        background-color: #F9F9F9;
    }

    ul.menu--no-mb {
        display: none;
    }

    ul.menu--mb {
        display: flex !important;
        background-color: transparent !important;

        /*width: 120px;*/
        margin: 0 auto !important;
        gap: 1rem;
    }

    ul.menu--mb:has(.nav-item.active) .nav-item {
        width: 100%;

    }

    ul.menu--mb:not(:has(.nav-item.active)) .nav-item.name {
        width: 100%;
        justify-content: flex-start !important;
        padding: 0;
    }

    ul.menu--mb:has(.nav-item.active) .nav-item.parent > a {
        justify-content: center;
    }

    .nav-item.parent > a {
        padding: 0;
    }

    ul.menu--mb ul {
        margin-left: 0;
    }

    ul.menu--mb li ul a {
        padding: 0 20px 0 38px;
    }

    ul.menu--mb li ul li:last-of-type a {
        padding-bottom: 20px;
    }

    .product-search--wrapper {
        display: flex !important;
        position: static !important;
    }

    .product-search--wrapper {
        transform: translate(0, 0) !important;
        padding: 0 !important;
    }

    .ctlg-btn__no-mb, .btn-catalog__no-mb {
        display: none !important;
    }

    #btn-show-search {
        display: none;
    }

    body:has(#menu-nav.active) .header {
        background-color: #F9F9F9;
    }

    .allowregion {
        left: 50%;
        transform: translateX(-50%);
    }

    .regions_modal {
        left: 50%;
        transform: translateX(-50%);
    }

    .nav-items .container {
        gap: 19px;
    }

    #nav-btn-show {
        display: flex;
        flex-direction: row;
        border: none;
        padding: 7px 6px;
        margin-left: auto;
    }

    .nav-btn-lines {
        height: max-content;
    }

    #nav-btn-show.close > span {
        display: none;
    }

    .product-search {
        display: inline-block;
        padding: 0.563rem 0.5rem;
        /* background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="4" fill="white"/><path d="M18.4233 17.5326L14.2282 13.3375C14.8792 12.4959 15.2313 11.4669 15.2313 10.3846C15.2313 9.08907 14.7257 7.8743 13.8114 6.95838C12.8971 6.04247 11.6791 5.53847 10.3852 5.53847C9.09128 5.53847 7.87328 6.04408 6.95898 6.95838C6.04306 7.87269 5.53906 9.08907 5.53906 10.3846C5.53906 11.6785 6.04468 12.8965 6.95898 13.8108C7.87328 14.7267 9.08966 15.2307 10.3852 15.2307C11.4675 15.2307 12.4949 14.8786 13.3365 14.2292L17.5316 18.4227C17.5439 18.435 17.5585 18.4448 17.5746 18.4515C17.5907 18.4581 17.6079 18.4615 17.6253 18.4615C17.6427 18.4615 17.66 18.4581 17.676 18.4515C17.6921 18.4448 17.7067 18.435 17.719 18.4227L18.4233 17.72C18.4356 17.7077 18.4454 17.6931 18.452 17.677C18.4587 17.661 18.4621 17.6437 18.4621 17.6263C18.4621 17.6089 18.4587 17.5917 18.452 17.5756C18.4454 17.5596 18.4356 17.5449 18.4233 17.5326ZM12.944 12.9434C12.259 13.6267 11.3512 14.003 10.3852 14.003C9.4192 14.003 8.51136 13.6267 7.82644 12.9434C7.14313 12.2584 6.76675 11.3506 6.76675 10.3846C6.76675 9.4186 7.14313 8.50915 7.82644 7.82584C8.51136 7.14254 9.4192 6.76615 10.3852 6.76615C11.3512 6.76615 12.2606 7.14092 12.944 7.82584C13.6273 8.51076 14.0036 9.4186 14.0036 10.3846C14.0036 11.3506 13.6273 12.2601 12.944 12.9434Z" fill="%23F05D23"/></svg>'); */
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        max-height: 2rem;
    }

    .nav-btn--wrapper {
        background-color: #F05D23 !important;
        display: flex;
        align-items: center;
        border-radius: 4px;
        gap: 4px;
        color: #FFF;
    }

    #nav-btn-show.close {
        padding: 0;
    }
    #nav-btn-show.close .burger {
        height: 2rem;
        width: 2rem;
    }

    .nav-items .burger {
        width: max-content;
    }

    .nav-items .burger .line {
        color: #FFF;
    }

    .filter {
        display: none;
    }

    .nav-items {
        background-color: #31392F;
    }

    .header {
        background-color: #31392F;
        background-image: none;
    }

    .header .logo,
    .header .filter--search,
    .header .header--contacts {
        display: none !important;
    }

    .nav-items .nav-locations {
        color: #FFF;
        white-space: nowrap;
    }

    .nav-items .nav-locations .svg-loc {
        display: none;
    }

    .nav-items .nav-locations .openpopup {
        background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1646_5092)"><path d="M0 4L5.5 9L11 4" stroke="%23F05D23" stroke-width="2"/></g><defs><clipPath id="clip0_1646_5092"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
        background-repeat: no-repeat;
        background-size: cover;
        width: 0.75rem;
        height: 0.75rem;
        border: none;
    }


    .header-logo--mb {
        display: inline-block;
    }
    .nav-right {
        overflow-y: auto;
    }

    .menu > li {
        width: 200px;
    }

    .menu {
        height: max-content !important;
        overflow-x: hidden;
    }

    .menu-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin: 24px 0;
    }

    .menu-bottom p {
        margin: 0;
    }

    .menu-bottom__item {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        max-width: 160px;
        width: 100%;
    }

    .menu-bottom__item-title {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        margin: 0;
    }

    .menu-bottom__content {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .menu-bottom__content-item {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .menu-bottom__content-item p {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.05rem;
        color: #121212;
    }

    .menu-bottom__content-item a {
        color: #F05D23;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        text-align: left;
        transition: 0.25s all ease;
    }

    .menu-bottom__content-item a:hover {
        color: #df8c6b;
    }

    .menu-bottom__policy-btn {
        color: #F05D23;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
        transition: 0.25s all ease;
        margin: 0.5rem 0;
    }

    .menu-bottom__policy-btn:hover {
        color: #df8c6b;
    }


    .menu-bottom__payment-methods {
        max-width: 162px;
        flex-shrink: 0;
        width: max-content;
        height: max-content;
        background: transparent;
    }

    .menu-bottom__ps {
        font-size: 0.87rem;
        font-weight: 400;
        line-height: 1.05rem;
        text-align: center;
        max-width: 340px;
        color: #00000080;
    }
}


@media (min-width: 1267px) {
    .model-filter__container, .menu-bottom {
        display: none;
    }
}

.catalog .product--container {
    overflow-x: auto;
}

.cart--product.full {
    --w: 100%;
    /*display: flex;*/
    /*flex-direction: row;*/
    display: grid;
    grid-template-areas: "brief ava txt status optPrice btns";
    /*grid-template-columns: 4.625rem 5.563rem 22.938rem 4.375rem 6.5rem 15rem;*/
    grid-template-columns: 8.625rem 5.563rem 22.938rem 10rem 6.5rem 11rem;
    place-items: flex-start;
    width: max-content !important;
    max-width: max-content !important;
    overflow: visible;
    padding-right: 0.5rem;
}

.cart--product.full .ctlg__retail-price-wrapper {
    margin-left: auto;
}

.cart--product.full .ava {
    width: 5.563rem;
    height: 5.563rem;
    object-fit: cover;
    border-radius: 4px;
}

.cart--product.full .badge-spec,
.cart--product.full .specsize,
.cart--product.full .badge-sale {
    display: none;
}


.cart--product.full .brief {
    order: 1;
    grid-area: brief;
    width: 100%;
}

.cart--product.full .brief .cost {
    font-size: var(--base);
}

.cart--product.full .brief .cost {
    display: none;
}

.cart--product.full .ava {
    order: 2;
    flex-basis: 5.563rem;
    object-fit: cover;
    grid-area: ava;
}

.cart--product.full .txt {
    order: 3;
    flex-basis: 22.938rem;
    grid-area: txt;
}

.cart--product.full .opt-price {
    grid-area: optPrice;
}

.cart--product.full .product--status {
    order: 4;
    grid-area: status;
}

.cart--product.full .product--form {
    order: 5;
    grid-area: btns;
    height: 100%;
    align-items: flex-start;
    width: 100%;
    row-gap: 1rem;
}

.cart--product.full .product--form input {
    -webkit-appearance: none;
    -moz-appearance: textfield !important;
    appearance: none;
}

.cart--product.full .ava .svg-lupa {
    left: 0.25rem;
    top: 0.75rem;
}

.cart--product.full .code {
    background: transparent;
    padding: 0;
    margin: 0 auto;
}


.nav-item.parent:not(.active) > .child {
    display: none;
}

.nav-item.parent.active > .child {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.nav-item.parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 160px;
    margin: 0 auto;
}

.nav-item.parent.active .main-name {
    padding-top: 20px;
    padding-bottom: 10px;
}

.nav-item.name {
    padding: 0 20px 0 38px;
}

.postavki-btn {
    display: none;
    max-width: 200px;
    margin: 0 auto;
}

.contacts .table--line td.mini {
    max-width: max-content;
}

@media (max-width: 420px) {
    .contacts .cart--std .table--line tr {
        display: flex;
        flex-direction: column;
    }

    .contacts .cart--std .table--line td:not(:first-child) {
        padding-left: 0;
        padding-top: 0;
    }
}

.category-products .ava {
    filter: grayscale(100%);
}

/* 
.single-item .slick-dots button {
    display: none !important;
} */

/*.filter--search .blackout::after {*/
/*    content: none;*/
/*}*/