@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
    border: 0
}

*, ::after, ::before {
    box-sizing: border-box
}

html {
    scrollbar-gutter: stable;
    font-size: 16px
}

body {
    overscroll-behavior-y: contain
}

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {
    display: block
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0
}

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

address {
    font-style: normal
}

a {
    background-color: transparent;
    text-decoration: none;
    outline: 0;
    border: none;
    color: inherit
}

a:active, a:focus {
    outline: 0
}

a {
    -webkit-tap-highlight-color: transparent;
    transition: color .3s, background-color .3s, border .3s, opacity .3s
}

a:not([class]):hover {
    color: #000
}

* {
    -webkit-tap-highlight-color: transparent
}

:active, :focus {
    outline: 0
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button, input, textarea {
    font-family: inherit
}

button, input, textarea {
    font-size: inherit
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1
}

input::placeholder, textarea::placeholder {
    opacity: 1
}

input::-ms-clear {
    display: none
}

[role=button], button {
    cursor: pointer;
    background-color: inherit;
    font-size: inherit;
    -webkit-tap-highlight-color: transparent;
    color: inherit
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button
}

@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

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

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

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

.contact-addresses__value::before, .contact-list__li--address:before, .contact-list__li--email:before, .contact-list__li--phone:before, .contact-list__li--place:before, .form__result::before, .gallery-info__meta:before, .header__search-link.active::before, .item-order__button.success::before, .jq-selectbox__trigger-arrow::before, .menu__item--search:before, .order-form__extras-caption.active::before, .order-form__extras-caption::before, .policy__input:checked~.policy__text::before, .search:before, .search__close, [class*=" icon-"]:before, [class^=icon-]:before, table.title-search-result td.title-search-all a::before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"]:before, [class^=icon-]:before {
    display: block
}

.icon-vk-video:before {
    content: "\e925"
}

.icon-max:before {
    content: "\e924"
}

.icon-telegram:before {
    content: "\e923"
}

.icon-whatsapp:before {
    content: "\e922"
}

.icon-clock:before {
    content: "\e920"
}

.icon-nav:before {
    content: "\e921"
}

.icon-file-download:before {
    content: "\e91f"
}

.icon-print:before {
    content: "\e91e"
}

.icon-chevron:before, .jq-selectbox__trigger-arrow:before {
    content: "\e91c"
}

.icon-next-thin:before {
    content: "\e91b"
}

.icon-share:before {
    content: "\e91d"
}

.gallery-info__meta--num:before, .icon-camera:before {
    content: "\e900"
}

.icon-cart:before {
    content: "\e901"
}

.icon-catalog:before {
    content: "\e902"
}

.form__result:before, .icon-check:before, .item-order__button.success:before, .policy__input:checked~.policy__text:before {
    content: "\e903"
}

.header__search-link.active:before, .icon-cross:before, .search__close:before {
    content: "\e904"
}

.gallery-info__meta--views:before, .icon-eye:before {
    content: "\e905"
}

.icon-facebook:before {
    content: "\e906"
}

.icon-filter:before {
    content: "\e907"
}

.icon-instagram:before {
    content: "\e908"
}

.icon-list:before {
    content: "\e909"
}

.contact-addresses__value:before, .icon-location:before {
    content: "\e90a"
}

.icon-mail:before {
    content: "\e90b"
}

.icon-minus:before {
    content: "\e90c"
}

.icon-minus-circle:before, .order-form__extras-caption.active:before {
    content: "\e90d"
}

.icon-next:before, table.title-search-result td.title-search-all a:before {
    content: "\e90e"
}

.icon-phone:before {
    content: "\e90f"
}

.icon-plus:before {
    content: "\e910"
}

.icon-plus-circle:before, .order-form__extras-caption:before {
    content: "\e911"
}

.icon-precent:before {
    content: "\e912"
}

.icon-prev:before {
    content: "\e913"
}

.icon-req:before {
    content: "\e914"
}

.icon-search:before, .menu__item--search:before, .search:before {
    content: "\e915"
}

.icon-star:before {
    content: "\e916"
}

.gallery-info__meta--company:before, .gallery-info__meta--time:before, .icon-type:before {
    content: "\e917"
}

.icon-vk:before {
    content: "\e918"
}

.icon-warning:before {
    content: "\e919"
}

.icon-youtube:before {
    content: "\e91a"
}

.button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: .25rem;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: .4rem .952rem;
    min-height: 2.1875rem;
    transition: all .3s ease
}

.button::before {
    width: 1.25rem;
    height: 1.25rem;
    transition: color .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem
}

.button .spinner {
    display: none
}

.button--more {
    padding: 0 1.5625rem
}

.button--large {
    font-size: .75rem;
    padding: .55rem .93rem
}

.button--white {
    border: .0625rem solid #fff;
    color: #fff
}

.button--white:active, .button--white:hover {
    background: #fff;
    color: #000
}

.button--default, .layout-catalog__sort-type-btn.active, .layout-catalog__sort-type-input:checked+.layout-catalog__sort-type-btn {
    background-color: #222;
    color: #fff
}

.button--default:hover, .layout-catalog__sort-type-btn.active:hover, .layout-catalog__sort-type-input:checked+.layout-catalog__sort-type-btn:hover {
    background-color: #000
}

.button--default:active, .layout-catalog__sort-type-btn.active:active, .layout-catalog__sort-type-input:checked+.layout-catalog__sort-type-btn:active {
    background-color: #000
}

.button--default--disabled, .button--default:disabled, .layout-catalog__sort-type-btn.active:disabled, .layout-catalog__sort-type-input:checked+.layout-catalog__sort-type-btn:disabled {
    background: #cecece
}

.button--default.jq-select-box, .jq-select-box.layout-catalog__sort-type-btn.active, .layout-catalog__sort-type-input:checked+.jq-select-box.layout-catalog__sort-type-btn {
    background-color: transparent;
    color: transparent
}

.button--default.jq-select-box:hover, .jq-select-box.layout-catalog__sort-type-btn.active:hover, .layout-catalog__sort-type-input:checked+.jq-select-box.layout-catalog__sort-type-btn:hover {
    background-color: transparent
}

.button--default.jq-select-box:active, .jq-select-box.layout-catalog__sort-type-btn.active:active, .layout-catalog__sort-type-input:checked+.jq-select-box.layout-catalog__sort-type-btn:active {
    background-color: transparent;
    box-shadow: none
}

.button--grey {
    background-color: #6d6d6d;
    color: #fff
}

.button--grey:hover {
    background-color: #524d4d
}

.button--grey:active {
    background-color: #403c3c
}

.button--grey--disabled, .button--grey:disabled {
    background: #cecece
}

.button--grey.jq-select-box {
    background-color: transparent;
    color: transparent
}

.button--grey.jq-select-box:hover {
    background-color: transparent
}

.button--grey.jq-select-box:active {
    background-color: transparent;
    box-shadow: none
}

.button--selected {
    border: .0625rem solid #222111;
    color: #222;
    background: #fff
}

.button--selected::before {
    color: #6d6d6d
}

.button--selected:hover {
    background: #222;
    color: #fff
}

.button--selected:hover::before {
    color: #fff
}

.button--selected:active {
    background: #000;
    border-color: #000;
    color: #fff
}

.button--selected:active::before {
    color: #fff
}

.button--selected--disabled, .button--selected:disabled {
    border: .0625rem solid #cecece;
    color: #cecece
}

.button--apply {
    border: .125rem solid #000;
    color: #000;
    background-color: transparent;
    padding: 0 1.875rem;
    line-height: 1.9375rem
}

.button--apply:hover {
    background-color: #000;
    color: #fff
}

.button--apply:active {
    background-color: #000;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .2)
}

.button--bordered {
    border: .125rem solid #000;
    padding: 0 1.1875rem;
    line-height: 2.375rem;
    color: #000;
    background-color: transparent
}

.button--bordered:hover {
    background-color: #000;
    color: #fff
}

.button--dark {
    color: #fff;
    background: #000
}

.button--dark-outline {
    border: .0625rem solid #6d6d6d;
    color: #000;
    background: #fff
}

.button--dark-outline:active, .button--dark-outline:hover {
    background: #000;
    color: #fff
}

.button--dark-outline:active::before, .button--dark-outline:hover::before {
    color: #fff
}

.button--dark-outline--disabled, .button--dark-outline:disabled {
    border: .0625rem solid #cecece;
    color: #cecece
}

.button--stroke {
    border: .0625rem solid #222;
    color: #000
}

.button--stroke::before {
    color: #6d6d6d
}

.button--stroke:hover {
    background: #222;
    color: #fff
}

.button--stroke:hover::before {
    color: #fff
}

.button--stroke:active {
    background: #000;
    color: #fff
}

.button--stroke:active::before {
    color: #fff
}

.button--stroke--disabled, .button--stroke:disabled {
    border: .0625rem solid #cecece;
    color: #cecece
}

.button--full {
    width: 100%
}

.button--fullwidth {
    width: 100%
}

.button--disabled {
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    color: #494949 !important;
    cursor: default !important;
    box-shadow: none !important;
    pointer-events: none
}

.button--blocked {
    pointer-events: none
}

.button--load {
    pointer-events: none;
    position: relative;
    background-color: #000;
    color: #000
}

.button--load .spinner {
    display: inline-block
}

.button--load:hover {
    color: #000
}

.button--send {
    min-height: 2.5rem;
    font-size: .5625rem
}

.button__text {
    display: inline-block;
    vertical-align: baseline
}

.button__ico--cart {
    margin-top: -.625rem
}

.button__ico--arrow-down {
    margin-top: -.1875rem
}

.button__ico--phone {
    margin-top: .125rem
}

.button__ico--send {
    margin: -.25rem 0 0 1.25rem
}

.button__ico--send .ico {
    stroke: #fff
}

.field {
    border: .0625rem solid #dedede;
    padding: 0 .5rem;
    font-size: .6875rem;
    line-height: 2.8571428571;
    min-height: 2.25rem;
    color: #000;
    border-radius: 0;
    transition: border-color .3s, box-shadow .3s;
    caret-color: #000
}

.field:is(textarea) {
    height: auto;
    line-height: normal;
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    resize: none
}

.field:focus {
    border-color: #6d6d6d
}

.field:focus::-moz-placeholder {
    color: #6d6d6d
}

.field:focus::placeholder {
    color: #6d6d6d
}

.field::-moz-placeholder {
    color: #999;
    opacity: 1
}

.field::placeholder {
    color: #999;
    opacity: 1
}

.field--bold {
    font-size: 1.125rem;
    line-height: 2.3333333333
}

.field--error {
    border-color: #ba2028
}

.field--error:focus {
    border-color: #ba2028
}

.field--disabled {
    background-color: #f4f4f4 !important;
    border-color: #dfdfdf !important;
    color: #494949 !important;
    cursor: default !important;
    box-shadow: none !important
}

.field--disabled::-moz-placeholder {
    color: transparent
}

.field--disabled::placeholder {
    color: transparent
}

.switch-title {
    margin-bottom: 1.75rem
}

.switch-title__pos {
    color: rgba(0, 0, 0, .5);
    transition: color .3s ease;
    cursor: pointer
}

.switch-title__pos:hover {
    color: #000
}

.switch-title__pos--current {
    color: #000;
    cursor: default
}

.switch-title__pos--current:hover {
    color: #000
}

.switch-title__switcher {
    display: inline-block;
    width: 2.875rem;
    height: 1.5rem;
    border-radius: .75rem;
    background-color: #000;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 .75rem;
    top: .55rem
}

.switch-title__switcher:before {
    content: "";
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    box-shadow: .125rem .125rem .3125rem rgba(0, 0, 0, .5);
    transition: left .3s
}

.switch-title__switcher--switched:before {
    left: 1.4375rem
}

.switch__block {
    display: none
}

.switch__block--current {
    display: block
}

.radiobox {
    display: flex
}

.radiobox__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: .0625rem solid #3c3c3c;
    border-right: none;
    padding: 0 .75rem;
    text-align: center;
    cursor: pointer;
    transition: background-color .3s, color .3s, box-shadow .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 2.875rem;
    font-size: 1rem;
    width: 3.75rem
}

.radiobox__item:last-child {
    border-right: .0625rem solid #3c3c3c
}

.radiobox__item:hover {
    background-color: rgba(0, 0, 0, .1)
}

.radiobox__item--selected {
    color: #fff;
    background: #3c3c3c !important;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .1);
    cursor: default
}

.dropdown {
    position: relative;
    z-index: 2;
    min-width: 11.625rem
}

.dropdown.dropdown--active {
    z-index: 11
}

.dropdown.dropdown--active .dropdown__button::before {
    transform: rotate(180deg)
}

.dropdown.dropdown--active .dropdown__body {
    display: block
}

.dropdown__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left
}

.dropdown__button::before {
    order: 1;
    font-size: .75rem;
    color: #9b9da2
}

.dropdown__body {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    padding: 1rem;
    border: .0625rem solid #d7d7d7;
    background: #fff;
    box-shadow: 0 .8125rem 1.25rem 0 rgba(0, 0, 0, .1);
    color: #000;
    font-size: .75rem;
    font-weight: 500;
    line-height: 158.333%;
    max-height: 12rem;
    overflow-y: auto
}

.dropdown__body .filter-horizontal__list {
    padding: 0;
    max-height: none;
    overflow-y: visible
}

.checkbox {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkbox__fake {
    display: inline-block;
    border: .0625rem solid #c6c6c6;
    border-radius: .125rem;
    width: .9375rem;
    height: .9375rem;
    position: relative;
    box-sizing: border-box
}

.checkbox__fake:before {
    width: 1.1875rem;
    height: 1.1875rem;
    position: absolute;
    top: -.1875rem;
    left: -.1875rem;
    border: .0625rem solid #000;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s
}

.checkbox__fake--checked.checkbox__fake--color:before {
    opacity: 1
}

.checkbox__fake--checked:not(.checkbox__fake--color) {
    border: .0625rem solid #000
}

.checkbox__fake--checked .checkbox__tick {
    opacity: 1
}

.checkbox__fake--color {
    border: none;
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem
}

.checkbox__fake--color .checkbox__tick {
    display: none
}

.checkbox__fake--color:before {
    width: 1.8125rem;
    height: 1.8125rem
}

.checkbox__fake--border {
    border: .0625rem solid #7f7f7f
}

.checkbox__fake--border:before {
    top: -.25rem;
    left: -.25rem
}

.checkbox__tick {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    opacity: 0;
    transition: opacity .3s
}

.checkbox__input {
    display: none
}

.form__label {
    font-size: .6rem;
    margin-bottom: .25rem
}

.form__label span {
    color: #999
}

.form__section {
    display: flex;
    flex-direction: column
}

.form__line {
    position: relative
}

.form__line:not(:last-child) {
    margin-bottom: 1.15rem
}

.form__line--long {
    margin-bottom: 1.875rem
}

.form__field {
    width: 100%;
    line-height: normal
}

.form__error {
    color: #ba2028;
    font-size: .625rem;
    line-height: normal;
    margin-top: .3125rem;
    display: none
}

.form__result {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: 13px;
    margin: .625rem 0 0;
    text-align: left;
    width: 100%
}

.form__result::before {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #0c6d0c
}

.form__send:not(:empty) {
    min-height: 4.6rem;
    margin-bottom: -.7875rem
}

.form__send button::before {
    font-size: .75rem;
    order: 1
}

.policy {
    position: relative;
    font-size: .6875rem;
    line-height: 100%;
    text-align: left;
    padding-left: 1.5625rem;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.policy .form__error {
    order: 1;
    display: none !important
}

.policy__input {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.policy__input.field--error~.policy__text::before {
    border: .0625rem solid #ba2028
}

.policy__text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.policy__text::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: .0625rem solid #c6c6c6;
    border-radius: .125rem;
    width: .9375rem;
    height: .9375rem;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.policy__text a {
    text-decoration: underline
}

.popup-slider {
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    height: auto;
    z-index: 1001;
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 9.375rem
}

.popup-slider__wrapper {
    position: relative;
    display: flex;
    align-items: flex-start
}

.popup-slider__close {
    position: fixed;
    top: 0;
    right: 1.0625rem;
    z-index: 400;
    width: 2.5rem;
    height: 2.5rem;
    background: #000;
    padding: .625rem
}

.popup-slider__close .ico {
    fill: #fff
}

.popup-slider__slide {
    position: relative;
    opacity: 0;
    width: 100%;
    height: 0 !important;
    flex-shrink: 0
}

.popup-slider__slide--current {
    opacity: 1;
    height: auto !important
}

.popup-slider__slide iframe {
    max-height: 100%;
    display: block;
    width: auto;
    height: 100%;
    min-width: 62.5rem;
    min-height: 34.375rem
}

.popup-slider__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.popup-slider__nav {
    position: absolute;
    top: 0;
    width: 9.375rem;
    height: 100%
}

.popup-slider__nav svg {
    position: absolute;
    top: 50%;
    margin-top: -.5625rem
}

.popup-slider__nav:hover .ico {
    stroke: #000
}

.popup-slider__nav--prev {
    left: 3.4375rem
}

.popup-slider__nav--next {
    right: 3.4375rem
}

.popup-isOpened {
    overflow: hidden !important
}

.popup {
    display: none;
    font-family: KSM;
    flex-direction: column
}

.popup .policy {
    max-width: 390px
}

.fancybox-slide .popup select {
    position: absolute;
    opacity: 0;
    inset: 0
}

.fancybox-slide .popup .jq-selectbox__select {
    height: 2.0625rem;
    align-content: center
}

.fancybox-slide .popup .jq-selectbox__select-text {
    line-height: 2.0625rem;
    font-size: .6875rem;
    text-transform: none;
    font-weight: 400
}

.fancybox-slide .popup .jq-selectbox__dropdown {
    position: absolute;
    left: 0;
    top: 100% !important
}

.popup__title {
    font-size: 2rem;
    letter-spacing: -.005em;
    color: #000;
    margin-bottom: 1.875rem
}

.popup__title--without-bottom {
    margin-bottom: 0
}

.popup__img {
    padding: 0 0 1.875rem
}

.popup__subtitle {
    margin-top: 1rem
}

.popup__text {
    width: 18.75rem;
    margin: 0 auto 1.875rem
}

.popup .form__send button {
    width: 100%
}

.popup--done {
    padding: 1.25rem 0 .625rem;
    text-align: center
}

.popup--done .popup__title {
    margin-bottom: .625rem
}

.popup--done {
    flex-direction: column;
    align-items: center
}

.popup--done .button::before {
    order: 1;
    font-size: .75rem
}

.popup .colors-list {
    margin-left: 0
}

.popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.popup__header .popup__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 0
}

.popup__close {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    transition: color .3s ease;
    color: #a1a5a7
}

.popup__product {
    margin-top: 1.37rem;
    display: flex;
    align-items: center;
    gap: 1rem
}

.popup__product-image {
    width: 6.5625rem;
    height: 6.5625rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup__product-image img {
    max-height: 100%
}

.popup__product-name {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 145.455%
}

#one-click-buy {
    max-width: 30.0625rem;
    width: 100%;
    padding: 1.62rem
}

#one-click-buy .fancybox-close-small {
    display: none !important
}

#one-click-buy .popup__form {
    margin-top: 1.375rem
}

#one-click-buy .popup__form-body {
    display: flex;
    align-items: flex-start;
    gap: .81rem
}

#one-click-buy .popup__form .form__lines {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex: 1 1 auto
}

#one-click-buy .popup__form .form__lines .policy {
    font-size: .5625rem
}

#one-click-buy .popup__form .form__line {
    margin-bottom: 0;
    width: 100%
}

#one-click-buy .popup__form .form__line input {
    min-height: 2.5rem
}

#one-click-buy .popup__form .button::before {
    order: 1;
    font-size: .5rem
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(0, 0, 0, .7);
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-opacity: 1;
    --f-button-svg-disabled-opacity: .5;
    --f-button-svg-transition: opacity .15s ease;
    --f-button-svg-transform: none
}

.f-button {
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    transform: var(--f-button-transform);
    transition: var(--f-button-transition);
    backdrop-filter: var(--f-button-backdrop-filter);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

.f-button:active:not([aria-disabled]) {
    color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
    background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
    outline: 0
}

.f-button:focus-visible {
    outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
    outline-offset: var(--f-button-outline-offset)
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    transform: var(--f-button-svg-transform);
    fill: var(--f-button-svg-fill);
    filter: var(--f-button-svg-filter);
    opacity: var(--f-button-svg-opacity, 1);
    transition: var(--f-button-svg-transition);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none
}

.f-button[aria-disabled] {
    cursor: default
}

.f-button[aria-disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

[data-panzoom-action=toggleFS] g:first-child {
    display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:first-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
    display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

:root {
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px
}

.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
    translate: -50% -50%;
    border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
    border-top-color: var(--f-spinner-color-2);
    border-radius: var(--f-spinner-border-radius);
    animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}

@keyframes f-spinner {
    to {
        rotate: 360deg
    }
}

.f-panzoom, .f-zoomable {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column
}

.f-panzoom:after, .f-panzoom:before, .f-zoomable:after, .f-zoomable:before {
    display: block;
    content: ""
}

.f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
    margin-bottom: auto
}

.f-panzoom:after, .f-zoomable:after {
    margin-top: auto
}

.f-panzoom.in-fullscreen, .f-zoomable.in-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: unset !important;
    z-index: 9999
}

.f-panzoom__wrapper {
    position: relative;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__wrapper.will-zoom-out {
    cursor: zoom-out
}

.f-panzoom__wrapper.can-drag {
    cursor: move;
    cursor: grab
}

.f-panzoom__wrapper.will-zoom-in {
    cursor: zoom-in
}

.f-panzoom__wrapper.is-dragging {
    cursor: move;
    cursor: grabbing
}

.f-panzoom__wrapper.has-error {
    display: none
}

.f-panzoom__content {
    display: block;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__content.has-lazyerror, .f-panzoom__content.is-lazyloading {
    visibility: hidden
}

img.f-panzoom__content {
    width: auto;
    height: auto;
    vertical-align: top;
    -o-object-fit: contain;
    object-fit: contain;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.f-panzoom__wrapper>.f-panzoom__content {
    visibility: hidden
}

.f-panzoom__viewport {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.f-panzoom__viewport>.f-panzoom__content {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

picture.f-panzoom__content img {
    vertical-align: top;
    width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.f-panzoom__protected {
    position: absolute;
    inset: 0;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

html.with-panzoom-in-fullscreen {
    overflow: hidden
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.is-horizontal .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX
}

@keyframes f-slideInPrevX {
    0% {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextX {
    0% {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextX {
    to {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevX {
    to {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.is-vertical .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY
}

@keyframes f-slideInPrevY {
    0% {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextY {
    0% {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextY {
    to {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevY {
    to {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        opacity: var(--f-zoomInUp-opacity, 0)
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        opacity: 0
    }
}

.f-throwOutUp {
    animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        opacity: 0
    }
}

.has-gmap .f-html, .has-iframe .f-html, .has-pdf .f-html {
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible
}

.has-gmap .f-html, .has-pdf .f-html {
    padding: 0
}

.f-html {
    position: relative;
    box-sizing: border-box;
    margin: var(--f-html-margin, 0);
    padding: var(--f-html-padding, 2rem);
    color: var(--f-html-color, currentColor);
    background: var(--f-html-bg)
}

.f-html.is-error {
    text-align: center
}

.f-iframe {
    display: block;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%
}

.f-caption {
    align-self: center;
    flex-shrink: 0;
    margin: var(--f-caption-margin);
    padding: var(--f-caption-padding, 16px 8px);
    max-width: 100%;
    max-height: calc(80vh - 100px);
    overflow: auto;
    overflow-wrap: anywhere;
    line-height: var(--f-caption-line-height);
    color: var(--f-caption-color);
    background: var(--f-caption-bg);
    font: var(--f-caption-font)
}

.has-html5video .f-html, .has-vimeo .f-html, .has-youtube .f-html {
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible;
    max-width: var(--f-video-width, 960px);
    max-height: var(--f-video-height, 540px);
    aspect-ratio: var(--f-video-aspect-ratio);
    background: var(--f-video-bg, rgba(0, 0, 0, .9))
}

.f-html5video {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

.f-button.is-arrow {
    --f-button-width: var(--f-arrow-width, 46px);
    --f-button-height: var(--f-arrow-height, 46px);
    --f-button-svg-width: var(--f-arrow-svg-width, 24px);
    --f-button-svg-height: var(--f-arrow-svg-height, 24px);
    --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
    --f-button-border-radius: var(--f-arrow-border-radius, unset);
    --f-button-bg: var(--f-arrow-bg, transparent);
    --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
    --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
    --f-button-shadow: var(--f-arrow-shadow);
    --f-button-color: var(--f-arrow-color);
    --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
    --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
    overflow: visible
}

.f-button.is-arrow.is-next, .f-button.is-arrow.is-prev {
    position: absolute;
    transform: translate(0);
    z-index: 20
}

.is-horizontal .f-button.is-arrow.is-next, .is-horizontal .f-button.is-arrow.is-prev {
    inset: 50% auto auto;
    transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
    right: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
    left: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
    top: var(--f-arrow-pos, 0);
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
    top: auto;
    right: auto;
    bottom: var(--f-arrow-pos, 0);
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-next svg, .is-vertical .f-button.is-arrow.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__toolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: var(--f-toolbar-margin, 0);
    padding: var(--f-toolbar-padding, 8px);
    line-height: var(--f-toolbar-line-height);
    background: var(--f-toolbar-bg, none);
    box-shadow: var(--f-toolbar-shadow, none);
    backdrop-filter: var(--f-toolbar-backdrop-filter);
    position: relative;
    z-index: 20;
    color: var(--f-toolbar-color, currentColor);
    font-size: var(--f-toolbar-font-size, 17px);
    font-weight: var(--f-toolbar-font-weight, inherit);
    font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
    text-shadow: var(--f-toolbar-text-shadow);
    text-align: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    white-space: nowrap;
    pointer-events: none
}

.f-carousel__toolbar.is-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.f-carousel__toolbar .f-button:focus-visible {
    position: relative;
    z-index: 1
}

.f-carousel__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--f-toolbar-gap, 0)
}

.f-carousel__toolbar__column.is-left {
    display: flex;
    justify-self: flex-start;
    justify-content: flex-start
}

.f-carousel__toolbar__column.is-middle {
    display: flex;
    justify-content: center
}

.f-carousel__toolbar__column.is-right {
    display: flex;
    justify-self: flex-end;
    justify-content: flex-end;
    flex-flow: nowrap
}

.f-carousel__toolbar__column {
    pointer-events: none
}

.f-carousel__toolbar__column>* {
    pointer-events: all
}

.f-counter {
    position: relative;
    display: flex;
    flex-direction: row;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: var(--f-counter-margin, 0);
    padding: var(--f-counter-padding, 4px);
    line-height: var(--f-counter-line-height);
    background: var(--f-counter-bg);
    border-radius: var(--f-counter-border-radius)
}

.f-counter span {
    padding: 0 var(--f-counter-gap, 4px)
}

:root {
    --f-thumbs-gap: 8px;
    --f-thumbs-margin: 0;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: transparent;
    --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
    --f-thumbs-z-index: 1;
    --f-thumbs-viewport-padding-x: 0px;
    --f-thumbs-viewport-padding-y: 0px;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-opacity: 1;
    --f-thumb-transition: opacity .3s ease, transform .15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 4px;
    --f-thumb-shadow: none;
    --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
    --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-border-transition: all .1s ease;
    --f-thumb-img-width: 100%;
    --f-thumb-img-height: 100%;
    --f-thumb-img-fit: cover;
    --f-thumb-img-position: 50% 20%
}

.f-thumbs {
    --f-carousel-slide-width: var(--f-thumb-width);
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: var(--f-thumbs-gap);
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: var(--f-thumbs-margin);
    padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
    overflow: hidden;
    background: var(--f-thumbs-bg);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: var(--f-thumbs-transition);
    z-index: var(--f-thumbs-z-index)
}

.f-thumbs.is-horizontal {
    max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)
}

.f-thumbs.is-horizontal.is-hidden {
    max-height: 0;
    --f-thumbs-padding-y: 0
}

.f-thumbs.is-vertical {
    max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)
}

.f-thumbs.is-vertical.is-hidden {
    max-width: 0;
    --f-thumbs-padding-x: 0
}

.f-thumbs.is-scrollable.is-hidden {
    max-height: 0;
    --f-thumbs-padding-y: 0
}

.f-thumbs.is-ltr {
    direction: ltr
}

.f-thumbs.is-rtl {
    direction: rtl
}

.f-thumbs img {
    display: block;
    width: var(--f-thumb-img-width);
    height: var(--f-thumb-img-height);
    -o-object-fit: var(--f-thumb-img-fit);
    object-fit: var(--f-thumb-img-fit);
    -o-object-position: var(--f-thumb-img-position);
    object-position: var(--f-thumb-img-position);
    pointer-events: none;
    border-radius: inherit;
    color: transparent
}

.f-thumbs img[data-lazy-src] {
    visibility: hidden
}

.f-thumbs img.has-lazyerror {
    display: none
}

.f-thumbs__viewport {
    box-sizing: border-box;
    height: 100%;
    padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
    overflow: visible;
    display: grid
}

.f-thumbs__slide {
    position: relative;
    box-sizing: border-box;
    grid-area: 1/1;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    overflow: visible
}

.f-thumbs__slide:hover button {
    opacity: var(--f-thumb-hover-opacity, 1);
    transform: var(--f-thumb-hover-transform, none)
}

.f-thumbs__slide:hover button:after {
    border: var(--f-thumb-hover-border, none);
    box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide button {
    all: unset;
    display: block;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
    outline: 0;
    transition: var(--f-thumb-transition);
    border-radius: var(--f-thumb-border-radius);
    opacity: var(--f-thumb-opacity);
    transform: var(--f-thumb-transform);
    background: var(--f-thumb-bg)
}

.f-thumbs__slide button:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: var(--f-thumb-border-transition);
    border-radius: inherit;
    border: var(--f-thumb-border);
    box-shadow: var(--f-thumb-shadow)
}

.f-thumbs__slide button:focus-within {
    opacity: var(--f-thumb-focus-opacity, 1);
    transform: var(--f-thumb-focus-transform, none)
}

.f-thumbs__slide button:focus-within:after {
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide:active {
    opacity: var(--f-thumb-active-opacity, 1);
    transform: var(--f-thumb-active-transform, none)
}

.f-thumbs__slide:active:after {
    border: var(--f-thumb-active-border, none);
    box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide.is-selected {
    z-index: 2
}

.f-thumbs__slide.is-selected button {
    opacity: var(--f-thumb-selected-opacity, 1);
    transform: var(--f-thumb-selected-transform, none)
}

.f-thumbs__slide.is-selected button:after {
    border: var(--f-thumb-selected-border, none);
    box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}

.f-thumbs.is-modern {
    --f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: 0;
    --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

.f-thumbs.is-modern .f-thumbs__viewport {
    width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
    margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)
}

.f-thumbs.is-modern .f-thumbs__slide {
    --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
    --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
    padding: 0;
    overflow: visible;
    left: var(--shift, 0);
    will-change: left;
    transition: left var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button {
    display: block;
    margin-inline: 50%;
    width: var(--f-thumb-width);
    clip-path: var(--clip-path);
    border: none;
    box-shadow: none;
    transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
    display: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: var(--clip-shift);
    bottom: 0;
    right: var(--clip-shift);
    transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
    border-radius: inherit;
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, none)
}

.f-thumbs.is-modern {
    --f-transition-duration: .25s;
    --f-transition-easing: ease-out
}

.f-thumbs.is-modern.is-syncing {
    --f-transition-duration: 0s
}

.f-thumbs.is-scrollable .f-thumbs__viewport {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
    grid-auto-rows: var(--f-thumb-height);
    gap: var(--f-thumbs-gap);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
    grid-area: auto;
    display: block;
    position: relative;
    max-width: 100%;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    cursor: pointer;
    outline: 0
}

:root {
    --f-progressbar-height: 3px;
    --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
    --f-progressbar-opacity: 1;
    --f-progressbar-z-index: 30
}

.f-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--f-progressbar-z-index);
    height: var(--f-progressbar-height);
    transform: scaleX(0);
    transform-origin: 0;
    opacity: var(--f-progressbar-opacity);
    background: var(--f-progressbar-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    animation-name: f-progressbar;
    animation-play-state: running;
    animation-timing-function: linear
}

.f-progressbar:empty {
    display: block
}

button>.f-progressbar {
    --f-progressbar-height: 100%;
    --f-progressbar-opacity: .2
}

@keyframes f-progressbar {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

[data-fullscreen-action=toggle] svg g:first-child {
    display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

.in-fullscreen-mode>.f-carousel {
    flex: 1;
    min-width: 0 !important;
    min-height: 0 !important
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__dialog {
    position: fixed;
    inset: 0;
    z-index: 1050;
    width: 100%;
    height: 100vh;
    max-height: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    background: 0 0;
    touch-action: none;
    overscroll-behavior: contain
}

.fancybox__dialog:focus {
    outline: 0
}

.fancybox__dialog::backdrop {
    opacity: 0
}

@supports (height:100dvh) {
    .fancybox__dialog {
        height: 100dvh
    }
}

.fancybox__dialog :empty {
    display: block
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
    --f-toolbar-margin: 0;
    --f-toolbar-padding: 8px;
    --f-toolbar-gap: 0;
    --f-toolbar-color: #ddd;
    --f-toolbar-font-size: 16px;
    --f-toolbar-font-weight: 500;
    --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    --f-toolbar-line-height: var(--f-button-height);
    --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    --f-toolbar-shadow: none;
    --f-toolbar-bg: none;
    --f-counter-margin: 0;
    --f-counter-padding: 0px 10px;
    --f-counter-gap: 4px;
    --f-counter-line-height: var(--f-button-height);
    --f-carousel-gap: 17px;
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: 100%;
    --f-carousel-slide-padding: 0;
    --f-carousel-slide-bg: unset;
    --f-html-color: #222;
    --f-html-bg: #fff;
    --f-error-color: #fff;
    --f-error-bg: #333;
    --f-caption-margin: 0;
    --f-caption-padding: 16px 8px;
    --f-caption-color: var(--fancybox-color, #dbdbdb);
    --f-caption-bg: transparent;
    --f-caption-font: inherit;
    --f-caption-line-height: 1.375;
    --f-spinner-color-1: rgba(255, 255, 255, .2);
    --f-spinner-color-2: rgba(255, 255, 255, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px;
    --f-progressbar-color: rgba(255, 255, 255);
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: #ddd;
    --f-button-hover-color: #fff;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(255, 255, 255, .75);
    --f-button-outline-offset: 0px;
    --f-button-bg: rgba(54, 54, 54, .75);
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-shadow: none;
    --f-button-transition: all .2s ease;
    --f-button-transform: none;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.75;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .5;
    --f-arrow-pos: 32px;
    --f-arrow-width: 50px;
    --f-arrow-height: 50px;
    --f-arrow-svg-width: 24px;
    --f-arrow-svg-height: 24px;
    --f-arrow-svg-stroke-width: 2.5;
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: rgba(54, 54, 54, .65);
    --f-arrow-color: #ddd;
    --f-arrow-hover-color: #fff;
    --f-close-button-width: 30px;
    --f-close-button-height: 30px;
    --f-close-button-svg-width: 24px;
    --f-close-button-svg-height: 24px;
    --f-close-button-svg-stroke-width: 1.75;
    --f-close-border-radius: 4px;
    --f-close-button-color: #fff;
    --f-close-button-hover-color: #fff;
    --f-close-button-bg: transparent;
    --f-close-button-hover-bg: transparent;
    --f-close-button-active-bg: transparent;
    --f-thumbs-margin: 0px;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: none;
    --f-thumb-transition: all .2s ease;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-opacity: 1;
    --f-thumb-border: none;
    --f-thumb-shadow: none;
    --f-thumb-transform: none;
    --f-thumb-focus-opacity: 1;
    --f-thumb-focus-border: none;
    --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
    --f-thumb-focus-transform: none;
    --f-thumb-hover-opacity: 1;
    --f-thumb-hover-border: none;
    --f-thumb-hover-transform: none;
    --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
    --f-thumb-active-border: var(--f-thumb-hover-border);
    --f-thumb-active-transform: var(--f-thumb-hover-transform);
    --f-thumb-selected-opacity: 1;
    --f-thumb-selected-border: none;
    --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
    --f-thumb-selected-transform: none;
    --f-scrollbar-width: 7px;
    --f-scrollbar-track-bg: #444;
    --f-scrollbar-track-border-radius: 10px;
    --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    --f-scrollbar-thumb-bg: #ddd;
    --f-scrollbar-thumb-border-radius: 10px
}

.fancybox__container[theme=light] {
    --fancybox-color: #222;
    --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
    --f-toolbar-color: var(--fancybox-color, #222);
    --f-toolbar-text-shadow: none;
    --f-toolbar-font-weight: 400;
    --f-html-color: var(--fancybox-color, #222);
    --f-html-bg: #fff;
    --f-error-color: #555;
    --f-error-bg: #fff;
    --f-video-bg: #fff;
    --f-caption-color: #333;
    --f-spinner-color-1: rgba(0, 0, 0, .2);
    --f-spinner-color-2: rgba(0, 0, 0, .8);
    --f-spinner-border-width: 3.5px;
    --f-progressbar-color: rgba(111, 111, 116);
    --f-button-color: #333;
    --f-button-hover-color: #000;
    --f-button-outline-color: rgba(0, 0, 0, .85);
    --f-button-bg: rgba(255, 255, 255, .85);
    --f-button-svg-stroke-width: 1.3;
    --f-button-svg-filter: none;
    --f-arrow-bg: rgba(255, 255, 255, .85);
    --f-arrow-color: #333;
    --f-arrow-hover-color: #000;
    --f-arrow-svg-stroke-width: 1.3;
    --f-close-button-color: #555;
    --f-close-button-hover-color: #000;
    --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
    --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
    --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
    --f-scrollbar-track-bg: #ddd;
    --f-scrollbar-thumb-bg: #444
}

.fancybox__container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.fancybox__container:focus {
    outline: 0
}

.fancybox__container.has-vertical-thumbs {
    flex-direction: row-reverse
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
    overflow-x: clip;
    overflow-y: visible
}

.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container>:not(.fancybox__carousel) {
    opacity: var(--f-drag-opacity, 1)
}

.fancybox__container:not(.is-ready, .is-hiding) {
    visibility: hidden
}

.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-revealing>:not(.fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
}

.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html, .f-panzoom__wrapper), .fancybox__container.is-hiding .fancybox__carousel>:not(.fancybox__viewport), .fancybox__container.is-hiding>:not(.fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}

.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
    opacity: 0
}

.fancybox__container.is-hiding {
    pointer-events: none
}

.fancybox__container.is-idle .f-carousel__toolbar {
    pointer-events: none;
    opacity: 0
}

.fancybox__container.is-idle .f-button.is-arrow {
    opacity: 0
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
    animation: .15s ease-out both f-fadeOut
}

.fancybox__backdrop {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--fancybox-backdrop-bg)
}

.fancybox__carousel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__carousel.is-vertical {
    --f-carousel-slide-height: 100%
}

.fancybox__carousel.is-ltr {
    direction: ltr
}

.fancybox__carousel.is-rtl {
    direction: rtl
}

.fancybox__carousel>.f-button.is-arrow:before {
    position: absolute;
    content: "";
    inset: -30px;
    z-index: 1
}

.fancybox__viewport {
    display: grid;
    flex: 1;
    min-height: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
    transform: translate3d(0, var(--f-drag-offset, 0), 0)
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__viewport [contenteditable], .fancybox__viewport [data-selectable] {
    cursor: auto
}

.fancybox__slide {
    box-sizing: border-box;
    position: relative;
    grid-area: 1/1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    margin: 0;
    padding: var(--f-carousel-slide-padding);
    background: var(--f-carousel-slide-bg);
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform
}

.fancybox__slide:after, .fancybox__slide:before {
    display: block;
    content: ""
}

.fancybox__slide:before {
    margin-bottom: auto
}

.fancybox__slide:after {
    margin-top: auto
}

.fancybox__slide.is-selected {
    z-index: 1
}

.fancybox__slide.f-zoomable {
    overflow: visible
}

.fancybox__slide.has-error {
    --f-html-color: var(--f-error-color, --f-html-color);
    --f-html-bg: var(--f-error-bg, --f-html-bg)
}

.fancybox__slide.has-html {
    overflow: auto;
    padding: 8px
}

.fancybox__slide.has-close-btn {
    padding-top: 34px
}

.fancybox__slide.has-controls:before {
    margin: 0
}

.fancybox__slide .f-spinner {
    cursor: pointer
}

.fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
    visibility: hidden
}

.fancybox__container.is-closing .fancybox__carousel {
    overflow: visible
}

.f-button.is-close-button {
    --f-button-width: var(--f-close-button-width);
    --f-button-height: var(--f-close-button-height);
    --f-button-border-radius: var(--f-close-border-radius);
    --f-button-color: var(--f-close-button-color);
    --f-button-hover-color: var(--f-close-button-hover-color);
    --f-button-bg: var(--f-close-button-bg);
    --f-button-hover-bg: var(--f-close-button-hover-bg);
    --f-button-active-bg: var(--f-close-button-active-bg);
    --f-button-svg-width: var(--f-close-button-svg-width);
    --f-button-svg-height: var(--f-close-button-svg-height);
    --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
    position: absolute;
    top: calc((var(--f-button-height) + 2px) * -1);
    right: 0;
    z-index: 10
}

.fancybox__thumbs {
    flex: 0 1 100%
}

.fancybox__thumbs.is-scrollable {
    --f-thumbs-cols: 1;
    --f-thumbs-gap: 8px;
    --f-thumbs-transition: none;
    --f-thumbs-padding-x: 4px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-viewport-padding-x: 4px;
    --f-thumbs-viewport-padding-y: 0px;
    max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
    width: var(--f-scrollbar-width)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
    background: var(--f-scrollbar-track-bg);
    border-radius: var(--f-scrollbar-track-border-radius);
    box-shadow: var(--f-scrollbar-track-shadow)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
    background: var(--f-scrollbar-thumb-bg);
    border-radius: var(--f-scrollbar-thumb-border-radius)
}

.fancybox__thumbs.is-scrollable.is-hidden {
    max-width: 0;
    --f-thumbs-padding-x: 0;
    max-height: unset;
    --f-thumbs-padding-y: unset
}

.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
    overflow-x: hidden !important;
    grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1))/ var(--f-thumbs-cols))) !important
}

.fancybox__dialog {
    width: 100vw
}

.fancybox__container {
    --fancybox-backdrop-bg: rgba(30, 30, 30, 0.87);
    --f-drag-opacity: 1;
    --f-close-button-width: 44px;
    --f-close-button-height: 44px;
    --f-close-button-bg: #000;
    --f-close-button-color: #fff;
    --f-close-border-radius: 0;
    --f-close-button-hover-color: #555;
    --f-close-button-hover-bg: #eee;
    --f-close-button-svg-stroke-width: 2px;
    --f-close-button-svg-width: 32px;
    --f-close-button-svg-height: 32px;
    --f-html-padding: 40px
}

.f-button {
    --f-button-width: 44px;
    --f-button-height: 44px;
    --f-button-color: #fff;
    --f-button-bg: #000;
    --f-button-hover-color: #555;
    --f-button-hover-bg: #eee;
    --f-button-svg-width: 32px;
    --f-button-svg-height: 32px;
    --f-button-svg-stroke-width: 2px
}

.f-carousel__toolbar {
    --f-toolbar-padding: 0
}

html.with-fancybox body.hide-scrollbar {
    margin-right: 0 !important
}

.fancybox__slide.has-close-btn {
    padding-top: 58px
}

.fancybox-wrap--get-popup-quick .f-html {
    max-width: 100%;
    padding: 0
}

.fancybox__dialog .text-nowrap:empty {
    display: initial
}

.fancybox-right-sidebar .fancybox__slide {
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important
}

.fancybox-custom-gallery.fancybox__container {
    --f-html-padding: 0
}

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

.noUi-target {
    position: relative
}

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

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

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

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

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

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

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

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

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

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

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

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

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

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

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .1490196078)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5019607843), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    position: absolute;
    width: var(--swiper-navigation-size);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%;
    fill: currentColor;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-button-next, .swiper-button-prev {
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    top: var(--swiper-navigation-top-offset, 50%)
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg)
}

.swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-next, .swiper-horizontal~.swiper-button-prev {
    margin-left: 0;
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    top: var(--swiper-navigation-top-offset, 50%)
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next, .swiper-horizontal~.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev, .swiper-horizontal~.swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon, .swiper-horizontal~.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg)
}

.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(0)
}

.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-next, .swiper-vertical~.swiper-button-prev {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - var(--swiper-navigation-size)/ 2);
    margin-top: 0;
    right: auto
}

.swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-prev {
    bottom: auto;
    top: var(--swiper-navigation-sides-offset, 4px)
}

.swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical~.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(-90deg)
}

.swiper-vertical .swiper-button-next, .swiper-vertical~.swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto
}

.swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical~.swiper-button-next .swiper-navigation-icon {
    transform: rotate(90deg)
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button .swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .2509803922));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1019607843));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5019607843));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.header-mobile {
    display: none;
    min-width: 20rem;
    width: auto;
    position: relative;
    background: #fff;
    z-index: 210;
    height: 11.0625rem
}

.header-mobile.header--scrolled.visible .header-mobile__top {
    transform: none
}

.header-mobile.header--scrolled.visible~.layout-catalog .layout-catalog__mobile-filter-wrapper {
    top: 3.5625rem !important
}

.header-mobile.header--scrolled.has-transition .header-mobile__top {
    transition: transform .3s ease
}

.header-mobile.header--scrolled .header-mobile__top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 210;
    transform: translateY(-100%);
    background: #fff
}

.header-mobile.header--scrolled .header-mobile__phone {
    display: flex;
    justify-content: flex-start
}

.header-mobile.header--scrolled .header__socials {
    display: none
}

.header-mobile__top {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: .625rem 1rem
}

.header-mobile__top::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    z-index: 10
}

.header-mobile__top .header-mobile__phone {
    display: none;
    justify-content: flex-end;
    padding: .5rem .5rem
}

.header-mobile__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 1 auto
}

.header-mobile__actions {
    align-self: center;
    flex-shrink: 0;
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: .68rem;
    column-gap: .68rem;
    padding-left: .48rem;
    -moz-column-rule: .0625rem solid #efefef;
    column-rule: .0625rem solid #efefef;
    border-left: .0625rem solid #efefef
}

.header-mobile__logo {
    margin-right: auto
}

.header-mobile__logo svg {
    fill: #000
}

.header-mobile__burger {
    margin-right: 1.25rem
}

.header-mobile__burger:hover {
    cursor: pointer
}

.header-mobile__burger svg {
    fill: #000
}

.header-mobile__popup {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 551;
    background-color: rgba(0, 0, 0, .7)
}

.header-mobile__inner {
    width: 100%;
    height: 100%;
    position: absolute
}

.header-mobile__contacts {
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: .0625rem solid #e8e8e8;
    font-size: .75rem;
    background-color: #fff;
    z-index: 101
}

.header-mobile__ico {
    margin-right: .625rem
}

.header-mobile__column {
    border-right: .0625rem solid #e8e8e8;
    width: 50%;
    display: flex;
    justify-content: space-between;
    color: #000;
    min-height: 2.5rem
}

.header-mobile__address {
    width: 50%
}

.header-mobile__address, .header-mobile__email, .header-mobile__phone {
    margin: 0 auto;
    flex: 1 1 auto;
    padding: .625rem .625rem .625rem 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    background: 0 0;
    cursor: pointer;
    font-size: .6875rem;
    gap: .12rem;
    font-weight: 500;
    line-height: 145.455%;
    text-transform: uppercase
}

.header-mobile__address::before, .header-mobile__email::before, .header-mobile__phone::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-mobile__text {
    margin-left: .3125rem;
    font-size: .875rem;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center
}

.header-mobile__text--normal {
    font-size: .9375rem;
    font-weight: 600
}

.header-mobile__catalog {
    padding: .625rem 1rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: .25rem;
    position: relative;
    width: 100%;
    z-index: 100;
    border-bottom: .0625rem solid #e8e8e8;
    font-weight: 700;
    transition: unset;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 145.455%;
    text-transform: uppercase
}

.header-mobile__catalog::before {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    flex-shrink: 0
}

.header-mobile__goods {
    position: absolute
}

.header-mobile__dropdown {
    position: absolute;
    right: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-mobile__dropdown svg path {
    stroke: #000
}

.header-mobile__banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 2.5625rem;
    background: #fff;
    padding: .9375rem .9375rem .75rem
}

.header-mobile__banner[data-status=close] {
    display: none
}

.header-mobile__banner a {
    font-weight: 700;
    color: #000;
    font-size: .875rem;
    padding-right: 1.25rem;
    text-align: center
}

.header-mobile__trigger {
    padding: 0 .9375rem;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer
}

.header-mobile__trigger[data-status=active] {
    transform: rotate(180deg)
}

.header-mobile__trigger svg {
    width: .625rem;
    height: .625rem
}

.header-mobile__trigger path {
    stroke: #000
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 300;
    transition: margin-top .3s ease
}

.header-fake {
    height: 11.0625rem;
    display: none
}

.header-fake--admin {
    height: 0
}

.header--admin {
    position: relative
}

.header--scrolled .header__top {
    border-bottom-color: #efefef
}

.header--scrolled .header__bottom {
    background-color: #fff;
    border-bottom-color: #efefef
}

.header--scrolled .header__bottom .header__socials {
    opacity: 1;
    visibility: visible
}

.header--scrolled .header__bottom .header__phone {
    opacity: 1;
    visibility: visible
}

.header__wrapper {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 1rem
}

.header__top {
    background-color: #fff;
    border-bottom: .0625rem solid #efefef;
    transition: border-color .3s;
    padding: .375rem 0 .625rem;
    transition: transform .3s ease
}

.header__top .header__wrapper {
    position: relative;
    flex-wrap: wrap;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.header__logo {
    flex-shrink: 0;
    width: 4.56313rem;
    margin-right: auto
}

.header__contact {
    display: contents
}

.header__address {
    display: grid;
    gap: 1rem;
    padding: 2rem 1rem;
    width: 100%
}

.header__address-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.header__address-caption {
    line-height: 116.667%;
    font-size: .5rem
}

.header__address-value {
    margin-top: .125rem;
    font-size: .625rem;
    line-height: 160%;
    font-weight: 500
}

.header__bottom {
    background: #fff;
    border-bottom: 1px solid #efefef;
    transition: background-color .3s, border-color .3s, transform .3s ease
}

.header__bottom .header__socials {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    margin-left: auto
}

.header__bottom .header__phone {
    margin-left: auto;
    margin-right: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.header__dropdown {
    transition: transform .3s ease
}

.header__other {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-width: 11.125rem;
    gap: 2rem
}

.header__other.full-width {
    flex: 1 1 auto
}

.header__search {
    display: none
}

.header__search:not(.open-search) div.title-search-result {
    display: none
}

.header__search-link {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.625rem;
    height: 1.625rem;
    margin-left: auto
}

.header__search-link.active::before {
    color: #2e3235
}

.header__search-link::before {
    width: 1.5rem;
    height: 1.5rem;
    color: #000;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.header__search-link--tablet {
    display: none
}

.header__search-bar {
    display: flex;
    align-items: center;
    justify-content: center
}

.header__form {
    position: absolute;
    top: 4.875rem;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear;
    pointer-events: none
}

.header__form--open {
    opacity: 1;
    z-index: 1;
    pointer-events: all
}

.header__dropdown {
    display: none
}

.header__phone {
    white-space: nowrap;
    margin-right: .45rem
}

.header__phone a {
    display: flex;
    align-items: center;
    gap: .31rem;
    line-height: 123.077%;
    font-size: .6875rem
}

.header__phone a::before {
    width: 1.25rem;
    flex-shrink: 0;
    height: 1.25rem;
    font-size: 1.25rem;
    color: #000
}

.header__email {
    min-width: 8.1875rem
}

.header__request {
    transition: opacity .2s linear;
    white-space: nowrap
}

.header__request--disable {
    opacity: .2;
    pointer-events: none
}

.header__row {
    display: flex;
    justify-content: center;
    width: calc(100% - 75px);
    align-items: center
}

.header__wrap {
    margin-left: .5rem;
    min-width: 5.125rem;
    flex-shrink: 0;
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    padding-left: .5rem;
    -moz-column-rule: .0625rem solid #efefef;
    column-rule: .0625rem solid #efefef;
    border-left: .0625rem solid #efefef
}

.header__socials {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-left: auto;
    margin-right: 1rem
}

.header__social {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: opacity .3s ease
}

.menu {
    transition: opacity .1s ease, visibility .1s ease
}

.menu.fade {
    opacity: 0;
    visibility: hidden
}

.menu.menu-hidden-desktop {
    display: none
}

.menu__item {
    height: 3.125rem;
    font-weight: 500;
    text-transform: uppercase;
    gap: .25rem;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    font-size: .5625rem;
    padding: 0 .75rem
}

.menu__item:first-of-type {
    padding-left: 0
}

.menu__item::before {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    font-size: 1.125rem;
    color: #6d6d6d
}

.menu__item.menu__item--catalog::before {
    color: #3c3c3c
}

.menu__item.menu__item--catalog:hover {
    color: #000
}

.menu__item--opened {
    color: #000
}

.menu__item--current {
    border-bottom: .0625rem solid #000
}

.menu__item:hover .menu__text {
    color: #000
}

.menu__icon {
    margin-right: .5625rem
}

.menu__text {
    text-transform: uppercase;
    color: #000;
    transition: color .3s
}

.menu__count {
    margin-left: .3125rem
}

.menu__sale {
    margin-top: 1.3rem;
    min-width: 8.1875rem
}

.menu__sale::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: .8125rem
}

.menu-dropdown {
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 1.5rem 2.95rem -.5rem rgba(0, 0, 0, .25);
    overflow-y: auto
}

.menu-dropdown .header__wrapper {
    align-items: flex-start;
    padding: 1.5rem 1.875rem 2.5rem;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent
}

.menu-dropdown .header__wrapper::-webkit-scrollbar {
    width: 6px
}

.menu-dropdown .header__wrapper::-webkit-scrollbar-track {
    background: 0 0
}

.menu-dropdown .header__wrapper::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px
}

.menu-dropdown__column {
    width: 12.5rem
}

.menu-dropdown h4 {
    font-size: .6875rem;
    line-height: 145.455%;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: .58rem
}

.menu-dropdown h4 a {
    padding-top: .5em;
    color: inherit;
    transition: color .3s ease
}

.menu-dropdown h4 a:hover {
    color: #000
}

.menu-dropdown h4+h4 {
    margin-top: 1.75rem
}

.menu-dropdown ul {
    font-size: .6875rem;
    line-height: 1.2em;
    margin-bottom: -.6875rem
}

.menu-dropdown ul li {
    margin-bottom: .32rem
}

.menu-dropdown ul a {
    color: #373737
}

.menu-dropdown ul a:hover {
    color: #000
}

.menu-dropdown ul+h4 {
    margin-top: 2.3125rem
}

.goods {
    display: none;
    background-color: #fff;
    z-index: 601;
    width: 100%;
    min-height: 100vh
}

.goods__dropdown {
    padding: 1.25rem;
    display: flex;
    flex-direction: column
}

.goods__wrapper {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: .8125rem;
    text-transform: uppercase;
    letter-spacing: -.005em;
    margin-bottom: .75rem;
    color: #000
}

.goods__list {
    font-size: .8125rem;
    border-bottom: .0625rem solid #e8e8e8;
    padding-bottom: .9375rem;
    display: none;
    margin-bottom: .9375rem
}

.goods__list li {
    margin-bottom: .3125rem
}

.goods__list li a {
    color: #373737
}

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

.search-wiget {
    display: flex;
    align-items: center
}

.search-wiget__input {
    padding: .62rem 0;
    font-size: .75rem;
    height: 3.125rem;
    font-weight: 500;
    line-height: 200%;
    color: #2e3235;
    transition: border-color .3s;
    background: #fff;
    width: 100%;
    caret-color: #2e3235
}

.search-wiget__input::-moz-placeholder {
    color: #dedede;
    opacity: 1
}

.search-wiget__input::placeholder {
    color: #dedede;
    opacity: 1
}

.search-wiget__button {
    background: 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    height: 100%;
    margin-right: -.4375rem
}

#title-search {
    position: relative
}

div.title-search-result {
    border-left: .0625rem solid #d7d7d7;
    border-right: .0625rem solid #d7d7d7;
    border-bottom: .0625rem solid #d7d7d7;
    background: #fff;
    box-shadow: 0 .8125rem 1.25rem 0 rgba(0, 0, 0, .1);
    display: none;
    z-index: 9999;
    position: fixed;
    width: 100%;
    left: 0
}

table.title-search-result {
    border-collapse: collapse;
    border: none
}

table.title-search-result th {
    background-color: #f7f7f7;
    border-right: .0625rem solid #e8e8e8;
    color: #949494;
    font-weight: 400;
    padding-top: .125rem;
    padding-bottom: .125rem;
    padding-left: .875rem;
    padding-right: .75rem;
    text-align: right;
    vertical-align: top;
    width: 1%
}

table.title-search-result td {
    background-color: #fff;
    color: #000;
    font-weight: 400;
    text-align: left;
    font-size: .75rem;
    font-weight: 500;
    line-height: 158.333%
}

table.title-search-result td a {
    padding: .31rem 1rem
}

table.title-search-result td.title-search-item a {
    padding-left: 1rem;
    padding-right: .9375rem;
    text-decoration: none;
    color: #000;
    vertical-align: top;
    display: block
}

table.title-search-result td.title-search-item img {
    vertical-align: top
}

table.title-search-result td.title-search-more {
    font-size: .6875rem;
    font-weight: 400;
    padding-right: .9375rem;
    padding-left: 1.5rem;
    padding-top: 0
}

table.title-search-result td.title-search-more a {
    padding-left: .75rem;
    padding-right: .9375rem;
    text-decoration: none;
    color: #999
}

table.title-search-result td.title-search-all {
    border-top: .0625rem solid #d9d9d9
}

table.title-search-result td.title-search-all a {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-weight: 700;
    color: inherit;
    line-height: 1.25rem;
    padding: .59rem 1rem;
    width: 100%
}

table.title-search-result td.title-search-all a::before {
    order: 1;
    display: flex;
    width: 1.25rem;
    height: .5rem;
    font-weight: 700;
    justify-content: center;
    align-items: flex-start;
    color: #6d6d6d
}

table.title-search-result td.title-search-separator {
    padding-top: 0;
    padding-bottom: 0;
    font-size: .25rem
}

table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected td.title-search-more a {
    background: #ececec
}

div.title-search-fader {
    display: none;
    background-image: url(images/fader.png);
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute
}

.footer-mobile {
    position: relative;
    min-width: 20rem;
    width: auto;
    display: none;
    margin-top: .625rem;
    background-color: #000
}

.footer-mobile a {
    color: #fff
}

.footer-mobile__menu-item {
    margin-bottom: 1.125rem
}

.footer-mobile__top {
    padding-top: 1.25rem
}

.footer-mobile__bottom {
    padding: .9375rem 1rem 1.875rem
}

.footer-mobile__wrapper {
    padding: 0 1rem
}

.footer-mobile__catalog {
    border-bottom: 1px solid #484b4e
}

.footer-mobile__nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 0 .625rem;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: -.625rem
}

.footer-mobile__nav a {
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.875rem;
    display: inline-block;
    width: 50%
}

.footer-mobile__row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2e2f32;
    padding-bottom: .625rem;
    align-items: center;
    margin-bottom: .625rem
}

.footer-mobile__row:nth-child(2) {
    padding-bottom: 0;
    color: #626669
}

.footer-mobile__row:nth-child(2) svg path {
    stroke: #595c5f
}

.footer-mobile__row:nth-child(2) svg:hover {
    stroke: #595c5f
}

.footer-mobile__row:last-child {
    border-bottom: none
}

.footer-mobile__contacts {
    display: flex;
    flex-direction: column
}

.footer-mobile__social {
    top: .25rem;
    position: relative
}

.footer-mobile__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1.1em;
    color: #5c6164
}

.footer-mobile__info a {
    color: #a2a7ab
}

.footer-mobile__info a:hover {
    color: #5c6164
}

.footer-mobile__goods {
    display: none;
    justify-content: space-between
}

.footer-mobile__goods h4 {
    letter-spacing: -.005em;
    margin-bottom: .9375rem;
    line-height: 1.2em
}

.footer-mobile__goods h4 a {
    font-size: .8125rem;
    color: #626669;
    text-transform: uppercase
}

.footer-mobile__goods h4:hover a {
    color: #a2a7ab
}

.footer-mobile__goods ul {
    margin-bottom: .875rem
}

.footer-mobile__goods ul li {
    line-height: 1.2em;
    margin-bottom: .4375rem
}

.footer-mobile__goods ul li:hover a {
    color: #626669
}

.footer-mobile__goods ul li a {
    color: #a2a7ab;
    font-size: .75rem
}

.footer-mobile__column {
    display: flex;
    flex-direction: column
}

.footer-mobile__column:first-child {
    margin-right: .625rem
}

.footer {
    margin-top: 4.375rem;
    padding-bottom: 4.36rem;
    background-color: #000;
    color: #fff
}

.footer__wrapper {
    width: 62.5rem;
    margin: 0 auto
}

.footer__bottom {
    font-size: .875rem;
    line-height: 1.0625rem
}

.footer__bottom--tablet {
    display: none
}

.footer__addresses {
    margin-top: 1rem;
    display: flex;
    font-size: .625rem;
    flex-direction: column;
    color: #fff;
    row-gap: 1.62rem;
    padding-bottom: 1.25rem
}

.footer__content {
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0
}

.footer__address {
    width: 22.8125rem;
    position: relative;
    padding-left: 1.25rem
}

.footer__address-item {
    display: flex;
    flex-direction: column;
    max-width: 80%
}

.footer__address-email, .footer__address-phone, .footer__address-text {
    display: flex;
    align-items: center;
    gap: .5rem;
    line-height: 1.4;
    font-size: .75rem;
    color: #fff
}

.footer__address-email::before, .footer__address-phone::before, .footer__address-text::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    align-self: flex-start;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #999
}

.footer__address-phone {
    margin-top: .4375rem
}

.footer__address-email {
    margin-top: .4375rem
}

.footer__phone {
    cursor: pointer
}

.footer__phone:hover {
    opacity: .5
}

.footer__email {
    cursor: pointer
}

.footer__email:hover {
    opacity: .5
}

.footer__payments {
    margin-top: 2rem
}

.footer__payments-caption {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 145.455%;
    text-transform: uppercase;
    margin-bottom: 1.38rem
}

.footer__payments-list {
    display: flex;
    flex-direction: column;
    gap: .875rem
}

.footer__payments-item {
    display: flex;
    align-items: center;
    gap: .75rem
}

.footer__payments-icon {
    width: 1.0625rem;
    height: 1.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.footer__payments-text {
    font-size: .625rem;
    line-height: 160%
}

.footer__info {
    margin-top: 2.2rem;
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    font-size: .625rem
}

.footer__owner {
    margin-bottom: .62rem;
    font-size: .75rem
}

.footer__license {
    color: #999;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    font-size: 10px
}

.footer__license:not(:last-child) {
    margin-bottom: .75rem
}

.footer__license .footer__license-row:not(:last-child) {
    margin-bottom: .75rem
}

.footer__license .footer__license-row a {
    color: inherit;
    transition: color .3s ease
}

.footer__license .footer__license-row a:hover {
    color: #fff
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -1.25rem;
    position: relative
}

.footer-nav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: .0625rem;
    background: rgba(255, 255, 255, .26)
}

.footer-nav__item {
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    padding: 1.875rem 1.25rem
}

.footer-nav__item:hover {
    color: #a2a7ab
}

.footer-nav__item--catalog {
    border: .0625rem solid #9b9da2;
    color: #9b9da2;
    padding: .47rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem
}

.footer-nav__item--catalog::before {
    order: 1;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease;
    transform: rotate(90deg)
}

.footer-nav__item--catalog svg {
    transition: transform .3s
}

.footer-nav__item--catalog .ico {
    stroke: #626669;
    margin-left: .625rem
}

.footer-nav__item--catalog:hover {
    border-color: #a2a7ab
}

.footer-nav__item--catalog:hover .ico {
    stroke: #a2a7ab
}

.footer-nav__item--opened svg {
    transform: rotate(180deg)
}

.footer-nav__item--opened::before {
    transform: rotate(-90deg)
}

.footer-nav__ico {
    margin-left: .625rem
}

.footer-fullnav__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0 0
}

.footer-fullnav__column {
    width: 12.5rem
}

.footer-fullnav h4 {
    font-size: .625rem;
    text-transform: uppercase;
    margin-bottom: .625rem;
    font-weight: 700;
    line-height: 2
}

.footer-fullnav h4 a {
    color: #fff;
    padding-top: .5em;
    line-height: 1.55
}

.footer-fullnav h4 a:hover {
    color: #a2a7ab
}

.footer-fullnav h4+h4 {
    margin-top: .875rem
}

.footer-fullnav ul {
    font-size: .625rem;
    line-height: 1.5em
}

.footer-fullnav ul li:not(:last-child) {
    margin-bottom: .38rem
}

.footer-fullnav ul a {
    color: #a2a7ab
}

.footer-fullnav ul a:hover {
    color: #626669
}

.footer-fullnav ul+h4 {
    margin-top: 2.3125rem
}

.footer-fullnav__sale {
    margin-top: 1.3rem;
    min-width: 8.1875rem
}

.footer-fullnav__sale::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: .8125rem
}

.foo-soc {
    font-size: 0;
    margin: 0 -.3125rem;
    display: flex;
    align-items: center
}

.foo-soc__title {
    font-size: .75rem
}

.foo-soc__ico {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.25rem;
    padding: .3125rem;
    color: #999;
    position: relative;
    display: inline-block;
    transition: color .3s ease
}

.foo-soc__ico:hover {
    color: #fff
}

.foo-soc__ico--vk-video {
    font-size: 1.2rem
}

.foo-soc__ico svg {
    width: 100%;
    height: 100%
}

.foo-soc__ico svg path {
    fill: #a2a7ab
}

.cart-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.cart-item:not(:last-child) {
    margin-bottom: 1.5625rem;
    padding-bottom: 1.5625rem;
    border-bottom: .0625rem solid #dedede
}

.cart-item__image {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    border: .515px solid #dedede;
    padding: .625rem;
    width: 100%;
    aspect-ratio: 1
}

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

.cart-item__content {
    flex: 1 1 auto;
    padding: .625rem 0;
    display: flex;
    flex-direction: column
}

.cart-item__header {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.cart-item__title {
    font-size: .875rem;
    font-weight: 500;
    line-height: 110%;
    max-width: 23.125rem
}

.cart-item__total {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.cart-item__price {
    font-size: 1.125rem;
    font-weight: 500
}

.cart-item__remove {
    flex-shrink: 0
}

.cart-item__remove a {
    width: 2.1875rem;
    height: 2.1875rem;
    background: #f5f5f5;
    color: #999;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s ease, color .3s ease
}

.cart-item__num {
    margin-top: 1.5rem
}

.cart-page {
    width: 62.5rem;
    margin: 0 auto;
    margin-bottom: 4.6875rem;
    padding-top: 1.1875rem
}

.cart-page__list {
    padding-bottom: 2.5rem
}

.cart-page__footer {
    position: absolute;
    width: 100%;
    box-shadow: 0 -.25rem .375rem rgba(0, 0, 0, .04), 0 -.4375rem .875rem rgba(0, 0, 0, .07);
    background: #fff;
    padding: 1.25rem 0;
    left: 0;
    margin-top: 2rem
}

.cart-page__footer.fixed {
    position: fixed;
    bottom: 0;
    z-index: 1
}

.cart-page__footer-content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.cart-page__order-call {
    margin-right: auto;
    gap: .25rem;
    display: flex;
    align-items: center;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase
}

.cart-page__order-call::before {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem
}

.cart-page__order-call, .cart-page__submit, .cart-page__total {
    display: inline-block;
    vertical-align: middle
}

.cart-page__submit {
    margin: 0 2.1875rem 0 2.5rem
}

.cart-page__description, .cart-page__price {
    display: none
}

.cart-link {
    white-space: nowrap;
    height: 3.125rem;
    font-weight: 500;
    font-size: .6875rem;
    display: flex;
    align-items: center
}

.cart-link::before {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    color: #000
}

.cart-link--tablet {
    display: none
}

.cart-link__text {
    position: relative;
    top: -.0625rem;
    text-transform: uppercase;
    color: #000;
    margin: 0 .5625rem;
    transition: color .3s
}

.cart-link--add .cart-link__count {
    animation-duration: .6s;
    animation-name: pulse;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-delay: 0s
}

.cart-link--add .cart-link__ico .ico {
    fill: #000
}

.cart-link--add .cart-link__text {
    color: #000
}

.count {
    font-size: .75rem;
    line-height: 1.2142857143;
    color: #fff !important;
    background-color: #000;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -.0625rem;
    transition: background-color .3s
}

.quantity__input[readonly] {
    pointer-events: none
}

.quantity__down, .quantity__up {
    border-radius: 50%;
    background: #3c3c3c;
    color: #fff;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: .625rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    transition: background-color .3s ease
}

.quantity__down:hover, .quantity__up:hover {
    background-color: rgb(34.5, 34.5, 34.5)
}

.quantity__down:active, .quantity__up:active {
    background-color: rgb(34.5, 34.5, 34.5)
}

.quantity__down:disabled, .quantity__up:disabled {
    pointer-events: none;
    background: #d0d0d0
}

.item-links {
    border: .0625rem solid #d4d4d4;
    display: flex;
    margin-top: 1.3125rem;
    text-align: center
}

.item-links__item {
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 7.0625rem;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #000
}

.item-links__item:hover {
    color: #000
}

.item-links__item span {
    display: block;
    padding-top: 2.5rem
}

.item-links__item--num span {
    background: url(../images/ico-num.png) no-repeat top center
}

.item-links__item--delivery span {
    background: url(../images/ico-delivery.png) no-repeat 50% .1875rem
}

.item-links__item--sample span {
    background: url(../images/ico-sample.png) no-repeat top center
}

.item-links__item--3d span {
    background: url(../images/ico-3d.png) no-repeat top center
}

.item-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.0625rem
}

.item-info__char {
    width: 14.6875rem
}

.item-info__char--mobile {
    display: none
}

.info-num {
    display: flex;
    flex-direction: column;
    gap: .87rem;
    width: 100%
}

.info-num--right {
    text-align: right
}

.info-num__form {
    display: flex;
    gap: 1.25rem
}

.info-num__input .quantity, .info-num__input.quantity {
    display: flex;
    gap: .5rem
}

.info-num__input input {
    text-align: center;
    flex-shrink: 0;
    width: 6.5rem;
    height: 2.5rem
}

.info-num__hint {
    font-size: .6875rem
}

.info-num__hint--mobile {
    margin-top: .375rem
}

.info-num__hint span {
    font-size: .75rem;
    font-weight: 500;
    margin-left: .5rem;
    white-space: nowrap
}

.item-top {
    display: flex;
    flex-direction: column-reverse
}

.item-body {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    row-gap: 1rem;
    flex-wrap: wrap
}

.item-body__quantity {
    margin-top: .29rem;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #989898;
    font-weight: 500;
    font-size: .75rem;
    text-transform: uppercase
}

.item-body__quantity.blinking {
    animation: blink 875ms infinite
}

@keyframes blink {
    0% {
        color: #989898
    }

    50% {
        color: #000
    }

    100% {
        color: #989898
    }
}

.item-body__quantity::before {
    flex-shrink: 0;
    margin-right: .5rem;
    font-size: .9375rem;
    color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-header {
    width: 62.5rem;
    margin: 0 auto;
    padding: .875rem 0 0;
    margin-bottom: 1rem
}

.page-header__title-wrap {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.page-header__column {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.page-header__producer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8.5rem;
    border-radius: .25rem;
    border: .0625rem solid #dedede;
    padding: 1.875rem;
    margin-top: 1rem
}

.page-header__producer img {
    max-height: 100%
}

.page-header__title {
    font-weight: 500;
    font-size: 1.125rem;
    max-width: 51.625rem;
    line-height: 110%
}

.page-header__text {
    font-size: .6875rem;
    line-height: normal
}

.page-header__description {
    line-height: 1.5;
    margin: 1.25rem 0 1.5625rem;
    font-size: .6875rem
}

.page-header__actions {
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase;
    align-self: flex-start;
    padding-top: .7rem;
    position: relative
}

.page-header__actions-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .6875rem
}

.page-header__actions-btn::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-header__socials {
    position: absolute;
    top: calc(100% + .37rem);
    left: 0;
    border-radius: .25rem;
    background: #fff;
    padding: .625rem .75rem;
    box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    min-width: 12.6875rem;
    z-index: 2
}

.page-header__socials.active {
    opacity: 1;
    visibility: visible
}

.page-header__social {
    display: flex;
    align-items: center;
    gap: .5rem;
    text-transform: none
}

.page-header__social:not(:last-child) {
    margin-bottom: .81rem
}

.page-header__social-icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

.page-header__social-icon img {
    width: 100%
}

.page-header__social-text {
    font-size: .6875rem;
    font-weight: 400
}

.bread {
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding-inline: 1rem;
    margin-inline: -1rem;
    font-size: .6875rem;
    line-height: 145.455%;
    color: #000
}

.bread::-webkit-scrollbar {
    width: 0;
    height: 0
}

.bread {
    scrollbar-width: none
}

.bread:not(:last-child) {
    margin-bottom: 2.3125rem
}

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

.bread__link::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: .625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1
}

.bread__link:hover {
    color: #000
}

.bread__text {
    display: inline-block;
    vertical-align: baseline
}

.bread__current {
    opacity: .3
}

.more-btn {
    border: .0625rem solid #6d6d6d;
    color: #6d6d6d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8125rem;
    padding: .625rem;
    height: 2.1875rem;
    text-align: center;
    white-space: nowrap;
    transition: color .3s, background-color .3s, border-color .3s;
    border-radius: .1875rem;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase
}

.more-btn:hover {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    color: #fff
}

.more-btn:active {
    background-color: #000;
    border-color: #000;
    color: #fff;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .2)
}

.text-nowrap {
    white-space: nowrap
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.select-dropdown {
    position: relative;
    width: 100%
}

.select-dropdown.visible .select-dropdown__body {
    opacity: 1;
    visibility: visible
}

.select-dropdown.visible .select-dropdown__button {
    border: .0625rem solid #6d6d6d
}

.select-dropdown.visible .select-dropdown__button::before {
    transform: rotate(-180deg)
}

.select-dropdown {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 140%
}

.select-dropdown.select-dropdown-top .select-dropdown__body {
    top: auto;
    bottom: calc(100% + .25rem)
}

.select-dropdown__button {
    position: relative;
    cursor: pointer;
    transition: all .3s ease 0s;
    width: 100%;
    background: #fff;
    color: #344054;
    min-height: 2.25rem;
    gap: .4375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    border: .0625rem solid #dedede;
    padding: 0 .5rem;
    font-size: .6875rem
}

.select-dropdown__button.selected {
    color: #000
}

.select-dropdown__button::before {
    transition: transform .3s ease 0s;
    order: 1;
    width: 1.25rem;
    height: 1.25rem;
    font-size: .875rem;
    color: #667085;
    display: flex;
    justify-content: center;
    align-items: center
}

.select-dropdown__button:disabled {
    opacity: .45;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select-dropdown__button-text {
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    hyphens: auto;
    min-width: 2.13rem
}

.select-dropdown__body {
    position: absolute;
    right: 0;
    top: calc(100% + .25rem);
    min-width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 4;
    border: .0625rem solid #414651;
    transition: .2s ease;
    background: #fff;
    opacity: 0;
    visibility: hidden
}

.select-dropdown__body.visible {
    opacity: 1;
    visibility: visible
}

.select-dropdown__list {
    overflow-x: hidden;
    overflow-y: auto
}

.select-dropdown__list::-webkit-scrollbar {
    width: .3125rem
}

.select-dropdown__list.has-scroll {
    padding-right: .625rem
}

.select-dropdown__list::-webkit-scrollbar-track {
    background: #e0eaf3;
    border-radius: .3125rem
}

.select-dropdown__list::-webkit-scrollbar-thumb {
    background: #81a6ca;
    border-radius: .3125rem
}

.select-dropdown__list-item {
    cursor: pointer !important;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #a4a7ae;
    padding: .25rem;
    font-size: 13px;
    line-height: 140%;
    color: #344054
}

.select-dropdown__list-item {
    transition: color .3s ease
}

.select-dropdown__list-item.active, .select-dropdown__list-item[aria-checked=true] {
    color: #000;
    font-weight: 700
}

.select-dropdown__list-item[aria-disabled=true] {
    opacity: .5;
    pointer-events: none;
    display: none
}

body {
    font-family: KSM, sans-serif;
    color: #000;
    min-width: 320px;
    min-height: 100%;
    line-height: normal;
    overflow-x: hidden !important
}

.body--hidden {
    position: relative;
    overflow: hidden !important
}

.body--hidden::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.body--hidden::before:hover {
    cursor: pointer
}

.container {
    max-width: 62.5rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem
}

.wrapper {
    flex-grow: 1;
    overflow-x: clip
}

.g-stub {
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0
}

.overlay {
    position: absolute
}

.overlay--covered {
    z-index: 599;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.lock {
    overflow: hidden
}

.swiper-button-disabled {
    display: none !important
}

.h1, h1 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.1em
}

.h2, h2 {
    line-height: normal;
    font-size: 1.125rem;
    font-weight: 500
}

.h3, h3 {
    line-height: normal;
    font-size: 1.125rem;
    font-weight: 500
}

.ico {
    transition: stroke .3s, fill .3s
}

[data-role=bx_filter_block]:first-of-type {
    border-top: inherit;
    margin-top: inherit;
    padding-top: inherit;
    margin-bottom: inherit
}

.remove {
    color: #000
}

.remove__text {
    display: inline-block;
    vertical-align: middle;
    padding-right: .3125rem
}

.remove__ico {
    display: inline-block;
    vertical-align: middle;
    width: 1.3125rem;
    height: 1.3125rem;
    border: .0625rem solid #d5d5d5;
    border-radius: 50%;
    line-height: 1rem;
    text-align: center;
    transition: border-color .3s, background-color .3s
}

.remove:hover {
    color: #000
}

.remove:hover .remove__ico {
    border-color: #f46363;
    background-color: #f46363
}

.remove:hover .remove__ico .ico {
    fill: #fff
}

.order-call {
    color: #000;
    font-size: .8125rem;
    text-transform: uppercase;
    transition: color .3s;
    display: flex;
    align-items: center
}

.order-call__ico, .order-call__phone {
    display: inline-block;
    vertical-align: middle
}

.order-call__ico {
    margin-right: .75rem
}

.order-call:hover {
    color: #000
}

.order-call:hover .ico {
    fill: #000
}

.price-format {
    font-size: 1.5rem;
    font-weight: 500
}

.price-format__decimal {
    font-size: .75em
}

.price-format .default-block {
    margin: 0 auto;
    width: 62.5rem
}

.cols {
    font-size: 0
}

.cols__item {
    display: inline-block;
    vertical-align: top;
    font-size: .875rem;
    width: 50%
}

.cols__item:first-child {
    padding-right: 3.75rem
}

.cols__item img {
    max-width: 100%
}

.producers-wrap {
    width: 62.5rem;
    margin: 0 auto
}

.file {
    color: #000;
    margin-bottom: .9375rem;
    display: block
}

.file__title {
    display: inline-block;
    font-weight: 700;
    font-style: .8125rem;
    line-height: 1.0625rem;
    color: #000;
    border-bottom: .0625rem solid rgba(255, 91, 3, 0);
    transition: color .2s, border .2s;
    margin-bottom: .3125rem
}

.file__info {
    font-size: .8125rem;
    text-transform: uppercase
}

.file:hover .file__title {
    color: #000;
    border-bottom-color: #000
}

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

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

.grecaptcha-badge {
    display: none
}

.importantField {
    display: none
}

div[id^=bx_incl_area_] {
    display: inline
}

.asterisk {
    position: absolute;
    top: .625rem;
    right: -.9375rem;
    font-size: .875rem;
    font-family: "Open Sans"
}

.svg-arrow-slider-small {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: .125rem;
    fill-rule: evenodd;
    transition: all .3s
}

.baloon {
    width: 21.5625rem;
    min-height: 14.0625rem;
    background-color: rgba(255, 255, 255, .85);
    position: relative;
    padding: 1.5625rem 2.8125rem 1.875rem 3.4375rem
}

.baloon:after {
    position: absolute;
    content: "";
    width: 3.1875rem;
    height: 5.3125rem;
    background-image: url(../images/marker.png);
    bottom: -3.75rem;
    left: 0;
    right: 0;
    margin: auto
}

.baloon__head {
    position: relative;
    line-height: 1.375rem;
    margin-bottom: .9375rem
}

.baloon__head:before {
    position: absolute;
    content: "";
    background: url(../images/ico-address-orange.png) no-repeat;
    width: .625rem;
    height: 1.125rem;
    border-radius: 0;
    top: .2em;
    left: -1.5625rem
}

.baloon__title {
    font-weight: 700
}

.baloon__close {
    position: absolute;
    right: .625rem;
    top: .3125rem;
    color: #000
}

.baloon p {
    margin-bottom: .9375rem
}

.baloon__right {
    float: right;
    opacity: .45
}

.baloon ymaps {
    overflow: visible !important;
    width: 100% !important
}

.baloon--contact {
    padding: 1.5625rem 2.8125rem 1.5625rem 1.875rem;
    min-height: auto;
    background-color: #fff;
    box-shadow: 0 .1875rem 1.25rem rgba(0, 0, 0, .17)
}

.baloon--contact:after {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #fff;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    bottom: -.625rem;
    margin: auto;
    background-image: none
}

.catalog-menu {
    display: none
}

.conf-promo {
    background-color: #000;
    position: relative;
    display: block;
    transition: all .3s;
    overflow: hidden
}

.conf-promo:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    transition: all .3s;
    z-index: 2
}

.conf-promo__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    transition: width 1s, height 1s, top 1s, left 1s
}

.conf-promo__wrapper {
    width: 62.5rem;
    color: #fff;
    position: relative;
    z-index: 3;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 31.25rem;
    margin: 0 auto
}

.conf-promo__title {
    font-size: 5rem;
    letter-spacing: -.005em
}

.conf-promo__description {
    font-size: 1.5rem;
    line-height: 1.0833333333
}

.conf-promo__button {
    margin-top: 3.4375rem;
    font-size: .8125rem;
    line-height: 2.9230769231;
    text-transform: uppercase;
    padding: 0 2.5rem;
    height: 2.5rem;
    white-space: nowrap;
    display: inline-block;
    border-radius: .1875rem;
    transition: color .3s, background-color .3s, border-color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    border: .125rem solid #fff;
    color: #fff
}

.gm-style {
    font-family: inherit !important;
    font-style: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important
}

.details {
    width: 100%;
    border-bottom: .0625rem solid #d8d8d8
}

.details:last-child {
    border-top: .0625rem solid #d8d8d8
}

.details__summary {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    cursor: pointer;
    padding: 1rem 0
}

.details__title {
    color: #000;
    font-size: .875rem
}

.details__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: transform .4s linear;
    pointer-events: none
}

.details__arrow svg {
    pointer-events: none
}

.addressess-slider {
    width: 100%;
    margin-top: -.3125rem;
    position: relative;
    overflow: hidden
}

.addressess-slider__slides {
    margin: 0 auto;
    position: relative;
    display: flex
}

.addressess-slider__slide {
    float: left;
    width: 100%;
    flex-shrink: 0;
    padding: 0 .9375rem;
    opacity: 0;
    text-align: center
}

.addressess-slider__slide--current {
    opacity: 1
}

.addressess-slider__wrap {
    display: table;
    width: 100%
}

.addressess-slider__in {
    height: 4.9375rem;
    vertical-align: middle;
    display: table-cell
}

.addressess-slider__arrow {
    height: auto;
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    bottom: 0;
    width: 1.25rem;
    display: flex !important;
    align-items: center;
    top: 0
}

.addressess-slider__arrow.swiper-button-disabled {
    display: none !important
}

.addressess-slider__arrow--next {
    right: -.75rem
}

.addressess-slider__arrow--prev {
    left: 0
}

.h-close {
    display: none
}

.h-close svg {
    height: .6875rem !important
}

.h-close svg path {
    stroke: #000
}

.addresses {
    position: absolute;
    display: none;
    z-index: 500;
    box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, .2), 0 0 3.75rem rgba(0, 0, 0, .2);
    top: 2.5rem;
    right: .625rem;
    left: .625rem
}

.addresses__wrapper {
    background-color: #fff;
    font-size: .875rem;
    font-weight: 700;
    position: relative
}

.addresses__close {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: .625rem;
    right: .625rem;
    background-image: url(../images/search-close.png);
    background-size: .625rem;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .3;
    transition: opacity .2s linear;
    cursor: pointer
}

.addresses__close:hover {
    opacity: 1
}

.addresses__row {
    border-bottom: .0625rem solid #e8e8e8;
    padding: .9375rem 1.25rem
}

.addresses__row:last-child {
    border-bottom: none
}

.addresses__row:last-child .button {
    width: 100%;
    text-align: center
}

.addresses__title {
    text-transform: uppercase;
    text-align: center
}

.addresses__text {
    display: block;
    width: 100%;
    text-align: center
}

.h-form {
    width: 21.5625rem;
    padding: 1.875rem;
    background-color: #fff;
    box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, .2);
    font-size: .875rem
}

.h-form:before {
    position: absolute;
    content: "";
    width: .75rem;
    height: .75rem;
    background-color: #fff;
    transform: rotate(45deg);
    top: -.375rem;
    right: 5.1875rem
}

.h-form__close {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: .625rem;
    right: .625rem;
    background-image: url(../images/search-close.png);
    background-size: .625rem;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .3;
    transition: opacity .2s linear;
    cursor: pointer
}

.h-form__close:hover {
    opacity: 1
}

.h-form select {
    display: none
}

.h-form .jq-selectbox__dropdown {
    position: absolute;
    left: 0
}

.h-form__title {
    font-size: 1.75rem;
    letter-spacing: -.05em;
    margin-bottom: .3125rem
}

.h-form__text {
    font-size: .6875rem;
    opacity: .7;
    margin-bottom: 1.5rem;
    margin-top: .21rem
}

.h-form__text--without-bottom {
    margin-bottom: 0
}

.h-form .field {
    line-height: 2.0625rem;
    height: 2.1875rem
}

.h-form__form {
    text-align: center
}

.h-form__form .form__line {
    text-align: left;
    position: relative;
    z-index: 2
}

.h-form__form .form__line:has(select) {
    z-index: 3
}

.h-form .form__result {
    margin: .625rem 0 0
}

@keyframes pulse {
    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

.help {
    position: relative;
    line-height: 0
}

.help__ico {
    width: 1.3125rem;
    height: 1.3125rem;
    background: url(../images/ico-help.png) no-repeat;
    opacity: .45;
    transition: opacity .3s;
    display: inline-block;
    cursor: pointer
}

.help__ico.hover, .help__ico:hover {
    opacity: 1
}

.help__popup {
    font-size: .6rem;
    line-height: 1.3em;
    color: #000;
    border: .0625rem solid #b6b6b6;
    padding: .75rem 1rem;
    position: absolute;
    top: 100%;
    left: -.3125rem;
    margin-top: .625rem;
    background-color: #fff;
    width: 14.6875rem;
    border-radius: .1875rem;
    display: none;
    z-index: 160
}

.help__popup:before {
    content: "";
    border-bottom: .4375rem solid #b6b6b6;
    border-left: .5625rem solid transparent;
    border-right: .5625rem solid transparent;
    position: absolute;
    top: -.4375rem;
    left: .375rem
}

.help__popup:after {
    content: "";
    border-bottom: .4375rem solid #fff;
    border-left: .5625rem solid transparent;
    border-right: .5625rem solid transparent;
    position: absolute;
    top: -.375rem;
    left: .375rem
}

.ico {
    transition: storke .3s, fill .3s
}

.ico-catalog {
    fill: #000;
    fill-rule: evenodd
}

.ico-arrow-down {
    fill: none;
    stroke: #000;
    stroke-width: .125rem;
    fill-rule: evenodd
}

.ico-arrow-right {
    fill: none;
    stroke: #000;
    stroke-width: .125rem;
    fill-rule: evenodd
}

.ico-breadcrumbs {
    fill: none;
    stroke: #000;
    stroke-width: .0625rem;
    fill-rule: evenodd
}

.ico-price {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: .125rem
}

.ico-tick {
    fill: #000
}

.ico-play--first {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10
}

.ico-play--second {
    fill: #fff
}

.ico-arrow-slider {
    fill: none;
    stroke: #000;
    stroke-width: .25rem;
    fill-rule: evenodd
}

.ico-remove {
    fill: #f46363;
    fill-rule: evenodd
}

.item-article {
    border-bottom: .0625rem solid #e5e5e5;
    overflow: hidden;
    padding: 50px 0 3.75rem
}

.item-article__image {
    float: left;
    width: 9.375rem
}

.item-article__content {
    margin-left: 10.625rem;
    overflow: hidden
}

.item-article__options {
    width: 21.25rem;
    float: right;
    margin: -18px 0
}

.item-article__options li {
    display: flex;
    min-height: 2.625rem;
    align-items: center;
    position: relative;
    padding-left: 3.75rem;
    margin: 18px 0
}

.item-article__options li img {
    position: absolute;
    top: 0;
    left: 0
}

.item-article__description {
    margin-right: 26.5625rem;
    margin-bottom: 1.125rem
}

.item-article__line-option {
    color: #4c4c4c;
    margin-bottom: 1.4375rem
}

.item-article__line-option img {
    vertical-align: middle;
    margin-right: .75rem
}

.item-article__line-option span {
    display: inline-block;
    vertical-align: middle
}

.item-article__additional {
    margin-bottom: 1.5625rem
}

.item-hiper {
    padding-bottom: .75rem;
    margin-bottom: 1rem
}

.item-hiper__title {
    font-size: .8125rem;
    line-height: 1.3em;
    color: #8a8a8a;
    margin-bottom: 1rem
}

.item-hiper__list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.item-hiper__item {
    display: flex;
    cursor: pointer
}

.item-hiper__item--tile {
    width: calc(50% - .375rem)
}

.item-hiper__link {
    display: flex;
    align-items: center;
    font-size: .8125rem;
    line-height: 1.0625rem;
    color: #8a8a8a
}

.item-hiper__image {
    display: block;
    margin-right: 1.125rem;
    min-width: 2.1875rem;
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background-size: contain
}

.item-hiper__image::before {
    content: "";
    border-radius: 50%;
    border: .0625rem solid #000;
    position: absolute;
    inset: -.25rem;
    opacity: 0;
    transition: opacity .3s
}

.item-hiper__image--current::before {
    opacity: 1
}

.item-hiper__summary {
    display: none
}

.nav-cats {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

.nav-cats--articles {
    margin: 1.25rem 0 2.5rem
}

.nav-cats__button {
    padding: .48125rem .625rem;
    font-size: .625rem
}

.nav-cats__mobile-ico {
    display: none
}

.nav-cats--select {
    margin-top: .25rem;
    display: none
}

.nav-cats--gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.nav-search {
    display: flex;
    justify-content: space-between;
    padding-top: .625rem
}

.nav-search__list {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block
}

.nav-search__button {
    margin: 0 .625rem .625rem 0;
    border: .0625rem solid #6d6d6d
}

.nav-search__button.jq-selectbox {
    margin: 0
}

.nav-search__input {
    display: inline-block
}

.search {
    width: 31.25rem;
    position: relative;
    align-self: flex-start
}

.search:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .625rem;
    width: 1.1875rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.search__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .9375rem;
    width: 1rem;
    height: 1rem;
    font-size: 1.25rem;
    opacity: .2;
    transition: opacity .2s linear;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.search__close:hover {
    opacity: 1
}

.search__field {
    width: 100%;
    height: 2.1875rem;
    padding: 0 2rem
}

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

.isNew {
    overflow: hidden !important
}

.new {
    max-width: 100vw
}

.new .order-list__title {
    white-space: normal
}

.new .order-list__value {
    white-space: normal;
    font-size: .875rem
}

.new .order-list .get-popup--default {
    margin-top: 1rem
}

.new__text.get-format {
    font-size: .875rem
}

.new__close {
    width: 3.0625rem;
    height: 3.0625rem;
    position: absolute;
    top: 4.375rem;
    left: -3.0625rem;
    background-color: #000;
    color: #fff;
    transition: background-color .3s ease, color .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.new__close .ico {
    fill: currentColor
}

.new__close:active, .new__close:hover {
    background-color: #fff;
    color: #000
}

.new__spin {
    background-color: #000;
    padding: .3125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 1.75rem;
    margin: -18px 0 0 -2.5rem;
    z-index: 10;
    display: none
}

.new__spin .spinner {
    margin: 0;
    position: static;
    height: 1.125rem
}

.new__text h1 {
    margin-bottom: 2.0625rem
}

.new__nav {
    display: flex;
    justify-content: space-between;
    font-size: .8125rem;
    margin-top: 2.6875rem
}

.new__num {
    opacity: .4;
    text-transform: uppercase
}

.new-link {
    font-size: .8125rem;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000
}

.new-link--prev .new-link__ico {
    margin-right: .375rem
}

.new-link--prev .new-link__ico svg {
    transform: rotate(180deg)
}

.new-link--next .new-link__ico {
    margin-left: .375rem
}

.new-link:hover {
    color: #000
}

.new-link:hover .ico {
    stroke: #000
}

.delivery__search {
    margin-top: 2.8125rem;
    position: relative
}

.delivery__btn {
    position: absolute;
    top: 0;
    right: 0
}

.delivery__input {
    width: 100%
}

.delivery__table {
    height: 5rem;
    border: .0625rem solid #d6d6d6;
    display: flex;
    justify-content: space-between;
    margin-top: 1.875rem
}

.delivery__cell {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-left: .0625rem solid #d6d6d6;
    line-height: 4.875rem
}

.delivery__cell:first-child {
    border-left: none
}

.delivery__row {
    line-height: 1.5rem;
    vertical-align: middle;
    display: inline-block
}

.delivery__val {
    font-size: 1.125rem
}

.delivery .filter-list {
    display: inline-flex;
    text-align: left;
    font-size: .75rem
}

#delivery-map {
    height: 25.3125rem;
    margin: 40px -40px -2.5rem
}

.prices {
    width: 62.5rem;
    margin: 0 auto
}

.price-list {
    border: .0625rem solid #d8d8d8;
    position: relative;
    z-index: 1;
    padding: .625rem;
    margin-bottom: -.0625rem;
    display: flex;
    justify-content: space-between;
    color: #000;
    align-items: center
}

.price-list--jpg .price-list__file:before {
    background: url(../images/jpg.png) no-repeat #000
}

.price-list:hover {
    border-color: #000;
    z-index: 2
}

.price-list__image {
    width: 5.875rem
}

.price-list__image img {
    width: 5.875rem;
    height: 5.5625rem
}

.price-list__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.price-list__file {
    width: 22.5rem;
    padding-left: 2.0625rem;
    position: relative
}

.price-list__file:before {
    content: "";
    width: 1.375rem;
    height: 1.8125rem;
    background: url(../images/pdf.png) no-repeat #000;
    position: absolute;
    top: .25em;
    left: 0;
    transition: background-color .3s
}

.price-list__title {
    display: block;
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1.0625rem;
    color: #000;
    transition: color .3s
}

.price-list__info {
    font-size: .8125rem
}

.price-list__description {
    width: 26.875rem
}

.price-list__subtitle {
    font-size: .8125rem;
    line-height: normal;
    color: #8b8b8b;
    display: block
}

.price-list__text {
    font-size: .9375rem
}

.producers {
    border: none;
    width: auto;
    padding: .9375rem 0;
    width: 62.5rem
}

.search-category {
    padding-bottom: 2.5rem;
    border-bottom: .0625rem solid #e5e5e5;
    margin-top: 1.25rem
}

.search-category__title {
    padding: .9375rem 0 1.875rem;
    display: flex;
    align-items: baseline
}

.search-category__description {
    font-size: .875rem;
    text-transform: lowercase;
    margin-left: 1.25rem;
    line-height: .875rem;
    margin-top: 1.0625rem
}

.search-category__btn {
    text-align: center;
    margin-top: .625rem
}

.search-category__btn button {
    color: #fff;
    background-color: #000;
    border: none
}

.search-category .items-list {
    margin-bottom: 0
}

.search-category .items-list.items-list--scroll {
    padding: 0
}

.slider {
    overflow: hidden;
    min-width: 0;
    margin: 0 auto;
    width: 100%
}

.slider .slick-arrow {
    display: none !important
}

.slider__slide {
    height: 382px !important;
    width: auto;
    min-width: 320px
}

.slider__slide.swiper-slide-active .slider__wrap:after {
    background-color: rgba(0, 0, 0, 0)
}

.slider__slide.swiper-slide-active .slider__wrap:before {
    opacity: 1
}

.slider__slide.swiper-slide-active .slider__text {
    opacity: 1
}

.slider__slide.swiper-slide-active .slider__views {
    opacity: 1
}

.slider__wrap {
    position: relative;
    display: block;
    height: 100%
}

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

.slider__wrap iframe {
    height: 100%
}

.slider__wrap:before {
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .68));
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: opacity .3s;
    opacity: 0
}

.slider__wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity .3s, background-color .3s
}

.slider__wrap:hover:after {
    background-color: rgba(0, 0, 0, .5)
}

.slider__wrap--video:hover {
    cursor: pointer
}

.slider__wrap--video:hover:after {
    background-image: url("data:image/svg+xml;utf8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='109' height='109'><circle cx='24' cy='24' r='23.5' style='fill: none; stroke: #000000; stroke-miterlimit: 10;'></circle><polygon points='21 17 21 31 29 24 21 17' style='fill: #000000;'></polygon></svg>")
}

.slider__wrap--video:after {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='109' height='109'><circle cx='24' cy='24' r='23.5' style='fill: none; stroke: #fff; stroke-miterlimit: 10;'></circle><polygon points='21 17 21 31 29 24 21 17' style='fill: #fff;'></polygon></svg>")
}

.slider__text {
    position: absolute;
    bottom: .625rem;
    left: 0;
    width: 100%;
    padding: 0 1.5625rem 1.5625rem;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    color: #fff;
    letter-spacing: -.01em;
    z-index: 2;
    opacity: 0;
    transition: opacity .3s;
    text-align: left
}

.slider__views {
    position: absolute;
    font-size: .875rem;
    padding-left: 1.5625rem;
    bottom: .1875rem;
    z-index: 2;
    color: #fff;
    opacity: 0;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    margin-left: 1.5625rem
}

.slider__views:before {
    position: absolute;
    content: "";
    width: 1.25rem;
    height: .875rem;
    background-image: url(../images/ico-views.png);
    top: .25rem;
    left: 0
}

.slider__nav {
    position: absolute;
    top: 0;
    width: 3.4375rem;
    z-index: 10;
    height: 100%
}

.slider__nav svg {
    position: absolute;
    top: 50%;
    margin-top: -.5625rem
}

.slider__nav:hover .ico {
    stroke: #000
}

.slider__nav--prev {
    left: -1.5625rem
}

.slider__nav--next {
    right: -1.5625rem
}

.special-offer {
    width: 66rem;
    margin: 2.5rem auto 4.375rem;
    border-top: .0625rem solid #e6e6e6
}

.special-offer__title {
    margin-top: 1.875rem
}

.special-offer__list {
    margin-top: 1.4375rem
}

.spinner {
    width: 4.375rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5625rem 0 0 -2.1875rem;
    font-size: 0
}

.spinner div {
    width: 1.125rem;
    height: 1.125rem;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    margin: 0 .125rem
}

.spinner--btn, .spinner--form {
    position: static;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .625rem
}

.spinner--btn div, .spinner--form div {
    background-color: #000;
    width: .625rem;
    height: .625rem
}

.spinner--form {
    vertical-align: middle;
    margin: 1rem auto 0
}

.spinner__first {
    animation-delay: -.32s !important
}

.spinner__second {
    animation-delay: -.16s !important
}

@keyframes sk-bouncedelay {
    0%, 100%, 80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.to-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    display: none
}

.to-top:hover {
    background-color: rgba(255, 91, 3, .1)
}

.to-top:hover .to-top__ico {
    background-color: #000
}

.to-top:active .to-top__ico {
    background-color: #000;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .2)
}

.to-top__ico {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #000;
    border-radius: .1875rem;
    position: fixed;
    bottom: 1.875rem;
    right: 1.875rem;
    transition: background-color .3s, box-shadow .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.to-top__ico svg {
    transform: rotate(180deg)
}

.to-top__ico .ico {
    stroke: #fff
}

.wall {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wall__row {
    white-space: nowrap;
    position: relative;
    left: -5%;
    pointer-events: none;
    line-height: 0;
    font-size: 0
}

.wall__row:nth-child(2n) {
    left: -30%
}

.wall img {
    margin-bottom: .7%;
    margin-right: .9%;
    display: inline-block;
    max-width: 55%;
    width: auto;
    height: auto
}

.wall--small img {
    max-width: 85%;
    margin-bottom: 3%;
    margin-right: 3%
}

.jq-checkbox {
    top: -.0625rem;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin: 0 .25rem 0 0;
    border: .0625rem solid #c3c3c3;
    border-radius: .1875rem;
    background: #f5f5f5;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 .0625rem .0625rem rgba(0, 0, 0, .05), inset -.0625rem -.0625rem #fff, inset .0625rem -.0625rem #fff;
    cursor: pointer
}

.jq-checkbox.checked .jq-checkbox__div {
    width: .75rem;
    height: .75rem;
    margin: .125rem 0 0 .125rem;
    border-radius: .125rem;
    background: #666;
    box-shadow: inset 0 -.1875rem .375rem #aaa
}

.jq-checkbox.focused {
    border: .0625rem solid #08c
}

.jq-checkbox.disabled {
    opacity: .55
}

.jq-radio {
    top: -.0625rem;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin: 0 .25rem 0 0;
    border: .0625rem solid #c3c3c3;
    border-radius: 50%;
    background: #f5f5f5;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 .0625rem .0625rem rgba(0, 0, 0, .05), inset -.0625rem -.0625rem #fff, inset .0625rem -.0625rem #fff;
    cursor: pointer
}

.jq-radio.checked .jq-radio__div {
    width: .625rem;
    height: .625rem;
    margin: .1875rem 0 0 .1875rem;
    border-radius: 50%;
    background: #777;
    box-shadow: inset .0625rem .0625rem .0625rem rgba(0, 0, 0, .7)
}

.jq-radio.focused {
    border: .0625rem solid #08c
}

.jq-radio.disabled {
    opacity: .55
}

.jq-file {
    width: 16.875rem;
    border-radius: .25rem;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .1)
}

.jq-file input {
    height: auto;
    line-height: 1em;
    cursor: pointer
}

.jq-file__name {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 2.125rem;
    padding: 0 80px 0 .625rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    background: #fff;
    box-shadow: inset .0625rem .0625rem #f1f1f1;
    font-size: .875rem;
    line-height: 2.2857142857;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-file__browse {
    position: absolute;
    top: .0625rem;
    right: .0625rem;
    padding: 0 .625rem;
    border-left: .0625rem solid #ccc;
    border-radius: 0 .25rem .25rem 0;
    background: #f5f5f5;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset .0625rem -.0625rem #f1f1f1, inset -.0625rem 0 #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1);
    font-size: .875rem;
    line-height: 2.2857142857;
    color: #333;
    text-shadow: .0625rem .0625rem #fff
}

.jq-file:hover .jq-file__browse {
    background: #e6e6e6;
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset .0625rem .0625rem .1875rem #ddd
}

.jq-file.focused .jq-file__name {
    border: .0625rem solid #5794bf
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse, .jq-file.disabled .jq-file__name {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 6.25rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    box-shadow: inset .0625rem .0625rem #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: .5rem .5625rem;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: .875rem;
    color: #333;
    text-align: left;
    -moz-appearance: textfield
}

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

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: .875rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    background: #f5f5f5;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .1);
    box-shadow: inset .0625rem -.0625rem #f1f1f1, inset -.0625rem 0 #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: .0625rem .0625rem #fff;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: #e6e6e6;
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset .0625rem .0625rem .1875rem #ddd
}

.jq-number__spin:after {
    content: "";
    position: absolute;
    top: .25rem;
    left: .6875rem;
    width: 0;
    height: 0;
    border-right: .3125rem solid transparent;
    border-bottom: .3125rem solid #999;
    border-left: .3125rem solid transparent
}

.jq-number__spin.minus:after {
    top: .3125rem;
    border-top: .3125rem solid #999;
    border-right: .3125rem solid transparent;
    border-bottom: none;
    border-left: .3125rem solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: .0625rem solid #5794bf
}

.jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 100%
}

.jq-selectbox.dropdown .jq-selectbox__trigger-arrow {
    transform: scaleY(-1)
}

.jq-selectbox.disabled {
    pointer-events: none
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #dfdfdf !important;
    background-color: #f4f4f4 !important;
    color: #494949 !important;
    cursor: default !important;
    box-shadow: none !important
}

.jq-selectbox.disabled .jq-selectbox__trigger {
    opacity: .2
}

.jq-selectbox__select-text {
    display: block;
    width: 100% !important;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 1.5rem
}

.jq-selectbox__trigger-arrow::before {
    transition: transform .2s linear;
    font-size: 1rem
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: .125rem 0 0;
    padding: 0;
    border: .0625rem solid #ccc;
    border-radius: .25rem;
    background: #fff;
    box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2);
    font-size: .875rem;
    line-height: 1.2857142857;
    color: #333
}

.jq-selectbox__search {
    margin: .3125rem
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .3125rem 27px .375rem .5rem;
    border: .0625rem solid #ccc;
    border-radius: .1875rem;
    outline: 0;
    box-shadow: inset .0625rem .0625rem #f1f1f1;
    color: #333;
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__not-found {
    margin: .3125rem;
    padding: .3125rem .5rem .375rem;
    background: #f0f0f0;
    font-size: .8125rem
}

.jq-selectbox ul {
    margin: 0;
    padding: 0;
    max-height: unset !important
}

.jq-selectbox li {
    min-height: 1.125rem;
    padding: .5rem .625rem .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #231f20
}

.jq-selectbox li.selected {
    background-color: #efefef;
    color: #000
}

.jq-selectbox li:hover {
    background-color: #000;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: 0 0
}

.jq-selectbox li.optgroup {
    font-weight: 700
}

.jq-selectbox li.optgroup:hover {
    background: 0 0;
    color: #231f20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 1.5625rem
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: .0625rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    background: #fff;
    box-shadow: inset .0625rem .0625rem #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1);
    font-size: .875rem;
    line-height: 1.2857142857;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: .0625rem solid #5794bf
}

.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: .1875rem .5625rem .25rem;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-select-multiple li:first-child {
    border-radius: .1875rem .1875rem 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 .1875rem .1875rem
}

.jq-select-multiple li.selected {
    background: #08c;
    color: #fff
}

.jq-select-multiple li.disabled {
    color: #aaa
}

.jq-select-multiple li.selected.disabled, .jq-select-multiple.disabled li.selected {
    background: #ccc;
    color: #fff
}

.jq-select-multiple li.optgroup {
    font-weight: 700
}

.jq-select-multiple li.option {
    padding-left: 1.5625rem
}

input[type=email].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=text].styler, input[type=url].styler, textarea.styler {
    padding: .5rem .5625rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    box-shadow: inset .0625rem .0625rem #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1);
    font-size: .875rem;
    color: #333
}

input[type=search].styler {
    -webkit-appearance: none
}

textarea.styler {
    overflow: auto
}

input[type=email].styler:hover, input[type=password].styler:hover, input[type=search].styler:hover, input[type=tel].styler:hover, input[type=text].styler:hover, input[type=url].styler:hover, textarea.styler:hover {
    border-color: #b3b3b3
}

input[type=email].styler:focus, input[type=password].styler:focus, input[type=search].styler:focus, input[type=tel].styler:focus, input[type=text].styler:focus, input[type=url].styler:focus, textarea.styler:focus {
    border-color: #ccc;
    border-top-color: #b3b3b3;
    outline: 0;
    box-shadow: inset 0 .0625rem .125rem rgba(0, 0, 0, .1)
}

button.styler, input[type=button].styler, input[type=reset].styler, input[type=submit].styler {
    overflow: visible;
    padding: .5rem .6875rem;
    border: .0625rem solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: .25rem;
    outline: 0;
    background: #f5f5f5;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: inset .0625rem -.0625rem #f1f1f1, inset -.0625rem 0 #f1f1f1, 0 .0625rem .125rem rgba(0, 0, 0, .1);
    font-size: .875rem;
    color: #333;
    text-shadow: .0625rem .0625rem #fff;
    cursor: pointer
}

button.styler::-moz-focus-inner, input[type=button].styler::-moz-focus-inner, input[type=reset].styler::-moz-focus-inner, input[type=submit].styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover, input[type=button].styler:not([disabled]):hover, input[type=reset].styler:hover, input[type=submit].styler:not([disabled]):hover {
    background: #e6e6e6;
    background: linear-gradient(#f6f6f6, #e6e6e6)
}

button.styler:not([disabled]):active, input[type=button].styler:not([disabled]):active, input[type=reset].styler:active, input[type=submit].styler:not([disabled]):active {
    background: #f5f5f5;
    box-shadow: inset .0625rem .0625rem .1875rem #ddd
}

button.styler[disabled], input[type=button].styler[disabled], input[type=submit].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: .3125rem;
    height: 100%
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .3125rem
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: 0 0;
    position: relative
}

.jspDrag {
    background: rgba(0, 0, 0, .5);
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: .1875rem
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: 0 0;
    text-indent: -1250rem;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default
}

.jspVerticalBar .jspArrow {
    height: .1875rem
}

.jspHorizontalBar .jspArrow {
    width: .1875rem;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -.1875rem 0 0
}

.banner {
    position: relative;
    overflow: hidden;
    height: 24.0625rem !important
}

.banner__arrow {
    position: absolute;
    top: 3.125rem;
    height: 34.375rem;
    width: 5rem;
    cursor: pointer;
    transition: background-color .3s;
    z-index: 10
}

.banner__arrow span {
    width: 2.1875rem;
    height: 2.1875rem;
    position: absolute;
    top: 50%;
    margin-top: -1.0625rem;
    display: flex;
    justify-content: center;
    font-size: .625rem;
    align-items: center;
    border-radius: .1875rem;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    transition: background-color .3s
}

.banner__arrow--prev {
    left: 0
}

.banner__arrow--prev span {
    right: 2.875rem
}

.banner__arrow--prev svg {
    transform: rotate(180deg);
    position: relative;
    left: -.0625rem
}

.banner__arrow--next {
    right: 0
}

.banner__arrow--next span {
    left: 2.875rem
}

.banner__arrow--next svg {
    position: relative;
    right: -.0625rem
}

.banner__nav.swiper-pagination-bullets {
    position: absolute;
    bottom: .8125rem;
    z-index: 10;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 auto;
    width: 100%;
    padding: 0 1.5rem;
    top: auto
}

.banner__nav.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 1.0625rem;
    height: 1.0625rem;
    position: relative;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .4;
    transition: opacity .3s ease
}

.banner__nav.swiper-pagination-bullets .swiper-pagination-bullet:hover:before {
    opacity: 1
}

.banner__nav.swiper-pagination-bullets .swiper-pagination-bullet:before {
    content: "";
    width: .4375rem;
    height: .4375rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: .25rem;
    left: .25rem
}

.banner__nav.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.banner__slides {
    overflow: hidden;
    height: 24.0625rem !important
}

.banner-slide {
    background: no-repeat center center #000;
    background-size: cover;
    height: 37.5rem;
    width: 100vw;
    position: relative;
    float: left;
    overflow: hidden
}

.banner-slide__video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: 2
}

.banner-slide__text {
    position: relative;
    z-index: 5;
    margin: 0 auto;
    width: calc(100% - 3rem);
    top: 7.5125rem
}

.banner-video__container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: -1
}

.banner-video__container video {
    visibility: visible;
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.banner-text {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: .9375rem .625rem .9375rem 1.25rem
}

.banner-text__label {
    font-size: .875rem;
    line-height: 1.2em;
    color: #d9d9d9;
    text-transform: uppercase;
    margin-bottom: .75rem
}

.banner-text__title {
    margin-bottom: .75rem;
    font-size: 1.125rem
}

.banner-text__description {
    font-size: .6875rem
}

.banner-text__footer {
    margin-top: 1.5rem
}

.banner-text__price {
    display: inline-block;
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 1.9375rem
}

.banner-text__price small {
    font-style: 1.3125rem
}

.banner-text__button {
    display: inline-block;
    vertical-align: middle
}

.cats-banners {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    width: 100%;
    margin: 2.1875rem auto .0625rem
}

.cats-banner {
    width: 25%;
    display: block;
    padding: 1px
}

.cats-banner__wrapper {
    background-color: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: cover;
    background-position: center center;
    transition: background-color .3s;
    position: relative;
    height: auto;
    padding: 1.25rem .9375rem 1.875rem;
    width: 100%
}

.cats-banner__wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    transition: background-color .3s
}

.cats-banner__ico, .cats-banner__title {
    position: relative;
    z-index: 2
}

.cats-banner__title {
    color: #fff;
    margin-top: .625rem;
    font-size: .75rem;
    line-height: 1rem;
    max-width: 8.7125rem;
    font-weight: 500
}

.cats-banner__btn {
    display: none
}

.catalog-all {
    border-bottom: .0625rem solid #efefef;
    padding: 1rem 1rem 2.5rem
}

.catalog-all__wrapper {
    width: 62.5rem;
    margin: 0 auto
}

.catalog-all__title {
    margin-bottom: 1.5rem
}

.catalog-all__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.catalog-all__list li {
    display: block;
    padding-right: 1.25rem;
    height: 100%;
    line-height: 110%
}

.catalog-all__list li a {
    font-weight: 500;
    color: #000;
    padding-top: .5em;
    font-size: .875rem
}

.hits {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 62.5rem;
    padding: 2.8125rem 0 1.625rem
}

.hits .jq-selectbox__select {
    border: 1px solid #d4d4d4
}

.hits__title {
    margin-bottom: .9375rem
}

.hits__menu {
    margin-bottom: 1.25rem
}

.hits__more {
    text-align: center;
    margin-top: 1.875rem
}

.hits__items {
    margin-top: 1.25rem
}

.reviews {
    border-bottom: .0625rem solid #efefef;
    padding: 1.125rem 0 2.5rem
}

.reviews__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.reviews__controls {
    display: none
}

.reviews__next, .reviews__prev {
    border-radius: .1875rem;
    font-size: .625rem;
    background: #6d6d6d;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: background-color .3s ease;
    width: 2.0625rem;
    height: 2.0625rem
}

.reviews__next:disabled, .reviews__prev:disabled {
    pointer-events: none;
    background: rgba(0, 0, 0, .18)
}

.reviews__next:hover, .reviews__prev:hover {
    background-color: #524d4d
}

.reviews__next:active, .reviews__prev:active {
    background-color: #403c3c
}

.reviews__slider {
    overflow: visible;
    margin-top: 1rem
}

.reviews__slide {
    height: auto
}

.reviews__columns .review {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1.5rem
}

.review {
    border: .0625rem solid #d9d9d9;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    border-radius: 1rem;
    padding: 1rem;
    min-height: 13rem
}

.review__rate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem
}

.review__rate-star {
    color: #dedede
}

.review__rate-star.active {
    color: #6d6d6d
}

.review__rate-star {
    font-size: 1.15rem;
    width: 1rem;
    height: 1rem
}

.review__qoute {
    color: #000;
    margin-bottom: auto;
    margin-top: .62rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: 160%
}

.review__author {
    display: flex;
    align-items: center;
    gap: .875rem;
    margin-top: .9rem
}

.review__author-thumb {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0
}

.review__author-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.review__author-info {
    color: #000;
    font-weight: 500;
    font-size: .6875rem;
    line-height: 145.455%
}

.conditions {
    border-bottom: .0625rem solid #efefef;
    padding: 2rem 0 2.5rem
}

.conditions__body {
    display: grid;
    margin-top: 1.625rem;
    row-gap: 1.5rem
}

.conditions__banner {
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../images/concrete-square-podium-suitable.jpg) 0 0/cover no-repeat, #000;
    color: #fff;
    border-radius: .375rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    overflow: hidden
}

.conditions__banner-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem 0 1rem 1rem
}

.conditions__banner-text {
    font-size: .75rem;
    line-height: 138%;
    margin-right: -2rem
}

.conditions__banner-logo {
    margin-top: 2.49rem;
    width: 100%;
    max-width: 5rem
}

.conditions__banner-logo img {
    width: 100%
}

.conditions__banner-image {
    align-self: flex-end;
    flex-shrink: 0;
    margin-bottom: -.9rem;
    width: 12.1625rem;
    margin-right: -2.5rem
}

.conditions__desc-block:not(:last-child) {
    margin-bottom: 1.2rem
}

.conditions__desc-caption {
    font-weight: 500;
    line-height: 110%;
    font-size: 1rem
}

.conditions__desc-list {
    color: #000;
    font-weight: 500;
    margin-top: .6rem;
    font-size: .75rem;
    line-height: 160%
}

.conditions__desc-list li {
    display: flex;
    align-items: center;
    gap: .5rem
}

.conditions__desc-list li::before {
    content: "";
    background: currentColor;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: .25rem;
    width: .5625rem;
    height: .5625rem;
    border-radius: .125rem
}

.conditions__desc-list li:not(:last-child) {
    margin-bottom: .38rem
}

.why {
    padding: 2.75rem 0 0
}

.why__title {
    padding: 0 1rem;
    margin: 0 0 1.5rem 0
}

.why__container {
    display: flex;
    flex-wrap: wrap;
    margin: .0625rem auto;
    max-width: 1440px
}

.why-item {
    width: 25%;
    display: block;
    padding: .0625rem
}

.why-item:nth-child(4n+1) {
    padding-left: 0
}

.why-item:nth-child(4n) {
    padding-right: 0
}

.why-item__wrapper {
    background-color: #000;
    height: 26.25rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 6.25rem 1.875rem 3.19rem 1.875rem;
    background-size: cover;
    background-position: center center;
    transition: background-color .3s;
    position: relative;
    z-index: 1;
    color: #fff
}

.why-item__wrapper--link:hover:before {
    background-color: rgba(0, 0, 0, .6)
}

.why-item__wrapper--link:hover .why-link__text {
    color: #fff
}

.why-item__wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .2);
    transition: background-color .3s
}

.why-item__wrapper:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.why-item__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1
}

.why-item__description {
    margin-top: 1rem;
    font-size: .675rem;
    line-height: 166.667%;
    letter-spacing: -.00438rem
}

.why-item__link {
    margin-top: auto;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    font-size: .5625rem
}

.why-item__link::before {
    order: 1;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.our-services {
    border-bottom: .0625rem solid #efefef;
    padding: 1.625rem 0 2.5rem
}

.our-services__title {
    text-align: center
}

.our-services__list {
    display: grid;
    gap: .9375rem;
    margin-top: 1.9rem
}

.our-services__item {
    display: flex;
    align-items: flex-start;
    border-radius: .375rem;
    border: .0625rem solid #d9d9d9;
    background: #fff;
    flex-direction: column;
    gap: .75rem;
    padding: 1.3125rem 1rem 1.5rem 1rem
}

.our-services__item-icon {
    flex-shrink: 0;
    width: 2.625rem;
    height: 2.625rem
}

.our-services__item-icon img {
    width: 100%
}

.our-services__item-caption {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 140%
}

.our-services__item-desc {
    margin-top: .5rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 172.727%;
    max-width: 18.125rem
}

.brands {
    width: 62.5rem;
    margin: 0 auto;
    padding: 3rem 0 3.125rem
}

.brands--index .brands__title {
    margin-bottom: 1.8125rem;
    line-height: 1.2em
}

.brands__title {
    font-weight: 500;
    font-size: 1.125rem;
    text-align: left;
    margin-bottom: 2rem
}

.brands__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.51%;
    justify-content: center
}

.brands__item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .625rem;
    width: 23.98%;
    vertical-align: top;
    min-height: 9.4375rem;
    border: .0625rem solid #d4d4d4;
    border-radius: .375rem;
    padding: 1.5625rem 2.1875rem .9375rem;
    line-height: 0;
    margin: 0 .51% 1.02%;
    transition: border-color .3s ease
}

.brands__name {
    display: inline-block;
    font-size: .6875rem;
    margin: 0 -.625rem
}

.brands__button {
    text-align: center;
    margin: 2.375rem 0 0
}

.brands__button .button {
    font-size: .625rem;
    padding-inline: 1rem
}

.brands__button .icon-next::before {
    transform: rotate(90deg)
}

.brands__logo {
    height: 4.0625rem;
    margin-bottom: .625rem;
    mix-blend-mode: multiply
}

.hidden .brands__item:nth-child(n+21) {
    display: none
}

.seo {
    margin: 0 auto;
    padding: 3.125rem 0;
    width: 62.5rem;
    position: relative;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 3.125rem;
    column-gap: 3.125rem
}

.seo>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.seo--category {
    padding: 0;
    font-size: .6875rem !important;
    line-height: 1.1 !important
}

.get-format {
    font-size: .6875rem;
    line-height: 135%
}

.get-format .order-list {
    margin: 1.5625rem 0
}

.get-format p, .get-format ul {
    margin-bottom: .5625rem
}

.get-format p+h4, .get-format ul+h4 {
    margin-top: 1rem
}

.get-format p+h2, .get-format ul+h2 {
    margin-top: 2.3125rem
}

.get-format ol {
    margin-bottom: .9375rem
}

.get-format ol li {
    position: relative;
    margin-bottom: .8125rem;
    list-style: decimal;
    list-style-position: inside
}

.get-format h4 {
    margin-bottom: .7125rem;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 145.455%
}

.get-format h1 {
    margin-bottom: 1.25rem
}

.get-format h2, .get-format h3 {
    padding-bottom: .5625rem;
    line-height: 130%
}

.get-format ul.format-list-on-line {
    overflow: hidden
}

.get-format ul.format-list-on-line li {
    float: left;
    margin: 0 17px .5625rem 0
}

.get-format ul li {
    padding-left: .9375rem;
    position: relative;
    margin-bottom: .9375rem
}

.get-format ul li:before {
    content: "";
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: .875em;
    left: 0
}

.get-format dl {
    margin-bottom: .625rem
}

.get-format dt {
    color: #8a8a8a;
    display: inline
}

.get-format dd {
    display: inline
}

.get-format p a:not([class]) {
    color: #000;
    transition: color .3s, background-color .3s, border .3s, opacity .3s;
    text-decoration: underline
}

.get-format p a:not([class]):hover {
    text-decoration: none
}

.get-format__show {
    display: none;
    text-transform: uppercase;
    color: #bebebe;
    font-size: .8125rem;
    position: absolute;
    bottom: 0;
    cursor: pointer
}

.get-format__show span {
    margin-right: .625rem
}

.get-format__show span svg {
    fill: #bebebe
}

.shop-item {
    width: 14.6875rem;
    border: .0625rem solid #d4d4d4;
    border-radius: .1875rem;
    flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.shop-item__image {
    position: relative;
    overflow: hidden;
    display: flex;
    border-radius: .125rem .125rem 0 0;
    width: 14.5625rem;
    height: 14.5625rem;
    justify-content: center;
    align-items: center
}

.shop-item__image img, .shop-item__image picture {
    max-height: 100%;
    max-width: 100%
}

.shop-item__image--wall img, .shop-item__image--wall picture {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.shop-item__image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico-magnifier.png) no-repeat center center rgba(0, 0, 0, .8);
    opacity: 0;
    transition: opacity .3s;
    box-sizing: border-box;
    z-index: 1
}

.shop-item__image:after {
    position: absolute;
    content: attr(data-hover);
    left: 0;
    right: 0;
    bottom: 2.5rem;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: opacity .3s;
    z-index: 2
}

.shop-item__image.hover:before, .shop-item__image:hover:before {
    opacity: 1
}

.shop-item__image.hover:after, .shop-item__image:hover:after {
    opacity: 1
}

.shop-item__info {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    max-width: 17rem
}

.shop-item__list {
    display: none;
    flex-direction: column;
    gap: .1875rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.6
}

.shop-item__list-item span {
    color: #9b9da2
}

.shop-item__title {
    padding: .9375rem .8125rem 0;
    font-size: .75rem;
    line-height: 1.3333333333;
    margin-bottom: .8125rem;
    font-weight: 500
}

.shop-item__title--wbottom {
    margin-bottom: 0
}

.shop-item__title a {
    color: #000 !important
}

.shop-item__title a.hover, .shop-item__title a:hover {
    color: #000
}

.shop-item__footer {
    padding: 0 .8125rem .9375rem
}

.shop-item__add {
    margin-top: .9375rem
}

.shop-item__get {
    margin-top: 4.3125rem
}

.shop-item__wall {
    width: 14.5625rem;
    height: 14.5625rem;
    overflow: hidden
}

.shop-item__row-bricks {
    display: flex;
    margin-left: -5%
}

.shop-item__row-bricks:nth-child(2n) {
    margin-left: -30%
}

.shop-item__brick {
    flex-shrink: 0;
    width: 6.875rem;
    height: 1.875rem;
    margin-bottom: .1875rem;
    margin-right: .1875rem;
    display: inline-block;
    background-size: cover
}

.shop-item__labels {
    display: flex;
    position: absolute;
    flex-direction: column;
    gap: .25rem;
    top: .3125rem;
    left: .3125rem;
    padding: 0;
    bottom: unset;
    width: auto
}

.shop-item__label {
    padding-inline: .44rem;
    font-size: .5rem;
    font-weight: 700;
    line-height: 312.5%;
    letter-spacing: .01563rem;
    text-transform: uppercase;
    align-self: flex-start;
    color: #fff
}

.shop-item__label:last-child {
    margin-right: 0
}

.shop-item__label--share {
    background-color: #fa6424
}

.shop-item__label--now-have {
    background-color: #627abc
}

.shop-item__label--new {
    background-color: #d52f62
}

.shop-item__label--in-stock {
    background-color: #44b759
}

.shop-item__label--hit {
    background-color: #f92020
}

.shop-item__one-buy {
    margin-top: .75rem;
    width: 100%
}

.price {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: baseline
}

.price__current {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    line-height: 187.5%
}

.price__current--new {
    color: #000
}

.price__old {
    font-size: .6875rem;
    position: relative;
    color: #999
}

.price__old:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0
}

.price__with-sale {
    flex: 0 0 100%;
    display: flex;
    align-items: flex-start;
    gap: .625rem
}

.price__with-sale .price__current {
    line-height: 1
}

.price__sale {
    font-weight: 500;
    font-size: .6875rem;
    line-height: 100%;
    padding: .25rem .1875rem;
    background: #ff3232;
    color: #fff
}

.price__per-metr {
    display: none;
    font-size: .6875rem
}

.item-add {
    display: flex;
    justify-content: space-between;
    gap: .375rem
}

.item-add button {
    flex: 1 1 auto
}

.item-add__input {
    width: 4.375rem;
    font-size: .6875rem;
    padding-inline: .5rem
}

.catalog-wrapper {
    padding: 2rem 0
}

.catalog-wrapper__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 125%
}

.catalog-wrapper__blocks {
    margin-top: 1.5rem
}

.catalog-wrapper__block:not(:last-child) {
    margin-bottom: 3.06rem
}

.catalog-wrapper__block-caption {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.catalog-wrapper__block-content .layout-catalog {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.layout-catalog {
    padding-top: .7rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5rem;
    width: 62.5rem
}

.layout-catalog__hidden {
    display: none
}

.layout-catalog__sidebar {
    width: 14.6875rem
}

.layout-catalog__categories {
    margin-bottom: 1rem;
    display: flex;
    padding: .875rem .9375rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.125rem;
    border-radius: .1875rem;
    border: .0625rem solid #dedede
}

.layout-catalog__categories-item {
    color: #000;
    font-size: .625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4
}

.layout-catalog__categories-item.active {
    font-weight: 700
}

.layout-catalog__content {
    width: 46.5625rem
}

.layout-catalog__sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.37rem;
    flex-wrap: wrap
}

.layout-catalog__sort-types {
    display: none
}

.layout-catalog__sort-type {
    cursor: pointer
}

.layout-catalog__sort-type-btn {
    padding-inline: .62rem
}

.layout-catalog__sort-block {
    position: relative;
    margin-left: auto
}

.layout-catalog__sort-list {
    border: .0625rem solid #d7d7d7;
    background: #fff;
    box-shadow: 0 .8125rem 1.25rem 0 rgba(0, 0, 0, .1);
    color: #000;
    font-size: .75rem;
    font-weight: 500;
    line-height: 158.333%;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    min-width: 16rem;
    display: none
}

.layout-catalog__sort-item {
    padding: .31rem 1rem;
    display: block;
    cursor: pointer;
    transition: background-color .3s ease
}

.layout-catalog__sort-item:has(a) {
    padding: 0
}

.layout-catalog__sort-item a {
    padding: .31rem 1rem;
    display: block
}

.layout-catalog__sort-item.selected {
    background-color: #ececec
}

.layout-catalog__sort-btn {
    color: rgba(0, 0, 0, .4);
    font-size: .6875rem;
    font-weight: 500;
    line-height: 172.727%;
    padding-right: 1.06rem
}

.layout-catalog__sort-btn span {
    color: #000
}

.layout-catalog__sort-btn::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    padding-top: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #626669;
    transition: transform .3s ease, padding .3s ease
}

.layout-catalog__sort-btn.active::before {
    padding-top: 1rem;
    transform: rotate(180deg)
}

.layout-catalog__sort-grid {
    display: none
}

.layout-catalog__sort-grid-type {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    flex-shrink: 0;
    cursor: pointer
}

.layout-catalog__sort-grid-input:checked~.layout-catalog__sort-grid-btn {
    color: #626669
}

.layout-catalog__sort-grid-btn {
    transition: color .3s ease;
    color: #dedede
}

.layout-catalog__open-filter {
    display: none;
    margin-bottom: .9375rem
}

.layout-catalog__mobile-filter-wrapper {
    display: none;
    width: 100% !important;
    position: sticky;
    top: 0;
    z-index: 6;
    background: #fff
}

.layout-catalog__close {
    font-size: 1.6rem
}

.layout-catalog__more {
    margin-top: 1.5rem;
    width: 100%
}

.layout-catalog__more::before {
    order: 1;
    color: #000;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    font-size: .875rem
}

.to-price-link {
    margin-bottom: 1.25rem;
    width: 100%
}

.filter-hint {
    display: none;
    background-color: #f6f6f6;
    width: 100%;
    border: .0625rem solid #e8e8e8;
    border-radius: .1875rem;
    margin-bottom: 1.875rem
}

.filter-hint__top {
    padding: .4375rem .4375rem 0;
    display: flex;
    flex-wrap: wrap
}

.filter-hint__bottom {
    border-top: .0625rem solid #d6d6d6
}

.filter-hint__item {
    background: #fff;
    border-radius: 3.125rem;
    border: .0625rem solid #e8e8e8;
    padding: .125rem .625rem;
    margin-bottom: .4375rem;
    font-size: .75rem;
    margin-right: .625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
    max-height: 1.25rem
}

.filter-hint__close {
    width: .5625rem;
    height: .5625rem;
    margin-right: .3125rem;
    background: url(../images/hint-close.png)
}

.filter-hint__clear {
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 700;
    padding: .625rem 0;
    display: flex;
    justify-content: center
}

.filter-hint__clear span {
    color: #000
}

.filter-horizontal {
    width: 62.5rem;
    margin: 1.5rem auto 0
}

.filter-horizontal__top {
    display: flex;
    justify-content: flex-start;
    border-bottom: .0625rem solid #c4c4c4;
    flex-wrap: wrap
}

.filter-horizontal__content {
    display: flex;
    width: 100%;
    padding-bottom: 1.44rem;
    gap: 1.5rem;
    flex-wrap: wrap
}

.filter-horizontal__section--company .filter-horizontal__title {
    padding-left: 1.25rem !important
}

.filter-horizontal__section--border {
    margin-top: .9375rem;
    padding-top: .9375rem;
    border-top: .0625rem solid #eee;
    margin-bottom: .3125rem
}

.filter-horizontal__section.bx-filter-block:has(.dropdown.dropdown--active) {
    z-index: 11
}

.filter-horizontal__bottom {
    height: 4.375rem;
    line-height: 4.375rem
}

.filter-horizontal__title {
    font-size: .75rem;
    margin-bottom: .5rem
}

.filter-horizontal__list--columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2.1875rem;
    column-gap: 2.1875rem;
    -moz-column-width: auto;
    column-width: auto;
    margin: 0 -.3125rem
}

.filter-horizontal__list--full-width {
    width: 100%
}

.filter-horizontal__list--type {
    width: 12.5rem
}

.filter-horizontal__list--format {
    width: 11.875rem
}

.filter-horizontal__list--color {
    width: 10.625rem
}

.filter-horizontal__list--country {
    width: 13.125rem
}

.filter-horizontal__list--company {
    width: 12.5rem
}

.filter-horizontal__list--company .filter-list {
    padding-left: 1.25rem
}

.filter-horizontal__list--scroll {
    box-shadow: inset 0 .625rem .625rem -.625rem rgba(0, 0, 0, .2), inset 0 -.625rem .625rem -.625rem rgba(0, 0, 0, .2)
}

.filter-horizontal__reset {
    color: #8c8c8c;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.875rem;
    display: inline-block;
    transition: color .2s linear;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0)
}

.filter-horizontal__reset:hover {
    color: #000
}

.filter-horizontal__apply {
    position: relative
}

.filter-horizontal__apply.button--load {
    color: transparent
}

.filters {
    position: relative
}

.filters .js-range {
    position: relative
}

.filters .smartfilter {
    border: .0625rem solid #dedede;
    border-bottom: 0;
    border-radius: .1875rem .1875rem 0 0
}

.filters__footer {
    padding: 1.125rem 1.125rem .75rem;
    text-align: center;
    border: .0625rem solid #dedede;
    border-top: 0;
    border-radius: 0 0 .1875rem .1875rem
}

.filters__reset {
    cursor: pointer;
    color: #999;
    text-align: center;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase;
    transition: color .3s ease
}

.filters__reset:hover {
    color: #000
}

.filters-counter {
    position: absolute;
    top: 3.125rem;
    left: 100%;
    z-index: 140;
    white-space: nowrap;
    border-radius: .1875rem;
    border: .0625rem solid #000;
    background-color: #fff;
    line-height: 0;
    display: none;
    box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .25)
}

.filters-counter:after, .filters-counter:before {
    content: "";
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -.4375rem
}

.filters-counter:before {
    border-right: .5rem solid #000;
    left: -.5rem
}

.filters-counter:after {
    border-right: .5rem solid #fff;
    left: -.4375rem
}

.filters-counter__text {
    font-size: .6875rem;
    padding: 0 .5rem;
    display: inline-block;
    line-height: 2rem;
    vertical-align: top
}

.filters-counter__button {
    font-size: .625rem;
    color: #000;
    padding: 0 .8125rem;
    display: inline-block;
    line-height: 2rem;
    border-left: .0625rem solid #000;
    text-transform: uppercase;
    margin: -.0625rem;
    border-radius: 0 .1875rem .1875rem 0;
    vertical-align: top;
    min-height: 2.0625rem
}

.filters-counter__button:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.filters-counter__button:active {
    background-color: #000;
    border-color: #000;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .2)
}

.filter {
    border-bottom: .0625rem solid #dedede
}

.filter:last-of-type {
    border-bottom: none
}

.filter__header {
    position: relative
}

.filter__title {
    display: block;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 145.455%;
    padding: .75rem 1.125rem;
    color: #000
}

.filter__title span {
    display: inline-block;
    margin-left: .9375rem
}

.filter__title svg {
    transition: transform .3s
}

.filter__title:hover {
    color: #000
}

.filter--opened .filter__title svg {
    transform: rotate(180deg)
}

.filter__help {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.filter__content {
    font-size: 0;
    line-height: 0;
    padding-bottom: 1.125rem;
    overflow: auto;
    max-height: 14.375rem
}

.filter__content.filter__content--availability {
    padding: .75rem 0
}

.filter__content.filter__content--availability .bx-filter-block {
    padding-top: 0
}

.filter__content.filter__content--availability .filter-list {
    padding-block: .09375rem
}

.filter__content .jspContainer:after, .filter__content .jspContainer:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: .3125rem
}

.filter__content .jspContainer:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

.filter__content .jspContainer:after {
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1))
}

.filter__content .noUi-target {
    height: .1875rem;
    background: #dedede;
    border-radius: .125rem;
    border: none;
    box-shadow: none
}

.filter__content .noUi-connect {
    background: #000
}

.filter__content .noUi-horizontal .noUi-handle {
    width: .9375rem;
    height: .9375rem;
    right: -.875rem;
    background: #fff;
    cursor: pointer;
    border: .0625rem solid #dedede;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 .25rem .375rem rgba(0, 0, 0, .1)
}

.filter__content .noUi-horizontal .noUi-handle::after, .filter__content .noUi-horizontal .noUi-handle::before {
    display: none
}

.filter__numbers {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.75rem;
    margin-top: .5625rem
}

.filter__range {
    margin-left: 1.125rem;
    margin-right: 2.0625rem;
    position: relative;
    margin-bottom: 1rem
}

.filter__range::before {
    content: "";
    display: block;
    background: #dedede;
    border-radius: .125rem;
    position: absolute;
    height: .1875rem;
    right: -.8125rem;
    top: 0;
    width: .9375rem
}

.filter__inner {
    padding: 0 1.125rem
}

.filter__label {
    width: calc(50% - .25rem);
    position: relative
}

.filter__span {
    font-weight: 500;
    font-size: .8125rem;
    line-height: 2.1875rem;
    color: #9a9a9a;
    position: absolute;
    top: 0;
    left: .5rem
}

.filter__number {
    display: block;
    height: 2.1875rem;
    width: 100%;
    border: .0625rem solid #dedede;
    box-sizing: border-box;
    border-radius: .25rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: 2.375rem;
    padding-left: 1.875rem;
    padding-right: .3125rem;
    color: #050505;
    transition: all .3s;
    box-shadow: none
}

.filter__number:focus {
    border-color: #000
}

.filter-list {
    display: flex;
    padding: .5rem 1.125rem;
    cursor: pointer;
    transition: opacity .3s;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    align-items: center
}

.filter-list:is(a).active .filter-list__label {
    color: #000;
    font-weight: 500
}

.filter-list--color {
    padding: .25rem 1.125rem
}

.filter-list.disabled {
    pointer-events: none;
    opacity: .5
}

.filter-list.disabled .checkbox__fake, .filter-list.disabled .checkbox__fake--color {
    background: rgba(112, 111, 111, .2) !important
}

.filter-list--horizontal {
    padding: .375rem .3125rem .4375rem
}

.filter-list--table {
    padding: .375rem .9375rem .4375rem 0;
    display: inline-flex;
    min-width: 11.5625rem;
    max-width: 11.5625rem
}

.filter-list:hover {
    opacity: .8
}

.filter-list__checkbox-wrapper {
    display: flex;
    align-items: center;
    border: .0625rem solid transparent;
    padding: .125rem 1.25rem .125rem .125rem;
    border-radius: 1.25rem
}

.filter-list__checkbox-wrapper .checkbox__fake:before {
    border: none
}

.filter-list__checkbox {
    font-size: 0;
    line-height: 0;
    margin-right: .9375rem;
    display: inline-block
}

.filter-list__label {
    font-size: .6875rem;
    line-height: 1.2em;
    color: #706f6f;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filter-list--checked .filter-list__label {
    color: #000;
    font-weight: 600
}

.filter-list--checked .filter-list__checkbox-wrapper {
    border: .0625rem solid #000;
    border-radius: 62.5rem;
    padding: .125rem 1.25rem .125rem .125rem
}

.items-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.625rem -1.25rem
}

.items-list__item {
    width: 14.6875rem;
    margin: 0 .625rem 1.25rem
}

.items-list__more {
    margin: .625rem .625rem 0
}

.catalog-block {
    margin-top: 2rem
}

.article-page {
    width: 62.5rem;
    margin: .75rem auto 0
}

.article-page__description {
    margin-bottom: 2.75rem
}

.article-page__list {
    border-top: .0625rem solid #e5e5e5
}

.articles {
    overflow: hidden;
    margin: 0 -.625rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.articles div:nth-of-type(2) .article__photo, .articles div:nth-of-type(6) .article__photo {
    display: none
}

.articles__item {
    width: 20rem;
    margin: 0 .625rem .625rem;
    float: left
}

.articles__row {
    float: left
}

.articles__row .articles__item {
    float: none
}

.article {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    height: 27.5rem
}

.article--default {
    height: 13.75rem
}

.article--default .article__content {
    height: 12.375rem
}

.article--fill {
    height: 28.125rem
}

.article--fill .article__content {
    background-color: #000;
    background-image: url(../images/article-card-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 1
}

.article--fill .article__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    opacity: .4;
    background: #000;
    z-index: -1
}

.article--fill .article__content .article__title {
    color: #fff
}

.article--fill .article__content:hover::before {
    opacity: .8
}

.article__content {
    height: 27.5rem;
    padding: 1.5625rem 1.25rem 0;
    position: relative;
    border-radius: .1875rem;
    display: block;
    cursor: pointer;
    overflow: hidden
}

.article--default .article__content, .article--photo .article__content {
    border: .0625rem solid #d4d4d4;
    color: #000
}

.article--default .article__content:before, .article--photo .article__content:before {
    content: "";
    width: 100%;
    height: 1.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}

.article--default .article__date {
    margin-bottom: .24rem
}

.article--default .article__description {
    margin-bottom: .74rem
}

.article__photo {
    height: 13.625rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: -1.625rem -1.3125rem 1.4375rem;
    background-color: #eee
}

.article__photo--empty {
    background-size: inherit
}

.article__date {
    color: #999;
    font-size: .6875rem;
    margin-bottom: .3125rem
}

.article__title {
    letter-spacing: -.01em;
    color: #000;
    font-weight: 500;
    margin-bottom: 1.12rem;
    display: inline-block;
    transition: color .3s;
    font-size: .75rem;
    line-height: 133.333%
}

.article__description {
    font-size: .6875rem;
    line-height: 141.667%
}

.article__logo {
    margin-bottom: 1.6875rem
}

.article__empty-image {
    width: 20rem;
    height: 13.625rem;
    display: inline-block;
    background: #ff9422;
    background: linear-gradient(to bottom, #ff9422, #ff6618);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: opacity .3s
}

.article__empty-image:hover {
    opacity: .8
}

.article__empty-image--gray {
    width: 20rem;
    height: 13.625rem;
    display: inline-block;
    background: #c2c8ca;
    background: linear-gradient(to bottom, #d4d8da, #c2c8ca);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: opacity .3s
}

.article__empty-image--gray:hover {
    opacity: .8
}

.last-articles {
    padding-top: 2rem
}

.last-articles--notitle {
    margin-top: -1.25rem
}

.last-articles--main {
    padding: 4.375rem 0 1.4rem
}

.last-articles__wrapper {
    width: 62.5rem;
    margin: 0 auto
}

.last-articles__inside-link {
    text-align: center;
    padding-top: 1.25rem
}

.last-articles__inside-link .button {
    font-size: .75rem;
    padding-inline: .5rem
}

.last-articles__inside-link .button::before {
    font-size: 1em;
    order: 1;
    color: #000
}

.last-articles__inside-link .button:active::before, .last-articles__inside-link .button:hover::before {
    color: #fff
}

.contact-map {
    position: relative
}

.contact-map__breadcrumbs {
    z-index: 2;
    width: 100%
}

.contact-map__container {
    width: 100%;
    height: 29.4375rem;
    background: #ccc;
    z-index: 1
}

.contact-map__popup {
    margin: 1.25rem
}

.contact-addresses {
    width: 62.5rem;
    margin: 0 auto;
    padding: 1.25rem 0 3.4375rem
}

.contact-addresses h2 {
    margin: 0 auto 1.25rem;
    text-align: center
}

.contact-addresses__title {
    margin: .9375rem 1.25rem 0;
    line-height: 1.3125rem;
    font-size: 1.15rem;
    font-weight: 500
}

.contact-addresses__wrapper {
    display: grid;
    gap: 1.5625rem;
    padding: 0 1rem
}

.contact-addresses__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: .75rem
}

.contact-addresses__item {
    display: flex;
    flex-direction: column;
    border: .0625rem solid #e5e5e5;
    padding: .625rem 0
}

.contact-addresses__show {
    margin-top: auto;
    color: #000;
    padding-left: 1.25rem;
    font-size: .9rem;
    text-decoration: underline;
    width: -moz-fit-content;
    width: fit-content
}

.contact-addresses__show:hover {
    text-decoration: none
}

.contact-addresses__value {
    position: relative;
    padding-left: 2rem;
    font-size: .85rem;
    line-height: 1.4;
    margin: .9375rem 1.25rem .625rem 1.25rem
}

.contact-addresses__value::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.35rem;
    position: absolute;
    top: 0;
    left: 0
}

.contact-addresses__phone {
    color: #000;
    display: flex;
    gap: .625rem;
    margin: .9375rem 1.25rem;
    font-size: .9rem
}

.contact-addresses__phone .icon-phone {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem
}

.contact-addresses__mail {
    color: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: .625rem;
    margin: 0 1.25rem .625rem;
    gap: .625rem;
    font-size: .9rem
}

.contact-addresses__mail::before {
    flex-shrink: 0;
    width: 1.25rem;
    display: flex;
    align-items: center;
    font-size: 1.25rem
}

.contact-addresses__mail:hover {
    opacity: .6
}

.contact-addresses__place {
    color: #000;
    position: relative;
    margin: 0 1.25rem;
    font-size: .9rem;
    display: inline-flex;
    align-items: center;
    gap: .625rem
}

.contact-addresses__place:hover {
    opacity: .6
}

.contact-addresses__place:hover:before {
    opacity: .6
}

.contact-addresses__place::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.35rem
}

.contact-addresses__time {
    padding-left: 1.875rem;
    position: relative;
    margin-bottom: .625rem;
    margin: 0 1.25rem .9375rem;
    font-size: .9rem
}

.contact-addresses__time:before {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5625rem;
    left: 0;
    margin-top: -.375rem;
    transition: opacity .3s
}

.contact-addresses__time dl dt {
    display: inline-block;
    margin-right: .9375rem;
    width: 3.75rem
}

.contact-addresses__time dl dd {
    display: inline-block;
    text-align: right;
    width: 5.3125rem;
    white-space: nowrap
}

.contact-addresses__image {
    margin-bottom: -.625rem;
    padding-top: .625rem
}

.contact-addresses__image img {
    width: 100%
}

.catalog-slider {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 1.6875rem 0
}

.catalog-slider__title {
    margin: 1.375rem 0 2.0625rem;
    text-align: left;
    font-weight: 500
}

.catalog-slider__text {
    margin: -1.5625rem 0 1.5625rem;
    text-align: left
}

.catalog-slider__more {
    margin-top: 2.5rem
}

.catalog-slider__more .button::before {
    order: 1;
    font-size: .5rem;
    width: 1rem;
    height: 1rem
}

.catalog-slider__icon {
    display: none
}

.catalog-slider__popup-slider {
    display: none
}

.catalog-slider__slider {
    min-width: 0;
    max-width: 768px;
    margin: 0 auto
}

.catalog-slider__slider .swiper {
    overflow: visible !important
}

.bottom-form {
    padding-right: 1rem
}

.bottom-form h3 {
    font-weight: 500;
    font-size: 1.125rem;
    margin: 0 auto .3125rem
}

.bottom-form p {
    line-height: 130%;
    font-size: .875rem;
    margin: 0 auto 1.4rem
}

.bottom-form__form {
    margin: 0 auto
}

.bottom-form__form .policy {
    max-width: 390px
}

.bottom-form__send {
    text-align: center
}

.bottom-form--border {
    margin-top: 3.75rem;
    border-top: .0625rem solid #e5e5e5;
    padding-top: 2.8125rem
}

.fliters-header {
    width: 62.5rem;
    margin: -1rem auto 0;
    display: flex;
    flex-direction: column
}

.fliters-header+.last-articles {
    padding-top: 2rem
}

.fliters-header__top {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.fliters-header__mobile-ico {
    display: none
}

.fliters-header__title {
    margin-right: 1.25rem;
    flex-shrink: 0
}

.fliters-header__nav {
    flex-shrink: 0
}

.fliters-header__nav>a {
    display: inline-block;
    padding: 0 .5rem;
    color: #000
}

.fliters-header__nav>a:hover {
    color: #000
}

.fliters-header__nav>a.current {
    color: #000;
    cursor: default
}

.fliters-header__nav-list {
    display: flex;
    gap: .875rem
}

.fliters-header__filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: center;
    flex-grow: 1
}

.fliters-header__filter .button {
    margin-left: .5625rem;
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.colors-list {
    text-align: left;
    flex: 0 0 100%
}

.colors-list--filter {
    width: 100%
}

.colors-list--filter .colors-list__title {
    font-size: 1.125rem;
    text-transform: none
}

.colors-list__items {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.colors-list__title {
    font-size: .8125rem;
    text-transform: uppercase;
    margin: 0 0 1rem .375rem
}

.colors-list__color {
    position: relative;
    display: inline-block;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    cursor: pointer;
    position: relative
}

.colors-list__color::before {
    content: "";
    position: absolute;
    inset: -.125rem;
    border-radius: 50%;
    display: block;
    border: .0625rem solid #fff;
    box-shadow: inset 0 0 0 .1875rem #fff
}

.colors-list__color.disabled {
    opacity: .2;
    pointer-events: none
}

.colors-list__color--current::before {
    border: .0625rem solid #000
}

.colors-list__color--current {
    cursor: default
}

.colors-list__color input {
    display: none
}

.gallery {
    margin: 1.75rem auto 0;
    font-size: 0;
    width: 62.5rem
}

.gallery__wrapper {
    display: grid;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 1.875rem
}

.gallery__more {
    text-align: center;
    margin: 2.5rem 0 4.375rem
}

.gallery__more .button::before {
    order: 1
}

.gallery-item {
    display: flex;
    flex-direction: column
}

.gallery-item:hover:before {
    opacity: 0
}

.gallery-item:hover:after {
    opacity: 1
}

.gallery-item:hover .gallery-item__play .ico-play--first {
    stroke: #000
}

.gallery-item:hover .gallery-item__play .ico-play--second {
    fill: #000
}

.gallery-item--short .gallery-item__play {
    width: 3rem;
    height: 3rem;
    margin: 2.8125rem 0 0 -1.5rem
}

.gallery-item--short .gallery-item__play svg {
    width: 3rem;
    height: 3rem
}

.gallery-item--gallery .gallery-item__play {
    display: none
}

.gallery-item__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.8125rem;
    height: 6.8125rem;
    z-index: 3
}

.gallery-item__image {
    position: relative;
    height: 13.3125rem
}

.gallery-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 center;
    object-position: 0 center
}

.gallery-item__wrapper {
    margin-top: .625rem;
    display: flex;
    flex-direction: column;
    padding: .625rem 0
}

.gallery-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .85);
    cursor: pointer;
    overflow: auto
}

.gallery-popup__container {
    width: 62.5rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40.625rem;
    overflow: visible
}

.gallery-popup__container * {
    cursor: default
}

.gallery-popup__spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.gallery-popup__wrapper {
    width: 62.5rem;
    position: relative;
    z-index: 11;
    color: #fff
}

.gallery-popup__header {
    margin-bottom: 1rem
}

.gallery-popup__meta {
    margin: .5625rem 0 1rem
}

.gallery-popup__meta.gallery-info {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.gallery-popup__info-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 999999;
    color: #fff;
    background: linear-gradient(to top, #151515, transparent);
    padding-left: 4.3125rem;
    padding-right: 4.3125rem;
    padding-bottom: 1.25rem
}

.gallery-info__close {
    display: none
}

.gallery-info__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 120%
}

.gallery-info__meta-items {
    margin-top: .875rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.gallery-info__meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .625rem;
    font-weight: 500;
    line-height: 160%
}

.gallery-info__meta:before {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery-info__meta--link {
    line-height: 1.25rem;
    display: inline-block;
    padding-left: .9375rem;
    border-left: .0625rem solid #fff;
    transition: color .2s linear;
    cursor: pointer
}

.gallery-info__meta--link:hover {
    color: #fff
}

.gallery-slider-big {
    height: 28.125rem;
    overflow: hidden;
    margin-bottom: .5rem
}

.gallery-slider-big__container {
    height: inherit;
    display: flex
}

.gallery-slider-big__slide {
    float: left;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    flex-shrink: 0;
    align-self: center
}

.gallery-slider-big__slide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.gallery-slider-preview {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

.gallery-slider-preview__slides {
    width: auto;
    height: 4.5rem;
    display: flex;
    position: relative;
    left: -42%;
    margin: 0 -.25rem
}

.gallery-slider-preview__slide {
    width: 10rem;
    height: 100%;
    flex-shrink: 0;
    margin-left: .5rem;
    position: relative;
    cursor: pointer;
    background-size: cover;
    background-position: center
}

.gallery-slider-preview__slide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    transition: background-color .3s
}

.gallery-slider-preview__slide:before {
    content: "";
    width: 10.125rem;
    height: 4.5rem;
    box-sizing: border-box;
    border: .25rem solid #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}

.gallery-slider-preview__slide--current {
    cursor: default
}

.gallery-slider-preview__slide--current:after {
    background-color: transparent
}

.gallery-slider-preview__slide--current:before {
    opacity: 1
}

.gallery-slider-nav {
    width: 5rem;
    height: 4.5rem;
    position: absolute;
    bottom: 0;
    background-image: url(../images/gallery-nav.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.gallery-slider-nav--prev {
    left: -5rem
}

.gallery-slider-nav--next {
    right: -5rem;
    transform: rotate(180deg)
}

.with-fancybox {
    scrollbar-width: none
}

.order-form {
    width: 62.5rem;
    margin: 0 auto
}

.order-form__change {
    text-align: right;
    margin: -.25rem .125rem 0 1.75rem
}

.order-form__change a {
    color: #000;
    font-size: .8125rem;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 1.1875rem;
    position: relative
}

.order-form__change a:before {
    content: "";
    width: .6875rem;
    height: .6875rem;
    background: url(../images/pen.png) no-repeat #000;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color .3s
}

.order-form__change a:hover {
    color: #000
}

.order-form__change a:hover:before {
    background-color: #000
}

.order-form__container {
    display: flex;
    gap: 2rem;
    flex-direction: column
}

.order-form__form {
    flex: 0 0 19.5625rem;
    border-radius: .25rem;
    background: #f9f9f9;
    display: flex;
    flex-direction: column;
    padding: 2.12rem 1.37rem;
    gap: .75rem
}

.order-form__list {
    flex: 1 1 auto
}

.order-form__extras {
    margin-top: 1.5rem
}

.order-form__extras-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 125%
}

.order-form__extras-list {
    margin-top: 1.56rem;
    border-top: .0625rem solid #dedede
}

.order-form__extras-item {
    border-bottom: .0625rem solid #dedede
}

.order-form__extras-caption {
    font-size: .875rem;
    font-weight: 500;
    line-height: 110%;
    padding: 1rem 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: .5rem
}

.order-form__extras-caption::before {
    font-size: 1.75rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .15s ease
}

.order-form__extras-caption.active::before {
    transform: rotate(180deg)
}

.order-form__extras-body {
    display: none;
    padding-bottom: 1rem;
    font-size: .6875rem
}

.order-form__extras-body p:not(:first-child) {
    margin-top: 1rem
}

.order-form__extras-body ul {
    padding-left: 1.7em;
    list-style: square
}

.order-form__extras-body ul li::marker {
    font-size: .6em
}

.form-price {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.form-price__label {
    font-size: .6rem;
    margin-bottom: .3125rem
}

.form-price__total {
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 500
}

.order-list {
    width: 100%;
    border-top: .0625rem solid #dedede
}

.order-list--fix {
    width: 31.25rem
}

.order-list--delivery {
    width: 62.5rem;
    margin: 1.875rem 0 2.1875rem
}

.order-list--delivery .order-list__item {
    flex-grow: 1;
    height: 5rem
}

.order-list--delivery .order-list__item>div {
    display: flex
}

.order-list--delivery .order-list__num {
    width: 21.25rem
}

.order-list--delivery .order-list__image {
    height: 100%;
    width: 4.6875rem
}

.order-list--delivery .order-list__image img {
    height: 100%;
    width: 100%
}

.order-list--delivery .order-list__value {
    flex-grow: 1;
    line-height: 4.875rem
}

.order-list--delivery .order-list__subtitle {
    line-height: 4.375rem;
    padding-right: 1.125rem
}

.order-list--delivery .order-list__price {
    width: 18.125rem;
    justify-content: flex-end
}

.order-list--delivery .order-list__price .order-list__value {
    flex-grow: 0;
    font-size: 1.875rem
}

.order-list--delivery .info-num__form {
    align-items: center
}

.order-list__order-title {
    display: none;
    color: #000
}

.order-list__item {
    display: flex;
    align-items: center;
    border-bottom: .0625rem solid #dedede;
    padding: .625rem 0;
    gap: 1rem;
    overflow: hidden;
    color: #000
}

.order-list__item:hover .order-list__title .order-list__value {
    color: #000;
    border-bottom-color: #000
}

.order-list__block {
    display: contents
}

.order-list__image {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    border-radius: .125rem;
    border: .235px solid #999;
    display: flex;
    justify-content: center;
    align-items: center
}

.order-list__image img {
    max-width: 3.42856rem;
    max-height: 3.42856rem;
    width: auto;
    height: auto
}

.order-list__image div:not([class]) {
    margin-bottom: auto
}

.order-list__title {
    font-weight: 500;
    line-height: 145.455%;
    flex: 0 0 calc(100% - 5rem);
    font-size: .75rem
}

.order-list__controls {
    margin-top: .15rem;
    flex: 0 0 52%
}

.order-list__controls .item-body__quantity, .order-list__controls .item-body__quantity-value {
    width: 100%;
    max-width: 100%
}

.order-list__controls-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.order-list__quantity {
    flex: 0 0 8.75rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

.order-list__quantity .quantity__down, .order-list__quantity .quantity__up {
    width: 1.59188rem;
    height: 1.59188rem;
    font-size: .5rem
}

.order-list__quantity .field {
    width: 2.375rem;
    min-width: 5rem;
    min-height: 1.59188rem;
    font-size: .75rem;
    text-align: center
}

.order-list__num {
    flex: 0 0 4.6875rem
}

.order-list__link {
    border-bottom: .0625rem dashed;
    line-height: 1.2em;
    font-size: .8125rem;
    color: #8b8b8b
}

.order-list__price {
    font-size: .75rem;
    font-weight: 500;
    line-height: 133.333%;
    text-align: right;
    white-space: nowrap
}

.order-list__subtitle {
    font-size: .8125rem;
    color: #8b8b8b;
    margin-top: .3125rem
}

.order-list__value {
    font-size: 1.25rem;
    white-space: nowrap;
    overflow: hidden
}

.order-list__value--old {
    font-size: .875rem;
    line-height: 1.1428571429;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    color: rgba(0, 0, 0, .5)
}

.order-list__value--old::before {
    content: "";
    width: 100%;
    height: .1875rem;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.125rem
}

.order-list__value--marked {
    color: #000
}

.order-list__remove {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #f5f5f5;
    color: #999;
    transition: background-color .3s ease, color .3s ease;
    margin-left: auto
}

.product-additional {
    max-width: 66rem;
    box-sizing: content-box;
    padding: 0 1rem;
    margin: 2rem auto 0
}

.product-additional__tabs {
    margin-right: -1rem;
    padding-right: 1rem;
    border-bottom: .0625rem solid #e0e0e0;
    overflow: visible
}

.product-additional__button {
    padding: .625rem 0;
    min-width: 5.5rem;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .75rem;
    font-weight: 500;
    line-height: 133.333%;
    border-bottom: .125rem solid transparent;
    color: #a1a5a7;
    transition: color .3s ease, border-color .3s ease
}

.product-additional__button.active {
    color: #000;
    border-bottom: .125rem solid #000
}

.product-additional__content {
    margin-top: 2rem
}

.product-additional__block {
    display: none
}

.product-additional__block.active {
    display: block
}

.product-additional__title {
    margin-bottom: 1.5rem
}

.item-additional {
    display: flex;
    justify-content: space-between;
    width: 63.75rem;
    margin: 3.5rem auto 0;
    padding: 1.9375rem .625rem 4.125rem;
    position: relative;
    overflow: hidden
}

.item-additional:after, .item-additional:before {
    content: "";
    position: absolute;
    border-bottom: .0625rem solid #e8e8e8;
    width: 250rem;
    margin-left: -125rem
}

.item-additional:before {
    top: 0
}

.item-additional:after {
    bottom: 0
}

.item-additional h2 {
    margin-bottom: 1rem
}

.item-additional__title {
    margin-bottom: 1.25rem
}

.item-additional__ico {
    display: none
}

.item-additional__char dl {
    display: flex;
    margin-bottom: .4375rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.item-additional__char dt {
    display: block;
    width: 10.625rem;
    color: #8a8a8a;
    font-size: .875rem;
    line-height: 157.143%
}

.item-additional__char dd {
    display: block;
    width: 9.5625rem;
    padding-left: 1.8125rem;
    position: relative;
    font-weight: 600;
    color: #000;
    font-size: .875rem;
    line-height: 157.143%
}

.item-additional__char dd .help {
    position: absolute;
    top: 0;
    left: 0
}

.item-additional__char--mobile {
    display: none
}

.item-additional__download {
    width: 100%;
    padding: 1rem;
    display: flex;
    align-items: center;
    border: .0625rem solid #000;
    margin-top: .625rem;
    border-radius: .1875rem;
    font-size: 1rem;
    color: #000;
    letter-spacing: -.01em
}

.item-additional__download:first-of-type {
    margin-top: 2.1875rem
}

.item-additional__download svg {
    margin-right: 1.125rem;
    position: relative;
    top: -.125rem;
    width: 1.75rem;
    min-width: 1.75rem
}

.item-additional__download:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.item-additional__download:hover .ico {
    stroke: #fff
}

.item-additional__download:active {
    background-color: #000;
    border-color: #000;
    box-shadow: inset .0625rem .0625rem .1875rem rgba(0, 0, 0, .2)
}

.item-additional__description {
    max-height: 56.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: -.01em;
    overflow: hidden;
    position: relative
}

.item-additional__description:after {
    content: "";
    width: 100%;
    height: 3.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    transition: opacity .3s
}

.item-additional__description--opened {
    max-height: unset;
    overflow: unset
}

.item-additional__description--opened:after {
    opacity: 0;
    z-index: -2
}

.item-additional__description h2, .item-additional__description h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 120%
}

.item-additional__description h2:not(:first-child), .item-additional__description h3:not(:first-child) {
    margin-top: 1.41rem
}

.item-additional__description p {
    font-size: .6875rem
}

.item-additional__description p:not(:first-child) {
    margin-top: 1.25rem
}

.item-additional__description ul {
    font-size: .6875rem
}

.item-additional__description ul li {
    padding-left: 1em;
    position: relative
}

.item-additional__description ul li::before {
    content: "";
    position: absolute;
    top: .7em;
    left: 0;
    border-radius: 50%;
    width: .25em;
    height: .25em;
    background: currentColor
}

.item-additional__description ul:not(:first-child) {
    margin-top: 1.25rem
}

.item-additional__open {
    font-size: .625rem;
    font-weight: 500;
    line-height: 160%;
    color: #000;
    text-transform: uppercase;
    margin-top: 1.5625rem;
    display: inline-block;
    cursor: pointer
}

.item-additional__open svg {
    transition: transform .3s ease
}

.item-additional__docs {
    margin: 1.25rem 0 -1.3125rem
}

.item-additional__docs+.item-additional__docs {
    margin: 3.125rem 0 0
}

.item-additional__docs+.item-additional__docs span {
    display: inline-block;
    margin-right: .25rem
}

.item-additional__docs+.item-additional__docs svg {
    width: .5625rem;
    height: .375rem;
    position: relative;
    top: -.0625rem
}

.item-additional__docs+.item-additional__docs:hover {
    color: #000
}

.item-additional__docs+.item-additional__docs:hover .ico {
    stroke: #000
}

.item-additional__docs+.item-additional__docs--opened svg {
    transform: rotate(180deg)
}

.item-additional__certificates {
    margin-top: 3.125rem
}

.item-main {
    width: 62.5rem;
    margin: 0 auto
}

.item-main__wall_as_photo {
    height: 26.25rem;
    background-size: contain
}

.item-main__go-back {
    display: none;
    margin-left: 1rem;
    text-align: left;
    position: relative;
    margin-bottom: 1.25rem;
    color: #000
}

.item-main__ico {
    position: relative;
    left: -.9375rem
}

.item-main__ico svg {
    transform: rotate(180deg)
}

.item-main__ico svg path {
    stroke: #000;
    stroke-width: .0625rem
}

.item-main__title {
    font-size: 2rem;
    line-height: 1.2em;
    letter-spacing: -.05em
}

.item-main__in-stock {
    margin-bottom: 1.0625rem
}

.item-main__container {
    display: flex;
    justify-content: space-between
}

.item-main__image {
    width: 26.5625rem;
    position: relative;
    text-align: center
}

.item-main__image--long {
    width: 100%
}

.item-main__content {
    width: 32.5rem
}

.item-main__bg {
    width: 100%;
    overflow: hidden
}

.item-main__bg--long {
    height: 26.875rem
}

.item-main__bg--wall img {
    width: 100%;
    height: 100%
}

.item-main__bg img {
    -o-object-position: center;
    object-position: center
}

.item-main__row-bricks {
    display: flex;
    margin-left: -5%
}

.item-main__row-bricks:nth-child(2n) {
    margin-left: -30%
}

.item-main__brick {
    flex-shrink: 0;
    width: 12.125rem;
    height: 3.375rem;
    margin-bottom: .3125rem;
    margin-right: .3125rem;
    display: inline-block;
    background-size: cover
}

.item-main__link {
    display: block;
    width: 100%
}

.item-main__link picture {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.item-main__popup {
    flex-direction: column;
    display: none;
    text-align: center !important
}

.item-main__popup.images-popup {
    flex-direction: column;
    gap: 1rem
}

.item-main__popup .colors-list {
    margin-right: 0;
    margin-left: 0
}

.item-main__popup .wall img {
    margin-bottom: .4%;
    margin-right: .4%
}

.item-main__popup .wall--long .wall__row {
    left: 0
}

.item-main__popup .wall--long .wall__row:nth-child(2n) {
    left: -4.375rem
}

.item-main__colors {
    margin-top: 1rem
}

.item-main__colors .colors-list__title {
    font-weight: 700
}

.item-main__labels {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    flex-direction: column;
    padding: 0;
    bottom: unset;
    width: auto;
    top: 1rem;
    left: 0
}

.item-main__label {
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .5rem;
    padding: 0 .625rem;
    display: inline-block;
    margin-right: 0;
    font-size: .5rem;
    font-weight: 700;
    line-height: 312.5%;
    letter-spacing: .01563rem;
    text-transform: uppercase;
    align-self: flex-start
}

.item-main__label:not(:last-child) {
    margin-bottom: .25rem
}

.item-main__label--share {
    background-color: #fa6424
}

.item-main__label--now-have {
    background-color: #627abc
}

.item-main__label--new {
    background-color: #d52f62
}

.item-main__label--in-stock {
    background-color: #44b759
}

.item-main__label--hit {
    background-color: #f92020
}

.in-stock {
    margin-top: .3125rem;
    display: flex;
    align-items: center
}

.in-stock__ico {
    display: inline-block;
    margin-right: .3125rem
}

.in-stock__text {
    display: inline-block;
    font-size: .6875rem
}

.in-stock__link {
    line-height: 1.6666666667em;
    display: inline-block;
    color: #000;
    padding: .25em 1.6666666667em;
    border: .0625rem solid #000;
    border-radius: .25em;
    margin-left: 1.6666666667em;
    transition: color .2s, background-color .2s;
    position: relative;
    font-size: .675rem
}

.in-stock__link:hover {
    color: #fff;
    background-color: #000
}

.in-stock .ico-tick-svg {
    width: .6875rem;
    height: .625rem
}

.item-char {
    font-size: .75rem;
    line-height: normal;
    margin-bottom: -.625rem
}

.item-char dl {
    margin-bottom: .625rem
}

.item-char dt {
    color: #8a8a8a;
    display: inline
}

.item-char dd {
    display: inline
}

.item-char .jspVerticalBar {
    left: 0
}

.info-price {
    margin-bottom: 1.6875rem
}

.info-price__current {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    line-height: 93.75%;
    display: inline-flex;
    flex-wrap: wrap
}

.info-price__current small {
    font-size: 1.125rem
}

.info-price__current .rub {
    margin-left: .3125rem
}

.info-price__old {
    position: relative;
    display: inline-block;
    padding: 0 .125rem;
    color: #9b9da2;
    font-size: .875rem;
    font-weight: 500
}

.info-price__old+.info-price__current {
    margin-top: .35rem;
    color: #000
}

.info-price__old:before {
    content: "";
    width: 100%;
    height: .125rem;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.125rem
}

.info-price__per-cube {
    font-weight: 500;
    line-height: 133.333%;
    font-size: .875rem
}

.info-price__hint {
    color: #a3a3a3;
    font-size: .875rem;
    text-transform: lowercase
}

.info-price__footer {
    margin-top: .47rem;
    display: flex;
    align-items: center;
    gap: 1.75rem;
    width: 100%
}

.item-order {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    align-items: center
}

.item-order__amount {
    display: inline-block;
    font-size: .5625rem;
    font-weight: 500;
    text-transform: uppercase
}

.item-order__amount b {
    font-size: 1.125rem;
    display: inline-block;
    margin-left: .625rem
}

.item-order__controls {
    font-size: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.item-order__button.success {
    pointer-events: none;
    background: #000;
    color: transparent
}

.item-order__button.success::before {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.item-order__order-call {
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #000
}

.item-order__order-call:hover {
    color: #000
}

.item-suggestion {
    display: block;
    width: 100%;
    border: .0625rem solid #d4d4d4;
    border-radius: .1875rem;
    margin-top: 1.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem 1.25rem .625rem;
    overflow: hidden;
    color: #000
}

.item-suggestion:hover {
    border-color: #000
}

.item-suggestion__image {
    width: 3.0625rem;
    float: left;
    margin-right: 1.3125rem
}

.item-suggestion__image img {
    max-width: 3.0625rem;
    min-width: 3.0625rem;
    height: auto
}

.item-suggestion__info {
    margin-left: 3.0625rem;
    display: block
}

.item-suggestion__title {
    display: block
}

.item-suggestion__price {
    display: block;
    font-size: 1.125rem;
    color: #000;
    margin-top: .1875rem
}

.one-click-buy-form {
    margin-top: 1.44rem;
    background: #2a2a2a;
    color: #fff;
    padding: .8125rem 1rem;
    order: 2
}

.one-click-buy-form .spinner--form div {
    background: #fff
}

.one-click-buy-form .form__send {
    min-height: 0;
    margin-bottom: 0
}

.one-click-buy-form__title {
    font-size: 1.125rem;
    font-weight: 500
}

.one-click-buy-form__body {
    margin-top: .37rem;
    grid-template-columns: 1fr auto;
    display: grid;
    align-items: start;
    gap: 1.125rem;
    row-gap: .5rem
}

.one-click-buy-form__body .form__lines {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.one-click-buy-form__body .form__line {
    position: relative;
    margin-bottom: 0
}

.one-click-buy-form__body .policy {
    font-size: .5625rem
}

.one-click-buy-form__body .button {
    min-height: 2.25rem
}

.one-click-buy-form__body .button::before {
    order: 1;
    font-size: .5rem
}

.document {
    display: block;
    padding-left: 4.25rem;
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #000;
    max-width: 31.25rem;
    margin-bottom: 1.3125rem;
    position: relative;
    min-height: 3.1875rem
}

.document:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M1 39.1172H30V48.8832L36 45.2832L42 48.8832V39.1172H49V1.11719H1V39.1172ZM40.265 32.3312C40.175 32.4222 40.079 32.5062 39.984 32.5912C39.93 32.6392 39.88 32.6902 39.824 32.7362C39.762 32.7882 39.696 32.8322 39.632 32.8812C38.789 33.5262 37.773 33.9552 36.664 34.0782C36.646 34.0802 36.628 34.0842 36.609 34.0862C36.408 34.1062 36.204 34.1172 35.998 34.1172C35.792 34.1172 35.588 34.1062 35.387 34.0862C35.369 34.0842 35.351 34.0802 35.332 34.0782C34.223 33.9552 33.208 33.5262 32.364 32.8812C32.3 32.8322 32.234 32.7872 32.172 32.7362C32.117 32.6902 32.066 32.6392 32.012 32.5912C31.917 32.5062 31.822 32.4222 31.731 32.3312C30.66 31.2472 29.996 29.7592 29.996 28.1172C29.996 24.8082 32.687 22.1172 35.996 22.1172C39.305 22.1172 41.996 24.8082 41.996 28.1172C42 29.7582 41.337 31.2462 40.265 32.3312ZM40 45.3512L36 42.9512L32 45.3512V39.1172V35.0472C32.034 35.0672 32.072 35.0802 32.107 35.0992C32.372 35.2472 32.645 35.3832 32.927 35.5012C32.939 35.5062 32.952 35.5102 32.965 35.5152C33.902 35.9012 34.926 36.1172 36.001 36.1172C37.076 36.1172 38.1 35.9012 39.037 35.5152C39.049 35.5102 39.062 35.5062 39.075 35.5012C39.357 35.3832 39.63 35.2482 39.895 35.0992C39.93 35.0802 39.968 35.0672 40.002 35.0472V39.1172V45.3512H40ZM3 3.11719H47V37.1172H42V33.3912C43.241 31.9812 44 30.1382 44 28.1172C44 23.7062 40.411 20.1172 36 20.1172C31.589 20.1172 28 23.7062 28 28.1172C28 30.1382 28.759 31.9812 30 33.3912V37.1172H3V3.11719Z' fill='black'/%3E%3Cpath d='M38 7.11719H12V9.11719H38V7.11719Z' fill='black'/%3E%3Cpath d='M33 13.1172H17V15.1172H33V13.1172Z' fill='black'/%3E%3Cpath d='M18 31.1172H7V33.1172H18V31.1172Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color .3s
}

.document:hover {
    color: #000
}

.document__title {
    display: block
}

.document__meta {
    display: block;
    font-size: .8125rem;
    color: #000;
    margin-top: .375rem
}

.dealer-certificates {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -.625rem
}

.dealer-certificates__item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 9.375rem;
    width: 9.375rem;
    height: 13.25rem;
    margin: 0 .625rem 1.25rem .625rem;
    border: .0625rem solid #000;
    border-radius: .125rem
}

.dealer-certificates__preview {
    width: 100%
}

.page-banner {
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 9.625rem 0 14rem
}

.page-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .52);
    z-index: 1
}

.page-banner--delivery {
    overflow: hidden
}

.page-banner__wrapper {
    max-width: 62.5rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff
}

.page-banner__title {
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%
}

.page-banner__description {
    text-align: center;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    font-size: .75rem;
    margin-top: 1rem;
    line-height: 1.6;
    max-width: 86%
}

.page-banner__button {
    margin-top: 2.625rem
}

.page-banner__button .button::before {
    order: 1;
    font-size: .8rem
}

.page-banner__video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: 2
}

.page-banner__video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: rgba(0, 0, 0, .4)
}

.page-banner__video-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: -2
}

.page-banner__video-container video {
    visibility: visible;
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.page-banner__video-container video#video-hd {
    display: none
}

.page-banner__slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.page-banner__slide {
    height: auto
}

.page-banner__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.icon-block {
    width: 62.5rem;
    margin: 0 auto;
    padding: 3.4375rem 0 2.75rem
}

.icon-block__title {
    font-weight: 500;
    line-height: 125%;
    font-size: 1.125rem
}

.icon-block__description {
    font-weight: 500;
    font-size: .6875rem;
    line-height: 172.727%;
    max-width: 41rem;
    margin-top: 1.0625rem
}

.icon-block__list {
    display: grid;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    row-gap: 1.5rem;
    margin-top: 1.7rem
}

.icon-block__item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.icon-block__image {
    height: 4rem;
    line-height: 4rem;
    max-width: 4rem;
    margin-bottom: .4375rem
}

.icon-block__image img {
    max-height: 100%;
    width: auto;
    vertical-align: middle
}

.icon-block__text {
    font-size: .6875rem;
    font-weight: 500;
    line-height: 172.727%;
    max-width: 90%;
    margin: 0 auto
}

.icon-block__subtitle {
    font-size: 1rem;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: .5rem
}

.materials {
    width: 62.5rem;
    padding: 0 0 2rem 0;
    margin: 0 auto 0
}

.materials__title {
    line-height: 125%;
    font-weight: 500;
    font-size: 1.125rem
}

.materials__description {
    font-size: .6875rem;
    margin-top: .625rem;
    line-height: 172.727%;
    max-width: 41rem;
    font-weight: 500
}

.materials__list {
    margin-top: 2.625rem;
    row-gap: 2.3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.materials__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 0 0 50%
}

.materials__ico {
    height: 2.625rem;
    width: 2.425rem;
    display: block;
    margin-bottom: .4375rem
}

.materials__ico img {
    max-height: 100%;
    width: auto;
    vertical-align: middle
}

.materials__name {
    line-height: 1;
    max-width: 8.525rem
}

.materials__link {
    font-size: .6875rem;
    font-weight: 500
}

.footer-contact {
    width: 62.5rem;
    display: flex;
    justify-content: space-between;
    gap: 3.12rem;
    margin: 0 auto;
    border-top: 1px solid #e5e5e5;
    padding-top: 1.5rem
}

.footer-contact__wrapper {
    display: flex
}

.footer-contact__form {
    flex-shrink: 0;
    background: #2a2a2a;
    color: #fff;
    width: 100%;
    padding: 1.25rem 1rem
}

.footer-contact__form .form {
    padding-right: 1rem
}

.footer-contact__form .form .form__line:not(:last-child) {
    margin-bottom: .75rem
}

.footer-contact__form .button--send::before {
    order: 1;
    font-size: .7rem
}

.footer-contact__form .footer-contact__title {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1
}

.footer-contact__form .field {
    min-height: 1.6875rem;
    font-size: .6875rem;
    line-height: 1;
    padding: .3rem .75rem
}

.footer-contact__form .field:is(textarea) {
    height: 6rem
}

.footer-contact__form .spinner--form div {
    background: #fff
}

.footer-contact__requisite {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 1.44rem
}

.footer-contact__coords {
    gap: 1.44rem;
    flex: 0 0 100%;
    display: grid
}

.footer-contact__title {
    font-size: .6875rem;
    font-weight: 700;
    line-height: 145.455%
}

.footer-contact__item {
    display: flex;
    flex-direction: column;
    gap: 1.44rem
}

.contact-list__li {
    padding-left: 2.0625rem;
    font-size: .6875rem;
    position: relative
}

.contact-list__li a {
    color: #000
}

.contact-list__li:not(:last-child) {
    margin-bottom: 1.2rem
}

.contact-list__li:before {
    content: "";
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: .65em;
    left: .5625rem
}

.contact-list__li--address, .contact-list__li--place {
    max-width: 16rem
}

.contact-list__li--address:before, .contact-list__li--place:before {
    content: "\e90a";
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    top: 0;
    left: 0;
    background: 0 0
}

.contact-list__li--phone:before {
    content: "\e90f";
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    top: 0;
    left: 0;
    background: 0 0
}

.contact-list__li--email a {
    color: #000
}

.contact-list__li--email:before {
    content: "\e90b";
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    top: 0;
    left: 0;
    background: 0 0
}

@media (min-width:575.98px) {
    .cart-item {
        gap: 1.81rem;
        align-items: center;
        flex-direction: row
    }

    .cart-item__image {
        width: 8.75rem;
        height: 8.75rem
    }

    .cart-item__header {
        justify-content: space-between;
        align-items: center;
        flex-direction: row
    }

    .page-header__title-wrap {
        justify-content: space-between;
        align-items: center;
        flex-direction: row
    }

    .page-header__producer {
        margin-left: 2rem;
        margin-top: 0;
        flex: 0 0 11.25rem
    }

    .page-header__socials {
        right: 0;
        left: auto
    }

    .banner {
        height: 31.6875rem !important
    }

    .banner__slides {
        height: 31.6875rem !important
    }

    .layout-catalog__sort-types {
        display: flex;
        flex-wrap: wrap;
        gap: .56rem
    }

    .fliters-header__top {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap
    }

    .fliters-header__top .fliters-header__nav-list {
        justify-content: flex-end
    }

    .gallery__wrapper {
        grid-template-columns: repeat(2, 1fr)
    }

    .materials__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr))
    }

    .materials__item {
        flex: 0 1 auto
    }
}

@media (min-width:767.98px) {
    .switch-title {
        margin-bottom: 2.5625rem
    }

    .switch-title__switcher {
        margin: 0 .4375rem
    }

    .radiobox__item {
        width: auto;
        font-size: .875rem;
        height: 2.5rem
    }

    .popup-quick {
        padding: 1rem 0
    }

    .header-fake {
        display: block;
        height: 10.4375rem
    }

    .header--scrolled {
        margin-top: -117px
    }

    .header__wrapper {
        width: 44rem;
        padding: 0
    }

    .header__address {
        width: auto;
        grid-template-columns: repeat(2, 1fr);
        order: 1;
        padding: .9375rem 0 0;
        flex: 0 0 100%;
        margin-top: .5rem;
        position: relative
    }

    .header__address::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: .0625rem;
        background: #efefef
    }

    .header__search-link {
        margin-right: -.625rem;
        height: 3.125rem;
        width: 2.25rem
    }

    .header__search-link::before {
        font-size: 1.5rem
    }

    .header__row {
        display: none
    }

    .header__socials {
        margin-right: 0
    }

    .footer__addresses {
        padding-bottom: 0;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row
    }

    .footer__address-item {
        max-width: 40%
    }

    .cart-page__footer-content {
        gap: 1.5rem;
        flex-direction: row
    }

    .info-num {
        width: auto
    }

    .info-num__hint--mobile {
        display: none
    }

    .item-top {
        flex-direction: column
    }

    .item-body {
        flex-wrap: nowrap
    }

    .item-body__quantity {
        font-size: .5rem
    }

    .item-body__quantity {
        width: 10.625rem
    }

    .item-body__quantity-value {
        max-width: 9.75rem
    }

    .page-header__producer {
        padding: 1.875rem 3.87869rem 1.8125rem 3.875rem;
        flex: 0 0 17.3125rem
    }

    .bread {
        gap: .5rem
    }

    .bread>span:has(.bread__current) {
        opacity: .3
    }

    .bread>span:has(.bread__current) .bread__current {
        opacity: 1
    }

    .bread>span:last-child {
        max-width: 100%;
        min-width: 0;
        overflow: hidden
    }

    .bread>span:last-child .bread__current {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .bread__link {
        gap: .5rem
    }

    .container {
        padding: 0 2rem
    }

    .new {
        width: 37.5rem;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2000;
        transform: none !important;
        background-color: #fff;
        box-sizing: border-box;
        margin: var(--f-html-margin, 0);
        padding: var(--f-html-padding, 2rem);
        color: var(--f-html-color, currentColor);
        background: var(--f-html-bg);
        opacity: 1 !important
    }

    .new .f-button.is-close-button {
        top: 0;
        right: 100%
    }

    .new .h1, .new h1 {
        font-size: 1.75rem
    }

    .new__wrapper {
        width: 100%;
        height: 100%;
        padding-right: 2rem;
        overflow-y: auto
    }

    .banner__nav.swiper-pagination-bullets {
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 33.125rem
    }

    .banner__nav.swiper-pagination-bullets {
        bottom: 2.75rem
    }

    .banner__nav.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: .5625rem;
        height: .5625rem
    }

    .banner-slide__text {
        top: 10.3125rem;
        width: 33.125rem
    }

    .banner-text {
        width: 31.125rem;
        padding: 1.3125rem 1.875rem 1.3125rem
    }

    .cats-banner__wrapper {
        width: auto;
        height: 100%;
        padding: 1.875rem .9375rem 4.0625rem
    }

    .cats-banner__title {
        max-width: 100%;
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1.2
    }

    .catalog-all {
        padding: 1.7rem 2rem 2.5rem
    }

    .catalog-all__title {
        margin-bottom: 1.875rem
    }

    .catalog-all__list {
        grid-template-columns: repeat(4, 1fr)
    }

    .reviews {
        padding: .8125rem 0 2.5rem
    }

    .reviews__controls {
        display: flex;
        gap: .875rem
    }

    .reviews__slider {
        margin-top: 2rem
    }

    .review {
        min-height: 100%;
        padding: 1.5rem
    }

    .review__rate-star {
        font-size: 1.5rem;
        width: 1.25rem;
        height: 1.25rem
    }

    .review__qoute {
        line-height: 172.727%;
        font-size: .6875rem
    }

    .review__author {
        margin-top: 1.1875rem;
        gap: 1.1875rem
    }

    .review__author-thumb {
        width: 2.75rem;
        height: 2.75rem
    }

    .review__author-info {
        font-size: .875rem;
        line-height: 110%
    }

    .conditions {
        padding: 2rem 0 3rem;
        border-bottom: 0
    }

    .conditions__body {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.125rem
    }

    .conditions__banner-content {
        padding: 2.5rem 0 2.5rem 1.2rem
    }

    .conditions__banner-text {
        margin-right: -4.2rem
    }

    .conditions__banner-image {
        margin-top: 1.3rem;
        width: 15.0625rem;
        margin-right: -3.8rem
    }

    .conditions__desc-caption {
        font-size: .875rem
    }

    .conditions__desc-list {
        line-height: 172.727%;
        font-size: .6875rem;
        margin-top: 1rem
    }

    .conditions__desc-list li::before {
        margin-left: .15rem
    }

    .conditions__desc-list li:not(:last-child) {
        margin-bottom: .18rem
    }

    .why {
        padding: 1.5625rem 0 0
    }

    .why__title {
        text-align: center;
        margin: 0 auto 1.5625rem;
        width: auto;
        padding: 0
    }

    .our-services {
        padding: 3.75rem 0 2.5rem
    }

    .our-services__list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 1.4rem
    }

    .article__date {
        margin-bottom: .56rem
    }

    .article__title {
        font-size: .6875rem;
        line-height: 145.455%
    }

    .contact-addresses__wrapper {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 2rem
    }

    .contact-addresses__block {
        margin-bottom: .9375rem
    }

    .bottom-form {
        padding-right: 0;
        grid-column: span 2
    }

    .bottom-form h3 {
        margin: 0 auto .625rem;
        letter-spacing: -.01em;
        font-size: 1.3125rem
    }

    .order-form__extras {
        margin-top: 3.13rem
    }

    .order-list__block {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .order-list__title {
        font-size: .6875rem;
        flex: 1 1 auto;
        margin-right: auto
    }

    .order-list__controls {
        margin-left: auto
    }

    .order-list__remove {
        margin-left: 0
    }

    .product-additional {
        margin: 3.75rem auto 0
    }

    .item-main__labels {
        top: .3125rem;
        left: .3125rem
    }

    .in-stock__link {
        font-size: .75rem
    }

    .info-price__per-cube {
        font-size: .75rem
    }

    .info-price__hint {
        font-size: .6875rem
    }

    .info-price__footer {
        gap: .38rem;
        width: auto;
        flex-direction: column;
        align-items: flex-start;
        margin-top: .87rem
    }

    .item-order__order-call {
        display: inline-block;
        margin-inline: .68rem
    }

    .one-click-buy-form {
        order: 0;
        padding: .8125rem 1.5rem 1.5rem 1.5rem
    }

    .one-click-buy-form__body {
        gap: 1.875rem;
        row-gap: .5rem
    }

    .page-banner__title {
        font-size: 2.25rem
    }

    .page-banner__description {
        max-width: 41rem;
        font-size: 1.125rem;
        line-height: 1
    }

    .page-banner__button {
        margin-top: 1rem
    }

    .icon-block__description {
        margin-top: .4375rem
    }

    .icon-block__list {
        margin-top: 2.6rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .icon-block__list.icon-block__list--delivery {
        grid-template-columns: repeat(2, 1fr)
    }

    .icon-block__item {
        align-items: flex-start
    }

    .icon-block__image {
        margin-bottom: .8125rem
    }

    .icon-block__text {
        max-width: 100%
    }

    .materials__list {
        row-gap: 3.4rem;
        margin-top: 3.5rem;
        padding-right: 1.5625rem
    }

    .materials__name {
        max-width: 6.625rem
    }

    .footer-contact__form {
        padding: 1.5625rem 1.5rem;
        width: 21.0625rem
    }

    .footer-contact__coords {
        padding-top: 2rem;
        grid-template-columns: repeat(2, 1fr);
        border-top: .0625rem solid #efefef
    }
}

@media (min-width:991.98px) {
    .switch-title {
        margin-bottom: 1.9375rem
    }

    .switch-title__switcher {
        top: .25rem;
        margin: 0 .125rem
    }

    .header--scrolled {
        margin-top: -117px
    }

    .header__wrapper {
        width: 60rem
    }

    .header__bottom .header__socials {
        margin-right: 1rem;
        margin-left: 0
    }

    .header__search-bar {
        flex: 1 1 auto
    }

    .header__email {
        min-width: 9.75rem
    }

    .menu__item {
        padding: 0 .55rem;
        font-size: .6875rem
    }

    .h1, h1 {
        font-weight: 400;
        letter-spacing: -.005em;
        line-height: 1.2em;
        font-size: 2rem
    }

    .slider__slide {
        padding: 0 50px
    }

    .banner {
        height: 37.5rem !important
    }

    .banner__nav.swiper-pagination-bullets {
        width: 51.875rem
    }

    .banner__nav.swiper-pagination-bullets {
        width: 51.875rem
    }

    .banner__slides {
        height: 37.5rem !important
    }

    .banner-slide__text {
        width: 51.875rem
    }

    .banner-text {
        padding: 1.5625rem 1.875rem;
        width: 33.125rem
    }

    .cats-banners {
        margin: 4.375rem auto .0625rem
    }

    .catalog-all__title {
        margin-bottom: 2.5rem;
        line-height: 93.75%
    }

    .catalog-all__list {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .reviews {
        border-bottom: 0;
        padding: 1.875rem 0 2.25rem
    }

    .reviews__controls {
        gap: 1.12rem
    }

    .reviews__next, .reviews__prev {
        width: 2.1875rem;
        height: 2.1875rem
    }

    .reviews__columns {
        -moz-columns: 2;
        columns: 2;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .review {
        border-radius: 0
    }

    .review__rate {
        gap: .63rem
    }

    .review__rate-star {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 1.75rem
    }

    .review__qoute {
        margin-top: 1rem;
        font-size: .8rem;
        line-height: 160%
    }

    .review__author {
        gap: 1.19rem
    }

    .review__author-thumb {
        width: 3.3125rem;
        height: 3.3125rem
    }

    .review__author-info {
        font-size: .9rem
    }

    .conditions__banner-text {
        line-height: 175%;
        margin-right: -1.7rem;
        font-size: .7rem
    }

    .filter-horizontal__content {
        flex-wrap: nowrap
    }

    .article__date {
        margin-bottom: .8125rem;
        font-weight: 700;
        font-size: .6875rem
    }

    .article__title {
        font-size: .875rem;
        line-height: 120%
    }

    .article__description {
        font-size: .75rem
    }

    .colors-list {
        flex: 1 1 auto
    }

    .gallery-item {
        grid-row: span 2
    }

    .gallery-item--short {
        grid-row: auto
    }

    .gallery-item--short .gallery-item__image {
        height: 13.3125rem
    }

    .gallery-item__image {
        height: 34.875rem
    }

    .order-form__container {
        align-items: flex-start;
        flex-direction: row
    }

    .order-form__list {
        position: sticky;
        top: 11rem
    }

    .product-additional__tabs {
        margin-right: 0;
        padding-right: 0
    }

    .item-additional__char:has(dl:nth-child(6)) {
        -moz-columns: 2;
        columns: 2
    }

    .item-additional__docs {
        -moz-columns: 2;
        columns: 2
    }

    .item-additional__docs .document {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }
}

@media (min-width:1100px) {
    .dropdown {
        min-width: 13.3125rem
    }

    .fancybox-wrap--get-popup-quick .f-html {
        padding: 2rem
    }

    .header-mobile__logo {
        display: none
    }

    .header-fake {
        height: 10.75rem
    }

    .header--scrolled {
        margin-top: -125px
    }

    .header__top {
        padding: 1.1rem 0 1rem
    }

    .header__top .header__wrapper {
        -moz-column-gap: 0;
        column-gap: 0;
        flex-wrap: nowrap
    }

    .header__logo {
        width: 5.06313rem;
        margin-right: 1.25rem
    }

    .header__contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.1rem;
        flex: 1 1 auto
    }

    .header__address::before {
        display: none
    }

    .header__address {
        margin-top: 0;
        flex: 0 1 auto;
        display: flex;
        order: 0;
        padding: .34rem 0 .34rem 1.25rem;
        border-left: .0625rem solid #dcdcdc
    }

    .header__address-block {
        max-width: 12.55rem
    }

    .header__address-caption {
        text-transform: uppercase;
        font-weight: 700;
        line-height: 175%
    }

    .header__address-value {
        font-weight: 400
    }

    .header__search {
        flex: 1 1 auto
    }

    .header__search-link::before {
        color: #3c3c3c
    }

    .header__cart {
        margin-left: auto
    }

    .header__phone a {
        font-size: .8125rem
    }

    .header__phone a::before {
        color: #6d6d6d
    }

    .header__socials {
        margin-left: .4rem
    }

    table.title-search-result td a {
        padding: .31rem 2rem .31rem 1.5rem
    }

    .cart-page__footer {
        margin-top: 0
    }

    .cart-link::before {
        color: #3c3c3c
    }

    .item-body {
        justify-content: space-between
    }

    .page-header__title {
        line-height: 125%;
        font-size: 1.5rem
    }

    .container {
        box-sizing: content-box
    }

    .h2, h2 {
        line-height: 142.857%;
        font-weight: 400;
        font-size: 1.3125rem
    }

    .h3, h3 {
        line-height: 142.857%;
        font-weight: 400;
        font-size: 1.25rem
    }

    .h-form__text {
        margin-top: .31rem
    }

    .nav-cats {
        gap: .875rem
    }

    .producers-wrap.layout-catalog__content {
        width: 62.5rem
    }

    .banner {
        margin-top: -4.25rem
    }

    .banner__arrow--prev span {
        right: 1.875rem
    }

    .banner__arrow--next span {
        left: 1.875rem
    }

    .banner-text__title {
        line-height: 1;
        font-size: 2rem;
        letter-spacing: -.005em
    }

    .banner-text__description {
        font-size: .75rem;
        line-height: 141.667%
    }

    .banner-text__footer {
        margin-top: 2rem
    }

    .cats-banner__wrapper {
        height: 17rem;
        padding: 0 1.5rem
    }

    .cats-banner__title {
        margin-top: 1.5rem;
        font-size: 1.2rem;
        line-height: 125%
    }

    .cats-banner__btn {
        display: block;
        margin-top: 1.4rem;
        margin-bottom: -3.56rem;
        opacity: 0;
        font-size: .6rem;
        transition: opacity .3s ease, margin-bottom .3s ease
    }

    .catalog-all {
        padding: 3.5rem 0 .5rem
    }

    .catalog-all__list li {
        min-height: 4.8125rem
    }

    .catalog-all__list li:nth-last-child(1), .catalog-all__list li:nth-last-child(2) {
        min-height: 3.5rem
    }

    .hits__items {
        padding-right: 1.25rem;
        margin-right: -1.25rem;
        margin-top: 1.7rem
    }

    .conditions__body {
        margin-top: 2.1875rem;
        grid-template-columns: .98fr 1fr;
        gap: 1.875rem
    }

    .conditions__banner-content {
        padding: 1.5rem 0 2.5rem 1.2rem
    }

    .conditions__banner-logo {
        max-width: 6.6875rem
    }

    .conditions__banner-image {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .conditions__desc {
        padding: 1rem 0
    }

    .conditions__desc-block:not(:last-child) {
        margin-bottom: 2rem
    }

    .conditions__desc-list li::before {
        border-radius: .1875rem;
        width: .6875rem;
        height: .6875rem;
        align-self: stretch;
        margin-left: 0
    }

    .conditions__desc-list li:not(:last-child) {
        margin-bottom: .38rem
    }

    .why {
        padding: 2.875rem 0 0
    }

    .why__title {
        width: 62.5rem;
        margin: 0 auto 1.6875rem
    }

    .why-item__link {
        font-size: .75rem
    }

    .our-services {
        padding: 6.2rem 0 2.6875rem;
        border-bottom: 0
    }

    .our-services__title {
        text-align: left
    }

    .our-services__list {
        gap: 1.25rem;
        margin-top: 2.5rem
    }

    .our-services__item {
        padding: 1.3125rem 1.125rem 1.5rem 1rem;
        gap: 1.5rem;
        flex-direction: row
    }

    .our-services__item-icon {
        width: 4.13313rem;
        height: 4.13313rem
    }

    .our-services__item-caption {
        font-size: .875rem;
        line-height: 114.286%
    }

    .our-services__item-desc {
        max-width: 100%;
        font-weight: 400;
        font-size: .75rem;
        line-height: 158.333%
    }

    .brands+.seo {
        padding-top: 0
    }

    .brands--index .brands__title {
        font-size: 2rem;
        font-weight: 400;
        letter-spacing: -.005em;
        text-align: left
    }

    .brands__title {
        text-align: center;
        font-size: 1.5rem;
        margin-bottom: 2rem
    }

    .get-format {
        font-size: .625rem;
        line-height: 190%
    }

    .get-format p+h4, .get-format ul+h4 {
        margin-top: 2.25rem
    }

    .get-format p+h2, .get-format ul+h2 {
        margin-top: 3.3125rem
    }

    .get-format p, .get-format ul {
        margin-bottom: 1.5rem
    }

    .get-format h4 {
        margin-bottom: .3125rem;
        font-weight: 400;
        font-size: .875rem;
        line-height: 157.143%
    }

    .get-format h2, .get-format h3 {
        padding-bottom: .8125rem;
        max-width: 26.5rem
    }

    .get-format p {
        max-width: 26rem
    }

    .items-list—row .shop-item {
        padding: 1rem;
        flex-direction: row
    }

    .items-list—row .shop-item__top {
        display: flex;
        flex: 1 1 auto;
        gap: .6rem
    }

    .items-list—row .shop-item__image {
        width: 220px;
        height: 131.25px
    }

    .items-list—row .shop-item__image::before {
        background: url(../images/ico-magnifier.png) center/40px no-repeat rgba(0, 0, 0, .8)
    }

    .items-list—row .shop-item__image::after {
        font-size: .7rem;
        bottom: 1rem
    }

    .items-list—row .shop-item__list {
        display: flex
    }

    .items-list—row .shop-item__title {
        margin-bottom: 0;
        padding: 0;
        font-size: .6875rem
    }

    .items-list—row .shop-item__footer {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between
    }

    .items-list—row .shop-item__label {
        font-size: 8px
    }

    .items-list—row .shop-item__one-buy {
        display: none
    }

    .items-list—row .price__current {
        line-height: 1.2
    }

    .items-list—row .price__per-metr {
        display: block
    }

    .layout-catalog__sort-grid {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .filters .layout-catalog__sort {
        display: none
    }

    .filters__popup {
        display: block !important
    }

    .items-list.items-list—row {
        margin: 0
    }

    .items-list.items-list—row .items-list__item {
        width: 100%;
        margin: 0 0 1.25rem
    }

    .article--default .article__content {
        height: 13.125rem
    }

    .contact-addresses__wrapper {
        grid-template-columns: repeat(3, 1fr);
        padding: 0
    }

    .bottom-form {
        grid-column: auto
    }

    .colors-list__color {
        width: 2.4375rem;
        height: 2.4375rem
    }

    .order-form__container {
        gap: 4.375rem
    }

    .order-form__list {
        top: 10rem
    }

    .item-order__button {
        padding-inline: .6rem;
        font-size: .625rem !important
    }

    .page-banner__title {
        letter-spacing: .15625rem;
        font-size: 4.625rem
    }

    .page-banner__description {
        max-width: 44rem;
        margin-top: 1.875rem
    }

    .page-banner__button {
        margin-top: 1.875rem
    }

    .icon-block__title {
        font-size: 1.5rem
    }

    .icon-block__description {
        margin-top: 1.375rem;
        font-weight: 400;
        line-height: normal;
        max-width: 100%;
        font-size: .9875rem
    }

    .icon-block__list {
        row-gap: 1.1rem;
        margin-top: 2rem;
        grid-template-columns: repeat(3, 1fr)
    }

    .icon-block__image {
        margin-bottom: .9875rem
    }

    .icon-block__text {
        font-weight: 400;
        line-height: 136.364%
    }

    .icon-block__subtitle {
        margin-bottom: .75rem
    }

    .materials__title {
        font-size: 1.5rem
    }

    .materials__description {
        font-weight: 400;
        max-width: 60rem;
        line-height: normal;
        margin-top: 1.5rem
    }

    .materials__list {
        padding-bottom: 3.63rem;
        row-gap: 4.6rem;
        grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
        padding-right: 0;
        margin-top: 2.5rem;
        border-bottom: .0625rem solid #efefef
    }

    .materials__item {
        text-align: left;
        align-items: flex-start
    }

    .footer-contact__form {
        padding: 1.5625rem 2rem;
        width: 23.75rem
    }

    .footer-contact__form .footer-contact__title {
        line-height: 125%;
        font-size: 1.5rem
    }

    .footer-contact__coords {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto
    }

    .contact-list__li:not(:last-child) {
        margin-bottom: 1rem
    }

    .contact-list__li--address, .contact-list__li--place {
        max-width: 14rem
    }
}

@media (min-width:1101px) {
    .header__wrap {
        display: none
    }

    .header__email--clone, .header__phone--clone, .header__request--clone, .header__search--tablet, .header__search-link--tablet {
        display: none !important
    }

    .cart-link--tablet {
        display: none !important
    }

    .layout-catalog__wrapper .filters {
        display: block !important
    }

    .filter-hint {
        display: none !important
    }

    .item-main__image img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .item-main__popup .item-main__image img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width:1200px) {
    .header--scrolled {
        margin-top: -94px
    }

    .header__wrapper {
        width: 71.875rem
    }
}

@media (min-width:1483.98px) {
    html {
        font-size: 20px
    }

    .policy {
        font-size: 11px
    }

    .header-fake {
        height: 9rem
    }

    .header--scrolled {
        margin-top: -117px
    }
}

@media (min-width:1659.98px) {
    .banner__arrow {
        width: auto
    }

    .banner__arrow--prev {
        left: calc((100vw - 62.5rem)/ 2)
    }

    .banner__arrow--next {
        right: calc((100vw - 62.5rem)/ 2)
    }
}

@media (min-width:1920px) {
    .page-banner__video-container video#video-default {
        display: none
    }

    .page-banner__video-container video#video-hd {
        display: block
    }
}

@media (max-width:1100px) {
    .cart-link {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 1.75rem;
        height: 1.75rem
    }

    .page-header+.seo {
        padding-top: 0;
        padding-bottom: 0
    }

    .page-header__description {
        margin: .3125rem 0 1.875rem
    }

    .conf-promo {
        display: none
    }

    .help__popup {
        right: -.75rem;
        left: auto
    }

    .help__popup:after, .help__popup:before {
        right: .75rem;
        left: auto
    }

    .to-top {
        display: none !important
    }

    .wall {
        max-height: 19.6875rem;
        margin-top: -.125rem
    }

    .wall--mutable img {
        max-width: 85%;
        margin-bottom: 3%;
        margin-right: 3%
    }

    .wall__row:nth-child(2n) {
        left: -15%
    }

    .why-item__description {
        display: none
    }

    .shop-item {
        margin-right: .625rem;
        margin-left: 0
    }

    .shop-item:last-child {
        margin-right: 0
    }

    .layout-catalog__mobile-filter-wrapper {
        display: block
    }

    .to-price-link {
        display: none
    }

    .filter-horizontal__title {
        font-size: .6875rem
    }

    .filters__popup {
        position: fixed;
        opacity: 1;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .7);
        transition: opacity .6s ease;
        overflow-y: auto;
        overflow-x: hidden;
        display: none;
        z-index: 1000;
        width: 100%;
        height: 100%
    }

    .filters__popup-wrapper {
        background: #fff;
        padding: 1rem 1rem 2rem 1rem;
        min-height: 100svh
    }

    .filters__popup-wrapper .layout-catalog__hidden {
        margin-top: 0
    }

    .items-list__item {
        margin-bottom: .75rem
    }

    .article {
        height: 25rem
    }

    .article__content {
        height: 25rem
    }

    .fliters-header {
        width: auto;
        padding: 0 2rem;
        margin-top: 0
    }

    .gallery {
        width: 100%;
        padding: 0 2rem
    }

    .page-banner {
        padding: 6.25rem 0
    }
}

@media (max-width:991.98px) {
    .header__bottom .header__phone {
        margin-right: .75rem
    }

    .header__bottom .header__phone a {
        gap: 0;
        font-size: 0
    }

    .header__bottom .header__phone a::before {
        width: 1.5rem;
        height: 1.75rem;
        font-size: 1.75rem
    }

    .header__search-bar {
        width: 1.75rem;
        height: 1.75rem
    }

    .fliters-header__nav-list .button {
        padding-inline: .625rem;
        font-size: .5625rem
    }
}

@media (max-width:767px) {
    .form__cancel {
        margin-top: .3125rem
    }

    .form__cancel button {
        background-color: transparent;
        color: #9f9f9f
    }

    .form__line {
        margin-bottom: .9375rem
    }

    .header {
        display: none
    }

    .header__search-link {
        height: 1.5625rem
    }

    .header__form {
        top: 2.375rem;
        left: 0;
        margin: 0 auto;
        right: 0
    }

    .header__phone {
        padding: .625rem 0;
        display: none
    }

    .header__email {
        display: none
    }

    .header__request {
        text-align: center;
        display: none;
        width: 10.9375rem
    }

    .menu {
        margin: 0;
        z-index: 200;
        background: #fff;
        display: flex;
        position: absolute;
        width: 90%;
        max-width: 43.75rem;
        height: auto;
        left: 0;
        top: 0;
        min-height: 100svh;
        flex-direction: column;
        justify-content: space-between
    }

    .menu__item {
        display: flex;
        align-items: center;
        line-height: 1em;
        position: relative;
        padding: .9375rem 0;
        height: 2.5rem;
        font-size: .8125rem;
        letter-spacing: .01em;
        border-bottom: .0625rem solid #e8e8e8
    }

    .menu__item:last-child {
        border-bottom: none
    }

    .menu__item--search {
        position: relative
    }

    .menu__count--menu {
        top: .75rem;
        left: auto;
        right: 0
    }

    .menu__wrapper {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .menu__contacts {
        background: #f0f3f6;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .menu__search {
        display: none;
        padding: 1.25rem 0 .9375rem
    }

    .menu__close {
        position: absolute;
        top: .9375rem;
        left: calc(100% + .3125rem);
        cursor: pointer;
        font-size: 1.5rem;
        background: 0 0;
        color: #fff
    }

    .menu__phone {
        padding: .625rem 0
    }

    .menu__phone::before {
        display: none
    }

    .header-phone__text {
        font-weight: 700;
        color: #000;
        font-size: .875rem;
        position: relative;
        background: 0 0
    }

    .header-phone__ico {
        margin-right: .3125rem
    }

    .footer-mobile, .header-mobile {
        display: block
    }

    .h-form {
        width: 17.5rem;
        padding: 1.25rem;
        font-size: .8125rem;
        z-index: 600
    }

    .h-form:before {
        content: none
    }

    .h-form__title {
        font-size: 1.875rem
    }

    .h-form__text {
        font-size: .75rem;
        margin-bottom: .9375rem
    }

    .h-form__text--without-bottom {
        margin-bottom: 0
    }

    .h-form .jq-selectbox__dropdown {
        top: unset !important
    }

    .h-form .placeholder {
        font-weight: 400;
        text-transform: initial;
        font-size: .875rem
    }

    .search-wiget {
        width: 100%;
        top: 0;
        left: 0;
        background: #fff;
        position: absolute;
        right: 0;
        justify-content: center;
        padding: 0 3.4375rem 0 1rem
    }

    div.title-search-result {
        top: 3.625rem;
        left: 0
    }

    table.title-search-result td.title-search-item {
        white-space: normal;
        padding: .625rem 0 .625rem .3125rem
    }

    table.title-search-result td.title-search-all {
        padding: .625rem 0 .625rem .625rem
    }

    .footer {
        display: none
    }

    .footer__wrapper {
        width: auto
    }

    .footer__developer {
        margin-top: .9375rem
    }

    .footer-nav {
        flex-direction: column;
        padding: 0 1.25rem
    }

    .footer-nav__item--catalog {
        display: flex;
        width: 100%;
        text-align: center;
        margin: 0 0 1.25rem
    }

    .foo-soc__title {
        display: none
    }

    .foo-soc__ico {
        top: unset;
        margin-top: -.625rem
    }

    .cart-page {
        width: 100%;
        overflow: hidden;
        padding: .625rem 1rem;
        margin-bottom: 12.25rem
    }

    .cart-page__submit {
        margin: 0;
        display: block;
        margin: 1.5625rem 0 1.875rem;
        border-bottom: .0625rem solid #d8d8d8
    }

    .cart-page__submit .button {
        width: 100%
    }

    .cart-page__description.cart-page__price, .cart-page__price.cart-page__price {
        display: inline;
        color: #8a8a8a;
        font-size: .875rem;
        margin-right: .4375rem
    }

    .cart-page__description.cart-page__description, .cart-page__price.cart-page__description {
        display: block;
        order: -1;
        margin-top: 1.875rem
    }

    .cart-page__total {
        display: block;
        padding: 0 0 1.25rem;
        order: -2;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        position: relative
    }

    .cart-page__total:after {
        content: "";
        position: absolute;
        border-bottom: .0625rem solid #e8e8e8;
        bottom: 0;
        width: 250rem;
        margin-left: -125rem
    }

    .cart-page__total span.price-format {
        font-size: 1.25rem
    }

    .cart-page__total .price-format__decimal {
        font-size: 1rem
    }

    .cart-link--mobile {
        top: 0
    }

    .count {
        position: absolute;
        top: -.0625rem;
        left: .5rem;
        width: .875rem;
        height: .875rem;
        font-size: .5625rem
    }

    .count.count--menu {
        position: static;
        inset: auto;
        margin-left: auto
    }

    .item-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        order: 3
    }

    .item-links__item {
        height: auto;
        padding: .625rem 0
    }

    .item-info {
        flex-direction: column;
        order: 1;
        padding-bottom: 2.25rem
    }

    .item-info__char {
        width: 100%;
        display: none;
        margin-bottom: 1.5rem
    }

    .item-info__char--mobile {
        display: block
    }

    .page-header {
        width: auto;
        padding: .875rem 1rem 0;
        background: #fff;
        margin-bottom: 0
    }

    .page-header--clone .page-header__title {
        font-size: 1.125rem
    }

    .page-header__description {
        display: none
    }

    .baloon {
        width: 17.5rem;
        position: relative;
        padding: .9375rem 1.25rem 1.25rem 1.25rem
    }

    .ymaps-2-1-56-balloon_layout_panel {
        right: 1.25rem !important;
        bottom: 10rem !important;
        left: 1.25rem !important
    }

    #id_150909430314427664070 {
        height: auto !important;
        overflow: auto !important
    }

    .catalog-menu {
        display: block
    }

    .catalog-menu__title {
        font-size: 2rem;
        line-height: 1.2em;
        letter-spacing: -.005em;
        margin-left: 1.25rem;
        margin-top: 3.4375rem
    }

    .item-article {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 55px 0 1.5625rem
    }

    .item-article__content {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-top: 1.5625rem
    }

    .item-article__options {
        width: auto;
        margin: 0;
        order: 4;
        margin-bottom: 1.875rem
    }

    .item-article__description {
        margin: 0;
        order: 1
    }

    .item-article__line-option {
        order: 2;
        margin-bottom: 2.1875rem
    }

    .item-article__additional {
        order: 3;
        margin-bottom: 0
    }

    .item-article__button {
        order: 5
    }

    .item-article__button .button {
        width: 100%;
        text-align: center
    }

    .item-hiper__item--tile {
        width: calc(50% - 1.25rem);
        margin-right: 1.25rem
    }

    .item-hiper__summary {
        margin-top: 1rem;
        display: flex
    }

    .nav-cats {
        display: none
    }

    .nav-cats--select {
        width: 100%;
        display: block
    }

    .nav-cats .hits__menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0
    }

    .jq-selectbox {
        display: block;
        position: relative;
        opacity: 1;
        z-index: 550 !important
    }

    .jq-selectbox__select {
        display: block;
        font-size: .5625rem;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 0;
        overflow: hidden;
        z-index: 15;
        display: flex;
        align-items: center;
        background: #fff;
        height: 2.75rem;
        width: 100%;
        padding: .625rem .75rem;
        position: relative
    }

    .jq-selectbox__dropdown {
        margin: -.0625rem 0 0 !important;
        position: absolute;
        width: 100% !important
    }

    .jq-selectbox__dropdown ul {
        max-height: unset !important
    }

    .jq-selectbox__dropdown ul li {
        width: 100%;
        background: #fff;
        color: #000;
        text-transform: uppercase;
        z-index: 18;
        margin: 0;
        white-space: normal;
        position: relative;
        font-size: .8125rem;
        font-weight: 700;
        height: auto;
        border-bottom: .0625rem solid #d3d3d3;
        border-radius: 0;
        line-height: initial;
        min-height: 2.1875rem;
        padding: .625rem .9375rem
    }

    .jq-selectbox__dropdown ul li:last-child {
        border-radius: 0 0 .1875rem .1875rem
    }

    .nav-search {
        flex-direction: column
    }

    .nav-search__list {
        display: none
    }

    .nav-search .jq-selectbox__dropdown {
        bottom: unset !important
    }

    .nav-search .nav-cats--select .nav-search__button {
        border-bottom: .0625rem solid #d3d3d3;
        margin: 0
    }

    .nav-search .nav-cats--select .button--selected {
        padding: .625rem .9375rem;
        color: #000
    }

    .nav-search .nav-cats--select .button--selected:hover {
        padding: .625rem .9375rem;
        background-color: transparent;
        color: #000
    }

    .nav-search__button {
        border: none
    }

    .search {
        width: 100%
    }

    .search__field {
        font-size: .875rem;
        min-height: 2.75rem;
        line-height: 2.2857142857
    }

    .prices {
        width: auto;
        padding: 0 1.25rem 1.25rem
    }

    .price-list {
        border: none;
        display: flex;
        justify-content: baseline;
        align-items: flex-start;
        padding: 1.25rem 0;
        border-bottom: .0625rem solid #d8d8d8;
        width: 100%
    }

    .price-list:last-child {
        border-bottom: none
    }

    .price-list__wrapper {
        flex-direction: column
    }

    .price-list__image {
        width: auto;
        display: inline-block;
        vertical-align: top;
        margin-right: 1.25rem
    }

    .price-list__image img {
        width: 3.75rem;
        height: 3.75rem
    }

    .price-list__subtitle {
        display: none
    }

    .price-list__info {
        margin-bottom: .625rem;
        display: inline-block
    }

    .price-list__description, .price-list__text {
        width: auto;
        display: block;
        line-height: 1.5em;
        font-size: .875rem
    }

    .price-list__file {
        padding-left: 0;
        width: auto;
        max-width: 11.875rem;
        display: inline-block
    }

    .price-list__file:before {
        content: none
    }

    .producers {
        width: auto;
        padding: .9375rem 1.25rem
    }

    .producers .brands__list {
        width: 100%
    }

    .search-category {
        margin-top: .625rem
    }

    .search-category__description {
        display: none
    }

    .search-category .items-list {
        flex-direction: column;
        overflow-x: auto;
        justify-content: center
    }

    .search-category .items-list__more {
        margin: 0
    }

    .search-category .items-list .shop-item {
        width: auto;
        margin-right: 0
    }

    .search-category .items-list .shop-item input {
        line-height: 2.1875rem
    }

    .search-category .items-list .shop-item__image {
        width: auto
    }

    .search-category .items-list .shop-item__wall {
        width: auto
    }

    .search-category__btn button {
        width: 100%
    }

    .special-offer {
        width: auto;
        margin: .9375rem 0 .625rem
    }

    .special-offer__title {
        margin-top: 1.25rem;
        margin-left: 1.25rem
    }

    .special-offer__list {
        overflow: hidden
    }

    .wall {
        max-height: 12.5rem
    }

    .wall--mutable img {
        max-width: 85%;
        margin-bottom: 3%;
        margin-right: 3%
    }

    body, html {
        position: relative
    }

    .wrapper, body {
        width: auto
    }

    .items-list {
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        margin: 0
    }

    .items-list--scroll {
        width: 100%;
        padding-inline: 1rem
    }

    .items-list__more {
        margin: .625rem .625rem 1.625rem;
        align-self: flex-end
    }

    .producers-wrap {
        overflow: hidden;
        width: 100%
    }

    .default-block {
        width: auto;
        padding: 0 1.25rem
    }

    .cols {
        display: flex;
        flex-direction: column
    }

    .cols__item {
        width: auto
    }

    .cols__item:first-child {
        padding-right: 0
    }

    .banner__arrow {
        display: none !important;
        top: 4.6875rem;
        height: 2.25rem;
        width: 2.1875rem !important
    }

    .banner__arrow--next {
        right: 1.25rem
    }

    .banner__arrow--next span {
        left: unset
    }

    .banner__arrow--prev {
        left: 1.25rem
    }

    .banner__arrow--prev span {
        right: unset
    }

    .banner-slide {
        height: 100%
    }

    .banner-video__container {
        z-index: 1;
        position: relative
    }

    .banner-video__container video {
        width: auto;
        height: 100%;
        z-index: -1
    }

    .banner-text {
        width: auto
    }

    .banner-text__description {
        display: none
    }

    .banner-text__footer {
        display: flex;
        align-items: baseline
    }

    .banner-text__price {
        font-size: 1.3125rem;
        margin-right: .9375rem
    }

    .cats-banner {
        width: 50%;
        display: flex
    }

    .cats-banner__ico img {
        width: 3.75rem;
        height: 3.75rem
    }

    .catalog-all__wrapper {
        width: auto
    }

    .catalog-all__list li {
        padding-bottom: .9375rem;
        padding-top: .625rem;
        border-bottom: .0625rem solid #efefef
    }

    .catalog-all__list li:nth-child(2n+1) {
        border-right: .0625rem solid #e5e5e5
    }

    .catalog-all__list li:nth-child(2n) {
        padding-left: 1.25rem
    }

    .catalog-all__list li:last-child, .catalog-all__list li:nth-last-child(2) {
        border-bottom: none
    }

    .hits {
        width: auto;
        padding: 1.25rem 1rem 1.875rem;
        border-bottom: .0625rem solid #efefef
    }

    .hits__menu {
        margin: 0 0 1.25rem
    }

    .hits__more {
        display: none
    }

    .hits .nav-cats {
        position: relative;
        top: unset;
        left: unset;
        width: unset;
        height: unset;
        margin: 0 0 1.25rem;
        padding: initial;
        opacity: initial
    }

    .hits .nav-cats--select.jq-selectbox {
        width: auto
    }

    .why__container {
        flex-direction: column
    }

    .why-item {
        width: 100%
    }

    .why-item__wrapper {
        padding: 1.625rem 0 1.875rem;
        height: 8.125rem;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .why-item__title {
        display: block;
        width: 10rem;
        font-size: 1rem;
        margin: 0 auto .625rem;
        line-height: 1
    }

    .brands {
        width: auto;
        padding: 1.25rem 1rem
    }

    .brands__list {
        justify-content: space-between
    }

    .brands__item {
        display: inline-block;
        line-height: normal;
        border-radius: .375rem;
        width: 49%;
        padding: 1.5625rem .9375rem .9375rem;
        height: auto;
        margin: 0 0 .625rem
    }

    .brands__name {
        display: inline-block;
        font-size: .813rem;
        font-size: .9375rem;
        margin: 0 -.625rem
    }

    .brands__button {
        margin: .625rem 0 0
    }

    .brands__button .button {
        width: 100%
    }

    .brands__logo {
        margin-bottom: .625rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .brands__logo img {
        max-height: unset
    }

    .hidden .brands__item:nth-child(n+7) {
        display: none
    }

    .seo {
        width: auto;
        -moz-column-count: auto;
        column-count: auto;
        padding: 1.875rem 1rem 3.125rem
    }

    .seo__hidden-wrapper {
        height: 45rem;
        overflow: hidden
    }

    .get-format ul.format-list-on-line li {
        float: none
    }

    .get-format ul.format-list-on-line li ul li {
        margin-bottom: .625rem;
        line-height: normal
    }

    .get-format ul li:before {
        background-color: #3a3a3a;
        width: .25rem;
        height: .25rem
    }

    .get-format__show {
        display: inline-block
    }

    .shop-item__image:before {
        opacity: .7;
        content: "Быстрый просмотр";
        color: #000;
        width: 90%;
        height: 1.875rem;
        top: auto;
        position: absolute;
        left: 0;
        background-image: url(../images/zoom-mobile.svg);
        background-position: .625rem .375rem;
        background-color: #fff;
        margin: 0 auto;
        right: 0;
        border: .0625rem solid #d3d3d3;
        border-radius: .1875rem;
        text-align: center;
        padding-top: .1875rem;
        bottom: .625rem;
        font-size: .8125rem
    }

    .shop-item__image:after {
        content: none
    }

    .shop-item__image.hover:before, .shop-item__image:hover:before {
        opacity: 1
    }

    .shop-item__wall {
        height: 12.5rem
    }

    .item-add {
        align-items: center
    }

    .item-add button {
        padding: 0 .9375rem 0 .4375rem;
        display: flex
    }

    .item-add .button {
        padding: 0 .9375rem 0 .4375rem;
        display: flex
    }

    .layout-catalog {
        width: auto;
        padding: 0 1rem;
        flex-direction: column;
        position: relative;
        margin: 0 auto 1.875rem
    }

    .layout-catalog .items-list {
        flex-direction: column;
        overflow-x: auto;
        justify-content: center
    }

    .layout-catalog .items-list__more {
        margin: 0
    }

    .layout-catalog .items-list .shop-item {
        width: auto;
        margin-right: 0
    }

    .layout-catalog .items-list .shop-item__image {
        width: auto
    }

    .layout-catalog .items-list .shop-item__wall {
        width: auto
    }

    .layout-catalog__hidden {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 1.25rem 0
    }

    .layout-catalog__hidden h2 {
        font-size: 1.125rem
    }

    .layout-catalog__hidden span svg polygon {
        fill: #000
    }

    .layout-catalog__sidebar {
        width: auto;
        margin-top: .9375rem
    }

    .layout-catalog__content {
        width: auto;
        margin-top: .625rem
    }

    .layout-catalog__content .price {
        display: block
    }

    .layout-catalog__content .price__old {
        display: inline-block;
        margin-right: .9375rem
    }

    .layout-catalog__content .price__current {
        display: inline-block
    }

    .layout-catalog__open-filter {
        width: 100% !important;
        display: block
    }

    .filter-horizontal {
        width: auto;
        display: flex;
        flex-direction: column;
        margin: 1.375rem 1rem 0
    }

    .filter-horizontal__section {
        width: auto;
        z-index: 10
    }

    .filter-horizontal__section--border {
        padding-top: 0;
        margin-top: 0
    }

    .filter-horizontal__bottom {
        line-height: initial;
        display: flex;
        align-items: center
    }

    .filter-horizontal__list {
        padding: 1.25rem;
        max-height: 10.625rem;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .filter-horizontal__reset {
        margin-left: 1.25rem
    }

    .filters__inner {
        width: 100%;
        height: 100%;
        padding-top: 5.625rem
    }

    .filters-counter {
        opacity: 0
    }

    .filter {
        border: .0625rem solid #dedede;
        border-bottom: 0
    }

    .filter:first-of-type {
        border-radius: .1875rem .1875rem 0 0
    }

    .article-page {
        width: auto;
        padding: 0 1rem;
        margin-top: 0
    }

    .article-page__description {
        margin-bottom: 1.5625rem
    }

    .articles div:nth-of-type(2) .article__photo, .articles div:nth-of-type(6) .article__photo {
        display: block
    }

    .articles {
        justify-content: space-between;
        margin: 0
    }

    .articles__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .article {
        height: auto;
        margin-bottom: .625rem
    }

    .article__content {
        min-height: 6.25rem;
        height: auto !important;
        padding: 1.5625rem 1.13rem .9375rem
    }

    .article__photo {
        min-height: unset
    }

    .article__photo img {
        height: 12.5rem
    }

    .article__description {
        display: none
    }

    .last-articles {
        padding: 2rem 1rem 2.5625rem;
        border-bottom: .0625rem solid #efefef
    }

    .last-articles--clone {
        padding: 0 1rem 1.875rem
    }

    .last-articles__wrapper {
        width: auto
    }

    .last-articles__inside-link {
        padding-top: .625rem
    }

    .last-articles__inside-link .button {
        width: 100%
    }

    .contact-addresses {
        width: auto;
        padding: .25rem 0 0;
        margin-bottom: 1.5625rem
    }

    .contact-addresses h2 {
        display: none
    }

    .contact-addresses__title {
        font-weight: 700;
        font-size: .875rem;
        margin: 0
    }

    .contact-addresses__item {
        border: 0;
        width: auto
    }

    .contact-addresses__show {
        margin-top: .6875rem;
        padding-left: 0;
        font-size: .75rem
    }

    .contact-addresses__value {
        margin: .625rem 0 0 0;
        font-size: .75rem;
        line-height: 1;
        gap: .625rem
    }

    .contact-addresses__phone {
        font-size: .75rem;
        margin: 0 0 .75rem
    }

    .contact-addresses__mail {
        font-size: .75rem;
        margin: 0 0 .75rem
    }

    .contact-addresses__time {
        display: none
    }

    .catalog-slider__title--mobile {
        font-size: .8125rem;
        text-transform: uppercase;
        color: #000;
        text-align: left;
        padding: 0 1.25rem;
        position: relative;
        margin: 1.375rem 0
    }

    .catalog-slider__title {
        margin: .9375rem 0 .625rem
    }

    .catalog-slider__text {
        margin: .9375rem 0 2.125rem;
        font-size: .75rem;
        max-width: 93%;
        line-height: 1
    }

    .catalog-slider__more {
        padding: 0 1.25rem;
        margin-top: 1.25rem
    }

    .catalog-slider__more .button {
        width: 100%;
        color: #fff;
        background: #000
    }

    .catalog-slider__more .button__ico {
        display: none
    }

    .catalog-slider__more .button--mobile {
        width: 100%;
        border: none;
        color: #000;
        background: 0 0
    }

    .catalog-slider__icon {
        display: inline-block;
        position: absolute;
        right: 1.25rem;
        cursor: pointer;
        transition: all .3 ease
    }

    .catalog-slider--clone {
        margin: 0 1.25rem
    }

    .catalog-slider--clone .catalog-slider__more {
        padding: 0
    }

    .catalog-slider--clone .catalog-slider__title {
        text-align: left;
        font-size: 1.625rem
    }

    .bottom-form p {
        margin: 0 auto 1rem;
        font-size: .6875rem;
        display: none
    }

    .bottom-form__send {
        padding-top: .625rem
    }

    .bottom-form__send button {
        width: 100%
    }

    .fliters-header {
        padding: 0 1rem
    }

    .fliters-header__mobile-ico {
        display: inline-block;
        position: absolute;
        right: .625rem;
        z-index: 20;
        transition: all .3s ease;
        top: .4375rem;
        cursor: pointer
    }

    .fliters-header__mobile-ico svg path {
        stroke: #9f9f9f
    }

    .fliters-header__title {
        margin-right: .3125rem
    }

    .fliters-header__nav {
        flex-grow: 1
    }

    .fliters-header__nav-cats {
        width: 100%
    }

    .fliters-header__filter {
        width: 100%
    }

    .colors-list {
        margin: 0 !important
    }

    .colors-list__title {
        box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .25);
        padding: .9375rem 1.25rem;
        width: 100%;
        margin-left: 0 !important
    }

    .colors-list__colors {
        padding: .625rem 1.25rem 0;
        max-height: 7.5rem;
        overflow-y: scroll
    }

    .colors-list__colors .colors-list__color {
        margin-right: 0 !important;
        margin-left: .625rem !important
    }

    .gallery__more {
        margin: .625rem 0 .3125rem
    }

    .gallery__more .button {
        width: 100%
    }

    .gallery-item--short .gallery-item__play {
        width: 3.125rem;
        height: 3.125rem;
        left: 0;
        right: 0;
        margin: 2.5rem auto 0
    }

    .gallery-item--short .gallery-item__play svg {
        width: 3.125rem;
        height: 3.125rem
    }

    .gallery-item__play {
        width: 3.125rem;
        height: 3.125rem
    }

    .gallery-item__play svg {
        width: 3.125rem;
        height: 3.125rem
    }

    .gallery-popup__container {
        width: auto;
        min-height: 0;
        height: inherit
    }

    .gallery-popup__wrapper {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .gallery-popup__info-wrapper {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    .gallery-popup__slider {
        position: relative
    }

    .gallery-popup__video {
        margin-bottom: -.4375rem
    }

    .gallery-popup {
        height: auto;
        padding-top: 5.625rem;
        bottom: 0;
        top: 0
    }

    .gallery-info__close {
        display: block;
        position: absolute;
        content: "";
        width: 2.5rem;
        cursor: pointer;
        height: 2.5rem;
        right: 0;
        top: -2.5rem;
        background: url(../images/ico-close-popup.png) no-repeat center center #000;
        z-index: 7000
    }

    .gallery-slider-big__slide {
        height: auto
    }

    .gallery-slider-big__image--landscape {
        width: 100% !important
    }

    .gallery-slider-big {
        height: auto !important;
        width: auto !important;
        overflow: hidden;
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .gallery-slider-preview {
        height: 0
    }

    .gallery-slider-nav--prev {
        left: 0;
        background-image: url(../images/gallery-nav-mobile.png), linear-gradient(to left, rgba(0, 0, 0, .6), transparent);
        transform: rotate(180deg)
    }

    .gallery-slider-nav--next {
        right: 0;
        background-image: url(../images/gallery-nav-mobile.png), linear-gradient(to left, rgba(0, 0, 0, .6), transparent);
        transform: none
    }

    .gallery-slider-nav {
        width: 2.5rem;
        height: 100%
    }

    .order-list__item {
        border: none;
        flex-wrap: wrap;
        padding: 1.25rem 0;
        border-bottom: .0625rem solid #efefef
    }

    .item-additional {
        width: auto;
        flex-direction: column;
        border-top: 0;
        margin: 0 1rem;
        padding: 1.9375rem 0 4.125rem
    }

    .item-additional:before {
        border-bottom: .0625rem solid transparent
    }

    .item-additional .help__popup {
        right: auto;
        left: -6.25rem
    }

    .item-additional .help__popup:after, .item-additional .help__popup:before {
        right: auto;
        left: 6.25rem
    }

    .item-additional h2 {
        color: #000;
        font-size: .8125rem;
        text-transform: uppercase
    }

    .item-additional:before {
        border-bottom: .0625rem solid transparent
    }

    .item-additional h2 {
        color: #000;
        font-size: .8125rem;
        text-transform: uppercase
    }

    .item-additional__title {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }

    .item-additional__title h2 {
        color: #000;
        font-size: .8125rem;
        text-transform: uppercase
    }

    .item-additional__list {
        display: none
    }

    .item-additional__list dt {
        width: 8.75rem;
        font-size: .8125rem
    }

    .item-additional__ico {
        display: block;
        cursor: pointer;
        transition: transform .4s linear
    }

    .item-additional__char dt {
        width: 8.75rem;
        font-size: .8125rem
    }

    .item-additional__char {
        padding: 0 .625rem;
        margin-top: 0;
        width: auto
    }

    .item-additional__char--mobile {
        overflow: hidden;
        display: block;
        padding: 0;
        width: 100%
    }

    .item-additional__download {
        margin-top: 1.125rem;
        font-size: .875rem;
        letter-spacing: normal
    }

    .item-additional__wrapper {
        width: auto
    }

    .item-main {
        width: auto;
        padding: 0 1rem;
        overflow-x: clip;
        margin-top: .95rem
    }

    .item-main__go-back {
        display: inline-block
    }

    .item-main__title {
        font-size: 1.3125rem
    }

    .item-main__container {
        flex-direction: column
    }

    .item-main__image {
        width: auto
    }

    .item-main__content {
        width: auto;
        margin-top: .625rem;
        display: flex;
        flex-direction: column
    }

    .item-main__bg {
        height: auto;
        max-height: 12.5rem
    }

    .item-main__bg--wall img {
        width: 100%;
        height: 100%
    }

    .item-main__popup .item-main__bg--wall img {
        width: 100%
    }

    .item-main__photo-wrapper {
        margin-bottom: 1.325rem
    }

    .item-main__popup-image {
        max-width: 100%
    }

    .item-main__photo {
        max-width: 70vw
    }

    .item-main__colors .colors-list__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: start
    }

    .item-main__colors .colors-list__title {
        box-shadow: none;
        margin: 0;
        padding: 1.25rem 0 1.25rem
    }

    .item-main__colors .colors-list__colors {
        padding: .625rem 0 0
    }

    .item-main__colors .colors-list__color {
        width: 2.8125rem;
        height: 2.8125rem;
        margin: .625rem
    }

    .item-main__label {
        font-size: .5rem;
        padding: 0 .4375rem;
        margin-bottom: .25rem
    }

    .in-stock {
        margin-top: .125rem;
        margin-bottom: .625rem
    }

    .item-char dl {
        display: flex
    }

    .item-char dt {
        margin-right: 1.25rem;
        flex: 0 0 8rem;
        font-weight: 400
    }

    .item-char {
        margin-top: .9375rem;
        order: 2
    }

    .info-price {
        margin-bottom: 0
    }

    .info-price__current {
        font-size: 1.625rem;
        margin-bottom: .3125rem;
        color: #000;
        display: inline-block
    }

    .info-price__old {
        display: inline-block;
        margin-right: .9375rem
    }

    .item-order {
        flex-direction: column-reverse;
        order: 2;
        margin-top: 1rem
    }

    .item-order__amount b {
        font-size: 1.5rem;
        font-weight: 500;
        margin-left: 0
    }

    .item-order__amount {
        margin-top: 1.25rem;
        margin-bottom: .9375rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .item-order__controls {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        order: -1
    }

    .item-order__button {
        width: 100%;
        height: 3.5rem;
        font-size: 12px
    }

    .item-suggestion {
        order: -1;
        margin: .9375rem 0;
        position: relative;
        border: 0;
        padding: .625rem 0 .625rem;
        overflow: unset
    }

    .item-suggestion:after, .item-suggestion:before {
        content: "";
        position: absolute;
        width: 47.9375rem;
        height: .0625rem;
        background-color: #d4d4d4;
        left: -2.1875rem
    }

    .item-suggestion:before {
        top: 0
    }

    .item-suggestion:after {
        bottom: 0
    }

    .item-suggestion__info {
        display: flex;
        flex-direction: column
    }

    .quick-view__wrapper .item-main__colors {
        padding: 0
    }

    .wall__row {
        left: 0
    }

    .dealer-certificates {
        flex-wrap: nowrap;
        overflow: scroll
    }

    .dealer-certificates__item--single {
        width: 100%;
        height: 100%
    }

    .page-banner {
        padding: 6.25rem 0 8.5rem
    }

    .page-banner__video-container video {
        display: none
    }

    .icon-block {
        width: auto;
        margin: .9375rem auto 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 1rem 1.875rem;
        border-bottom: .0625rem solid #efefef;
        text-align: center
    }

    .icon-block--catalog {
        display: none
    }

    .materials {
        width: auto;
        padding: 1.25rem 1rem 2.8rem;
        border-bottom: .0625rem solid #efefef
    }

    .footer-contact {
        width: auto;
        padding: 3rem 1rem 0;
        flex-direction: column;
        border-top: 0;
        gap: 2rem
    }

    .footer-contact .button {
        width: calc(100% - 1rem)
    }

    .footer-contact__wrapper {
        flex-direction: column
    }
}

@media (max-width:767.98px) {
    .fancybox-slide .popup .form__line:has(select) .field {
        padding: 0
    }

    .fancybox-slide .popup .jq-selectbox__select {
        padding: .625rem .5rem
    }

    .popup-quick {
        padding: 0 0 1rem 0
    }

    .header__search-bar {
        width: 1.625rem;
        height: 1.625rem
    }

    .search-wiget__input {
        min-height: 3.625rem
    }

    .footer__bottom {
        display: none
    }

    .footer__bottom--tablet {
        display: block
    }

    .cart-link {
        width: 1.625rem;
        height: 1.625rem;
        padding-right: .35rem;
        justify-content: flex-end;
        align-items: flex-end
    }

    .item-info__buy {
        width: 100%
    }

    .item-info__buy .info-price {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .info-num--product .info-num__form {
        align-items: flex-start
    }

    .info-num--product .info-num__radio {
        flex-shrink: 0;
        flex: 0 0 8rem;
        min-height: 67px;
        display: flex;
        flex-direction: column
    }

    .info-num--product .info-num__radio .radiobox {
        flex: 1 1 auto
    }

    .info-num--product .info-num__radio .radiobox .radiobox__item {
        min-height: 67px
    }

    .cart-item .info-num__form {
        flex-wrap: wrap;
        row-gap: .5rem
    }

    .info-num__input input {
        width: 5rem;
        height: 2.875rem
    }

    .info-num__input .quantity__down, .info-num__input .quantity__up {
        width: 2.875rem;
        height: 2.875rem;
        font-size: 1.35rem
    }

    .info-num__hint--desktop {
        display: none
    }

    .item-body__quantity::before {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 1.125rem;
        margin-right: .25rem
    }

    .item-body__quantity-value br {
        display: none !important
    }

    .page-header+.seo {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .page-header--clone {
        padding-bottom: 1rem
    }

    .page-header__actions.mobile-hidden {
        display: none
    }

    .item-hiper {
        margin-top: 1rem
    }

    .slider .slick-track {
        display: flex
    }

    .slider__slide {
        width: 100%;
        height: 100%;
        min-height: 100%;
        max-height: unset;
        margin: 0 auto
    }

    .slider__slide.slick-slide {
        height: 100%
    }

    .slider__wrap:after, .slider__wrap:before {
        content: none
    }

    .slider__wrap iframe {
        width: 100%;
        height: 100%
    }

    .slider__text {
        display: none
    }

    .slider__views {
        display: none
    }

    .slider .slick-arrow {
        height: auto;
        display: block;
        z-index: 1;
        width: 2.1875rem;
        height: 100%
    }

    .slider .slick-arrow:hover .ico {
        stroke: #fff
    }

    .slider__nav--prev {
        left: 0
    }

    .slider__nav--prev svg {
        left: .625rem
    }

    .slider__slide {
        position: relative
    }

    .slider__slide::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 3.4375rem;
        height: 100%;
        pointer-events: none;
        z-index: 5;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), transparent)
    }

    .slider__slide::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 3.4375rem;
        height: 100%;
        pointer-events: none;
        z-index: 5;
        background: linear-gradient(to left, rgba(0, 0, 0, .6), transparent)
    }

    .slider__nav--next {
        right: 0
    }

    .slider__nav--next svg {
        right: .625rem
    }

    .ico-arrow-slider {
        stroke: #fff
    }

    .hits__items {
        margin-inline: -1rem
    }

    .hits__items .items-list--scroll {
        padding-inline: 1rem
    }

    .article--fill .article__content {
        padding: 1.5625rem 1.625rem .9375rem
    }

    .article--fill .article__content .article__title {
        font-size: 1rem;
        font-weight: 500;
        line-height: 120%
    }

    .contact-map {
        margin-top: 2.5rem
    }

    .contact-addresses__place {
        margin-top: .75rem;
        font-size: .75rem;
        margin-left: 0;
        line-height: 1
    }

    .contact-addresses__place span {
        text-decoration: underline
    }

    .bottom-form {
        margin-top: 1rem;
        padding: 1.25rem 2rem 1.25rem 1rem;
        background: #2a2a2a;
        color: #fff
    }

    .bottom-form .h-form__text {
        font-weight: 400;
        margin: 0 0 1rem;
        font-size: .6875rem;
        opacity: 1
    }

    .contact-addresses .bottom-form .button {
        border: .0625rem solid #fff;
        color: #fff;
        background: 0 0;
        min-height: 2.1875rem;
        padding: .4rem .93rem
    }

    .contact-addresses .bottom-form .button:active, .contact-addresses .bottom-form .button:hover {
        background: #fff;
        color: #000
    }

    .bottom-form__form .form__line:not(:last-child) {
        margin-bottom: .75rem
    }

    .gallery {
        padding: 0 1rem
    }

    .order-list__controls .item-body__quantity, .order-list__controls .item-body__quantity-value {
        font-size: .55rem
    }

    .order-list__controls .item-body__quantity-value br {
        display: none
    }

    .item-main__in-stock.in-stock {
        margin-top: .5rem
    }

    .in-stock__ico {
        margin-right: .5rem
    }

    .item-char dd {
        font-weight: 500
    }

    .info-price__per-cube {
        flex: 1 1 auto
    }

    .item-order__order-call {
        width: 100%;
        min-height: 3.375rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .875rem 0 0 0;
        font-size: 12px
    }

    .one-click-buy-form__body .policy {
        grid-column: span 2
    }
}

@media (max-width:595px) {
    .gallery-info__meta--link {
        padding-left: 0;
        border-left: none
    }
}

@media (max-width:575.98px) {
    .cart-item__remove {
        position: absolute;
        top: .5rem;
        right: .5rem
    }

    .item-body__quantity br {
        display: none
    }

    .footer-contact__form .form__send {
        margin-right: -1.05rem
    }
}

@media (max-width:575px) {
    .seo {
        padding: 3.5rem 1rem .625rem;
        margin-bottom: .9375rem !important
    }
}

@media (max-width:450px) {
    .item-main__wall_as_photo {
        height: 15.75rem
    }

    .item-main__popup-image {
        max-width: 100%
    }

    .item-main__photo {
        max-width: 100%
    }

    .item-main .colors-list__color {
        margin: .625rem calc((100% - 12.75rem)/ 8 + .125rem) !important
    }

    .item-hiper-list {
        order: -1
    }
}

@media (max-width:400px) {
    .why-item__title {
        font-size: .75rem
    }
}

@media (max-width:390px) {
    .h-form__form {
        width: 17rem
    }
}

@media (max-width:374px) {
    .item-hiper__item--tile {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (min-width:120px) and (max-width:767px) {
    .button--apply {
        padding: 0 .9375rem
    }

    .switch-title {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }

    .popup-slider {
        padding: 0
    }

    .popup-slider__slide img {
        max-width: 100%
    }

    .popup-slider__nav:hover .ico {
        stroke: #fff
    }

    .popup-slider__nav--prev {
        left: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), transparent)
    }

    .popup-slider__nav--prev svg {
        left: .625rem
    }

    .popup-slider__nav--next {
        right: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, .6), transparent)
    }

    .popup-slider__nav--next svg {
        right: .625rem
    }

    .popup__title {
        font-size: 1.625rem
    }

    .contact-map .contact-list {
        height: auto
    }

    .contact-map .contact-list__li {
        padding: 0;
        font-size: .875rem
    }

    .contact-map .contact-list__li:before {
        content: none
    }

    .contact-map .contact-list__li:first-child {
        margin: 0
    }

    .contact-map .contact-list__li--email, .contact-map .contact-list__li--phone, .contact-map .contact-list__li--place {
        display: none
    }

    .contact-map__breadcrumbs .page-header {
        padding-top: 3.4375rem
    }

    .contact-map__breadcrumbs .page-header__title-wrap {
        overflow: hidden;
        padding-top: .625rem;
        height: auto !important
    }

    .contact-map__breadcrumbs .page-header__title {
        margin-bottom: 0
    }
}

@media screen and (min-width:320px) and (max-width:1100px) {
    .button__ico--cart {
        margin-top: -.25rem
    }
}

@media screen and (min-width:120px) and (max-width:767px), screen and (min-width:768px) and (max-width:1100px) {
    .form__send button {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1100px) {
    .popup-slider {
        padding: 0
    }

    .popup-slider__nav:hover .ico {
        stroke: #fff
    }

    .popup-slider__nav--prev {
        left: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), transparent)
    }

    .popup-slider__nav--prev svg {
        left: unset
    }

    .popup-slider__nav--next {
        right: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, .6), transparent)
    }

    .popup-slider__nav--next svg {
        right: unset
    }

    .popup-slider__nav .ico-arrow-slider {
        stroke: #fff
    }

    .fancybox-slide .popup#order-call {
        width: 25rem
    }

    .contact-map__breadcrumbs .page-header {
        display: none
    }

    .contact-map__container {
        height: 24.375rem
    }
}

@media screen and (min-width:120px) and (max-width:390px) {
    .fancybox-slide .popup#order-call {
        padding: 2.5rem
    }

    .fancybox-slide .popup#order-call__title {
        font-size: 1.875rem
    }
}

@media screen and (min-width:391px) and (max-width:768px) {
    .fancybox-slide .popup#order-call {
        width: 21.875rem
    }
}

@media (min-width:768px) and (max-width:1100px) {
    .header__search-link--tablet {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.75rem;
        width: 1.75rem;
        position: relative;
        z-index: 100
    }

    .header__phone--clone {
        display: block;
        height: 1.625rem;
        line-height: 1.625rem;
        padding: 0 .5rem;
        margin-right: 1.25rem;
        border-width: .0625rem;
        font-size: .8125rem
    }

    .header__phone--clone:before {
        content: none
    }

    .header__email--clone {
        padding: 0 .5rem;
        height: 1.625rem;
        line-height: 1.625rem;
        display: block;
        border-width: .0625rem;
        margin-right: 1.25rem
    }

    .menu {
        display: flex;
        width: 100%
    }

    .menu-dropdown__column {
        width: auto;
        margin-right: .625rem
    }

    .header__wrapper--catalog {
        padding: 0
    }

    .header__contact {
        flex-wrap: wrap;
        padding-top: .9375rem;
        width: 100%;
        justify-content: space-between
    }

    .header__other {
        display: none
    }

    .header-mobile__logo {
        display: inline-block;
        height: 1.5625rem;
        margin-top: .9375rem;
        margin-right: 1.25rem
    }

    .search-wiget {
        width: 100%;
        top: .3125rem;
        position: absolute;
        right: 0;
        background-color: #fff;
        z-index: 90;
        height: 2.6875rem;
        justify-content: center
    }

    div.title-search-result {
        top: 3.0625rem
    }

    table.title-search-result td.title-search-item {
        padding: .625rem 2.1875rem;
        white-space: normal
    }

    table.title-search-result td.title-search-all {
        padding: .625rem 2.4375rem
    }

    .footer {
        margin-top: 2.1875rem
    }

    .footer__wrapper {
        width: auto;
        padding: 0 2rem;
        position: relative
    }

    .footer__content {
        padding: 20px 0;
        align-items: center
    }

    .footer-nav {
        width: auto;
        margin: 0;
        position: relative
    }

    .footer-nav__item {
        padding: 1.875rem 0
    }

    .footer-nav__item:last-child {
        padding-right: 0
    }

    .footer-nav__item--catalog {
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
        padding: 7px 0 .375rem;
        top: 1.25rem;
        text-align: center
    }

    .footer-fullnav__column {
        width: auto;
        margin-right: .9375rem
    }

    .foo-soc {
        display: flex
    }

    .foo-soc__ico {
        top: auto
    }

    .cart-page {
        padding: 0 2rem;
        margin-bottom: 7rem;
        width: auto
    }

    .cart-page__list {
        display: flex;
        flex-direction: column
    }

    .cart-page__submit {
        margin: 0
    }

    .cart-page__submit button {
        width: 15rem
    }

    .cart-page__description.cart-page__price, .cart-page__price.cart-page__price {
        display: inline-block;
        margin-right: .625rem
    }

    .cart-link--tablet {
        display: flex
    }

    .cart-link__count {
        position: absolute;
        top: -.2rem;
        right: -.1rem
    }

    .item-links {
        order: 4
    }

    .item-info {
        justify-content: unset;
        margin-top: 1.5rem
    }

    .item-info__buy {
        margin-right: 1.875rem
    }

    .item-info__char dl {
        display: flex;
        justify-content: unset
    }

    .item-info__char dt {
        margin-right: .3125rem
    }

    .page-header {
        width: auto;
        padding: .875rem 2rem 0;
        background: #fff;
        margin: 0 0 .25rem
    }

    .baloon--contact {
        padding: 1.25rem 2.8125rem 1.5625rem 1.875rem
    }

    .baloon__close {
        position: absolute;
        right: .625rem;
        top: .3125rem
    }

    .item-article__content {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

    .item-article__image {
        float: none;
        margin-right: 1.875rem
    }

    .item-article__options {
        width: auto;
        margin: 0;
        order: 2
    }

    .item-article__description {
        margin: 0;
        order: 1
    }

    .item-article__line-option {
        order: 3
    }

    .item-article__additional {
        order: 4
    }

    .item-article__button {
        order: 5
    }

    .nav-cats__button {
        font-size: .5625rem
    }

    .nav-cats--gallery {
        justify-content: flex-start
    }

    .nav-search__input {
        width: 13.4375rem;
        margin-right: 3.75rem
    }

    .search__field {
        line-height: normal
    }

    .prices {
        width: auto;
        padding: .625rem 0;
        margin: 0 2.8125rem;
        display: flex;
        flex-wrap: wrap
    }

    .price-list {
        border: none;
        padding: 1.25rem 0;
        align-items: flex-start;
        width: 50%;
        justify-content: unset
    }

    .price-list__wrapper {
        display: flex;
        flex-direction: column;
        max-width: 13.75rem;
        margin-left: 1.25rem
    }

    .price-list__image {
        width: 4.875rem;
        height: 4.875rem;
        display: inline-block;
        vertical-align: top
    }

    .price-list__image img {
        width: 4.875rem;
        height: 4.875rem
    }

    .price-list__description {
        width: unset
    }

    .price-list__file {
        padding-left: 0;
        width: auto;
        display: inline-block
    }

    .price-list__file:before {
        content: none
    }

    .price-list__subtitle {
        display: none
    }

    .price-list__info {
        margin-bottom: .625rem;
        display: inline-block
    }

    .price-list__text {
        width: auto;
        display: block;
        line-height: 1.5em;
        font-size: .875rem
    }

    .producers {
        width: auto
    }

    .search-category {
        margin-top: .3125rem;
        padding-bottom: 3.4375rem;
        margin-bottom: 2.8125rem
    }

    .search-category__title {
        padding: .5625rem 0 1.125rem
    }

    .search-category__description {
        text-transform: initial
    }

    .search-category .items-list {
        flex-direction: row;
        flex-wrap: wrap;
        overflow-x: auto;
        justify-content: space-between
    }

    .search-category .items-list .shop-item {
        width: 32.3%;
        margin-right: 0
    }

    .search-category .items-list .shop-item input {
        width: 4.0625rem;
        line-height: 2.1875rem
    }

    .search-category .items-list .shop-item__image {
        width: auto
    }

    .search-category .items-list .shop-item__wall {
        width: auto
    }

    .search-category .items-list .shop-item .price__current--new {
        font-size: 1.25rem
    }

    .search-category__btn button {
        width: 100%;
        color: #fff;
        background-color: #000;
        border: none
    }

    .nav-search {
        justify-content: unset
    }

    .nav-search .nav-cats {
        margin-bottom: 0
    }

    .slider__wrap img {
        width: 100%;
        min-width: unset
    }

    .slider__wrap iframe {
        width: 100%
    }

    .slider__text {
        padding: 0 2rem 1.875rem
    }

    .slider__views {
        text-align: left;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        z-index: 2;
        font-size: .75rem;
        line-height: 1.75;
        bottom: 1.5625rem;
        margin-left: 2.8125rem;
        width: 100%
    }

    .slider__views:before {
        top: .125rem
    }

    .slider .slick-arrow {
        height: auto;
        z-index: 1;
        width: 3.75rem;
        height: 100%
    }

    .slider .slick-arrow path {
        stroke: #fff
    }

    .slider .slick-arrow:hover .ico {
        stroke: #fff
    }

    .slider__nav--prev svg {
        left: 2.5rem
    }

    .slider__nav--next svg {
        right: 2.5rem
    }

    .special-offer {
        width: auto;
        padding: 0;
        margin: 1.5625rem 0 3.4375rem
    }

    .special-offer__title {
        margin-left: 2.8125rem
    }

    body, html {
        position: relative
    }

    .wrapper, body {
        width: auto
    }

    .filter:first-child {
        border-radius: .1875rem .1875rem 0 0
    }

    .items-list {
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        margin: 0
    }

    .default-block {
        width: auto;
        padding: 0 2.8125rem
    }

    .cols {
        display: flex;
        flex-direction: column
    }

    .cols__item {
        width: auto
    }

    .cols__item:first-child {
        padding-right: 0
    }

    .banner__arrow {
        top: 50%;
        height: auto
    }

    .banner__arrow--next {
        right: 2.8125rem
    }

    .banner__arrow--prev {
        left: 2.8125rem
    }

    .banner-slide {
        height: 100%
    }

    .banner-video__container {
        height: inherit
    }

    .banner-text__footer {
        display: flex;
        align-items: baseline;
        justify-content: space-between
    }

    .banner-text__price {
        font-size: 1.3125rem;
        margin-right: .9375rem
    }

    .cats-banner {
        width: 25%;
        display: inline-block
    }

    .cats-banner__ico img {
        width: 3.75rem;
        height: 3.75rem
    }

    .catalog-all__wrapper {
        width: auto
    }

    .catalog-all__list li {
        padding: 1rem 1.375rem 4.0625rem;
        border-bottom: .0625rem solid #e5e5e5;
        border-right: .0625rem solid #e5e5e5
    }

    .catalog-all__list li:nth-child(4n) {
        border-right: none
    }

    .catalog-all__list li:nth-child(4n+1) {
        padding-left: 0
    }

    .catalog-all__list li:nth-last-child(-n+4) {
        border-bottom: none
    }

    .hits {
        padding: 1.25rem 2rem 1.875rem;
        width: auto
    }

    .hits__menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .hits__more {
        display: none
    }

    .why-item__wrapper {
        padding: 5.125rem .5rem 5.625rem;
        min-height: 16.5rem;
        height: 100%
    }

    .why-item__title {
        font-size: 1rem;
        padding: 0 .25rem;
        word-wrap: break-word
    }

    .brands {
        width: auto;
        padding: 1.5625rem 2rem
    }

    .brands__list {
        margin: 0 -1rem;
        justify-content: center
    }

    .brands__item {
        display: inline-block;
        vertical-align: top;
        border-radius: .375rem;
        width: 31.13333%;
        padding: .9375rem .9375rem;
        line-height: normal;
        height: auto;
        min-height: 7.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 .5rem 1rem
    }

    .brands__name {
        display: inline-block;
        font-size: .6875rem;
        margin: 0 -.625rem;
        padding: 0 1.25rem
    }

    .brands__button {
        margin: 1.25rem 0
    }

    .brands__logo {
        margin-bottom: .625rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .brands__logo img {
        max-width: unset
    }

    .hidden .brands__item:nth-child(n+16) {
        display: none
    }

    .seo {
        width: auto;
        -moz-column-count: auto;
        column-count: auto;
        padding: 1.875rem 2rem 3.125rem
    }

    .seo__hidden-wrapper {
        height: 21.5625rem;
        overflow: hidden
    }

    .get-format ul li {
        margin-bottom: 0;
        line-height: 1.5em
    }

    .get-format ul li:before {
        background-color: #3a3a3a;
        width: .25rem;
        height: .25rem
    }

    .get-format__show {
        display: inline-block
    }

    .shop-item__image:before {
        opacity: .7;
        content: "Быстрый просмотр";
        color: #000;
        width: 90%;
        height: 1.875rem;
        top: auto;
        position: absolute;
        left: 0;
        background-image: url(../images/zoom-mobile.svg);
        background-position: 5% .375rem;
        background-color: #fff;
        margin: 0 auto;
        right: 0;
        padding-top: .1875rem;
        border: .0625rem solid #d3d3d3;
        border-radius: .1875rem;
        text-align: center;
        bottom: .625rem;
        font-size: .8125rem
    }

    .shop-item__image:after {
        content: none
    }

    .shop-item__image.hover:before, .shop-item__image:hover:before {
        opacity: 1
    }

    .shop-item__wall {
        width: 17.5rem;
        height: 12.5rem
    }

    .item-add {
        align-items: center
    }

    .item-add button {
        padding: 0 .4375rem 0 .3125rem;
        display: flex
    }

    .item-add .button {
        padding: 0 .4375rem 0 .3125rem;
        display: flex
    }

    .layout-catalog {
        width: auto;
        padding: 0 2rem;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
        margin: 1.25rem auto 0
    }

    .layout-catalog .items-list {
        flex-direction: column;
        overflow-x: auto;
        justify-content: center
    }

    .layout-catalog .items-list__more {
        margin: .625rem 0 0
    }

    .layout-catalog .items-list .shop-item {
        width: auto;
        margin-right: 0
    }

    .layout-catalog .items-list .shop-item__image {
        width: auto
    }

    .layout-catalog .items-list .shop-item__wall {
        width: auto
    }

    .layout-catalog__hidden {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        margin: 1.25rem 0
    }

    .layout-catalog__hidden h2 {
        font-size: 1.875rem
    }

    .layout-catalog__hidden span svg polygon {
        fill: #000
    }

    .layout-catalog__sidebar {
        width: 100%;
        margin-top: .3125rem
    }

    .layout-catalog__content {
        width: 100%;
        margin: -.5166666667%
    }

    .layout-catalog__content .items-list {
        flex-direction: row;
        flex-wrap: wrap;
        overflow-x: auto;
        justify-content: center
    }

    .layout-catalog__content .items-list .shop-item {
        width: 32.3%;
        margin: .5166666667%
    }

    .layout-catalog__content .items-list .shop-item input {
        width: 4.0625rem
    }

    .layout-catalog__content .items-list .shop-item__image {
        width: auto
    }

    .layout-catalog__content .items-list .shop-item__wall {
        width: auto
    }

    .layout-catalog__content .items-list .shop-item .price__current--new {
        font-size: 1.25rem
    }

    .layout-catalog__open-filter {
        display: block;
        width: 100% !important
    }

    .layout-catalog__wrapper {
        width: 100%
    }

    .layout-catalog__wrapper .to-price-link {
        width: 100%;
        padding: 0 .625rem
    }

    .layout-catalog__wrapper .filters {
        position: absolute;
        z-index: 1000;
        width: 33.4375rem;
        height: auto;
        top: -8.125rem;
        left: 0;
        right: 0;
        margin: auto;
        display: none;
        padding: 0 4.375rem;
        background-color: #fff
    }

    .layout-catalog__wrapper .filters .filter {
        border: .0625rem solid #d1d1d1;
        border-bottom: 0
    }

    .layout-catalog__wrapper .filters .filter:first-child {
        border-radius: .1875rem .1875rem 0 0
    }

    .layout-catalog__wrapper .filters .filter__content {
        max-height: 10.9375rem;
        overflow: auto
    }

    .layout-catalog__close {
        position: absolute;
        right: 0;
        top: -2.5rem;
        background: #000;
        color: #fff;
        width: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 2.5rem
    }

    .filter-horizontal {
        width: auto;
        display: flex;
        flex-direction: column;
        margin: .875rem 2rem 0
    }

    .filters__inner {
        width: 100%;
        height: 100%;
        padding-top: 5.625rem
    }

    .filters-counter {
        opacity: 0
    }

    .filter {
        border: .0625rem solid #dedede;
        border-bottom: 0
    }

    .filter:first-child {
        border-radius: .1875rem .1875rem 0 0
    }

    .filter:first-of-type {
        border-radius: .1875rem .1875rem 0 0
    }

    .filter__content {
        max-height: 10.625rem;
        overflow: auto
    }

    .article-page {
        width: auto;
        padding: 0 2rem;
        margin-top: .375rem
    }

    .article-page__item {
        display: flex;
        justify-content: space-between
    }

    .articles>div:nth-child(2), .articles>div:nth-child(5) {
        margin: 0 1%
    }

    .articles {
        margin: 0
    }

    .articles__item {
        width: 32.5%;
        float: none;
        display: inline-block;
        margin: 0
    }

    .articles__row {
        width: 32.5%;
        margin: 0
    }

    .articles__row .articles__item {
        width: 100%;
        margin: 0
    }

    .article--default {
        height: 12.5rem
    }

    .last-articles {
        padding: 2rem 2rem
    }

    .last-articles__wrapper {
        width: auto
    }

    .contact-addresses {
        width: auto
    }

    .contact-addresses h2 {
        display: none
    }

    .contact-addresses__show {
        padding-left: 1.25rem
    }

    .contact-addresses__phone {
        margin-bottom: .625rem
    }

    .contact-addresses__time {
        margin-bottom: .625rem
    }

    .catalog-slider__more {
        margin-top: 1.875rem
    }

    .bottom-form p {
        margin: 0 auto 1.5625rem
    }

    .bottom-form__form {
        margin-top: 2.8125rem
    }

    .bottom-form__send .button {
        width: auto
    }

    .bottom-form__send .button__ico {
        display: inline-block !important
    }

    .fliters-header__top {
        margin-bottom: 0;
        margin-top: .3125rem
    }

    .fliters-header__title {
        margin-right: .3125rem
    }

    .fliters-header__filter {
        width: 100%;
        margin-top: .9375rem;
        justify-content: flex-start
    }

    .fliters-header__filter .button {
        margin-left: 0;
        margin-right: .5625rem
    }

    .fliters-header__filter .nav-cats {
        margin-bottom: 0
    }

    .gallery__more {
        margin: .9375rem 0 .625rem
    }

    .gallery-item--short .gallery-item__play {
        height: 5rem;
        width: 5rem;
        left: 40%;
        top: 25%;
        margin: 0
    }

    .gallery-item--short .gallery-item__play svg {
        width: 5rem;
        height: 5rem
    }

    .gallery-item__play {
        height: 5rem;
        width: 5rem
    }

    .gallery-popup__container {
        width: auto;
        min-height: 0;
        height: inherit
    }

    .gallery-popup__wrapper {
        width: 100%;
        position: static
    }

    .gallery-popup__header {
        background: 0 0;
        margin-bottom: 0;
        position: relative
    }

    .gallery-popup__header .gallery-info__meta, .gallery-popup__header .gallery-info__title {
        color: #fff
    }

    .gallery-popup__info-wrapper {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    .gallery-popup__slider {
        height: auto;
        position: relative
    }

    .gallery-popup__slider .caroufredsel_wrapper {
        width: auto !important;
        min-height: 28.125rem
    }

    .gallery-popup {
        height: auto;
        padding: 3.125rem 2.8125rem;
        bottom: 0;
        top: 0
    }

    .gallery-info__meta--link {
        font-size: .875rem
    }

    .gallery-slider-big__slide {
        width: auto;
        height: auto
    }

    .gallery-slider-big__image {
        height: 100%
    }

    .gallery-slider-big {
        width: auto !important;
        overflow: hidden;
        display: flex
    }

    .gallery-slider-preview__slides {
        left: -38%
    }

    .gallery-slider-nav--prev {
        left: -2.5rem
    }

    .gallery-slider-nav--next {
        right: -2.5rem;
        transform: rotate(180deg)
    }

    .gallery-slider-nav {
        width: 2.1875rem;
        bottom: 0;
        height: 4.5rem;
        background-image: url(../images/gallery-nav.png)
    }

    .order-form {
        width: auto;
        padding: 0 2rem
    }

    .order-form__change {
        margin: -.25rem .125rem 0 2.8125rem
    }

    .order-form__form .form__fields {
        display: flex;
        justify-content: space-between
    }

    .order-form__form .form__section {
        width: 100%
    }

    .order-form__form .form__line {
        width: 100%
    }

    .order-form__form .form__line textarea.field {
        height: 9.25rem
    }

    .order-form__form .form__line--textarea {
        position: absolute;
        top: 0;
        right: 0
    }

    .order-form__form .form__send {
        position: relative;
        margin-top: 2.1875rem
    }

    .order-form__form .form__send .button {
        width: 15rem
    }

    .order-list__order-title {
        display: block;
        margin-bottom: 1.25rem
    }

    .order-list__item {
        position: relative
    }

    .item-additional {
        width: auto;
        flex-direction: column;
        margin-top: 2.5rem;
        padding: 2.5rem 2rem;
        border-top: none
    }

    .item-additional div:last-child {
        padding-bottom: 0
    }

    .item-additional h2 {
        margin-bottom: .75rem
    }

    .item-additional h2 {
        margin-bottom: .75rem
    }

    .item-additional__title {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }

    .item-additional__list {
        margin-bottom: 2.5rem
    }

    .item-additional__char dl {
        justify-content: space-between;
        border-bottom: .0625rem solid #e6e6e6;
        padding: .5rem 0;
        margin-bottom: 0
    }

    .item-additional__char dt {
        color: #898989
    }

    .item-additional__char dd {
        width: auto
    }

    .item-additional__char {
        width: auto;
        padding-bottom: 3.125rem
    }

    .item-additional__wrapper {
        width: auto;
        margin-top: 1.875rem
    }

    .item-additional__description {
        max-height: 7.5rem
    }

    .item-additional__description--opened {
        max-height: 625rem
    }

    .item-additional__docs {
        display: flex;
        flex-wrap: wrap
    }

    .item-additional__docs .document {
        width: 48%
    }

    .item-main {
        width: auto;
        padding: 0 2rem
    }

    .item-main__title {
        font-size: 1.875rem;
        letter-spacing: -.01em
    }

    .item-main__in-stock {
        margin-bottom: .75rem
    }

    .item-main__container {
        flex-direction: column
    }

    .item-main__image {
        width: 100%
    }

    .item-main__content {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .item-main__bg {
        max-height: 19.6875rem
    }

    .item-main__photo-wrapper {
        margin-bottom: 3.125rem
    }

    .item-main__popup-image {
        max-width: 100%
    }

    .item-main__photo {
        max-width: 70vw
    }

    .item-main__colors .colors-list__title {
        display: inline-block;
        vertical-align: top;
        margin-right: .9375rem
    }

    .item-main__colors .colors-list__colors {
        display: inline-block;
        width: 82%
    }

    .info-price {
        margin-bottom: 2.1875rem
    }

    .item-order {
        margin-bottom: .625rem
    }

    .item-suggestion {
        order: 1;
        margin-bottom: 1.5625rem
    }

    .icon-block {
        width: auto;
        margin: 3.4375rem auto 0;
        display: flex;
        flex-direction: column;
        padding: 0 2rem 1.875rem;
        border-bottom: .0625rem solid #efefef;
        text-align: left
    }

    .icon-block__wrapper {
        display: inline-block
    }

    .materials {
        width: auto;
        padding: 2.3125rem 0 2.875rem;
        margin: 0 2rem;
        border-bottom: .0625rem solid #efefef
    }

    .footer-contact {
        width: auto;
        padding: 1.625rem 0 1.25rem;
        margin: 0 2rem;
        gap: 2.72rem;
        flex-wrap: wrap;
        justify-content: unset
    }

    .footer-contact .form__send button {
        width: auto
    }

    .footer-contact .form__send .button__ico {
        display: inline-block
    }

    .footer-contact__wrapper {
        flex-direction: column
    }
}

@media (min-width:0) and (max-width:767px) {
    .item-hiper__item--hidden {
        display: none
    }
}

@media (min-width:767px) and (max-width:1100px) {
    .item-hiper__item--tile {
        width: 15rem;
        margin-right: 1.25rem
    }
}

@media (min-width:391px) and (max-width:768px) {
    .h-form__form {
        width: 100%
    }
}

@media (min-width:550px) and (max-width:767px) {
    .search-category .items-list {
        flex-direction: row;
        flex-wrap: wrap;
        overflow-x: auto;
        justify-content: space-between
    }

    .search-category .items-list .shop-item {
        width: 49%;
        margin-bottom: .625rem
    }

    .layout-catalog .items-list {
        flex-direction: row;
        flex-wrap: wrap;
        overflow-x: auto;
        justify-content: space-between
    }

    .layout-catalog .items-list .shop-item {
        width: 49%;
        margin-bottom: .625rem
    }

    .layout-catalog__open-filter {
        width: 100% !important;
        display: block
    }

    .articles div:nth-of-type(2) .article__photo, .articles div:nth-of-type(6) .article__photo {
        display: block
    }

    .articles__item {
        width: 48%;
        float: none;
        display: inline-block;
        margin: 0 0 2% 0;
        height: auto
    }

    .article__content {
        min-height: unset;
        height: 22.8125rem !important
    }

    .article__photo {
        min-height: 13.625rem
    }
}

@media (min-width:460px) and (max-width:767px) {
    .cats-banners {
        padding-top: 0
    }
}

@media (max-width:1100px) and (min-width:767.98px) {
    .filters__popup .layout-catalog__close {
        top: 0;
        right: 0
    }
}

@media (min-width:320px) and (max-width:767px) {
    .bottom-form--border {
        margin: 1.5625rem 1.25rem !important;
        padding-top: 1.25rem
    }
}

@media (min-width:120px) and (max-width:767px) {
    .order-form {
        width: auto;
        padding: 0 1rem;
        margin-top: 2.1875rem
    }

    .order-form__change {
        display: none
    }

    .form-price {
        flex-wrap: wrap
    }

    .form-price .button {
        display: block;
        width: 100%
    }

    .form-price__container {
        width: 100%;
        display: flex;
        padding: 0;
        justify-content: flex-start;
        align-items: baseline
    }

    .order-list--fix {
        width: auto
    }

    .order-list__order-title {
        display: block
    }

    .order-list__price {
        width: auto;
        display: block;
        padding: 0;
        text-align: initial
    }

    .order-list__subtitle {
        display: none
    }
}

@media (min-width:450px) and (max-width:600px) {
    .item-main__wall_as_photo {
        height: calc((100vw - 450px)/ 150 * 168 + 15.75rem)
    }

    .item-main .colors-list__color {
        margin: .625rem calc((100% - 15.9375rem)/ 10 + .125rem) !important
    }
}

@media (min-width:375px) and (max-width:767px) {
    .item-order__controls {
        justify-content: unset
    }
}

@media (any-hover:hover) {
    .policy__text a:hover {
        color: inherit;
        text-decoration: none
    }

    .popup__close:hover {
        color: #000
    }

    .header__social:hover {
        opacity: .7
    }

    .footer__address-email a:hover, .footer__address-phone a:hover, .footer__address-text a:hover {
        color: #fff;
        opacity: .5
    }

    .cart-item__remove a:hover {
        background-color: #f46363;
        color: #fff
    }

    .select-dropdown__list::-webkit-scrollbar-thumb:hover {
        background: #2d87ff
    }

    .select-dropdown__list-item:not(.active):hover {
        color: #000
    }

    .banner__arrow:hover span {
        background-color: rgba(0, 0, 0, .6)
    }

    .cats-banner__wrapper:hover:before {
        background-color: rgba(0, 0, 0, .6)
    }

    .cats-banner__wrapper:hover .cats-banner__btn {
        opacity: 1;
        margin-bottom: 0
    }

    .brands__item:hover {
        border-color: #3c3c3c
    }

    .layout-catalog__sort-item:hover {
        background-color: #ececec
    }

    .layout-catalog__sort-grid-btn:hover {
        color: #626669
    }

    .order-list__remove:hover {
        background-color: #f46363;
        color: #fff
    }
}

@media (hover:hover) {
    .f-button:hover:not([aria-disabled]) {
        color: var(--f-button-hover-color, var(--f-button-color));
        background-color: var(--f-button-hover-bg, var(--f-button-bg))
    }
}

@media print {
    .cart-page-template .cart-page__footer-content .button, .cart-page-template .footer, .cart-page-template .footer-mobile, .cart-page-template .header, .cart-page-template .header-fake, .cart-page-template .header-mobile, .cart-page-template .item-main__go-back, .cart-page-template .order-call, .cart-page-template .page-header__actions, .cart-page-template .page-header__breadcrumbs, .cart-page-template .page-header__description {
        display: none !important
    }

    .cart-page-template .cart-page {
        margin-top: 2rem
    }

    .cart-page-template .cart-item__price {
        white-space: nowrap
    }

    .cart-page-template .cart-page__footer {
        border-top: 1px solid #000;
        box-shadow: none !important;
        position: static !important
    }
}