@keyframes multiselect-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes loaderAnimation {
    10%,
    30%,
    50% {
        transform: scale(1)
    }
    20%,
    40% {
        transform: scale(1.2)
    }
}

:root {
    --ss: url('../images/sprite.svg');
    --sh: "cdd1bfee"
}

.symbol-address {
    width: 16px;
    height: 20px
}

.symbol-basket {
    width: 20px;
    height: 20px
}

.symbol-books {
    width: 25px;
    height: 28px
}

.symbol-car {
    width: 40px;
    height: 28px
}

.symbol-catalog,
.symbol-city {
    width: 24px;
    height: 24px
}

.symbol-clock {
    width: 20px;
    height: 20px
}

.symbol-contacts-arrow {
    width: 16px;
    height: 16px
}

.symbol-doc-icon,
.symbol-down,
.symbol-download {
    width: 24px;
    height: 24px
}

.symbol-dropdown {
    width: 10px;
    height: 8px
}

.symbol-email {
    width: 24px;
    height: 24px
}

.symbol-fail {
    width: 40px;
    height: 40px
}

.symbol-fav {
    width: 30px;
    height: 30px
}

.symbol-filter {
    width: 18px;
    height: 12px
}

.symbol-footer-catalog,
.symbol-footer-email,
.symbol-footer-phone,
.symbol-footer-pin {
    width: 24px;
    height: 25px
}

.symbol-fullscreen-close,
.symbol-fullscreen-open {
    width: 18px;
    height: 18px
}

.symbol-in-basket {
    width: 16px;
    height: 12px
}

.symbol-info {
    width: 24px;
    height: 24px
}

.symbol-location {
    width: 18px;
    height: 18px
}

.symbol-logo {
    width: 128px;
    height: 48px
}

.symbol-next,
.symbol-partners-phone {
    width: 24px;
    height: 24px
}

.symbol-phone {
    width: 20px;
    height: 20px
}

.symbol-pillow-grid {
    width: 30px;
    height: 36px
}

.symbol-pillow {
    width: 38px;
    height: 32px
}

.symbol-play {
    width: 22px;
    height: 26px
}

.symbol-prev {
    width: 24px;
    height: 24px
}

.symbol-production {
    width: 1223px;
    height: 270px
}

.symbol-search {
    width: 24px;
    height: 24px
}

.symbol-sibirix {
    width: 21px;
    height: 14px
}

.symbol-stars {
    width: 25px;
    height: 22px
}

.symbol-success {
    width: 40px;
    height: 29px
}

.symbol-up {
    width: 24px;
    height: 24px
}

.symbol-wait-for-business {
    width: 1440px;
    height: 268px
}

.symbol-z {
    width: 39px;
    height: 36px
}

.symbol-zoom-in,
.symbol-zoom-out {
    width: 20px;
    height: 20px
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest-Medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Onest';
    src: url(../fonts/Onest-ExtraBold.woff2) format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dela Gothic One';
    src: url(../fonts/DelaGothicOne-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 12px 16px;
    z-index: 1
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #f8f8f8
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #f8f8f8
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #f8f8f8
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #f8f8f8
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #f8f8f8
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #f8f8f8
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #f8f8f8
}

.v-spoiler {
    position: relative;
    overflow-y: hidden;
    transition: height var(--spoiler-time, --transition-fast) ease-in-out
}

.v-spoiler--open-completed {
    overflow: initial
}

.multiselect {
    background: var(--ms-bg, #fff);
    border: var(--ms-border-width, 1px) solid var(--ms-border-color, #d1d5db);
    border-radius: var(--ms-radius, 4px);
    font-size: var(--ms-font-size, 1rem)
}

.multiselect.is-open {
    border-radius: var(--ms-radius, 4px) var(--ms-radius, 4px) 0 0
}

.multiselect.is-open-top {
    border-radius: 0 0 var(--ms-radius, 4px) var(--ms-radius, 4px)
}

.multiselect.is-disabled {
    background: var(--ms-bg-disabled, #f3f4f6);
    cursor: default
}

.multiselect.is-active {
    border: var(--ms-border-width-active, var(--ms-border-width, 1px)) solid var(--ms-border-color-active, var(--ms-border-color, #d1d5db));
    box-shadow: 0 0 0 var(--ms-ring-width, 3px) var(--ms-ring-color, rgba(16, 185, 129, 0.188))
}

.multiselect,
.multiselect-wrapper {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    min-height: calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, 0.5rem)*2);
    outline: 0;
    position: relative;
    width: 100%
}

.multiselect-multiple-label,
.multiselect-placeholder {
    display: flex
}

.multiselect-multiple-label,
.multiselect-placeholder,
.multiselect-single-label {
    align-items: center;
    background: 0 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    line-height: var(--ms-line-height, 1.375);
    max-width: 100%;
    padding-left: var(--ms-px, 0.875rem);
    padding-right: calc(1.25rem + var(--ms-px, 0.875rem)*3);
    pointer-events: none;
    position: absolute;
    top: 0
}

.multiselect-placeholder {
    color: var(--ms-placeholder-color, #9ca3af)
}

.multiselect-single-label-text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.multiselect-search {
    -webkit-appearance: none;
    appearance: none;
    background: var(--ms-bg, #fff);
    border: 0;
    border-radius: var(--ms-radius, 4px);
    bottom: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    left: 0;
    outline: 0;
    padding-left: var(--ms-px, 0.875rem);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.multiselect-search::-webkit-search-cancel-button,
.multiselect-search::-webkit-search-decoration,
.multiselect-search::-webkit-search-results-button,
.multiselect-search::-webkit-search-results-decoration,
.multiselect-tags-search::-webkit-search-cancel-button,
.multiselect-tags-search::-webkit-search-decoration,
.multiselect-tags-search::-webkit-search-results-button,
.multiselect-tags-search::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.multiselect-tags {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: wrap;
    margin: var(--ms-tag-my, 0.25rem) 0 0;
    padding-left: var(--ms-py, 0.5rem)
}

.multiselect-tag {
    align-items: center;
    background: var(--ms-tag-bg, #10b981);
    border-radius: var(--ms-tag-radius, 4px);
    color: var(--ms-tag-color, #fff);
    display: flex;
    font-size: var(--ms-tag-font-size, 0.875rem);
    font-weight: var(--ms-tag-font-weight, 600);
    line-height: var(--ms-tag-line-height, 1.25rem);
    margin-bottom: var(--ms-tag-my, 0.25rem);
    margin-right: var(--ms-tag-mx, 0.25rem);
    padding: var(--ms-tag-py, 0.125rem) 0 var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem);
    white-space: nowrap
}

.multiselect-tag.is-disabled {
    background: var(--ms-tag-bg-disabled, #9ca3af);
    color: var(--ms-tag-color-disabled, #fff);
    padding-right: var(--ms-tag-px, 0.5rem)
}

.multiselect-tag-remove {
    align-items: center;
    border-radius: var(--ms-tag-remove-radius, 4px);
    display: flex;
    justify-content: center;
    margin: var(--ms-tag-remove-my, 0) var(--ms-tag-remove-mx, 0.125rem);
    padding: var(--ms-tag-remove-py, 0.25rem) var(--ms-tag-remove-px, 0.25rem)
}

.multiselect-tag-remove:hover {
    background: rgba(0, 0, 0, .063)
}

.multiselect-tag-remove-icon {
    background-color: currentColor;
    display: inline-block;
    height: .75rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: .8;
    width: .75rem
}

.multiselect-tags-search-wrapper {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    margin: 0 var(--ms-tag-mx, 4px) var(--ms-tag-my, 4px);
    position: relative
}

.multiselect-tags-search-copy {
    display: inline-block;
    height: 1px;
    visibility: hidden;
    white-space: pre-wrap;
    width: 100%
}

.multiselect-tags-search {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    bottom: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    left: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.multiselect-inifite {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, 0.5rem)*2);
    width: 100%
}

.multiselect-inifite-spinner,
.multiselect-spinner {
    animation: multiselect-spin 1s linear infinite;
    background-color: var(--ms-spinner-color, #10b981);
    flex-grow: 0;
    flex-shrink: 0;
    height: 1rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456.433 371.72-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem;
    z-index: 10
}

.multiselect-spinner {
    margin: 0 var(--ms-px, 0.875rem) 0 0
}

.multiselect-clear {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    opacity: 1;
    padding: 0 var(--ms-px, 0.875rem) 0 0;
    position: relative;
    transition: .3s;
    z-index: 10
}

.multiselect-clear:hover .multiselect-clear-icon {
    background-color: var(--ms-clear-color-hover, #000)
}

.multiselect-clear-icon {
    background-color: var(--ms-clear-color, #999);
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
    transition: .3s
}

.multiselect-caret,
.multiselect-clear-icon {
    height: 1.125rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: .625rem
}

.multiselect-caret {
    background-color: var(--ms-caret-color, #999);
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 var(--ms-px, 0.875rem) 0 0;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
    pointer-events: none;
    position: relative;
    transform: rotate(0deg);
    transition: transform .3s;
    z-index: 10
}

.multiselect-caret.is-open {
    pointer-events: auto;
    transform: rotate(180deg)
}

.multiselect-dropdown {
    background: var(--ms-dropdown-bg, #fff);
    border: var(--ms-dropdown-border-width, 1px) solid var(--ms-dropdown-border-color, #d1d5db);
    border-radius: 0 0 var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: calc(var(--ms-border-width, 1px)*-1);
    margin-top: calc(var(--ms-border-width, 1px)*-1);
    max-height: var(--ms-max-height, 10rem);
    outline: 0;
    position: absolute;
    right: calc(var(--ms-border-width, 1px)*-1);
    transform: translateY(100%);
    z-index: 100
}

.multiselect-dropdown.is-top {
    border-radius: var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px) 0 0;
    bottom: auto;
    top: var(--ms-border-width, 1px);
    transform: translateY(-100%)
}

.multiselect-dropdown.is-hidden {
    display: none
}

.multiselect-options {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.multiselect-group {
    margin: 0;
    padding: 0
}

.multiselect-group-label {
    align-items: center;
    background: var(--ms-group-label-bg, #e5e7eb);
    box-sizing: border-box;
    color: var(--ms-group-label-color, #374151);
    cursor: default;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    justify-content: flex-start;
    line-height: var(--ms-group-label-line-height, 1.375);
    padding: var(--ms-group-label-py, 0.3rem) var(--ms-group-label-px, 0.75rem);
    text-align: left;
    text-decoration: none
}

.multiselect-group-label.is-pointable {
    cursor: pointer
}

.multiselect-group-label.is-pointed {
    background: var(--ms-group-label-bg-pointed, #d1d5db);
    color: var(--ms-group-label-color-pointed, #374151)
}

.multiselect-group-label.is-selected {
    background: var(--ms-group-label-bg-selected, #059669);
    color: var(--ms-group-label-color-selected, #fff)
}

.multiselect-group-label.is-disabled {
    background: var(--ms-group-label-bg-disabled, #f3f4f6);
    color: var(--ms-group-label-color-disabled, #d1d5db);
    cursor: not-allowed
}

.multiselect-group-label.is-selected.is-pointed {
    background: var(--ms-group-label-bg-selected-pointed, #0c9e70);
    color: var(--ms-group-label-color-selected-pointed, #fff)
}

.multiselect-group-label.is-selected.is-disabled {
    background: var(--ms-group-label-bg-selected-disabled, #75cfb1);
    color: var(--ms-group-label-color-selected-disabled, #d1fae5)
}

.multiselect-group-options {
    margin: 0;
    padding: 0
}

.multiselect-option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    font-size: var(--ms-option-font-size, 1rem);
    justify-content: flex-start;
    line-height: var(--ms-option-line-height, 1.375);
    padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
    text-align: left;
    text-decoration: none
}

.multiselect-option.is-pointed {
    background: var(--ms-option-bg-pointed, #f3f4f6);
    color: var(--ms-option-color-pointed, #1f2937)
}

.multiselect-option.is-selected {
    background: var(--ms-option-bg-selected, #10b981);
    color: var(--ms-option-color-selected, #fff)
}

.multiselect-option.is-disabled {
    background: var(--ms-option-bg-disabled, #fff);
    color: var(--ms-option-color-disabled, #d1d5db);
    cursor: not-allowed
}

.multiselect-option.is-selected.is-pointed {
    background: var(--ms-option-bg-selected-pointed, #26c08e);
    color: var(--ms-option-color-selected-pointed, #fff)
}

.multiselect-option.is-selected.is-disabled {
    background: var(--ms-option-bg-selected-disabled, #87dcc0);
    color: var(--ms-option-color-selected-disabled, #d1fae5)
}

.multiselect-no-options,
.multiselect-no-results {
    color: var(--ms-empty-color, #4b5563);
    padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem)
}

.multiselect-fake-input {
    background: 0 0;
    border: 0;
    bottom: -1px;
    font-size: 0;
    height: 1px;
    left: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.multiselect-fake-input:active,
.multiselect-fake-input:focus {
    outline: 0
}

.multiselect-assistive-text {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.multiselect-spacer {
    display: none
}

[dir=rtl] .multiselect-multiple-label,
[dir=rtl] .multiselect-placeholder,
[dir=rtl] .multiselect-single-label {
    left: auto;
    padding-left: calc(1.25rem + var(--ms-px, 0.875rem)*3);
    padding-right: var(--ms-px, 0.875rem);
    right: 0
}

[dir=rtl] .multiselect-search {
    padding-left: 0;
    padding-right: var(--ms-px, 0.875rem)
}

[dir=rtl] .multiselect-tags {
    padding-left: 0;
    padding-right: var(--ms-py, 0.5rem)
}

[dir=rtl] .multiselect-tag {
    margin-left: var(--ms-tag-mx, 0.25rem);
    margin-right: 0;
    padding: var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem) var(--ms-tag-py, 0.125rem) 0
}

[dir=rtl] .multiselect-tag.is-disabled {
    padding-left: var(--ms-tag-px, 0.5rem)
}

[dir=rtl] .multiselect-caret,
[dir=rtl] .multiselect-spinner {
    margin: 0 0 0 var(--ms-px, 0.875rem)
}

[dir=rtl] .multiselect-clear {
    padding: 0 0 0 var(--ms-px, 0.875rem)
}

.slider-target,
.slider-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.slider-target {
    position: relative
}

.slider-base,
.slider-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.slider-connects {
    overflow: hidden;
    z-index: 0
}

.slider-connect,
.slider-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.slider-txt-dir-rtl.slider-horizontal .slider-origin {
    left: 0;
    right: auto
}

.slider-vertical .slider-origin {
    top: -100%;
    width: 0
}

.slider-horizontal .slider-origin {
    height: 0
}

.slider-handle {
    backface-visibility: hidden;
    position: absolute
}

.slider-touch-area {
    height: 100%;
    width: 100%
}

.slider-state-tap .slider-connect,
.slider-state-tap .slider-origin {
    transition: transform .3s
}

.slider-state-drag * {
    cursor: inherit !important
}

.slider-tooltip-drag .slider-tooltip,
.slider-tooltip-focus .slider-tooltip {
    display: none !important
}

.slider-tooltip-drag .slider-active .slider-tooltip,
.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),
.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden) {
    display: block !important
}

.slider-horizontal {
    height: var(--slider-height, 6px)
}

.slider-horizontal .slider-handle {
    height: var(--slider-handle-height, 16px);
    right: calc(var(--slider-handle-width, 16px)/2*-1);
    top: calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);
    width: var(--slider-handle-width, 16px)
}

.slider-vertical {
    height: var(--slider-vertical-height, 300px);
    width: var(--slider-height, 6px)
}

.slider-vertical .slider-handle {
    bottom: calc(var(--slider-handle-width, 16px)/2*-1);
    height: var(--slider-handle-width, 16px);
    right: calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);
    width: var(--slider-handle-height, 16px)
}

.slider-txt-dir-rtl.slider-horizontal .slider-handle {
    left: calc(var(--slider-handle-width, 16px)/2*-1);
    right: auto
}

.slider-base {
    background-color: var(--slider-bg, #d1d5db)
}

.slider-base,
.slider-connects {
    border-radius: var(--slider-radius, 9999px)
}

.slider-connect {
    background: var(--slider-connect-bg, #10b981);
    cursor: pointer
}

.slider-draggable {
    cursor: ew-resize
}

.slider-vertical .slider-draggable {
    cursor: ns-resize
}

.slider-handle {
    background: var(--slider-handle-bg, #fff);
    border: var(--slider-handle-border, 0);
    border-radius: var(--slider-handle-radius, 9999px);
    box-shadow: var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
    cursor: grab;
    height: var(--slider-handle-height, 16px);
    width: var(--slider-handle-width, 16px)
}

.slider-handle:focus {
    box-shadow: 0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)), var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));
    outline: 0
}

.slider-active {
    box-shadow: var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));
    cursor: grabbing
}

[disabled] .slider-connect {
    background: var(--slider-connect-bg-disabled, #9ca3af)
}

[disabled] .slider-handle,
[disabled].slider-handle,
[disabled].slider-target {
    cursor: not-allowed
}

[disabled] .slider-tooltip {
    background: var(--slider-tooltip-bg-disabled, #9ca3af);
    border-color: var(--slider-tooltip-bg-disabled, #9ca3af)
}

.slider-tooltip {
    background: var(--slider-tooltip-bg, #10b981);
    border: 1px solid var(--slider-tooltip-bg, #10b981);
    border-radius: var(--slider-tooltip-radius, 5px);
    color: var(--slider-tooltip-color, #fff);
    display: block;
    font-size: var(--slider-tooltip-font-size, 0.875rem);
    font-weight: var(--slider-tooltip-font-weight, 600);
    line-height: var(--slider-tooltip-line-height, 1.25rem);
    min-width: var(--slider-tooltip-min-width, 20px);
    padding: var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.slider-horizontal .slider-tooltip-top {
    bottom: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
    left: 50%;
    transform: translate(-50%)
}

.slider-horizontal .slider-tooltip-bottom:before,
.slider-horizontal .slider-tooltip-top:before {
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 0
}

.slider-horizontal .slider-tooltip-top:before {
    border-top-color: inherit;
    bottom: calc(var(--slider-tooltip-arrow-size, 5px)*-2)
}

.slider-horizontal .slider-tooltip-bottom {
    left: 50%;
    top: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
    transform: translate(-50%)
}

.slider-horizontal .slider-tooltip-bottom:before {
    border-bottom-color: inherit;
    top: calc(var(--slider-tooltip-arrow-size, 5px)*-2)
}

.slider-vertical .slider-tooltip-left {
    right: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
    top: 50%;
    transform: translateY(-50%)
}

.slider-vertical .slider-tooltip-left:before,
.slider-vertical .slider-tooltip-right:before {
    border: var(--slider-tooltip-arrow-size, 5px) solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

.slider-vertical .slider-tooltip-left:before {
    border-left-color: inherit;
    right: calc(var(--slider-tooltip-arrow-size, 5px)*-2)
}

.slider-vertical .slider-tooltip-right {
    left: calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));
    top: 50%;
    transform: translateY(-50%)
}

.slider-vertical .slider-tooltip-right:before {
    border-right-color: inherit;
    left: calc(var(--slider-tooltip-arrow-size, 5px)*-2)
}

.slider-horizontal .slider-origin>.slider-tooltip {
    left: auto;
    transform: translate(50%)
}

.slider-horizontal .slider-origin>.slider-tooltip-top {
    bottom: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)
}

.slider-horizontal .slider-origin>.slider-tooltip-bottom {
    top: calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip {
    top: auto;
    transform: translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))
}

.slider-vertical .slider-origin>.slider-tooltip-left {
    right: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)
}

.slider-vertical .slider-origin>.slider-tooltip-right {
    left: calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)
}

.swiper--stretch {
    display: flex
}

.swiper--stretch swiper-slide {
    height: auto !important;
    display: grid;
    grid-template-columns: 100%;
    flex-shrink: 0
}

.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: var(--m16)
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    transition-property: background-color, opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    border-radius: 50%;
    background: currentColor;
    opacity: .6;
    cursor: pointer
}

@media (pointer:coarse) {
    .swiper-pagination-bullets .swiper-pagination-bullet:active {
        background-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swiper-pagination-bullets .swiper-pagination-bullet:hover {
        background-color: #8bd867
    }
    .swiper-pagination-bullets .swiper-pagination-bullet:active {
        opacity: .6
    }
    .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    pointer-events: none;
    opacity: 1;
    cursor: default
}

.v-spoiler {
    transition-timing-function: ease !important;
    transition-duration: .4s !important;
    will-change: height
}

:root {
    --ms-font-size: var(--input-font-size);
    --ms-line-height: var(--lh-input);
    --ms-bg: var(--input-background-color);
    --ms-border-color: var(--input-border-color);
    --ms-border-width: var(--input-border-width);
    --ms-radius: var(--input-border-radius);
    --ms-py: var(--input-padding-top);
    --ms-px: var(--input-padding-left);
    --ms-ring-width: 0px;
    --ms-ring-color: transparent;
    --ms-placeholder-color: var(--input-placeholder-color);
    --ms-color: var(--input-color);
    --ms-dropdown-bg: var(--input-background-color);
    --ms-dropdown-border-color: var(--input-border-color);
    --ms-dropdown-border-width: var(--input-border-width);
    --ms-dropdown-radius: var(--input-border-radius);
    --ms-option-font-size: var(--input-font-size);
    --ms-option-line-height: var(--lh-input);
    --ms-option-bg-pointed: transparent;
    --ms-option-color-pointed: #8bd867;
    --ms-option-bg-selected: #f0f2f4;
    --ms-option-color-selected: #32314a;
    --ms-option-bg-selected-pointed: #f8f8f8;
    --ms-option-color-selected-pointed: #32314a;
    --ms-option-py: 8px;
    --ms-option-px: var(--input-padding-left)
}

.multiselect {
    --arrow-size: 20px;
    --arrow-padding: var(--m16)
}

.multiselect-wrapper {
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    border-radius: inherit;
    color: var(--ms-color, currentColor)
}

.multiselect-single-label {
    font-weight: var(--input-font-weight)
}

.multiselect-arrow {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: var(--arrow-padding)
}

.multiselect-arrow svg {
    width: var(--arrow-size);
    height: var(--arrow-size)
}

.multiselect-multiple-label,
.multiselect-placeholder,
.multiselect-single-label {
    padding-right: calc(var(--arrow-size) + var(--arrow-padding))
}

.multiselect-single-label--with-after {
    width: calc(100% - var(--m8))
}

.multiselect-option--with-after {
    width: calc(100% - var(--m8));
    display: flex;
    justify-content: space-between;
    align-items: center
}

.multiselect-option,
.multiselect-single-label {
    display: flex;
    gap: .5em
}

.multiselect-dropdown {
    transition-property: opacity;
    --scrollbar-size: 2px !important;
    overflow-y: auto !important;
    -webkit-mask-image: linear-gradient(to right, #000, #000);
    mask-image: linear-gradient(to right, #000, #000);
    opacity: 1
}

.multiselect-dropdown.is-hidden {
    display: flex;
    opacity: 0
}

.multiselect-dropdown,
.multiselect-option,
.multiselect-options {
    transition-duration: .2s;
    transition-timing-function: ease
}

.multiselect-options {
    transition-property: max-height;
    max-height: 0
}

.multiselect-option {
    transition-property: all;
    padding: 12px
}

.multiselect-search {
    color: var(--input-color);
    font: var(--input-font-weight) var(--input-font-size)/var(--lh-input) 'Onest', Arial, sans-serif, -apple-system;
    border-radius: inherit
}

.multiselect,
.multiselect-wrapper {
    min-height: calc(var(--input-height) - var(--ms-border-width, 1px)*2)
}

.multiselect.is-active,
.multiselect.is-open {
    --ms-border-color: #e1e5ea;
    --ms-dropdown-border-color: #e1e5ea
}

.multiselect.is-active {
    --ms-color: var(--input-hover-color)
}

.multiselect.is-open {
    --ms-bg: var(--input-focus-background-color);
    --ms-dropdown-bg: var(--input-focus-background-color)
}

.multiselect.is-open .multiselect-options {
    max-height: 1000px
}

.multiselect.is-open .multiselect-arrow {
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .multiselect {
        --arrow-size: 16px;
        --arrow-padding: var(--m8)
    }
}

.multiselect--simple {
    --ms-font-size: var(--sf16);
    --ms-line-height: 24px;
    --ms-bg: transparent;
    --ms-border-color: transparent;
    --ms-border-width: 0px;
    --ms-py: 0px;
    --ms-px: 0px;
    --ms-dropdown-bg: #fff;
    --ms-dropdown-border-color: #f0f2f4;
    --ms-dropdown-border-width: 1px;
    --arrow-size: 16px;
    --arrow-padding: 0;
    min-height: auto
}

.multiselect--simple .multiselect-wrapper {
    min-height: auto
}

.multiselect--simple .multiselect-dropdown {
    max-height: 150px
}

.multiselect--simple .multiselect-arrow {
    padding: 0
}

@media (max-width:767px) {
    .multiselect--simple {
        --ms-font-size: var(--fs12);
        --ms-line-height: 18px;
        --ms-option-font-size: var(--fs12);
        --ms-option-line-height: 18px
    }
    .multiselect--simple .multiselect-dropdown {
        max-height: 100px
    }
}

.multiselect--transparent {
    --ms-bg: transparent;
    --ms-border-color: transparent;
    --ms-dropdown-border-color: #fff;
    --ms-color: #32314a
}

.multiselect--white {
    --ms-bg: #fff;
    --ms-color: #32314a
}

.multiselect--searchable .multiselect-arrow {
    opacity: 0
}

.multiselect--searchable .multiselect-spinner {
    margin-right: 0 !important
}

:root {
    --slider-bg: #f0f2f4;
    --slider-connect-bg: #d1efc2;
    --slider-connect-bg-disabled: rgba(209, 239, 194, 0.5);
    --slider-height: 2px;
    --slider-radius: 0px;
    --slider-handle-bg: #8bd867;
    --slider-handle-width: 18px;
    --slider-handle-height: 18px;
    --slider-handle-shadow: none;
    --slider-handle-shadow-active: none;
    --slider-handle-ring-width: 0px;
    --slider-handle-ring-color: transparent;
    --page-scrollbar-width: 8px;
    --vh: 1vh;
    --sw: var(--page-scrollbar-width);
    --page-width: calc(100vw - var(--sw));
    --page-gutter: 80px;
    --content-max-width: 1280px;
    --content-width: min(calc(100% - 2 * var(--page-gutter)), var(--content-max-width));
    --full-page-gutter: max((100vw - var(--sw) - var(--content-max-width)) / 2, var(--page-gutter));
    --wide-content-max-width: 1920px;
    --grid-gap: 16px;
    --bx-panel-height: 0px;
    --header-height: 140px;
    --fixed-header-height: 80px;
    --sticky-top: var(--fixed-header-height);
    --lh-text: 1.5;
    --lh-caption: 1.2;
    --fs12: 12px;
    --fs14: 14px;
    --fs16: 16px;
    --fs18: 18px;
    --fs24: 24px;
    --fs32: 32px;
    --fs48: 48px;
    --fs56: 56px;
    --fs64: 64px;
    --fs80: 80px;
    --fs130: 130px;
    --fs200: 200px;
    --fs300: 300px;
    --fs400: 400px;
    --m4: 4px;
    --m6: 6px;
    --m8: 8px;
    --m12: 12px;
    --m16: 16px;
    --m18: 18px;
    --m20: 20px;
    --m24: 24px;
    --m28: 28px;
    --m32: 32px;
    --m36: 36px;
    --m40: 40px;
    --m44: 44px;
    --m48: 48px;
    --m56: 56px;
    --m60: 60px;
    --m80: 80px;
    --m86: 86px;
    --m100: 100px;
    --input-color: #32314a;
    --input-placeholder-color: #adadb7;
    --input-background-color: #f8f8f8;
    --input-border-color: #e1e5ea;
    --input-hover-border-color: rgba(50, 49, 74, 0.4);
    --input-focus-color: #32314a;
    --input-focus-background-color: #fff;
    --input-focus-border-color: #8bd867;
    --input-height: 50px;
    --input-padding-top: calc((var(--input-height) - 2 * var(--input-line-height)) / 2);
    --input-padding-bottom: var(--input-padding-top);
    --input-padding-left: var(--m16);
    --input-padding-right: var(--input-padding-left);
    --input-border-width: 1px;
    --input-font-size: 16px;
    --input-line-height: 18px;
    --input-font-weight: 500;
    --input-border-radius: var(--border-radius-sm);
    --textarea-height: 175px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 32px;
    --scroll-up-size: 48px;
    --product-card-min-width: 350px
}

@media (max-width:1439px) {
    :root {
        --fs16: 16px
    }
}

@media (max-width:1239px) {
    :root {
        --fs16: 15px
    }
}

@media (max-width:1023px) {
    :root {
        --fs16: 15px
    }
}

@media (max-width:767px) {
    :root {
        --fs16: 15px
    }
}

@media (max-width:479px) {
    :root {
        --fs16: 14px
    }
}

@media (max-width:1439px) {
    :root {
        --fs18: 18px
    }
}

@media (max-width:1239px) {
    :root {
        --fs18: 17px
    }
}

@media (max-width:1023px) {
    :root {
        --fs18: 17px
    }
}

@media (max-width:767px) {
    :root {
        --fs18: 17px
    }
}

@media (max-width:479px) {
    :root {
        --fs18: 16px
    }
}

@media (max-width:1439px) {
    :root {
        --fs24: 23px
    }
}

@media (max-width:1239px) {
    :root {
        --fs24: 21px
    }
}

@media (max-width:1023px) {
    :root {
        --fs24: 20px
    }
}

@media (max-width:767px) {
    :root {
        --fs24: 19px
    }
}

@media (max-width:479px) {
    :root {
        --fs24: 18px
    }
}

@media (max-width:1439px) {
    :root {
        --fs32: 30px
    }
}

@media (max-width:1239px) {
    :root {
        --fs32: 28px
    }
}

@media (max-width:1023px) {
    :root {
        --fs32: 27px
    }
}

@media (max-width:767px) {
    :root {
        --fs32: 25px
    }
}

@media (max-width:479px) {
    :root {
        --fs32: 23px
    }
}

@media (max-width:1439px) {
    :root {
        --fs48: 44px
    }
}

@media (max-width:1239px) {
    :root {
        --fs48: 41px
    }
}

@media (max-width:1023px) {
    :root {
        --fs48: 37px
    }
}

@media (max-width:767px) {
    :root {
        --fs48: 34px
    }
}

@media (max-width:479px) {
    :root {
        --fs48: 32px
    }
}

@media (max-width:1439px) {
    :root {
        --fs56: 49px
    }
}

@media (max-width:1239px) {
    :root {
        --fs56: 43px
    }
}

@media (max-width:1023px) {
    :root {
        --fs56: 38px
    }
}

@media (max-width:767px) {
    :root {
        --fs56: 34px
    }
}

@media (max-width:479px) {
    :root {
        --fs56: 30px
    }
}

@media (max-width:1439px) {
    :root {
        --fs64: 54px
    }
}

@media (max-width:1239px) {
    :root {
        --fs64: 46px
    }
}

@media (max-width:1023px) {
    :root {
        --fs64: 39px
    }
}

@media (max-width:767px) {
    :root {
        --fs64: 33px
    }
}

@media (max-width:479px) {
    :root {
        --fs64: 28px
    }
}

@media (max-width:1439px) {
    :root {
        --fs80: 66px
    }
}

@media (max-width:1239px) {
    :root {
        --fs80: 55px
    }
}

@media (max-width:1023px) {
    :root {
        --fs80: 46px
    }
}

@media (max-width:767px) {
    :root {
        --fs80: 38px
    }
}

@media (max-width:479px) {
    :root {
        --fs80: 32px
    }
}

@media (max-width:1439px) {
    :root {
        --fs130: 108px
    }
}

@media (max-width:1239px) {
    :root {
        --fs130: 90px
    }
}

@media (max-width:1023px) {
    :root {
        --fs130: 74px
    }
}

@media (max-width:767px) {
    :root {
        --fs130: 62px
    }
}

@media (max-width:479px) {
    :root {
        --fs130: 51px
    }
}

@media (max-width:1439px) {
    :root {
        --fs200: 150px
    }
}

@media (max-width:1239px) {
    :root {
        --fs200: 113px
    }
}

@media (max-width:1023px) {
    :root {
        --fs200: 85px
    }
}

@media (max-width:767px) {
    :root {
        --fs200: 64px
    }
}

@media (max-width:479px) {
    :root {
        --fs200: 48px
    }
}

@media (max-width:1439px) {
    :root {
        --fs300: 225px
    }
}

@media (max-width:1239px) {
    :root {
        --fs300: 169px
    }
}

@media (max-width:1023px) {
    :root {
        --fs300: 127px
    }
}

@media (max-width:767px) {
    :root {
        --fs300: 95px
    }
}

@media (max-width:479px) {
    :root {
        --fs300: 72px
    }
}

@media (max-width:1439px) {
    :root {
        --fs400: 300px
    }
}

@media (max-width:1239px) {
    :root {
        --fs400: 225px
    }
}

@media (max-width:1023px) {
    :root {
        --fs400: 169px
    }
}

@media (max-width:767px) {
    :root {
        --fs400: 127px
    }
}

@media (max-width:479px) {
    :root {
        --fs400: 95px
    }
}

@media (max-width:1439px) {
    :root {
        --m16: 15px
    }
}

@media (max-width:1239px) {
    :root {
        --m16: 14px
    }
}

@media (max-width:1023px) {
    :root {
        --m16: 13px
    }
}

@media (max-width:767px) {
    :root {
        --m16: 12px
    }
}

@media (max-width:479px) {
    :root {
        --m16: 12px
    }
}

@media (max-width:1439px) {
    :root {
        --m48: 44px
    }
}

@media (max-width:1239px) {
    :root {
        --m48: 41px
    }
}

@media (max-width:1023px) {
    :root {
        --m48: 37px
    }
}

@media (max-width:767px) {
    :root {
        --m48: 34px
    }
}

@media (max-width:479px) {
    :root {
        --m48: 32px
    }
}

@media (max-width:1439px) {
    :root {
        --m56: 52px
    }
}

@media (max-width:1239px) {
    :root {
        --m56: 47px
    }
}

@media (max-width:1023px) {
    :root {
        --m56: 44px
    }
}

@media (max-width:767px) {
    :root {
        --m56: 40px
    }
}

@media (max-width:479px) {
    :root {
        --m56: 37px
    }
}

@media (max-width:1439px) {
    :root {
        --m60: 53px
    }
}

@media (max-width:1239px) {
    :root {
        --m60: 46px
    }
}

@media (max-width:1023px) {
    :root {
        --m60: 41px
    }
}

@media (max-width:767px) {
    :root {
        --m60: 36px
    }
}

@media (max-width:479px) {
    :root {
        --m60: 32px
    }
}

@media (max-width:1439px) {
    :root {
        --m80: 67px
    }
}

@media (max-width:1239px) {
    :root {
        --m80: 56px
    }
}

@media (max-width:1023px) {
    :root {
        --m80: 47px
    }
}

@media (max-width:767px) {
    :root {
        --m80: 40px
    }
}

@media (max-width:479px) {
    :root {
        --m80: 33px
    }
}

@media (max-width:1439px) {
    :root {
        --m86: 72px
    }
}

@media (max-width:1239px) {
    :root {
        --m86: 61px
    }
}

@media (max-width:1023px) {
    :root {
        --m86: 51px
    }
}

@media (max-width:767px) {
    :root {
        --m86: 43px
    }
}

@media (max-width:479px) {
    :root {
        --m86: 36px
    }
}

@media (max-width:1439px) {
    :root {
        --m100: 84px
    }
}

@media (max-width:1239px) {
    :root {
        --m100: 71px
    }
}

@media (max-width:1023px) {
    :root {
        --m100: 59px
    }
}

@media (max-width:767px) {
    :root {
        --m100: 50px
    }
}

@media (max-width:479px) {
    :root {
        --m100: 42px
    }
}

@media (max-width:1439px) {
    :root {
        --border-radius-lg: 30px
    }
}

@media (max-width:1239px) {
    :root {
        --border-radius-lg: 29px
    }
}

@media (max-width:1023px) {
    :root {
        --border-radius-lg: 27px
    }
}

@media (max-width:767px) {
    :root {
        --border-radius-lg: 26px
    }
}

@media (max-width:479px) {
    :root {
        --border-radius-lg: 24px
    }
}

@media (max-width:1023px) {
    :root {
        --header-height: 80px
    }
}

@media (max-width:1439px) {
    :root {
        --page-gutter: 40px
    }
}

@media (max-width:1239px) {
    :root {
        --product-card-min-width: 300px
    }
}

@media (max-width:1023px) {
    :root {
        --page-gutter: 16px
    }
}

@media (max-width:767px) {
    :root {
        --grid-gap: 8px;
        --product-card-min-width: 160px
    }
}

html {
    height: 100%;
    min-height: 100vh;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    --scrollbar-size: var(--page-scrollbar-width);
    --scrollbar-size-ff: normal;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    min-height: calc(100*var(--vh));
    min-width: 360px;
    width: calc(100% - var(--scroll-lock-compensation));
    background: var(--page-bg-color);
    color: #32314a;
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

body ::selection {
    background: rgba(139, 216, 103, .2)
}

body * {
    font-variant-numeric: slashed-zero !important;
    font-feature-settings: 'liga' off !important
}

.content-container {
    box-sizing: border-box;
    margin: 0 auto;
    width: var(--content-width)
}

.blockquote {
    margin: 0;
    padding: var(--m48);
    position: relative;
    display: flex;
    justify-content: space-between;
    background-image: url(../images/blockquote.png);
    background-color: #222132;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: var(--border-radius-lg);
    color: #fff
}

.blockquote:after {
    width: 73px;
    height: 51px;
    background: var(--ss) -2px -2px no-repeat;
    content: '';
    display: block;
    flex-shrink: 0
}

.blockquote__text {
    margin-right: var(--m48);
    font: 400 var(--fs24)/1.3 'Onest', Arial, sans-serif, -apple-system
}

.blockquote__author {
    position: relative;
    padding-left: var(--m16);
    line-height: var(--lh-text-lg);
    border-left: 2px solid #8bd867
}

.blockquote__author:not(:first-child),
.text-content h4:not(:first-child),
.text-content p:not(:first-child) {
    margin-top: var(--m24)
}

.blockquote__author-name {
    font: 700 var(--fs18)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.blockquote__author-position {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:1023px) {
    .blockquote {
        gap: 50px
    }
}

@media (max-width:767px) {
    .blockquote:after {
        content: none
    }
    .blockquote__squares {
        bottom: -20px;
        right: -10px
    }
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0
}

.h1,
.h2,
.text-content h1,
.text-content h2 {
    font-weight: 800;
    line-height: var(--lh-caption);
    text-transform: uppercase
}

.h1 b,
.h1 strong,
.h2 b,
.h2 strong,
.text-content h1 b,
.text-content h1 strong,
.text-content h2 b,
.text-content h2 strong {
    background: #8bd867;
    border-radius: 1.015625em;
    padding: .140625em .5em;
    color: #fff;
    font: 400 .8em/var(--lh-caption) 'Dela Gothic One', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

@media (max-width:1239px) {
    .h1 b,
    .h1 strong,
    .h2 b,
    .h2 strong,
    .text-content h1 b,
    .text-content h1 strong,
    .text-content h2 b,
    .text-content h2 strong {
        padding: .046875em .375em
    }
}

.h1 i,
.h2 i,
.text-content h1 i,
.text-content h2 i {
    font-style: inherit;
    color: #8bd867
}

.h1,
.text-content h1 {
    font-size: var(--fs80)
}

.h2,
.text-content h2 {
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.text-content h3 {
    font: 400 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.h4,
.text-content h4 {
    font: 400 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.h5,
.text-content h5 {
    font-size: var(--fs18);
    line-height: var(--lh-caption)
}

.h1__count,
.h2__count,
.h3__count,
.h4__count,
.h5__count {
    color: #adadb7
}

.h1__count:empty,
.h2__count:empty,
.h3__count:empty,
.h4__count:empty,
.h5__count:empty {
    display: none
}

.ol {
    margin: 0
}

.ol,
.text-content ol {
    padding: 0;
    list-style: none;
    counter-reset: olCounter
}

.ol h5,
.text-content ol h5 {
    margin-bottom: var(--m4)
}

.ol>li,
.text-content ol>li {
    position: relative;
    padding-left: 40px
}

.ol>li:not(:last-child),
.text-content h4:not(:last-child),
.text-content ol>li:not(:last-child),
.text-content p:not(:last-child),
.text-content ul>li:not(:last-child),
.ul>li:not(:last-child) {
    margin-bottom: var(--m24)
}

.ol>li:before,
.text-content ol>li:before {
    content: '';
    position: absolute;
    content: counter(olCounter, decimal-leading-zero);
    counter-increment: olCounter;
    top: 0;
    left: 0;
    color: #8bd867;
    font: 700 var(--fs18)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    font-variant-numeric: lining-nums tabular-nums
}

.ol>li>ol,
.ol>li>ul,
.text-content ol>li>ol,
.text-content ol>li>ul {
    margin-top: var(--m16) !important
}

.ol>li>ol>li,
.ol>li>ul>li,
.text-content ol>li>ol>li,
.text-content ol>li>ul>li {
    padding-left: 32px
}

.ol>li>ol>li:not(:last-child),
.ol>li>ul>li:not(:last-child),
.text-content ol>li>ol>li:not(:last-child),
.text-content ol>li>ul>li:not(:last-child) {
    margin-bottom: var(--m8)
}

.ol>li>ol>li>ol>li,
.ol>li>ul>li>ol>li,
.text-content ol>li>ol>li>ol>li,
.text-content ol>li>ul>li>ol>li {
    padding-left: 42px
}

.ol>li>ol>li:before,
.text-content ol>li>ol>li:before {
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    color: #000;
    font-size: var(--fs16);
    content: counters(olCounter, ".")
}

.table-wrapper {
    overflow-x: auto
}

.table,
.text-content table {
    width: 100%;
    border-collapse: collapse
}

.table tr:not(:first-child),
.text-content table tr:not(:first-child) {
    border-bottom: 1px solid #e5e5e5
}

.table tr th,
.text-content table tr th {
    padding: var(--m8);
    background-color: #8bd867;
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    color: #fff;
    text-align: start
}

.table tr td,
.text-content table tr td {
    vertical-align: top;
    padding: var(--m12) var(--m8);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.ul {
    margin: 0
}

.text-content ul,
.ul {
    padding: 0;
    list-style: none
}

.text-content ul>li,
.ul>li {
    position: relative;
    padding-left: 32px
}

.text-content ul>li:before,
.ul>li:before {
    position: absolute;
    width: 16px;
    height: 12px;
    background: var(--ss) -107px -30px no-repeat;
    left: 0;
    top: 0;
    margin: var(--m8) var(--m16) 0 0;
    content: '';
    display: block;
    flex-shrink: 0
}

.text-content ul>li>ol,
.text-content ul>li>ul,
.ul>li>ol,
.ul>li>ul {
    margin-top: var(--m16)
}

.text-content ul>li>ol>li:not(:last-child),
.text-content ul>li>ul>li:not(:last-child),
.ul>li>ol>li:not(:last-child),
.ul>li>ul>li:not(:last-child) {
    margin-bottom: var(--m16)
}

.text-content {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.checkbox__label a:not([class]),
.radio__label a:not([class]),
.text-content a:not([class]) {
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    color: #8bd867;
    border-bottom: 1px solid transparent
}

@media (pointer:coarse) {
    .checkbox__label a:not([class]):active,
    .radio__label a:not([class]):active,
    .text-content a:not([class]):active {
        border-bottom-color: currentColor
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .checkbox__label a:not([class]):hover,
    .radio__label a:not([class]):hover,
    .text-content a:not([class]):hover {
        border-bottom-color: currentColor
    }
    .checkbox__label a:not([class]):active,
    .radio__label a:not([class]):active,
    .text-content a:not([class]):active {
        opacity: .6
    }
    .checkbox__label a:not([class]):focus-visible,
    .radio__label a:not([class]):focus-visible,
    .text-content a:not([class]):focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.text-content .blockquote,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content ol,
.text-content p,
.text-content ul {
    margin: 0
}

.text-content h1:not(:first-child),
.text-content h2:not(:first-child) {
    margin-top: var(--m64)
}

.text-content h1:not(:last-child),
.text-content h2:not(:last-child) {
    margin-bottom: var(--m32)
}

.text-content h3:not(:first-child) {
    margin-top: var(--m48)
}

.text-content .vue-gallery:not(:first-child),
.text-content ol:not(:first-child),
.text-content ul:not(:first-child) {
    margin-top: var(--m32)
}

.text-content .vue-gallery:not(:last-child),
.text-content h3:not(:last-child),
.text-content ol:not(:last-child),
.text-content ul:not(:last-child) {
    margin-bottom: var(--m32)
}

.text-content .blockquote:not(:first-child) {
    margin-top: var(--m48)
}

.text-content .blockquote:not(:last-child) {
    margin-bottom: var(--m80)
}

.text-content__p-with-img {
    display: flex;
    justify-content: space-between;
    gap: var(--m16)
}

@media (max-width:767px) {
    .text-content__p-with-img {
        flex-direction: column
    }
}

.btn,
.btn__icon {
    position: relative
}

.btn {
    --btn-bg-color: #8bd867;
    --btn-border-color: #8bd867;
    --btn-color: #fff;
    --btn-icon-color: currentColor;
    --btn-counter-bg-color: #32314a;
    --btn-hover-bg-color: #32314a;
    --btn-hover-border-color: #32314a;
    --btn-hover-color: #fff;
    --btn-hover-icon-color: currentColor;
    --btn-hover-counter-bg-color: #8bd867;
    --btn-border-width: 1px;
    --btn-height: 50px;
    --btn-icon-gap: 12px;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    -webkit-text-decoration-skip: objects;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, color, border-color, background-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: inline-flex;
    margin: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--btn-icon-gap);
    background: var(--btn-bg-color);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--border-radius-sm);
    height: var(--btn-height);
    padding: 0 16px;
    color: var(--btn-color);
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    text-align: center;
    white-space: nowrap;
    --counter-bg-color: var(--btn-counter-bg-color)
}

@media (pointer:coarse) {
    .btn:active {
        --counter-bg-color: var(--btn-hover-counter-bg-color);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border-color);
        background-color: var(--btn-hover-bg-color)
    }
    .btn:active .btn__icon {
        color: var(--btn-hover-icon-color)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .btn:hover {
        --counter-bg-color: var(--btn-hover-counter-bg-color);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border-color);
        background-color: var(--btn-hover-bg-color)
    }
    .btn:hover .btn__icon {
        color: var(--btn-hover-icon-color)
    }
    .btn:active {
        opacity: .6
    }
    .btn:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.btn__icon {
    color: var(--btn-icon-color)
}

.btn__counter {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    top: -1px;
    display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
    right: -1px;
    border-radius: 0 calc(var(--border-radius-sm) - 2px) 0 var(--border-radius-sm) !important;
    font-size: var(--fs12) !important;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    background: var(--counter-bg-color, #8bd867);
    color: #fff;
}

.btn--disabled,
.btn.swiper-button-lock,
.btn:disabled,
.btn[disabled] {
    pointer-events: none;
    opacity: .3
}

.btn--hidden {
    opacity: 0;
    pointer-events: none !important
}

.btn--clear-black {
    --btn-border-color: #32314a;
    --btn-color: #32314a;
    --btn-hover-color: #32314a
}

.btn--clear-black,
.btn--clear-white,
.btn--white {
    --btn-bg-color: transparent;
    --btn-hover-bg-color: transparent;
    --btn-hover-border-color: #8bd867
}

.btn--white {
    --btn-border-color: #f0f2f4;
    --btn-color: #000;
    --btn-hover-color: #000
}

.btn--clear-white {
    --btn-border-color: #fff;
    --btn-color: #fff;
    --btn-hover-color: #fff
}

.btn--alpha {
    --btn-bg-color: rgba(139, 216, 103, 0.4);
    --btn-border-color: transparent;
    --btn-color: #8bd867;
    --btn-hover-bg-color: rgba(139, 216, 103, 0.5);
    --btn-hover-border-color: transparent;
    --btn-hover-color: #8bd867
}

.btn--clear-grey,
.btn--dark {
    --btn-counter-bg-color: #8bd867;
    --btn-hover-border-color: #8bd867;
    --btn-hover-counter-bg-color: #222132
}

.btn--dark {
    --btn-bg-color: #222132;
    --btn-border-color: #222132;
    --btn-color: #fff;
    --btn-hover-bg-color: #8bd867;
    --btn-hover-color: #fff
}

.btn--clear-grey {
    --btn-bg-color: transparent;
    --btn-border-color: #f0f2f4;
    --btn-color: currentColor;
    --btn-icon-color: #8bd867;
    --btn-hover-bg-color: transparent;
    --btn-hover-color: currentColor;
    --btn-hover-icon-color: #8bd867
}

.btn--transparent-grey {
    --btn-color: #636d76;
    --btn-icon-color: #636d76;
    --btn-hover-border-color: #8bd867;
    --btn-hover-color: #636d76;
    --btn-hover-icon-color: #636d76
}

.btn--transparent-black,
.btn--transparent-grey,
.btn--transparent-red {
    --btn-bg-color: transparent;
    --btn-border-color: transparent;
    --btn-hover-bg-color: transparent
}

.btn--transparent-black {
    --btn-color: #32314a;
    --btn-icon-color: #32314a;
    --btn-hover-border-color: #8bd867;
    --btn-hover-color: #32314a;
    --btn-hover-icon-color: #32314a
}

.btn--transparent-red {
    --btn-color: #f33737;
    --btn-icon-color: #f33737;
    --btn-hover-border-color: #f0f2f4;
    --btn-hover-color: #f33737;
    --btn-hover-icon-color: #f33737
}

.btn--clear-dark,
.btn--clear-dark-grey,
.btn--clear-green {
    --btn-bg-color: transparent;
    --btn-color: currentColor;
    --btn-hover-bg-color: transparent;
    --btn-hover-border-color: #8bd867;
    --btn-hover-color: currentColor
}

.btn--clear-dark-grey {
    --btn-border-color: #adadb7;
    --btn-icon-color: #636d76;
    --btn-hover-icon-color: #8bd867
}

.btn--clear-dark,
.btn--clear-green {
    --btn-icon-color: #32314a;
    --btn-counter-bg-color: #8bd867;
    --btn-hover-counter-bg-color: #222132
}

.btn--clear-green {
    --btn-border-color: #8bd867;
    --btn-hover-icon-color: #8bd867
}

.btn--clear-dark {
    --btn-border-color: #32314a;
    --btn-hover-icon-color: #32314a
}

.btn--sm {
    --btn-height: 36px
}

.btn--lg {
    --btn-height: 109px;
    --btn-padding: 24px;
    border-radius: calc(var(--btn-height)/2);
    padding: 0 var(--btn-padding) .07em;
    font: 400 var(--fs64)/var(--lh-text) 'Dela Gothic One', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

@media (max-width:1439px) {
    .btn--lg {
        --btn-height: 93px
    }
}

@media (max-width:1239px) {
    .btn--lg {
        --btn-height: 79px
    }
}

@media (max-width:1023px) {
    .btn--lg {
        --btn-height: 67px
    }
}

@media (max-width:767px) {
    .btn--lg {
        --btn-height: 57px
    }
}

@media (max-width:479px) {
    .btn--lg {
        --btn-height: 48px
    }
}

@media (max-width:1439px) {
    .btn--lg {
        --btn-padding: 20px
    }
}

@media (max-width:1239px) {
    .btn--lg {
        --btn-padding: 17px
    }
}

@media (max-width:1023px) {
    .btn--lg {
        --btn-padding: 15px
    }
}

@media (max-width:767px) {
    .btn--lg {
        --btn-padding: 13px
    }
}

@media (max-width:479px) {
    .btn--lg {
        --btn-padding: 11px
    }
}

.btn--menu {
    --btn-height: 36px;
    padding: 0 13px
}

@media (max-width:1023px) {
    .btn--menu {
        width: 40px;
        height: 40px;
        padding: 0
    }
    .btn--menu .btn__text {
        display: none
    }
}

.btn--basket {
    width: 48px;
    height: 48px;
    padding: 0
}

.btn--basket:is(div) {
    cursor: auto
}

.btn--submenu {
    padding: var(--m12) var(--m40)
}

.btn--scroll-up {
    width: var(--scroll-up-size);
    height: var(--scroll-up-size);
    position: sticky;
    bottom: 80px;
    padding: 0;
    pointer-events: auto
}

@media (max-width:1239px) {
    .btn--scroll-up {
        --btn-border-color: #fff
    }
}

.btn--response {
    padding: var(--m12) var(--m36)
}

.btn--buy {
    --btn-bg-color: #8bd867;
    --btn-border-color: #8bd867;
    --btn-color: #fff;
    --btn-hover-bg-color: #6FB84D;
    --btn-hover-border-color: #6FB84D;
    --btn-hover-color: #fff;
    width: var(--buy-btn-size, 40px);
    height: var(--buy-btn-size, 40px);
    padding: 0
}

@media (min-width:768px) {
    .btn--buy .btn__text {
        display: none
    }
}

@media (max-width:767px) {
    .btn--buy {
        --btn-bg-color: #f0f2f4;
        --btn-border-color: #f0f2f4;
        --btn-color: #32314a;
        --btn-hover-bg-color: #8bd867;
        --btn-hover-border-color: #8bd867;
        --btn-hover-color: #fff;
        --price-fs: var(--fs14);
        --price-fw: 500;
        --old-price-fs: 10px;
        --old-price-fw: 500;
        width: 100%;
        height: 36px;
        border-radius: 18px;
        justify-content: space-between;
        padding: 8px 16px
    }
    .btn--buy svg {
        width: 16px;
        height: 16px;
        margin-right: 4px
    }
}

@media (max-width:767px) and (max-width:479px) {
    .btn--buy {
        --price-fs: var(--fs12);
        --old-price-fs: 9px
    }
}

.btn--download-catalog {
    color: #000;
    background-color: #fff;
    border: 1px solid #f0f2f4
}

.btn--download-catalog .btn__icon {
    color: #8bd867
}

.btn--round-arrow {
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    border-width: 2px
}

.cross {
    --cross-size: 13px;
    --cross-area-size: var(--cross-size);
    --cross-line-width: 1px;
    --cross-line-size: calc(var(--cross-size) * 1.4);
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    -webkit-text-decoration-skip: objects;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    width: var(--cross-area-size);
    height: var(--cross-area-size);
    display: block;
    position: relative
}

.cross:after,
.cross:before {
    content: '';
    position: absolute;
    width: var(--cross-line-size);
    height: var(--cross-line-width);
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease;
    background-color: currentColor;
    top: calc(50% - var(--cross-line-width)/2);
    left: calc(50% - var(--cross-line-size)/2)
}

.cross:before {
    transform: rotate(45deg)
}

.cross:after {
    transform: rotate(-45deg)
}

.cross--remove {
    --cross-size: 14px;
    --cross-area-size: 24px;
    --cross-line-width: 2px;
    color: #f33737
}

.custom-scrollbar,
.multiselect-dropdown,
.popup,
.table-wrapper,
.textarea,
body {
    --scrollbar-track-color: #fff;
    --scrollbar-thumb-color: #000;
    --scrollbar-size: 4px;
    --scrollbar-size-ff: thin;
    --scrollbar-gap: 0px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: var(--scrollbar-size-ff);
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color)
}

.custom-scrollbar::-webkit-scrollbar,
.multiselect-dropdown::-webkit-scrollbar,
.popup::-webkit-scrollbar,
.table-wrapper::-webkit-scrollbar,
.textarea::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: calc(var(--scrollbar-size) + 2*var(--scrollbar-gap));
    height: calc(var(--scrollbar-size) + 2*var(--scrollbar-gap));
    cursor: default
}

.custom-scrollbar::-webkit-scrollbar-button,
.multiselect-dropdown::-webkit-scrollbar-button,
.popup::-webkit-scrollbar-button,
.table-wrapper::-webkit-scrollbar-button,
.textarea::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.multiselect-dropdown::-webkit-scrollbar-thumb,
.popup::-webkit-scrollbar-thumb,
.table-wrapper::-webkit-scrollbar-thumb,
.textarea::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border: var(--scrollbar-gap) solid var(--scrollbar-track-color);
    background-clip: padding-box;
    border-radius: 4px
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb:active,
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.multiselect-dropdown::-webkit-scrollbar-thumb,
.multiselect-dropdown::-webkit-scrollbar-thumb:active,
.multiselect-dropdown::-webkit-scrollbar-thumb:hover,
.popup::-webkit-scrollbar-thumb,
.popup::-webkit-scrollbar-thumb:active,
.popup::-webkit-scrollbar-thumb:hover,
.table-wrapper::-webkit-scrollbar-thumb,
.table-wrapper::-webkit-scrollbar-thumb:active,
.table-wrapper::-webkit-scrollbar-thumb:hover,
.textarea::-webkit-scrollbar-thumb,
.textarea::-webkit-scrollbar-thumb:active,
.textarea::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-color)
}

.custom-scrollbar::-webkit-scrollbar-track,
.multiselect-dropdown::-webkit-scrollbar-track,
.popup::-webkit-scrollbar-track,
.table-wrapper::-webkit-scrollbar-track,
.textarea::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    border: 0
}

.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track:active,
.custom-scrollbar::-webkit-scrollbar-track:hover,
.multiselect-dropdown::-webkit-scrollbar-track,
.multiselect-dropdown::-webkit-scrollbar-track:active,
.multiselect-dropdown::-webkit-scrollbar-track:hover,
.popup::-webkit-scrollbar-track,
.popup::-webkit-scrollbar-track:active,
.popup::-webkit-scrollbar-track:hover,
.table-wrapper::-webkit-scrollbar-track,
.table-wrapper::-webkit-scrollbar-track:active,
.table-wrapper::-webkit-scrollbar-track:hover,
.textarea::-webkit-scrollbar-track,
.textarea::-webkit-scrollbar-track:active,
.textarea::-webkit-scrollbar-track:hover,
body::-webkit-scrollbar-track,
body::-webkit-scrollbar-track:active,
body::-webkit-scrollbar-track:hover {
    background: var(--scrollbar-track-color)
}

.custom-scrollbar::-webkit-scrollbar-track-piece,
.multiselect-dropdown::-webkit-scrollbar-track-piece,
.popup::-webkit-scrollbar-track-piece,
.table-wrapper::-webkit-scrollbar-track-piece,
.textarea::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece {
    background: var(--scrollbar-track-color)
}

.custom-scrollbar::-webkit-scrollbar-corner,
.multiselect-dropdown::-webkit-scrollbar-corner,
.popup::-webkit-scrollbar-corner,
.table-wrapper::-webkit-scrollbar-corner,
.textarea::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
    background: 0 0
}

.custom-scrollbar--hidden {
    --scrollbar-track-color: transparent;
    --scrollbar-thumb-color: transparent;
    --scrollbar-size: 0;
    ----scrollbar-size-ff: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scroll-behavior: smooth
}

.custom-scrollbar--hidden::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.custom-scrollbar--grey {
    --scrollbar-track-color: #fff;
    --scrollbar-thumb-color: #f0f2f4
}

.custom-scrollbar--green,
.multiselect-dropdown,
.popup {
    --scrollbar-track-color: transparent;
    --scrollbar-thumb-color: #8bd867
}

.link {
    --link-color: currentColor;
    --link-icon-color: #8bd867;
    --link-border-color: transparent;
    --link-hover-color: #8bd867;
    --link-hover-icon-color: #8bd867;
    --link-hover-border-color: currentColor;
    --link-selected-color: #8bd867;
    --link-selected-icon-color: #8bd867;
    --link-selected-border-color: currentColor;
    --link-border-width: 0px;
    --link-border-style: solid;
    --link-gap: 10px;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: var(--link-color);
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, border-bottom-color, color, filter, transform;
    cursor: pointer;
    border-bottom: var(--link-border-width) var(--link-border-style) var(--link-border-color)
}

@media (pointer:coarse) {
    .link:not(.link--static):active {
        color: var(--link-hover-color);
        border-bottom-color: var(--link-hover-border-color)
    }
    .link:not(.link--static):active .link__icon {
        color: var(--link-hover-icon-color)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .link:not(.link--static):hover {
        color: var(--link-hover-color);
        border-bottom-color: var(--link-hover-border-color)
    }
    .link:not(.link--static):hover .link__icon {
        color: var(--link-hover-icon-color)
    }
    .link:not(.link--static):active {
        opacity: .6
    }
    .link:not(.link--static):focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.link,
.link svg,
.link__icon {
    transition-duration: .2s;
    transition-timing-function: ease
}

.link__icon {
    transition-property: color;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: var(--link-icon-color)
}

.link svg {
    transition-property: transform
}

.link__text {
    position: relative;
    z-index: 2;
    text-align: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.link--with-icon {
    display: inline-flex;
    gap: var(--link-gap);
    align-items: center;
    max-width: 100%;
    border-width: 0 !important
}

.link--with-icon .link__text-wrap {
    border-bottom-style: inherit;
    border-bottom-color: inherit;
    border-width: 0 !important
}

.link--with-icon .link__text {
    border-width: var(--link-border-width);
    border-bottom-style: inherit;
    border-bottom-color: inherit
}

.link--with-icon>.link__text {
    white-space: nowrap
}

.link--dashed,
.link--uline {
    --link-border-width: 1px;
    --link-border-color: currentColor;
    --link-hover-border-color: transparent
}

.link--hover-dashed,
.link--hover-uline {
    --link-border-width: 1px;
    --link-border-color: transparent;
    --link-hover-border-color: currentColor
}

.link--dashed,
.link--hover-dashed {
    --link-border-style: dashed
}

.link--current,
.link--selected {
    pointer-events: var(--link-selected-pointer-events, none);
    color: var(--link-selected-color);
    border-bottom-color: var(--link-selected-border-color)
}

.link--current .link__icon,
.link--selected .link__icon {
    color: var(--link-selected-icon-color)
}

.link--disabled,
.link:disabled,
.link[disabled] {
    opacity: .3;
    pointer-events: none
}

.link--static {
    cursor: default
}

.link--city,
.link--header-phone {
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.link--header-phone {
    white-space: nowrap
}

.link--city {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    --link-icon-color: currentColor;
    grid-area: city
}

.link--city .link__icon {
    width: 24px;
    height: 24px
}

.link--grey {
    --link-color: #636d76;
    --link-icon-color: #636d76;
    --link-hover-color: #32314a;
    --link-hover-icon-color: #32314a
}

.link--filter-tag {
    --link-gap: 17px
}

.link--filter-tag .link__text {
    position: relative
}

.link--filter-tag .link__text:before {
    content: '';
    position: absolute;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform-origin: 0 50%;
    transform: scaleX(0)
}

.link--filter-tag .link__icon {
    --cross-line-width: 2px;
    --cross-size: 12px
}

@media (pointer:coarse) {
    .link--filter-tag:active .link__text:before {
        transform: scaleX(1)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .link--filter-tag:hover .link__text:before {
        transform: scaleX(1)
    }
}

.menu-icon,
.menu-icon i {
    width: var(--menu-icon-width);
    display: block
}

.menu-icon {
    --menu-icon-width: 14px;
    --menu-icon-height: 10px;
    --menu-icon-line-width: 2px;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    height: var(--menu-icon-height);
    position: relative;
    z-index: 2;
    transform: translateZ(0)
}

.menu-icon i {
    height: var(--menu-icon-line-width);
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    position: absolute;
    top: calc(50% - var(--menu-icon-line-width)/2);
    left: 0;
    background: currentColor;
    border-radius: 1px;
    will-change: transform
}

.menu-icon i:nth-child(1) {
    transform: translateY(calc(-.5*var(--menu-icon-height)))
}

.menu-icon i:nth-child(3) {
    transform: translateY(calc(.5*var(--menu-icon-height)))
}

.menu-icon--cross i:nth-child(1) {
    transform: rotate(45deg) scaleX(1.2)
}

.menu-icon--cross i:nth-child(2) {
    transform: scale(0)
}

.menu-icon--cross i:nth-child(3) {
    transform: rotate(-45deg) scaleX(1.2)
}

.minus,
.plus {
    --sign-size: 16px;
    --sign-line-width: 2px;
    width: var(--sign-size);
    height: var(--sign-size);
    position: relative;
    display: block
}

.minus:after,
.minus:before,
.plus:after,
.plus:before {
    content: '';
    position: absolute;
    width: 100%;
    height: var(--sign-line-width);
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    left: 0;
    top: calc(50% - var(--sign-line-width)/2);
    background: currentColor
}

.plus:after {
    transform: rotate(90deg)
}

.minus:after {
    transform: scale(0)
}

.symbol {
    display: block;
    fill: currentColor
}

.symbol--evenodd {
    fill-rule: evenodd;
    clip-rule: evenodd
}

.symbol--stroke {
    fill: transparent !important;
    stroke: currentColor;
    stroke-width: 1px
}

.checkbox,
.radio {
    --flag-size: 24px;
    --flag-radio-size: 10px;
    --flag-margin: 12px;
    --padding-left: 0px;
    --padding-right: var(--padding-left);
    --padding-top: 0px;
    --padding-bottom: var(--padding-top);
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: inline-block;
    cursor: pointer
}

.checkbox__input,
.radio__input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.checkbox__input:checked~.checkbox__label:before,
.checkbox__input:checked~.radio__label:before,
.radio__input:checked~.checkbox__label:before,
.radio__input:checked~.radio__label:before {
    background-color: #8bd867
}

.checkbox__input:checked~.checkbox__label:after,
.checkbox__input:checked~.radio__label:after,
.color-radio__input:checked~.color-radio__label:before,
.radio__input:checked~.checkbox__label:after,
.radio__input:checked~.radio__label:after {
    opacity: 1
}

.checkbox__label,
.radio__label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: var(--flag-size);
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) calc(var(--padding-left) + var(--flag-size) + var(--flag-margin))
}

@media (pointer:coarse) {
    .checkbox__label:active::before,
    .radio__label:active::before {
        opacity: .8
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .checkbox__label:hover::before,
    .radio__label:hover::before {
        opacity: .8
    }
    .checkbox__label:focus-visible,
    .radio__label:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.checkbox__label::after,
.checkbox__label::before,
.radio__label::after,
.radio__label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(var(--padding-left) + var(--flag-size)/2);
    transform: translate(-50%, -50%)
}

.checkbox__label::before,
.radio__label::before {
    width: var(--flag-size);
    height: var(--flag-size);
    transition-property: opacity, background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    box-sizing: border-box;
    background: #fff;
    color: #fff;
    border: 1px solid #8bd867
}

.checkbox__label::after,
.radio__label::after {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    opacity: 0
}

.checkbox--disabled,
.radio--disabled {
    cursor: auto;
    opacity: .6
}

.checkbox__label::before {
    border-radius: var(--border-radius-sm)
}

.checkbox__label::after {
    width: 14px;
    height: 10px;
    background: var(--ss) -107px -59px no-repeat
}

.radio__label::before {
    border-radius: 50%
}

.radio__label::after {
    width: var(--flag-radio-size);
    height: var(--flag-radio-size);
    background: currentColor;
    border-radius: 50%
}

.checkbox-group {
    display: grid;
    gap: var(--m16)
}

.color-radio-group {
    display: flex;
    gap: var(--m16);
    flex-wrap: wrap
}

.color-radio {
    width: 24px;
    height: 24px;
    display: inline-flex
}

.color-radio__input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.color-radio__label {
    transition-property: opacity, border-color;
    position: relative;
    background: var(--color);
    border: 1px solid var(--color);
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgba(84, 84, 84, .8)
}

.color-radio__label:before,
.file-field:before {
    content: '';
    position: absolute;
    transition-property: opacity;
    opacity: 0
}

.color-radio__label,
.color-radio__label:before {
    width: 100%;
    height: 100%;
    transition-duration: .2s;
    transition-timing-function: ease;
    box-sizing: border-box;
    border-radius: 50%
}

.color-radio__label:before {
    top: 0;
    left: 0;
    border: 2px solid #fff
}

.count-input {
    position: relative;
    color: #32314a
}

.count-input__add,
.count-input__remove {
    width: 56px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.count-input__add {
    right: 0
}

.count-input__remove {
    left: 0
}

.count-input__input {
    --input-padding-left: 0;
    --input-padding-right: 0;
    text-align: center;
    width: 100%
}

.count-input--in-product-card {
    --input-border-color: #f8f8f8;
    --input-background-color: #f8f8f8;
    display: flex;
    align-items: center;
    gap: var(--m8)
}

.count-input--in-product-card .count-input__add,
.count-input--in-product-card .count-input__remove {
    width: var(--input-height);
    height: var(--input-height);
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    flex-shrink: 0;
    position: relative;
    border: 1px solid #f0f2f4;
    border-radius: var(--border-radius-sm)
}

@media (pointer:coarse) {
    .count-input--in-product-card .count-input__add:active,
    .count-input--in-product-card .count-input__remove:active {
        border-color: #8bd867;
        color: #32314a
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .count-input--in-product-card .count-input__add:hover,
    .count-input--in-product-card .count-input__remove:hover {
        border-color: #8bd867;
        color: #32314a
    }
}

.count-input--in-product-card .count-input__input {
    flex: 1
}

@media (max-width:767px) {
    .count-input__add,
    .count-input__remove {
        width: 40px
    }
    .count-input--in-product-card {
        gap: 4px
    }
}

.email-fieldset {
    display: grid;
    gap: var(--grid-gap)
}

.email-fieldset__row {
    display: flex;
    align-items: flex-end;
    gap: var(--m8)
}

.email-fieldset__field {
    flex: 1
}

.email-fieldset__btn {
    min-width: 188px
}

@media (max-width:479px) {
    .email-fieldset__btn-text {
        display: none
    }
}

.file-field {
    transition-property: opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--m8);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    cursor: pointer
}

.file-field:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    background: rgba(139, 216, 103, .05);
    border: 1px dashed rgba(139, 216, 103, .5);
    border-radius: var(--border-radius-sm)
}

@media (pointer:coarse) {
    .file-field:active .file-field__icon {
        border-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .file-field:hover .file-field__icon {
        border-color: #8bd867
    }
    .file-field:active {
        opacity: .6
    }
    .file-field:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.file-field__input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.file-field:before,
.file-field__icon,
.file-input-item {
    transition-duration: .2s;
    transition-timing-function: ease
}

.file-field__icon,
.file-input-item {
    display: flex;
    align-items: center
}

.file-field__icon {
    width: 48px;
    height: 48px;
    transition-property: border-color;
    flex-shrink: 0;
    align-content: center;
    justify-content: center;
    border-radius: var(--border-radius-sm);
    border: 1px solid #f0f2f4;
    color: #8bd867
}

.file-field--draggable:before {
    opacity: 1
}

.file-input-item {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    -webkit-text-decoration-skip: objects;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    gap: 12px;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    overflow: hidden
}

.file-input-item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 22px)
}

.file-input-item__cross {
    --cross-size: 10px;
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: ease
}

@media (pointer:coarse) {
    .file-input-item:active .file-input-item__cross {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .file-input-item:hover .file-input-item__cross {
        color: #8bd867
    }
    .file-input-item:active {
        opacity: .6
    }
    .file-input-item:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.file-input__field:not(:last-child) {
    margin-bottom: var(--m16)
}

.file-input__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m8)
}

.file-input__comment {
    color: #636d76;
    font: 400 var(--fs12)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.input-wrap {
    position: relative
}

.input-wrap__label {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.input-wrap__label:not(:last-child) {
    margin-bottom: 4px
}

.input-wrap__field {
    position: relative
}

.input-wrap__btn {
    --link-color: #636d76;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0 var(--input-padding-left) 0 var(--m8);
    cursor: auto
}

.input-wrap__error {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    color: #f33737;
    font: 400 var(--fs12)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-wrap--error {
    --input-border-color: #f33737;
    --input-hover-border-color: #f33737;
    --input-focus-border-color: #f33737;
    --input-label-color: #f33737;
    --input-required-color: #f33737;
    --ms-border-color: #f33737;
    --ms-dropdown-border-color: #f33737
}

.input-wrap--required .input-wrap__label:after {
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 50%;
    background: #8bd867
}

.input,
.textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0 !important;
    resize: none;
    box-shadow: none;
    font-family: 'Onest', Arial, sans-serif, -apple-system;
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: block;
    padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
    color: var(--input-color);
    font: var(--input-font-weight) var(--input-font-size)/var(--input-line-height) 'Onest', Arial, sans-serif, -apple-system;
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    box-sizing: border-box;
    background-color: var(--input-background-color);
    width: 100%
}

.input:focus,
.textarea:focus {
    outline: 0;
    box-shadow: none
}

.input::-ms-clear,
.input::-ms-reveal,
.textarea::-ms-clear,
.textarea::-ms-reveal {
    display: none
}

.input::-webkit-credentials-auto-fill-button,
.textarea::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

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

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

.input:hover,
.textarea:hover {
    border-color: var(--input-hover-border-color)
}

.input:focus,
.textarea:focus {
    border-color: var(--input-focus-border-color);
    background-color: var(--input-focus-background-color);
    color: var(--input-focus-color)
}

.input--disabled,
.input:disabled,
.textarea--disabled,
.textarea:disabled {
    pointer-events: none
}

.input::placeholder,
.textarea::placeholder {
    color: var(--input-placeholder-color);
    font-weight: 400
}

.input--header-search::-webkit-search-cancel-button,
.input--header-search::-webkit-search-decoration,
.input--header-search::-webkit-search-results-button,
.input--header-search::-webkit-search-results-decoration,
.input--search::-webkit-search-cancel-button,
.input--search::-webkit-search-decoration,
.input--search::-webkit-search-results-button,
.input--search::-webkit-search-results-decoration,
.textarea--header-search::-webkit-search-cancel-button,
.textarea--header-search::-webkit-search-decoration,
.textarea--header-search::-webkit-search-results-button,
.textarea--header-search::-webkit-search-results-decoration,
.textarea--search::-webkit-search-cancel-button,
.textarea--search::-webkit-search-decoration,
.textarea--search::-webkit-search-results-button,
.textarea--search::-webkit-search-results-decoration {
    display: none
}

.input--search,
.textarea--search {
    color: #636d76
}

.input:placeholder-shown,
.textarea:placeholder-shown {
    text-overflow: ellipsis
}

.input {
    height: var(--input-height)
}

.textarea {
    height: var(--textarea-height);
    padding: calc(var(--input-padding-top) + var(--m8)) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left)
}

.range-group {
    display: grid;
    gap: var(--m16)
}

.range {
    --input-height: 47px;
    --input-background-color: #f8f8f8;
    --input-font-size: var(--fs16)
}

.range__row {
    display: flex;
    align-items: center;
    gap: var(--m24)
}

.range__row:not(:last-child) {
    padding-bottom: var(--m32)
}

.range__label {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    min-width: 5em
}

.range__field {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--m16);
    color: #adadb7;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.range__input {
    --input-padding-left: 0;
    --input-padding-right: 0;
    flex: 1;
    text-align: center
}

.range__slider {
    margin: 0 calc(var(--slider-handle-width)/2)
}

@media (max-width:479px) {
    .range__row {
        gap: var(--m16)
    }
}

.categories-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--m56)
}

.categories-menu__item {
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    color: #32314a
}

.categories-menu__item-icon {
    width: .83333333em;
    height: .83333333em;
    margin: 0 var(--m32)
}

.categories-menu__item--not-selected {
    color: rgba(50, 49, 74, .4)
}

.categories-menu--mobile {
    padding: var(--m24) var(--m16);
    width: 100%;
    border-top: 1px solid #f0f2f4
}

.categories-menu--mobile .categories-menu__list {
    gap: var(--m24);
    margin: var(--m16) 0 var(--m32)
}

.categories-menu--mobile .categories-menu__item {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    color: #32314a
}

.categories-menu--mobile .categories-menu__item:hover {
    color: #8bd867
}

.categories-menu--mobile .categories-menu__item-icon {
    margin: 0
}

.categories-menu--mobile .categories-menu__img {
    border-radius: var(--m16);
    margin-bottom: var(--m24)
}

.categories-menu--mobile .categories-menu__img img {
    width: 100%;
    height: auto
}

.categories-menu--mobile .categories-menu__sales {
    padding: var(--m16)
}

@media (min-width:768px) {
    .categories-menu--mobile .categories-menu__item {
        width: -moz-fit-content;
        width: fit-content;
        justify-content: flex-start;
        gap: var(--m16)
    }
    .categories-menu--mobile {
        --list-col-width: calc(3 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (3 - 1));
        --sales-col-width: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
        --img-col-width: calc(5 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (5 - 1));
        display: grid;
        grid-template-columns: var(--list-col-width) var(--sales-col-width) var(--img-col-width);
        grid-template-areas: 'title title title' 'list sales img';
        grid-auto-rows: max-content;
        grid-row-gap: var(--m24);
        grid-column-gap: var(--m16)
    }
    .categories-menu--mobile .categories-menu__title {
        grid-area: title
    }
    .categories-menu--mobile .categories-menu__list {
        margin-top: 0;
        grid-area: list
    }
    .categories-menu--mobile .categories-menu__img {
        margin-left: var(--m16);
        grid-area: img
    }
}

.categories-submenu {
    position: relative
}

.categories-submenu__content {
    --left-col-width: calc(3 * (100% - var(--grid-gap) * (5 - 1)) / 5 + var(--grid-gap) * (3 - 1));
    --right-col-width: calc(2 * (100% - var(--grid-gap) * (5 - 1)) / 5 + var(--grid-gap) * (2 - 1));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.categories-submenu__columns {
    gap: 120px;
    columns: 2
}

.categories-submenu__category {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: var(--m40)
}

.categories-submenu__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.categories-submenu__item,
.categories-submenu__title,
.header-image-content__image img {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease
}

.categories-submenu__item {
    margin-top: var(--m24);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.categories-submenu__symbol {
    display: none
}

.categories-submenu__link {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent
}

.categories-submenu__link b,
.categories-submenu__link strong {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    color: rgba(50, 49, 74, .6)
}

@media (min-width:1024px) {
    .categories-submenu:hover .categories-submenu__category:not(:hover),
    .categories-submenu:hover .categories-submenu__item:not(:hover) {
        color: rgba(50, 49, 74, .4)
    }
}

@media (max-width:767px) {
    .categories-submenu__item {
        display: flex;
        width: 100%;
        justify-content: space-between
    }
    .categories-submenu__category {
        margin-top: var(--m32)
    }
}

@media (max-width:1439px) {
    .categories-submenu__columns {
        gap: 50px
    }
}

@media (max-width:1023px) {
    .categories-submenu__content {
        position: static
    }
    .categories-submenu__columns {
        columns: 1;
        gap: 120px
    }
    .categories-submenu__title {
        margin-bottom: var(--m16);
        font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
        color: #adadb7
    }
    .categories-submenu__item {
        transition-property: all;
        transition-duration: .2s;
        transition-timing-function: ease;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 0 var(--m24);
        display: flex;
        align-items: center;
        gap: var(--m16);
        font: 400 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
    }
    .categories-submenu__item:hover {
        color: #8bd867
    }
    .categories-submenu__symbol {
        display: block
    }
    .categories-submenu__link b,
    .categories-submenu__link strong {
        font: 400 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
    }
}

@media (max-width:1239px) {
    .categories-submenu__columns {
        columns: 1
    }
    .categories-submenu__item {
        margin-top: var(--m20)
    }
}

.header-image-content {
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-md)
}

.header-image-content__image {
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease;
    position: relative
}

.header-image-content__image img {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 269px;
    display: block;
    border-radius: var(--border-radius-md)
}

.header-image-content__info {
    margin: 0 var(--m32) var(--m24) var(--m24);
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: var(--m12);
    width: auto;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    color: #000;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.header-image-content__title {
    text-transform: uppercase;
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.header-image-content__description {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (pointer:coarse) {
    .header-image-content:active .header-image-content__image {
        transform: scale(1.1)
    }
    .header-image-content:active .header-image-content__info {
        color: rgba(50, 49, 74, .8)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .header-image-content:hover .header-image-content__image {
        transform: scale(1.1)
    }
    .header-image-content:hover .header-image-content__info {
        color: rgba(50, 49, 74, .8)
    }
    .header-image-content:active {
        opacity: .6
    }
    .header-image-content:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.header-image-content--dark .header-image-content__info {
    color: #fff
}

@media (pointer:coarse) {
    .header-image-content--dark:active .header-image-content__info {
        color: rgba(255, 255, 255, .8)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .header-image-content--dark:hover .header-image-content__info {
        color: rgba(255, 255, 255, .8)
    }
    .header-image-content--dark:active {
        opacity: .6
    }
    .header-image-content--dark:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.header-menu-desktop {
    --nav-col-width: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
    --content-col-width: calc(8 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (8 - 1));
    display: grid;
    grid-template-columns: var(--nav-col-width) var(--content-col-width);
    gap: 0 var(--grid-gap);
    margin: 0 auto;
    padding: var(--m40) 0;
    width: var(--content-width);
    color: #000
}

.header-menu-desktop__default {
    --sale-col-width: calc(3 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (3 - 1));
    --img-col-width: calc(5 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (5 - 1));
    display: grid;
    grid-template-columns: var(--sales-col-width) var(--img-col-width);
    grid-template-areas: 'sales img';
    gap: 0 var(--grid-gap)
}

.header-menu-desktop__sales {
    margin-top: var(--m20)
}

.header-menu-desktop__img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: right;
    grid-area: img;
    overflow: hidden
}

.header-menu-desktop__default>.header-menu-desktop__img,
.header-menu-desktop__default>.header-menu-desktop__submenu-img,
.header-menu-desktop__submenu>.header-menu-desktop__img,
.header-menu-desktop__submenu>.header-menu-desktop__submenu-img {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.header-menu-desktop__img img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: var(--m16)
}

.header-menu-desktop__submenu {
    --categories-col-width: calc(5 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (5 - 1));
    --img-col-width: calc(3 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (3 - 1));
    display: grid;
    grid-template-columns: var(--categories-col-width) var(--img-col-width);
    grid-template-areas: 'categories img';
    gap: 0 var(--grid-gap)
}

.header-menu-desktop__submenu-categories {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: categories
}

.header-menu-desktop__submenu-img {
    grid-area: img
}

.header-menu-desktop__submenu-img img,
.header-subcategories-menu__img img {
    width: 100%;
    height: 100%
}

@media (max-width:1239px) {
    .header-menu-desktop__submenu {
        --categories-col-width: calc(4 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (4 - 1));
        --img-col-width: calc(4 * (100% - var(--grid-gap) * (8 - 1)) / 8 + var(--grid-gap) * (4 - 1))
    }
}

.header-menu-mobile {
    padding: var(--m24) var(--m16) var(--m32);
    border-top: 1px solid #f0f2f4;
    width: 100%;
    color: #000
}

.header-menu-mobile__city {
    margin-bottom: var(--m16);
    padding: var(--m16) 0
}

.header-menu-mobile__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: var(--m32);
    padding-bottom: var(--m24);
    display: flex;
    flex-direction: column;
    gap: var(--m32);
    border-bottom: 1px solid #f0f2f4
}

.header-menu-mobile__item {
    text-decoration: none;
    outline: 0 !important;
    -webkit-text-decoration-skip: objects;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    color: #32314a
}

.header-menu-mobile__item:hover {
    color: #8bd867
}

.header-menu-mobile__item-icon {
    width: .83333333em;
    height: .83333333em
}

.header-menu-mobile__footer {
    margin: var(--m32) var(--m16);
    display: flex;
    flex-direction: column;
    gap: var(--m16)
}

.header-menu-mobile__phone {
    margin: 0 var(--m16);
    display: flex;
    justify-content: space-between
}

.header-menu-mobile__phone-title {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    color: #adadb7
}

@media (min-width:768px) {
    .header-menu-mobile__footer {
        width: 40%
    }
    .header-menu-mobile__item {
        width: -moz-fit-content;
        width: fit-content;
        justify-content: flex-start;
        gap: var(--m16)
    }
}

.header-menu-sales {
    grid-area: sales
}

.header-menu-desktop__default>.header-menu-sales {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.header-menu-sales__title {
    text-transform: uppercase;
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m12)
}

.header-menu-sales__description {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m56)
}

.header-menu-sales__btn {
    padding: var(--m12) var(--m40)
}

@media (max-width:1023px) {
    .header-menu-sales {
        padding: 0 var(--m16)
    }
    .header-menu-sales__title {
        font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
        margin-bottom: var(--m8)
    }
    .header-menu-sales__description {
        font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
        margin-bottom: var(--m24)
    }
    .header-menu-sales__btn {
        width: 100%;
        margin-bottom: var(--m24)
    }
}

@media (min-width:768px) {
    .header-menu-sales {
        width: -moz-fit-content;
        width: fit-content
    }
}

.header-menu-title {
    display: grid;
    grid-template-columns: var(--m24) 1fr var(--m24);
    justify-items: center;
    padding: var(--m16) 0;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.header-menu-title__item-icon {
    width: 1.33333333em;
    height: 1.33333333em;
    margin: 0
}

.header-menu {
    box-sizing: border-box;
    background: #fff;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    display: flex;
    color: #000
}

.header-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m32);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

@media (max-width:1239px) {
    .header-nav {
        font-size: var(--fs14);
        gap: var(--m12)
    }
}

.header-recently-searched__title {
    font: 700 var(--fs18)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m16)
}

.header-recently-searched__items {
    display: flex;
    flex-direction: column;
    gap: var(--m12)
}

.header-recently-searched__item {
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.header-search-menu {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--m16);
    padding: 6px;
    align-self: flex-start
}

.header-search-menu__search {
    flex: 1
}

.header-search-menu__catalog-btn {
    z-index: 3
}

.header-search-menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 48px;
    border-radius: var(--border-radius-sm);
    background: rgba(34, 33, 50, .05);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    pointer-events: none
}

@media (max-width:767px) {
    .header-search-menu {
        gap: 6px
    }
    .header-search-menu__search {
        order: -1
    }
}

.header-search-result {
    position: absolute;
    top: calc(-1*var(--m16));
    left: calc(-1*(var(--m16)));
    width: calc(100% + var(--m16)*3 + 48px);
    background: #fff;
    padding: calc(var(--m32) + var(--input-height)) var(--m16) var(--m24) var(--m16);
    box-sizing: border-box;
    border-radius: 16px;
    border: 1px solid #f0f2f4;
    color: #000;
    box-shadow: 0 5px 5px rgba(50, 49, 74, .1)
}

.header-search-result__content {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--grid-gap);
    padding: 0 var(--m20)
}

.header-search-result__products {
    --product-card-min-width: 200px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--product-card-min-width), 1fr));
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--m20);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: var(--m16);
    margin-right: calc(-1*var(--m16));
    max-height: calc(100*var(--vh) - var(--header-height) - 2*var(--m24) - 50px)
}

.header-search-result__btn {
    padding: 0 22px
}

.header-search-result__btn:not(:first-child) {
    margin-top: var(--m24)
}

@media (max-width:1023px) {
    .header-search-result__content {
        grid-template-columns: 150px 1fr;
        padding: 0
    }
}

@media (max-width:767px) {
    .header-search-result__recently-searched {
        display: none
    }
    .header-search-result__content {
        grid-template-columns: 1fr;
        grid-gap: var(--m32)
    }
    .header-search-result__btn {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}

.header-search__form {
    --input-color: currentColor;
    --input-placeholder-color: currentColor;
    --input-background-color: transparent;
    --input-focus-color: currentColor;
    --input-focus-background-color: transparent;
    --input-border-width: 0px;
    --input-height: 36px;
    --input-padding-left: 0px;
    --submit-offset: 10px !important;
    --cross-color: currentColor;
    z-index: 2
}

.header-search--open .header-search__form {
    --input-color: #000;
    --input-placeholder-color: #000;
    --input-focus-color: #000;
    --cross-color: #000
}

@media (max-width:767px) {
    .header-search__form {
        --input-padding-left: var(--m16);
        --submit-offset: 6px !important;
        transition-property: width;
        transition-duration: .2s;
        transition-timing-function: ease;
        width: 36px
    }
    .header-search--open .header-search__form {
        width: calc(100vw - 2*var(--page-gutter) - 40px - 48px - 2*12px)
    }
}

.header-subcategories-menu {
    padding: var(--m24) var(--m16);
    width: 100%;
    border-top: 1px solid #f0f2f4
}

.header-subcategories-menu__btn {
    width: 100%;
    margin: var(--m16) 0 var(--m32)
}

.header-subcategories-menu__img {
    border-radius: var(--m16);
    margin-bottom: var(--m24)
}

.header-subcategories-menu__info {
    padding: 0 var(--m16) var(--m24);
    gap: var(--m8)
}

.header-subcategories-menu__image-title {
    font: 500 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.header-subcategories-menu__description {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (min-width:768px) {
    .header-subcategories-menu {
        --list-col-width: calc(6 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (6 - 1));
        --img-col-width: calc(6 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (6 - 1));
        margin-bottom: var(--m24);
        height: -moz-fit-content;
        height: fit-content;
        display: grid;
        grid-template-columns: var(--list-col-width) var(--img-col-width);
        grid-template-areas: 'title title' 'list img' 'btn btn';
        grid-auto-rows: max-content
    }
    .header-subcategories-menu__title {
        margin-bottom: var(--m24);
        grid-area: title
    }
    .header-subcategories-menu__list {
        grid-area: list
    }
    .header-subcategories-menu__img {
        grid-area: img
    }
    .header-subcategories-menu__btn {
        margin: 0;
        grid-area: btn;
        width: 30%
    }
    .header-subcategories-menu>.categories-menu__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
    .header-subcategories-menu>.categories-menu__list {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
    .header-subcategories-menu>.categories-menu__img,
    .header-subcategories-menu>.header-menu-desktop__img,
    .header-subcategories-menu>.header-menu-desktop__submenu-img {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }
}

.header__grid>.header-subcategories-menu__btn {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3
}

.header-menu-desktop__default>.header-subcategories-menu__img,
.header-menu-desktop__submenu>.header-subcategories-menu__img {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.logo,
.logo__picture {
    transition-duration: .2s;
    transition-timing-function: ease
}

.logo {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    display: flex;
    gap: 14px;
    align-items: center;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (pointer:coarse) {
    .logo:active .logo__picture {
        opacity: .8
    }
    .logo:active .logo__tagline {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .logo:hover .logo__picture {
        opacity: .8
    }
    .logo:hover .logo__tagline {
        color: #8bd867
    }
    .logo:active {
        opacity: .6
    }
    .logo:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.logo__picture {
    position: relative;
    transition-property: opacity, color;
    flex-shrink: 0;
    background: no-repeat 0 0 url(../images/green.svg);
    background-size: 100% 100%
}

.logo__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.375*100%)
}

.lines canvas,
.logo__picture svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.logo__line {
    width: 1px;
    height: 2.25em;
    flex-shrink: 0;
    background: currentColor;
    opacity: .2
}

.logo__tagline {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: ease;
    font-size: var(--fs14);
    opacity: .8
}

.logo--in-header .logo__picture {
    width: 128px
}

.logo--in-footer .logo__picture {
    width: 160px
}

@media (min-width:1024px) {
    .logo--in-footer .logo__line,
    .logo--in-footer .logo__tagline {
        display: none
    }
}

@media (max-width:767px) {
    .logo {
        gap: 8px;
        font-size: var(--fs12)
    }
    .logo--in-header .logo__picture {
        width: 100px
    }
}

@media (max-width:479px) {
    .logo--in-header .logo__line,
    .logo--in-header .logo__tagline {
        display: none
    }
}

.search-product-card {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: background, opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    background: 0 0;
    border-radius: 16px
}

@media (pointer:coarse) {
    .search-product-card:active {
        background: #f0f2f4;
        color: #000
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .search-product-card:hover {
        background: #f0f2f4;
        color: #000
    }
    .search-product-card:active {
        opacity: .6
    }
    .search-product-card:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.search-product-card__picture {
    --ratio: 146 / 235 !important;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    max-height: 250px;
    width: 100%;
    height: auto;
    margin-bottom: var(--m12)
}

.search-product-card__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(var(--ratio)*100%)
}

.search-product-card__picture img,
.search-product-card__picture picture,
.search-product-card__picture video {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transform: translateZ(0)
}

.search-product-card__picture img {
    max-height: 250px;
    height: auto;
    -o-object-position: top;
    object-position: top
}

.search-product-card__picture picture,
.search-product-card__picture video {
    height: 100%
}

.search-product-card__content {
    padding: 0 var(--m8) 4px;
    box-sizing: border-box
}

.search-product-card__category {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: 4px
}

.search-product-card__name {
    font: 700 var(--fs18)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.search-product-card__name:not(:last-child) {
    margin-bottom: var(--m8)
}

.search-product-card__price {
    --price-fs: var(--fs18);
    --price-lh: var(--lh-text)
}

@media (max-width:767px) {
    .search-product-card__picture,
    .search-product-card__picture img {
        max-height: 150px
    }
}

.header,
.header__content {
    transition-duration: .2s;
    transition-timing-function: ease;
    width: 100%;
    height: var(--header-height);
    z-index: 100;
    display: flex
}

.header {
    --header-color: #32314a;
    --header-bg-color: #fff;
    --content-max-width: var(--wide-content-max-width);
    --content-width: min(calc(100% - 2 * var(--page-gutter)), var(--wide-content-max-width));
    --full-page-gutter: max((100vw - var(--sw) - var(--wide-content-max-width)) / 2, var(--page-gutter));
    transition-property: transform;
    position: sticky;
    top: var(--bx-panel-height);
    color: var(--header-color)
}

.header__content {
    transition-property: background-color, transform;
    position: relative
}

.header__grid {
    position: relative;
    display: grid;
    align-items: center;
    gap: 20px var(--grid-gap);
    grid-template-columns: max-content max-content 1fr max-content max-content max-content;
    grid-template-areas: 'city nav nav phone btn btn' 'logo logo search-menu search-menu search-menu basket';
    padding: var(--m16) 0
}

.header__city {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: city;
    min-width: 197px
}

.footer__main>.header__nav,
.header__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
}

.header__nav {
    grid-area: nav
}

.footer__main>.header__nav {
    -ms-grid-row-span: 3
}

.header__phone {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: phone;
    min-width: 147px
}

.header__btn {
    grid-area: btn
}

.header__grid>.header__btn,
.header__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3
}

.header__logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: logo;
    margin-right: 10px
}

.footer__main>.header__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.header__basket {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
    grid-area: basket;
    z-index: 99
}

.header__menu {
    width: 100%;
    height: calc(100*var(--vh) - var(--bx-panel-height) - var(--header-height));
    position: absolute;
    top: 100%;
    left: 0
}

.header__search-menu {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 5;
    grid-area: search-menu
}

.header--fixed .header__content,
.header--locked {
    background-color: var(--header-bg-color)
}

.header--fixed {
    transform: translateY(calc(var(--fixed-header-height) - var(--header-height)))
}

.header--fixed .header__menu {
    width: 100%;
    height: calc(100*var(--vh) - var(--bx-panel-height) - var(--fixed-header-height))
}

.header--hidden .header__content {
    transform: translateY(-100%)
}

.header--white {
    --header-color: #fff;
    --header-bg-color: #222132
}

.header--menu-open {
    --header-color: #32314a !important;
    --header-bg-color: #fff !important
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .header__content:hover {
        background-color: var(--header-bg-color)
    }
}

@media (max-width:1239px) {
    .header__city,
    .header__phone {
        min-width: 0
    }
    .header__city {
        margin-right: 10px
    }
}

@media (max-width:1023px) {
    .header__grid {
        grid-template-columns: max-content 1fr max-content;
        grid-template-areas: 'logo search-menu basket'
    }
    .header__btn,
    .header__city,
    .header__nav,
    .header__phone {
        display: none
    }
    .header__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
    .header__basket {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
    .header__search-menu {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

@media (max-width:767px) {
    .header__grid {
        grid-template-columns: max-content 1fr max-content
    }
    .header__search-menu {
        position: relative;
        z-index: 2;
        grid-area: logo/search-menu;
        grid-column: 1/3;
        grid-row: 1;
        justify-self: right
    }
    .header--search-open .header__logo {
        opacity: 0
    }
    .header--search-open .header__search-menu {
        justify-self: stretch
    }
    .header--search-open .header-search__form {
        width: 100%
    }
    .header--search-open .header-search-result {
        width: 100vw
    }
}

.dev,
.dev__logo {
    display: flex;
    align-items: center
}

.dev,
.dev__text b,
.dev__text strong {
    transition-duration: .2s;
    transition-timing-function: ease
}

.dev {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    gap: var(--m12)
}

@media (pointer:coarse) {
    .dev:active .dev__text b,
    .dev:active .dev__text strong {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .dev:hover .dev__text b,
    .dev:hover .dev__text strong {
        color: #8bd867
    }
    .dev:active {
        opacity: .6
    }
    .dev:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.dev__text b,
.dev__text strong {
    transition-property: color;
    font-weight: inherit
}

.dev__logo {
    width: 44px;
    height: 32px;
    flex-shrink: 0;
    align-content: center;
    justify-content: center;
    background: 0 0 url(../images/green-alpha.svg) no-repeat;
    background-size: 100% 100%
}

@media (max-width:767px) {
    .dev__logo {
        order: -1
    }
}

.footer-contacts__items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--m16)
}

.footer-contacts__items,
.footer-nav__name {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.footer-nav__items {
    display: flex;
    flex-direction: column;
    gap: .75em;
    padding-top: 1.875em;
    color: #636d76;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    max-width: 12.0625em
}

.footer-nav__item:empty {
    display: none
}

@media (max-width:1023px) {
    .footer-nav__items {
        max-width: none
    }
    .footer-spoiler {
        margin-left: calc(-1*var(--page-gutter));
        margin-right: calc(-1*var(--page-gutter));
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        padding: 24px var(--page-gutter)
    }
    .footer-spoiler__toggle,
    .footer-spoiler__toggle svg {
        transition-duration: .2s;
        transition-timing-function: ease
    }
    .footer-spoiler__toggle {
        color: currentColor;
        text-decoration: none;
        outline: 0 !important;
        -webkit-text-decoration-skip: objects;
        padding: 0;
        border: 0;
        background-color: transparent;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
        font-weight: inherit;
        cursor: pointer;
        text-align: inherit;
        -webkit-tap-highlight-color: transparent;
        transition-property: opacity, color;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
    }
    .footer-spoiler__toggle svg {
        transition-property: transform;
        opacity: .4
    }
    .footer-spoiler__toggle--open svg {
        transform: rotate(180deg)
    }
    .footer-spoiler__content {
        padding-top: var(--m16)
    }
}

@media (max-width:1023px) and (pointer:coarse) {
    .footer-spoiler__toggle:active {
        color: #8bd867
    }
}

@media (max-width:1023px) and (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .footer-spoiler__toggle:hover {
        color: #8bd867
    }
    .footer-spoiler__toggle:active {
        opacity: .6
    }
    .footer-spoiler__toggle:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.slon {
    position: relative
}

.slon__bg {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 62px;
    z-index: 1;
    opacity: 0
}

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

.slon__icon {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 7px);
    z-index: 2
}

.slon__z {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    opacity: 0;
    z-index: 4;
    color: #8bd867
}

.slon__z--step-2 {
    width: 4px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 3px
}

.slon__z--step-3,
.slon__z--step-4 {
    width: 6px;
    height: 23px;
    position: absolute;
    right: 2px;
    top: -10px
}

.slon__z--step-4 {
    width: 10px;
    height: 36px;
    right: -8px;
    top: -30px
}

.slon--step-1 .slon__bg {
    opacity: 1
}

.slon--step-1 .slon__icon {
    color: #8bd867
}

.slon--step-2 .slon__z--step-2,
.slon--step-3 .slon__z--step-3,
.slon--step-4 .slon__z--step-4 {
    opacity: 1
}

.footer {
    --left-col-width: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
    --content-max-width: var(--wide-content-max-width);
    --content-width: min(calc(100% - 2 * var(--page-gutter)), var(--wide-content-max-width));
    --full-page-gutter: max((100vw - var(--sw) - var(--wide-content-max-width)) / 2, var(--page-gutter));
    background: #222132;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    color: #fff
}

.footer__main {
    --left-col: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
    --right-col: calc(8 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (8 - 1));
    display: grid;
    gap: var(--m32) var(--grid-gap);
    grid-template-columns: var(--left-col-width) 1fr max-content;
    grid-template-areas: 'logo nav nav' 'contacts nav nav' 'ask policy-terms state';
    grid-template-rows: max-content 1fr max-content;
    padding: var(--m60) 0 29px
}

.footer__logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: logo
}

.footer__main>.footer__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.footer__contacts {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: contacts;
    margin-bottom: 36px
}

.footer__main>.footer__nav-wrap,
.footer__nav-wrap {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
}

.footer__nav-wrap {
    grid-template-columns: repeat(4, calc(1*(100% - var(--grid-gap)*(4 - 1))/4 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    grid-area: nav;
    margin-top: 3px;
    margin-bottom: 36px
}

.footer__main>.footer__nav-wrap {
    -ms-grid-row-span: 3
}

.footer__ask,
.footer__state {
    -ms-grid-row: 5;
    align-self: center
}

.footer__state {
    -ms-grid-column: 5;
    grid-area: state;
    justify-self: right;
    min-width: 240px
}

.footer__ask {
    -ms-grid-column: 1;
    --min-width: calc(3 * (100% - var(--grid-gap) * (4 - 1)) / 4 + var(--grid-gap) * (3 - 1));
    grid-area: ask;
    min-width: var(--min-width);
    width: -moz-fit-content;
    width: fit-content
}

.footer__policy-terms {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: policy-terms;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 15px;
    gap: var(--m32);
    color: #636d76;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (min-width:768px) {
    .categories-menu--mobile .categories-menu__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5
    }
    .categories-menu--mobile .categories-menu__list {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
    .categories-menu--mobile .categories-menu__img,
    .header-menu-desktop__img,
    .header-menu-desktop__submenu-img {
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }
    .header-menu-sales {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
    .header-subcategories-menu__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5
    }
    .header-subcategories-menu>.header-subcategories-menu__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
    .header-subcategories-menu__list {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
    .header-subcategories-menu>.header-subcategories-menu__list {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
    .header-subcategories-menu__img {
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }
    .header-subcategories-menu>.header-subcategories-menu__img {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }
    .header-subcategories-menu__btn,
    .header__btn {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width:1023px) {
    .footer__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

.footer__policy-terms-line {
    width: 1px;
    height: 26px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, .1)
}

.footer__hr {
    height: 1px;
    background: rgba(255, 255, 255, .1)
}

.footer__bottom {
    display: flex;
    gap: var(--m16) var(--grid-gap);
    align-items: center;
    justify-content: space-between;
    padding: 29px 0;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:1239px) {
    .footer__contacts {
        font-size: var(--fs18)
    }
    .footer__policy-terms {
        justify-content: space-between;
        margin-right: 0
    }
    .footer__policy-terms-line {
        display: none
    }
    .footer__contacts,
    .footer__nav-wrap {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .footer__state {
        --btn-height: 38px
    }
    .footer__catalog {
        display: none
    }
}

@media (max-width:1023px) {
    .footer__main {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: 'logo logo' 'catalog ask' 'nav nav' 'contacts contacts' 'policy-terms policy-terms';
        padding-bottom: var(--m16);
        row-gap: var(--m16)
    }
    .footer__logo {
        margin-bottom: var(--m16)
    }
    .footer__ask,
    .footer__catalog,
    .footer__state {
        width: 100%
    }
    .footer__nav-wrap {
        grid-template-columns: 100%;
        gap: 0
    }
    .footer__contacts {
        margin: 0 0 var(--m16)
    }
    .footer__hr {
        margin-left: calc(-1*var(--page-gutter));
        margin-right: calc(-1*var(--page-gutter))
    }
    .footer__main>.header__nav {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
    .footer__main>.footer__logo,
    .footer__main>.header__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
    .footer__contacts,
    .footer__main>.footer__nav-wrap {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
    .footer__main>.footer__nav-wrap {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1
    }
    .footer__ask {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }
    .footer__policy-terms {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width:767px) {
    .footer__main {
        grid-template-columns: 100%;
        grid-template-areas: 'logo' 'catalog' 'ask' 'nav' 'contacts' 'policy-terms'
    }
    .footer__bottom {
        flex-direction: column;
        align-items: flex-start
    }
    .footer__dev {
        order: -1
    }
    .footer__main>.header__nav {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
    .footer__main>.footer__logo,
    .footer__main>.header__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
    .footer__contacts,
    .footer__main>.footer__nav-wrap {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
    .footer__main>.footer__nav-wrap {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1
    }
    .footer__ask {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
    .footer__policy-terms {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

.ajax-loader {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5
}

.ajax-loader:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .6;
    border-radius: inherit
}

.ajax-loader__icon {
    height: 70px;
    position: sticky;
    top: calc(50% - 35px);
    width: 100px;
    animation: loaderAnimation 3s infinite linear
}

.ajax-loader--absolute .ajax-loader__icon {
    position: absolute;
    left: calc(50% - 50px)
}

.ajax-loader--hide-layer:before {
    display: none
}

.modal-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.modal {
    background: #fff;
    margin: auto;
    min-width: 320px;
    position: relative;
    overflow: hidden;
    padding: 20px
}

.modal__close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0
}

.page {
    --promo-max-base-height: 100vh;
    --promo-base-height: min(100vh, var(--promo-max-base-height));
    --promo-height: calc(var(--promo-base-height) - var(--promo-bottom-offset, 0px))
}

.page__wrapper {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    box-sizing: border-box;
    min-height: calc(100*var(--vh));
    width: 100%
}

.page__content {
    flex: 1;
    position: relative
}

.page__breadcrumbs {
    margin: var(--m8) 0 var(--m48)
}

.page__h1 {
    margin: var(--m40) 0 var(--m32)
}

.page__section {
    margin-bottom: var(--m100)
}

.page__section-md {
    margin-bottom: var(--m80)
}

.page__scroll-up {
    position: sticky;
    bottom: var(--m32);
    left: 0;
    right: 0;
    margin: calc(.5*var(--scroll-up-size)) var(--page-gutter) calc(-.5*var(--scroll-up-size)) auto;
    z-index: 99;
    pointer-events: none
}

.page__tabs:not(:last-child) {
    margin-bottom: var(--m32)
}

.page__promo {
    margin: calc(-1*var(--header-height)) calc(-1*var(--full-page-gutter)) var(--promo-bottom-offset, 0px)
}

.page--wide {
    --content-max-width: var(--wide-content-max-width);
    --content-width: min(calc(100% - 2 * var(--page-gutter)), var(--wide-content-max-width));
    --full-page-gutter: max((100vw - var(--sw) - var(--wide-content-max-width)) / 2, var(--page-gutter))
}

@media (orientation:portrait) {
    .page {
        --promo-max-base-height: 60vw
    }
}

@media (max-width:767px) {
    .page {
        --promo-max-base-height: 167vw;
        --promo-base-height: min(90vh, var(--promo-max-base-height))
    }
    .page__scroll-up {
        bottom: var(--page-gutter)
    }
}

@media (max-width:479px) {
    .page__scroll-up {
        bottom: var(--m8);
        margin-right: var(--m8)
    }
}

.product-card {
    --card-bg-color: #fff;
    --card-borders-color: #fff;
    --card-shadow: none;
    --card-padding-top: var(--m16);
    --card-padding-right: var(--m24);
    --card-padding-bottom: var(--m24);
    --card-padding-left: var(--m24);
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: background-color, filter;
    transition-duration: .2s;
    transition-timing-function: ease;
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--card-bg-color);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--card-borders-color);
    filter: drop-shadow(var(--card-shadow))
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .product-card:hover {
        --card-bg-color: #f8f8f8;
        --card-borders-color: #e1e5ea;
        --card-picture-bg: #f8f8f8;
        z-index: 2
    }
    .product-card:hover:not(swiper-container .product-card) {
        --card-shadow: 0 16px 24px rgba(0, 0, 0, 0.1)
    }
    .product-card:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.product-card__picture {
    flex-shrink: 0
}

.product-card__content,
.product-card__detail,
.product-card__preview {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left)
}

.product-card__content {
    position: relative
}

.product-card__detail,
.product-card__preview {
    margin: calc(-1*var(--card-padding-top)) calc(-1*var(--card-padding-right)) calc(-1*var(--card-padding-bottom)) calc(-1*var(--card-padding-left))
}

@media (pointer:coarse) {
    .product-card__preview {
        display: none
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .product-card__detail {
        transition-property: opacity, background-color;
        transition-duration: .2s;
        transition-timing-function: ease;
        position: absolute;
        top: 0;
        left: -1px;
        right: -1px;
        z-index: 2;
        background: var(--card-bg-color);
        border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
        border: 1px solid var(--card-borders-color);
        border-top: none;
        box-sizing: border-box;
        min-height: 100%;
        margin: 0
    }
    .product-card:not(:hover) .product-card__detail {
        pointer-events: none;
        opacity: 0
    }
}

@media (max-width:767px) {
    .product-card {
        --card-padding-top: var(--m8);
        --card-padding-right: var(--m8);
        --card-padding-bottom: var(--m8);
        --card-padding-left: var(--m8);
        --ms-font-size: var(--fs12);
        --ms-option-font-size: var(--fs12)
    }
}

.v-enter-active,
.v-leave-active {
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease
}

.v-leave-active {
    transition-duration: .2s
}

.v-enter-from,
.v-leave-to {
    opacity: 0
}

.popup {
    --popup-padding: var(--m48);
    --popup-width: 720px;
    --popup-background: #fff;
    display: flex;
    overflow-y: auto
}

.popup__overlay {
    background: rgba(34, 33, 50, .8)
}

.popup__content {
    position: relative;
    background: var(--popup-background);
    box-sizing: border-box;
    margin: auto;
    max-width: 100%;
    width: var(--popup-width);
    padding: var(--popup-padding);
    border-radius: var(--border-radius-md)
}

.popup__header {
    display: flex;
    flex-direction: column;
    gap: var(--grid-gap);
    justify-content: space-between;
    margin-bottom: var(--m32)
}

.popup__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.popup__description img {
    max-width: 100%
}

.popup__close {
    --cross-size: 13px;
    --cross-area-size: 33px;
    margin: -10px
}

.popup__title-close {
    display: flex;
    align-items: center;
    gap: var(--grid-gap);
    justify-content: space-between
}

.popup__product-list {
    display: grid;
    gap: var(--m32)
}

.popup__product-list:not(:last-child) {
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: var(--m60);
    margin-bottom: var(--m60)
}

.popup__footer {
    display: grid;
    gap: var(--m16)
}

.popup__buttons {
    display: flex;
    gap: var(--m16)
}

.popup__buttons:not(:last-child) {
    margin-bottom: var(--m16)
}

.popup__btn {
    flex: 1
}

.popup--gallery {
    --popup-padding: 0px !important;
    --popup-width: 100%;
    --popup-background: none;
    display: block
}

.popup--gallery .popup__content {
    margin: 0
}

.popup--gallery .popup__header {
    display: none
}

.popup--left-side,
.popup--right-side {
    --popup-padding: var(--m32);
    --popup-width: 600px
}

.popup--left-side .popup__close,
.popup--right-side .popup__close {
    --cross-size: calc(var(--fs32) * 26 / 32);
    --cross-area-size: calc(var(--fs32) * 46 / 32);
    --cross-line-width: 4px;
    margin: 0
}

.popup--left-side .popup__content,
.popup--right-side .popup__content {
    display: flex;
    flex-direction: column;
    height: calc(100*var(--vh));
    overflow: hidden;
    max-width: calc(100% - var(--page-gutter))
}

.popup--left-side .popup__header,
.popup--right-side .popup__header {
    margin: calc(-1*var(--popup-padding)) calc(-1*var(--popup-padding)) 0;
    padding: var(--popup-padding);
    border-bottom: 1px solid #f0f2f4
}

.popup--left-side .popup__title,
.popup--right-side .popup__title {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.popup--left-side .popup__main,
.popup--right-side .popup__main {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 calc(-1*var(--popup-padding, 0));
    padding: var(--m32) var(--popup-padding, 0)
}

.popup--left-side .popup__footer,
.popup--right-side .popup__footer {
    margin: 0 calc(-1*var(--popup-padding)) calc(-1*var(--popup-padding));
    padding: var(--popup-padding);
    border-top: 1px solid #f0f2f4
}

.popup--left-side .popup__content {
    animation: fadeInLeft .4s ease both;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.popup--right-side .popup__content {
    animation: fadeInRight .4s ease both;
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.popup--response {
    --popup-width: 551px
}

.popup--response .popup__body {
    margin-top: calc(-1*var(--m16) - var(--m32));
    text-align: center
}

.popup--response .popup__title {
    margin-bottom: var(--m16);
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.popup--response .popup__description {
    margin-bottom: var(--m32);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.popup--city {
    --popup-width: 876px
}

.popup--feedback {
    --popup-width: 679px
}

@media (max-width:767px) {
    .popup__content {
        width: 100%;
        border-radius: 0
    }
    .popup--left-side .popup__content,
    .popup--right-side .popup__content {
        max-width: 100%
    }
}

@media (max-width:479px) {
    .popup--left-side,
    .popup--right-side {
        --popup-padding: var(--m16)
    }
}

@media (max-height:479px) {
    .popup--left-side .popup__content,
    .popup--right-side .popup__content {
        height: auto
    }
}

.form__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.form__fields:not(:last-child),
.form__title:not(:last-child) {
    margin-bottom: var(--m32)
}

.form__fields {
    display: grid;
    gap: var(--form-row-gap, var(--m24)) var(--grid-gap);
    grid-template-columns: var(--form-template-columns, repeat(var(--form-columns-count, 1), 1fr))
}

.form__footer {
    display: flex;
    align-items: flex-start;
    gap: var(--m24) var(--grid-gap)
}

.form__policy {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:767px) {
    .form__footer {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .form__policy {
        order: -1
    }
}

.basket-details-item:not(:first-child) {
    padding-top: var(--m24)
}

.basket-details-item:not(:last-child) {
    border-bottom: 1px solid #f0f2f4;
    padding-bottom: var(--m24)
}

.basket-details-item__wrap {
    display: flex;
    gap: var(--grid-gap);
    align-items: flex-end
}

.basket-details-item__main {
    flex: 1
}

.basket-details-item__label {
    color: #adadb7;
    font-size: var(--fs14)
}

.basket-details-item__label:not(:last-child),
.basket-details-item__name-count:not(:last-child) {
    margin-bottom: var(--m8)
}

.basket-details-item__name-count {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--m16);
    max-width: 14.1875em;
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-details-item__count {
    color: #adadb7;
    white-space: nowrap
}

.basket-details-item__price {
    font-size: var(--fs16);
    line-height: var(--lh-caption)
}

.basket-details-item__total-price {
    font-size: var(--fs24);
    line-height: 1
}

.basket-details-item__properties {
    --basket-properties-gap: var(--m8);
    --basket-properties-fs: var(--fs14);
    grid-column: span 2;
    margin-top: var(--m8)
}

.basket-details {
    display: flex;
    flex-direction: column;
    border: 1px solid #8bd867;
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
    overflow: hidden
}

.basket-details__content {
    overflow-y: auto;
    padding: var(--m24)
}

.basket-details__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-details__title:not(:last-child) {
    margin-bottom: var(--m24)
}

.basket-details__footer {
    border-top: 1px dashed #8bd867;
    padding: var(--m24)
}

@media (max-width:767px) {
    .basket-details {
        border-radius: var(--border-radius-md)
    }
}

.basket-list {
    display: grid;
    gap: var(--m16)
}

@media (max-width:767px) {
    .basket-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
    }
}

@media (max-width:479px) {
    .basket-list {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
    }
}

.basket-product {
    position: relative;
    display: flex;
    border: 1px solid #f0f2f4;
    border-radius: var(--border-radius-md)
}

.basket-product__picture {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    width: calc(3*(100% - var(--grid-gap)*(8 - 1))/8 + var(--grid-gap)*(3 - 1));
    background: #f0f2f4;
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
    flex-shrink: 0;
    max-width: 308px
}

.basket-product__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.8538961*100%)
}

.basket-product__picture img,
.basket-product__picture picture,
.basket-product__picture video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transform: translateZ(0)
}

.basket-product__remove {
    --cross-area-size: 22px;
    --cross-line-width: 2px;
    --link-color: #adadb7;
    position: absolute;
    top: var(--m24);
    right: var(--m24);
    z-index: 2
}

.basket-product__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: var(--m24)
}

.basket-product__category {
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    margin-right: 40px
}

.basket-product__category:not(:last-child),
.basket-properties--bold .basket-properties__item:not(:last-child) {
    margin-bottom: var(--m8)
}

.basket-product__name {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-product__name:not(:last-child) {
    margin-bottom: var(--m24)
}

.basket-product__properties:not(:last-child) {
    margin-bottom: var(--m32)
}

.basket-product__property-label {
    color: #636d76
}

.basket-product__footer {
    display: flex;
    align-items: center;
    gap: var(--m24);
    margin-top: auto;
    flex-wrap: wrap
}

.basket-product__count {
    max-width: 200px
}

.basket-product__price {
    --price-fw: 500
}

.basket-product__gift {
    position: absolute;
    right: 0;
    top: 0;
    background: #8bd867;
    color: #fff;
    padding: 4px 6px;
    border-bottom-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
    z-index: 3
}

@media (max-width:767px) {
    .basket-product {
        flex-direction: column
    }
    .basket-product__remove {
        top: var(--m8);
        right: var(--m8)
    }
    .basket-product__picture {
        border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
        width: 100%;
        max-width: none
    }
    .basket-product__content {
        padding: var(--m8)
    }
    .basket-product__category {
        margin-right: 0;
        font-size: var(--fs12)
    }
    .basket-product__name {
        font-size: var(--fs18)
    }
    .basket-product__name:not(:last-child),
    .basket-product__properties:not(:last-child) {
        margin-bottom: var(--m12)
    }
    .basket-product__footer {
        gap: var(--m12)
    }
}

.basket-properties__item {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m8);
    font: 400 var(--basket-properties-fs, var(--fs16))/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-properties__item:not(:last-child) {
    margin-bottom: var(--basket-properties-gap, var(--m16))
}

.basket-properties__label {
    color: #636d76
}

.basket-properties__color {
    position: relative;
    align-self: center;
    border-radius: 50%
}

.basket-properties__color:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #f0f2f4;
    border-radius: inherit
}

.basket-properties__color:after {
    content: '';
    position: relative;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    display: block;
    background: var(--bg-color, transparent);
    border-radius: inherit
}

.basket-properties--bold .basket-properties__label {
    font-weight: 500;
    color: #32314a
}

@media (max-width:767px) {
    .basket-properties__item {
        font-size: var(--fs12)
    }
    .basket-properties__color:after {
        width: 12px;
        height: 12px
    }
}

.basket {
    --main-col-width: calc(8 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (8 - 1));
    --side-col-width: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
    position: relative;
    display: grid;
    gap: var(--m100) var(--grid-gap);
    grid-template-columns: var(--main-col-width) var(--side-col-width);
    grid-template-areas: 'main side' 'order side';
    align-items: start
}

.basket__main,
.basket__side {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: main
}

.basket__side {
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    transition-property: top, max-height;
    transition-duration: .2s;
    transition-timing-function: ease;
    grid-area: side;
    position: sticky;
    display: flex;
    flex-direction: column;
    top: var(--sticky-top);
    max-height: calc(100*var(--vh) - var(--sticky-top))
}

.basket__details {
    flex: 1
}

.basket__order {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: order;
    margin-right: calc(-1*var(--grid-gap) - 1px)
}

@media (max-width:1239px) {
    .basket {
        grid-template-columns: 1fr 270px
    }
}

@media (max-width:767px) {
    .basket {
        grid-template-columns: 100%;
        grid-template-areas: 'main' 'side' 'order'
    }
    .basket__side {
        position: relative;
        top: auto;
        max-height: none
    }
    .basket__order {
        margin-right: 0
    }
    .basket__main,
    .basket__side {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .basket__side {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1
    }
    .basket__order {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

.catalog-detail {
    --slider-col-width: calc(8 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (8 - 1));
    --details-col-width: calc(4 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (4 - 1));
    position: relative;
    display: grid;
    gap: var(--m24) var(--grid-gap);
    grid-template-columns: var(--slider-col-width) var(--details-col-width);
    align-items: start
}

.catalog-detail__info,
.catalog-detail__left-col {
    transition-duration: .2s;
    transition-timing-function: ease;
    position: sticky
}

.catalog-detail__left-col {
    transition-property: top;
    top: var(--sticky-top)
}

.catalog-detail__info {
    transition-property: top, max-height;
    top: calc(var(--m16) + var(--sticky-top));
    max-height: calc(100*var(--vh) - 2*var(--m16) - var(--sticky-top));
    overflow-y: auto;
    overflow-x: hidden
}

.catalog-detail__header:not(:last-child) {
    margin-bottom: var(--m16)
}

.catalog-detail__category {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.catalog-detail__category:not(:last-child),
.catalog-detail__code:not(:last-child),
.catalog-detail__name:not(:last-child) {
    margin-bottom: var(--m8)
}

.catalog-detail__name {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.catalog-detail__code {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    color: #adadb7
}

.catalog-detail__features:not(:last-child) {
    margin-bottom: var(--m24)
}

.catalog-detail__price {
    --price-fs: var(--fs32);
    --old-price-fs: var(--fs24)
}

.catalog-detail__buy-btn:not(:last-child),
.catalog-detail__price:not(:last-child) {
    margin-bottom: var(--m32)
}

.catalog-detail__buy-btn {
    width: 100%
}

.catalog-detail__characteristics-peculiarities:not(:last-child),
.catalog-detail__compound:not(:last-child),
.catalog-detail__description:not(:last-child),
.catalog-detail__media:not(:last-child),
.catalog-detail__short-characteristics:not(:last-child) {
    margin-bottom: var(--m40)
}

.catalog-detail__characteristics:not(:last-child) {
    margin-bottom: var(--m16)
}

@media (max-width:1239px) {
    .catalog-detail {
        --slider-col-width: calc(6 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (6 - 1));
        --details-col-width: calc(6 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (6 - 1))
    }
}

@media (min-width:1024px) {
    .catalog-detail__mobile {
        display: none !important
    }
}

@media (max-width:1023px) {
    .catalog-detail {
        grid-template-columns: 100%
    }
    .catalog-detail__desktop {
        display: none !important
    }
    .catalog-detail__info,
    .catalog-detail__left-col {
        top: auto;
        position: relative;
        max-height: none
    }
    .catalog-detail__characteristics-peculiarities:not(:last-child),
    .catalog-detail__description:not(:last-child),
    .catalog-detail__media:not(:last-child) {
        margin-bottom: var(--m24)
    }
}

.catalog-media {
    --fav-stroke-color: #adadb7;
    display: grid;
    gap: var(--m16);
    grid-template-columns: repeat(2, 1fr)
}

.catalog-media__picture {
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: block;
    background: #f8f8f8;
    border-radius: var(--border-radius-md);
    overflow: hidden
}

.catalog-media__picture:first-child {
    grid-column: 1/-1
}

.catalog-media__picture img,
.catalog-media__picture picture {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    display: block
}

.catalog-media__label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.catalog-media__fav {
    position: absolute;
    top: var(--m24);
    right: var(--m24);
    z-index: 3
}

.catalog-media__tags {
    position: absolute;
    bottom: var(--m24);
    left: var(--m24);
    z-index: 3
}

.catalog-media__more {
    grid-column: 1/-1
}

.characteristics {
    padding: var(--m24);
    display: flex;
    flex-direction: column;
    gap: var(--m16);
    border-radius: var(--m16);
    background-color: #f0f2f4
}

.characteristics__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.characteristics__list {
    display: flex;
    flex-direction: column;
    gap: var(--m16)
}

.characteristics__item {
    display: flex;
    gap: var(--m8)
}

.characteristics__item:after {
    margin-bottom: var(--m6);
    min-width: 100px;
    content: '';
    display: block;
    flex: 1;
    border-bottom: 1px dashed #adadb7
}

.characteristics__name,
.characteristics__value {
    display: flex;
    align-items: flex-end;
    word-wrap: break-word
}

.characteristics__name {
    order: 0;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.characteristics__value {
    order: 2;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    text-align: right
}

@media (max-width:479px) {
    .characteristics__item:after {
        min-width: auto
    }
    .characteristics__name {
        width: min-content
    }
    .characteristics__value {
        flex-shrink: 0;
        width: calc(50% - var(--grid-gap)/2);
        text-align: left
    }
}

.collection-tag {
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    background: #f8f8f8;
    color: #2f6c8e;
    padding: 4px 8px;
    border-radius: var(--border-radius-sm);
    border: 1px solid #f0f2f4;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    white-space: nowrap
}

@media (pointer:coarse) {
    .collection-tag:active {
        border-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .collection-tag:hover {
        border-color: #8bd867
    }
    .collection-tag:active {
        opacity: .6
    }
    .collection-tag:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.collection-tag__text {
    background: -webkit-linear-gradient(360deg, #2f6c8e, #5d4279);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.compound {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--m16)
}

.compound__picture {
    position: relative;
    grid-column: 1;
    border-radius: var(--m16);
    background: #f0f2f4;
    overflow: hidden;
    align-self: start
}

.compound__picture img,
.compound__picture picture {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.compound__info {
    display: flex;
    flex-direction: column;
    position: relative
}

.compound__title {
    margin-bottom: var(--m28);
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.compound__list {
    display: flex;
    flex-direction: column
}

.compound__item {
    transition-property: color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    justify-content: space-between;
    gap: var(--m24);
    cursor: pointer
}

@media (pointer:coarse) {
    .compound__item:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .compound__item:hover {
        color: #8bd867
    }
    .compound__item:active {
        opacity: .6
    }
    .compound__item:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.compound__name {
    padding: var(--m12) 0;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.compound__description-name {
    margin-bottom: var(--m16);
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.compound__icon {
    max-width: 48px;
    max-height: 48px
}

.compound__tooltip,
.compound__tooltips {
    width: 100%;
    height: 100%;
    position: absolute
}

.compound__tooltips {
    top: 0;
    left: 0;
    z-index: 3
}

.compound__tooltip {
    transform: translate(-50%, -50%)
}

.compound__content {
    width: 100%;
    height: 100%;
    min-height: 10em;
    position: relative
}

.compound__description-header {
    display: flex;
    justify-content: space-between
}

.compound__description {
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    font: 400 var(--m16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    overflow: hidden scroll;
    padding-right: var(--m8)
}

.compound__body {
    overflow: auto
}

@media (max-width:1239px) {
    .compound {
        grid-template-columns: 1fr
    }
}

@media (max-width:1023px) {
    .compound {
        grid-template-columns: 402px 1fr
    }
}

@media (max-width:767px) {
    .compound {
        grid-template-columns: 240px 1fr
    }
}

@media (max-width:479px) {
    .compound {
        grid-template-columns: 1fr
    }
}

.description {
    padding: var(--m24);
    display: flex;
    flex-direction: column;
    gap: var(--m16);
    border-radius: var(--m16);
    background-color: #f0f2f4
}

.description__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.description__body {
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.description__btn {
    width: -moz-fit-content;
    width: fit-content
}

.detail-feature {
    display: flex;
    align-items: flex-start;
    gap: var(--m12);
    box-sizing: border-box;
    padding: 6px 0;
    min-height: 48px
}

.detail-feature__name {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    align-content: center;
    min-width: 8.125em;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.detail-feature__content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex: 1
}

.detail-feature--size {
    padding: 0;
    align-items: center
}

.detail-related-add {
    display: flex;
    align-items: center;
    gap: var(--m12)
}

.detail-related-add__btn,
.detail-related-add__icon {
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    align-items: center
}

.detail-related-add__btn {
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    gap: var(--m24)
}

@media (pointer:coarse) {
    .detail-related-add__btn:active .detail-related-add__icon {
        border-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .detail-related-add__btn:hover .detail-related-add__icon {
        border-color: #8bd867
    }
    .detail-related-add__btn:active {
        opacity: .6
    }
    .detail-related-add__btn:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.detail-related-add__icon {
    width: 48px;
    height: 48px;
    transition-property: border-color;
    flex-shrink: 0;
    border: 1px solid #f0f2f4;
    align-content: center;
    justify-content: center;
    border-radius: var(--border-radius-sm)
}

.detail-related-add__name {
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.detail-related-add__categories {
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    color: #adadb7
}

.detail-related__add:not(:last-child) {
    margin-bottom: var(--m16)
}

.detail-related__list {
    display: grid;
    gap: var(--m16)
}

.detail-table {
    border-spacing: 0
}

.detail-table__thread {
    font: 400 var(--fs12)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.detail-table__data,
.detail-table__thread {
    width: 62px;
    height: 19px
}

.detail-table__row:not(:first-child) {
    background: #f8f8f8
}

.detail-table__row:not(:first-child) .detail-table__data {
    border-color: #e1e5ea;
    border-style: solid
}

.detail-table__row:nth-child(1) .table__thread:first-child {
    text-align: left
}

.detail-table__row:nth-child(1) .table__thread:last-child {
    text-align: right
}

.detail-table__row:nth-child(2) .detail-table__data {
    border-width: 1px 0 1px 1px
}

.detail-table__row:nth-child(2) .detail-table__data:first-child {
    border-top-left-radius: var(--m4)
}

.detail-table__row:nth-child(2) .detail-table__data:last-child {
    border-width: 1px;
    border-top-right-radius: var(--m4)
}

.detail-table__row:last-child .detail-table__data {
    border-width: 0 0 1px 1px
}

.detail-table__row:last-child .detail-table__data:first-child {
    border-bottom-left-radius: var(--m4)
}

.detail-table__row:last-child .detail-table__data:last-child {
    border-bottom-right-radius: var(--m4);
    border-width: 0 1px 1px
}

.detail-table__row:last-child:nth-child(2) .detail-table__data {
    border-width: 1px
}

.detail-tooltip {
    width: 9px;
    height: 9px;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    border: 7px solid #8bd867;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.detail-tooltip--selected,
.detail-tooltip:hover {
    border: 7px solid #32314a
}

.peculiarities {
    padding: var(--m24);
    display: flex;
    flex-direction: column;
    gap: var(--m16);
    border-radius: var(--m16);
    background: linear-gradient(279.08deg, #8bd867 10.23%, #6fb84d 100%)
}

.peculiarities__list {
    grid-template-columns: repeat(2, calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap)
}

.peculiarities__title {
    color: #fff;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.peculiarities__item {
    display: flex;
    color: #fff;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.peculiarities__item:before {
    width: 24px;
    height: 24px;
    background: var(--ss) -79px -2px no-repeat;
    margin-right: var(--m8);
    content: '';
    display: block;
    flex-shrink: 0
}

@media (max-width:1023px) {
    .peculiarities__list {
        grid-template-columns: repeat(1, calc(1*(100% - var(--grid-gap)*(1 - 1))/1 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
}

.product-tag {
    background: var(--bg-color, #8bd867);
    color: var(--color, #fff);
    padding: 6px 12px;
    border-radius: var(--border-radius-sm);
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

@media (max-width:767px) {
    .product-tag {
        font-size: var(--fs12)
    }
}

.product-tags {
    display: flex;
    gap: var(--m16);
    flex-wrap: wrap
}

@media (max-width:767px) {
    .product-tags {
        gap: var(--m8)
    }
}

.promotion-tag {
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    background: #f8f8f8;
    color: #2f6c8e;
    padding: 4px 8px;
    border-radius: var(--border-radius-sm);
    border: 1px solid #f0f2f4;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

@media (pointer:coarse) {
    .promotion-tag:active {
        border-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .promotion-tag:hover {
        border-color: #8bd867
    }
    .promotion-tag:active {
        opacity: .6
    }
    .promotion-tag:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.promotion-tag__text {
    color: #55a748
}

.short-characteristics {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m32)
}

.short-characteristics__item {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    gap: var(--m16)
}

.short-characteristics__title {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    color: #adadb7
}

.short-characteristics__value {
    display: flex;
    gap: var(--m16);
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.short-characteristics__value picture {
    display: flex;
    align-items: center
}

.short-characteristics__selected-cell {
    cursor: pointer;
    background: #8bd867
}

.catalog-filter {
    --fade-size: var(--grid-gap);
    display: flex;
    gap: var(--m8);
    overflow-x: auto;
    margin-left: calc(-1*var(--fade-size));
    margin-right: calc(-1*var(--fade-size));
    padding: 0 var(--fade-size);
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent)
}

@media (max-width:767px) {
    .catalog-filter__favorite {
        display: none
    }
}

@media (max-width:479px) {
    .catalog-filter__text {
        display: none
    }
}

.catalog-list__items {
    display: grid;
    gap: var(--m40) var(--grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(var(--product-card-min-width), 1fr));
    grid-auto-flow: dense
}

.catalog-list__items:not(:last-child) {
    margin-bottom: var(--m80)
}

.catalog-list__banner {
    z-index: 1;
    grid-column: span 2
}

.catalog-list__empty-state {
    margin-bottom: var(--m100) !important
}

.catalog-list__item--lg {
    grid-column: span 2
}

@media (min-width:768px) {
    .catalog-list__banner,
    .catalog-list__item--lg {
        min-height: 460px
    }
}

.catalog-tags {
    display: flex;
    gap: var(--m16) 28px;
    flex-wrap: wrap;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.catalog {
    position: relative
}

.catalog__header {
    transition-property: top;
    transition-duration: .2s;
    transition-timing-function: ease;
    position: sticky;
    top: var(--sticky-top);
    z-index: 50;
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: var(--m32) var(--grid-gap);
    align-items: center;
    background: #fff;
    margin: 0 calc(-1*var(--full-page-gutter)) calc(-1*var(--m16));
    padding: 0 var(--full-page-gutter) var(--m16)
}

.catalog__header:not(:last-child) {
    margin-bottom: calc(var(--m32) - var(--m16))
}

.catalog__tags:not(:last-child) {
    margin-bottom: var(--m32)
}

.catalog__tags:empty {
    display: none
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .header--hidden~.page__content .catalog .catalog__header:hover {
        z-index: 100
    }
}

@media (max-width:767px) {
    .catalog__header {
        margin: 0 calc(-1*var(--full-page-gutter)) calc(-1*var(--m8));
        padding: 0 var(--full-page-gutter) var(--m8)
    }
}

.empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--m48);
    margin: 0 auto
}

.empty-state__content {
    max-width: 360px
}

.empty-state__title {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m16);
    text-transform: uppercase
}

.empty-state__text {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.empty-state__btn {
    margin-top: var(--m24);
    padding: 0 68px
}

@media (max-width:767px) {
    .empty-state {
        flex-direction: column;
        align-items: center
    }
    .empty-state__title {
        text-align: center
    }
    .empty-state__text {
        text-align: center !important
    }
    .empty-state__btn {
        width: 100%
    }
}

.sorting {
    --input-height: 48px;
    --ms-font-size: var(--fs16);
    --ms-option-font-size: var(--fs16);
    display: flex;
    min-width: calc(14.375*var(--fs16));
    font-size: var(--fs16)
}

.sorting,
.sorting__dropdown {
    width: 100%
}

.sorting__selected {
    padding: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--m20);
    width: 100%;
    min-height: 52px;
    padding: 0 var(--m16);
    border: 1px solid transparent;
    border-radius: var(--input-border-radius);
    box-sizing: border-box
}

.sorting__selected--open {
    border-color: #8bd867;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.sorting__arrow {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease
}

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

.sorting__list {
    border: 1px solid #8bd867;
    border-top: none;
    border-radius: 0 0 var(--input-border-radius) var(--input-border-radius)
}

.sorting__item {
    transition-property: color, background;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: var(--m8) var(--m16)
}

@media (pointer:coarse) {
    .sorting__item:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .sorting__item:hover {
        color: #8bd867
    }
    .sorting__item:active {
        opacity: .6
    }
    .sorting__item:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.sorting__item--selected {
    background: #f0f2f4
}

@media (pointer:coarse) {
    .sorting__item--selected:active {
        color: #32314a
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .sorting__item--selected:hover {
        color: #32314a
    }
    .sorting__item--selected:active {
        opacity: .6
    }
    .sorting__item--selected:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.sorting__item-arrow {
    transform: rotate(0deg)
}

.sorting__item-arrow--desc {
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .sorting {
        --ms-font-size: var(--fs14);
        --ms-option-font-size: var(--fs14)
    }
}

.collection-slide {
    --bg-color: #222132;
    --color: #fff;
    position: relative;
    display: grid;
    color: var(--color)
}

.collection-slide__content,
.collection-slide__picture {
    grid-column: 1;
    grid-row: 1
}

.collection-slide__picture {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    z-index: 1;
    border-radius: var(--border-radius-md);
    background: var(--bg-color)
}

.collection-slide__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.328125*100%)
}

.collection-slide__picture img,
.collection-slide__picture picture,
.collection-slide__picture video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transform: translateZ(0)
}

.collection-slide__picture img {
    transform: scale(calc(1 + .3*var(--scroll, 0)))
}

.collection-slide__picture:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--bg-color);
    -webkit-mask-image: radial-gradient(closest-side, transparent, rgba(0, 0, 0, .5));
    mask-image: radial-gradient(closest-side, transparent, rgba(0, 0, 0, .5))
}

.collection-slide__content {
    position: relative;
    z-index: 2;
    display: flex;
    gap: var(--m16);
    padding: var(--slide-padding, var(--m32)) calc(var(--slide-padding, var(--m32)) + var(--slider-nav-padding-right, 0px)) calc(var(--slide-padding, var(--m32)) + var(--slider-nav-padding-bottom, 0px)) var(--slide-padding, var(--m32))
}

.collection-slide__main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.collection-slide__label {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.collection-slide__label:not(:last-child) {
    margin-bottom: var(--m8)
}

.collection-slide__name {
    font: 800 var(--fs80)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.collection-slide__text {
    font: 400 var(--fs14)/1.71 'Onest', Arial, sans-serif, -apple-system;
    max-width: 38.57142857em
}

.collection-slide__btn {
    align-self: flex-end
}

.collection-slide--light {
    --bg-color: #f8f8f8;
    --color: #32314a
}

@media (max-width:1023px) {
    .collection-slide__content {
        flex-direction: column
    }
    .collection-slide__btn {
        align-self: flex-start
    }
}

.collection-slider {
    --slides-offset: var(--full-page-gutter);
    --slide-padding: var(--m32);
    position: relative;
    margin-left: calc(-1*var(--slides-offset));
    margin-right: calc(-1*var(--slides-offset));
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--slides-offset), #000 calc(100% - var(--slides-offset)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--slides-offset), #000 calc(100% - var(--slides-offset)), transparent)
}

.collection-slider__slide {
    width: var(--content-width)
}

.collection-slider__arrows {
    position: absolute;
    bottom: var(--slide-padding);
    z-index: 3
}

@media (min-width:480px) {
    .collection-slider__arrows {
        right: calc(var(--slide-padding) + var(--slides-offset))
    }
    .collection-slider--has-navigation {
        --slider-nav-padding-right: calc(48px * 2 + var(--m8) + var(--m16))
    }
}

@media (max-width:479px) {
    .collection-slider {
        --slide-padding: var(--page-gutter);
        -webkit-mask-image: none;
        mask-image: none
    }
    .collection-slider__slide {
        width: 100vw
    }
    .collection-slider__arrows {
        left: calc(var(--slide-padding) + var(--slides-offset))
    }
    .collection-slider--has-navigation {
        --slider-nav-padding-bottom: calc(48px + var(--m8) + var(--slide-padding))
    }
}

.banner,
.banner__picture img,
.banner__picture picture {
    transition-duration: .2s;
    transition-timing-function: ease
}

.banner {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity;
    display: flex;
    position: relative;
    border-radius: var(--border-radius-md);
    background: #f0f2f4
}

@media (pointer:coarse) {
    .banner:active .banner__picture img {
        transform: scale(1.1)
    }
    .banner:active .banner__btn {
        --counter-bg-color: var(--btn-hover-counter-bg-color);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border-color);
        background-color: var(--btn-hover-bg-color)
    }
    .banner:active .banner__btn .btn__icon {
        color: var(--btn-hover-icon-color)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .banner:hover .banner__picture img {
        transform: scale(1.1)
    }
    .banner:hover .banner__btn {
        --counter-bg-color: var(--btn-hover-counter-bg-color);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border-color);
        background-color: var(--btn-hover-bg-color)
    }
    .banner:hover .banner__btn .btn__icon {
        color: var(--btn-hover-icon-color)
    }
    .banner:active {
        opacity: .6
    }
    .banner:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.banner__picture {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden
}

.banner__picture img,
.banner__picture picture {
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.banner__content {
    position: relative;
    z-index: 2;
    padding: var(--m40);
    display: flex;
    flex-direction: column
}

.banner__name {
    max-width: 11.45833333em;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.banner__name:not(:last-child),
.banner__text:not(:last-child) {
    margin-bottom: var(--m32)
}

.banner__text {
    max-width: 17.85714286em;
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.banner__btn {
    margin-top: auto;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 228px
}

.banner--dark {
    background-color: #222132;
    color: #fff
}

.block-marquee {
    overflow: hidden;
    pointer-events: none;
    font: 600 var(--fs300)/1 'Onest', Arial, sans-serif, -apple-system;
    color: transparent;
    text-stroke: 2px #e5e5e5;
    -webkit-text-stroke: 2px #e5e5e5;
    white-space: nowrap;
    text-transform: uppercase
}

.block-marquee__text {
    position: relative;
    transform: translateX(calc(50% - var(--scroll, 0)*100%))
}

.breadcrumbs {
    overflow-x: auto;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.breadcrumbs__item,
.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: var(--m16)
}

.breadcrumbs__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs__item {
    white-space: nowrap
}

.breadcrumbs__item:not(:first-child):before {
    width: 16px;
    height: 1px;
    flex-shrink: 0;
    content: '';
    background: currentColor
}

.breadcrumbs__text {
    color: #8bd867
}

.cookie {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--m32);
    padding: var(--m24);
    border-top-left-radius: 16px;
    background: #fff;
    z-index: 100;
    box-sizing: border-box;
    width: 502px;
    max-width: 100%
}

.cookie__close {
    --cross-size: 18px;
    position: absolute;
    right: 20px;
    top: 20px
}

.cookie__text-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--m16)
}

.cookie__title {
    margin-top: 0;
    margin-bottom: 0;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.cookie__description {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.cookie__accept {
    min-width: 156px
}

@media (max-width:479px) {
    .cookie {
        width: 100%;
        border-top-right-radius: 16px
    }
}

.counter {
    width: 28px;
    height: 28px;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: var(--counter-bg-color, #8bd867);
    border-radius: 50%;
    color: #fff;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.draggable-scroll {
    scroll-behavior: initial
}

.draggable-scroll--grab {
    cursor: grabbing
}

.draggable-scroll--grab * {
    pointer-events: none
}

.dropdown {
    position: relative
}

.dropdown__content {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    box-sizing: border-box;
    min-width: 100%;
    background: #fff;
    border-radius: 10px
}

.gallery__main:not(:last-child) {
    margin-bottom: var(--m24)
}

.gallery__main-slide {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer
}

.gallery__main-slide img,
.gallery__main-slide picture {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.gallery__main-picture {
    background: #f0f2f4;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    margin: auto
}

.gallery__nav {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas: 'prev thumbs next';
    align-items: center
}

.gallery__prev {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: prev
}

.gallery__next {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: next
}

.gallery__thumbs {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    overflow: hidden;
    grid-area: thumbs
}

.gallery__thumb {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    transition-property: opacity, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    border: 2px solid transparent;
    border-radius: var(--border-radius-md);
    cursor: pointer;
    background: #f0f2f4
}

.gallery__thumb:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(1*100%)
}

.gallery__thumb img,
.gallery__thumb picture,
.gallery__thumb video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transform: translateZ(0)
}

@media (pointer:coarse) {
    .gallery__thumb:active {
        border-color: rgba(139, 216, 103, .6)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .gallery__thumb:hover {
        border-color: rgba(139, 216, 103, .6)
    }
    .gallery__thumb:active {
        opacity: .6
    }
    .gallery__thumb:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.gallery__thumb--active {
    pointer-events: none;
    border-color: #8bd867
}

@media (max-width:479px) {
    .gallery__nav {
        grid-template-columns: 1fr min-content min-content 1fr;
        grid-template-areas: '. prev next ..'
    }
    .gallery__thumbs {
        display: none
    }
    .gallery__prev {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
    .gallery__next {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.label {
    --label-min-width: 52px;
    --label-height: 38px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-sizing: border-box;
    height: var(--label-height);
    min-width: var(--label-min-width);
    background: 0 0 url(../images/green.svg) no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    color: #fff;
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

.label--alpha {
    color: #8bd867;
    background-image: url(../images/green-alpha.svg)
}

.list-navigation {
    display: grid;
    gap: var(--m32) var(--grid-gap);
    grid-template-columns: 1fr max-content 1fr;
    grid-template-areas: '. more pagination';
    align-items: center
}

.list-navigation__more {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: more;
    min-width: 160px
}

.list-navigation__pagination {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: pagination;
    justify-self: right
}

@media (max-width:1239px) {
    .list-navigation {
        grid-template-columns: max-content 1fr;
        grid-template-areas: 'more pagination'
    }
    .list-navigation__more {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .list-navigation__pagination {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
}

@media (max-width:767px) {
    .list-navigation {
        grid-template-columns: 100%;
        grid-template-areas: 'more' 'pagination'
    }
    .list-navigation__pagination {
        justify-self: stretch
    }
    .list-navigation__more {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .list-navigation__pagination {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--m16)
}

.page-header__h2 {
    margin-right: auto
}

.page-header__visible-title:not(:empty)+.page-header__hidden-title {
    display: none
}

@media (max-width:767px) {
    .page-header__h2 {
        width: 100%
    }
}

@media (max-width:479px) {
    .page-header {
        flex-direction: column;
        align-items: stretch
    }
}

.pagination {
    justify-content: space-between;
    gap: var(--m24)
}

.pagination,
.pagination__page,
.pagination__pages {
    display: flex;
    align-items: center
}

.pagination__page {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    width: 3em;
    height: 3em;
    transition-property: opacity, border-color, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    flex-shrink: 0;
    align-content: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (pointer:coarse) {
    .pagination__page:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .pagination__page:hover {
        color: #8bd867
    }
    .pagination__page:active {
        opacity: .6
    }
    .pagination__page:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.pagination__page--current {
    border-color: #8bd867;
    pointer-events: none
}

.pagination__page--disabled {
    pointer-events: none
}

@media (max-width:479px) {
    .pagination {
        gap: var(--m16)
    }
    .pagination__page {
        font-size: var(--fs14)
    }
}

.price {
    --unit-margin: 0.2em;
    font: var(--price-fw, 700) var(--price-fs, var(--fs24))/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

.price__unit {
    margin-left: var(--unit-margin)
}

.price--old {
    color: #adadb7;
    text-decoration: line-through
}

.grecaptcha-badge {
    z-index: 1001
}

.scroll-up {
    width: auto;
    height: 0;
    position: sticky;
    bottom: 105px;
    display: flex;
    align-items: flex-end;
    margin-left: auto;
    padding-right: var(--page-gutter);
    z-index: 99;
    transform: translateY(25px)
}

@media (max-width:1023px) {
    .scroll-up {
        bottom: 40px
    }
}

.spoiler__btn {
    margin-top: var(--m32);
    min-width: 180px
}

@media (min-width:1240px) {
    .spoiler__btn {
        margin-top: var(--m56)
    }
}

.tabs-mini {
    display: flex;
    gap: var(--m8);
    overflow-x: auto
}

.tabs-mini__item--selected {
    pointer-events: none
}

.tabs {
    --fade-size: var(--grid-gap);
    display: flex;
    gap: var(--m24);
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: calc(-1*var(--fade-size));
    margin-right: calc(-1*var(--fade-size));
    padding: 0 var(--fade-size);
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent)
}

.tabs__item {
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: color, opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    white-space: nowrap;
    color: #636d76;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

@media (pointer:coarse) {
    .tabs__item:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .tabs__item:hover {
        color: #8bd867
    }
    .tabs__item:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.tabs__item--selected {
    color: #32314a;
    pointer-events: none
}

.contact-form-section {
    --text-col-width: calc(5 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (5 - 1));
    --form-col-width: calc(7 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (7 - 1));
    padding-top: var(--m100);
    position: relative;
    display: grid;
    gap: var(--m32) var(--grid-gap);
    grid-template-columns: var(--text-col-width) var(--form-col-width);
    grid-template-rows: max-content 1fr;
    align-items: start
}

.contact-form-section__marquee {
    max-width: calc(100vw - 20px);
    position: absolute;
    top: 0;
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.contact-form-section:before {
    width: 100%;
    height: 100%;
    content: '';
    margin-top: var(--m100);
    position: absolute;
    background: radial-gradient(farthest-side at 50%, rgba(139, 216, 103, .2), rgba(139, 216, 103, 0));
    z-index: -3
}

.contact-form-section__title {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.contact-form-section__title--big {
    font-size: var(--fs48)
}

.contact-form-section__title:not(:last-child) {
    margin-bottom: var(--m20);
    margin-top: var(--m12)
}

.contact-form-section__title i {
    color: #8bd867;
    font-style: normal
}

.contact-form-section__text {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    max-width: 20.75em
}

.contact-form-section__text:not(:last-child) {
    margin-bottom: var(--m56)
}

.contact-form-section__contacts {
    display: flex;
    flex-direction: column;
    row-gap: var(--m16)
}

.contact-form-section__contact {
    --link-gap: 26px;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.contact-form-section__contact svg {
    width: 32px;
    height: 32px
}

.contact-form-section__form {
    background: #fff;
    border: 1px solid #f0f2f4;
    border-radius: var(--border-radius-lg);
    padding: var(--m40) var(--m48)
}

@media (max-width:1023px) {
    .contact-form-section {
        grid-template-columns: 100%
    }
    .contact-form-section__title:not(:last-child) {
        margin-bottom: var(--m16)
    }
    .contact-form-section__text {
        max-width: none
    }
}

@media (max-width:767px) {
    .contact-form-section__form {
        margin: 0 calc(-1*var(--page-gutter));
        padding: var(--m32) var(--page-gutter)
    }
    .contact-form-section__marquee {
        top: 20px
    }
}

.contacts {
    padding-top: var(--m24)
}

.contacts__tabs {
    margin-bottom: var(--m32)
}

.map-card-list {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.map-card {
    display: grid;
    gap: 15px var(--m32);
    padding: var(--m24);
    border: 1px solid #e1e5ea;
    border-radius: var(--m16)
}

.map-card__name {
    font: 500 var(--fs24) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m12)
}

.map-card__item {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 35px;
    overflow-wrap: break-word;
    overflow: hidden
}

.map-card__icon {
    width: 20px;
    height: 20px;
    color: #8bd867;
    position: absolute;
    left: 0
}

.map-card__title {
    margin-bottom: 5px;
    font: 200 var(--fs14) 'Onest', Arial, sans-serif, -apple-system
}

.map-section {
    grid-template-columns: repeat(2, calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--m48);
    align-items: start
}

.map-section .vue-map {
    width: 100%;
    min-width: 0
}

@media (max-width:1023px) {
    .map-section {
        grid-template-columns: 100%
    }
}

.office-balloon {
    display: grid;
    gap: 10px var(--m32)
}

.office-balloon__name {
    font: 500 var(--fs24) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m12)
}

.office-balloon__item {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 35px;
    overflow-wrap: break-word;
    overflow: hidden
}

.office-balloon__icon {
    width: 20px;
    height: 20px;
    color: #8bd867;
    position: absolute;
    left: 0
}

.office-balloon__title {
    margin-bottom: 5px;
    font: 200 var(--fs14) 'Onest', Arial, sans-serif, -apple-system
}

.office-balloon__button {
    width: 100%;
    margin-top: 10px
}

.warehouses-section__title {
    font: 700 var(--fs32)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m32)
}

.warehouses-section__list {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(415px, 1fr))
}

@media (max-width:767px) {
    .warehouses-section__list {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
    }
}

@media (max-width:479px) {
    .warehouses-section__list {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }
}

.error-404 {
    margin: calc(-1*var(--header-height)) 0 0;
    padding: calc(1*var(--header-height)) calc(1*var(--full-page-gutter)) var(--m60);
    box-sizing: border-box;
    min-height: 100vh;
    position: relative;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: var(--m48);
    background: radial-gradient(farthest-side at 50% 40%, rgba(139, 216, 103, .8), rgba(139, 216, 103, 0)) #fff
}

.error-404__lines {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: -1
}

.error-404__info {
    text-align: start
}

.error-404__code {
    width: 4em;
    height: 3em;
    background: url(/local/images/error404/404.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 800 var(--fs80)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.error-404__title {
    margin-bottom: var(--m24);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.error-404__text {
    font: 400 var(--fs16)/var(--lh-text-lg) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m36)
}

.error-404__btn {
    width: max-content
}

@media (max-width:1239px) {
    .error-404 {
        flex-wrap: wrap
    }
}

@media (max-width:479px) {
    .error-404__info {
        padding: var(--m16);
        text-align: center
    }
}

.filter-field--checkbox,
.filter-field--range {
    display: block
}

.filter-field--checkbox+.filter-field--checkbox,
.filter-field--checkbox+.filter-field--range,
.filter-field--range+.filter-field--checkbox,
.filter-field--range+.filter-field--range {
    margin-top: var(--m16)
}

.filter-group {
    border-top: 1px solid #f0f2f4;
    padding: var(--m24) 0
}

.filter-group:first-child {
    padding-top: 0;
    border-top: 0
}

.filter-group__arrow,
.filter-group__header {
    transition-duration: .2s;
    transition-timing-function: ease
}

.filter-group__header {
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: color, opacity;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--grid-gap);
    width: 100%;
    font: 500 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (pointer:coarse) {
    .filter-group__header:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .filter-group__header:hover {
        color: #8bd867
    }
    .filter-group__header:active {
        opacity: .6
    }
    .filter-group__header:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.filter-group__arrow {
    transition-property: transform;
    color: #adadb7
}

.filter-group__content {
    padding-top: var(--m24);
    padding-bottom: 21px
}

.filter-group--open .filter-group__arrow {
    transform: rotate(180deg)
}

.filter {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-right: calc(-1*var(--popup-padding, 0));
    padding-right: var(--popup-padding, 0)
}

.filter__main {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 calc(-1*var(--popup-padding, 0));
    padding: var(--m32) var(--popup-padding, 0)
}

.filter__footer {
    margin: 0 calc(-1*var(--popup-padding)) calc(-1*var(--popup-padding));
    padding: var(--popup-padding);
    border-top: 1px solid #f0f2f4;
    display: flex;
    gap: var(--m16)
}

@media (min-width:768px) {
    .filter__footer-btn {
        flex: 1
    }
}

@media (max-width:767px) {
    .filter__footer {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .cooperation-form {
        --form-columns-count: 6
    }
    .cooperation-form__comment,
    .cooperation-form__file,
    .cooperation-form__site,
    .cooperation-form__theme {
        grid-column: 1/-1
    }
    .cooperation-form__company,
    .cooperation-form__inn,
    .cooperation-form__name {
        grid-column: span 2
    }
    .cooperation-form__city,
    .cooperation-form__country,
    .cooperation-form__email,
    .cooperation-form__phone {
        grid-column: span 3
    }
    .feedback-form {
        --form-columns-count: 2
    }
    .feedback-form__company,
    .feedback-form__email,
    .feedback-form__name,
    .feedback-form__phone {
        grid-column: span 1
    }
    .feedback-form__city,
    .feedback-form__comment {
        grid-column: 1/-1
    }
}

.form-note {
    background: #f8f8f8;
    border: 1px solid #e1e5ea;
    border-radius: var(--border-radius-md);
    padding: var(--m16);
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.form-note__icon {
    color: #8bd867
}

.form-note__icon:not(:last-child) {
    margin-bottom: 10px
}

.order-form {
    --form-columns-count: 2;
    --form-row-gap: var(--m16);
    border: 1px solid #8bd867;
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
    padding: var(--m24)
}

.order-form__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.order-form__title:not(:last-child) {
    margin-bottom: var(--m24)
}

.order-form__grid {
    display: grid;
    gap: var(--m24);
    grid-template-columns: 1fr 268px;
    align-items: start
}

.order-form__city,
.order-form__email {
    grid-column: 1/-1
}

.order-form__note {
    margin-top: var(--m24)
}

.order-form__note:not(:last-child) {
    margin-bottom: var(--m32)
}

.order-form__submit {
    min-width: 240px
}

@media (max-width:1239px) {
    .order-form__grid {
        grid-template-columns: 100%
    }
    .order-form__note {
        margin-top: 0;
        order: -1
    }
}

@media (max-width:767px) {
    .order-form {
        border-radius: var(--border-radius-md);
        --form-columns-count: 1
    }
}

.search-form {
    --submit-width: 24px;
    --submit-offset: var(--input-padding-left);
    --input-padding-right: calc(var(--submit-width) + 2 * var(--submit-offset));
    position: relative
}

.search-form__submit {
    width: calc(var(--submit-width) + 2*var(--submit-offset));
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.search-form__cross {
    --cross-line-width: 2px;
    --cross-size: 14px;
    color: var(--cross-color)
}

.search-form--city .search-form__search-symbol {
    color: #adadb7
}

@media (max-width:767px) {
    .search-form__input {
        font-size: 16px
    }
}

.main-categories {
    position: relative;
    z-index: 2;
    background: #222132;
    border-radius: var(--border-radius-lg);
    box-sizing: border-box;
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter));
    padding: var(--m100) var(--full-page-gutter) var(--m80);
    color: #fff
}

.main-categories__title {
    margin-bottom: 53px;
    opacity: .4;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.main-categories__title b,
.main-categories__title strong {
    font-weight: inherit;
    color: #8bd867
}

.main-categories__items {
    position: relative
}

.main-categories__picture {
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.main-categories__picture img,
.main-categories__picture picture {
    width: 100%;
    height: auto;
    display: block
}

@media (max-width:1239px) {
    .main-categories__title {
        margin-bottom: var(--m32)
    }
}

@media (max-width:767px) {
    .main-categories__picture {
        display: none
    }
}

@media (max-width:479px) {
    .main-categories__title {
        margin-bottom: 8px;
        max-width: 300px
    }
}

.vue-main-categories:not(.mounted) {
    height: 905px;
    overflow: hidden
}

@media (max-width:479px) {
    .vue-main-categories:not(.mounted) {
        height: 534px
    }
}

.main-category {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: block;
    margin: 0 calc(-1*var(--full-page-gutter));
    padding: var(--m32) var(--full-page-gutter);
    font: 800 var(--fs80)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.main-category:not(:last-of-type) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.main-category__name {
    max-width: 820px
}

.main-category__name-count {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    margin-right: var(--m80);
    display: flex;
    align-items: flex-start;
    gap: .35em;
    text-transform: uppercase
}

.main-category--active {
    background-color: rgba(255, 255, 255, .05)
}

.main-category--active .main-category__name-count {
    transform: translateX(var(--m80))
}

@media (max-width:1439px) {
    .main-category__name {
        max-width: 700px
    }
}

@media (max-width:1239px) {
    .main-category__name {
        max-width: 580px
    }
}

@media (max-width:767px) {
    .main-category {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .main-category {
        padding: 24px var(--page-gutter)
    }
    .main-category__label {
        --label-min-width: 41px;
        --label-height: 30px;
        margin-top: -9px
    }
}

.main-collections {
    --count: 1;
    --header-offset: 0px;
    --offset: min(20vh / var(--count), 100px);
    position: relative;
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter));
    background: #222132;
    color: #fff
}

.main-collections__item {
    --index: 0;
    --picture-scale: clamp(1, 1 + var(--scroll, 0) - var(--index) / var(--count), 1 + 1 / var(--count));
    --picture-brightness: clamp(10%, 100% - 100% * (var(--scroll, 0) - (var(--index) + 1) / var(--count)), 100%);
    position: sticky !important;
    top: calc(var(--header-offset) + var(--offset)*var(--index));
    height: calc(100vh - var(--offset)*var(--index) - var(--header-offset))
}

@media (max-width:1023px) {
    .main-collections {
        --header-offset: var(--header-height)
    }
}

.main-collection {
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: block;
    overflow: hidden;
    background: #222132;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    color: #fff;
    text-align: center
}

@media (pointer:coarse) {
    .main-collection:active .main-collection__name {
        transform: scale(1.05)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .main-collection:hover .main-collection__name {
        transform: scale(1.05)
    }
    .main-collection:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.main-collection__picture {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.main-collection__picture img,
.main-collection__picture picture {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.main-collection__picture img {
    transform: scale(var(--picture-scale, 1));
    filter: brightness(var(--picture-brightness, 100%))
}

.main-collection__content {
    position: relative;
    z-index: 2;
    padding: var(--m20)
}

.main-collection__name {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    font: 800 var(--fs80)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    will-change: transform
}

.main-collection__count {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.main-doctor-sleep {
    --color-scroll: clamp(0, var(--scroll, 0) * 1.5, 1);
    --bg-start-r: 255;
    --bg-start-g: 255;
    --bg-start-b: 255;
    --bg-target-r: 34;
    --bg-target-g: 33;
    --bg-target-b: 50;
    --bg-r: calc(var(--bg-start-r) + var(--color-scroll, 0) * (var(--bg-target-r) - var(--bg-start-r)));
    --bg-g: calc(var(--bg-start-g) + var(--color-scroll, 0) * (var(--bg-target-g) - var(--bg-start-g)));
    --bg-b: calc(var(--bg-start-b) + var(--color-scroll, 0) * (var(--bg-target-b) - var(--bg-start-b)));
    position: relative;
    background: rgb(var(--bg-r), var(--bg-g), var(--bg-b));
    height: 200vh;
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter))
}

.main-doctor-sleep__content {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden
}

.main-doctor-sleep__text-wrap {
    --radius: calc(var(--fs400) * var(--lh-caption) / 2);
    --offset: var(--radius);
    --position-x: calc(var(--offset) + (100% - 2 * var(--offset)) * var(--scroll, 0));
    position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-mask-image: radial-gradient(circle closest-side at var(--position-x) 50%, #000 30%, transparent);
    mask-image: radial-gradient(circle closest-side at var(--position-x) 50%, #000 30%, transparent);
    transform: translateY(-50%)
}

.main-doctor-sleep__text {
    --translate-x: calc(-1 * (100% - 100vw) * var(--scroll, 0));
    width: max-content;
    color: #8bd867;
    font: 900 var(--fs400)/1 'Onest', Arial, sans-serif, -apple-system;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateX(var(--translate-x))
}

.main-doctor-sleep__picture {
    --scale: calc(1 - var(--scroll, 0));
    --opacity: calc(1 - var(--scroll, 0));
    --brightness: calc((1 - 0.5 * var(--scroll, 0)) * 100%);
    position: absolute;
    left: var(--full-page-gutter);
    bottom: 0;
    right: var(--full-page-gutter);
    z-index: 2;
    margin: 0 auto;
    transform: scale(var(--scale));
    opacity: var(--opacity);
    filter: brightness(var(--brightness));
    transform-origin: 50% 0
}

.main-doctor-sleep__picture img,
.main-doctor-sleep__picture picture {
    width: 100%;
    height: auto;
    display: block
}

@media (max-width:767px) {
    .main-doctor-sleep__text {
        width: min-content;
        white-space: normal
    }
}

.main-lines {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    background: #222132;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    box-sizing: border-box;
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter));
    padding: var(--m100) 0 var(--m80);
    overflow: hidden;
    color: #fff
}

.main-lines__lines {
    --start-rotate: -15deg;
    --target-rotate: 15deg;
    --rotate: calc(var(--start-rotate) + var(--scroll, 0) * (var(--target-rotate) - var(--start-rotate)));
    --start-scale: 1;
    --target-scale: 1.25;
    --scale: calc(var(--start-scale) + var(--scroll, 0) * (var(--target-scale) - var(--start-scale)));
    position: relative;
    z-index: 1;
    grid-row: 1;
    grid-column: 1;
    font: 700 var(--fs200)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    transform: rotate(var(--rotate)) scale(var(--scale));
    will-change: transform
}

.main-lines__line,
.main-lines__marquee {
    display: flex;
    align-items: center;
    align-content: center;
    gap: .24em;
    overflow: hidden;
    min-height: 80px
}

.main-lines__btn {
    position: relative;
    z-index: 2;
    grid-row: 1;
    grid-column: 1;
    justify-self: center;
    align-self: center;
    box-shadow: 0 20px 40px rgba(139, 216, 103, .4)
}

.main-lines__word {
    white-space: nowrap
}

.main-lines__word--type-1 {
    color: rgba(139, 216, 103, .2)
}

.main-lines__word--type-2 {
    color: transparent;
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff
}

.main-lines__word--type-3 {
    color: #8bd867
}

.main-lines__word--type-4 {
    color: rgba(255, 255, 255, .2)
}

@media (max-width:767px) {
    .vue-main-lines:not(.mounted) {
        height: 297px
    }
}

.main-manufacturing {
    position: relative;
    background: #222132;
    border-radius: var(--border-radius-lg);
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter));
    color: #fff;
    overflow: clip
}

.main-manufacturing__content {
    --fade-size: var(--m60);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent)
}

.main-manufacturing__text-section {
    position: relative;
    z-index: 2;
    height: 200vh
}

.main-manufacturing__text-section-content {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: var(--m100) var(--full-page-gutter) var(--m80)
}

.main-manufacturing__text {
    opacity: .4;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-align: center
}

.main-manufacturing__text:not(:last-child) {
    margin-bottom: var(--m60)
}

.main-manufacturing__title {
    text-align: center
}

.main-manufacturing__pictures-section {
    margin-top: -10vh;
    position: relative;
    z-index: 1
}

@media (max-width:1023px) {
    .main-manufacturing {
        overflow: hidden
    }
    .main-manufacturing__text-section,
    .main-manufacturing__text-section-content {
        height: auto
    }
    .main-manufacturing__pictures-section {
        margin: 0
    }
}

.main-promo {
    position: relative;
    z-index: 1;
    min-height: 200vh
}

.main-promo__content {
    position: sticky;
    top: 0;
    overflow: hidden
}

.main-promo__slider {
    --translate: calc(-10% * var(--scroll, 0));
    position: relative;
    z-index: 1;
    transform: translateX(var(--translate))
}

.main-promo__side {
    --clip-left: calc(100% - 100% * var(--scroll, 0));
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 50%;
    -webkit-clip-path: polygon(var(--clip-left) 0, 100% 0, 100% 100%, var(--clip-left) 100%);
    clip-path: polygon(var(--clip-left) 0, 100% 0, 100% 100%, var(--clip-left) 100%)
}

@media (orientation:portrait),
(max-width:767px) {
    .main-promo {
        min-height: 0
    }
    .main-promo__side {
        display: none !important
    }
    .main-promo__slider {
        transform: none
    }
}

.vue-main-promo:not(.mounted) {
    height: 200vh;
    overflow: hidden
}

@media (orientation:portrait) {
    .vue-main-promo:not(.mounted) {
        height: var(--promo-height)
    }
}

.lines {
    width: 100%;
    height: 100%;
    position: relative
}

.main-promo-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    box-sizing: border-box;
    min-height: var(--promo-height);
    background: radial-gradient(farthest-side at 50% 40%, rgba(139, 216, 103, .8), rgba(139, 216, 103, 0)) #fff;
    padding: calc(var(--header-height) + var(--m60)) var(--full-page-gutter) calc(var(--m60) - var(--promo-bottom-offset, 0px))
}

.main-promo-item__back,
.main-promo-item__lines {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.main-promo-item__back img,
.main-promo-item__back picture,
.main-promo-item__back video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.main-promo-item__lines {
    position: absolute !important;
    z-index: 2
}

.main-promo-item__content {
    position: relative;
    z-index: 2;
    display: flex;
    gap: var(--grid-gap);
    align-items: flex-end;
    align-content: flex-end;
    width: 100%
}

.main-promo-item__text-wrap {
    width: calc(7*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(7 - 1))
}

.main-promo-item__name:not(:last-child),
.main-promo-item__text:not(:last-child) {
    margin-bottom: var(--m16)
}

.main-promo-item__text {
    font: 400 var(--fs24)/1.33 'Onest', Arial, sans-serif, -apple-system;
    max-width: 27.77777778em;
    opacity: .8
}

.main-promo-item__btn {
    min-width: 240px
}

.main-promo-item__btn:not(:first-child) {
    margin-top: var(--m48)
}

.main-promo-item__pictures {
    flex-shrink: 0;
    margin: calc(-1*(var(--m60) + var(--header-height))) calc(-1*var(--page-gutter) + 50px) calc(-1*(var(--m60) - var(--promo-bottom-offset, 0px))) auto;
    width: 45.15625%;
    display: grid;
    grid-template-columns: 100%;
    align-items: end;
    justify-content: center
}

.main-promo-item__picture {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    opacity: 0
}

.main-promo-item__picture img,
.main-promo-item__picture picture {
    width: 100%;
    height: auto;
    display: block
}

.main-promo-item__picture--active {
    opacity: 1
}

.main-promo-item--dark {
    background: #222132;
    color: #fff
}

.main-promo-item--dark .main-promo-item__lines {
    opacity: .15
}

.main-promo-item--dark .main-promo-item__back:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(34, 33, 50, .3), rgba(34, 33, 50, .15))
}

.main-promo-item--with-pictures .main-promo-item__text-wrap {
    align-self: start
}

@media (min-width:1919px) {
    .main-promo-item--with-pictures .main-promo-item__text-wrap {
        margin-bottom: 130px
    }
}

@media (min-width:1441px) {
    .main-promo-item__pictures {
        margin-right: calc(-1*var(--page-gutter) - 50px)
    }
}

@media (max-width:1239px) {
    .main-promo-item__pictures {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .main-promo-item {
        align-items: stretch;
        align-content: stretch
    }
    .main-promo-item__content {
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start
    }
    .main-promo-item__text-wrap {
        width: 100%
    }
    .main-promo-item__pictures {
        margin-top: auto;
        margin-right: auto;
        margin-left: auto;
        max-width: 400px;
        width: 100%
    }
}

.main-promo-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    background: #222132;
    overflow: hidden;
    padding: var(--m60) 0;
    color: #fff;
    font: 800 var(--fs130)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap;
    text-transform: uppercase
}

.main-promo-side__marquee,
.main-promo-side__row {
    display: flex;
    align-items: center;
    gap: .43076923em;
    overflow: hidden
}

.main-promo-slider {
    position: relative
}

.main-promo-slider__nav {
    position: absolute;
    right: var(--full-page-gutter);
    bottom: calc(var(--m60) - var(--promo-bottom-offset, 0px));
    z-index: 10
}

@media (max-width:767px) {
    .main-promo-slider__nav {
        left: 0;
        right: 0;
        margin: auto
    }
}

.pillow-slider {
    --fade-size: 20%;
    position: relative;
    background: no-repeat 0 0 url(/local/images/main-promo/pillow.png);
    background-size: 100% 100%
}

.pillow-slider:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(1.00346021*100%)
}

.pillow-slider__swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--fade-size), #000 calc(100% - var(--fade-size)), transparent)
}

.pillow-slider__slide,
.side-item {
    display: flex;
    justify-content: center
}

.pillow-slider__slide {
    height: auto !important;
    align-items: flex-end;
    align-content: flex-end;
    grid-template-columns: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0 5%
}

.pillow-slider img,
.pillow-slider picture {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center bottom;
    object-position: center bottom
}

.side-item {
    align-items: center;
    align-content: center;
    position: relative;
    cursor: default;
    white-space: nowrap
}

.side-item img,
.side-item picture {
    display: block;
    max-height: 1.26923077em
}

.side-item--link {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    cursor: pointer
}

@media (pointer:coarse) {
    .side-item--link:active {
        color: #8bd867
    }
    .side-item--link:active:before {
        transform: scale(1.2)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .side-item--link:hover {
        color: #8bd867
    }
    .side-item--link:hover:before {
        transform: scale(1.2)
    }
    .side-item--link:active {
        opacity: .6
    }
    .side-item--link:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.side-item--link .side-item--with-picture:after,
.side-item--link .side-item--with-picture:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    top: calc(35% - 9px);
    left: calc(50% - 9px);
    z-index: 2;
    box-sizing: border-box;
    border-radius: 50%
}

.side-item--link .side-item--with-picture:before {
    border: 1px solid #8bd867
}

.side-item--link .side-item--with-picture:after {
    background: #8bd867;
    filter: blur(5px);
    transform: scale(.5)
}

.seo-section {
    position: relative;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    background: #fff;
    margin-left: calc(-1*var(--full-page-gutter));
    margin-right: calc(-1*var(--full-page-gutter));
    padding: var(--m100) var(--full-page-gutter)
}

.seo-section__video:not(:last-child) {
    margin-bottom: 36px
}

.seo-section__content {
    --title-col-width: calc(5 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (5 - 1));
    --text-col-width: calc(7 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (7 - 1));
    display: grid;
    gap: var(--m60) var(--grid-gap);
    grid-template-columns: var(--title-col-width) var(--text-col-width)
}

@media (min-width:768px) {
    .seo-section__text {
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .seo-section__content {
        grid-template-columns: 100%
    }
}

.seo-video {
    --mask-x: 0;
    --mask-y: 0;
    --cursor-x: 0;
    --cursor-y: 0;
    --cursor-scale: 0
}

.seo-video--no-cursor {
    cursor: none
}

.seo-video__container,
.seo-video__text-row {
    position: relative;
    margin: 0 calc(-1*var(--full-page-gutter))
}

.seo-video__container {
    display: grid;
    grid-template-rows: 1fr max-content 1fr;
    align-items: center;
    grid-template-columns: 100%;
    padding: 0 var(--full-page-gutter);
    -webkit-user-select: none;
    user-select: none
}

.seo-video__text-row {
    z-index: 1;
    grid-row: 2;
    grid-column: 1;
    overflow: hidden
}

.seo-video__text-row--masked {
    -webkit-mask-image: radial-gradient(circle closest-side at var(--mask-x) var(--mask-y), #000, transparent);
    mask-image: radial-gradient(circle closest-side at var(--mask-x) var(--mask-y), #000, transparent)
}

.seo-video__text {
    --translate-x: calc(-1 * (100% - 100vw) * var(--scroll, 0));
    width: max-content;
    color: #8bd867;
    font: 900 var(--fs400)/1 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateX(var(--translate-x))
}

.seo-video__text--stroke {
    color: transparent;
    text-stroke: 1px #8bd867;
    -webkit-text-stroke: 1px #8bd867
}

.seo-video__logo {
    position: relative;
    z-index: 2;
    grid-row: 2;
    grid-column: 1;
    width: 41%;
    justify-self: center
}

.seo-video__logo img,
.seo-video__logo picture {
    width: 100%;
    height: auto;
    display: block
}

.seo-video__preview {
    position: relative;
    z-index: 4;
    grid-row: 3;
    grid-column: 1;
    display: flex;
    gap: var(--m16);
    align-items: center;
    margin-top: -15px
}

.seo-video__preview-play {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #8bd867;
    color: #fff
}

.seo-video__preview-play-icon {
    width: 20px;
    height: 20px;
    margin-left: 4px
}

.seo-video__duration,
.seo-video__preview-text-duration {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.seo-video__preview-text-duration {
    display: flex;
    gap: 0 var(--m16);
    flex-wrap: wrap;
    align-items: center
}

.seo-video__duration {
    color: #adadb7;
    white-space: nowrap
}

.seo-video__cursor-container {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    margin: -32px;
    transform: translate(var(--cursor-x), var(--cursor-y))
}

.seo-video__cursor {
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #8bd867;
    border-radius: 50%;
    transform: scale(var(--cursor-scale));
    color: #fff;
    box-shadow: 0 0 40px rgba(255, 255, 255, .4)
}

.seo-video--cursor-active {
    --cursor-scale: 1
}

@media (min-width:768px) {
    .seo-video__preview-play {
        display: none !important
    }
}

@media (max-width:767px) {
    .seo-video__preview {
        margin-top: 0
    }
    .seo-video__text {
        width: min-content;
        white-space: normal
    }
    .seo-video__cursor {
        display: none
    }
}

.vue-main-lines:not(.mounted) {
    height: 496px;
    overflow: hidden
}

@media (max-width:767px) {
    .vue-main-lines:not(.mounted) {
        height: 286px
    }
}

.balloon {
    position: absolute;
    background: #fff;
    padding: var(--m24);
    width: 336px;
    border-radius: var(--border-radius-md);
    filter: drop-shadow(0 0 15px rgba(138, 98, 90, .14))
}

.balloon__close {
    --cross-size: 10px;
    position: absolute;
    top: var(--m16);
    right: var(--m16)
}

.balloon:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
    background: inherit;
    border-radius: 4px
}

@media (max-width:767px) {
    .balloon {
        max-width: 250px
    }
}

.map-info {
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--m24);
    display: flex;
    flex-direction: column;
    gap: var(--m24);
    border-radius: var(--m16);
    background: #fff
}

.map-info__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.map-info__list {
    display: flex;
    flex-direction: column;
    gap: var(--m12)
}

.map-info__item {
    display: flex;
    gap: var(--m16);
    font: 400 var(--fs14)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.map-info__icon {
    width: 24px;
    height: 24px
}

.map-info__icon img,
.map-info__icon picture {
    max-width: 24px;
    max-height: 24px
}

.map-info__name {
    display: flex;
    align-items: center
}

.map-legend {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m16)
}

.map-legend__item {
    padding: 0 var(--m16);
    display: flex;
    align-items: center;
    gap: 10px;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    white-space: nowrap
}

@media (max-width:767px) {
    .map-legend__item {
        padding: 0
    }
}

.map-search {
    display: flex;
    align-items: center;
    gap: var(--m16);
    border-radius: var(--m8);
    background-color: rgba(50, 49, 74, .25);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: var(--m6) var(--m16) var(--m6) var(--m6);
    color: #fff;
    font: 400 var(--m16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.map-search__form {
    flex: 1
}

.map {
    position: relative
}

.map__title {
    margin-bottom: var(--m18);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.map__legend {
    margin-bottom: var(--m32)
}

.map__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    min-height: 500px;
    padding: var(--m24);
    width: 100%
}

.map__yandex-map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.map__info,
.map__search {
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .map--where-buy .map__legend {
        margin-top: calc(-1*(var(--fs48)*var(--lh-text) + var(--m32)));
        margin-left: auto;
        min-height: calc(var(--fs48)*var(--lh-text));
        position: relative;
        max-width: calc(100% - var(--fs48)*350/48);
        width: -moz-fit-content;
        width: fit-content
    }
}

.yandex-map {
    border-radius: var(--border-radius-md);
    overflow: hidden
}

.yandex-map__content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fail-symbol,
.order-success {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.fail-symbol {
    width: auto;
    height: 101px;
    margin-bottom: var(--m32);
    background-image: url(../images/fail-red.svg);
    background-size: 100% 100%;
    color: #f33737
}

.fail-symbol svg,
.success-symbol svg {
    width: 39px;
    height: 39px
}

.order-success {
    position: relative;
    min-height: calc(100vh - var(--header-height));
    flex-direction: column;
    gap: var(--m40)
}

.order-success::before {
    width: 99vw;
    height: calc(100vh + var(--header-height));
    content: '';
    position: absolute;
    background: radial-gradient(farthest-side at 50% 40%, rgba(139, 216, 103, .2), rgba(139, 216, 103, 0)) #fff;
    z-index: -1
}

.order-success__info {
    text-align: center
}

.order-success__icon {
    width: 132px;
    height: 100px;
    background: url(../images/success.png) no-repeat
}

.order-success__title {
    margin-bottom: var(--m40);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.order-success__text {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m40)
}

.order-success__btn {
    padding: 0 var(--m32)
}

@media (max-width:1239px) {
    .order-success {
        padding-bottom: 25em
    }
}

@media (max-width:479px) {
    .order-success {
        padding-bottom: 0
    }
    .order-success__info {
        padding: var(--m16)
    }
}

.success-symbol {
    width: auto;
    height: 101px;
    margin-bottom: var(--m32);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-image: url(../images/success-green.svg);
    background-size: 100% 100%;
    color: #8bd867
}

.advantage-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--m24);
    border: 1px solid #f0f2f4;
    border-radius: var(--m16);
    overflow: hidden
}

.advantage-card__icon {
    width: 48px;
    height: 48px;
    margin-bottom: var(--m86)
}

.advantage-card__icon img,
.advantage-card__icon picture {
    max-width: 48px;
    max-height: 48px
}

.advantage-card__text {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.advantage-card::before,
.contracts-gallery__card::before {
    content: '';
    position: absolute;
    top: 0;
    background: #fff radial-gradient(farthest-side at 50% 40%, rgba(139, 216, 103, .2), rgba(139, 216, 103, 0));
    z-index: -1
}

.advantage-card::before {
    width: 100%;
    height: 170%;
    left: 0;
    transform: rotate(90)
}

.advantages {
    padding-top: var(--m100);
    position: relative
}

.advantages__marquee {
    position: absolute;
    top: 0;
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.advantages__title {
    margin-bottom: var(--m32);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.advantages__list {
    grid-template-columns: repeat(12, calc(1*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap)
}

@media (max-width:1023px) {
    .advantages__list {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
    }
}

@media (min-width:1024px) {
    .advantages__card:nth-child(4n+1) {
        grid-column: 1/5
    }
    .advantages__card:nth-child(4n+2) {
        grid-column: 5/13
    }
    .advantages__card:nth-child(4n+3) {
        grid-column: 1/7
    }
    .advantages__card:nth-child(4n+4) {
        grid-column: 7/13
    }
}

.contracts-gallery {
    position: relative
}

.contracts-gallery__content {
    grid-template-columns: repeat(12, calc(1*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap)
}

.contracts-gallery__title {
    margin-bottom: var(--m32);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.contracts-gallery__marquee {
    position: absolute;
    top: 0;
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.contracts-gallery__card {
    padding: var(--m24);
    position: relative;
    border: 1px solid #f0f2f4;
    border-radius: var(--m16);
    overflow: hidden
}

.contracts-gallery__card::before {
    height: 100%;
    width: 110%;
    left: -10%
}

.contracts-gallery__sm-card {
    padding: var(--m24);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--m16);
    background: #8bd867
}

.contracts-gallery__photo {
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease;
    display: block;
    height: 100%;
    border-radius: var(--m16);
    overflow: hidden
}

.contracts-gallery__photo img,
.contracts-gallery__photo picture {
    width: 100%;
    height: 100%;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: var(--m16);
    -o-object-position: right bottom;
    object-position: right bottom
}

.contracts-gallery__photo :hover img {
    transform: scale(1.1)
}

.contracts-gallery__icons {
    margin-bottom: var(--m80);
    display: flex;
    gap: var(--m16)
}

.contracts-gallery__icon {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8bd867
}

.contracts-gallery__card-title {
    margin-bottom: var(--m16);
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.contracts-gallery__description {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.contracts-gallery__second-title {
    margin-bottom: var(--m24);
    color: #fff;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.contracts-gallery__btn {
    height: auto;
    min-height: 50px;
    white-space: normal;
    --btn-hover-border-color: #f0f2f4;
    font: 500 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.contracts-gallery--brand {
    padding-top: var(--m100)
}

@media (min-width:1024px) {
    .contracts-gallery__card {
        grid-column: 1/6
    }
    .contracts-gallery__photo-card:nth-child(2) {
        grid-column: 6/13
    }
    .contracts-gallery__photo-card:nth-child(3) {
        grid-column: 1/3
    }
    .contracts-gallery__photo-card:nth-child(4) {
        grid-column: 3/7
    }
    .contracts-gallery__photo-card:nth-child(5) {
        grid-column: 7/10
    }
    .contracts-gallery__photo-card:nth-child(n+6) {
        grid-column: span 3
    }
    .contracts-gallery__sm-card {
        grid-column: 10/13
    }
    .contracts-gallery--brand .contracts-gallery__card {
        grid-column: 1/5
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(2) {
        grid-column: 5/9
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(3) {
        grid-column: 9/13
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(4) {
        grid-column: 1/4
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(5) {
        grid-column: 4/7
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(6) {
        grid-column: 7/10
    }
    .contracts-gallery--brand .contracts-gallery__photo-card:nth-child(n+7) {
        grid-column: span 3
    }
}

@media (max-width:1023px) {
    .contracts-gallery__content {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))
    }
    .contracts-gallery__photo {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        width: 100%;
        height: auto;
        min-height: 100%
    }
    .contracts-gallery__photo:before {
        position: relative;
        content: '';
        display: block;
        padding-bottom: calc(1*100%)
    }
    .contracts-gallery__photo img,
    .contracts-gallery__photo picture,
    .contracts-gallery__photo video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: inherit;
        transform: translateZ(0)
    }
}

.faq-item {
    border-radius: var(--m16);
    background-color: #f8f8f8;
    border: 1px solid #f0f2f4
}

.faq-item__question,
.faq-item__question svg {
    transition-duration: .2s;
    transition-timing-function: ease
}

.faq-item__question {
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    -webkit-text-decoration-skip: objects;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, color;
    width: 100%;
    padding: var(--m24);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--grid-gap);
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    letter-spacing: -.02em;
    cursor: pointer
}

.faq-item__question svg {
    transition-property: transform;
    flex-shrink: 0
}

@media (pointer:coarse) {
    .faq-item__question:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .faq-item__question:hover {
        color: #8bd867
    }
    .faq-item__question:active {
        opacity: .6
    }
    .faq-item__question:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.faq-item__question--open svg {
    transform: rotate(180deg)
}

.faq-item__answer {
    padding: 0 var(--m24) var(--m24);
    color: rgba(50, 49, 74, .6);
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: var(--m16)
}

.faq {
    padding-top: var(--m100);
    position: relative;
    grid-template-columns: repeat(2, calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap)
}

.faq__marquee {
    position: absolute;
    top: 0;
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.faq__title {
    margin-bottom: var(--m32);
    text-transform: uppercase;
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:1023px) {
    .faq {
        grid-template-columns: repeat(1, calc(1*(100% - var(--grid-gap)*(1 - 1))/1 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
}

.form-section {
    --text-col-width: calc(5 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (5 - 1));
    --form-col-width: calc(7 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (7 - 1));
    padding-top: var(--m100);
    position: relative;
    display: grid;
    gap: var(--m32) var(--grid-gap);
    grid-template-columns: var(--text-col-width) var(--form-col-width);
    grid-template-rows: max-content 1fr;
    align-items: start
}

.form-section__marquee {
    position: absolute;
    top: 0;
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.form-section:before {
    width: 100%;
    height: 100%;
    content: '';
    margin-top: var(--m100);
    position: absolute;
    background: radial-gradient(farthest-side at 50%, rgba(139, 216, 103, .2), rgba(139, 216, 103, 0));
    z-index: -3
}

.form-section__title:not(:last-child) {
    margin-bottom: var(--m32)
}

.form-section__text {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    max-width: 20.75em
}

.form-section__text:not(:last-child) {
    margin-bottom: var(--m56)
}

.form-section__contacts {
    display: flex;
    flex-direction: column;
    row-gap: var(--m16)
}

.form-section__contact {
    --link-gap: 12px;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.form-section__contact svg {
    width: 32px;
    height: 32px
}

.form-section__form {
    background: #fff;
    border: 1px solid #f0f2f4;
    border-radius: var(--border-radius-lg);
    padding: var(--m40) var(--m48)
}

@media (max-width:1023px) {
    .form-section {
        grid-template-columns: 100%
    }
    .form-section__title:not(:last-child) {
        margin-bottom: var(--m16)
    }
    .form-section__text {
        max-width: none
    }
}

@media (max-width:767px) {
    .form-section__form {
        margin: 0 calc(-1*var(--page-gutter));
        padding: var(--m32) var(--page-gutter)
    }
}

.goods-card,
.goods-card__header {
    display: flex;
    flex-direction: column
}

.goods-card {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    justify-content: space-between;
    position: relative;
    padding: var(--m24);
    border-radius: var(--m16);
    background: #f0f2f4;
    overflow: hidden
}

.goods-card__header {
    gap: var(--m12)
}

.goods-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--m12)
}

.goods-card__name {
    font: 500 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.goods-card__count {
    color: rgba(50, 49, 74, .6);
    font: 400 var(--fs18)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.goods-card__marquee {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    opacity: 0;
    position: absolute;
    top: 30%;
    left: 0;
    color: #fff
}

.goods-card__image {
    position: relative;
    margin-right: calc(-1*var(--m24));
    margin-bottom: var(--m20);
    display: flex;
    justify-content: right
}

.goods-card__cost {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.goods-card__cost-text {
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.goods-card__btn {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease
}

.goods-card:hover {
    background: #8bd867
}

.goods-card:hover .goods-card__btn:before,
.goods-card:hover .goods-card__marquee {
    opacity: 1
}

.goods-card:hover .goods-card__cost,
.goods-card:hover .goods-card__name {
    color: #fff
}

.goods-card:hover .goods-card__count {
    color: rgba(255, 255, 255, .6)
}

.goods-card:active {
    opacity: .7
}

.goods-list {
    grid-template-columns: repeat(12, calc(1*(100% - var(--m40)*(12 - 1))/12 + var(--m40)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--m40);
    grid-row-gap: var(--m40)
}

.goods-list__grid {
    grid-template-columns: repeat(4, calc(1*(100% - var(--grid-gap)*(4 - 1))/4 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    grid-column: 1/13
}

@media (min-width:1024px) {
    .goods-list__btn {
        grid-column: 5/9
    }
}

@media (max-width:1023px) {
    .goods-list__grid {
        grid-template-columns: repeat(2, calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
    .goods-list__btn {
        grid-column: 4/10
    }
}

@media (max-width:479px) {
    .goods-list__grid {
        grid-template-columns: repeat(1, calc(1*(100% - var(--grid-gap)*(1 - 1))/1 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
    .goods-list__btn {
        grid-column: 1/13
    }
}

.partners-promo {
    position: relative
}

.partners-promo__marquee {
    position: absolute;
    top: auto;
    bottom: var(--m100);
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.partners-promo__content {
    --text-col-width: calc(7 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (7 - 1));
    --img-col-width: calc(5 * (100% - var(--grid-gap) * (12 - 1)) / 12 + var(--grid-gap) * (5 - 1));
    display: grid;
    grid-template-columns: var(--text-col-width) var(--img-col-width);
    grid-gap: var(--m32);
    align-items: start
}

.partners-promo__title {
    margin-top: var(--m8)
}

.partners-promo__picture {
    grid-row: 1/3;
    grid-column: 2;
    border-radius: var(--m16)
}

.partners-promo__picture img,
.partners-promo__picture picture {
    width: 100%;
    height: auto;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.partners-promo__text {
    color: rgba(50, 49, 74, .6);
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m44)
}

.partners-promo__btns {
    display: flex;
    flex-wrap: wrap;
    gap: var(--m16)
}

@media (min-width:768px) {
    .partners-promo__title strong {
        display: block
    }
}

@media (max-width:767px) {
    .partners-promo__title {
        grid-column: 1/-1
    }
    .partners-promo__picture {
        grid-column: 1;
        grid-row: span 1;
        justify-self: right
    }
    .partners-promo__text-wrap {
        grid-column: 1;
        width: 90%
    }
}

@media (max-width:479px) {
    .partners-promo__content {
        grid-template-columns: 100%
    }
    .partners-promo__picture {
        grid-row: span 1;
        grid-column: 1;
        justify-self: right
    }
}

@media (max-width:1023px) {
    .partners-promo__btn {
        width: 100%
    }
    .partners-promo__content {
        gap: var(--m16)
    }
    .partners-promo__text {
        margin-bottom: var(--m16)
    }
}

@media (max-width:479px) {
    .partners-promo__picture img,
    .partners-promo__picture picture {
        width: 50%;
        height: 50%
    }
}

.partners {
    padding-top: var(--m24)
}

.partners__tabs {
    margin-bottom: var(--m32)
}

.tabs-header {
    position: relative
}

.tabs-header__marquee {
    position: absolute;
    top: calc(-1*var(--m48));
    right: calc(-1*var(--full-page-gutter));
    left: calc(-1*var(--full-page-gutter));
    z-index: -2
}

.tabs-header__title {
    margin-bottom: var(--m24);
    color: #adadb7;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-popup-details {
    display: flex;
    justify-content: space-between;
    gap: var(--grid-gap)
}

.basket-popup-details__count,
.basket-popup-details__text {
    color: #adadb7;
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.basket-popup-details__text {
    width: calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1));
    max-width: 16.25em
}

.basket-popup-details__total {
    text-align: right
}

.basket-popup-details__count:not(:last-child) {
    margin-bottom: var(--m12)
}

.basket-popup-details__price {
    --price-fs: var(--fs32)
}

@media (max-width:479px) {
    .basket-popup-details__count,
    .basket-popup-details__text {
        font-size: var(--fs12)
    }
    .basket-popup-details__price {
        --price-fs: var(--fs24)
    }
}

.city-popup__form:not(:last-child) {
    margin-bottom: var(--m32)
}

.city-popup__list {
    display: grid;
    gap: var(--m20);
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    align-items: flex-start;
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:767px) {
    .city-popup__form {
        width: auto
    }
}

.detail-gallery__media {
    width: 100vw;
    height: calc(100*var(--vh));
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail-gallery__media iframe,
.detail-gallery__media img,
.detail-gallery__media picture,
.detail-gallery__media video {
    display: block
}

.detail-gallery__media img,
.detail-gallery__media picture {
    -o-object-fit: scale-down;
    object-fit: scale-down;
    max-width: 100%
}

.detail-gallery__media iframe,
.detail-gallery__media video {
    aspect-ratio: 1.77777778;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: calc(100% - var(--page-gutter));
    max-height: calc(100% - var(--page-gutter));
    width: 100%;
    height: auto
}

.detail-gallery__iframe-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail-gallery__caption {
    position: absolute;
    left: var(--m16);
    right: var(--m16);
    bottom: var(--m16);
    margin: 0 auto;
    z-index: 2;
    background: rgba(34, 33, 50, .6);
    box-sizing: border-box;
    border-radius: var(--border-radius-md);
    padding: var(--m16) var(--page-gutter);
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-align: center
}

.detail-gallery__next,
.detail-gallery__prev {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    mix-blend-mode: difference
}

.detail-gallery__prev {
    left: var(--m16)
}

.detail-gallery__next {
    right: var(--m16)
}

.detail-gallery__close {
    --cross-size: 26px;
    --cross-line-width: 4px;
    position: absolute;
    top: var(--m16);
    right: var(--m16);
    z-index: 3;
    color: #fff;
    mix-blend-mode: difference
}

.detail-gallery__tools {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: var(--m16) var(--full-page-gutter);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--m32);
    background: rgba(34, 33, 50, .6);
    color: #fff
}

.catalog-product-card {
    --buy-btn-size: 48px
}

.catalog-product-card__category:not(:last-child) {
    margin-bottom: 4px
}

.catalog-product-card__colors:not(:last-child),
.catalog-product-card__features:not(:last-child),
.catalog-product-card__footer:not(:last-child),
.catalog-product-card__name:not(:last-child),
.catalog-product-card__price:not(:last-child) {
    margin-bottom: var(--m16)
}

.catalog-product-card__price {
    --price-fw: 700;
    --price-fs: var(--fs32)
}

.catalog-product-card__footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: var(--grid-gap)
}

.catalog-product-card__size {
    --ms-bg: #f8f8f8;
    --input-focus-background-color: #f8f8f8
}

@media (max-width:767px) {
    .catalog-product-card__price {
        display: none
    }
    .catalog-product-card__footer {
        flex-direction: column;
        align-items: stretch
    }
    .catalog-product-card__size {
        --input-height: 30px
    }
}

.detail-related-sku {
    --picture-col-width: calc(2 * (100% - var(--grid-gap) * (5 - 1)) / 5 + var(--grid-gap) * (2 - 1));
    --picture-col-max-width: 192px;
    position: relative;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: min(var(--picture-col-width), var(--picture-col-max-width)) 1fr
}

.detail-related-sku__picture {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    background: #f0f2f4;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0
}

.detail-related-sku__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.72916667*100%)
}

.detail-related-sku__picture img,
.detail-related-sku__picture picture,
.detail-related-sku__picture video,
.popup-product__picture img,
.popup-product__picture picture,
.popup-product__picture video,
.product-card-picture img,
.product-card-picture picture,
.product-card-picture video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    border-radius: inherit;
    transform: translateZ(0)
}

.detail-related-sku__remove {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.detail-related-sku__content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.detail-related-sku__category {
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.detail-related-sku__category:not(:last-child),
.detail-related-sku__name:not(:last-child),
.detail-related-sku__size:not(:last-child) {
    margin-bottom: var(--m8)
}

.detail-related-sku__name {
    font: 700 var(--fs18)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.detail-related-sku__size {
    display: flex;
    align-items: center;
    gap: var(--m8);
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.detail-related-sku__size-label {
    font-weight: 500
}

.detail-related-sku__footer {
    display: flex;
    align-items: center;
    gap: var(--grid-gap);
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: auto
}

.detail-related-sku__price {
    --price-fs: var(--fs18);
    --old-price-fs: var(--fs14)
}

.detail-related-sku__count {
    max-width: 192px
}

.large-product-card {
    --card-borders-color: #e1e5ea;
    --card-padding-top: var(--m24);
    --card-padding-right: var(--m24);
    --card-padding-bottom: var(--m24);
    --card-padding-left: var(--m24);
    --buy-btn-size: 48px;
    display: grid;
    grid-template-columns: calc(50% - var(--grid-gap)/2) 1fr
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .large-product-card:hover .large-product-card__more {
        --counter-bg-color: var(--btn-hover-counter-bg-color);
        color: var(--btn-hover-color);
        border-color: var(--btn-hover-border-color);
        background-color: var(--btn-hover-bg-color)
    }
    .large-product-card:hover .large-product-card__more .btn__icon {
        color: var(--btn-hover-icon-color)
    }
    .large-product-card:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.large-product-card__category:not(:last-child) {
    margin-bottom: 4px
}

.large-product-card__name:not(:last-child) {
    margin-bottom: var(--m24)
}

.large-product-card__colors:not(:last-child),
.large-product-card__features:not(:last-child),
.large-product-card__size:not(:last-child) {
    margin-bottom: var(--m16)
}

.large-product-card__price {
    --price-fw: 700;
    --price-fs: var(--fs32);
    width: 100%
}

.large-product-card__price:not(:first-child) {
    margin-top: var(--m32)
}

.large-product-card__footer {
    margin-top: auto;
    display: flex;
    gap: var(--m16);
    flex-wrap: wrap
}

.large-product-card__more {
    flex: 1
}

@media (max-width:767px) {
    .large-product-card {
        grid-template-columns: 100%
    }
    .large-product-card__price {
        display: none !important
    }
}

.map-card-title {
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    margin-bottom: var(--m48);
    text-transform: uppercase
}

.popup-product {
    --picture-col-width: calc(1 * (100% - var(--grid-gap) * (2 - 1)) / 2 + var(--grid-gap) * (1 - 1));
    --picture-col-max-width: 261px;
    position: relative;
    display: grid;
    gap: var(--m8) var(--grid-gap);
    grid-template-columns: min(var(--picture-col-width), var(--picture-col-max-width)) 1fr
}

.popup-product__picture {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    background: #f0f2f4;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0
}

.popup-product__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.63601533*100%)
}

.popup-product__content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.popup-product__category {
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.popup-product__category:not(:last-child),
.popup-product__name:not(:last-child) {
    margin-bottom: var(--m8)
}

.popup-product__name {
    font: 700 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.popup-product__price {
    --price-fs: var(--fs24);
    --old-price-fs: var(--fs18)
}

.favorite-btn,
.favorite-btn svg {
    transition-duration: .2s;
    transition-timing-function: ease
}

.favorite-btn {
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity
}

@media (pointer:coarse) {
    .favorite-btn:active {
        opacity: .8
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .favorite-btn:hover {
        opacity: .8
    }
    .favorite-btn:active {
        opacity: .6
    }
    .favorite-btn:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.favorite-btn svg {
    transition-property: all;
    fill: transparent;
    stroke: var(--fav-stroke-color, #fff);
    stroke-width: 3px;
    stroke-linecap: butt;
    stroke-linejoin: miter
}

.favorite-btn--selected svg {
    fill: #f33737;
    stroke: #fff
}

.product-buy {
    min-height: var(--btn-height);
    display: grid
}

.product-buy__btn,
.product-buy__input {
    grid-row: 1;
    grid-column: 1;
    align-self: center
}

.product-buy__input {
    max-width: 350px
}

.product-card-category {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:767px) {
    .product-card-category {
        font-size: var(--fs12)
    }
}

.product-card-label {
    --padding: var(--m24);
    box-sizing: border-box;
    padding: var(--padding);
    overflow: hidden;
    color: var(--label-color, currentColor)
}

.product-card-label__text {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    white-space: nowrap
}

.product-card-label__text--alpha {
    opacity: .4
}

.product-card-label__text--stroke {
    color: transparent;
    stroke: var(--stroke-width, 1px) var(--label-color, currentColor);
    -webkit-text-stroke: var(--stroke-width, 1px) var(--label-color, currentColor)
}

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

.product-card-label__marquee {
    box-sizing: border-box;
    padding: var(--padding);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (max-width:1239px) {
    .product-card-label {
        --stroke-width: 0.5px
    }
    .product-card-label__text {
        font-size: var(--fs24);
        line-height: var(--lh-text)
    }
}

@media (max-width:767px) {
    .product-card-label {
        --padding: 8px
    }
}

.product-card-name {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:767px) {
    .product-card-name {
        font-size: var(--fs14)
    }
}

.product-card-picture {
    --ratio: 300 / 416;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: block;
    background: var(--card-picture-bg, #f0f2f4);
    border-radius: var(--border-radius-md)
}

.product-card-picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(var(--ratio)*100%)
}

.product-card-picture img,
.product-card-picture picture {
    z-index: 2
}

.product-card-picture__label {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.product-card-picture__fav {
    position: absolute;
    top: var(--m24);
    right: var(--m24);
    z-index: 3
}

@media (max-width:767px) {
    .product-card-picture {
        --ratio: 1
    }
    .product-card-picture__fav {
        top: 10px;
        right: 10px
    }
}

.product-colors {
    display: flex;
    align-items: center;
    gap: 4px var(--m8);
    flex-wrap: wrap;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.product-colors__items {
    display: flex
}

.product-colors__item {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: var(--color)
}

.product-colors__item:not(:first-child) {
    margin-left: -4px
}

.product-colors__more {
    white-space: nowrap
}

@media (max-width:767px) {
    .product-colors {
        font-size: var(--fs12)
    }
}

.product-favorite-feature {
    display: flex;
    gap: var(--m8);
    align-items: center;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.product-favorite-feature__icon {
    color: #fdd263;
    stroke: #fff;
    stroke-width: 1px
}

.product-favorite-feature__more {
    white-space: nowrap
}

@media (min-width:768px) {
    .product-favorite-feature__total {
        display: none
    }
}

@media (max-width:767px) {
    .product-favorite-feature {
        font-size: var(--fs12)
    }
    .product-favorite-feature__feature,
    .product-favorite-feature__more {
        display: none
    }
}

.product-features {
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.product-features__title {
    color: #636d76;
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.product-features__title:not(:last-child) {
    margin-bottom: var(--m8)
}

.product-features__list {
    display: grid;
    row-gap: 5px
}

.product-features__item {
    position: relative;
    padding-left: 33px
}

.product-features__item:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 9px;
    background: var(--ss) -107px -46px no-repeat;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.product-features--lg {
    font-size: var(--fs16)
}

.product-features--lg .product-features__list {
    row-gap: 8px
}

.product-features--lg .product-features__item:before {
    left: 5px
}

.product-price {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    flex-wrap: wrap
}

.product-price__old-price {
    --price-fw: var(--old-price-fw, 400);
    --price-fs: var(--old-price-fs, var(--fs24))
}

.product-size-text {
    display: flex;
    align-items: center;
    gap: var(--m8);
    font: 400 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.product-size-text__label {
    font-weight: 500
}

.product-size-text__value,
.select-size {
    white-space: nowrap
}

.select-size {
    color: #adadb7
}

.select-size b,
.select-size strong {
    color: #32314a;
    font-weight: 500
}

.select-size--price {
    margin-left: auto;
    font: 700 var(--fs18)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

@media (max-width:1239px) {
    .select-size {
        display: none
    }
}

@media (max-width:767px) {
    .select-size--price {
        display: none
    }
}

.products-slider__label b,
.products-slider__label strong,
.products-slider__title b,
.products-slider__title strong {
    font-weight: inherit;
    color: #8bd867
}

.products-slider__label {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.products-slider__label:not(:last-child) {
    margin-bottom: var(--m24)
}

.products-slider__grid {
    display: grid;
    gap: var(--m48) var(--grid-gap);
    align-items: center;
    grid-template-columns: calc(100% - 112px - var(--grid-gap)) 112px;
    grid-template-areas: 'tabs arrows' 'slider slider'
}

.products-slider__title {
    font: 700 var(--fs48)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase
}

.products-slider__tabs,
.products-slider__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: tabs
}

.products-slider__arrows {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: arrows
}

.products-slider__slider {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: slider;
    overflow: hidden;
    grid-column: 1/-1;
    margin-bottom: calc(-1*var(--m100))
}

.products-slider__slide {
    width: calc(4*(100% - var(--grid-gap)*(12 - 1))/12 + var(--grid-gap)*(4 - 1));
    max-width: 427px;
    min-width: var(--product-card-min-width);
    padding-bottom: var(--m100)
}

.products-slider--small .products-slider__grid {
    row-gap: var(--m32)
}

.products-slider--small .products-slider__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: none
}

.products-slider--small .products-slider__slider {
    margin-right: calc(-1*var(--popup-padding, 0px))
}

.products-slider--small .products-slider__slide {
    width: 261px;
    max-width: none;
    min-width: auto
}

@media (max-width:767px) {
    .products-slider__grid {
        grid-template-columns: 100%;
        grid-template-areas: 'tabs' 'slider' 'arrows'
    }
    .products-slider__arrows {
        justify-self: center
    }
    .products-slider--small .products-slider__slide {
        width: 160px
    }
    .products-slider__tabs,
    .products-slider__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    .products-slider__arrows {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
    .products-slider__slider {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
}

.slider-product-card__category:not(:last-child) {
    margin-bottom: 4px
}

.slider-product-card__name:not(:last-child) {
    margin-bottom: var(--m16)
}

.slider-product-card__size:not(:last-child) {
    margin-bottom: 10px
}

.slider-product-card__colors:not(:last-child),
.slider-product-card__features:not(:last-child),
.small-product-card__picture:not(:last-child) {
    margin-bottom: var(--m16)
}

.slider-product-card__footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--m16)
}

@media (max-width:767px) {
    .slider-product-card__price {
        display: none !important
    }
}

.small-product-card,
.small-product-card__picture {
    position: relative;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent
}

.small-product-card {
    display: flex;
    flex-direction: column
}

.small-product-card__picture {
    overflow: hidden;
    transform: translateZ(0);
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: block;
    background: var(--card-picture-bg, #f0f2f4);
    border-radius: var(--border-radius-md)
}

.small-product-card__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.72796935*100%)
}

.small-product-card__picture img,
.small-product-card__picture picture,
.small-product-card__picture video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    border-radius: inherit;
    transform: translateZ(0)
}

.small-product-card__content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.small-product-card__category {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.small-product-card__name {
    font: 500 var(--fs24)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.small-product-card__name:not(:last-child),
.small-product-card__price:not(:last-child),
.small-product-card__props:not(:last-child) {
    margin-bottom: var(--m20)
}

.small-product-card__price {
    --price-fw: 500;
    --price-fs: var(--fs24)
}

.small-product-card__count {
    margin-top: auto
}

.small-product-card__props {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.small-product-card__prop {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 var(--m8)
}

.small-product-card__prop+.small-product-card__prop {
    margin-top: var(--m8)
}

.small-product-card__color {
    width: 14px;
    height: 14px;
    background: var(--bg-color, #32314a);
    border: 1px solid #f0f2f4;
    border-radius: 50%
}

@media (max-width:767px) {
    .small-product-card__category {
        font-size: var(--fs12)
    }
    .small-product-card__name {
        font-size: var(--fs18)
    }
    .small-product-card__price {
        --price-fs: var(--fs18)
    }
}

.promotion-banner-duration {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.promotion-banner-duration__label {
    font: 400 var(--fs14)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.promotion-banner-duration__interval {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.promotion-banner {
    --padding: var(--m32);
    display: block;
    position: relative;
    width: 100%;
    min-height: 351px;
    border-radius: var(--border-radius-md);
    background: var(--bg-color, transparent);
    overflow: hidden;
    color: #fff
}

.promotion-banner:before {
    content: '';
    position: absolute;
    width: 836px;
    height: 580px;
    top: -100px;
    right: -200px;
    background: radial-gradient(50% 50% at 50% 50%, var(--gradient-color, transparent), transparent);
    z-index: 2
}

.promotion-banner__detail-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    cursor: pointer
}

.promotion-banner__content,
.promotion-banner__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.promotion-banner__content {
    position: relative;
    max-width: calc(50% + var(--padding));
    box-sizing: border-box;
    gap: var(--m16);
    padding: var(--padding);
    height: 100%
}

.promotion-banner__header {
    gap: var(--m8);
    z-index: 4
}

.promotion-banner__name {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    text-transform: uppercase;
    word-wrap: break-word
}

.promotion-banner__description {
    font: 400 var(--fs16)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.promotion-banner__bg-picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: var(--border-radius-md)
}

.promotion-banner__bg-picture:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(115.9% 216.34% at 86.52% 0, rgba(28, 27, 31, 0) 0, rgba(28, 27, 31, .6) 100%)
}

.promotion-banner__bg-picture img,
.promotion-banner__bg-picture picture {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.promotion-banner__picture {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 66%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 3
}

.promotion-banner__picture img,
.promotion-banner__picture picture {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    -o-object-position: bottom right;
    object-position: bottom right
}

.promotion-banner__footer {
    margin-top: auto;
    display: flex;
    gap: var(--m24)
}

.promotion-banner__btn {
    width: 180px;
    z-index: 6
}

.promotion-banner__fixed-block {
    position: absolute;
    right: var(--padding);
    top: var(--padding);
    z-index: 4;
    display: flex;
    gap: var(--m8) var(--m16);
    flex-wrap: wrap
}

.promotion-banner__fixed-ad,
.promotion-banner__fixed-interval {
    padding: var(--m6) var(--m12);
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    border-radius: 6px
}

.promotion-banner__fixed-interval {
    background: var(--interval-bg-color, white)
}

.promotion-banner__fixed-ad {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff
}

.promotion-banner__bg-text {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 160px;
    z-index: 1
}

.promotion-banner__marquee-wrap {
    --min-width: unset !important
}

.promotion-banner__marquee-wrap,
.promotion-banner__row {
    display: flex;
    align-items: center;
    gap: var(--m32);
    overflow: hidden
}

.promotion-banner__marquee {
    font-size: var(--fs200);
    text-stroke: 1px rgba(255, 255, 255, .5);
    -webkit-text-stroke: 1px rgba(255, 255, 255, .5);
    margin-right: var(--m16)
}

.promotion-banner__info {
    max-width: calc(60% + var(--padding));
    font: 400 10px/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    letter-spacing: -.2px;
    z-index: 5;
    opacity: .7;
    text-transform: uppercase
}

.promotion-banner__info p,
.promotions-detail__info p {
    margin-top: 0;
    margin-bottom: 0
}

.promotion-banner__link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--m24);
    margin-top: auto;
    z-index: 4
}

.promotion-banner__link:empty {
    display: none
}

.promotion-banner--lg {
    --padding: var(--m48);
    border-radius: var(--border-radius-lg);
    min-height: 427px
}

.promotion-banner--lg:before {
    top: 0;
    right: 0
}

.promotion-banner--lg .promotion-banner__content {
    max-width: 80%;
    justify-content: flex-start
}

.promotion-banner--lg .promotion-banner__header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--m32)
}

.promotion-banner--lg .promotion-banner__name {
    font: 700 var(--fs32)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    max-width: 320px
}

.promotion-banner--lg .promotion-banner__description {
    position: relative;
    bottom: 7px;
    font: 400 var(--fs18)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    max-width: 293px
}

.promotion-banner--lg .promotion-banner__bg-text {
    max-height: 240px
}

.promotion-banner--lg .promotion-banner__marquee {
    font-size: var(--fs300);
    text-stroke: unset;
    -webkit-text-stroke: unset;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}

@media (max-width:1023px) {
    .promotion-banner {
        padding-top: 40px
    }
    .promotion-banner--lg {
        padding-top: 0
    }
}

@media (max-width:767px) {
    .promotion-banner {
        min-height: 300px
    }
    .promotion-banner__content {
        max-width: 100%
    }
    .promotion-banner--lg .promotion-banner__description,
    .promotion-banner--lg .promotion-banner__name,
    .promotion-banner__description,
    .promotion-banner__name {
        max-width: 240px
    }
    .promotion-banner--lg {
        padding-top: 40px;
        min-height: 300px
    }
    .promotion-banner--lg .promotion-banner__content {
        max-width: 100%
    }
    .promotion-banner--lg .promotion-banner__header {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--m8)
    }
}

@media (max-width:479px) {
    .promotion-banner,
    .promotion-banner--lg {
        --padding: var(--m16);
        min-height: 240px
    }
}

.promotions-detail {
    display: grid
}

.promotions-detail__banner:not(:last-child) {
    margin-bottom: var(--m12)
}

.promotions-detail__info {
    font: 400 10px/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system;
    letter-spacing: -.2px;
    z-index: 5;
    opacity: .7;
    text-transform: uppercase;
    color: #636d76
}

.promotions-detail__products:not(:first-child) {
    margin-top: var(--m32)
}

.promotions-detail__link {
    --btn-hover-border-color: #fff;
    --btn-hover-bg-color: rgba(255, 255, 255, 0.1);
    font: 500 var(--fs16)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.promotions-detail__conditions {
    scroll-margin-top: var(--header-height)
}

.promotions-detail__conditions-title {
    font-weight: 500 !important
}

.promotions-list {
    padding-top: var(--m40)
}

.promotions-list__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--m16)
}

.promotions-list__item:first-child {
    grid-column: span 2
}

.promotions-list__item:first-child:not(:last-child) {
    margin-bottom: var(--m16)
}

.promotions-list__empty-state {
    padding-top: var(--m100)
}

@media (max-width:767px) {
    .promotions-list__items {
        grid-template-columns: 1fr
    }
    .promotions-list__item:first-child {
        grid-column: 1
    }
}

.grid-animation,
.grid-animation__grid {
    position: relative;
    transform-style: preserve-3d
}

.grid-animation {
    perspective: 100vw;
    transform: translateZ(0)
}

.grid-animation__grid {
    grid-template-columns: repeat(4, calc(1*(100% - var(--grid-gap)*(4 - 1))/4 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    z-index: 2;
    align-items: center;
    width: 100%;
    transform: rotateY(25deg);
    transform-origin: 0 50%
}

.grid-animation__picture {
    --start-translate-x: 0px;
    --target-translate-x: 0px;
    --translate-x: calc(var(--start-translate-x) + var(--scroll, 0) * (var(--target-translate-x) - var(--start-translate-x)));
    --start-translate-y: 0px;
    --target-translate-y: 0px;
    --translate-y: calc(var(--start-translate-y) + var(--scroll, 0) * (var(--target-translate-y) - var(--start-translate-y)));
    --translate-z: 0px;
    --scale: 1;
    --brightness: 100%;
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    color: currentColor;
    text-decoration: none;
    outline: 0 !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    transform: translateZ(0);
    position: relative;
    z-index: 2;
    display: block;
    box-shadow: 0 0 40px rgba(50, 49, 74, .6);
    border-radius: var(--border-radius-md);
    width: 100%;
    filter: brightness(var(--brightness));
    transform: translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) scale(var(--scale))
}

.grid-animation__picture:before {
    position: relative;
    content: '';
    display: block;
    padding-bottom: calc(.666*100%)
}

.grid-animation__picture img,
.grid-animation__picture picture,
.grid-animation__picture video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transform: translateZ(0)
}

@media (pointer:coarse) {
    .grid-animation__picture:active img {
        transform: scale(1.1)
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .grid-animation__picture:hover img {
        transform: scale(1.1)
    }
    .grid-animation__picture:active {
        opacity: .6
    }
    .grid-animation__picture:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.grid-animation__picture img,
.slider-arrow:after,
.slider-arrow:before {
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease
}

@media (max-width:1023px) {
    .grid-animation__picture {
        --scale: 1.1
    }
}

@media (max-width:767px) {
    .grid-animation__grid {
        grid-template-columns: repeat(3, calc(1*(100% - var(--grid-gap)*(3 - 1))/3 + var(--grid-gap)*(1 - 1)))
    }
    .grid-animation__picture {
        --scale: 1.2
    }
}

@media (max-width:479px) {
    .grid-animation {
        perspective: 200vw
    }
    .grid-animation__picture {
        --scale: 1.3
    }
}

.typography-animation {
    position: relative;
    perspective: 1000px;
    transform: translateZ(0)
}

.typography-animation__word {
    --start-opacity: 1;
    --target-opacity: 1;
    --opacity: calc(var(--start-opacity) + var(--scroll, 0) * (var(--target-opacity) - var(--start-opacity)));
    --start-translate-x: 0px;
    --target-translate-x: 0px;
    --translate-x: calc(var(--start-translate-x) + var(--scroll, 0) * (var(--target-translate-x) - var(--start-translate-x)));
    --start-translate-y: 0px;
    --target-translate-y: 0px;
    --translate-y: calc(var(--start-translate-y) + var(--scroll, 0) * (var(--target-translate-y) - var(--start-translate-y)));
    --start-translate-z: 0px;
    --target-translate-z: 0px;
    --translate-z: calc(var(--start-translate-z) + var(--scroll, 0) * (var(--target-translate-z) - var(--start-translate-z)));
    --start-rotate-x: 0deg;
    --target-rotate-x: 0deg;
    --rotate-x: calc(var(--start-rotate-x) + var(--scroll, 0) * (var(--target-rotate-x) - var(--start-rotate-x)));
    --start-rotate-y: 0deg;
    --target-rotate-y: 0deg;
    --rotate-y: calc(var(--start-rotate-y) + var(--scroll, 0) * (var(--target-rotate-y) - var(--start-rotate-y)));
    --start-rotate-z: 0deg;
    --target-rotate-z: 0deg;
    --rotate-z: calc(var(--start-rotate-z) + var(--scroll, 0) * (var(--target-rotate-z) - var(--start-rotate-z)));
    position: relative;
    display: inline-block;
    white-space: nowrap;
    opacity: var(--opacity);
    transform: translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) rotateZ(var(--rotate-z));
    will-change: transform
}

.round-slider-arrows,
.slider-arrows {
    display: flex;
    gap: var(--m8)
}

.slider-arrow {
    padding: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    width: 52px;
    height: 38px;
    transition-property: opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: 0 0 url(../images/clear-grey.svg) no-repeat;
    background-size: 100% 100%;
    color: #32314a
}

@media (pointer:coarse) {
    .slider-arrow:active:before {
        opacity: 1
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slider-arrow:active:after,
    .slider-arrow:hover:before {
        opacity: 1
    }
    .slider-arrow:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.slider-arrow:after,
.slider-arrow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition-property: opacity;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background: 0 0 no-repeat;
    background-size: contain
}

.slider-arrow:before {
    background-image: url(../images/clear-light-green.svg)
}

.slider-arrow:after {
    background-image: url(../images/light-green.svg)
}

.slider-arrow:disabled,
.slider-arrow[disabled] {
    opacity: .3;
    pointer-events: none
}

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

.slider-arrow--brands {
    color: #fff;
    background-image: url(../images/green-img/green.svg)
}

.slider-arrow--brands:after,
.slider-arrow--brands:before {
    background-image: url(../images/dark.svg)
}

.slider-arrow--clear-white {
    color: #fff;
    background-image: url(../images/clear-white.svg)
}

.slider-nav {
    display: flex;
    align-items: center;
    gap: var(--m16);
    border-radius: var(--border-radius-lg);
    background: rgba(34, 33, 50, .05);
    padding: var(--m8) var(--m16);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: -moz-fit-content;
    width: fit-content;
    color: #fff
}

.slider-nav__arrow {
    padding: 0;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
    transition-property: opacity, color;
    transition-duration: .2s;
    transition-timing-function: ease;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: currentColor
}

@media (pointer:coarse) {
    .slider-nav__arrow:active {
        color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slider-nav__arrow:hover {
        color: #8bd867
    }
    .slider-nav__arrow:active {
        opacity: .6
    }
    .slider-nav__arrow:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.slider-nav__arrow,
.slider-nav__arrow svg {
    width: 20px;
    height: 20px
}

.slider-nav__pagination {
    width: auto !important
}

@media (max-width:767px) {
    .slider-nav__arrow {
        width: 40px;
        height: 40px
    }
    .slider-nav__pagination {
        display: none
    }
}

.contact-card {
    transition-property: opacity, border-color;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: var(--m24);
    border: 1px solid #f0f2f4;
    border-radius: var(--m16);
    cursor: pointer
}

@media (pointer:coarse) {
    .contact-card:active {
        border-color: #8bd867
    }
}

@media (pointer:fine),
(-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .contact-card:hover {
        border-color: #8bd867
    }
    .contact-card:active {
        opacity: .6
    }
    .contact-card:focus-visible {
        outline: 1px dashed #000 !important;
        outline-offset: 5px
    }
}

.contact-card__title,
.contact-card__type {
    margin-bottom: var(--m24)
}

.contact-card__title {
    font: 500 var(--fs24)/var(--lh-caption) 'Onest', Arial, sans-serif, -apple-system
}

.contact-card__info {
    display: flex;
    gap: var(--m16);
    font: 400 var(--fs14)/var(--lh-text) 'Onest', Arial, sans-serif, -apple-system
}

.contact-card__info:not(:last-child) {
    margin-bottom: var(--m16)
}

.contact-card__icon {
    color: #8bd867
}

.contact-type {
    width: 24px;
    height: 24px
}

.where-buy__map {
    margin-bottom: var(--m80)
}

.where-buy__tabs {
    margin-bottom: var(--m32)
}

.where-buy__list {
    grid-template-columns: repeat(3, calc(1*(100% - var(--grid-gap)*(3 - 1))/3 + var(--grid-gap)*(1 - 1)));
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--grid-gap);
    gap: var(--grid-gap)
}

@media (max-width:1023px) {
    .where-buy__list {
        grid-template-columns: repeat(2, calc(1*(100% - var(--grid-gap)*(2 - 1))/2 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
}

@media (max-width:767px) {
    .where-buy__list {
        grid-template-columns: repeat(1, calc(1*(100% - var(--grid-gap)*(1 - 1))/1 + var(--grid-gap)*(1 - 1)));
        display: grid;
        grid-column-gap: var(--grid-gap);
        grid-row-gap: var(--grid-gap)
    }
}

.basket-page__header,
.catalog-list-page__header {
    margin-top: var(--m40)
}

.basket-page__header:not(:last-child),
.catalog-list-page__header:not(:last-child) {
    margin-bottom: var(--m32)
}

.main-page {
    --promo-bottom-offset: calc(-1 * var(--border-radius-lg))
}

.main-page__collections-seo {
    position: relative
}

.main-page__manufacturing,
.main-page__seo {
    position: relative;
    z-index: 2;
    margin-top: calc(-1*var(--border-radius-lg))
}

.search-page__h1 {
    line-height: var(--lh-caption)
}

.todo {
    outline: 1px solid red;
    background-image: linear-gradient(-45deg, rgba(255, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, .2) 50%, rgba(128, 128, 128, .2) 75%, transparent 75%, transparent) !important;
    background-size: 4px 4px
}

.vfm--fixed{
    position: fixed;
}
.vfm--absolute{
    position: absolute;
}
.vfm--inset{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.vfm--overlay{
    background-color: rgba(0, 0, 0, 0.5);
}
.vfm--prevent-none{
    pointer-events: none;
}
.vfm--prevent-auto{
    pointer-events: auto;
}
.vfm--outline-none[data-v-2836fdb5]:focus {
    outline: none;
}
.vfm-enter-active[data-v-2836fdb5],
.vfm-leave-active{
    transition: opacity 0.2s;
}
.vfm-enter-from[data-v-2836fdb5],
.vfm-leave-to{
    opacity: 0;
}
.vfm--touch-none{
    touch-action: none;
}
.vfm--select-none{
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.vfm--resize-tr[data-v-2836fdb5],
.vfm--resize-br[data-v-2836fdb5],
.vfm--resize-bl[data-v-2836fdb5],
.vfm--resize-tl{
    width: 12px;
    height: 12px;
    z-index: 10;
}
.vfm--resize-t{
    top: -6px;
    left: 0;
    width: 100%;
    height: 12px;
    cursor: ns-resize;
}
.vfm--resize-tr{
    top: -6px;
    right: -6px;
    cursor: nesw-resize;
}
.vfm--resize-r{
    top: 0;
    right: -6px;
    width: 12px;
    height: 100%;
    cursor: ew-resize;
}
.vfm--resize-br{
    bottom: -6px;
    right: -6px;
    cursor: nwse-resize;
}
.vfm--resize-b{
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 12px;
    cursor: ns-resize;
}
.vfm--resize-bl{
    bottom: -6px;
    left: -6px;
    cursor: nesw-resize;
}
.vfm--resize-l{
    top: 0;
    left: -6px;
    width: 12px;
    height: 100%;
    cursor: ew-resize;
}
.vfm--resize-tl{
    top: -6px;
    left: -6px;
    cursor: nwse-resize;
}

.vue3-marquee {
    display: flex !important;
    position: relative
}

.vue3-marquee.horizontal {
    overflow-x: hidden !important;
    flex-direction: row !important;
    width: 100%;
    height: max-content
}

.vue3-marquee.vertical {
    overflow-y: hidden !important;
    flex-direction: column !important;
    height: 100%;
    width: max-content
}

.vue3-marquee:hover div {
    animation-play-state: var(--pauseOnHover)
}

.vue3-marquee:active div {
    animation-play-state: var(--pauseOnClick)
}

.vue3-marquee>.marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    min-height: var(--min-height);
    z-index: 1;
    animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
    animation-play-state: var(--pauseAnimation);
    animation-direction: var(--direction)
}

.vue3-marquee.horizontal>.marquee {
    display: flex;
    flex-direction: row;
    align-items: center
}

.vue3-marquee.vertical>.marquee {
    display: flex;
    flex-direction: column;
    align-items: center
}

@keyframes scrollX {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes scrollY {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-100%)
    }
}

.vue3-marquee>.overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.vue3-marquee>.transparent-overlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.vue3-marquee>.overlay:before,
.vue3-marquee>.overlay:after {
    content: "";
    position: absolute;
    z-index: 2
}

.vue3-marquee.horizontal>.overlay:before,
.vue3-marquee.horizontal>.overlay:after {
    background: linear-gradient(to right, var(--gradient-color));
    height: 100%;
    width: var(--gradient-length)
}

.vue3-marquee.vertical>.overlay:before,
.vue3-marquee.vertical>.overlay:after {
    background: linear-gradient(to bottom, var(--gradient-color));
    height: var(--gradient-length);
    width: 100%
}

.vue3-marquee.horizontal>.overlay:after {
    transform: rotate(180deg)
}

.vue3-marquee.vertical>.overlay:after {
    transform: rotate(-180deg)
}

.vue3-marquee>.overlay:before {
    left: 0;
    top: 0
}

.vue3-marquee.horizontal>.overlay:after {
    right: 0;
    top: 0
}

.vue3-marquee.vertical>.overlay:after {
    left: 0;
    bottom: 0
}

.vfm--fixed{
  position: fixed;
}
.vfm--absolute{
  position: absolute;
}
.vfm--inset{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vfm--overlay{
  background-color: rgba(0, 0, 0, 0.5);
}
.vfm--prevent-none{
  pointer-events: none;
}
.vfm--prevent-auto{
  pointer-events: auto;
}
.vfm--outline-none[data-v-2836fdb5]:focus {
  outline: none;
}
.vfm-enter-active[data-v-2836fdb5],
.vfm-leave-active{
  transition: opacity 0.2s;
}
.vfm-enter-from[data-v-2836fdb5],
.vfm-leave-to{
  opacity: 0;
}
.vfm--touch-none{
  touch-action: none;
}
.vfm--select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vfm--resize-tr[data-v-2836fdb5],
.vfm--resize-br[data-v-2836fdb5],
.vfm--resize-bl[data-v-2836fdb5],
.vfm--resize-tl{
  width: 12px;
  height: 12px;
  z-index: 10;
}
.vfm--resize-t{
  top: -6px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: ns-resize;
}
.vfm--resize-tr{
  top: -6px;
  right: -6px;
  cursor: nesw-resize;
}
.vfm--resize-r{
  top: 0;
  right: -6px;
  width: 12px;
  height: 100%;
  cursor: ew-resize;
}
.vfm--resize-br{
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
}
.vfm--resize-b{
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: ns-resize;
}
.vfm--resize-bl{
  bottom: -6px;
  left: -6px;
  cursor: nesw-resize;
}
.vfm--resize-l{
  top: 0;
  left: -6px;
  width: 12px;
  height: 100%;
  cursor: ew-resize;
}
.vfm--resize-tl{
  top: -6px;
  left: -6px;
  cursor: nwse-resize;
}


.ymaps-2-1-79-islets_icon-caption{white-space:nowrap;font:13px/27px Arial,sans-serif;border-radius:5px;height:27px;text-overflow:ellipsis;overflow:hidden;background:rgba(255,255,255,.85);padding:0 8px 0 0;position:absolute;margin-top:-1px}
/**/
.ymaps-2-1-79-islets_dot-icon-with-caption__caption-block{position:absolute;top:-37px}.ymaps-2-1-79-islets_dot-icon-with-caption__caption-block .ymaps-2-1-79-islets_icon-caption{padding-left:20px}
/**/
.ymaps-2-1-79-islets_circle-dot-icon-with-caption__caption-block{position:absolute;top:-13px}.ymaps-2-1-79-islets_circle-dot-icon-with-caption__caption-block .ymaps-2-1-79-islets_icon-caption{padding-left:16px}
/**/
.ymaps-2-1-79-pie-chart,.ymaps-2-1-79-pie-chart-caption{position:absolute;display:block;font-family:Arial,sans;font-size:13px}.ymaps-2-1-79-pie-chart{text-align:center;background-size:100% 100%;overflow:visible;z-index:1}.ymaps-2-1-79-pie-chart-caption{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background-color:rgba(255,255,255,.8);border-radius:3px;padding:0 8px;line-height:24px;max-width:200px;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:-1}.ymaps-2-1-79-pie-chart-content,.ymaps-2-1-79-pie-chart-icon{position:absolute;top:0;left:0;height:100%;width:100%}.ymaps-2-1-79-pie-chart-icon{z-index:0}.ymaps-2-1-79-pie-chart-content{z-index:1}
/**/
.ymaps-2-1-79-controls__bottom,.ymaps-2-1-79-controls__toolbar{position:absolute;width:100%}.ymaps-2-1-79-controls__toolbar_left{float:left;height:0}.ymaps-2-1-79-controls__toolbar_right{float:right;height:0}.ymaps-2-1-79-controls__control_toolbar{display:inline-block;vertical-align:top}.ymaps-2-1-79-controls__control{display:block;position:absolute;vertical-align:top}.ymaps-2-1-79-controls__control_visibility_hidden{display:none}
/**/
.ymaps-2-1-79-route-panel-button__button{display:block}.ymaps-2-1-79-route-panel-button__panel-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0iIzZCNkI2QiI+PHBhdGggZD0iTTEwIDE0aDQuNWEzLjUgMy41IDAgMCAwIDAtN0gxMHYyaDQuNWExLjUgMS41IDAgMSAxIDAgM0gxMHYyem0wIDAiLz48cGF0aCBkPSJNMTUgMTJoLTQuNWEzLjUgMy41IDAgMCAwIDAgN0gxNXYtMmgtNC41YTEuNSAxLjUgMCAxIDEgMC0zSDE1di0yem0wIDBNMTkgMjBhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0em0wLTFhMSAxIDAgMSAwIDAtMiAxIDEgMCAwIDAgMCAyem0wIDBNOSAxMGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6bTAtMWExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6bTAgMCIvPjxwYXRoIGQ9Ik0xMy41NyAyMC44bDIuODMtMi44Mi0uNzEtLjctMi44MyAyLjgyLjcuN3ptMS40MS0yLjgybC43LS43LTIuMTEtMi4xMy0uNy43IDIuMTEgMi4xM3ptMCAwIi8+PC9nPjwvc3ZnPg==)}
/**/
.ymaps-2-1-79-tile-not-found{text-align:center;display:block;font-family:Arial,serif;font-size:10px;white-space:nowrap;position:absolute;top:40%;width:90%;left:10%;overflow:hidden}
/**/
.ymaps-2-1-79-map{position:relative;z-index:0;display:block;margin:0!important;padding:0!important;text-align:left!important;text-decoration:none!important;color:#000;font-weight:400!important;font-style:normal!important;line-height:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-print-color-adjust:exact;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ymaps-2-1-79-map-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAACVBMVEX6+vrn5+f09PSMzk0VAAAAGklEQVQY02MIYAADVoYECIOTYSQDWCDAgwUA204BfdYq8A4AAAAASUVORK5CYII=);background-size:16px 16px}.ymaps-2-1-79-map-bg-theme-dark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAY0lEQVRYR+3XIQ6AQAxE0VYga1ANCXI9978KnqAwlSuA7iG25o+pnMlzVXd/5c9inmdaetyjS3NARMi6tWnlWfRcp5iZ6N6OIVAVBiCAAAIIIIAAAggggAACCNQLlD+n1e/5B7xOP5l7rSdsAAAAAElFTkSuQmCC);background-size:16px 16px}.ymaps-2-1-79-map ymaps,.ymaps-2-1-79-map ymaps:after,.ymaps-2-1-79-map ymaps:before{box-sizing:content-box}.ymaps-2-1-79-map iframe{position:static;opacity:1;margin:0;outline:0;box-shadow:none;border:0;border-radius:0;background:0 0;padding:0;max-width:unset;max-height:unset;min-width:unset;min-height:unset;vertical-align:top;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}a .ymaps-2-1-79-map{text-decoration:none!important;color:#000;font-style:normal!important}.ymaps-2-1-79-fullscreen{overflow:hidden!important}.ymaps-2-1-79-touch-action-none{touch-action:none}.ymaps-2-1-79-user-selection-none,.ymaps-2-1-79-user-selection-none *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ymaps-2-1-79-display-none{display:none!important}.ymaps-2-1-79-visibility-hidden{visibility:hidden!important}ymaps,ymaps canvas,ymaps input,ymaps svg{max-width:none;max-height:none}.ymaps-2-1-79-graphics-SVG svg{all:unset;overflow:hidden}.ymaps-2-1-79-ground-pane{will-change:transform}.ymaps-2-1-79-areas-pane,.ymaps-2-1-79-balloon-pane,.ymaps-2-1-79-controls-pane,.ymaps-2-1-79-controls__bottom,.ymaps-2-1-79-controls__toolbar,.ymaps-2-1-79-events-pane,.ymaps-2-1-79-ground-pane,.ymaps-2-1-79-panel-pane,.ymaps-2-1-79-places-pane,.ymaps-2-1-79-ruler-balloon-pane,.ymaps-2-1-79-ruler-line-pane,.ymaps-2-1-79-searchpanel-pane{left:0}.ymaps-2-1-79-controls-pane *,.ymaps-2-1-79-searchpanel-pane *{text-align:left}@media print{.ymaps-2-1-79-patched-for-print{background:0 0!important;display:list-item!important;list-style-position:inside!important}}.ymaps-2-1-79-patched-for-print-preload .ymaps-2-1-79-patched-for-print{background:0 0!important;display:list-item!important;list-style-position:inside!important}.ymaps-2-1-79-svg-icon-content{letter-spacing:-.5px;margin-left:-.5px}
/**/
.ymaps-2-1-79-inner-panes,.ymaps-2-1-79-outer-panes{display:block;position:absolute;padding:0!important;margin:0!important}.ymaps-2-1-79-inner-panes{overflow:hidden;width:100%;height:100%}.ymaps-2-1-79-outer-panes{width:0;height:0}
/**/
@media print{.ymaps-2-1-79-controls-pane{visibility:hidden}}
/**/
.ymaps-2-1-79-control-popup__spinner{-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;overflow:hidden;position:relative}.ymaps-2-1-79-control-popup__spinner__circle{overflow:hidden;position:absolute;left:50%;top:0;width:100%;height:100%}.ymaps-2-1-79-control-popup__spinner__circle:before{content:'';border-radius:100%;box-shadow:inset 0 0 0 2px #fc0;position:absolute;left:-50%;top:0;width:100%;height:100%}.ymaps-2-1-79-control-popup-parent{position:relative;display:block}.ymaps-2-1-79-control-popup{position:absolute;top:100%;display:none;margin-top:13px;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup{padding-bottom:0}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_open{display:block}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_fullscreen{width:100%;margin-top:0;padding:0}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_static{position:static;margin-top:0}.ymaps-2-1-79-control-popup__tail{display:block;position:absolute;z-index:10;border-left:13.4px solid transparent;border-right:13.4px solid transparent;border-bottom:13.4px solid rgba(0,0,0,.15);top:-12.4px}.ymaps-2-1-79-control-popup__tail-front{display:block;position:absolute;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:13px solid #fff;left:-13px;top:1.4px}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_fullscreen .ymaps-2-1-79-control-popup__tail,.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_static>.ymaps-2-1-79-control-popup__tail{display:none}.ymaps-2-1-79-control-popup__header{display:none;line-height:20px;padding:9px 10px 4px;border-bottom:1px solid rgba(0,0,0,.2)}.ymaps-2-1-79-control-popup__icon{width:26px;height:26px;display:inline-block;vertical-align:middle;position:relative;top:-2px;padding-right:4px}.ymaps-2-1-79-control-popup__title{font-family:sans-serif;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_fullscreen .ymaps-2-1-79-control-popup__header,.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_show-header .ymaps-2-1-79-control-popup__header{display:block}.ymaps-2-1-79-control-popup__hide{box-sizing:border-box!important;border-width:1px;border-style:solid;border-radius:3px;background-clip:border-box;color:#000;vertical-align:middle;text-decoration:none;font-family:Arial,Helvetica,sans-serif;cursor:pointer;-webkit-transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out;display:inline-block;text-align:left;height:28px;background-color:#fff;border-color:rgba(0,0,0,.2);float:right;position:relative;top:-4px}a.ymaps-2-1-79-control-popup__hide,a.ymaps-2-1-79-control-popup__hide:active,a.ymaps-2-1-79-control-popup__hide:hover,a.ymaps-2-1-79-control-popup__hide:link,a.ymaps-2-1-79-control-popup__hide:visited{color:#000!important;text-decoration:none!important}.ymaps-2-1-79-control-popup__hide-text{display:inline-block;position:relative;border:none;text-decoration:none;white-space:nowrap;font-size:13px;line-height:26px;padding:0 12px}.ymaps-2-1-79-control-popup__hide:hover{border-color:rgba(0,0,0,.3)}.ymaps-2-1-79-control-popup__hide.ymaps-2-1-79-_pressed,.ymaps-2-1-79-control-popup__hide:active{background-color:#f3f1ed}.ymaps-2-1-79-control-popup__hide.ymaps-2-1-79-_disabled{cursor:default;background-color:#ebebeb}.ymaps-2-1-79-control-popup__hide.ymaps-2-1-79-_disabled .ymaps-2-1-79-control-popup__hide-text{opacity:.5}.ymaps-2-1-79-control-popup__hide-icon{display:block;width:26px;height:26px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PHBhdGggZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMTNsMS0xIDEgMSA1LjUgNSAxLjUtMS41LTctNi41LTEtMS0xIDEtNyA2LjVMNi41IDE4bDUuNS01em0wIDAiLz48L3N2Zz4=)}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_static .ymaps-2-1-79-control-popup__hide{display:none}.ymaps-2-1-79-control-popup__content{display:block;overflow-x:hidden;min-width:40px;min-height:20px;background:#fff;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_fullscreen>.ymaps-2-1-79-control-popup__content{box-sizing:border-box;border:1px solid rgba(0,0,0,.2);border-bottom:0}.ymaps-2-1-79-control-popup__layout{display:block;overflow-y:auto}.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup.ymaps-2-1-79-control-popup_content-loading .ymaps-2-1-79-control-popup__layout{display:block;overflow-y:visible;text-align:center;height:44px}.ymaps-2-1-79-control-popup__spinner{top:14px;left:6px;display:inline-block;width:16px;height:16px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ymaps-2-1-79-control-popup{-webkit-animation:none .25s ease-out;animation:none .25s ease-out}@-webkit-keyframes control-popup-show-animation{0%{margin-top:0;opacity:0;-webkit-transform:scale(.1,.1);transform:scale(.1,.1)}to{margin-top:13px;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes control-popup-show-animation{0%{margin-top:0;opacity:0;-webkit-transform:scale(.1,.1);transform:scale(.1,.1)}to{margin-top:13px;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes control-popup-hide-animation{0%{margin-top:13px;opacity:1}to{margin-top:0;opacity:0;-webkit-transform:scale(.1,.1);transform:scale(.1,.1)}}@keyframes control-popup-hide-animation{0%{margin-top:13px;opacity:1}to{margin-top:0;opacity:0;-webkit-transform:scale(.1,.1);transform:scale(.1,.1)}}@-webkit-keyframes control-popup-show-animation-fullscreen{0%{margin-top:-30px;opacity:0}to{margin-top:0;opacity:1}}@keyframes control-popup-show-animation-fullscreen{0%{margin-top:-30px;opacity:0}to{margin-top:0;opacity:1}}@-webkit-keyframes control-popup-hide-animation-fullscreen{0%{margin-top:0;opacity:1}to{margin-top:-30px;opacity:0}}@keyframes control-popup-hide-animation-fullscreen{0%{margin-top:0;opacity:1}to{margin-top:-30px;opacity:0}}
/**/
.ymaps-2-1-79-popup{display:none;position:absolute;z-index:32700;padding:1px}
/**/
.ymaps-2-1-79-popup_theme_ffffff{-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5);-moz-box-shadow:inset 1px 1px 10px #aaa;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 8px 30px -5px rgba(0,0,0,.5)}.ymaps-2-1-79-popup_theme_ffffff .ymaps-2-1-79-popup__content{background:#fff}.ymaps-2-1-79-popup_theme_ffffff .ymaps-2-1-79-popup__tail{background:rgba(0,0,0,.15);background:-webkit-linear-gradient(45deg,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 50%);background:-moz-linear-gradient(45deg,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 50%);background:-o-linear-gradient(45deg,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 50%)}.ymaps-2-1-79-popup_theme_ffffff .ymaps-2-1-79-popup__tail:after{background-color:#fff}
/**/
.ymaps-2-1-79-default-cluster{position:absolute;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:13px}
/**/
.collection-sliders{
    display: flex !important;
    justify-content: center;
}

.noUi-connect{
    background: var(--slider-handle-bg) !important;
}
/* 🔥 Переопределяем стили noUiSlider под ваш дизайн */

/* Контейнер слайдера */
.range__slider.slider-target {
    height: 4px !important;
    background: #e0e0e0 !important; /* Серый цвет трека */
    border: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

/* Линия между ползунками */
.slider-connect {
    background: #8fd14f !important; /* Зелёный цвет */
    height: 2px !important;
}

/* Ползунки (кружки) */
.slider-handle {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important; /* Круглые */
    background: #8fd14f !important; /* Зелёный цвет */
    border: 2px solid #8fd14f !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    cursor: pointer;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.slider-handle:hover {
    background: #7bc13f !important;
    border-color: #7bc13f !important;
}

.slider-handle:active {
    background: #6ab030 !important;
    border-color: #6ab030 !important;
}

/* Убираем дефолтные стили noUiSlider */
.noUi-target {
    background: transparent !important;
}

.noUi-connects {
    background: transparent !important;
}
.noUi-horizontal .noUi-handle{
    height: 18px !important;
    width: 18px !important;
    border-radius: 100% !important;
    background: #8fd14f !important;
    right: -9 !important;
}
.noUi-handle::after, .noUi-handle::before{
    display: none !important;
}
.noUi-handle{
    box-shadow: none !important;
    border: none !important;
}
.categories-menu__link{
    color: #32314a;
    text-decoration: none;
}
.js-menu-back{
    cursor: pointer;
}
.woocommerce-notices-wrapper{
    display: none !important;
}