/* Start:/local/templates/mirrey/main.css?1764594081350120*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,regular,700&display=swap);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

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

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after, .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
    top: 16px;
    transform: rotate(180deg)
}

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

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
    bottom: 16px
}

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

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after, .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px
}

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

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after, .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px
}

.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial
}

.tippy-svg-arrow, .tippy-svg-arrow > svg {
    position: absolute
}

input[type=text], input[type=email], input[type=tel], textarea, input[type=password] {
    cursor: text !important;
}

.map {
    position: relative;
    z-index: 6 !important;
}

.recommendations__card {
    justify-content: space-between;
}

.catalog-page .recommendations__card.--list .recommendations__card-group-button:first-child:hover span:first-child {
    width: 12.5rem !important;
    transition: 0.3s;
}

.recommendations__card.--list .recommendations__card-group-button.--primary:hover + .recommendations__card-group-button {
    width: auto;
    opacity: 1;
}

.recommendations__card.--list .recommendations__card-group-button.--primary span:last-child {
    width: auto !important;
    opacity: 1 !important;
}

.categories__card-detailed-list {
    height: 47rem;
    position: relative;
    overflow-y: auto;
}

.categories__card-detailed-list::-webkit-scrollbar {
    width: .5rem;
}

.categories__card-detailed-list::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border-radius: 4rem;
}

.categories__card-detailed-list::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, .2) inset;
    background-color: #f9f9fd;
    border-radius: 4rem;
}

.catalog__filters-block-nested.--active .catalog__filters-block-nested-wrapper {
    margin-bottom: 1.6rem;
}

.catalog__filters-block.--active .catalog__filters-fields-wrapper {
    padding-bottom: 2.4rem;
}

.footer__block .contacts__item-connection-list rect {
    transition: 0.3s;
}

.footer__block .contacts__item-connection-list a:not(:hover) rect {
    fill: #898485;
    transition: 0.3s;
}

.catalog__filters-fields-content > .catalog__filters-field {
    min-height: 2.8rem;
    font-weight: 500;
    font-size: 1.8rem;
}

.catalog-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.3rem;
}

.recommendations__card-expectation-text {
    width: 0;
    transition: 0.3s;
    opacity: 0;
    position: relative;
    overflow: hidden;
    height: 2.4rem;
}

.recommendations__card-expectation {
    width: fit-content;
}

.recommendations__card-expectation:hover .recommendations__card-expectation-text {
    opacity: 1;
    transition: 0.3s;
    width: 28rem;
}

.recommendations__card-expectation .catalog-icon {
    margin-right: 0;
    transition: 0.3s;
}

.recommendations__card-expectation:hover .catalog-icon {
    margin-right: 0.3rem;
    transition: 0.3s;
}

.recommendations__card-expectation-aw {
    display: flex;
    position: relative;
    overflow: hidden;
    line-height: 2.4rem;
}

@media (min-width: 768px) {
    .latest__content {
        width: 172rem;
        margin-left: -2rem;
        position: relative;
        overflow-x: hidden;
    }

    .latest__content .latest__heading {
        margin-left: 2rem;
    }

    .swiper.latest-swiper {
        margin-left: 2rem;
        overflow: visible;
        width: 168rem;
        height: 38rem;
    }

    .latest {
        margin-bottom: 9rem;
    }
}

.recommendations__card-group-button span {
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mirrey/./assets/fonts/Gilroy-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mirrey/./assets/fonts/Gilroy-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mirrey/./assets/fonts/Gilroy-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mirrey/./assets/fonts/Gilroy-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("/local/templates/mirrey/./assets/fonts/Gilroy-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal
}

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

html {
    font-family: "Gilroy";
    font-size: .5208335vw;
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    height: 100%;
    padding: 0
}

body {
    font-style: normal;
    font-weight: normal;
    -webkit-animation: bugfix infinite 1s;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 1.8rem;
    color: #1d1d1b;
    background-color: #fff
}

input, textarea {
    -webkit-animation: bugfix infinite 1s;
    line-height: inherit;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: inherit
}

a {
    color: unset
}

a, a:hover {
    text-decoration: none
}

button, input, a, textarea {
    outline: none;
    cursor: pointer;
    font: inherit
}

button:focus, input:focus, a:focus, textarea:focus {
    outline: none
}

button:active, input:active, a:active, textarea:active {
    outline: none
}

h1, h2, h3, h4, h5, h6 {
    font: inherit;
    margin: 0;
    padding: 0
}

p {
    margin-top: 0;
    margin-bottom: 0
}

button {
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

ul {
    padding: 0;
    margin: 0
}

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

.container {
    width: 168rem;
    margin: 0 auto
}

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
}

svg, img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain
}

html.lock, html.lock body {
    overflow: hidden;
    touch-action: none
}

html, body {
    overflow-x: clip
}

main {
    position: relative
}

section {
    margin-bottom: 12rem
}

.wrapper {
    margin: 0 auto;
    max-width: 1920px;
    margin-top: 21.4rem
}

.swiper-button-next, .swiper-button-prev, .scroll-btn {
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    width: 5.6rem !important;
    height: 5.6rem !important;
    position: initial !important;
    margin: 0 !important;
    border: .1rem solid #2b5644
}

.swiper-button-next::after, .swiper-button-prev::after, .scroll-btn::after {
    display: none;
    visibility: hidden
}

.swiper-button-next svg, .swiper-button-prev svg, .scroll-btn svg {
    width: 2.5rem !important;
    height: 1.9rem !important
}

.header {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    transition: box-shadow .3s ease
}

.header.scroll {
    box-shadow: 0 .4rem 9.4rem 0 rgba(0, 0, 0, .15)
}

.header .search-btn, .header__close-search-btn {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 3.2rem;
    transform: translateY(-50%);
    width: 4.8rem;
    height: 4.8rem
}

.header__close-search-btn {
    display: none
}

.header__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 3.2rem 0;
    height: 20.2rem;
    transition: height .3s ease
}

.scroll .header__inner {
    height: 12.5rem
}

.header__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 4rem;
    height: 6rem;
}

.header__top::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4rem;
    left: 0;
    width: 100%;
    height: 13.2rem;
    background-color: #fff;
    opacity: 0;
    transition: opacity .1s ease
}

.scroll .header__top::before {
    opacity: 1
}

.header__logo {
    width: 30.4rem
}

.header__catalog-button {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #2b5644;
    color: #fff;
    padding: .6rem 2.4rem .6rem .6rem;
    border-radius: 5rem;
    cursor: default;
}

.header__catalog-button.show span svg.open {
    display: none
}

.header__catalog-button.show span svg.close {
    display: block
}

.header__catalog-button span {
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.header__catalog-button span svg {
    width: 2.8rem;
    height: 2.8rem
}

.header__catalog-button span svg.close {
    display: none
}

.header__search {
    position: relative;
    width: 87.2rem
}

.header__search-input {
    position: relative
}

.header__search-input .left-icon {
    top: 50%;
    transform: translate(0, -50%)
}

.header__search-input svg, .header__search-input button {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 2.8rem;
    height: 2.8rem
}

.header__search-input svg.left-icon, .header__search-input button.left-icon {
    left: 2.4rem
}

.header__search-input .search {
    width: 100%;
    font-weight: 400;
    font-size: 1.8rem;
    color: #1d1d1b;
    padding: 1.6rem 7.6rem;
    border: 1px solid #22614e;
    border-radius: 10rem;
    width: 100%;
    display: block
}

.header__search-input .search::placeholder {
    color: #d8d2d3
}

.header__search-modal {
    position: absolute;
    left: 0;
    z-index: 1;
    top: calc(100% + 1.2rem);
    width: 100%;
    display: none
}

.header__search-modal.show {
    display: block
}

.header__counter {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Gilroy";
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485;
    transform: translate(1rem, 0.3rem)
}

.header__icon {
    position: relative
}

.header__icons {
    margin-left: auto;
    height: 8rem;
    display: flex;
    align-items: center;
    gap: 2.4rem
}

.header__icons li._has-hover {
    transition: transform .5s ease;
    transform-origin: 50% 50%
}

.header__icons li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .8rem;
    transition: transform .5s ease
}

.header__icons li a span {
    max-width: 12rem;
    display: block;
    text-wrap: nowrap;
    width: max-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .5s ease
}

.header__icons li a svg {
    width: 3rem;
    height: 3rem
}

.header__icons li a svg path {
    transition: fill .5s ease
}

.header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

.scroll .header__bottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%)
}

._show-search .header__bottom {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.header__nav {
    display: flex;
    align-items: center;
    gap: 4.4rem;
    font-weight: 500;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #1d1d1b
}

.header__nav a {
    transition: color .5s ease, text-shadow .3s ease
}

.header__tel {
    margin-right: 2.4rem;
    width: 0;
    transition: width .3s ease .3s
}

.scroll .header__tel {
    width: 5.6rem;
    transition: width .3s ease
}

.header__mm-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 8.8rem;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 50%
}

.header__mm-link_search {
    margin-right: 1.6rem;
    flex: 0 0 0;
    width: 0;
    height: 0;
    border: 1px solid #2b5644;
    opacity: 0;
    transition: width .3s ease .3s, height .3s ease .3s, flex .3s ease .3s, opacity .3s ease
}

.scroll .header__mm-link_search {
    flex: 0 0 8.8rem;
    width: 8.8rem;
    height: 8.8rem;
    opacity: 1;
    transition: width .3s ease, height .3s ease, flex .3s ease, opacity .3s ease .3s
}

.scroll .header__mm-link_search svg {
    transform: scale(1)
}

.header__mm-link_search svg {
    width: 4.8rem;
    height: 4.8rem;
    transform: scale(0);
    transition: transform .3s ease
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.header__buttons .btn {
    height: 5.6rem
}

.header__phone {
    position: relative;
    z-index: 1
}

.header__phone_icon {
    margin-right: 2.4rem
}

.header__phone_icon .header__phone-list li {
    align-items: flex-start
}

.header__phone_icon .header__phone-btn {
    width: 0;
    height: 0;
    opacity: 0;
    transform: scale(0);
    transition: width .3s ease .3s, height .3s ease .3s, opacity .3s ease, transform .3s ease .3s
}

.header__phone_icon .header__phone-btn svg {
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform .3s ease
}

.scroll .header__phone_icon .header__phone-btn {
    width: 5.6rem;
    height: 5.6rem;
    opacity: 1;
    transform: scale(1);
    transition: width .3s ease, height .3s ease, opacity .3s ease .3s, transform .3s ease
}

.scroll .header__phone_icon .header__phone-btn svg {
    transform: scale(1)
}

.header__phone_icon._is-active .header__phone-list {
    left: -1rem;
    width: 26rem
}

.header__phone-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    padding: 1.4rem 2.4rem;
    height: 5.6rem;
    width: 100%;
    background-color: #2b5644;
    position: relative;
    z-index: 2;
    transition: transform .5s ease, box-shadow .5s ease
}

.header__phone-btn span {
    color: #fff;
    flex-shrink: 0
}

.header__phone-btn span {
    margin: 0 1rem;
}

.header__phone-btn svg {
    width: 2rem;
    height: 2rem
}

.header__phone-btn svg path {
    fill: #fff
}

.header__phone-btn .phone {
    margin-right: 1rem
}

.header__phone-list {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    display: none
}

._is-active .header__phone-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    background-color: #fff;
    border-radius: 2.4rem;
    border: 1px solid #2b5644;
    padding: 4.8rem 2rem 2rem 2rem;
    width: 100%
}

._is-active .header__phone-list li {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

._is-active .header__phone-list span {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485
}

._is-active .header__phone-list a {
    font-weight: 400;
    font-size: 1.8rem;
    color: #1d1d1b
}

.header__catalog {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 9rem;
    z-index: 2
}

.search-modal__wrapper {
    border-radius: 3rem;
    box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    background: #fff;
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

.search-modal__block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative
}

.search-modal__content {
    display: none;
    flex-direction: column;
    gap: 4rem
}

.search-modal__content.show {
    display: flex
}

.search-modal__result {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem
}

.search-modal__result a {
    overflow: hidden;
    text-overflow: ellipsis
}

.search-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-modal__header p {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #1d1d1b
}

.search-modal__header button {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485
}

.search-modal__recently {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.search-modal__recently li {
    flex: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.search-modal__recently li svg {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0
}

.search-modal__recently a {
    display: flex;
    align-items: center;
    gap: .8rem;
    max-width: 95%;
    font-weight: 400;
    font-size: 1.8rem;
    color: #898485
}

.search-modal__recently a span {
    display: block;
    overflow: hidden;
    text-wrap: nowrap;
    white-space: nowrap;
    width: max-content;
    text-overflow: ellipsis
}

.search-modal__searched {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.search-modal__searched a {
    max-width: 100%;
    display: block;
    overflow: hidden;
    text-wrap: nowrap;
    white-space: nowrap;
    width: max-content;
    text-overflow: ellipsis
}

.search-modal__slider.swiper {
    position: relative;
    margin: 0;
    overflow: visible
}

.search-modal__slider-slide.swiper-slide {
    width: 35.5rem
}

.search-modal__slider-navigation {
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.search-modal__slider-navigation-btn {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e29aa8
}

.search-modal__slider-navigation-btn svg {
    width: 2rem;
    height: 2rem
}

.search-modal__slider-navigation-btn.swiper-button-disabled {
    display: none
}

.search-modal__slider-navigation-btn.search-modal__slider-prev svg {
    transform: rotate(-180deg)
}

.search-modal-slide__wrapper {
    display: grid;
    grid-template-columns:9.6rem 1fr;
    gap: 1.2rem;
    border-radius: 2.4rem;
    padding: 1.6rem;
    background: #f4f4f4
}

.search-modal-slide__image {
    width: 9.6rem;
    height: 9.6rem;
    border-radius: 2rem;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1/3
}

.search-modal-slide__image img {
    width: 100%;
    height: 100%
}

.search-modal-slide__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.search-modal-slide__content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b
}

.search-modal-slide__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: 2/3
}

.search-modal-slide__price p {
    border-radius: 10rem;
    width: 17rem;
    padding: 1.05rem 0.6rem;
    background-color: #fff;
    height: 4rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    text-align: center;
    color: #1d1d1b
}

.search-modal-slide__price button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #2b5644
}

.search-modal-slide__price button svg {
    width: 2rem;
    height: 2rem
}

.header-catalog {
    width: 100%;
    background: #fff;
    padding: 6rem 0 9rem;
    box-shadow: 0 15.4rem 9.4rem -13rem rgba(0, 0, 0, .25)
}

.header-catalog.show {
    display: block
}

.header-catalog__wrapper {
    width: fit-content;
    overflow: auto;
    max-height: 61rem;
    padding-right: 1rem
}

.header-catalog__wrapper::-webkit-scrollbar {
    width: .3rem
}

.header-catalog__wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(43, 86, 68, .2);
    border-radius: 100rem
}

.header-catalog__item._active .header-catalog__item-top {
    background-color: #e29aa8;
    border-radius: 1.2rem
}

.header-catalog__item._active .header-catalog__item-top span {
    color: #fff
}

.header-catalog__item._active .header-catalog__item-list {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 4.4rem
}

.header-catalog__item-top {
    width: 39rem;
    padding: 1.9rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem
}

.header-catalog__item-top span {
    flex-shrink: 0;
    display: block;
    text-wrap: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90%;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 120%;
    color: #1d1d1b
}

.header-catalog__item-top span svg {
    width: 2rem;
    height: 2rem
}

.header-catalog__item-list {
    position: absolute;
    left: 27%;
    top: 6rem;
    width: 128.8rem;
    padding-left: 19.6rem;
    display: none;
    max-height: 80%;
    overflow: auto;
    height: 100%
}

.header-catalog__item-list::-webkit-scrollbar {
    width: .3rem
}

.header-catalog__item-list::-webkit-scrollbar-thumb {
    background-color: rgba(43, 86, 68, .2);
    border-radius: 100rem
}

.header-catalog__item-list .h {
    position: relative;
    max-width: 80%
}

.header-catalog__item-list .h span {
    position: absolute;
    top: 0;
    left: calc(100% + 2rem);
    z-index: 1;
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #898485
}

.header-catalog__item-links {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 2.4rem
}

.header-catalog__item-link {
    padding: 2.4rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.header-catalog__item-img {
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-catalog__item-img img {
    height: 100%;
    object-fit: cover;
}

.header-catalog__item-text {
    position: relative;
    color: #3c3c3c;
    display: inline-flex;
    align-items: flex-start;
    gap: .8rem
}

.header-catalog__item-text strong {
    flex-shrink: 1;
    max-width: 90%;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.header-catalog__item-text span {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 120%;
    text-transform: uppercase;
    color: #898485
}

.menu-header {
    display: none
}

.footer {
    position: relative;
    z-index: 5;
    background-color: #f4f4f4
}

.footer__nav-subtitle {
    transition: color .5s ease
}

.footer__inner {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    padding: 12rem 0 6rem
}

.footer__main {
    display: flex;
    justify-content: space-between;
    gap: 16rem;
    min-height: 30.2rem
}

.footer__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.8rem
}

.footer__block:last-child {
    margin-top: 6.4rem
}

.footer__block__info {
    margin-bottom: 6.4rem
}

.footer__block--logo {
    width: 33.2rem
}

.footer__block h6 {
    color: #000
}

.footer__block-info {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem
}

.footer__block-icon {
    width: 2.8rem;
    height: 2.8rem
}

.footer__block-text {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.footer__block-text span {
    color: #898485
}

.footer__block-text .text__regular-16 a {
    display: block
}

.footer__logo {
    width: 100%;
    margin-bottom: 1.6rem
}

.footer__logo a {
    display: block
}

.footer__subscribe .btn {
    column-gap: 1rem;
    padding: 1.5rem 3.2rem 1.6rem 1.55rem;
    display: flex;
    font-size: 1.6rem;
    justify-content: flex-start;
    width: max-content;
    background: #27a6e5
}

.footer__subscribe .btn img {
    width: 69px;
    height: 69px
}

.footer__pay {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: auto
}

.footer__nav-list li {
    display: block;
    color: #898485;
    width: max-content
}

.footer__nav-list li:not(:last-child) {
    margin-bottom: 1.2rem
}

.footer__bottom {
    margin-bottom: 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
    color: #898485
}

.social-list {
    margin-bottom: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1.6rem
}

.social-list__icon {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 50%;
    transition: transform .5s ease, box-shadow .5s ease
}

.social-list__icon::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 5.2rem;
    height: 5.1rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: box-shadow .5s ease
}

.social-list svg rect {
    transition: fill .5s ease
}

.h {
    font-family: "Gilroy";
    font-weight: 600;
    line-height: 110%;
    letter-spacing: .04em
}

.h_h1 {
    font-size: 4.8rem
}

.h_h2 {
    font-size: 4rem
}

.h_h3 {
    font-size: 2.8rem
}

.h_h4 {
    font-size: 18px;
    line-height: 100%
}

.text__regular-20 {
    font-size: 2rem
}

.text__regular-18 {
    font-size: 1.8rem
}

.text__regular-16 {
    font-size: 1.6rem;
    line-height: 120%
}

.text__regular-16-caps {
    font-size: 1.6rem;
    line-height: 120%;
    text-transform: uppercase
}

.text__medium {
    font-weight: 500;
    line-height: 120%
}

.text__medium-18 {
    font-size: 1.8rem
}

input[type=text], input[type=email], input[type=tel], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea:focus, input:focus {
    outline: none;
    color: #1d1d1b
}

input[type=file]::file-selector-button {
    display: none
}

textarea {
    resize: none
}

.input {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 3rem;
    background-color: #fff;
    font-size: 1.6rem;
    color: #898485
}

.input_file-input {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0)
}

.input_file-input input[type=file] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.input_file-input .input__placeholder {
    display: flex;
    align-items: center;
    column-gap: 1.6rem;
    color: #2b5644;
    line-height: 100%;
    cursor: pointer
}

.input_file-input .input__placeholder::after {
    content: "";
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/local/templates/mirrey/./assets/images/icons/clip.svg");
    background-size: contain;
    background-repeat: no-repeat
}

.input_readonly {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    column-gap: 2rem
}

.input_readonly .input__field {
    color: #1d1d1b;
    cursor: auto
}

.input textarea {
    height: 12rem
}

.input__btn {
    margin-right: 2rem;
    font-family: "Gilroy";
    font-size: 1.6rem;
    line-height: 120%;
    text-decoration: underline;
    color: #2b5644
}

.input__field {
    padding: 1.6rem 2rem;
    display: block;
    width: 100%;
    background-color: #fff;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3.2rem;
    transition: color .3s ease, border .3s ease
}

.input__field::placeholder {
    color: #898485;
    transition: color .3s ease;
    font-size: 1.6rem;
    line-height: 120%
}

.input__label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 3rem;
    white-space: nowrap;
    font-size: 1.2rem;
    font-weight: 400
}

.input._has-focus .input__field {
    border: 1.5px solid #e29aa8;
    color: #1d1d1b
}

.input._has-error .show-password {
    display: none
}

.input._has-error::after {
    content: attr(data-error);
    position: absolute;
    bottom: -1.6rem;
    left: 2rem;
    font-size: 1.2rem;
    line-height: 120%;
    color: #e29aa8
}

.input._has-error .input__label {
    color: rgba(0, 0, 0, 0)
}

.input._has-error .input__label::after {
    content: attr(data-hint);
    position: absolute;
    top: 0;
    left: 0;
    color: #e29aa8;
    white-space: nowrap
}

.input._has-error .input__field {
    border: 1px solid #e29aa8;
    color: #e29aa8
}

.input._has-error .input__field::placeholder {
    color: #e29aa8
}

.input .show-password {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer
}

.input .show-password svg {
    display: none;
    width: 2.4rem;
    height: 2.4rem
}

.input .show-password svg.active {
    display: block
}

.checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .8rem;
    width: fit-content
}

.checkbox span {
    font-size: 1.8rem;
    color: #3c3c3c
}

.checkbox input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 2.15rem;
    height: 2.15rem;
    border: .1rem solid #559479;
    border-radius: .4rem;
    transition: .3s border ease, .3s background-color ease;
    position: relative
}

.checkbox input[type=checkbox]::before {
    content: "";
    position: absolute;
    background: url("/local/templates/mirrey/./assets/images/icons/markup.svg") no-repeat center;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: .7rem;
    opacity: 0;
    transition: .3s opacity ease
}

.checkbox input[type=checkbox]:checked {
    background-color: #559479
}

.checkbox input[type=checkbox]:checked::before {
    opacity: 1
}

.radio {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .8rem
}

.radio span {
    font-size: 1.8rem;
    color: #3c3c3c
}

.radio input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 2.4rem;
    height: 2.4rem;
    border: .1rem solid #559479;
    border-radius: 50%;
    position: relative
}

.radio input[type=radio]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #559479;
    border: .4rem solid #fff;
    border-radius: 50%;
    transform: scale(0);
    transition: .3s transform ease
}

.radio input[type=radio]:checked::before {
    opacity: 1;
    transform: scale(1)
}

.dropdown {
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem
}

.dropdown_select .select__value {
    padding: 1.4rem 2.4rem;
    border-radius: 5rem;
    background-color: #f4f4f4;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown_select .select__value::after {
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(/local/templates/mirrey/./assets/images/icons/sm-arr.svg)
}

.dropdown__label {
    color: #898485
}

.select {
    position: relative
}

.select__body {
    position: relative
}

.select__title {
    position: relative;
    z-index: 3;
    width: 100%;
    border-radius: 1.6rem;
    background-color: #fff;
    cursor: pointer
}

.select__title .select__value::after {
    transition: transform .5s ease
}

.select__value {
    padding: 1.6rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 5.6rem;
    width: 100%
}

.select__value > * {
    flex: 1 1 auto
}

.select__value::after {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    background-image: url(/local/templates/mirrey/./assets/images/icons/sel-arr.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .3s ease
}

.select__value._has-label::before {
    content: attr(data-sel-label);
    transition: color .3s ease
}

.select__value._has-label::before, .select__value .select__content {
    max-width: 31.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select__content {
    margin-right: auto
}

.select__text {
    flex: 1 1 auto
}

.select__input {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.select__options {
    position: absolute;
    z-index: 2;
    top: calc(100% + .8rem);
    left: 0;
    padding: 2rem;
    min-width: 100%;
    border-radius: 1.6rem;
    background-color: #fff;
    box-shadow: 0 0 2rem rgba(52, 52, 52, .15)
}

.select__scroll {
    max-height: 19rem
}

.select__scroll.simplebar-scrollable-y .simplebar-track.simplebar-vertical {
    right: 1.2rem;
    width: .4rem;
    border-radius: .8rem;
    background-color: #e4e7ee
}

.select__scroll.simplebar-scrollable-y .simplebar-scrollbar {
    min-height: 3.2rem;
    border-radius: .8rem;
    background-color: #a2adc1
}

.select__option {
    padding: 1.5rem 0;
    width: 100%;
    transition: color .3s ease
}

.select__option:first-child {
    padding-top: 0
}

.select__option:last-child {
    padding-bottom: 0
}

.select__option._is-selected {
    font-weight: 500
}

.select__group {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column-reverse
}

.select__subtitle {
    cursor: text
}

.select._is-opened {
    z-index: 5
}

.select._is-opened .select__value::after {
    transform: rotate(-180deg)
}

.select._has-error:not(.select._has-error._is-filled,.select._has-error._is-opened) .select__value._select-label::before {
    color: #e29aa8
}

._select-list {
    cursor: pointer
}

.accordion {
    margin: 3rem auto;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    max-width: 80rem
}

.accordion__item {
    border-radius: 2.4rem;
    background-color: #fff
}

.accordion__title {
    padding: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.accordion__title._accordion-active .arr svg {
    transform: rotate(-90deg)
}

.accordion__title._accordion-active .arr {
    background-color: #e29aa8
}

.accordion__title .arr {
    flex: 0 0 5rem;
    width: 5rem;
    height: 5rem
}

.accordion__body {
    padding: 2.4rem;
    padding-top: 0
}

.accordion__text {
    color: #848484
}

.accordion__text:not(:last-child) {
    margin-bottom: 1rem
}

.icon {
    max-width: 4.4rem;
    width: 100%;
    height: 4.6rem;
    border-radius: 50%;
    cursor: pointer
}

.icon svg {
    width: 100%;
    height: 100%
}

.icon svg rect {
    fill: #898485;
    transition: .3s fill ease
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.4rem;
    width: 100%;
    position: relative
}

.pagination__input {
    position: absolute;
    background-color: #f4f4f4;
    border-radius: 4rem;
    left: 50%;
    width: 20rem;
    display: none;
    top: 7rem;
    height: 4rem;
    transform: translate(-50%, 0)
}

.pagination__input input {
    font-size: 2rem
}

.pagination__input.active {
    display: block
}

.pagination__button {
    width: 2rem;
    height: 2rem;
    transition: transform .5s ease
}

.pagination__list {
    display: flex;
    align-items: center;
    gap: .4rem
}

.pagination__item {
    width: 5.6rem;
    height: 5.6rem
}

.pagination__item a {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #898485;
    transition: .3s color ease, .3s background-color ease
}

.pagination__item.--active a {
    background-color: #f4f4f4;
    color: #1d1d1b
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
    margin-bottom: 2.4rem
}

.breadcrumbs a {
    position: relative;
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485
}

.breadcrumbs a:not(:last-child)::after {
    content: "";
    position: absolute;
    content: "/";
    height: 100%;
    right: -0.6rem;
    transform: translateX(100%)
}

.breadcrumbs span {
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485;
    font-weight: 500
}

.navigation-buttons {
    display: flex;
    align-items: center;
    gap: 1rem
}

.news__card {
    position: relative;
    padding: 3.2rem;
    background-color: #f4f4f4;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 50rem;
    transition: background-color .5s ease, border-radius .5s ease
}

.news__card .popular__btn-arrow {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease
}

.news__card-image {
    border-radius: 2rem;
    height: 38rem;
    margin-bottom: 2.4rem;
    transition: border-radius .5s ease
}

.news__card-image img {
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}

.news__card-publication {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6rem;
    gap: 1rem
}

.news__card-publication-icon {
    transition: opacity .5s ease
}

.news__card-publication svg {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem
}

.news__card-publication svg path {
    transition: stroke .5s ease
}

.news__card-publication-date {
    transition: color .5s ease
}

.news__card-title {
    margin-bottom: .8rem;
    transition: color .5s ease
}

.news__card-description {
    transition: color .5s ease;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.receipts__card-top {
    height: 39rem;
    background-color: #d9d9d9;
    border-radius: 3rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 3.2rem
}

.receipts__card-top-image {
    height: 100%;
    width: 100%
}

.receipts__card-top-image img {
    height: 100%;
    object-fit: cover
}

.receipts__card-top-counter {
    border-radius: 50%;
    background-color: #e29aa8;
    padding-top: 4.5rem;
    padding-right: 4.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    left: -7.4rem;
    bottom: -10rem;
    font-size: 1.8rem;
    color: #fff;
    max-width: 21rem;
    width: 100%;
    height: 21rem
}

.receipts__card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.receipts__card-bottom-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    max-width: 26.4rem
}

.receipts__card-bottom-icon {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem
}

.recommendations__card._is-active .recommendations__card-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 7.8rem;
    background-color: #fff;
    padding: .8rem;
    border-radius: 6rem
}

.recommendations__card .recommendations__card-cart-btn {
    display: none
}

.recommendations__card._is-active .recommendations__card-button {
    display: none
}

.recommendations .quantity {
    column-gap: normal
}

.recommendations .quantity::after {
    margin-right: 2rem
}

.recommendations .quantity::after {
    content: attr(data-text)
}

.recommendations__card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background: #f4f4f4;
    border-radius: 3rem;
    overflow: hidden;
    height: 100%;
    position: relative;
    max-width: 39rem
}

.recommendations__card-row {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.recommendations__card-row .slide-hover-pag {
    flex: 1 1 auto
}

.recommendations__card .calc-global {
    display: none
}

.recommendations__card .calc-global.active {
    display: flex
}

.recommendations__card-image {
    position: relative
}

.recommendations__card-image img {
    position: absolute;
    top: 0;
    left: 0
}

._hover-init .recommendations__card-image img {
    display: none
}

.recommendations__card-image img._is-active {
    display: block
}

.recommendations__card-image .slide-hover-pag-bullets {
    position: absolute;
    right: 2rem;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    column-gap: .4rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease
}

.recommendations__card-image .slide-hover-pag-bullet {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    opacity: 1;
    border: 1px solid #2b5644;
    transition: background-color .3s ease
}

.recommendations__card-image .slide-hover-pag-bullet._is-active {
    background-color: #2b5644
}

.recommendations__card .btn__card {
    transition: background-color .5s ease
}

.recommendations__card .btn__card span {
    transition: color .5s ease
}

.recommendations__card-promotions {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    position: absolute;
    left: 3.2rem;
    top: 3.2rem
}

.recommendations__card-discard {
    padding: 1rem 2rem;
    background: #e29aa8;
    border-radius: 10rem;
    width: fit-content;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 120%;
    color: #fff
}

.recommendations__card-hit {
    padding: 1rem;
    width: fit-content;
    border-radius: 10rem;
    background-color: #2b5644;
    font-size: 1.6rem;
    line-height: 120%;
    color: #fff
}

.recommendations__card-promotion {
    position: absolute;
    top: 26.5rem;
    left: 2rem;
    right: 2rem;
    padding: 1.2rem 2rem .8rem 2rem;
    -webkit-backdrop-filter: blur(4.8rem);
    backdrop-filter: blur(4.8rem);
    background: rgba(244, 244, 244, .4);
    border-radius: 0 0 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.recommendations__card-promotion-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.recommendations__card-promotion-counter strong {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #1d1d1b
}

.recommendations__card-promotion-counter span {
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b
}

.recommendations__card-countdown {
    max-width: 21.8rem;
    width: 100%;
    position: relative
}

.recommendations__card-countdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 1.1rem);
    right: -2.6rem;
    width: .1rem;
    background-color: #000
}

.recommendations__card-countdown-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.recommendations__card-countdown-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    position: relative
}

.recommendations__card-countdown-item:not(:last-child)::after {
    content: "";
    position: absolute;
    content: ":";
    right: -2.3rem;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #000
}

.recommendations__card-countdown-item strong {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #1d1d1b
}

.recommendations__card-countdown-item span {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b
}

.recommendations__card-wrap {
    position: absolute;
    z-index: 2;
    top: 3.2rem;
    left: 3.2rem
}

.recommendations__card-latest {
    padding: 1rem;
    border-radius: 10rem;
    background: #8bbb74;
    font-size: 1.6rem;
    line-height: 120%;
    color: #fff;
    display: flex;
    width: fit-content;
    align-items: center;
    margin-bottom: .8rem
}

.recommendations__card-latest svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.3rem;
}

.recommendations__card-hit {
    padding: 1rem;
    border-radius: 10rem;
    background: #559479;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff;
    display: flex;
    width: fit-content;
    margin-bottom: .8rem
}

.recommendations__card-sale {
    padding: 1.25rem 2rem;
    border-radius: 10rem;
    background: #e29aa8;
    font-size: 1.6rem;
    line-height: 120%;
    color: #fff;
    display: block;
    font-weight: bold;
    width: fit-content;
    min-width: 8.4rem;
    margin-bottom: .8rem
}

.recommendations__card-expectation {
    padding: 1rem;
    border-radius: 10rem;
    background: #898485;
    font-size: 1.6rem;
    line-height: 120%;
    color: #fff;
    display: block;
    width: fit-content;
    margin-bottom: .8rem
}

.recommendations__card.--list {
    max-width: 100%
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) {
    flex-direction: row;
    gap: 2.1rem
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-title {
    margin-bottom: 1.2rem
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-image {
    max-width: 23rem;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    height: auto
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-middle {
    display: flex;
    flex-direction: column;
    max-width: 53.1rem;
    width: 100%;
    gap: 8rem
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-info {
    display: flex;
    margin-top: auto
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-groups {
    margin-left: auto;
    max-width: 27.9rem;
    width: 100%;
    margin-right: 10.8rem;
    display: flex;
    flex-direction: column
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-group {
    flex-direction: column;
    gap: 1.2rem;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0);
    margin: 0
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-group-button {
    max-width: 100%;
    width: fit-content;
    justify-content: flex-start;
    height: auto
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-group-button:first-child {
    padding: 1.2rem 1.6rem
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-group-button:last-child {
    margin-left: 1.2rem
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-button {
    margin-top: auto;
    max-width: 24rem;
    width: 100%
}

.recommendations__card.--list:not(.catalog-page .recommendations__card.--list) .recommendations__card-favorite-button {
    display: block;
    right: 2rem;
    top: 2rem
}

.recommendations__card-info {
    display: none;
    flex-direction: column;
    gap: 1.6rem
}

.recommendations__card-info-item {
    display: flex;
    align-items: center;
    gap: .8rem
}

.recommendations__card-info-item-icon {
    max-width: 2rem;
    width: 100%;
    height: 2rem
}

.recommendations__card-info-item-text {
    color: #898485
}

.recommendations__card-info-item-text span {
    color: #1d1d1b
}

.recommendations__card-image {
    border-radius: 2rem;
    background-color: white;
    max-width: 100%;
    width: 100%;
    height: 30rem;
    margin-bottom: 1.6rem
}

.recommendations__card-image img {
    border-radius: inherit;
    height: 100%;
    object-fit: contain
}

.recommendations__card-title {
    margin-bottom: .8rem;
    transition: text-shadow .5s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 4.4rem;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.recommendations__card-articul {
    display: block;
    margin-bottom: 2rem;
    color: #898485
}

.recommendations__card-group {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    background-color: #fff;
    border-radius: 10rem;
    margin-top: auto;
    overflow: hidden
}

.recommendations__card-group-button {
    border-radius: 10rem;
    color: #2b5644;
    font-size: 1.6rem;
    line-height: 120%;
    text-align: center;
    display: flex;
    align-items: center;
    height: 4.4rem;
    white-space: nowrap;
    justify-content: center;
    overflow: hidden
}

.recommendations__card-group-button span {
    width: 0;
    opacity: 0;
    transition: width .5s ease .3s, opacity .3s ease 0s
}

.recommendations__card-group-button.--primary {
    position: relative;
    z-index: 2;
    background-color: #2b5644;
    color: #fff;
    flex: 1 1 auto;
    width: 11rem
}

.recommendations__card-group:not(.wholesaleOnly) .recommendations__card-group-button.--primary.--hovered span:last-child {
    width: 0;
    opacity: 0
}

.recommendations__card-group-button.--primary span:last-child {
    display: block;
    width: auto;
    opacity: 1
}

.recommendations__card-group-button.--primary.--selected {
    max-height: 100%;
    width: 100%
}

.recommendations__card-group-button.--primary.--selected span:first-child {
    display: block
}

.recommendations__card-group-button.--primary.--selected:not(.--list .recommendations__card-group-button.--primary.--selected) ~ button {
    display: none
}

.recommendations__card-group-button.--primary.--selected-value:not(.--list .recommendations__card-group-button.--primary.--selected-value) {
    max-width: max-content;
    gap: 0;
    padding: 1.25rem 2rem
}

.recommendations__card-group-button.--primary.--selected-value:not(.--list .recommendations__card-group-button.--primary.--selected-value) span {
    display: none
}

.recommendations__card-group-button.--secondary {
    width: 40%;
    transition: width .5s ease, opacity .3s ease
}

.recommendations__card-favorite-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    right: 3.2rem;
    top: 3.2rem;
    border-radius: 50%;
    max-width: 2.4rem;
    width: 100%;
    height: 2.4rem
}

.favorites-page .recommendations__card-favorite-button {
    backdrop-filter: blur(4.8rem);
    background: rgba(244, 244, 244, .4);
    max-width: 4.4rem;
    width: 100%;
    height: 4.4rem
}

.favorites-page .recommendations__card-favorite-button svg {
    width: 2rem;
    height: 2rem
}

.recommendations__card-favorite-button.--active svg path:first-child {
    fill: #e29aa8;
    stroke: #e29aa8
}

.recommendations__card-favorite-button.--active svg path:last-child {
    fill: #e29aa8
}

.recommendations__card-favorite-button svg {
    width: 2.4rem;
    height: 2.4rem;
    transition: .3s all ease
}

.recommendations__card-favorite-button svg path {
    transition: .3s all ease
}

.recommendations__card-favorite-button svg path:first-child {
    fill: #898485;
    stroke: #898485
}

.recommendations__card-favorite-button svg path:last-child {
    fill: rgba(0, 0, 0, 0)
}

.recommendations__card-calc {
    display: flex;
    min-height: 7.8rem;
    align-items: center;
    justify-content: space-between;
    width: 35rem;
    background-color: #fff;
    border: .1rem solid #2b5644;
    border-radius: 6rem;
    padding: .8rem
}

.recommendations__card-calc-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 22rem;
    flex-grow: 1;
}

.recommendations__card-calc-minus {
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    padding: 1rem
}

.recommendations__card-calc-quantity {
    max-width: 10rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.1rem;
    text-align: center
}

.recommendations__card-calc-box {
    display: flex;
    align-items: center;
    width: 9.3rem;
    min-width: 9.3rem;
    height: 6rem;
    background-color: #2b5644;
    border-radius: 6rem;
    margin-left: .7rem;
    padding: 1.8rem;
    cursor: pointer
}

.recommendations__card-calc-box-plus {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem
}

.recommendations__card-calc-box-b {
    width: 2.4rem;
    height: 2.4rem
}

.recommendations__card-calc-plus {
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    padding: 1rem
}

.recommendations__card-group-button .cr {
    position: relative;
    margin-right: .5rem;
    color: #e3e3e3
}

.recommendations__card-group-button .cr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #fff;
    transform: translateY(-50%)
}

.variants__slider .swiper-slide {
    height: unset
}

.variants__card {
    padding: 3.2rem;
    border-radius: 3rem;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .5s ease, transform 1s ease
}

.variants__card-counter {
    display: block;
    margin-bottom: 1.2rem;
    color: #e29aa8
}

.variants__card-image {
    border-radius: 2rem;
    background-color: #fff;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    height: 26.5rem;
    margin-bottom: 2.4rem
}

.variants__card-image img {
    border-radius: inherit
}

.variants__card-category {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid #1d1d1b;
    display: block
}

[data-showmore-button] {
    display: flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer
}

[data-showmore-button] .arrow-icon {
    max-width: 2.8rem;
    width: 100%;
    height: 2.8rem;
    transition: .3s transform ease
}

._showmore-active [data-showmore-button] .arrow-icon {
    transform: rotate(-180deg)
}

[data-showmore-button] .arrow-icon svg {
    width: 100%;
    height: 100%
}

[data-showmore-button] span:last-child {
    display: none
}

._showmore-active [data-showmore-button] span {
    display: none
}

._showmore-active [data-showmore-button] span:last-child {
    display: block
}

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

.noUi-target {
    position: relative
}

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

.noUi-base {
    height: .4rem
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
    border-radius: 1rem;
    background: #e6eaff
}

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    cursor: pointer
}

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

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

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

.noUi-horizontal .noUi-handle {
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%)
}

.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: 0;
    right: auto
}

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

.noUi-connect {
    border-radius: 1rem;
    background: #559479
}

.noUi-draggable {
    cursor: ew-resize
}

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

.noUi-handle {
    border-radius: 50%;
    border: .3rem solid #559479;
    background: #fff;
    width: 2rem;
    height: 2rem;
    transition: background-color .3s ease, border .3s ease
}

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

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

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

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

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

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

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

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    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 {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    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 {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    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 {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

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

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

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

.tab {
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem
}

.tab:not(.tab._is-active) .tab__txt {
    color: #898485
}

.tab:not(.tab._is-active)::after {
    background-color: #f4f4f4
}

.tab::after {
    content: "";
    width: 100%;
    height: .4rem;
    border-radius: 4rem;
    background-color: #2b5644
}

.i-link {
    display: flex;
    align-items: center;
    column-gap: .8rem
}

.i-link svg {
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem
}

.i-link__txt {
    line-height: 2.1rem;
    color: #2b5644
}

.label {
    display: flex;
    align-items: center;
    column-gap: .8rem
}

.label svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.label__txt {
    color: #898485
}

.option-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20.4rem;
    border-radius: 2.4rem;
    background-color: #fff;
    border: 1.5px solid rgba(0, 0, 0, 0);
    transition: border .3s ease
}

.option-item._is-active {
    border: 1.5px solid #2b5644
}

.option-item._is-active .option-item__inner svg path {
    fill: #559479
}

.option-item__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.4rem
}

.option-item__inner svg {
    width: 4rem
}

.option-item__inner svg path {
    fill: #898485;
    transition: fill .3s ease
}

.option-item__image-wrap {
    width: 10rem
}

.option-item__image {
    object-fit: contain
}

.option-item__radio-btn, .option-item__radio-btn input {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.option-item__txt {
    max-width: 16.7rem;
    text-align: center;
    color: #898485;
    transition: color .3s ease
}

._is-active .option-item__txt {
    color: #2b5644
}

.option-item__input {
    width: 52.3rem
}

.option-item__radio-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.option-item__radio-btn input {
    appearance: none
}

.option-item__radio-btn input:checked + span {
    transform: scale(1)
}

.option-item__radio-btn span {
    top: 2rem;
    left: 2rem;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #559479;
    transform: scale(0);
    transition: transform .3s ease
}

.option-item__radio-btn::before, .option-item__radio-btn span {
    content: "";
    position: absolute;
    border-radius: 50%
}

.option-item__radio-btn::before {
    top: 1.6rem;
    left: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    border: 1.5px solid #559479
}

body::after {
    content: "";
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1d1d1b;
    opacity: 0;
    pointer-events: none;
    transition: opacity .8s ease 0s
}

.modal-show body::after {
    opacity: .5
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 3rem 2.4rem;
    visibility: hidden;
    pointer-events: none;
    transition: visibility .8s ease 0s
}

.modal.modal_show {
    z-index: 1500;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.modal.modal_show .modal__content {
    visibility: visible;
    transform: scale(1)
}

.modal__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%
}

.modal__content {
    position: relative;
    max-width: 111.7rem;
    width: 100%;
    visibility: hidden;
    transform: scale(0);
    transition: transform .3s ease 0s
}

.lock .modal__content {
    visibility: visible
}

.modal__body {
    position: relative;
    padding: 7rem;
    width: 100%;
    background-color: #559479;
    border-radius: 3rem;
    overflow: hidden
}

.contacts-modal .modal__body {
    padding: 4rem;
    background-color: #fff
}

.contacts-modal .modal__body::before, .contacts-modal .modal__body::after {
    content: none
}

.modal__body::before, .modal__body::after {
    content: "";
    position: absolute;
    width: 66.1rem;
    height: 66.1rem;
    border-radius: 50%;
    background-color: #fff;
    opacity: .2
}

.modal__body::before {
    left: -27rem;
    bottom: -37rem
}

.modal__body::after {
    top: -38rem;
    right: -30rem
}

.modal__close {
    position: absolute;
    z-index: 10;
    top: 3.2rem;
    right: 3.2rem;
    height: 2.4rem;
    width: 2.4rem
}

.modal__close img {
    object-fit: contain
}

.contacts-modal .modal__close {
    display: none
}

.checkout-complete-modal {
    color: #fff
}

.checkout-complete-modal__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.checkout-complete-modal__inner::before, .checkout-complete-modal__inner::after {
    content: "";
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat
}

.checkout-complete-modal__inner::before {
    bottom: -10rem;
    left: -3rem;
    width: 32.2rem;
    height: 41.3rem;
    background-image: url("/local/templates/mirrey/./assets/images/modals/image44.webp");
    transform: rotate(20deg)
}

.checkout-complete-modal__inner::after {
    bottom: -7rem;
    right: -11rem;
    width: 41.4rem;
    height: 37.4rem;
    background-image: url("/local/templates/mirrey/./assets/images/modals/image45.webp");
    transform: rotate(-49deg)
}

.checkout-complete-modal__heading {
    margin-bottom: 1.6rem
}

.checkout-complete-modal__text {
    margin-bottom: 4rem;
    max-width: 50.3rem
}

.checkout-complete-modal__actions {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.checkout-complete-modal__actions .btn {
    height: 5.3rem
}

.info-modal {
    display: none
}

.info-modal#phone-figuration .modal__close {
    margin-bottom: 3.2rem
}

.info-modal .modal__body {
    background-color: #fff;
    border-radius: 4.8rem;
    padding: 4.8rem 3.2rem
}

.info-modal .modal__body::before, .info-modal .modal__body::after {
    display: none
}

.info-modal .modal__body .header__phone-list {
    position: initial;
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
    border: none;
    padding: 0;
    margin-bottom: 6.4rem
}

.info-modal .modal__body .header__phone-list li {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.info-modal .modal__body .header__phone-list li span {
    font-weight: 400;
    font-size: 3rem;
    line-height: 130%;
    color: #898485
}

.info-modal .modal__body .header__phone-list li span:last-of-type {
    max-width: 55%
}

.info-modal .modal__body .header__phone-list li a {
    font-weight: 400;
    font-size: 3.6rem
}

.info-modal .modal__close {
    position: initial;
    display: block;
    margin-left: auto;
    margin-bottom: 8rem
}

.info-modal .modal__list {
    display: flex;
    flex-direction: column;
    gap: 8rem
}

.info-modal .modal__item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.info-modal .modal__item-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #000
}

.info-modal .modal__item-title {
    font-weight: 500;
    font-size: 3rem;
    line-height: 120%;
    letter-spacing: .04em
}

.info-modal .modal__item-price {
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: .04em;
    display: flex;
    align-items: flex-end;
    gap: .8rem
}

.info-modal .modal__item-price sub {
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: line-through;
    color: #898485
}

.info-modal .modal__item-description {
    font-weight: 400;
    font-size: 3rem;
    line-height: 130%
}

.contacts-modal {
    display: flex;
    flex-direction: column
}

.contacts-modal__inner, .contacts-modal__list {
    display: flex;
    flex-direction: column;
    row-gap: 6.4rem
}

.contacts-modal__list {
    align-items: flex-start
}

.contacts-modal__list-item {
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem
}

.contacts-modal__subtitle, .contacts-modal__text {
    color: #898485
}

.contacts-modal__text {
    max-width: 33rem
}

.contacts-modal__btn {
    width: 100%;
    height: 10rem
}

#modalConsultation .modal__content {
    max-width: 168rem
}

#modalConsultation .modal__body {
    background-color: initial;
    padding: 0;
    border-radius: 6rem
}

#modalConsultation .modal__body::before {
    display: none
}

#modalConsultation .modal__body::after {
    display: none
}

#checkoutCompleteGloabl .modal__body {
    padding: 12rem
}

.badge {
    padding: 0 3.2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 5.3rem;
    border-radius: 10rem;
    border: 1.5px solid #2b5644;
    color: #2b5644;
    white-space: nowrap;
    transition: background-color .3s ease, color .3s ease
}

.badge._is-active {
    background-color: #2b5644;
    color: #fff
}

.badge._disabled {
    color: #898485
}

.badge._canceled {
    color: #e88585
}

.swiper-pagination {
    justify-content: center;
    align-items: center;
    width: 100%;
    position: initial !important
}

.swiper-pagination .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    opacity: 1;
    background: #2b5644;
    margin-right: 1.2rem;
    transition: all .2s
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 4.8rem;
    border-radius: 1rem;
    margin-right: 2.2rem;
    transition: .3s margin ease-out, .3s width ease-out
}

.sticky-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 3.2rem 0;
    z-index: 50;
    margin-bottom: 0;
    display: none
}

.sticky-menu__content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sticky-menu__content .catalog__sticky-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.sticky-menu__content .catalog__sticky-menu-item {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    white-space: nowrap;
    width: fit-content;
    align-items: center;
    text-align: center
}

.sticky-menu__content .catalog__sticky-menu-item.--active .catalog__sticky-menu-title {
    color: #2b5644
}

.sticky-menu__content .catalog__sticky-menu-item.--active figure svg path {
    fill: #2b5644
}

.sticky-menu__content .catalog__sticky-menu-icon {
    max-width: 5.6rem;
    width: 100%;
    height: 5.6rem
}

.sticky-menu__content .catalog__sticky-menu-icon svg path {
    fill: #898485
}

.sticky-menu__content .catalog__sticky-menu-title {
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 120%;
    color: #898485
}

.catalog__sticky-button {
    position: fixed;
    right: 2.4rem;
    bottom: 18.8rem;
    z-index: 50;
    max-width: 10.4rem;
    width: 100%;
    height: 10.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff
}

.catalog__sticky-button svg {
    max-width: 4.8rem;
    width: 100%;
    height: 4.8rem
}

.single-link {
    position: relative;
    color: #2b5644;
    transform: translateY(-1rem)
}

.single-link::after {
    content: "";
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #2b5644;
    transform-origin: left;
    transition: transform .3s ease
}

.menu-bar {
    display: none
}

.form {
    margin: 3rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2rem;
    padding: 5rem;
    background-color: #f4f4f4;
    border-radius: 6rem
}

.form__fields {
    display: flex;
    column-gap: 2rem
}

.input.textarea textarea {
    height: 11.2rem;
    resize: none
}

.link {
    display: flex;
    align-items: center;
    gap: .4rem;
    position: relative;
    width: fit-content
}

.link svg {
    transition: transform .5s ease
}

.link_reversed svg {
    transform: rotate(180deg)
}

.link::after {
    content: "";
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    width: 100%;
    border-bottom: .1rem solid #2b5644;
    max-width: 0;
    transition: .3s max-width ease
}

.link span {
    display: block;
    font-size: 1.6rem;
    color: #2b5644
}

.link svg {
    width: 2.4rem;
    height: 2.4rem
}

.link svg path {
    stroke: #2b5644
}

.section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.8rem
}

.section-heading .link {
    gap: 1.6rem
}

.section-heading.subtitle .subtitle__text {
    display: flex;
    flex-direction: column
}

.section-heading.subtitle .subtitle__text [class*=text-subtext] {
    display: flex;
    align-items: flex-end;
    gap: 2rem;
    margin-top: -0.5rem
}

.section-heading.subtitle .subtitle__text [class*=text-subtext] span {
    margin-left: 3rem
}

.section-heading.subtitle .subtitle__text [class*=text-subtext] small {
    max-width: 7.3rem;
    width: 100%;
    display: block;
    color: #898485
}

.btn {
    padding: 1.5rem 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 1.6rem;
    border-radius: 10rem;
    color: #fff;
    background-color: #e29aa8;
    font-size: 1.8rem;
    transition: transform .5s ease, box-shadow .5s ease;
    position: relative
}

.btn.--loading {
    cursor: initial
}

.btn.--loading .loader {
    width: 1.6rem;
    height: 1.6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.btn.--loading .loader::after {
    content: "";
    position: absolute;
    border: .2rem rgba(0, 0, 0, 0) solid;
    border-top: .2rem #fff solid;
    border-right: .2rem #fff solid;
    border-bottom: .2rem #fff solid;
    border-radius: 50%;
    animation: spin 1.2s infinite linear;
    inset: 0
}

.btn.--disabled {
    cursor: not-allowed;
    background-color: #d8d2d3;
    color: #fff
}

.btn__white {
    background-color: #fff;
    color: #2b5644
}

.btn__white.--loading .loader::after {
    border: .2rem rgba(0, 0, 0, 0) solid;
    border-top: .2rem #2b5644 solid;
    border-right: .2rem #2b5644 solid;
    border-bottom: .2rem #2b5644 solid
}

.btn-secondary {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    font-size: 1.6rem;
    line-height: 120%;
    color: #22614e;
    padding: 1.3rem 1.6rem 1.4rem 2.4rem;
    border: .1rem solid rgba(0, 0, 0, 0);
    transition: .3s border ease;
    border-radius: 10rem
}

.btn-secondary img {
    width: 2rem;
    height: 2rem
}

.btn__card {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
    transition: .2s background-color ease, .2s border ease;
    border: .1rem solid rgba(0, 0, 0, 0);
    background-color: #fff;
    padding: .8rem;
    border-radius: 6rem
}

.btn__card span {
    font-size: 1.8rem;
    color: #1d1d1b;
    display: block;
    width: 100%;
    text-align: center;
    transition: .2s color ease
}

.btn__card svg {
    max-width: 6rem;
    width: 100%;
    height: 6rem
}

.btn__card svg path, .btn__card svg rect {
    transition: .2s all ease
}

.btn__card:active {
    border-color: #2b5644;
    background-color: #fff !important
}

.btn__card:active span {
    color: #1d1d1b !important
}

.btn__card:active svg path {
    stroke: #fff !important
}

.btn__card:active svg rect {
    fill: #2b5644 !important
}

.btn_ghost {
    border: 1.5px solid #fff;
    border-radius: 10rem;
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

[data-three-card] {
    user-select: none;
    transition: box-shadow .25s ease, transform .05s ease;
    transform-style: preserve-3d
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.tabs {
    margin: 6rem auto;
    max-width: 80rem
}

.tabs__navigation {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    column-gap: 2rem
}

.tabs__body {
    padding: 3rem;
    border-radius: 3rem;
    text-align: center;
    background-color: rgba(255, 255, 255, .4)
}

.dropdowns {
    margin: 3rem auto;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.tippy-box {
    background-color: #fff;
    color: #1d1d1b;
    max-width: 34.2rem;
    border-radius: .8rem;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .08)
}

.tippy-svg-arrow {
    fill: #fff
}

.navigation-buttons .swiper-button-prev svg, .navigation-buttons .swiper-button-next svg {
    transition: transform .5s ease
}

.scroll-btn {
    position: fixed !important;
    z-index: 50;
    bottom: 3rem;
    right: 3rem;
    cursor: pointer;
    transform: scale(0);
    transition: transform .5s ease
}

.scroll-btn svg {
    position: absolute;
    top: 50%;
    left: 1.4rem;
    transform: rotate(90deg) translateX(-50%);
    transition: transform .5s ease
}

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

.checkout__head {
    margin-bottom: 8rem;
    display: flex;
    flex-direction: column
}

.checkout__breadcrumbs {
    margin-bottom: 2.4rem
}

.checkout__body {
    display: grid;
    grid-template-columns:1fr 53.3rem;
    gap: 4rem
}

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

.checkout__steps {
    margin-bottom: 4.4rem;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 2.4rem
}

.checkout__steps .checkout__step.tab .tab__txt {
    color: #1d1d1b;
    white-space: nowrap
}

.checkout__steps .checkout__step.tab .tab__txt::after {
    color: #1d1d1b
}

.checkout__steps .checkout__step.tab::after {
    background-color: #2b5644
}

.checkout__steps .checkout__step.tab._is-active .tab__txt span {
    display: inline-block
}

.checkout__steps .checkout__step.tab._is-active .tab__txt::after {
    color: #1d1d1b
}

.checkout__steps .checkout__step.tab._is-active::after {
    background-color: #2b5644
}

.checkout__steps .checkout__step.tab._is-active ~ .tab .tab__txt {
    color: #898485
}

.checkout__steps .checkout__step.tab._is-active ~ .tab .tab__txt::after {
    color: #898485
}

.checkout__steps .checkout__step.tab._is-active ~ .tab::after {
    background-color: #f4f4f4
}

.data-checkout {
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    display: flex;
    flex-direction: column;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.data-checkout__head {
    margin-bottom: 4.6rem;
    display: flex;
    justify-content: space-between;
    gap: 3rem
}

.data-checkout__body {
    display: flex;
    flex-direction: column;
    row-gap: 4.4rem
}

.data-checkout__group {
    display: flex;
    flex-direction: column
}

.data-checkout__group-head {
    margin-bottom: 3.2rem;
    display: flex;
    flex-direction: column
}

.data-checkout__group-heading {
    margin-bottom: 1.2rem
}

.data-checkout__options {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem
}

.data-checkout__fields {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    align-items: start;
    gap: 1.6rem
}

.data-checkout__input.input_file-input {
    padding: 1.6rem 0
}

.data-checkout__input-wrap {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.data-checkout__input-hint {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    color: #898485
}

.data-checkout__input-hint svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.data-checkout__login-link.i-link {
    column-gap: 2.3rem
}

.data-checkout__login-link.i-link svg {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem
}

.summary-checkout {
    display: flex;
    flex-direction: column
}

.summary-checkout__content {
    margin-bottom: 1.6rem;
    padding: 3.8rem 2rem;
    display: flex;
    flex-direction: column;
    border-radius: 2.4rem;
    background-color: #f4f4f4
}

.summary-checkout__heading {
    margin-bottom: 3.2rem
}

.summary-checkout__total {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
    border-top: 1px solid #1d1d1b
}

.summary-checkout__btn {
    height: 6rem
}

.summary-checkout__btn[disabled] {
    cursor: not-allowed;
    background-color: #eec2cb
}

.list-summary-checkout {
    display: flex;
    flex-direction: column;
    row-gap: 2rem
}

.list-summary-checkout__item, .list-summary-checkout__inner {
    display: flex;
    justify-content: space-between;
    column-gap: 2rem
}

.list-summary-checkout__item_benefit {
    flex-direction: column;
    cursor: pointer
}

.list-summary-checkout__item_benefit .list-summary-checkout__value {
    color: #559479
}

.list-summary-checkout__item_benefit .list-summary-checkout__inner._is-active .list-summary-checkout__label::after {
    transform: rotate(-180deg)
}

.list-summary-checkout__item_benefit .list-summary-checkout__label {
    display: flex;
    align-items: center;
    column-gap: .4rem
}

.list-summary-checkout__item_benefit .list-summary-checkout__label::after {
    content: "";
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url("/local/templates/mirrey/./assets/images/icons/sm-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease
}

.list-summary-checkout__label {
    line-height: 100%
}

.list-summary-checkout__item-content {
    padding-top: .5rem
}

.pricing-widget-checkout {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 3.2rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    border-radius: 4.8rem 4.8rem 0 0;
    box-shadow: 0 -0.8rem 4rem rgba(120, 120, 120, .25)
}

.pricing-widget-checkout__content {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.pricing-widget-checkout__subtitle {
    color: #898485
}

.pricing-widget-checkout__price {
    display: flex;
    align-items: center;
    column-gap: 1.6rem
}

.pricing-widget-checkout__price svg {
    flex: 0 0 4.8rem;
    width: 4.8rem;
    height: 4.8rem
}

.delivery-checkout {
    display: flex;
    flex-direction: column
}

.delivery-checkout__badges {
    margin-bottom: 3.2rem;
    display: flex;
    column-gap: 1.2rem
}

.delivery-checkout__label {
    margin-bottom: 3.2rem
}

.delivery-checkout .map__content {
    height: auto;
    border-radius: 0;
    overflow: visible
}

.delivery-checkout .map__canvas {
    margin-bottom: 1.2rem;
    height: 50vh;
    overflow: hidden
}

.delivery-checkout .map__wrapper {
    position: static;
    padding: 0
}

.delivery-checkout .map__card {
    width: 100%;
    box-shadow: 0 0 2.2rem rgba(1, 28, 3, .12)
}

.delivery-checkout .map__card .map-card__button span {
    margin-right: -0.6rem
}

.delivery-checkout .map .map-card__list {
    top: 100%
}

.delivery-checkout .map .map-card__wrapper {
    height: 100%
}

.address-delivery-checkout {
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    display: flex;
    flex-direction: column;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.address-delivery-checkout__heading {
    margin-bottom: 1.2rem
}

.address-delivery-checkout__text {
    margin-bottom: 3.2rem;
    max-width: 43rem
}

.address-delivery-checkout__fields {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    align-items: start;
    gap: 1.6rem
}

.companies-delivery-checkout {
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    row-gap: 2.4rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4
}

.companies-delivery-checkout__row {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(20.4rem, 24%));
    gap: 1.2rem
}

.companies-delivery-checkout__hint {
    color: #898485
}

.companies-delivery-checkout__input {
    width: 52.3rem
}

.companies-delivery-checkout__input:not(.companies-delivery-checkout__input._is-visible) {
    display: none
}

.payment-checkout {
    padding: 2.4rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4
}

.payment-checkout__row {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(34.5rem, 33.333%));
    gap: 1.2rem
}

.account {
    overflow: hidden
}

.account__link_reversed {
    margin-bottom: 4rem;
    align-self: flex-start
}

.account__link_reversed.link svg {
    transform: rotate(180deg)
}

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

.account__heading {
    margin-bottom: 6rem
}

.sidebar-account {
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #559479;
    border-radius: 3rem
}

.sidebar-account__dropdown {
    margin-bottom: 3.2rem
}

.sidebar-account__nav {
    margin-bottom: 2.4rem;
    display: flex;
    flex-direction: column;
    row-gap: .6rem
}

.sidebar-account__link {
    margin-bottom: 2.4rem;
    align-self: flex-start
}

.sidebar-account__link.link {
    column-gap: 1.6rem
}

.sidebar-account__btn {
    align-self: flex-start
}

.nav-link-sidebar-account {
    padding: .6rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    border-radius: 10rem
}

.nav-link-sidebar-account svg:last-child {
    display: none
}

.nav-link-sidebar-account._is-active {
    background-color: #2b5644;
    color: #fff
}

.nav-link-sidebar-account._is-active .nav-link-sidebar-account__icon-wrap {
    background-color: #fff
}

.nav-link-sidebar-account._is-active .nav-link-sidebar-account__icon-wrap svg:first-child {
    display: none
}

.nav-link-sidebar-account._is-active .nav-link-sidebar-account__icon-wrap svg:last-child {
    display: block
}

.nav-link-sidebar-account__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 5.6rem;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    background-color: #e29aa8
}

.nav-link-sidebar-account__icon-wrap svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.myprofile-account {
    display: flex;
    flex-direction: column
}

.myprofile-account__title {
    margin-bottom: 6.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.myprofile-account__title::after {
    content: "";
    flex: 0 0 6rem;
    width: 6rem;
    height: 6rem;
    background-image: url("/local/templates/mirrey/./assets/images/icons/sm-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg)
}

.myprofile-account__cards {
    margin-bottom: 6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4rem
}

.myprofile-account__support {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.myprofile-account__support-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem
}

.badge-myprofile-account__inner {
    padding: 1.2rem 4rem;
    display: inline-flex;
    align-items: center;
    column-gap: 1.6rem;
    border-radius: 9.9rem;
    background-color: #f4f4f4
}

.badge-myprofile-account svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.card-myprofile-account {
    position: relative;
    padding: 4.8rem 3.2rem;
    display: flex;
    flex-direction: column;
    border-radius: 4.8rem;
    background-color: #f4f4f4
}

.card-myprofile-account_green .card-myprofile-account__subtitle {
    color: #fff
}

.card-myprofile-account_green {
    background-color: #559479;
    color: #fff
}

.card-myprofile-account_green::before, .card-myprofile-account_green::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    opacity: .2
}

.card-myprofile-account_green::before {
    top: -22rem;
    left: -17rem;
    width: 32.3rem;
    height: 32.3rem
}

.card-myprofile-account_green::after {
    bottom: -27rem;
    right: -26rem;
    width: 42rem;
    height: 42rem
}

.card-myprofile-account:not(.card-myprofile-account_large) .card-myprofile-account__icon {
    position: absolute;
    top: 50%;
    right: 3.2rem;
    transform: translateY(-50%)
}

.card-myprofile-account__head, .card-myprofile-account__bottom {
    z-index: 2;
    display: flex;
    justify-content: space-between
}

.card-myprofile-account__heading-wrap {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.card-myprofile-account__head {
    margin-bottom: auto
}

.card-myprofile-account__info {
    display: flex;
    gap: 4.8rem
}

.card-myprofile-account__group-subtitle {
    padding-right: 2.8rem;
    position: relative;
    cursor: pointer;
    width: fit-content
}

.card-myprofile-account__group-subtitle::after {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/placing-an/caran.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0
}

.card-myprofile-account__group {
    display: flex;
    flex-direction: column;
    row-gap: .8rem
}

.card-myprofile-account__icon {
    margin-bottom: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 7.4rem;
    height: 7.4rem;
    border-radius: 50%;
    background-color: #e29aa8
}

.card-myprofile-account__icon svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.card-myprofile-account__single-link {
    align-self: flex-end
}

.menu-account {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    padding: 6.4rem 2.4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateX(110%);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

.menu-account._is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.menu-account::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 84.4rem;
    height: 45rem;
    background-image: url("/local/templates/mirrey/./assets/images/bg/flower.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(50%)
}

.menu-account__head {
    margin-bottom: 8rem
}

.menu-account__open-submenu-btn.link {
    margin: 0;
    justify-content: flex-start
}

.menu-account__close-btn {
    display: flex;
    align-items: center;
    column-gap: 3.2rem;
    color: #898485
}

.menu-account__close-btn svg {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem
}

.menu-account__body {
    display: flex;
    flex-direction: column
}

.menu-account__heading-wrap {
    margin-bottom: 8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 2.4rem
}

.menu-account__nav {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

.menu-account__nav-link {
    display: flex;
    align-items: center;
    column-gap: 2rem
}

.menu-account__nav-link._is-active span {
    font-weight: 500
}

.menu-account__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 8.8rem;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 50%;
    background-color: #e29aa8
}

.menu-account__icon svg {
    width: 4.8rem;
    height: 4.8rem
}

.menu-account__list {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.menu-account__list-item {
    position: relative
}

.menu-account__list-item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    opacity: 0
}

.menu-account__list-item input:checked + span {
    font-weight: 500
}

.profiles-account {
    display: flex;
    flex-direction: column
}

.profiles-account__list {
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem
}

.profiles-account__list-item {
    display: block;
    width: 100%
}

.profiles-account__list-item-content {
    padding: 2.4rem 3.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.profiles-account__list-item-btn.link {
    column-gap: 1.6rem
}

.profiles-account__btn {
    align-self: flex-start
}

.data-account {
    display: flex;
    flex-direction: column
}

.data-account__link.link {
    column-gap: 1.6rem
}

.data-account__head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.data-account__body {
    padding: 5rem;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.data-account__form {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

.data-account__group {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

.data-account__options {
    display: flex;
    gap: 6rem;
    padding-bottom: 30px
}

.data-account__fields {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 1.6rem
}

.data-account__btn {
    align-self: flex-start
}

.data-account__heading-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem
}

.data-account__input.input_file-input {
    margin-bottom: 3.2rem;
    margin-top: 2rem
}

.data-account__input-hint {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    color: #898485
}

.data-account__input-hint svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.orders-account {
    display: flex;
    flex-direction: column
}

.orders-account__info-list {
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 6rem
}

.orders-account__footer {
    margin-bottom: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.orders-account__footer .link {
    column-gap: 1.6rem
}

.orders-account__products {
    display: flex;
    flex-direction: column
}

.orders-account__products-heading-wrap {
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
    column-gap: 1rem
}

.orders-account__products-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: #e29aa8;
    color: #fff
}

.orders-account__products-list {
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.orders-account_info .order-orders-account {
    margin-bottom: 4rem;
    row-gap: normal
}

.orders-account_info .order-orders-account__head {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.orders-account_info .order-orders-account__label {
    margin-bottom: 3.2rem
}

.orders-account_info .order-orders-account__group:first-child .order-orders-account__text {
    white-space: nowrap
}

.orders-account_info .order-orders-account__group_total .order-orders-account__text {
    white-space: nowrap;
    color: #2b5644;
    font-weight: 500
}

.orders-account__head {
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.orders-account__head-content {
    display: flex;
    justify-content: space-between
}

.orders-account__badges {
    display: flex;
    column-gap: 1rem
}

.orders-account__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: .8rem
}

.orders-account__list-item {
    display: flex;
    align-items: center;
    column-gap: 2rem
}

.orders-account__list-item:not(:first-child) {
    padding-right: 2.3rem
}

.orders-account__list-item-txt {
    color: #898485
}

.orders-account__list-item-content {
    display: flex;
    align-items: center;
    column-gap: 1.6rem
}

.orders-account__list-item-content span {
    white-space: nowrap
}

.orders-account__list-item-content svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.orders-account__hint {
    padding: 1.5rem 2.4rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    border-radius: 10rem;
    color: #2b5644;
    background-color: #f4f4f4
}

.orders-account__hint svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.orders-account__orders-list {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.order-orders-account {
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.order-orders-account .badge {
    background-color: #fff;
    border: none
}

.order-orders-account__label {
    margin-bottom: 3.2rem;
    display: flex;
    align-items: center;
    column-gap: 1.6rem;
    color: #2b5644
}

.order-orders-account__label svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.order-orders-account__head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-orders-account__body {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-orders-account__info {
    display: flex;
    gap: 10.3rem
}

.order-orders-account__group {
    display: flex;
    flex-direction: column;
    row-gap: .2rem
}

.order-orders-account__group-subtitle {
    color: #898485
}

.order-orders-account__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-orders-account__footer .link {
    column-gap: 1.6rem
}

.order-orders-account__actions {
    display: flex;
    column-gap: 4rem
}

.product-orders-account__inner {
    padding: 3.2rem;
    display: flex;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.product-orders-account__inner .badge {
    background-color: #fff;
    border: none
}

.product-orders-account__image-wrap {
    margin-right: 3.2rem;
    flex: 0 0 15.4rem;
    width: 15.4rem;
    height: 15.4rem
}

.product-orders-account__image {
    display: block;
    height: 100%;
    border-radius: 2rem;
    object-fit: cover
}

.product-orders-account__info {
    margin-right: 11.7rem;
    display: flex;
    flex-direction: column
}

.product-orders-account__heading {
    margin-bottom: auto;
    max-width: 40rem
}

.product-orders-account__heading .product-orders-account__group {
    margin: 0
}

.product-orders-account__group {
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: .2rem
}

.product-orders-account__group-subtitle {
    color: #898485
}

.info-orders-account {
    padding: 3.2rem;
    display: flex;
    justify-content: space-between;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.info-orders-account__group {
    display: flex;
    flex-direction: column;
    row-gap: .2rem
}

.info-orders-account__group-subtitle {
    color: #898485
}

.info-orders-account__content {
    display: flex;
    flex-direction: column
}

.info-orders-account__heading {
    margin-bottom: 3.2rem
}

.info-orders-account__subtitle {
    margin-bottom: 2.4rem
}

.info-orders-account__hint {
    padding: 1.4rem 2.4rem;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    column-gap: 1rem;
    border-radius: 10rem;
    background-color: #fff;
    color: #898485
}

.info-orders-account__hint svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.info-orders-account__badge {
    align-self: center;
    background-color: #559479;
    color: #fff;
    border: none
}

.info-orders-account__badge span {
    margin-left: 1rem;
    font-weight: 500
}

.empty-history {
    padding-top: 12rem;
    display: flex;
    align-items: center;
    gap: 4rem
}

.empty-history__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38.8rem;
    width: 38.8rem;
    height: 38.8rem;
    border-radius: 50%;
    background-color: #eef4f2
}

.empty-history__icon svg {
    flex: 0 0 23.5rem;
    width: 23.5rem;
    height: 12.5rem
}

.empty-history__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.empty-history__heading {
    margin-bottom: 1.6rem
}

.empty-history__text-content {
    margin-bottom: 4rem;
    max-width: 47.2rem;
    color: #898485
}

.bills-account__list {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.card-bills-account {
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    border-radius: 3rem;
    background-color: #f4f4f4
}

.card-bills-account .badge {
    background-color: #fff;
    border: none
}

.card-bills-account__body {
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1.5px solid #2b5644
}

.card-bills-account__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.card-bills-account__info .link {
    column-gap: 1.6rem
}

.card-bills-account__btn[disabled] {
    pointer-events: none;
    background-color: #d8d2d3
}

.card-bills-account__heading {
    margin-bottom: 2.5rem
}

.card-bills-account__manager {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    column-gap: 1.6rem
}

.card-bills-account__manager svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.card-bills-account__footer {
    display: flex;
    flex-direction: column
}

.card-bills-account__hint {
    padding: 1.4rem 2.4rem;
    display: inline-flex;
    align-items: center;
    column-gap: 1rem;
    border-radius: 10rem;
    background-color: #fff;
    color: #898485
}

.card-bills-account__hint span {
    max-width: 35.9rem
}

.card-bills-account__hint svg {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

.card-bills-account__footer-group {
    display: flex;
    align-items: center;
    column-gap: 3.2rem
}

.card-bills-account__price {
    color: #2b5644;
    line-height: 1
}

.favorite-account .empty-history__icon {
    background-color: #fcf3f5
}

.favorite-account__products {
    display: flex;
    flex-direction: column;
    row-gap: 4rem
}

.favorite-account__products-list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 4rem
}

.favorite-account__pagination {
    align-self: center
}

.subscription-account {
    display: flex;
    flex-direction: column
}

.subscription-account__body {
    display: flex;
    flex-direction: column;
    row-gap: 4.8rem
}

.subscription-account__text {
    display: flex;
    justify-content: space-between;
    gap: 12.3rem
}

.banner-subscription-account {
    position: relative;
    padding: 5rem 0 5rem 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 29.1rem;
    border-radius: 3rem;
    background-color: #559479;
    color: #fff;
    overflow: hidden
}

.banner-subscription-account::before, .banner-subscription-account::after {
    content: "";
    position: absolute;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    background-color: #77a994
}

.banner-subscription-account::before {
    top: -19rem;
    left: -24rem
}

.banner-subscription-account::after {
    bottom: -19rem;
    right: 17rem
}

.banner-subscription-account__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.banner-subscription-account__heading {
    margin-bottom: 3.2rem
}

.banner-subscription-account__form {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

.banner-subscription-account__fields {
    width: 49.5rem
}

.banner-subscription-account__fields .input {
    color: #1d1d1b
}

.banner-subscription-account__footer {
    display: flex;
    align-items: center;
    gap: 3.2rem
}

.banner-subscription-account__footer .link {
    column-gap: 1.6rem
}

.banner-subscription-account__footer .link::after {
    border-bottom: .1rem solid #fff
}

.banner-subscription-account__footer .link span {
    color: #fff
}

.banner-subscription-account__image-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 36.6rem;
    border-radius: 30rem 4.8rem 4.8rem 4.8rem;
    overflow: hidden
}

.banner-subscription-account__image {
    height: 100%;
    object-fit: cover
}

.sale__navigation-btn {
    position: absolute !important;
    z-index: 2;
    top: 50%;
    border: 1px solid #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease
}

.sale__navigation-btn svg {
    transition: transform .5s ease
}

.sale__navigation-btn svg path {
    stroke: #fff
}

.sale__navigation-btn.swiper-button-prev {
    left: 2rem
}

.sale__navigation-btn.swiper-button-next {
    right: 2rem
}

.sale__sale-cards .sale__pagination .swiper-pagination-bullet {
    background-color: #e0dfdf
}

.sale__sale-cards.swiper {
    overflow: visible
}

.sale__sale-cards .sale__pagination {
    bottom: -4rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease
}

.sale__link.link {
    column-gap: 3.2rem
}

.sale__slide {
    position: relative
}

.sale__slide-content {
    width: 100%;
    height: 41rem;
    border-radius: 4rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.sale__slide-image {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
    left: 0;
    border-radius: 4rem
}

.sale__slide-image img {
    height: 100%;
    border-radius: 4rem
}

.sale__slide-image img:not(.sale__slide-image img.sale__slide-image-mob) {
    object-fit: cover
}

.sale__slide-btn {
    position: relative;
    z-index: 2;
    width: fit-content
}

.sale__slide-title {
    position: relative;
    z-index: 2;
    margin-bottom: 4.8rem;
    text-align: center;
    color: #fff
}

.sale__swiper {
    position: relative;
    margin-bottom: 4rem
}

.sale__pagination {
    position: absolute;
    z-index: 2;
    bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%
}

.sale__pagination .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: fit-content
}

.sale__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.8rem;
    border-radius: 1rem;
    margin-right: 2.2rem
}

.sale .swiper-slide-active .sale__slide-content > * {
    transform: translateY(0px);
    opacity: 1
}

.sale .swiper-pagination-bullet {
    border-radius: 0;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    opacity: 1;
    background: #2b5644;
    margin-right: 1.2rem;
    transition: all .2s
}

.sale__wrapper {
    display: flex;
    justify-content: space-between
}

.sale-card {
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative
}

.sale-card.swiper-slide {
    width: 53rem;
    height: auto;
    transition: box-shadow .5s ease, transform 1s ease, opacity .3s ease, visibility .3s ease
}

.sale-card.swiper-slide.swiper-slide-active, .sale-card.swiper-slide.swiper-slide-next, .sale-card.swiper-slide.swiper-slide-next + .swiper-slide {
    opacity: 1;
    visibility: visible
}

.sale-card:after {
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    right: 12rem;
    top: 10rem;
    height: 2rem;
    width: 2rem;
    transition: all 2s cubic-bezier(0.25, 0.19, 0.64, 1.36);
    background-color: #f4f4f4
}

.sale-card .sale-card__percent span {
    transition: transform .5s ease
}

.sale-card__content {
    display: grid;
    grid-template-columns:1fr 23.6rem;
    column-gap: 2rem;
    padding: 2rem;
    position: relative;
    z-index: 3
}

.sale-card__image {
    width: 23.6rem;
    height: 20rem;
    grid-row: 1/4;
    grid-column: 2/3;
    border-radius: 1.6rem
}

.sale-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.6rem
}

.sale-card__inner {
    display: flex;
    flex-direction: column
}

.sale-card__percent {
    width: 100%;
    font-size: 4.8rem;
    font-weight: 600;
    color: #e29aa8;
    line-height: 110%;
    letter-spacing: 4%;
    position: relative;
    border-bottom: 1.5px solid #2b5644;
    padding-bottom: .4rem;
    margin-bottom: 1.2rem
}

.sale-card__percent span {
    position: absolute;
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(/local/templates/mirrey/./assets/images/sale/arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.sale-card__date {
    margin-bottom: 4rem;
    color: #898485;
    font-size: 1.6rem;
    font-weight: 400
}

.sale-card__text {
    margin-top: auto;
    font-size: 2rem;
    font-weight: 600;
    line-height: 120%
}

.popular__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem
}

.popular__wrapper {
    display: flex;
    flex-wrap: wrap
}

.popular__btn {
    background-image: url(/local/templates/mirrey/./assets/images/sections/popular-card/btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 53.3rem;
    height: 59.3rem;
    border-radius: 3rem;
    padding: 4rem
}

.popular__btn-text {
    font-size: 1.6rem;
    color: #fff;
    margin-bottom: 15.6rem
}

.popular__btn-b-image {
    position: relative;
    width: 14.9rem;
    height: 16.6rem;
    margin-bottom: 3.2rem
}

.popular__btn-image {
    position: absolute;
    z-index: 2;
    width: 13.3rem;
    height: 14.4rem;
    top: 0
}

.popular__btn-circle {
    position: absolute;
    bottom: 0;
    z-index: 1;
    border-radius: 50%;
    background-color: #fff;
    width: 14.9rem;
    height: 14.9rem;
    opacity: .1
}

.popular__btn-title {
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: .6rem;
    color: #fff
}

.popular__btn-arrow {
    width: 9rem;
    height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e29aa8;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: auto
}

.popular__btn-arrow svg {
    width: 5rem;
    height: 5rem;
    transition: transform .5s ease
}

.popular-card {
    border-radius: 3rem;
    background-color: #f4f4f4;
    padding: 3.2rem;
    display: block;
    position: relative;
    overflow: hidden
}

.popular-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #559479;
    transform-origin: right bottom;
    transform: translate(50%, 50%) scale(0);
    transition: transform 1s ease
}

.popular-card.swiper-slide {
    width: auto;
    height: auto
}

.popular-card__image {
    position: relative;
    z-index: 2;
    width: 46.9rem;
    height: 43.6rem;
    border-radius: 2rem;
    margin-bottom: 3.2rem
}

.popular-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem
}

.popular-card__title {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    transition: color .5s ease
}

.popular-card__title-h {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1.2rem;
    transition: color .5s ease
}

.popular-card__title-t {
    font-size: 1.6rem;
    font-weight: 400;
    color: #898485;
    transition: color .5s ease
}

.popular-card__link {
    position: absolute;
    z-index: 2;
    color: #898485;
    bottom: 3.4rem;
    right: 3.7rem;
    display: flex;
    align-items: center
}

.popular-card__link span {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    margin-right: .4rem;
    color: #2b5644;
    transition: color 1s ease
}

.popular-card__link svg {
    width: 2rem;
    height: 2rem;
    transition: transform 1s ease
}

.popular-card__link svg path {
    transition: stroke 1s ease
}

.card { /*padding-top:20rem*/
}

.card .btn__card {
    transition: background-color .5s ease
}

.card .btn__card span {
    transition: color .5s ease
}

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

.card__wrapper._is-disabled .card__swiper {
    margin-bottom: 0
}

.card__wrapper._is-disabled .card__bottom {
    display: none
}

.card__left {
    width: 69.3rem;
    padding: 3.2rem;
    background-color: #f4f4f4;
    border-radius: 2rem;
    margin-right: 3.9rem;
    max-height: 76.5rem
}

.card__swiper {
    max-width: 100%;
    overflow: hidden
}

.card__swiper-slide-content {
    position: relative
}

.card__swiper-slide-image {
    width: 63rem;
    height: 54rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    background-color: white;
}

.card__swiper-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 2rem
}

.card__swiper-slide-category {
    border-radius: 10rem;
    background-color: #e29aa8;
    font-size: 1.6rem;
    padding: 1.25rem 2rem;
    max-width: fit-content;
    color: #fff;
    font-weight: 400;
    margin-bottom: .8rem
}

.card__swiper-slide-hit {
    background-color: #559479;
    padding: 1.45rem 2rem;
    display: block;
    width: fit-content;
    margin-bottom: .8rem;
    border-radius: 10rem
}

.card__swiper-slide-hit span {
    position: relative;
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 400;
    color: #fff;
    padding-left: 2.8rem
}

.card__swiper-slide-hit span::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/like.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.card__swiper-slide-new {
    background-color: #8bbb74;
    padding: 1.45rem 2rem;
    display: block;
    width: fit-content;
    margin-bottom: .8rem;
    border-radius: 10rem
}

.card__swiper-slide-new span {
    position: relative;
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 400;
    color: #fff;
    padding-left: 2.8rem
}

.card__swiper-slide-new span::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/birka.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.card__swiper-slide-padding {
    background-color: #898485;
    padding: 1.45rem 2rem;
    display: block;
    width: fit-content;
    border-radius: 10rem
}

.card__swiper-slide-padding span {
    position: relative;
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 400;
    color: #fff;
    padding-left: 2.8rem
}

.card__swiper-slide-padding span::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/clock.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.card__swiper-slide-block {
    left: 2rem;
    top: 2.8rem;
    position: absolute;
    display: flex;
    flex-direction: column
}

.card__swiper-slide-like {
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: rgba(244, 244, 244, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2rem;
    right: 2rem
}

.card__swiper-slide-like svg {
    width: 2rem;
    height: 2rem
}

.card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.2rem
}

.card__bottom .swiper-button-prev svg, .card__bottom .swiper-button-next svg {
    transition: transform .5s ease
}

.card__thumb {
    width: 47rem
}

.card__thumb .swiper-slide-thumb-active .card__thumb-slide-image {
    border: .1rem solid #2b5644
}

.card__thumb-slide-image {
    width: 14.6rem;
    height: 14.6rem;
    border-radius: 2rem
}

.card__thumb-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem
}

.card__title {
    font-size: 4rem;
    margin-bottom: 2.4rem
}

.card__right-wrapper {
    display: flex;
    justify-content: space-between
}

.card__right-block {
    width: 51.3rem;
    margin-right: 4rem
}

.card__right-block-inner {
    display: flex;
    margin-bottom: 4rem
}

.card__right-sidebar {
    width: 39rem
}

.card__article {
    font-size: 1.6rem;
    line-height: 120%;
    padding-right: 3rem;
    position: relative;
    margin-right: 1.2rem
}

.card__article::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/mirrey/./assets/images/icons/box.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
}

.card__article-sum {
    font-size: 1.6rem;
    line-height: 120%;
    text-decoration: underline
}

.card__title-characteristic {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.4rem
}

.card__characteristic-lists {
    width: 53.1rem;
    margin-bottom: 3.2rem
}

.card__characteristic-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    align-items: end
}

.card__characteristic-item span {
    font-size: 1.6rem;
    line-height: 120%;
    display: block;
    color: #898485
}

.card__characteristic-item .points {
    flex-grow: 1;
    border-bottom: .1rem dotted #898485;
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
    bottom: .5rem
}

.card__characteristic-item strong {
    width: 13.5rem;
    display: block;
    font-size: 1.6rem;
    line-height: 120%
}

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

.card__title-colors {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.4rem
}

.card__colors-inner {
    display: flex;
    justify-content: space-between
}

.card__colors-block {
    display: flex;
    flex-wrap: wrap;
    width: 34.8rem
}

.card__all-colors {
    padding-top: 1rem;
    margin-bottom: auto
}

.card__color {
    margin-right: .2rem;
    display: block
}

.card__color input[type=radio] {
    display: none
}

.card__color label {
    border-radius: 50%;
    width: 4.8rem;
    height: 4.8rem;
    border: .1rem solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-in-out
}

.card__color label span {
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    display: block
}

.card__swiper-slide-like.active svg .color-like {
    fill: #292d32
}

.card__color:last-child {
    margin-right: 0
}

.card__color input[type=radio]:checked + label {
    border: .1rem solid #e6e6e6
}

.card__retail {
    padding: 3.2rem;
    background-color: #f4f4f4;
    border-radius: 2rem;
    margin-bottom: 1.6rem
}

.card__retail-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.4rem
}

.card__retail-box {
    margin-left: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 9.3rem;
    height: 6.3rem;
    border-radius: 10rem;
    background-color: #2b5644;
    cursor: pointer
}

.card__retail-box-plus {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .4rem
}

.card__retail-box-box {
    width: 2.4rem;
    height: 2.4rem
}

.card__retail__desk {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 2.1rem
}

.card__retail-price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    align-items: end
}

.card__retail-price span {
    font-size: 1.6rem;
    line-height: 120%;
    display: block;
    color: #1d1d1b
}

.card__retail-price .points {
    flex-grow: 1;
    border-bottom: .1rem solid rgba(137, 132, 133, .3);
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
    bottom: .7rem
}

.card__retail-price strong {
    display: block;
    font-size: 4rem;
    line-height: 120%;
    height: fit-content
}

.card__retail-inner {
    display: flex;
    margin-bottom: .8rem
}

.card__retail-inner-block {
    display: flex;
    padding: .8rem 2.2rem;
    border-radius: 100rem;
    background-color: #fff;
    justify-content: space-between;
    width: 100%
}

.card__retail-plus, .card__retail-minus {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400
}

.card__retail-plus svg, .card__retail-minus svg {
    width: 2.4rem;
    height: 2.4rem
}

.card__retail-quantity {
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 12rem
}

.card__retail-attention {
    background-color: #e6e6e6;
    padding: 1.2rem;
    border-radius: 1.6rem;
    margin-bottom: 3.2rem
}

.card__retail-attention-text {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    margin-bottom: .8rem;
    padding-left: 3.2rem
}

.card__retail-attention-text::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    left: 0;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/interface.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.card__retail-attention-hide {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 120%
}

.card__retail-attention-hide ul {
    padding-top: 1rem;
    padding-left: 4rem
}

.card__retail-attention-hide li {
    font-size: 1.6rem;
    margin-bottom: .8rem;
    list-style-type: disc
}

.card__retail-attention-hide li:last-child {
    margin-bottom: 0
}

.card__wholesale {
    padding: 3.2rem;
    background-color: #f4f4f4;
    border-radius: 2rem;
    margin-bottom: 1.6rem
}

.card__wholesale-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.4rem
}

.card__wholesale-price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    align-items: end
}

.card__wholesale-price span {
    font-size: 1.6rem;
    line-height: 120%;
    display: block;
    color: #1d1d1b
}

.card__wholesale-price .points {
    flex-grow: 1;
    border-bottom: .1rem solid rgba(137, 132, 133, .3);
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
    bottom: .7rem
}

.card__wholesale-price strong {
    display: block;
    font-size: 4rem;
    line-height: 120%;
    height: fit-content
}

.card__wholesale-price small {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 120%;
    text-decoration-line: line-through;
    color: #898485
}

.card__wholesale-attention {
    background-color: #e6e6e6;
    padding: 1.2rem;
    border-radius: 1.6rem
}

.card__wholesale-attention-text {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    padding-left: 3.2rem
}

.card__wholesale-attention-text::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    left: 0;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/interface.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.card__special-price {
    width: 39rem;
    height: 15.9rem;
    border-radius: 2rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/fon2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 2.4rem;
    margin-bottom: 1.6rem;
    color: #fff
}

.card__special-price-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.4rem
}

.card__special-price-title strong {
    display: block;
    font-weight: 600;
    font-size: 2rem
}

.card__special-price-title span {
    font-size: 1.6rem;
    font-weight: 400
}

.card__special-price-p {
    font-weight: 600;
    font-size: 4rem
}

.card__receiving {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    padding-left: 3.2rem;
    padding-right: 1.2rem;
    background-color: #f4f4f4;
    border-radius: 2rem;
    margin-bottom: 1.6rem
}

.card__receiving-title {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 2.4rem
}

.card__receiving-delivery {
    padding-left: 5.6rem;
    position: relative;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 2.2rem
}

.card__receiving-delivery::before {
    position: absolute;
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/car.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0
}

.card__receiving-myself {
    padding-left: 5.6rem;
    position: relative;
    font-size: 1.8rem;
    font-weight: 400
}

.card__receiving-myself::before {
    position: absolute;
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/geo.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.card__link {
    padding: 2.4rem;
    background-color: #f4f4f4;
    border-radius: 2rem;
    display: block
}

.card__link span {
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    padding-right: 7.8rem;
    width: 100%;
    display: block
}

.card__link span::before {
    position: absolute;
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: transform .5s ease
}

.card__description {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem
}

.card__description-left {
    width: 96.3rem
}

.card__description-tabs {
    display: flex;
    margin-bottom: 4rem
}

.card__description-tabs-item {
    margin-right: 1rem;
    padding: 1.5rem 3.2rem;
    border-radius: 10rem;
    border: .15rem solid #2b5644;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 400;
    color: #2b5644;
    transition: .2s ease-in-out;
    cursor: pointer
}

.card__description-tabs-item.active {
    background-color: #2b5644;
    color: #fff
}

.card__description-tabs-item:last-child {
    margin-right: 0
}

.card__description-text {
    display: none
}

.card__description-text p {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 2rem
}

.card__description-text ul {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 2rem;
    padding-left: 2rem
}

.card__description-text li {
    margin-bottom: .2rem;
    list-style-type: decimal
}

.card__description-text.active {
    display: block
}

.card__form {
    width: 53.3rem;
    height: 59.3rem;
    border-radius: 4rem;
    padding: 4rem 3.2rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/card/fon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden
}

.card__form-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.8rem;
    color: #fff
}

.card__form-title strong {
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.card__form-title span {
    font-size: 1.8rem;
    font-weight: 400
}

.card__form-image {
    position: absolute;
    width: 38.6rem;
    height: 29.3rem;
    bottom: 0;
    right: 0
}

.card__center {
    background-color: #f4f4f4;
    width: 125rem;
    display: flex;
    justify-content: space-between;
    padding: 3.2rem 8.2rem;
    position: absolute;
    top: 79rem;
    left: 0;
    border-radius: 2rem
}

.card__prices {
    width: 28.4rem
}

.card__prices-span {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: .8rem
}

.card__prices-price {
    width: 100%;
    padding-bottom: 1.6rem;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 110%;
    border-bottom: .1rem solid #1d1d1b;
    margin-bottom: 1.6rem
}

.card__prices-text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%
}

.card .mob {
    display: none
}

.card__scale {
    display: flex;
    margin-bottom: 3.2rem
}

.card__scale-block {
    display: flex;
    align-items: center
}

.card__scale-line {
    background-color: #fff
}

.card__scale-line.active {
    background-color: #559479
}

.card__scale-line-one {
    width: 2.6rem;
    height: .6rem;
    border-radius: 2rem 0 0 2rem
}

.card__scale-line-two {
    width: 2.6rem;
    height: .6rem
}

.card__scale-line-three {
    width: 2.6rem;
    height: .6rem
}

.card__scale-line-four {
    width: 4.8rem;
    height: .6rem
}

.card__scale-line-five {
    width: 4.8rem;
    height: .6rem
}

.card__scale-line-six {
    width: 4.8rem;
    height: .6rem
}

.card__scale-circle {
    background-color: #fff;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.card__scale-circle:hover {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .25);
    transition: .2s ease-in-out
}

.card__scale-circle::after {
    width: auto;
    height: auto;
    background: #fff;
    white-space: initial !important
}

.card__scale-circle .card__scale-circle-c {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #559479
}

.card__scale-circle.active {
    background-color: #559479
}

.card__scale-circle.active .card__scale-circle-c {
    background-color: #fff
}

.card__scale-circle-four, .card__scale-circle-five, .card__scale-circle-six {
    width: 2rem;
    height: 2rem
}

.card__retail-desk {
    margin-bottom: 2.1rem
}

.flower-recom__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flower-recom__box {
    width: 39rem;
    padding: 3.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 2rem;
    background-color: #f4f4f4;
    text-align: center
}

.flower-recom__box-icon {
    width: 7.2rem;
    height: 7.2rem;
    margin-bottom: 2.4rem
}

.flower-recom__box-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.2rem
}

.flower-recom__box-text {
    font-size: 1.8rem;
    font-weight: 400;
    width: 29.2rem
}

.flower-recom__box:nth-child(1n) {
    margin-bottom: 4rem
}

.flower-recom__image {
    width: 67.7rem;
    height: 59rem
}

.flower-recom__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about {
    margin-bottom: 6.8rem
}

.about__content {
    display: flex;
    justify-content: space-between
}

.about__text {
    max-width: 80rem;
    width: 100%;
    margin-top: 4.8rem
}

.about__title {
    margin-bottom: 4rem
}

.about__description {
    font-weight: 400;
    font-size: 2rem;
    color: #898485
}

.about__description:not(:last-of-type) {
    margin-bottom: 1rem
}

.about__image {
    max-width: 82rem;
    width: 100%;
    border-radius: 2.4rem
}

.about__image img {
    border-radius: inherit;
    object-fit: cover
}

.about-description__wrapper {
    display: flex;
    position: relative
}

.about-description__image {
    width: 49.6rem;
    height: 57.8rem;
    border-radius: 3rem;
    position: absolute;
    z-index: 2;
    left: 0
}

.about-description__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3rem
}

.about-description__content {
    display: flex;
    flex-direction: column;
    width: 137rem;
    margin-left: auto;
    height: 57.8rem
}

.about-description__title {
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 6rem;
    padding-left: 21.9rem
}

.about-description__text {
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 23rem;
    padding-right: 5rem;
    padding-bottom: 2rem;
    margin-top: auto;
    font-size: 2rem;
    font-weight: 400;
    color: #898485
}

.about-description__text-content {
    display: grid;
    grid-template-columns:1fr 1fr
}

.about-description__text p {
    margin-bottom: 2rem;
    max-width: 53rem
}

.mission {
    margin-bottom: 26rem
}

.mission__content {
    position: relative
}

.mission__info {
    padding: 6rem 12rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    max-width: calc(100% - 14.3rem);
    width: 100%
}

.mission__info-text {
    max-width: 76rem;
    width: 100%
}

.mission__title {
    margin-bottom: 4rem
}

.mission__description {
    font-weight: 400;
    font-size: 2rem;
    color: #898485
}

.mission__description:not(:last-of-type) {
    margin-bottom: 2rem
}

.mission__description:last-of-type {
    margin-bottom: 4rem
}

.mission__blockquote {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #2b5644;
    margin: 0
}

.mission__blockquote p {
    max-width: 67.6rem;
    width: 100%
}

.mission__blockquote footer {
    display: block;
    width: fit-content;
    margin-left: auto
}

.mission__poster {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 67.8rem;
    width: 100%;
    height: 79rem;
    right: 0
}

.mission__poster-image {
    width: 100%;
    height: 100%;
    border-radius: 3rem
}

.mission__poster-image img {
    height: 100%;
    border-radius: inherit;
    object-fit: cover
}

.about-director {
    margin-bottom: 26rem
}

.about-director__wrapper {
    display: flex;
    align-items: flex-end
}

.about-director__content {
    position: relative;
    padding-top: 21.7rem;
    padding-bottom: 1.2rem;
    z-index: 2
}

.about-director__image {
    width: 39rem;
    height: 50.3rem;
    position: absolute;
    z-index: 3;
    bottom: 1.2rem;
    left: 50%;
    transform: translate(-50%, 0)
}

.about-director__block {
    width: 67.7rem;
    height: 28.6rem;
    border-radius: 2.4rem;
    background-color: #559479;
    position: relative;
    overflow: hidden
}

.about-director__block::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 45.5rem;
    border-radius: 50% 50% 0 0;
    background-color: #fff;
    opacity: .2;
    bottom: -24rem;
    z-index: 1
}

.about-director__block::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 45.5rem;
    border-radius: 50% 50% 0 0;
    background-color: #fff;
    opacity: .4;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -27rem;
    z-index: 2
}

.about-director__text {
    width: 110.7rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    height: 31rem;
    z-index: 1;
    left: -6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6.4rem 4rem 7.4rem 13rem
}

.about-director__text-icon {
    position: absolute;
    top: -2.8rem;
    right: 5.2rem;
    max-width: 9.7rem;
    width: 100%;
    height: 8.2rem
}

.about-director__text-icon img {
    height: 100%
}

.about-director__text-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.4rem
}

.about-director__text-title strong {
    display: block;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    letter-spacing: .04em;
    color: #2b5644;
    margin-bottom: 1.4rem
}

.about-director__text-title span {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    color: #898485
}

.about-director__text p {
    width: 89.2rem;
    font-size: 2rem;
    font-weight: 400;
    color: #898485;
    display: block
}

.about-worth__title {
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 12.3rem
}

.about-worth__content {
    position: relative
}

.about-worth__text {
    margin: 0 auto;
    width: 110.6rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    padding: 5rem 6rem;
    position: relative;
    z-index: 2;
    padding-bottom: 12.2rem
}

.about-worth__text-wrap {
    margin-bottom: 11rem;
    width: 74rem;
    font-size: 2rem;
    font-weight: 400;
    color: #898485;
    text-align: left;
    margin-left: auto
}

.about-worth__text-wrap p {
    margin-bottom: 2rem
}

.about-worth__text-wrap p:last-child {
    margin-bottom: 0
}

.about-worth__text-wrap:nth-child(2) {
    margin-right: auto;
    margin-left: initial
}

.about-worth__text-wrap:last-child {
    margin-bottom: 0
}

.about-worth__image {
    width: 52.7rem;
    height: 38.2rem;
    border-radius: 2.4rem;
    position: absolute;
    z-index: 3
}

.about-worth__image img {
    width: 100%;
    height: 100%;
    border-radius: 2.4rem
}

.about-worth__image:nth-child(1) {
    top: -5rem;
    left: 0
}

.about-worth__image:nth-child(2) {
    top: 30.9rem;
    right: 0;
    height: 39.7rem
}

.about-worth__image:nth-child(3) {
    bottom: 7rem;
    left: 0;
    height: 32rem
}

.about-worth__image:nth-child(4) {
    width: 50.5rem;
    height: 63rem;
    top: -19rem;
    right: 0;
    z-index: 1
}

.task__content {
    display: flex;
    justify-content: space-between;
    gap: 4rem
}

.task__info {
    max-width: 57.3rem;
    width: 100%
}

.task__info-list {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.task__info-item {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 2.4rem;
    border-radius: 2rem;
    background-color: #f4f4f4
}

.task__info-item-icon {
    max-width: 7.5rem;
    width: 100%;
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #2b5644
}

.task__info-item-icon img {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem
}

.task__info-item-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em
}

.task__title {
    margin-bottom: 2.8rem
}

.task__description {
    margin-bottom: 4.8rem;
    font-size: 2rem;
    color: #898485
}

.task__image {
    border-radius: 2rem;
    max-width: 62rem;
    width: 100%;
    height: 100%
}

.task__image img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover
}

.task__promotion {
    display: flex;
    flex-direction: column;
    gap: 3.9rem
}

.task__promotion-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: .04em;
    margin-bottom: .8rem;
    display: block
}

.task__promotion-description {
    font-size: 1.8rem;
    margin-bottom: 2.4rem
}

.task__promotion-image {
    max-width: 60.7rem;
    width: 100%;
    height: 100%;
    border-radius: 2rem
}

.task__promotion-image img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover
}

.profile-not {
    display: flex;
    align-items: center
}

.profile-not__image {
    width: 38.8rem;
    height: 38.8rem;
    margin-right: 4rem
}

.profile-not__content {
    width: 47.2rem
}

.profile-not__title {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 1.6rem
}

.profile-not__text {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin-bottom: 4rem;
    color: #898485
}

.profile-not .btn {
    color: #000
}

.placing-an {
    background: #f4f4f4;
    padding: 5rem;
    border-radius: 2.4rem
}

.placing-an__inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.placing-an__prev {
    color: green;
    position: relative;
    padding-left: 3.2rem;
    font-size: 1.6rem;
    font-weight: 400
}

.placing-an__prev::before {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    left: 0;
    background-image: url(/local/templates/mirrey/assets/images/sections/placing-an/prev.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.placing-an__add {
    color: green;
    position: relative;
    padding-right: 2.2rem;
    font-size: 1.6rem;
    font-weight: 400
}

.placing-an__add::before {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    right: 0;
    background-image: url(/local/templates/mirrey/assets/images/sections/placing-an/plus.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.placing-an__box {
    display: flex;
    justify-content: space-between;
    padding: 2.4rem 3.2rem;
    background-color: #fff;
    border-radius: 10rem;
    width: 103.9rem;
    margin-bottom: 2rem
}

.placing-an__box-btn {
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    padding-right: 2rem
}

.placing-an__box-btn::after {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url(/local/templates/mirrey/assets/images/sections/placing-an/caran.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: .3rem
}

.placing-an__box-link {
    color: #22614e;
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
    padding-right: 3rem
}

.placing-an__box-link::after {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-image: url(/local/templates/mirrey/assets/images/sections/placing-an/arrow.svg);
    background-size: 100% 100%;
    right: 0
}

.placing-an__box:last-child {
    margin-bottom: 0
}

.modal-profile {
    content: "";
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 29, 27, .5);
    transition: opacity .8s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

.modal-profile__container {
    background-color: #f4f4f4;
    width: 110.7rem;
    border-radius: 3rem;
    padding: 5rem;
    position: relative
}

.modal-profile__title {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 5.2rem;
    letter-spacing: .04em;
    margin-bottom: 3.2rem
}

.modal-profile__name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: .04em;
    text-align: left;
    margin-bottom: 3.2rem
}

.modal-profile__form-inner {
    display: grid;
    grid-template:repeat(3, 1fr)/repeat(2, 2fr);
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    margin-bottom: 3.2rem
}

.modal-profile__form {
    pointer-events: initial
}

.modal-profile__close {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 5rem;
    right: 5rem;
    cursor: pointer;
    z-index: 10
}

.modal-profile.active {
    display: flex
}

.modal-global {
    content: "";
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 29, 27, .5);
    transition: opacity .8s ease 0s;
    justify-content: center;
    align-items: center;
    display: none
}

.modal-global__container {
    width: 168rem;
    height: 61.7rem;
    position: relative
}

.modal-global__close {
    width: 2.4rem;
    height: 2.4rem;
    top: 3.3rem;
    right: 4.6rem;
    position: absolute;
    z-index: 10
}

.modal-global .consultation__info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal-global .consultation__content {
    height: 61.8rem;
    overflow: hidden
}

.modal-global .consultation__poster-img {
    bottom: -18rem;
    overflow: hidden
}

.modal-global .consultation__poster {
    overflow: hidden
}

.modal-global-phone .consultation__info-title {
    width: 41.3rem;
    margin-bottom: 4.8rem
}

.modal-global.active {
    display: flex
}

.card-modal {
    position: fixed;
    top: 10rem;
    right: 4rem;
    display: none;
    z-index: 1000
}

.card-modal__wrap {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .1490196078);
    background-color: #fff;
    border-radius: 3rem;
    padding: 3.2rem 2rem;
    width: 71rem
}

.card-modal__container {
    overflow-y: scroll;
    padding-right: 1rem;
    max-height: 29rem
}

.card-modal__container::-webkit-scrollbar {
    width: .5rem
}

.card-modal__container::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, .2) inset;
    background-color: #f9f9fd
}

.card-modal__container::-webkit-scrollbar-thumb {
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.25)), color-stop(0.5, transparent), to(transparent));
    border-radius: 4rem
}

.card-modal__box {
    display: flex;
    background-color: #f4f4f4;
    border-radius: 3rem;
    width: 100%;
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    position: relative
}

.card-modal__box:last-child {
    margin-bottom: 0
}

.card-modal__box-close {
    width: 2rem;
    height: 2rem;
    top: 1.6rem;
    right: 1.6rem;
    position: absolute
}

.card-modal__box-image {
    width: 9.6rem;
    min-width: 9.6rem;
    height: 9.6rem;
    border-radius: 2rem;
    margin-right: 1.2rem
}

.card-modal__box-image img {
    width: 100%;
    height: 100%;
    border-radius: 2rem
}

.card-modal__box-title {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    text-align: left;
    margin-bottom: 2.1rem;
    width: 43rem
}

.card-modal__box-inner {
    display: flex;
    flex-direction: column
}

.card-modal__box-wrap {
    display: flex
}

.card-modal__price-inner {
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: .04em;
    text-align: left
}

.card-modal__price {
    margin-left: 2rem
}

.card-modal__btns {
    display: flex;
    justify-content: space-between;
    margin-top: 3.2rem
}

.card-modal .btn__card {
    height: 4rem;
    border: .1rem solid #2b5644;
    padding-left: 1.2rem;
    width: 16rem
}

.card-modal .btn__card svg {
    max-width: 3.4rem;
    width: 100%;
    height: 3.4rem
}

.card-modal__box-price {
    padding: 1.6rem 1.2rem;
    border-radius: 10rem;
    background-color: #fff;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 21.8rem;
    height: 4rem;
    margin-right: 1.2rem
}

.card-modal__close {
    cursor: pointer;
    display: block;
    width: 3rem;
    height: 3rem;
    margin-bottom: 2rem;
    margin-left: auto
}

.card-modal.active {
    display: block !important
}

.not-found__wrapper {
    display: flex;
    align-items: center
}

.not-found__icon {
    width: 38.8rem;
    height: 38.8rem;
    background-color: #fcf3f5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 4.4rem
}

.not-found__icon svg {
    width: 23.5rem;
    height: 12.5rem
}

.not-found__text strong {
    display: block;
    margin-bottom: 1.6rem;
    font-size: 2.8rem;
    font-weight: 600
}

.not-found__text p {
    width: 47.2rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.3rem;
    text-align: left;
    margin-bottom: 4rem
}

.not-found__btn {
    color: #000
}

.person-profile {
    background-color: #f4f4f4;
    padding: 5rem;
    border-radius: 3rem
}

.person-profile__inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.person-profile__title {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: .04em;
    text-align: left
}

.person-profile__plus {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    position: relative;
    padding-right: 2.5rem
}

.person-profile__plus::before {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/mirrey/assets/images/icons/pluss.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 50%;
    transform: translate(0, -50%);
    right: 0
}

.person-profile__box {
    display: flex;
    margin-bottom: 2rem;
    background-color: #fff;
    padding: 2.4rem 3.2rem 2.4rem 3.2rem;
    border-radius: 2rem;
    justify-content: space-between
}

.person-profile__box-edit {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: .04em;
    text-align: left;
    position: relative;
    padding-right: 2.5rem;
    cursor: pointer
}

.person-profile__box-edit::before {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url(/local/templates/mirrey/assets/images/icons/pancel.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.person-profile__box__link {
    display: flex;
    align-items: center
}

.person-profile__box__link span {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    text-align: left;
    margin-right: 1.6rem
}

.person-profile__box__link svg {
    width: 2rem;
    height: 2rem
}

figure {
    margin: 0
}

.banner__content {
    padding: 7rem;
    background: #559479;
    position: relative;
    border-radius: 6rem;
    overflow: hidden;
    color: #fff
}

.banner__content::after {
    content: "";
    position: absolute;
    left: -37rem;
    bottom: -52rem;
    max-width: 71rem;
    width: 100%;
    height: 71rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.banner__content::before {
    content: "";
    position: absolute;
    left: 61rem;
    top: -49rem;
    max-width: 73rem;
    width: 100%;
    height: 73rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.banner__title {
    margin-bottom: 2rem
}

.banner__description {
    margin-bottom: 4rem;
    max-width: 65rem;
    width: 100%
}

.banner__info {
    position: relative;
    max-width: 96.6rem;
    z-index: 1
}

.banner__info-text {
    max-width: 71.5rem;
    width: 100%
}

.banner__info-offer {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4.4rem 3.9rem;
    border-radius: 50%;
    background-color: #e29aa8;
    right: 0;
    bottom: -2.8rem;
    text-align: center;
    align-items: center;
    max-width: 23.8rem;
    width: 100%;
    height: 23.8rem;
    z-index: 1
}

.banner__info-offer-title {
    white-space: nowrap
}

.banner__info-offer-subtitle {
    font-size: 1.7rem
}

.banner__poster {
    position: absolute;
    right: -5.6rem;
    height: 100%;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 80.4rem;
    width: 100%;
    height: 80.4rem
}

.banner__poster img {
    border-radius: inherit;
    object-fit: contain;
    height: 100%
}

.variants__title {
    margin-bottom: 4.8rem
}

.variants__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.recommendations .swiper-slide {
    height: unset
}

.receipts__cards {
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

.receipts__card .receipts__card-top-image {
    overflow: hidden
}

.receipts__card .receipts__card-top-image img {
    transform: scale(1.01);
    transition: transform 1s ease
}

.receipts .swiper-slide .receipts__card-bottom-icon {
    transition: transform .5s ease
}

.news__cards {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.news .swiper-slide .news__card-publication-icon {
    transition: transform .5s ease
}

.consultation_cp .consultation__poster-img {
    bottom: -17rem;
    width: 57.4rem
}

.consultation + section {
    position: relative;
    z-index: 5
}

.consultation__content {
    position: relative;
    border-radius: 6rem;
    background-color: #f4f4f4;
    display: flex;
    justify-content: space-between;
    gap: 3.6rem
}

.consultation__info {
    position: relative;
    z-index: 2;
    padding: 5rem;
    max-width: 82.4rem;
    width: 100%
}

.consultation__info-title {
    margin-bottom: 2rem
}

.consultation__info-text {
    margin-bottom: 4.8rem;
    max-width: 48.3rem;
    width: 100%
}

.consultation__info-form .input {
    margin-bottom: 2.4rem
}

.consultation__info-form-button {
    margin-top: 1.6rem
}

.consultation__poster {
    position: relative;
    max-width: 82rem;
    width: 100%;
    background-color: #559479;
    border-radius: 0 6rem 6rem 0;
    user-select: none
}

.consultation__poster::before, .consultation__poster::after {
    content: "";
    position: absolute;
    width: 87rem;
    height: 87rem;
    background-color: #fff;
    opacity: .2;
    border-radius: 50%;
    transition: transform 1s ease
}

.consultation__poster::before {
    bottom: -35rem;
    left: -11rem
}

.consultation__poster::after {
    bottom: -32rem;
    left: 2rem
}

.consultation__poster-img {
    position: absolute;
    z-index: 2;
    bottom: -28rem;
    left: 18rem;
    width: 49.4rem;
    height: 76.2rem;
    transition: transform 1s ease
}

.consultation__data {
    width: 86rem;
    border-radius: 0 6rem 6rem 0;
    overflow: hidden;
    background-color: #559479;
    position: relative
}

.consultation__data::after {
    position: absolute;
    content: "";
    width: 48.3rem;
    height: 48.3rem;
    background-color: #f4f4f4;
    opacity: .2;
    z-index: 1;
    right: -8rem;
    bottom: -24rem;
    border-radius: 50%
}

.consultation__data::before {
    position: absolute;
    content: "";
    width: 39.7rem;
    height: 39.7rem;
    background-color: #f4f4f4;
    opacity: .2;
    z-index: 1;
    left: -10rem;
    top: -23rem;
    border-radius: 50%
}

.consultation__data-bf {
    position: absolute;
    width: 48.9rem;
    height: 22.5rem;
    top: -10rem;
    right: -14rem
}

.consultation__data-bf-two {
    width: 27.7rem;
    height: 14.5rem;
    position: absolute;
    bottom: -2rem;
    left: 15.4rem
}

.consultation__data-content {
    padding-top: 5.2rem;
    padding-left: 7.2rem
}

.consultation__data-content-title {
    font-size: 4.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: #fff
}

.consultation__data-content-lists li {
    margin-bottom: 3.6rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    list-style-type: none
}

.consultation__data-content-lists span {
    color: #f4f4f4;
    font-weight: 400;
    padding-right: .2rem
}

.consultation__data-content-lists li:last-child {
    margin-bottom: 0
}

.consultation__data-image img {
    position: absolute;
    width: 43rem;
    height: 45rem;
    z-index: 2;
    top: 27rem;
    right: 0
}

.categories__title {
    margin-bottom: 6rem
}

.categories__content {
    position: relative
}

.categories__banner {
    border-radius: 4rem;
    background-color: #559479;
    padding: 6.6rem 4.8rem;
    position: relative;
    color: #fff;
    overflow: hidden;
    margin-bottom: 6rem;
    display: block
}

.categories__banner::after {
    content: "";
    position: absolute;
    left: -32rem;
    bottom: -57rem;
    max-width: 71rem;
    width: 100%;
    height: 71rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.categories__banner::before {
    content: "";
    position: absolute;
    left: 71rem;
    top: -59rem;
    max-width: 73rem;
    width: 100%;
    height: 73rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    z-index: 2
}

.categories__banner-text {
    max-width: 76.2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
    z-index: 3
}

.categories__banner-poster {
    position: absolute;
    right: 0rem;
    height: 100%;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 60rem;
    width: 100%;
    height: 24rem;
    z-index: 2
}

.categories__banner-poster img {
    border-radius: inherit;
    object-fit: contain;
    height: 100%
}

.categories__cards {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 6rem 4rem
}

.categories__card {
    padding: 3.2rem;
    border-radius: 3rem;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    position: relative
}

.categories__card-image {
    border-radius: 2rem;
    height: 43.6rem;
    margin-bottom: 3.2rem
}

.categories__card-image img {
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}

.categories__card-title {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: .04em;
    margin-bottom: 1.2rem
}

.categories__card-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.categories__card-info-link span {
    font-weight: 700
}

.categories__card-detailed {
    padding: 3.2rem;
    border-radius: 3rem;
    background-color: #559479;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.categories__card-detailed::after {
    content: "";
    position: absolute;
    background-image: url("/local/templates/mirrey/./assets/images/sections/catalog/catalog-category-detailed-background.svg");
    background-repeat: no-repeat;
    right: -26.3rem;
    bottom: 1rem;
    width: 51.9rem;
    height: 27.6rem;
    z-index: -1;
    background-size: contain
}

.categories__card-detailed-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #fff;
    margin-bottom: 2.4rem;
    width: 100%
}

.categories__card-detailed-heading-title {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 120%;
    letter-spacing: .04em;
    color: #fff
}

.categories__card-detailed-heading-icon {
    max-width: 2.8rem;
    width: 100%;
    height: 2.8rem
}

.categories__card-detailed-heading-icon svg {
    width: 100%;
    height: 100%
}

.categories__card-detailed-heading-icon svg path {
    stroke: #fff
}

.categories__card-detailed-list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.categories__card-detailed-item a {
    display: inline-block;
    width: fit-content
}

.catalog__heading {
    margin-bottom: 7rem
}

.catalog__heading-title {
    display: inline-block
}

.catalog__heading-title sub {
    color: #898485
}

.catalog__heading-price {
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: .8rem
}

.catalog__heading-price-title {
    color: #898485
}

.catalog__heading-price-text {
    color: #e29aa8
}

.catalog__categories {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8rem
}

.catalog__categories-list {
    max-width: 151.5rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem
}

.catalog__categories-list-item a {
    padding: 2.4rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border-radius: 2.4rem;
    background-color: #f4f4f4
}

.catalog__categories-list-item-icon {
    max-width: 6rem;
    width: 100%;
    height: 6rem;
    border-radius: 50%
}

.catalog__categories-list-item-icon img {
    border-radius: inherit;
    object-fit: cover;
    height: 100%
}

.catalog__categories-list-item-text {
    display: flex;
    align-items: flex-start;
    gap: .8rem
}

.catalog__categories-list-item-text sup {
    font-size: 1.4rem;
    line-height: 120%;
    text-transform: uppercase;
    color: #898485
}

.catalog__categories-button {
    margin-top: 4rem;
    display: none;
}

.catalog__products {
    display: flex;
    justify-content: space-between
}

.catalog__filters {
    max-width: 39rem;
    width: 100%
}

.catalog__filters-sample {
    margin-bottom: 5.2rem
}

.catalog__filters-sample-heading {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    gap: .8rem
}

.catalog__filters-sample-icon {
    max-width: 2.4rem;
    width: 100%;
    height: 2.4rem
}

.catalog__filters-sample-fields {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.catalog__filters-block {
    transition: .3s margin-bottom ease;
    border-bottom: 1px solid rgba(137, 132, 133, .5);
}

.catalog__filters-block.--active > .catalog__filters-block-heading figure {
    transform: rotate(-180deg)
}

.catalog__filters-block.--active > .catalog__filters-block-heading span {
    color: #2b5644
}

.catalog__filters-block.--active > .catalog__filters-fields-wrapper {
    grid-template-rows:1fr
}

.catalog__filters-block:first-child .catalog__filters-block-heading {
    border-top: 1px solid rgba(137, 132, 133, .5);
}

.catalog__filters-block-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
}

.catalog__filters-block-heading-title {
    transition: .3s color ease
}

.catalog__filters-block-heading-icon {
    max-width: 2.8rem;
    cursor: pointer;
    width: 100%;
    height: 2.8rem;
    transition: .3s transform ease
}

.catalog__filters-block-nested {
    margin-left: 10px;
    position: relative
}

.catalog__filters-block-nested:has(.catalog__filters-block-nested-wrapper .catalog__filters-block-nested-wrapper)::after {
    opacity: 1
}

.catalog__filters-block-nested::after {
    content: "";
    position: absolute;
    width: .1rem;
    left: 0;
    height: calc(100% - 4.5rem);
    top: 2.7rem;
    opacity: 0;
    transition: .3s opacity ease-out;
    background-image: repeating-linear-gradient(2deg, rgba(137, 132, 133, 0.4), rgba(137, 132, 133, 0.4) 1.5rem, transparent 1.5rem, transparent 2.8rem, rgba(137, 132, 133, 0.4) 2.8rem), repeating-linear-gradient(92deg, rgba(137, 132, 133, 0.4), rgba(137, 132, 133, 0.4) 1.5rem, transparent 1.5rem, transparent 2.8rem, rgba(137, 132, 133, 0.4) 2.8rem), repeating-linear-gradient(182deg, rgba(137, 132, 133, 0.4), rgba(137, 132, 133, 0.4) 1.5rem, transparent 1.5rem, transparent 2.8rem, rgba(137, 132, 133, 0.4) 2.8rem), repeating-linear-gradient(272deg, rgba(137, 132, 133, 0.4), rgba(137, 132, 133, 0.4) 1.5rem, transparent 1.5rem, transparent 2.8rem, rgba(137, 132, 133, 0.4) 2.8rem);
    background-size: .1rem 100%, 100% .1rem, .1rem 100%, 100% .1rem;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat
}

.catalog__filters-block-nested.--active > .catalog__filters-block-nested-wrapper {
    grid-template-rows:1fr
}

.catalog__filters-block-nested.--active > .catalog__filters-block-nested-heading figure {
    transform: rotate(-180deg)
}

.catalog__filters-block-nested-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 1.6rem;
}

.catalog__filters-block-nested-heading .catalog__filters-block-heading-title {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 120%;
}

.catalog__filters-block-nested-wrapper {
    display: grid;
    grid-template-rows:0fr;
    transition: grid-template-rows 500ms, .5s padding ease
}

.catalog__filters-block-nested-content {
    overflow: hidden;
    background: url("/local/templates/mirrey/./assets/images/filter_bg.svg") repeat-y left top;
    padding-left: 0.8rem;
    margin-bottom: 0rem;
}

.--active .catalog__filters-fields-content {
    transition: 0.5s
}

.catalog__filters-fields-content {
    overflow: hidden;
    background: url("/local/templates/mirrey/./assets/images/filter_bg.svg") repeat-y left top;
    transition: 0.5s;
    padding-left: 0.8rem;
}

.catalog__filters-field:not(:last-child) {
    margin-left: 10px;
    margin-bottom: 1.6rem
}

.catalog__filters-field:last-child:last-child {
    margin-bottom: 0;
}

.catalog__filters-field:last-child {
    margin-left: 10px;
    margin-bottom: 2rem
}

.catalog__filters-blocks {
    margin-bottom: 5.2rem;
    color: #3C3C3C;
}

.catalog__filters-category {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-bottom: 5.2rem
}

.catalog__filters-category-title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    letter-spacing: .04em;
    color: #3c3c3c
}

.catalog__filters-category .catalog__filters-fields-wrapper {
    grid-template-rows:1fr;
    border-bottom: 1px solid rgba(137, 132, 133, 1)
}

.catalog__filters-category .catalog__filters-field:last-child {
    margin-bottom: 0
}

.catalog__filters-slide {
    margin-bottom: 5.2rem
}

.catalog__filters-slide-title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    letter-spacing: .04em;
    display: block;
    margin-bottom: 2.4rem
}

.catalog__filters-slide-fields {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5.3rem;
    position: relative
}

.catalog__filters-slide-fields::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.3rem;
    height: .1rem;
    background-color: #898485
}

.catalog__filters-slide-fields label {
    flex: 1 1 100%;
    display: block
}

.catalog__filters-slide-fields label input {
    width: 100%;
    padding: 1.6rem;
    border: .1rem solid rgba(137, 132, 133, .5);
    border-radius: 3rem
}

.catalog__filters-slide-fields label input, .catalog__filters-slide-fields label input::placeholder {
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485
}

.catalog__filters-buttons {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: center
}

.catalog__filters-button {
    width: 100%
}

.catalog__filters-button.--reset {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    justify-content: center;
    color: #2b5644;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
    visibility: hidden
}

.catalog__filters-button.--reset.--active {
    visibility: visible
}

.catalog__filters-button-icon {
    max-width: 2rem;
    width: 100%;
    height: 2rem
}

.catalog__content {
    max-width: 125rem;
    width: 100%
}

.catalog__sample {
    margin-bottom: 4.4rem
}

.catalog__sample-title {
    display: block;
    margin-bottom: 2.4rem
}

.catalog__sample-navigation {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem
}

.catalog__sample-list {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    max-width: 108.5rem;
    width: 100%
}

.catalog__sample-item a {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .8rem 2rem;
    border-radius: 10rem;
    background-color: #f4f4f4
}

.catalog__sample-item-text {
    color: #1d1d1b;
    font-weight: 500
}

.catalog__sample-item sub {
    color: #898485
}

.catalog__sample-button {
    margin-top: .6rem
}

.catalog__sorting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.4rem
}

.catalog__sorting-fields {
    display: flex;
    align-items: center;
    gap: 4rem
}

.catalog__sorting-field {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.catalog__sorting-field-title {
    color: #898485
}

.catalog__sorting-field .dropdowns {
    margin: 0
}

.catalog__sorting-field .select__value {
    padding: .8rem 4rem;
    border-radius: 5rem;
    border: .1rem solid #2b5644;
    height: 4rem
}

.catalog__sorting-field .select__value .select__content {
    font-size: 1.8rem;
    color: #3c3c3c
}

.catalog__sorting-field .select__options {
    border-radius: 2.4rem;
    border: .1rem solid #2b5644;
    padding: 4rem 2rem 2rem 2rem;
    top: calc(100% - 3rem)
}

.catalog__sorting-field .select__options .select__option {
    padding: 0 0 1.2rem;
    display: block;
    width: fit-content;
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b
}

.catalog__cards {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 4rem;
    margin-bottom: 4rem
}

.catalog__cards .--grid .catalog__promotion-card-heading-icon {
    transition: transform .5s ease
}

.catalog__promotion-card {
    border-radius: 3rem;
    background-color: #f4f4f4;
    padding: 3.2rem 2.4rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.catalog__promotion-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .5rem;
    border-bottom: .1rem solid #2b5644;
    margin-bottom: 1.2rem
}

.catalog__promotion-card-heading strong {
    color: #e29aa8
}

.catalog__promotion-card-heading-icon {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem
}

.catalog__promotion-card-subtitle {
    display: block;
    margin-bottom: 5.6rem
}

.catalog__promotion-card-image {
    border-radius: 50%;
    max-width: calc(100% - 6rem);
    height: 28rem;
    margin: 0 auto 5.7rem
}

.catalog__promotion-card-image img {
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}

.catalog__load-more {
    width: 100%;
    padding: 2.65rem;
    border: .1rem solid #f4f4f4;
    margin-bottom: 4rem
}

.seo__content {
    display: flex;
    gap: 4rem
}

.seo__text {
    flex: 1 1 50%
}

.seo__text p:not(:last-of-type) {
    margin-bottom: 2.5rem
}

.seo__showmore-button {
    margin-top: 2.8rem
}

.seo__title {
    margin-bottom: 4.4rem
}

.seo__image {
    flex: 1 1 50%;
    border-radius: 3.6rem;
    height: 44rem
}

.seo__image img {
    height: 100%;
    object-fit: cover;
    border-radius: inherit
}

.cooperation__title {
    margin-bottom: 6rem
}

.cooperation__content {
    display: flex;
    justify-content: space-between
}

.cooperation__text {
    max-width: 66.8rem;
    width: 100%
}

.cooperation__description {
    color: #898485
}

.cooperation__description:not(:last-child) {
    margin-bottom: 2.2rem
}

.cooperation__promotion {
    display: flex;
    flex-direction: column;
    max-width: 85.7rem;
    width: 100%;
    margin-top: -3.1rem
}

.cooperation__promotion-top {
    display: flex;
    gap: 4rem
}

.cooperation__promotion-block {
    background-color: #f4f4f4;
    border-radius: 2.4rem;
    position: relative
}

.cooperation__promotion-block-subtitle {
    color: #898485
}

.cooperation__promotion-block:not(.--image) {
    padding: 5.2rem 4.8rem;
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    flex: 1 1 39.2rem
}

.cooperation__promotion-block.--image {
    flex: 0 1 24.6rem
}

.cooperation__promotion-block-image {
    position: absolute;
    width: 100%;
    bottom: 0
}

.pricing__title {
    margin-bottom: 5rem
}

.pricing__contacts {
    padding: 3.2rem;
    border-radius: 3rem;
    background-color: #559479;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin-top: 4rem;
    position: relative;
    overflow: hidden
}

.pricing__contacts::after {
    content: "";
    position: absolute;
    max-width: 79.2rem;
    width: 100%;
    height: 64.4rem;
    border-radius: 50%;
    left: -32.8rem;
    top: -42.4rem;
    z-index: 0;
    background-color: rgba(255, 255, 255, .2)
}

.pricing__contacts::before {
    content: "";
    position: absolute;
    max-width: 63.8rem;
    width: 100%;
    height: 64.4rem;
    border-radius: 50%;
    right: -16.2rem;
    bottom: -41.3rem;
    z-index: 0;
    background-color: rgba(255, 255, 255, .2)
}

.pricing__contacts-text {
    max-width: 55.6rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    position: relative;
    z-index: 2
}

.pricing__contacts-list {
    display: flex;
    align-items: center;
    gap: 8rem;
    position: relative;
    z-index: 2
}

.pricing__contacts-item {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.pricing__contacts-item-icon {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%
}

.pricing__contacts-item-icon img {
    width: 4rem;
    height: 4rem
}

.pricing__contacts-item-text {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.benefits__content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.benefits__text {
    max-width: 67.6rem;
    width: 100%
}

.benefits__title {
    margin-bottom: 6rem
}

.benefits__description span {
    color: #2b5644;
    font-weight: 600
}

.benefits__list {
    display: grid;
    grid-template-columns:repeat(2, 39rem);
    gap: 4rem
}

.benefits__item {
    padding: 3.2rem;
    background-color: #f4f4f4;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 3rem
}

.benefits__item-discard {
    max-width: 8rem;
    width: 100%;
    height: 8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e29aa8;
    color: #fff
}

.feature__content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.feature__poster {
    max-width: 67.7rem;
    width: 100%;
    height: 53.2rem
}

.feature__poster img {
    height: 100%
}

.feature__text {
    max-width: 67.7rem;
    width: 100%;
    margin-right: 14.3rem
}

.feature__title {
    margin-bottom: 6rem
}

.feature__description {
    color: #898485
}

.feature__description span {
    color: #559479;
    font-weight: 600
}

.feature__description strong {
    color: #1d1d1b
}

.feature__description:not(:last-child) {
    margin-bottom: 2rem
}

.feature__description:last-of-type {
    margin-bottom: 6rem
}

.figuration__slider {
    overflow: visible !important
}

.figuration__slider .swiper-slide {
    height: unset
}

.figuration__title {
    margin-bottom: 2rem
}

.figuration__subtitle {
    display: block;
    margin-bottom: 4.8rem
}

.figuration__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.figuration__item {
    border-radius: 3.2rem;
    background-color: #f4f4f4;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 2;
    height: 100%
}

.figuration__item:not(:has(.figuration__item-wrapper)) {
    overflow: hidden;
    padding: 3.2rem
}

.figuration__item:not(:has(.figuration__item-wrapper))::after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 79.2rem;
    height: 64.4rem;
    z-index: -1;
    border-radius: 50%;
    opacity: .7
}

.figuration__item-wrapper {
    overflow: hidden;
    position: relative;
    padding: 3.2rem;
    padding-bottom: 9.4rem;
    height: 100%
}

.figuration__item-wrapper::after {
    content: "";
    position: absolute;
    width: 79.2rem;
    height: 64.4rem;
    background-color: #fff;
    z-index: -1;
    border-radius: 50%;
    opacity: .7;
    bottom: -30rem;
    right: -40.6rem
}

.figuration__item .header__phone {
    width: fit-content;
    position: absolute;
    bottom: 3.2rem;
    left: 3.2rem
}

.figuration__item .header__phone-btn {
    background-color: #e29aa8
}

.figuration__item .header__phone-list.show {
    border-color: #e29aa8
}

.figuration__item:nth-child(1)::after {
    left: -36.4rem;
    top: -39.3rem
}

.figuration__item:nth-child(3)::after {
    top: -35.7rem;
    right: -37.4rem
}

.figuration__item-icon {
    display: block;
    margin-left: auto;
    max-width: 6rem;
    width: 100%;
    height: 6rem;
    margin-bottom: 2rem
}

.figuration__item-counter {
    display: block;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: .1rem solid #1d1d1b
}

.figuration__item-description {
    margin-bottom: 4rem
}

.figuration__item-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.figuration__item-bottom-icon {
    max-width: 5.6rem;
    width: 100%;
    height: 5.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e29aa8
}

.figuration__item-bottom-icon img {
    width: 2.8rem;
    height: 2.8rem
}

.figuration__item-link {
    width: fit-content;
    padding: 1.65rem 9.1rem;
    margin-top: auto
}

.favorites__title {
    margin-bottom: 4.4rem;
    display: flex;
    align-items: flex-start;
    gap: 2rem
}

.favorites__title sup {
    color: #898485
}

.favorites__subtitle {
    margin-bottom: 3.2rem
}

.favorites__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 4rem
}

.promotions__title {
    margin-bottom: 6rem
}

.promotions__cards {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 4rem
}

.promotions__card {
    padding: 2rem;
    justify-content: space-between;
    border-radius: 2.4rem;
    display: flex;
    gap: 2rem;
    background-color: #f4f4f4;
    height: 100%;
    transition: box-shadow .5s ease, transform 1s ease
}

.promotions__card .promotions__card-icon {
    transition: transform .5s ease
}

.news-page .promotions__card .promotions__card-date {
    font-size: 1.6rem;
    line-height: 120%;
    color: #898485;
    margin-bottom: 0
}

.news-page .promotions__card .promotions__card-image {
    flex-shrink: 0
}

.news-page .promotions__card .promotions__card-title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    letter-spacing: .04em;
    display: block;
    margin-bottom: 2rem
}

.news-page .promotions__card .promotions__card-description {
    font-weight: 400;
    font-size: 2rem;
    -webkit-line-clamp: 1 !important;
    color: #898485
}

.news-page .promotions__card .promotions__card-button {
    margin-top: auto;
    width: fit-content;
    background-color: #2b5644;
    color: #fff
}

.promotions__card-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.promotions__card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .4rem;
    margin-bottom: 1.2rem;
    border-bottom: .1rem solid #2b5644
}

.promotions__card-discard {
    color: #e29aa8
}

.promotions__card-icon {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem
}

.promotions__card-date {
    display: block;
    margin-bottom: 6.3rem
}

.promotions__card.--large {
    grid-row: 2/4;
    background-color: #559479;
    padding: 5rem;
    position: relative;
    z-index: 2;
    flex-direction: column;
    gap: 0;
    overflow: hidden
}

.promotions__card.--large::after, .promotions__card.--large::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    z-index: -2
}

.promotions__card.--large::after {
    max-width: 32.9rem;
    width: 100%;
    height: 32.9rem;
    left: -16.4rem;
    top: -3.4rem
}

.promotions__card.--large::before {
    max-width: 66rem;
    width: 100%;
    height: 66.2rem;
    bottom: -15.2rem;
    right: -19.4rem
}

.promotions__card.--large .promotions__card-image {
    position: absolute;
    inset: 0;
    z-index: -1;
    max-width: 100%;
    height: 100%
}

.promotions__card.--large .promotions__card-title {
    margin-bottom: 2rem;
    margin-top: auto;
    font-size: 4.8rem !important;
    color: #fff !important
}

.promotions__card.--large .promotions__card-description {
    margin-bottom: 4rem;
    font-size: 1.8rem;
    color: #fff !important
}

.promotions__card.--large .promotions__card-link {
    width: fit-content
}

.promotions__card-description:not(.--large .promotions__card-description) {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.promotions__card-image {
    max-width: 36.4rem;
    width: 100%;
    height: 30.8rem;
    border-radius: 1.6rem
}

.promotions__card-image img {
    border-radius: inherit;
    object-fit: cover;
    height: 100%
}

.contacts__title {
    margin-bottom: 3.6rem
}

.contacts__list {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

.contacts__item {
    position: relative
}

.contacts__item-card {
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    max-width: 109.2rem;
    width: 100%;
    padding: 4rem 9rem 4rem 4rem;
    min-height: 49.1rem;
    display: flex;
    flex-direction: column
}

.contacts__item-title {
    display: block;
    margin-bottom: 5.2rem
}

.contacts__item-subtitle {
    display: block;
    margin-bottom: 1.2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 120%;
    margin-top: auto
}

.contacts__item-communication-list {
    display: grid;
    grid-template-columns:repeat(2, 43.3rem);
    gap: 2.8rem;
    justify-content: space-between
}

.contacts__item-communication-item {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem
}

.contacts__item-communication-item-icon {
    max-width: 8rem;
    width: 100%;
    height: 8rem;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.contacts__item-communication-item-icon img {
    max-width: 4rem;
    width: 100%;
    height: 4rem
}

.contacts__item-communication-item-info {
    display: flex;
    flex-direction: column
}

.contacts__item-communication-item-info strong {
    display: block;
    margin-bottom: .8rem
}

.contacts__item-communication-item-info a {
    color: #898485;
    transition: .3s color ease
}

.contacts__item-communication-item-info a:hover {
    color: #559479
}

.contacts__item-communication-item-info p {
    color: #898485
}

.contacts__item-connection-list {
    display: flex;
    gap: 1.2rem
}

.contacts__item-connection-item {
    border-radius: 50%;
    transition: box-shadow .5s ease, transform 1s ease;
    max-width: 5.2rem;
    width: 100%;
    height: 5.2rem
}

.contacts__item-connection-item svg {
    height: 100%;
    width: 100%
}

.contacts__item-bottom {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-top: auto;
    padding: 1.2rem;
    border-radius: 10rem;
    background-color: #fff;
    width: fit-content;
    cursor: pointer
}

.contacts__item-bottom-icon {
    max-width: 3.2rem;
    width: 100%;
    height: 3.2rem;
    transition: .3s transform ease-out
}

.contacts__item-bottom-icon img {
    height: 100%
}

.contacts__item-bottom p {
    font-weight: 600
}

.contacts__item-map {
    position: absolute;
    border-radius: 2.4rem;
    max-width: 71.6rem;
    width: 100%;
    height: 46.7rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.contacts__item-map .map {
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.contacts__item-map .map [class*=-container] {
    border-radius: inherit
}

.contacts__item-map .map .marker {
    width: 3.6rem;
    height: 3.6rem;
    background-color: #2b5644;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.contacts__item-map .map .marker img {
    max-width: 1.4rem;
    width: 100%;
    height: 2.2rem
}

.connection__title {
    margin-bottom: 4.8rem
}

.connection__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 4rem
}

.connection__item a {
    padding: 3.6rem;
    background-color: #f4f4f4;
    border-radius: 2.4rem;
    display: flex;
    align-items: center;
    gap: 2.4rem;
    transition: box-shadow .5s ease, transform 1s ease
}

.connection__item-icon {
    max-width: 7rem;
    width: 100%;
    height: 7rem
}

.connection__item-icon img {
    height: 100%
}

.connection__item-title {
    font-weight: 600
}

.payment__content .tabs {
    max-width: 100%;
    margin: 0;
    position: relative
}

.payment__content .tabs__navigation {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: initial;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 47rem;
    width: 100%
}

.payment__content .tabs__navigation .tabs__title {
    max-width: 39rem;
    width: 100%;
    padding: .6rem;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: .3s background ease-out
}

.payment__content .tabs__navigation .tabs__title._is-active {
    background: #559479
}

.payment__content .tabs__navigation .tabs__title._is-active span {
    color: #fff
}

.payment__content .tabs__navigation .tabs__title._is-active span svg path {
    fill: #e29aa8
}

.payment__content .tabs__navigation .tabs__title._is-active span:first-child {
    background: #fff
}

.payment__content .tabs__navigation .tabs__title span {
    transition: .3s color ease-out, .3s background ease-out
}

.payment__content .tabs__navigation .tabs__title svg path {
    transition: .3s fill ease-out
}

.payment__content .tabs__content {
    max-width: 96.3rem;
    width: 100%;
    margin-left: auto;
    padding-top: 1.7rem
}

.payment__content .tabs__content ol, .payment__content .tabs__content ul {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    line-height: 140%;
    padding-left: 2.5rem;
    margin: 0 0 1rem
}

.shipping-page .payment__content .tabs__content ol, .shipping-page .payment__content .tabs__content ul {
    margin-bottom: 4rem
}

.payment__content .tabs__content p {
    font-size: 1.8rem;
    line-height: 140%
}

.payment__title {
    margin-bottom: 5rem
}

.payment__tabs-title {
    display: block;
    margin-bottom: 4rem
}

.payment__tabs-title:not(:first-of-type) {
    margin-top: 6rem
}

.payment__tabs-subtitle {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 140%
}

.payment__tabs-banner {
    position: relative;
    height: 46.4rem;
    border-radius: 6rem;
    background-color: #559479;
    margin-top: 6rem;
    overflow: hidden
}

.payment__tabs-banner::after {
    content: "";
    position: absolute;
    background-image: url("/local/templates/mirrey/./assets/images/sections/payment/decor-element-1.svg");
    left: .5rem;
    top: .1rem;
    z-index: 3;
    width: 34.4rem;
    height: 20.1rem
}

.payment__tabs-banner::before {
    content: "";
    position: absolute;
    background-image: url("/local/templates/mirrey/./assets/images/sections/payment/decor-element-2.svg");
    width: 34.4rem;
    height: 20.1rem;
    bottom: -1rem;
    right: -10.9rem;
    z-index: 3
}

.payment__tabs-banner-content {
    position: relative;
    z-index: 1
}

.payment__tabs-banner-content::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    opacity: .2;
    max-width: 73.1rem;
    width: 100%;
    height: 73.3rem;
    left: -32.9rem;
    bottom: -93.2rem;
    z-index: -1
}

.payment__tabs-banner-content::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    opacity: .2;
    max-width: 73.1rem;
    width: 100%;
    height: 73.3rem;
    top: -48.4rem;
    right: -22.7rem;
    z-index: -1
}

.payment__tabs-banner-image {
    position: absolute;
    max-width: 73.6rem;
    width: 100%;
    height: 66.4rem;
    z-index: 3;
    animation: car-drive 1s forwards;
    animation-delay: .3s;
    right: -25.5rem;
    top: -25rem
}

.payment__tabs-banner-image img {
    object-fit: cover;
    height: 100%
}

@keyframes car-drive {
    to {
        transform: translate(-31rem, 9rem);
        @media (max-width: 767px) {
            transform: translate(-24rem, 5rem)
        }
    }
}

.articles__title {
    margin-bottom: 6rem
}

.detailed {
    margin-bottom: 21rem
}

.detailed__content {
    margin-top: 4.8rem
}

.detailed__info {
    width: 100%
}

.detailed__text-block {
    margin-bottom: 3.6rem
}

.detailed__text-block .detailed__title {
    margin-bottom: 3.2rem
}

.detailed__text-block .detailed__title:not(h1) {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    letter-spacing: .04em;
    color: #1d1d1b
}

.detailed__text-block .detailed__description:not(:last-of-type) {
    margin-bottom: 2rem
}

.detailed .detailed__text-block ol, .detailed .detailed__text-block ul {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    padding-left: 2rem
}

.detailed ol li, .detailed detailed__text-block ul li {
    font-weight: 400;
    font-size: 2rem;
    color: #898485;
    position: relative
}

.detailed detailed__text-block ol li::after, .detailed detailed__text-block ul li::after {
    content: "";
    position: absolute;
    left: -1rem;
    border-radius: 50%;
    background-color: #898485;
    top: 1rem;
    width: .4rem;
    height: .4rem
}

.detailed__date {
    font-weight: 400;
    font-size: 1.8rem;
    color: #898485;
    display: block;
    margin-bottom: 2.4rem
}

.detailed__title {
    margin-bottom: 3.2rem
}

.detailed__description {
    font-weight: 400;
    font-size: 2rem;
    color: #898485
}

.detailed__description:not(:last-of-type) {
    margin-bottom: 2rem
}

.detailed__subtitle {
    font-weight: 400;
    font-size: 2rem;
    color: #898485;
    display: block;
    margin-top: 2rem
}

.detailed__link {
    margin-top: 6rem
}

.detailed__image {
    max-width: 82rem;
    width: 100%;
    border-radius: 2.4rem;
    height: 68rem;
    float: right;
    margin-left: 6rem;
    margin-bottom: 2rem
}

.detailed__image img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover
}

.detailed .products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.products__title {
    margin-bottom: 4.8rem
}

.products__navigation {
    margin-bottom: 4.8rem;
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.products__navigation-button {
    width: fit-content;
    padding: 1.5rem 3.2rem;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #2b5644;
    border-radius: 10rem;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s background-color ease-out, .3s color ease-out
}

.products__navigation-button.--active {
    background-color: #2b5644;
    color: #fff
}

.products__cards {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 4rem
}

.latest .news-page .promotions__card-description {
    -webkit-line-clamp: 2 !important
}

.map__inner {
    display: flex;
    flex-direction: column;
    gap: 6rem
}

.map__content {
    width: 100%;
    height: 81.2rem;
    position: relative
}

.map__canvas {
    width: 100%;
    height: 100%;
    border-radius: 6rem;
    overflow: hidden
}

.map__wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.map__card {
    width: 40rem
}

.ymaps3x0--map-copyrights {
    display: none !important
}

.map-card.hover .map-card__wrapper {
    background-color: #559479;
    color: #fff
}

.map-card.hover .map-card__header h6, .map-card.hover .map-card__header p {
    color: #fff
}

.map-card.hover .map-card__content-icon svg path {
    fill: #fff
}

.map-card.hover .map-card__footer {
    display: block
}

.map-card__wrapper {
    padding: 3.2rem;
    background-color: #fff;
    border-radius: 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.map-card__header {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    line-height: 120%
}

.map-card__header h6 {
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: .04em;
    color: #1d1d1b
}

.map-card__header p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #1d1d1b
}

.map-card__content {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.map-card__content-item {
    display: flex;
    align-items: center;
    gap: 1.7rem
}

.map-card__content-icon {
    width: 2.8rem;
    height: 2.8rem;
    flex-shrink: 0
}

.map-card__content-icon svg path {
    fill: #1d1d1b
}

.map-card__footer {
    display: none;
    position: relative
}

.map-card__button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    border-radius: 5rem;
    padding: 1.4rem 2.4rem;
    height: 5.6rem;
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 8;
    visibility: hidden;
    transition: visibility 0s ease 1s
}

.hover .map-card__button {
    visibility: visible
}

.map-card__button span {
    color: #1d1d1b;
    flex-shrink: 0
}

.map-card__button svg {
    width: 2.8rem;
    height: 2.8rem
}

.map-card__button .phone {
    margin-right: 1rem
}

.map-card__list {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 8;
    display: none
}

._is-active .map-card__list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    background-color: #fff;
    border-radius: 2.4rem;
    border: 1px solid #2b5644;
    padding: 4.8rem 2rem 2rem 2rem;
    width: 100%;
    z-index: 6
}

._is-active .map-card__list li {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

._is-active .map-card__list span {
    font-weight: 400;
    line-height: 120%;
    color: #898485
}

._is-active .map-card__list a {
    font-weight: 400;
    font-size: 1.8rem;
    color: #1d1d1b
}

.marker {
    width: fit-content;
    cursor: pointer
}

.marker__content {
    will-change: transition;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    transition: all .4s ease-in-out;
    background-color: #fff;
    width: 8rem;
    height: 8rem;
    border-radius: 50%
}

.marker__text {
    width: 100%;
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b;
    white-space: nowrap;
    overflow: hidden;
    transition: all .4s ease-in-out
}

.marker__svg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 5rem;
    height: 5rem;
    transition: all .4s ease-in-out
}

.marker__svg img {
    width: 3.5rem;
    height: 3rem;
    transition: all .4s ease-in-out
}

.marker.hover .marker__content {
    width: 12rem;
    height: 12rem
}

.marker.hover .marker__svg {
    width: 5.653rem;
    height: 4.8rem
}

.marker.hover .marker__svg img {
    width: 100%;
    height: 100%
}

.marker.hover .marker__text {
    width: 0%
}

.authorization__inner {
    border-radius: 6rem;
    background-color: #f4f4f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.6rem
}

.authorization__text-wrap {
    margin-bottom: 4.8rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem
}

.authorization__info {
    padding: 5rem;
    max-width: 82.4rem;
    width: 100%
}

.authorization__tabs {
    display: flex;
    align-items: center;
    gap: 1rem
}

.authorization__tabs-btn {
    margin-bottom: 4.8rem
}

.authorization__tabs-btn.--active a {
    background-color: #559479;
    color: #fff
}

.authorization__tabs-btn a {
    display: block;
    padding: 1.5rem 3.2rem;
    color: #559479;
    border: .1rem solid #559479;
    border-radius: 10rem;
    transition: .3s background-color ease, .3s color ease
}

.authorization__tabs-btn a:hover {
    background-color: #559479;
    color: #fff
}

.authorization__info-form {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.authorization__info-form .footer {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
    margin-top: 1.6rem
}

.authorization__info-form .footer div {
    display: flex;
    align-items: center;
    gap: .8rem
}

.authorization__info-form .footer div span {
    color: #898485
}

.authorization__info-form .footer div span i {
    font-style: normal
}

.authorization__info-form .footer div svg {
    width: 2.4rem;
    height: 2.4rem
}

.authorization__info-form .footer p {
    max-width: 32.6rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    color: #1d1d1b
}

.authorization__info-form .footer p a {
    color: #e29aa8
}

.authorization__info-form .footer.authorization a {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    color: #2b5644
}

.authorization__info-form .footer.authorization a svg {
    width: 2rem;
    height: 2rem
}

.authorization__info-form-button {
    background-color: #2b5644
}

.authorization__info-form-button.btn:not(.--disabled):not(.--loading):hover {
    background-color: #e29aa8;
    color: #fff
}

.authorization__poster {
    max-width: 82rem;
    width: 100%;
    background-color: #559479;
    border-radius: 0 6rem 6rem 0;
    overflow: hidden;
    position: relative
}

.authorization__poster img {
    position: relative;
    z-index: 2
}

.authorization__poster::after, .authorization__poster::before {
    content: "";
    border-radius: 50%;
    background-color: #fff;
    opacity: .2;
    display: block;
    z-index: 0;
    position: absolute
}

.authorization__poster::after {
    width: 87.4rem;
    height: 87.4rem;
    top: 11.1rem;
    left: 1.7rem
}

.authorization__poster::before {
    width: 81rem;
    height: 81rem;
    top: 13.2rem;
    right: 5.7rem
}

@media (min-width: 768px)and (any-hover: hover) {
    .footer__nav-list li:hover {
        transform: translateX(0.5rem)
    }
}

@media (min-width: 768px) {
    ._mobile-only {
        display: none
    }

    ._mobile-only {
        display: none
    }

    .header .search-btn, .header__close-search-btn {
        width: 2.4rem;
        height: 2.4rem;
        right: 2.4rem
    }

    .header__logo {
        flex: 0 0 20.8rem;
        width: 20.8rem
    }

    .header__mm-link {
        display: none
    }

    .search-modal__result {
        gap: 1.2rem
    }

    .search-modal__result a {
        max-width: 100%;
        display: block;
        text-wrap: nowrap;
        white-space: nowrap;
        width: max-content
    }

    .search-modal__slider.swiper {
        max-width: 72rem;
        overflow: hidden
    }

    ._has-hover {
        transition: transform .5s ease
    }

    ._has-hover:hover {
        transform: translateX(0.6rem)
    }

    .footer__block {
        max-width: 30rem;
        gap: 2.4rem
    }

    .footer__block--logo {
        width: 29.6rem
    }

    .footer__block--info {
        margin-bottom: 0;
        width: 23.4rem
    }

    .footer__block:last-child {
        margin-top: 0
    }

    .footer__block-text .text__regular-16 a {
        transition: transform .5s ease
    }

    .footer__block-text .text__regular-16 a:hover {
        transform: translateX(0.5rem)
    }

    .footer__nav-list li {
        transition: transform .5s ease
    }

    .footer__bottom {
        margin-bottom: 0;
        padding-top: 2.4rem;
        display: grid;
        grid-template-columns:21rem 1fr 21rem;
        gap: normal;
        border-top: .15rem solid #898485
    }

    .footer__bottom li:nth-child(2) {
        justify-self: center
    }

    .footer__bottom li:last-child {
        justify-self: end
    }

    .social-list {
        margin-top: .8rem;
        margin-bottom: 0;
        justify-content: stretch;
        gap: .8rem
    }

    .catalog-page .recommendations__card.--list {
        flex-direction: row;
        gap: 2.1rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button span:first-child {
        display: inline-block;
        position: relative;
        margin-right: 1rem;
        overflow: hidden;
        width: 0;
        transition: 0.3s;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-wrap {
        display: none
    }

    .catalog-page .recommendations__card.--list .recommendations__card-inner {
        display: flex
    }

    .catalog-page .recommendations__card.--list .recommendations__card-calc {
        width: 34rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-title {
        margin-bottom: 1.2rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-image {
        width: 23.1rem;
        height: 19.8rem;
        margin-bottom: 0;
        display: flex;
        margin-right: 3rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-middle {
        display: flex;
        flex-direction: column;
        max-width: 53.1rem;
        min-width: 53.1rem;
        gap: 8rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-info {
        display: flex;
        margin-top: auto
    }

    .catalog-page .recommendations__card.--list .recommendations__card-groups {
        margin-left: auto;
        justify-content: space-between;
        width: 34rem;
        padding-right: 1rem;
        display: flex;
        flex-direction: column
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group {
        flex-direction: column;
        gap: 1.2rem;
        border-radius: 0;
        align-items: flex-start;
        background-color: rgba(0, 0, 0, 0);
        margin: 0;
        padding-right: 2rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button {
        max-width: 100%;
        border-radius: 2.2rem;
        width: fit-content;
        justify-content: flex-start;
        height: auto
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button:first-child {
        padding: 1.2rem 1.6rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button:last-child {
        margin-left: 1.2rem
    }

    .catalog-page .recommendations__card.--list .recommendations__card-button {
        margin-top: auto;
        max-width: 24rem;
        width: 100%;
        margin-right: auto
    }

    .catalog-page .recommendations__card.--list .recommendations__card-favorite-button {
        display: block;
        right: 2rem;
        top: 2rem
    }

    .modal_mb {
        display: none
    }

    .checkout-complete-modal_sub .checkout-complete-modal__heading {
        max-width: 67rem
    }

    .checkout-complete-modal_sub .checkout-complete-modal__actions {
        width: 34rem
    }

    .catalog__sticky-button {
        display: none
    }

    .scroll-btn._is-visible {
        transform: scale(1)
    }

    .data-checkout__login-link.i-link {
        column-gap: 1.3rem
    }

    .data-checkout__login-link.i-link svg {
        flex: 0 0 1.8rem;
        width: 1.8rem;
        height: 1.8rem
    }

    .pricing-widget-checkout {
        display: none
    }

    .delivery-checkout .map__wrapper {
        display: grid;
        grid-template-columns:repeat(2, 50%)
    }

    .delivery-checkout .map__card {
        min-height: 30rem;
        border-radius: 2.4rem
    }

    .delivery-checkout .map .map-card__list {
        padding: 2rem
    }

    .companies-delivery-checkout__item:first-child .option-item__image-wrap {
        width: 11.3rem
    }

    .companies-delivery-checkout__item:nth-child(2) .option-item__image-wrap {
        width: 14.4rem
    }

    .account__container {
        display: grid;
        grid-template-columns:40.4rem 1fr;
        column-gap: 16.9rem
    }

    .account__container_favorite {
        column-gap: 2.6rem
    }

    .account__body {
        padding-top: 2rem
    }

    .account__container_favorite .account__body {
        padding-top: 11rem
    }

    .myprofile-account__card {
        flex: 0 0 34.2rem
    }

    .card-myprofile-account {
        padding: 3.2rem;
        min-height: 15.5rem;
        border-radius: 3rem
    }

    .card-myprofile-account_large {
        min-height: 25rem
    }

    .card-myprofile-account_large_1 {
        flex: 0 0 67.7rem
    }

    .card-myprofile-account_large_2 {
        flex: 0 0 39rem
    }

    .menu-account {
        display: none
    }

    .order-orders-account__head {
        display: block
    }

    .info-orders-account__hint-txt {
        max-width: 32.9rem;
        font-size: 3rem
    }

    .info-orders-account__hint-txt_sm {
        font-size: 1.8rem
    }

    .card-bills-account__footer {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .subscription-account__body {
        padding-top: 17.5rem;
        row-gap: 6rem
    }

    .subscription-account__description {
        max-width: 39.4rem
    }

    .banner-subscription-account__text {
        max-width: 39.4rem
    }

    .banner-subscription-account__image-wrap {
        position: absolute;
        top: 50%;
        right: -10rem;
        width: 53.8rem;
        height: 53.8rem;
        border-radius: 50%;
        transform: translateY(-50%)
    }

    .sale .container {
        padding-bottom: 5rem
    }

    .sale__link {
        display: none
    }

    .sale__slide-title {
        max-width: 68.1rem
    }

    .sale-card.swiper-slide {
        opacity: 0;
        visibility: hidden
    }

    .sale-card__inner {
        width: 23.6rem
    }

    .popular__cards.swiper-wrapper {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        column-gap: 4rem;
        row-gap: 6rem
    }

    .popular-card.swiper-slide._mobile-only {
        display: none
    }

    .card__wrapper._is-disabled .card__left {
    }

    .card__wrapper._is-disabled .card__center {
        top: 68.6rem
    }

    .card__description.mt24 {
        margin-top: 24rem
    }

    .variants__slider.swiper {
        overflow: visible
    }

    .consultation_cp .consultation__poster[data-step="1"] .consultation__poster-img {
        transform: translateY(-4rem) rotate(-8deg)
    }

    .consultation_cp .consultation__poster[data-step="2"] .consultation__poster-img {
        transform: translateY(-7rem) rotate(4deg)
    }

    .consultation_cp .consultation__poster[data-step="3"] .consultation__poster-img {
        transform: translateY(-15rem) rotate(-3deg)
    }

    .consultation__content::after {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30rem;
        background-color: #fff;
        transform: translateY(100%)
    }

    .consultation__poster._is-animating {
        pointer-events: none
    }

    .consultation__poster[data-step="1"]::before {
        transform: scale(0.88)
    }

    .consultation__poster[data-step="1"]::after {
        transform: scale(0.86)
    }

    .consultation__poster[data-step="1"] .consultation__poster-img {
        transform: translateY(-9rem) rotate(-8deg)
    }

    .consultation__poster[data-step="2"]::before {
        transform: scale(0.68) translateX(6rem)
    }

    .consultation__poster[data-step="2"]::after {
        transform: scale(0.87) translateX(-6rem) translateY(10rem)
    }

    .consultation__poster[data-step="2"] .consultation__poster-img {
        transform: translateY(-12rem) rotate(14deg)
    }

    .consultation__poster[data-step="3"]::before {
        transform: scale(0.68) translateX(9rem) translateY(10rem)
    }

    .consultation__poster[data-step="3"]::after {
        transform: scale(0.85) translateX(-6rem) translateY(18rem)
    }

    .consultation__poster[data-step="3"] .consultation__poster-img {
        transform: translateY(-22rem) rotate(-3deg)
    }

    .categories__card .categories__card-detailed {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: .3s opacity ease-out
    }

    .catalog__card .recommendations__card-favorite-button {
        opacity: 0;
        transition: .3s opacity ease-out
    }

    .catalog__filters-block-nested.--active > .catalog__filters-block-nested-wrapper:has(.catalog__filters-block-nested-wrapper) {
        padding-left: 2.2rem
    }

    .catalog__filters-block-nested-wrapper .catalog__filters-block-nested-wrapper {
        padding-left: 2.2rem
    }

    .catalog__filters-fields-wrapper {
        display: grid;
        grid-template-rows:0fr;
        transition: grid-template-rows 500ms, .5s padding ease
    }

    .catalog__cards.--list {
        display: flex;
        flex-direction: column;
        gap: 2rem
    }

    .catalog__cards li.--list {
        display: none
    }

    .promotions__card.--large {
        min-height: 73.6rem;
        grid-column: 1/2
    }

    .promotions__card-description:not(.--large .promotions__card-description)._mobile-only {
        display: none
    }

    .promotions__card-image {
        flex: 0 0 36.4rem
    }

    .detailed {
        min-height: 68rem
    }

    .map__wrapper {
        position: absolute;
        top: 0;
        right: 0;
        padding: 3.2rem;
        gap: 1.2rem
    }

    .marker__content {
        border-radius: 10rem;
        padding-right: 1.6rem;
        justify-content: stretch;
        width: 100%;
        height: auto
    }

    .marker.hover .marker__content {
        width: 8rem;
        height: auto;
        gap: 0;
        justify-content: center;
        padding: 1.6rem 0
    }

    .authorization__info-form .footer.authorization {
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    html {
        font-size: 5px;
        font-size: 1.5625vw;
        font-size: 1.3333333333vw;
        -webkit-text-size-adjust: none
    }

    body {
        font-size: 3rem;
        -webkit-text-size-adjust: none
    }

    .container {
        padding: 0 2.4rem;
        width: 100%
    }

    section {
        margin-bottom: 20rem
    }

    .wrapper {
        margin-top: 30.4rem
    }

    ._desktop-only {
        display: none
    }

    ._desktop-only {
        display: none
    }

    .swiper-grid > .swiper-wrapper {
        flex-direction: row !important;
        flex-wrap: wrap
    }

    .swiper-grid > .swiper-wrapper .swiper-slide {
        height: calc((100% - 30px) / 2) !important
    }

    .swiper-button-next, .swiper-button-prev, .scroll-btn {
        width: 8.8rem !important;
        height: 8.8rem !important
    }

    .swiper-button-next svg, .swiper-button-prev svg, .scroll-btn svg {
        width: 3.4rem !important;
        height: 2.6rem !important
    }

    .header__inner {
        padding: 4rem 0;
        height: 27.5rem
    }

    .scroll .header__inner {
        height: 15.5rem
    }

    ._show-search .header__inner {
        height: 27.5rem
    }

    .header__top {
        height: 8.8rem;
        justify-content: space-between;
        column-gap: normal
    }

    .header__logo {
        margin-right: auto
    }

    .header__catalog-button {
        display: none
    }

    .header__search {
        width: 100%
    }

    .header__search-input svg, .header__search-input button {
        width: 6rem;
        height: 6rem
    }

    .header__search-input svg.left-icon, .header__search-input button.left-icon {
        left: 3.2rem
    }

    .header__search-input .search {
        padding: 2.4rem 11.6rem;
        font-size: 3rem;
        border-radius: 20rem
    }

    .header__search-modal {
        position: fixed;
        top: 27rem;
        width: 100%;
        height: 100%
    }

    .header__search-modal.show {
        display: block
    }

    .header__search-modal.show + .header__close-search-btn + .search-btn {
        display: none
    }

    .header__search-modal.show + .header__close-search-btn {
        display: inline-block
    }

    .header__icons {
        display: none
    }

    .header__nav {
        display: none
    }

    .header__mm-link_hamburger {
        margin-right: 11.2rem;
        transition: margin-right .3s ease
    }

    .scroll .header__mm-link_hamburger {
        margin-right: 6rem
    }

    .header__buttons {
        display: none
    }

    .header__phone-wrapper {
        position: absolute;
        inset: 0;
        z-index: 5
    }

    .search-modal__wrapper {
        padding: 3.2rem 2.4rem;
        height: 100%;
        overflow-x: hidden;
        box-shadow: none;
        border-radius: 0;
        gap: 8rem
    }

    .search-modal__block {
        gap: 3.2rem
    }

    .search-modal__content {
        gap: 8rem
    }

    .search-modal__result a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .search-modal__header p {
        font-size: 3.6rem;
        font-weight: 500
    }

    .search-modal__header button {
        font-size: 3rem
    }

    .search-modal__recently {
        gap: 2.4rem
    }

    .search-modal__recently li {
        gap: 1.2rem
    }

    .search-modal__recently li svg {
        width: 4.8rem;
        height: 4.8rem
    }

    .search-modal__recently a {
        font-size: 3rem
    }

    .search-modal__searched {
        row-gap: 2.4rem
    }

    .search-modal__slider.swiper::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        right: -3rem;
        width: 16rem;
        height: 100%;
        background: linear-gradient(270deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%)
    }

    .search-modal__slider-slide.swiper-slide {
        width: 55.2rem
    }

    .search-modal__slider-navigation {
        display: none
    }

    .search-modal-slide__wrapper {
        padding: 3.2rem;
        gap: 2.4rem;
        border-radius: 4.8rem;
        grid-template-columns:16rem 1fr
    }

    .search-modal-slide__image {
        width: 16rem;
        height: 16rem;
        border-radius: 2.4rem;
        grid-row: 1/2
    }

    .search-modal-slide__content p {
        -webkit-line-clamp: 4;
        font-size: 3rem
    }

    .search-modal-slide__price {
        grid-column: 1/3
    }

    .search-modal-slide__price p {
        width: 39rem;
        padding: 1.2rem 2.8rem;
        border-radius: 20rem;
        height: 6.2rem;
        font-size: 3rem
    }

    .search-modal-slide__price button {
        width: 8rem;
        height: 8rem
    }

    .search-modal-slide__price button svg {
        width: 4rem;
        height: 4rem
    }

    .header-catalog {
        display: none
    }

    .menu-header {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden
    }

    ._show-menu .menu-header {
        opacity: 1;
        visibility: visible
    }

    ._show-menu .menu-header .menu-header__close-btn {
        opacity: 1;
        visibility: visible
    }

    ._show-menu .menu-header::after {
        opacity: .44;
        visibility: visible
    }

    .menu-header::after {
        content: "";
        position: fixed;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1d1d1b;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease
    }

    .menu-header__close-btn {
        position: fixed;
        top: 4rem;
        right: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 8.8rem;
        height: 8.8rem;
        border-radius: 50%;
        background-color: #2b5644;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease
    }

    .menu-header__close-btn svg {
        width: 4.8rem;
        height: 4.8rem
    }

    .menu-header__inner {
        padding: 4rem 2.4rem 44rem 2.4rem;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 61.6rem;
        background-color: #fff;
        overflow: auto;
        transform: translateX(-110%);
        transition: transform .3s ease .3s
    }

    ._show-menu .menu-header__inner {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    .menu-header__logo {
        margin-bottom: 8rem;
        width: 30.4rem
    }

    .menu-header__nav {
        margin-bottom: 6rem;
        padding-bottom: 6rem;
        display: flex;
        flex-direction: column;
        row-gap: 4rem;
        border-bottom: 1px solid #898485
    }

    .menu-header__nav-link {
        display: flex;
        align-items: center;
        column-gap: 1.6rem
    }

    .menu-header__nav-link svg {
        flex: 0 0 6rem;
        width: 6rem;
        height: 6rem
    }

    .menu-header__list {
        display: flex;
        flex-direction: column;
        row-gap: 4rem
    }

    .footer__inner {
        padding: 20rem 0 18rem 0;
        gap: normal
    }

    .footer__main {
        margin-bottom: 8rem;
        flex-direction: column;
        justify-content: stretch;
        min-height: auto;
        gap: normal
    }

    .footer__block.footer__block--info {
        margin-bottom: 6.4rem;
    }

    .footer__block:not(.footer__block.footer__block--info) {
        display: block
    }

    .footer__block:not(.footer__block.footer__block--info) .footer__nav-list li {
        font-size: 3rem
    }

    .footer__block:not(.footer__block.footer__block--info) .text__regular-18 {
        padding-bottom: 1.6rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #898485
    }

    .footer__block:not(.footer__block.footer__block--info) .text__regular-18._is-active::after {
        transform: rotate(-180deg)
    }

    .footer__block:not(.footer__block.footer__block--info) .text__regular-18::after {
        content: "";
        flex: 0 0 6rem;
        width: 6rem;
        height: 6rem;
        background-image: url("/local/templates/mirrey/./assets/images/icons/sm-arr.svg");
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform .3s ease
    }

    .footer__block-info {
        gap: 1.6rem
    }

    .footer__block-icon {
        width: 4.8rem;
        height: 4.8rem
    }

    .footer__block-text {
        gap: 2.4rem
    }

    .footer__block-text strong {
        font-weight: 400
    }

    .footer__block-text span {
        font-size: 3rem
    }

    .footer__logo {
        margin-bottom: 4rem
    }

    .footer__subscribe .btn {
        margin-bottom: 8rem;
        padding: 2.4rem 6.4rem 2.4rem 2rem;
        font-size: 3.2rem
    }

    .footer__pay {
        margin-top: 0;
        gap: 2.4rem;
        align-self: center
    }

    .footer__nav-list li:not(:last-child) {
        margin-bottom: 2.4rem
    }

    .footer__nav-list li:first-child {
        padding-top: 4rem
    }

    .footer__nav-list {
        line-height: 1
    }

    .social-list svg {
        width: 10rem;
        height: 10rem
    }

    .h_h2 {
        font-weight: 500;
        font-size: 4.2rem;
        line-height: 120%
    }

    .h_h3 {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%
    }

    .text__regular-18 {
        font-size: 3.6rem
    }

    .text__regular-15 {
        font-size: 3rem;
        line-height: 130%
    }

    .text__regular-13-caps {
        font-size: 2.6rem;
        line-height: 120%
    }

    .text__medium-18 {
        font-size: 3.6rem
    }

    .text__medium-15 {
        font-size: 3rem;
        letter-spacing: .04em
    }

    .input {
        border-radius: 6rem;
        font-size: 3rem;
        line-height: 130%
    }

    .input_file-input .input__placeholder {
        column-gap: 3.2rem;
        font-size: 3rem
    }

    .input_file-input .input__placeholder::after {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .input textarea {
        height: 22.4rem
    }

    .input__field::placeholder {
        font-size: 3.2rem
    }

    .input__field {
        padding: 2.4rem 4rem;
        padding-right: 10rem;
        border-radius: 6rem
    }

    .input._has-error::after {
        bottom: 3.2rem;
        left: auto;
        right: 4rem;
        font-weight: 500;
        font-size: 2rem
    }

    .input._has-error .input__label::after {
        font-size: 2.4rem
    }

    .input .show-password {
        right: 4rem
    }

    .input .show-password svg {
        width: 4.8rem;
        height: 4.8rem
    }

    .checkbox {
        gap: 1.6rem
    }

    .checkbox span {
        font-size: 3.6rem
    }

    .checkbox input[type=checkbox] {
        width: 4.3rem;
        height: 4.3rem;
        border-radius: 1.2rem
    }

    .checkbox input[type=checkbox]::before {
        width: 2rem;
        height: 1.4rem
    }

    .radio {
        gap: 1.6rem
    }

    .radio span {
        font-size: 3.6rem
    }

    .radio input[type=radio] {
        width: 4.8rem;
        height: 4.8rem
    }

    .radio input[type=radio]::before {
        border-width: .8rem
    }

    .dropdown {
        row-gap: 1.6rem
    }

    .select__title {
        border-radius: 3.2rem
    }

    .select__value {
        padding: 2.4rem 3.2rem;
        gap: 4rem;
        height: 8.8rem
    }

    .select__value::after {
        flex: 0 0 3.2rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .select__options {
        padding: 3.2rem;
        border-radius: 3.2rem
    }

    .select__option {
        padding: 2.4rem 0
    }

    .accordion__item {
        border-radius: 5rem
    }

    .accordion__title {
        padding: 3.2rem
    }

    .accordion__title .arr {
        flex: 0 0 9rem;
        width: 9rem;
        height: 9rem
    }

    .accordion__body {
        padding: 3.2rem;
        padding-top: 0
    }

    .pagination__input {
        width: 34rem;
        top: 11rem;
        height: 8rem
    }

    .pagination__input input {
        font-size: 3rem
    }

    .pagination {
        gap: 3.2rem
    }

    .pagination__button {
        width: 4rem;
        height: 4rem
    }

    .pagination__list {
        gap: 0
    }

    .pagination__item {
        width: 8.8rem;
        height: 8.8rem
    }

    .pagination__item a {
        font-size: 3rem;
        line-height: 130%
    }

    .breadcrumbs {
        gap: 2rem 3rem;
        flex-wrap: wrap
    }

    .breadcrumbs a {
        font-size: 3rem;
        line-height: 130%
    }

    .breadcrumbs a::after {
        right: -0.8rem
    }

    .breadcrumbs span {
        font-size: 3rem;
        line-height: 130%
    }

    .navigation-buttons {
        gap: 1.6rem;
        justify-content: center;
        margin-top: 4.8rem
    }

    .news__card {
        border-radius: 4.8rem
    }

    .news__card-image {
        margin-bottom: 3.2rem;
        border-radius: 3.2rem;
        height: 54rem
    }

    .news__card-publication {
        margin-bottom: 3.2rem
    }

    .news__card-publication svg {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .news__card-publication-date {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .news__card-title {
        margin-bottom: 1.6rem;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .news__card-description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .receipts__card-top {
        height: 52rem;
        margin-bottom: 2.4rem;
        border-radius: 4.8rem
    }

    .receipts__card-top-counter {
        max-width: 41rem;
        width: 100%;
        height: 40rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        left: -16.8rem;
        bottom: -22.4rem;
        padding-right: 10rem;
        padding-top: 6.6rem
    }

    .receipts__card-bottom-title {
        max-width: 100%;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .receipts__card-bottom-icon {
        display: none
    }

    .recommendations__card._is-active .recommendations__card-cart-btn {
        padding: 1.2rem;
        height: 10rem;
        border-radius: 20rem
    }

    .recommendations .quantity::after {
        display: none
    }

    .recommendations__card {
        max-width: 100%
    }

    .recommendations__card {
        padding: 3.2rem;
        border-radius: 4.8rem
    }

    .recommendations__card-promotions {
        top: 4.8rem;
        left: 5.7rem;
        gap: 1.6rem
    }

    .recommendations__card-discard {
        padding: 1.2rem 2.8rem;
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em;
        border-radius: 20rem
    }

    .recommendations__card-hit {
        border-radius: 20rem;
        padding: 1.2rem 2.8rem;
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 130%
    }

    .recommendations__card-promotion {
        top: 43.6rem;
        left: 3.2rem;
        right: 3.2rem;
        padding: 3.2rem 8.3rem;
        border-radius: 0 0 4rem 4rem
    }

    .recommendations__card-promotion-counter {
        gap: .4rem
    }

    .recommendations__card-promotion-counter strong {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .recommendations__card-promotion-counter span {
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 130%
    }

    .recommendations__card-countdown {
        max-width: 35rem
    }

    .recommendations__card-countdown::after {
        height: 100%;
        right: -3.2rem;
        transform: none;
        top: 0
    }

    .recommendations__card-countdown-item {
        gap: .4rem
    }

    .recommendations__card-countdown-item:not(:last-child)::after {
        right: -5.2rem;
        font-weight: 600;
        font-size: 5.6rem;
        line-height: 110%;
        letter-spacing: .04em;
        color: #1d1d1b
    }

    .recommendations__card-countdown-item strong {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .recommendations__card-countdown-item span {
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 130%
    }

    .recommendations__card-wrap {
        top: 6rem;
        left: 6rem
    }

    .recommendations__card-latest {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .recommendations__card-hit {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .recommendations__card-sale {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .recommendations__card-expectation {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .recommendations__card-image {
        height: 55.2rem;
        margin-bottom: 3.2rem;
        border-radius: 4rem
    }

    .recommendations__card-title {
        margin-bottom: 1.6rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .recommendations__card-articul {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 3.2rem
    }

    .recommendations__card-group {
        border-radius: 20rem;
        margin-bottom: 3.2rem
    }

    .recommendations__card-group-button {
        border-radius: 20rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        height: 8rem
    }

    .recommendations__card-favorite-button {
        max-width: 6.4rem;
        width: 100%;
        height: 6.4rem;
        padding: 1.6rem;
        top: 4.8rem;
        right: 4.8rem
    }

    .favorites-page .recommendations__card-favorite-button {
        max-width: 8.8rem;
        height: 8.8rem
    }

    .favorites-page .recommendations__card-favorite-button svg {
        width: 3rem;
        height: 3rem
    }

    .recommendations__card-calc {
        width: 100%;
        padding: 1.6rem
    }

    .recommendations__card-calc-inner {
        min-width: 45rem
    }

    .recommendations__card-calc-minus {
        width: 8.8rem;
        height: 8.8rem;
        padding: 2rem;
        min-width: 8.8rem
    }

    .recommendations__card-calc-plus {
        width: 8.8rem;
        height: 8.8rem;
        padding: 2rem;
        min-width: 8.8rem
    }

    .recommendations__card-calc-quantity {
        max-width: 20rem;
        font-size: 2.8rem
    }

    .recommendations__card-calc-box {
        margin-left: 1.4rem;
        width: 13.3rem;
        min-width: 13.3rem;
        height: 9rem
    }

    .recommendations__card-calc-box-plus {
        width: 4.8rem;
        height: 4.8rem;
        margin-right: 1.6rem
    }

    .recommendations__card-calc-box-b {
        width: 4.8rem;
        height: 4.8rem
    }

    .recommendations__card-group-button .cr {
        margin-right: 1rem
    }

    .variants__card {
        border-radius: 4.8rem
    }

    .variants__card-counter {
        margin-bottom: 2.4rem;
        font-weight: 500;
        font-size: 4.2rem;
        line-height: 120%
    }

    .variants__card-image {
        max-width: 100%;
        width: 100%;
        height: 32rem;
        border-radius: 3.2rem;
        margin-bottom: 4rem
    }

    .variants__card-category {
        margin-bottom: 2.4rem;
        padding-bottom: 2.4rem;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%
    }

    .variants__card-description {
        font-size: 3rem;
        line-height: 130%
    }

    [data-showmore-button] {
        gap: .8rem
    }

    [data-showmore-button] span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    [data-showmore-button] .arrow-icon {
        max-width: 5.6rem;
        width: 100%;
        height: 5.6rem
    }

    .noUi-base {
        height: .8rem;
        width: 96%
    }

    .noUi-horizontal .noUi-handle {
        right: -3.5rem
    }

    .noUi-handle {
        width: 4rem;
        height: 4rem;
        border-width: .6rem
    }

    .label {
        column-gap: 1.6rem
    }

    .label svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .option-item {
        height: 40.8rem
    }

    .option-item__inner {
        row-gap: 2.4rem
    }

    .option-item__inner svg {
        width: 8rem
    }

    .option-item__image-wrap {
        width: 28rem;
        height: 23rem
    }

    .option-item__image {
        height: 100%
    }

    .option-item__txt {
        max-width: 37.7rem
    }

    .option-item__radio-btn span {
        top: 4rem;
        left: 4rem;
        width: 3.2rem;
        height: 3.2rem
    }

    .option-item__radio-btn::before {
        top: 3.2rem;
        left: 3.2rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .modal__body {
        border-radius: 4.8rem
    }

    .modal__close {
        top: 4.8rem;
        right: 3.2rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .info-modal {
        display: block
    }

    .info-modal .modal__body .header__phone-button {
        width: 100%;
        padding: 3rem
    }

    #checkoutCompleteGloabl .modal__body {
        min-height: 39rem
    }

    #checkoutCompleteGloabl .checkout-complete-modal__inner::before {
        bottom: -14rem;
        left: -11rem;
        width: 32.2rem;
        height: 43.3rem;
        background-image: url(/local/templates/mirrey/./assets/images/modals/image44.webp);
        transform: rotate(20deg)
    }

    #checkoutCompleteGloabl .checkout-complete-modal__inner::after {
        bottom: -12rem;
        right: -17rem;
        width: 41.4rem;
        height: 37.4rem;
        background-image: url(/local/templates/mirrey/./assets/images/modals/image45.webp);
        transform: rotate(-49deg)
    }

    .badge {
        padding: 0 4rem;
        height: 8rem;
        border-radius: 20rem
    }

    .swiper-pagination {
        margin-top: 4.8rem;
        display: flex
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 1.6rem
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        margin-right: 4rem;
        width: 9.6rem;
        border-radius: 20rem
    }

    .sticky-menu {
        display: block
    }

    .menu-bar {
        position: fixed;
        z-index: 1000;
        bottom: 0;
        left: 0;
        padding: 2.4rem;
        display: block;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 -0.8rem 7rem rgba(0, 0, 0, .08)
    }

    .lock .menu-bar {
        z-index: 100
    }

    .menu-bar__list {
        display: flex;
        justify-content: space-between;
        column-gap: 4rem
    }

    .menu-bar__list-item._is-active svg {
        fill: #2b5644
    }

    .menu-bar__list-item._is-active span {
        color: #2b5644
    }

    .menu-bar__list-item-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: .8rem
    }

    .menu-bar__list-item-content svg {
        width: 6rem;
        height: 6rem
    }

    .menu-bar__list-item-content span {
        font-weight: 500;
        font-size: 2.5rem;
        line-height: 120%;
        color: #898485
    }

    .link {
        width: 100%;
        justify-content: center;
        gap: .8rem;
        margin-top: 4.8rem
    }

    .link span {
        font-weight: 400;
        font-size: 3rem
    }

    .link svg {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .section-heading {
        margin-bottom: 8rem
    }

    .section-heading .link {
        gap: 3.2rem;
        width: 100%;
        justify-content: center
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] {
        gap: 1.6rem;
        margin-top: 0
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] span {
        margin-left: 0
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] small {
        max-width: 100%;
        font-weight: 400;
        font-size: 2.6rem;
        line-height: 120%;
        transform: translateY(-0.5rem)
    }

    .btn {
        padding: 2.4rem 6.4rem;
        border-radius: 20rem;
        font-size: 3rem;
        line-height: 130%
    }

    .btn.--loading .loader {
        width: 3.2rem;
        height: 3.2rem
    }

    .btn.--loading .loader::after {
        border: .4rem rgba(0, 0, 0, 0) solid;
        border-top: .4rem #fff solid;
        border-right: .4rem #fff solid;
        border-bottom: .4rem #fff solid
    }

    .btn__white.--loading .loader::after {
        border: .4rem rgba(0, 0, 0, 0) solid;
        border-top: .4rem #2b5644 solid;
        border-right: .4rem #2b5644 solid;
        border-bottom: .4rem #2b5644 solid
    }

    .btn-secondary {
        gap: 3.2rem;
        font-size: 3rem;
        line-height: 130%;
        padding: 2.6rem 3.2rem 2.8rem 4.8rem
    }

    .btn-secondary img {
        width: 4rem;
        height: 4rem
    }

    .btn__card {
        gap: 4rem;
        border-radius: 12rem
    }

    .btn__card span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .btn__card svg {
        max-width: 8.8rem;
        width: 100%;
        height: 8.8rem
    }

    .checkout__head {
        margin-bottom: 6.4rem
    }

    .checkout__breadcrumbs {
        margin-bottom: 3.2rem
    }

    .checkout__body {
        display: flex;
        flex-direction: column;
        gap: 6.4rem
    }

    .checkout__steps .checkout__step.tab .tab__txt span {
        display: none
    }

    .checkout__steps {
        margin-bottom: 6.4rem;
        display: flex;
        column-gap: 1.6rem
    }

    .checkout__steps .checkout__step.tab._is-active {
        flex: 1 1 auto
    }

    .checkout__steps .checkout__step.tab:not(.checkout__steps .checkout__step.tab._is-active) {
        width: 13.2rem
    }

    .checkout__steps .checkout__step.tab:not(.checkout__steps .checkout__step.tab._is-active) .tab__txt span {
        display: none
    }

    .checkout__steps .checkout__step.tab:not(.checkout__steps .checkout__step.tab._is-active) .tab__txt::after {
        content: attr(data-checkout-step);
        font-family: "Gilroy";
        font-size: 3rem;
        line-height: 130%
    }

    .data-checkout {
        padding: 4.8rem 3.2rem 3.2rem 3.2rem;
        border-radius: 4.8rem
    }

    .data-checkout__head {
        margin-bottom: 4.8rem;
        flex-direction: column-reverse;
        justify-content: stretch;
        gap: 4.8rem
    }

    .data-checkout__body {
        row-gap: 6.4rem
    }

    .data-checkout__group-head {
        margin-bottom: 4.8rem
    }

    .data-checkout__group-heading {
        margin-bottom: 1.6rem;
        font-size: 3.6rem
    }

    .data-checkout__options {
        flex-direction: column
    }

    .data-checkout__fields {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.6rem
    }

    .data-checkout__input.input_file-input {
        padding: 3.2rem 0
    }

    .data-checkout__input-hint {
        column-gap: 2rem;
        font-size: 3rem
    }

    .data-checkout__input-hint svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .summary-checkout__content {
        margin-bottom: 3.2rem;
        padding: 3.2rem;
        border-radius: 4.8rem
    }

    .summary-checkout__btn {
        height: 8.8rem
    }

    .list-summary-checkout {
        row-gap: 4rem
    }

    .list-summary-checkout__item_benefit .list-summary-checkout__label {
        column-gap: .8rem
    }

    .list-summary-checkout__item_benefit .list-summary-checkout__label::after {
        flex: 0 0 5.6rem;
        width: 5.6rem;
        height: 5.6rem
    }

    .delivery-checkout__badges {
        margin-bottom: 4rem;
        height: 9rem;
        column-gap: 1.6rem;
        width: 105%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .delivery-checkout__badges::-webkit-scrollbar {
        display: none
    }

    .delivery-checkout__label {
        margin-bottom: 6.4rem
    }

    .delivery-checkout .map__canvas {
        height: 70rem
    }

    .address-delivery-checkout {
        padding: 4.8rem 3.2rem 3.2rem 3.2rem;
        border-radius: 4.8rem
    }

    .address-delivery-checkout__heading {
        margin-bottom: 1.6rem;
        font-size: 3.6rem
    }

    .address-delivery-checkout__text {
        margin-bottom: 4.8rem;
        max-width: 67.6rem
    }

    .address-delivery-checkout__fields {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

    .companies-delivery-checkout {
        padding: 3.2rem;
        row-gap: 4.8rem;
        border-radius: 4.8rem
    }

    .companies-delivery-checkout__row {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .companies-delivery-checkout__input {
        width: 100%
    }

    .payment-checkout {
        padding: 3.2rem;
        border-radius: 4.8rem
    }

    .payment-checkout__row {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .account__link_reversed.link {
        margin: 0 0 6.4rem 0
    }

    .account__heading._mobile-only {
        margin-bottom: 6.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .account__heading._mobile-only::after {
        content: "";
        flex: 0 0 6rem;
        width: 6rem;
        height: 6rem;
        background-image: url("/local/templates/mirrey/./assets/images/icons/sm-arr.svg");
        background-size: contain;
        background-repeat: no-repeat
    }

    .account__aside {
        display: none
    }

    .myprofile-account__cards {
        margin-bottom: 6.4rem;
        flex-direction: column;
        gap: 1.6rem
    }

    .myprofile-account__support {
        row-gap: 4.8rem
    }

    .myprofile-account__support-heading {
        font-weight: 500;
        font-size: 4.2rem;
        line-height: 120%
    }

    .myprofile-account__support-list {
        flex-direction: column;
        gap: 1.6rem
    }

    .badge-myprofile-account__heading {
        font-size: 3.6rem;
        font-weight: 500
    }

    .badge-myprofile-account__inner {
        padding: 2rem;
        justify-content: center;
        column-gap: 3.2rem;
        width: 100%;
        border-radius: 20rem
    }

    .badge-myprofile-account svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .card-myprofile-account__subtitle {
        font-size: 3.6rem;
        font-weight: 500;
        color: #898485
    }

    .card-myprofile-account_large .card-myprofile-account__icon {
        top: 4.8rem;
        transform: none
    }

    .card-myprofile-account_large_1 .card-myprofile-account__head {
        margin-bottom: 6.4rem
    }

    .card-myprofile-account_large_2 .card-myprofile-account__head {
        margin-bottom: 1.6rem
    }

    .card-myprofile-account_green::before {
        top: -47rem;
        left: -31rem;
        width: 64.6rem;
        height: 64.6rem
    }

    .card-myprofile-account_green::after {
        bottom: -56rem;
        right: -50rem;
        width: 84rem;
        height: 84rem
    }

    .card-myprofile-account__head {
        margin-bottom: 4.8rem
    }

    .card-myprofile-account__bottom {
        flex-direction: column;
        row-gap: 4.8rem
    }

    .card-myprofile-account__bottom .card-myprofile-account__txt {
        font-size: 3rem
    }

    .card-myprofile-account__heading-wrap {
        row-gap: 1.6rem
    }

    .card-myprofile-account__info {
        flex-direction: column;
        align-items: flex-start
    }

    .card-myprofile-account__group-subtitle {
        font-size: 3rem;
        font-weight: 500
    }

    .card-myprofile-account__group-subtitle::after {
        right: -1rem;
        top: .2rem;
        width: 3rem;
        height: 3rem
    }

    .card-myprofile-account__group {
        row-gap: 1.6rem
    }

    .card-myprofile-account__icon {
        width: 10.4rem;
        height: 10.4rem
    }

    .card-myprofile-account__icon svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .card-myprofile-account__single-link {
        align-self: flex-start
    }

    .card-myprofile-account__single-link .text {
        font-size: 3rem
    }

    .profiles-account__list {
        margin-bottom: 6.4rem;
        row-gap: 1.6rem
    }

    .profiles-account__list-item-heading {
        font-size: 3.6rem;
        font-weight: 500
    }

    .profiles-account__list-item-content {
        padding: 4.8rem 3.2rem;
        flex-direction: column;
        row-gap: 3.2rem;
        align-items: stretch;
        justify-content: stretch;
        border-radius: 4.8rem
    }

    .profiles-account__list-item-content .text {
        font-weight: 500
    }

    .profiles-account__list-item-btn.link {
        margin: 0;
        justify-content: flex-start;
        column-gap: 3.2rem
    }

    .profiles-account__btn {
        width: 100%
    }

    .data-account__link.link {
        justify-content: flex-start;
        column-gap: 3.2rem
    }

    .data-account__head {
        flex-direction: column;
        row-gap: 2.4rem;
        align-items: flex-start;
        justify-content: stretch
    }

    .data-account__head .data-account__link {
        margin: 0
    }

    .data-account__body {
        padding: 4.8rem 3.2rem;
        border-radius: 4.8rem
    }

    .data-account__form {
        row-gap: 6.4rem
    }

    .data-account__group {
        row-gap: 4.8rem
    }

    .data-account__options {
        flex-direction: column;
        gap: 3.2rem
    }

    .data-account__text {
        font-size: 3rem
    }

    .data-account__heading {
        font-weight: 500;
        font-size: 3.6rem
    }

    .data-account__fields {
        display: flex;
        flex-direction: column
    }

    .data-account__btn {
        width: 100%
    }

    .data-account__input.input_file-input {
        margin-bottom: 4.8rem;
        margin-top: 3rem;
        display: inline-flex
    }

    .data-account__input-hint {
        column-gap: 2rem
    }

    .data-account__input-hint .text {
        font-size: 3rem
    }

    .data-account__input-hint svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .orders-account__footer {
        margin-bottom: 8.8rem;
        flex-direction: column;
        align-items: center;
        justify-content: stretch;
        row-gap: 4rem
    }

    .orders-account__footer .link {
        margin: 0;
        column-gap: 3.2rem
    }

    .orders-account__products-heading-wrap {
        margin-bottom: 6.4rem;
        column-gap: 1.6rem
    }

    .orders-account__products-count {
        flex: 0 0 6rem;
        width: 6rem;
        height: 6rem
    }

    .orders-account__products-list {
        margin-bottom: 8.8rem;
        row-gap: 1.6rem
    }

    .orders-account_info .order-orders-account {
        margin-bottom: 6.4rem
    }

    .orders-account_info .order-orders-account__head {
        margin-bottom: 4.8rem
    }

    .orders-account_info .order-orders-account__label {
        margin-bottom: 4.8rem
    }

    .orders-account__head {
        margin-bottom: 6.4rem;
        row-gap: 6.4rem
    }

    .orders-account__head-content {
        flex-direction: column-reverse;
        justify-content: stretch;
        row-gap: 6.4rem
    }

    .orders-account__badges {
        column-gap: 1.6rem
    }

    .orders-account__badges .badge {
        flex: 1 1 auto
    }

    .orders-account__list {
        row-gap: 1.6rem
    }

    .orders-account__list-item {
        justify-content: space-between;
        align-items: stretch
    }

    .orders-account__list-item-txt {
        font-size: 3rem;
        transform: translateY(2rem)
    }

    .orders-account__list-item-content span {
        font-size: 3rem
    }

    .orders-account__list-item-content svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .orders-account__hint {
        padding: 2.8rem 4.8rem;
        border-radius: 20rem;
        column-gap: 2rem
    }

    .orders-account__hint span {
        font-size: 3rem
    }

    .orders-account__hint svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .orders-account__orders-list {
        row-gap: 1.6rem
    }

    .order-orders-account {
        padding: 4.8rem 3.2rem;
        row-gap: 4.8rem;
        border-radius: 4.8rem
    }

    .order-orders-account__label svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .order-orders-account__body {
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch
    }

    .order-orders-account__info {
        flex-direction: column;
        gap: 3.2rem
    }

    .order-orders-account__group {
        row-gap: .5rem
    }

    .order-orders-account__group-subtitle {
        font-size: 3rem
    }

    .order-orders-account__text {
        font-size: 3.6rem
    }

    .order-orders-account__footer .link {
        margin: 0;
        justify-content: flex-end
    }

    .order-orders-account__footer .btn {
        padding: 2.4rem 4rem;
        white-space: nowrap
    }

    .product-orders-account__inner {
        padding: 3.2rem;
        display: grid;
        grid-template-columns:20.4rem 1fr;
        column-gap: 2.4rem;
        row-gap: 4.8rem;
        border-radius: 4.8rem
    }

    .product-orders-account__inner .badge {
        justify-self: end
    }

    .product-orders-account__image-wrap {
        margin: 0;
        width: 20.4rem;
        height: 20.4rem
    }

    .product-orders-account__image {
        border-radius: 4rem
    }

    .product-orders-account__info {
        margin: 0
    }

    .product-orders-account__heading {
        font-size: 3.6rem;
        font-weight: 500;
        max-width: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .product-orders-account__group {
        row-gap: normal
    }

    .product-orders-account__group-subtitle {
        font-size: 3rem
    }

    .product-orders-account__group-txt {
        font-size: 3rem
    }

    .info-orders-account {
        padding: 4.8rem 3.2rem;
        flex-direction: column;
        justify-content: stretch;
        row-gap: 4.8rem;
        border-radius: 4.8rem
    }

    .info-orders-account__group {
        row-gap: .5rem
    }

    .info-orders-account__group-subtitle {
        font-size: 3rem
    }

    .info-orders-account__group-txt {
        font-size: 3rem
    }

    .info-orders-account__heading {
        margin-bottom: 4.8rem;
        font-weight: 500
    }

    .info-orders-account__subtitle {
        margin-bottom: 3.2rem;
        font-weight: 400;
        font-size: 3.6rem
    }

    .info-orders-account__hint {
        padding: 2.4rem 3.2rem;
        column-gap: 1.6rem;
        border-radius: 20rem
    }

    .info-orders-account__hint svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .info-orders-account__badge {
        padding: 2.4rem 4rem;
        width: 100%;
        height: 8.8rem
    }

    .info-orders-account__badge span {
        font-size: 3rem
    }

    .empty-history {
        padding: 0;
        flex-direction: column;
        gap: 6.4rem
    }

    .empty-history__icon {
        flex: 0 0 44rem;
        width: 44rem;
        height: 44rem
    }

    .empty-history__text {
        align-items: center;
        text-align: center
    }

    .empty-history__text-content {
        margin-bottom: 4.8rem;
        max-width: 55.2rem;
        font-size: 3rem
    }

    .bills-account__list {
        row-gap: 1.6rem
    }

    .card-bills-account {
        padding: 4.8rem 3.2rem;
        border-radius: 6rem
    }

    .card-bills-account__body {
        padding-bottom: 6.4rem;
        margin-bottom: 6.4rem
    }

    .card-bills-account__info .link {
        margin: 0;
        justify-content: flex-start;
        column-gap: 3.2rem
    }

    .card-bills-account__heading {
        margin-bottom: 3.2rem
    }

    .card-bills-account__manager {
        margin-bottom: 3.2rem;
        column-gap: 3.2rem
    }

    .card-bills-account__manager svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .card-bills-account__manager span {
        font-size: 3rem
    }

    .card-bills-account__hint {
        padding: 2.4rem 3.2rem;
        margin-bottom: 3.2rem;
        column-gap: 1.6rem;
        border-radius: 20rem
    }

    .card-bills-account__hint span {
        max-width: none;
        font-size: 3rem
    }

    .card-bills-account__hint svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .card-bills-account__footer-group {
        justify-content: space-between
    }

    .card-bills-account__price {
        font-size: 3.6rem;
        font-weight: 500
    }

    .favorite-account__products {
        row-gap: 6.4rem
    }

    .favorite-account__products-list {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .subscription-account__text {
        flex-direction: column;
        justify-content: stretch;
        gap: 1.6rem
    }

    .subscription-account__description {
        font-size: 3rem
    }

    .banner-subscription-account {
        padding: 4.8rem 3.2rem 3.2rem 3.2rem;
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
        min-height: auto;
        border-radius: 4.8rem
    }

    .banner-subscription-account::before, .banner-subscription-account::after {
        width: 70.4rem;
        height: 70.4rem
    }

    .banner-subscription-account::before {
        top: -47rem;
        left: 38rem
    }

    .banner-subscription-account::after {
        bottom: -14rem;
        right: 22rem
    }

    .banner-subscription-account__content {
        margin-bottom: 6.4rem
    }

    .banner-subscription-account__heading {
        font-weight: 500;
        font-size: 3.6rem
    }

    .banner-subscription-account__fields {
        width: 100%
    }

    .banner-subscription-account__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 2.4rem
    }

    .banner-subscription-account__footer .link {
        margin: 0;
        column-gap: 3.2rem
    }

    .banner-subscription-account__text {
        font-size: 3rem
    }

    .sale__sale-cards {
        margin-bottom: 4.8rem
    }

    .sale__slide-content {
        padding-top: 10rem;
        height: 65.4rem;
        border-radius: 4.8rem;
        justify-content: stretch
    }

    .sale__slide-content::after {
        content: "";
        position: absolute;
        top: -4rem;
        left: 0;
        width: 89.4rem;
        height: 104.2rem;
        background: url("/local/templates/mirrey/./assets/images/sale/leaves.webp") 0 0/cover no-repeat
    }

    .sale__slide-image {
        border-radius: 4.8rem
    }

    .sale__slide-image-mob {
        position: absolute;
        z-index: 2;
        bottom: -27rem;
        left: 50%;
        transform: translateX(-50%);
        width: 51rem;
        object-fit: contain
    }

    .sale__slide-image img {
        border-radius: 4.8rem
    }

    .sale__slide-image::after, .sale__slide-image::before {
        content: "";
        position: absolute;
        bottom: -47rem;
        left: 50%;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transform: translateX(-50%);
        border-radius: 50%;
        opacity: .2
    }

    .sale__slide-image::before {
        width: 85rem;
        height: 85rem
    }

    .sale__slide-image::after {
        bottom: -42rem;
        width: 71rem;
        height: 71rem
    }

    .sale__slide-btn {
        display: none
    }

    .sale__swiper {
        margin-bottom: 4.8rem
    }

    .sale__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        margin-right: 4rem;
        width: 10rem;
        border-radius: 20rem
    }

    .sale__pagination {
        bottom: 3.2rem
    }

    .sale .swiper-pagination-bullet {
        margin-right: 1.6rem;
        width: 1.6rem;
        height: 1.6rem
    }

    .sale-card {
        border-radius: 4.8rem
    }

    .sale-card.swiper-slide {
        width: 52rem
    }

    .sale-card__content {
        padding-top: 3.2rem;
        grid-template-columns:1fr;
        justify-content: stretch
    }

    .sale-card__image {
        margin-bottom: 4rem;
        grid-row: 3/4;
        grid-column: 1/2;
        width: 100%;
        height: 38.8rem;
        border-radius: 3.2rem
    }

    .sale-card__image img {
        border-radius: 3.2rem
    }

    .sale-card__percent {
        margin-bottom: 2.4rem;
        padding-bottom: .8rem;
        font-size: 4.8rem
    }

    .sale-card__percent::before {
        top: 0;
        width: 4.8rem;
        height: 4.8rem;
        transform: none
    }

    .sale-card__date {
        font-size: 3rem;
        grid-row: 2/3
    }

    .sale-card__text {
        margin-top: 0;
        font-size: 3.6rem;
        font-weight: 500
    }

    .popular__title .link {
        margin: 0;
        justify-content: flex-end;
        width: auto
    }

    .popular__title .link span {
        display: none
    }

    .popular__title .link svg path {
        fill: #2b5644
    }

    .popular__btn {
        display: none
    }

    .popular-card.swiper-slide {
        display: grid;
        grid-template-columns:24rem 1fr;
        column-gap: 2.4rem;
        width: auto;
        height: 30.4rem
    }

    .popular-card__image {
        margin-bottom: 0;
        width: 100%;
        height: 24rem;
        border-radius: 3.2rem;
        grid-row: 1/3
    }

    .popular-card__image img {
        border-radius: 3.2rem
    }

    .popular-card__title-h {
        margin-bottom: 1.6rem;
        font-size: 3.6rem
    }

    .popular-card__title-t {
        margin-bottom: 6rem;
        font-size: 3rem
    }

    .popular-card__link {
        position: static
    }

    .popular-card__link span {
        margin-right: .8rem;
        font-size: 3rem
    }

    .popular-card__link svg {
        width: 4rem;
        height: 4rem
    }

    .card { /*padding-top:29rem*/
    }

    .card__retail-box {
        width: 23.8rem;
        height: 10.4rem
    }

    .card__retail-box-plus {
        width: 3rem;
        height: 3rem
    }

    .card__retail-box-box {
        width: 4rem;
        height: 4rem
    }

    .card__retail-inner {
        margin-bottom: 1.6rem
    }

    .card__retail-inner-block {
        padding: 1rem
    }

    .card__retail-plus, .card__retail-minus {
        width: 8.8rem;
        height: 8.8rem
    }

    .card__retail-quantity {
        font-size: 3rem
    }

    .card__retail-attention-hide li {
        margin-bottom: 1.6rem;
        font-size: 3rem;
        font-weight: 400
    }

    .card__wrapper {
        flex-direction: column
    }

    .card__left {
        width: 100%;
        margin-bottom: 4rem;
        margin-right: 0;
        padding: 2rem;
        border-radius: 4.8rem;
        height: auto;
        max-height: initial
    }

    .card__center {
        width: 100%;
        position: initial;
        background-color: initial;
        border-radius: initial;
        padding: 0;
        justify-content: initial;
        align-items: initial;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 4rem
    }

    .card__prices {
        width: 60rem;
        min-width: 60rem;
        background-color: #f4f4f4;
        border-radius: 4.8rem;
        padding: 3.2rem;
        margin-right: 1.6rem
    }

    .card__prices-inner {
        display: flex;
        justify-content: space-between;
        border-bottom: .1rem solid #1d1d1b;
        padding-bottom: 1.6rem;
        margin-bottom: 1.6rem
    }

    .card__prices-price {
        width: fit-content;
        border-bottom: none;
        margin-bottom: initial
    }

    .card__prices-span {
        margin-bottom: 0;
        font-size: 3rem;
        font-weight: 500
    }

    .card__prices-price {
        font-size: 3.6rem
    }

    .card__prices-text {
        font-size: 3rem;
        line-height: 120%;
        white-space: initial
    }

    .card__center::-webkit-scrollbar {
        display: none
    }

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

    .card__right-wrapper {
        flex-direction: column
    }

    .card__right-block {
        width: 100%;
        margin-right: 0
    }

    .card__swiper-slide-image {
        width: 100%;
        height: 64.6rem;
        border-radius: 4.8rem
    }

    .card__swiper-slide-like {
        width: 8rem;
        height: 8rem;
        top: 2.4rem;
        right: 2.4rem
    }

    .card__swiper-slide-like svg {
        width: 3.2rem;
        height: 3.2rem
    }

    .card__swiper-slide-like.active svg .color-like {
        fill: #292d32
    }

    .card__swiper-slide-category {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .card__swiper-slide-hit {
        padding: 1.2rem 2.8rem;
        padding-left: 0
    }

    .card__swiper-slide-hit span {
        font-size: 2.4rem
    }

    .card__swiper-slide-hit span::before {
        display: none
    }

    .card__swiper-slide-new {
        padding: 1.2rem 2.8rem;
        padding-left: 0
    }

    .card__swiper-slide-new span {
        font-size: 2.4rem
    }

    .card__swiper-slide-new span::before {
        display: none
    }

    .card__swiper-slide-padding {
        padding: 1.2rem 2.8rem;
        padding-left: 0
    }

    .card__swiper-slide-padding span {
        font-size: 2.4rem
    }

    .card__swiper-slide-padding span::before {
        display: none
    }

    .card .swiper-button-prev, .card .swiper-button-next {
        display: none
    }

    .card__thumb {
        width: 100%
    }

    .card__thumb-slide-image {
        width: 21.2rem;
        height: 20.8rem
    }

    .card__swiper-slide-like {
        padding: 1.2rem 2.8rem;
        font-size: 2.4rem
    }

    .card__description {
        flex-direction: column
    }

    .card__description-left {
        width: 100%
    }

    .card .desk {
        display: none
    }

    .card .mob {
        display: flex
    }

    .card__title {
        font-size: 4.2rem;
        margin-bottom: 4rem
    }

    .card__right-block-inner {
        margin-bottom: 4rem
    }

    .card__article {
        font-size: 3rem;
        line-height: 130%;
        padding-right: 6rem
    }

    .card__article::before {
        width: 4.8rem;
        height: 4.8rem
    }

    .card__article-sum {
        font-size: 3rem;
        line-height: 130%
    }

    .card__title-characteristic {
        margin-bottom: 3.2rem;
        font-size: 3.6rem;
        line-height: 4.6rem;
        margin-bottom: 3.2rem
    }

    .card__characteristic-lists {
        width: 100%
    }

    .card__characteristic-item span {
        font-size: 3.2rem
    }

    .card__characteristic-item .points {
        bottom: 1rem
    }

    .card__characteristic-item strong {
        font-size: 3.2rem;
        width: auto
    }

    .card__title-colors {
        font-size: 3.6rem;
        margin-bottom: 3.2rem
    }

    .card .dropdowns {
        max-width: 100%;
        width: 100%
    }

    .card .catalog__sorting-field {
        margin-bottom: 4.8rem;
        font-size: 3rem
    }

    .card .catalog__sorting-field .select__value .select__content {
        font-size: 3rem
    }

    .card .select__value {
        padding: 2.1rem 4rem;
        height: 8rem
    }

    .card .catalog__sorting-field .select__options .select__option {
        font-size: 2rem;
        padding: 0 0 2.4rem
    }

    .card__right-sidebar {
        width: 100%
    }

    .card__retail {
        padding: 3.2rem;
        background-color: #f4f4f4;
        border-radius: 4.8rem;
        margin-bottom: 4rem
    }

    .card__retail-title {
        font-size: 3.6rem;
        margin-bottom: 3.2rem
    }

    .card__retail-price {
        margin-bottom: 2.4rem
    }

    .card__retail-price strong {
        font-size: 4.2rem
    }

    .card__retail-price span {
        font-size: 3rem
    }

    .card__retail-attention {
        margin-bottom: 5rem;
        padding: 2.4rem;
        border-radius: 3.2rem
    }

    .card__retail-attention-text {
        font-size: 3rem;
        line-height: 120%;
        padding-left: 6.2rem
    }

    .card__retail-attention-text::before {
        width: 4.8rem;
        height: 4.8rem
    }

    .card__retail-attention-hide {
        font-size: 3rem;
        line-height: 120%
    }

    .card__wholesale {
        padding: 3.2rem;
        border-radius: 4.8rem;
        margin-bottom: 4rem
    }

    .card__wholesale-title {
        font-size: 3.6rem;
        margin-bottom: 3.2rem
    }

    .card__wholesale-price {
        margin-bottom: 2.4rem
    }

    .card__wholesale-price strong {
        font-size: 4.2rem
    }

    .card__wholesale-price span {
        font-size: 3rem
    }

    .card__wholesale-price small {
        font-size: 2.6rem
    }

    .card__wholesale-attention {
        margin-bottom: 4rem;
        padding: 2.4rem;
        border-radius: 3.2rem
    }

    .card__wholesale-attention-text {
        font-size: 3rem;
        line-height: 120%;
        padding-left: 6.2rem
    }

    .card__wholesale-attention-text::before {
        width: 4.8rem;
        height: 4.8rem
    }

    .card__special-price {
        width: 100%;
        height: 26.9rem;
        border-radius: 4.8rem
    }

    .card__special-price-title strong {
        font-size: 4rem
    }

    .card__special-price-title span {
        font-size: 2.8rem
    }

    .card__receiving {
        margin-bottom: 4rem;
        border-radius: 4.8rem;
        padding-bottom: 5rem
    }

    .card__receiving-title {
        margin-bottom: 3.2rem;
        font-size: 3.6rem
    }

    .card__receiving-delivery {
        margin-bottom: 5.2rem
    }

    .card__receiving-delivery, .card__receiving-myself {
        font-size: 3.6rem;
        padding-left: 11.2rem
    }

    .card__receiving-delivery::before, .card__receiving-myself::before {
        width: 8.2rem;
        height: 8.2rem
    }

    .card__link {
        border-radius: 4.8rem;
        padding: 3.2rem
    }

    .card__link span {
        font-size: 3.6rem;
        padding-right: 12.8rem
    }

    .card__link span::before {
        width: 4.8rem;
        height: 4.8rem
    }

    .card__description {
        margin-top: 8rem
    }

    .card__description-tabs-item {
        margin-right: 1.6rem;
        padding: 2rem 4rem;
        font-size: 3rem
    }

    .card__description-text p {
        font-size: 3rem;
        margin-bottom: 3rem
    }

    .card__description-text ul {
        margin-bottom: 3rem;
        padding-left: 3.2rem
    }

    .card__description-text li {
        font-size: 3rem;
        margin-bottom: 2rem
    }

    .card__form {
        width: 100%;
        height: 85.8rem;
        margin-top: 4rem
    }

    .card__form-title strong {
        font-size: 4.2rem;
        margin-bottom: 4rem
    }

    .card__form-title span {
        font-size: 3rem;
        line-height: 130%
    }

    .card__scale {
        display: flex;
        margin-bottom: 5.2rem
    }

    .card__scale-block {
        display: flex;
        align-items: center
    }

    .card__scale-line {
        background-color: #fff
    }

    .card__scale-line-one {
        width: 5.2rem;
        height: 1.2rem;
        border-radius: 4rem 0 0 4rem
    }

    .card__scale-line-two {
        width: 5.2rem;
        height: 1.2rem
    }

    .card__scale-line-three {
        width: 5.2rem;
        height: 1.2rem
    }

    .card__scale-line-four {
        width: 9.6rem;
        height: 1.2rem
    }

    .card__scale-line-five {
        width: 9.6rem;
        height: 1.2rem
    }

    .card__scale-line-six {
        width: 9.6rem;
        height: 1.2rem
    }

    .card__scale-circle {
        background-color: #fff;
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .card__scale-circle:hover {
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .25);
        transition: .2s ease-in-out
    }

    .card__scale-circle::after {
        width: auto;
        height: auto;
        background: #fff;
        white-space: initial !important
    }

    .card__scale-circle .card__scale-circle-c {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background-color: #2b5644
    }

    .card__scale-circle-four, .card__scale-circle-five, .card__scale-circle-six {
        width: 4rem;
        height: 4rem
    }

    .card__retail-desk {
        margin-bottom: 3.2rem
    }

    .flower-recom__wrapper {
        flex-direction: column
    }

    .flower-recom__box {
        width: 70rem;
        border-radius: 4.8rem
    }

    .flower-recom__box-icon {
        width: 8.8rem;
        height: 8.8rem;
        margin-bottom: 3.2rem
    }

    .flower-recom__box-title {
        font-size: 3.6rem
    }

    .flower-recom__box-text {
        font-size: 3rem;
        line-height: 130%;
        width: 46.2rem
    }

    .flower-recom__image {
        width: 48.2rem;
        height: 41.2rem;
        margin-bottom: 6rem;
        margin-top: 5rem
    }

    .flower-recom__image img {
        object-fit: initial
    }

    .about {
        margin-bottom: 42.8rem
    }

    .about__content {
        flex-direction: column-reverse;
        gap: 4.8rem
    }

    .about__text {
        max-width: 100%;
        margin-top: 0
    }

    .about__title {
        margin-bottom: 4.8rem
    }

    .about__description {
        font-size: 3rem;
        line-height: 130%
    }

    .about__image {
        max-width: 100%;
        border-radius: 4.8rem;
        height: 58.2rem
    }

    .mission {
        margin-bottom: 20rem
    }

    .mission__content {
        display: flex;
        flex-direction: column-reverse
    }

    .mission__info {
        max-width: 100%;
        padding: 4.8rem 3.2rem;
        border-radius: 4.8rem;
        position: relative;
        z-index: 2;
        margin-top: -40rem
    }

    .mission__info-text {
        max-width: 100%
    }

    .mission__title {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em;
        margin-bottom: 3.2rem
    }

    .mission__description {
        font-size: 3rem;
        line-height: 130%
    }

    .mission__description:not(:last-of-type) {
        margin-bottom: 1rem
    }

    .mission__description:last-of-type {
        margin-bottom: 8.8rem
    }

    .mission__blockquote {
        gap: 3.2rem;
        font-weight: 400;
        font-size: 3.6rem
    }

    .mission__blockquote p {
        max-width: 100%
    }

    .mission__blockquote footer {
        margin-left: 0
    }

    .mission__poster {
        max-width: 100%;
        width: 100%;
        height: 81.8rem;
        transform: translateY(0);
        position: initial
    }

    .mission__poster-image {
        border-radius: 6rem
    }

    .about-director {
        margin-bottom: 20rem
    }

    .about-director__wrapper {
        flex-direction: column;
        align-items: flex-start
    }

    .about-director__content {
        padding: 0;
        width: 100%
    }

    .about-director__image {
        width: 40.6rem;
        height: 52.2rem;
        bottom: 0
    }

    .about-director__block {
        width: 100%;
        height: 29.8rem
    }

    .about-director__text {
        width: 100%;
        height: initial;
        padding: 4.8rem 3.2rem 3.2rem 3.2rem;
        left: 0
    }

    .about-director__text-icon {
        display: none
    }

    .about-director__text-title {
        margin-bottom: 3.2rem
    }

    .about-director__text-title strong {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: .8rem
    }

    .about-director__text-title span {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%
    }

    .about-director__text p {
        width: 100%;
        font-size: 3rem;
        line-height: 130%
    }

    .about-worth {
        margin-bottom: 20rem
    }

    .about-worth__title {
        margin-bottom: 8rem;
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .about-worth__blocks {
        padding: 3.2rem;
        border-radius: 4.8rem;
        background-color: #f4f4f4;
        display: flex;
        flex-direction: column;
        gap: 8rem
    }

    .about-worth__block {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .about-worth__block-image {
        max-width: 100%;
        width: 100%;
        height: 46.6rem;
        border-radius: 4rem;
        margin-bottom: 1.6rem
    }

    .about-worth__block-image img {
        height: 100%;
        object-fit: cover;
        border-radius: inherit
    }

    .about-worth__block-text {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        color: #898485
    }

    .task__content {
        flex-direction: column;
        gap: 4.8rem
    }

    .task__info {
        max-width: 100%
    }

    .task__info-list {
        gap: 1.6rem
    }

    .task__info-item {
        padding: 3.2rem;
        border-radius: 4.8rem;
        gap: 3.2rem
    }

    .task__info-item-icon {
        max-width: 8rem;
        width: 100%;
        height: 8rem
    }

    .task__info-item-icon img {
        max-width: 3.4rem;
        width: 100%;
        height: 3.4rem
    }

    .task__info-item-title {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .task__title {
        margin-bottom: 8rem
    }

    .task__description {
        font-size: 3rem;
        line-height: 130%
    }

    .task__image {
        max-width: 100%;
        width: 100%;
        height: 85.2rem;
        border-radius: 4rem
    }

    .task__promotion-title {
        font-weight: 500;
        font-size: 3.6rem;
        margin-bottom: 1.6rem
    }

    .task__promotion-description {
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 4.8rem
    }

    .task__promotion-button {
        width: 100%
    }

    .task__promotion-image {
        display: none
    }

    .watched-b {
        padding-bottom: 5rem;
        margin-bottom: 20rem;
        position: relative
    }

    .watched-b .navigation-buttons {
        position: absolute;
        bottom: -14rem;
        left: 37%;
        transform: translate(0, -50%)
    }

    .profile-not {
        flex-direction: column
    }

    .profile-not__image {
        width: 44rem;
        height: 44rem;
        margin-bottom: 6.4rem;
        margin-right: 0
    }

    .profile-not__content {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .profile-not__title {
        text-align: center;
        font-size: 3.6rem;
        margin-bottom: 1.6rem
    }

    .profile-not__text {
        text-align: center;
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 4.8rem
    }

    .profile-not .btn {
        margin: 0 auto
    }

    .placing-an {
        border-radius: 4.8rem;
        padding: 4.8rem 3.2rem
    }

    .placing-an__inner {
        margin-bottom: 4.8rem
    }

    .placing-an__prev {
        font-size: 3rem;
        padding-left: 3.6rem
    }

    .placing-an__prev::before {
        width: 3rem;
        height: 3rem;
        top: .2rem
    }

    .placing-an__add {
        font-size: 3rem;
        padding-right: 3.6rem
    }

    .placing-an__add::before {
        width: 3rem;
        height: 3rem;
        top: .2rem
    }

    .placing-an__box {
        width: 100%;
        flex-direction: column;
        margin-bottom: 4rem;
        border-radius: 4.8rem
    }

    .placing-an__box-btn {
        margin-bottom: 2rem;
        font-size: 3.2rem
    }

    .placing-an__box-btn::after {
        width: 3rem;
        height: 3rem
    }

    .placing-an__box-link {
        font-size: 3.2rem;
        width: fit-content;
        padding-right: 4rem
    }

    .placing-an__box-link::after {
        width: 3rem;
        height: 3rem;
        top: .6rem
    }

    .modal-profile {
        padding: 2.2rem
    }

    .modal-profile__container {
        width: 100%;
        padding: 4.8rem 3.2rem
    }

    .modal-profile__title {
        margin-bottom: 4.8rem
    }

    .modal-profile__name {
        font-size: 4.2rem;
        margin-bottom: 4.8rem
    }

    .modal-profile__form-inner {
        font-size: 4.2rem;
        display: flex;
        flex-direction: column
    }

    .modal-profile__close {
        width: 4.8rem;
        height: 4.8rem;
        top: 3.2rem;
        right: 3.2rem
    }

    .modal-global {
        padding: 2.2rem;
        overflow-y: initial
    }

    .modal-global__container {
        width: 100%;
        height: auto;
        overflow-y: auto;
        height: 100%;
        border-radius: 4.8rem
    }

    .modal-global__close {
        width: 4.8rem;
        height: 4.8rem
    }

    .modal-global .consultation__content {
        width: 100%;
        height: auto
    }

    .modal-global .consultation__poster {
        width: 100%;
        height: 70rem
    }

    .modal-global.active {
        display: block
    }

    .card-modal {
        padding: 2.2rem;
        content: "";
        position: fixed;
        z-index: 1400;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(29, 29, 27, .5);
        transition: opacity .8s ease 0s
    }

    .card-modal__wrap {
        width: 100%
    }

    .card-modal__box-image {
        width: 16rem;
        height: 16rem;
        min-width: 16rem;
        margin-right: 2rem
    }

    .card-modal__box-image img {
        object-fit: cover;
        border-radius: 4rem
    }

    .card-modal__box-title {
        font-size: 2.4rem;
        line-height: 3rem
    }

    .card-modal__box-wrap {
        flex-wrap: wrap
    }

    .card-modal__price-inner {
        font-size: 3.2rem;
        margin-bottom: 2rem
    }

    .card-modal__btns {
        margin-top: 6rem;
        flex-direction: column-reverse
    }

    .card-modal .btn__card {
        width: 100%;
        height: 6rem
    }

    .card-modal .btn__card svg {
        width: 5.2rem;
        height: 5.2rem;
        max-width: 5.2rem
    }

    .card-modal__box-price {
        width: 45%;
        font-size: 2rem;
        height: 6rem;
        margin-bottom: 3rem
    }

    .card-modal__close {
        display: block;
        width: 4rem;
        height: 4rem;
        margin-bottom: 2rem;
        margin-left: auto
    }

    .not-found__wrapper {
        flex-direction: column
    }

    .not-found__icon {
        margin-right: 0;
        width: 44rem;
        height: 44rem;
        margin-bottom: 6.4rem
    }

    .not-found__icon svg {
        width: 26.6rem;
        height: 14rem
    }

    .not-found__text {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .not-found__text strong {
        font-size: 3.6rem;
        font-weight: 500;
        margin-bottom: 1.6rem;
        text-align: center
    }

    .not-found__text p {
        width: 100%;
        text-align: center;
        font-size: 3rem;
        line-height: 3.8rem;
        margin-bottom: 4.8rem
    }

    .person-profile {
        border-radius: 6rem
    }

    .person-profile__inner {
        margin-bottom: 5.2rem;
        flex-direction: column
    }

    .person-profile__title {
        width: 100%;
        font-size: 4.2rem;
        line-height: 5rem;
        margin-bottom: 1.6rem
    }

    .person-profile__plus {
        font-size: 3rem;
        padding-right: 5rem;
        width: fit-content
    }

    .person-profile__plus::before {
        width: 4.8rem;
        height: 4.8rem
    }

    .person-profile__box {
        border-radius: 4rem;
        margin-bottom: 1.6rem;
        flex-direction: column;
        padding: 4.8rem 3.2rem
    }

    .person-profile__box-edit {
        font-size: 3rem;
        margin-bottom: 4rem;
        padding-right: 3rem
    }

    .person-profile__box-edit::before {
        width: 4rem;
        height: 4rem
    }

    .person-profile__box__link span {
        font-size: 3.2rem;
        line-height: 3.8rem;
        margin-right: 2.6rem
    }

    .person-profile__box__link svg {
        width: 4rem;
        height: 4rem
    }

    .banner__content {
        display: flex;
        flex-direction: column;
        gap: 10.2rem;
        padding: 4.8rem 3.2rem 3.2rem;
        border-radius: 4.8rem
    }

    .banner__content::after {
        left: -19rem;
        bottom: -10rem
    }

    .banner__content::before {
        left: 39rem;
        top: -48rem
    }

    .banner__title {
        margin-bottom: 3.2rem
    }

    .banner__description {
        max-width: 100%;
        margin-bottom: 4.8rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .banner__info {
        max-width: 100%
    }

    .banner__info-text {
        max-width: 100%
    }

    .banner__info-offer {
        max-width: 24rem;
        width: 100%;
        height: 24rem;
        padding: 5.6rem 4.4rem;
        left: -0.8rem;
        bottom: -28.2rem
    }

    .banner__info-offer-subtitle {
        font-size: 3rem;
        line-height: 130%
    }

    .banner__poster {
        overflow: hidden;
        position: initial;
        max-width: 100%;
        width: 100%;
        height: 36.6rem;
        transform: translateY(0);
        border-radius: 30rem 4.8rem 4.8rem 4.8rem
    }

    .banner__poster img {
        object-fit: cover;
        height: 107%
    }

    .banner__button {
        width: 100%
    }

    .variants__title {
        margin-bottom: 8rem
    }

    .recommendations__title {
        margin-bottom: 8rem
    }

    .recommendations {
        padding-bottom: 5rem;
        margin-bottom: 15rem;
        position: relative
    }

    .recommendations .navigation-buttons {
        position: absolute;
        bottom: -14rem;
        left: 37%;
        transform: translate(0, -50%)
    }

    .news .link {
        margin: 0;
        justify-content: flex-end
    }

    .news .link span {
        display: none
    }

    .news .link svg {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .consultation_cp .consultation__poster-img {
        bottom: -19rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .consultation .input.textarea {
        margin-bottom: 0;
        height: 22.4rem
    }

    .consultation__content {
        flex-direction: column-reverse;
        gap: 0;
        border-radius: 4.8rem
    }

    .consultation__info {
        max-width: 100%;
        padding: 4.8rem 3.2rem
    }

    .consultation__info-title {
        margin-bottom: 1.6rem;
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .consultation__info-text {
        margin-bottom: 4.8rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        max-width: 100%
    }

    .consultation__info-form .input {
        margin-bottom: 3.2rem
    }

    .consultation__info-form-button {
        margin-top: 3.2rem;
        width: 100%
    }

    .consultation__poster {
        border-radius: 4.8rem 4.8rem 0 0;
        max-width: 100%;
        height: 46rem;
        overflow: hidden
    }

    .consultation__poster::before, .consultation__poster::after {
        width: 68rem;
        height: 68rem
    }

    .consultation__poster::before {
        bottom: -25rem;
        left: -2rem;
        width: 65rem;
        height: 65rem
    }

    .consultation__poster::after {
        bottom: -29rem;
        left: 5rem
    }

    .consultation__poster-img {
        width: 42rem;
        height: 64rem;
        transform: translateY(-2rem)
    }

    .consultation__data {
        width: 100%;
        border-radius: 4.8rem
    }

    .consultation__data-content {
        padding: 4.8rem 3.2rem
    }

    .consultation__data-bf {
        display: none
    }

    .consultation__data-bf-two {
        display: none
    }

    .consultation__data-content-title {
        margin-bottom: 6.4rem;
        font-size: 4.8rem
    }

    .consultation__data-content-lists li {
        font-size: 3.6rem;
        line-height: 120%;
        margin-bottom: 3.2rem
    }

    .consultation__data-content-lists li span {
        display: block
    }

    .consultation__data-image img {
        width: 43rem;
        height: 47rem;
        top: initial;
        bottom: -2rem;
        right: -12rem
    }

    .categories__banner {
        padding: 4.8rem 3.2rem 3.2rem;
        margin-bottom: 6.4rem;
        border-radius: 5.6rem
    }

    .categories__banner-subtitle {
        font-weight: 400;
        font-size: 2.6rem;
        line-height: 120%;
        text-transform: uppercase
    }

    .categories__banner-text {
        max-width: 100%;
        gap: 2.4rem;
        margin-bottom: 6.4rem
    }

    .categories__banner-poster {
        position: initial;
        max-width: 100%;
        width: 100%;
        height: 28.6rem;
        transform: translateY(0);
        border-radius: 30rem 4.8rem 4.8rem 4.8rem
    }

    .categories__cards {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .categories__card {
        flex-direction: row;
        gap: 2.4rem;
        border-radius: 4.8rem
    }

    .categories__card-image {
        margin-bottom: 0;
        border-radius: 3.2rem;
        min-height: 24rem;
        flex: 0 0 24rem;
        height: initial
    }

    .categories__card-content {
        display: flex;
        flex-direction: column
    }

    .categories__card-title {
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: 1.6rem
    }

    .categories__card-info {
        flex-direction: column;
        align-items: flex-start;
        height: 100%
    }

    .categories__card-info-link {
        margin-top: auto;
        justify-content: flex-start
    }

    .categories__card-info-text {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .categories__card-detailed {
        position: fixed;
        inset: 0;
        padding: 6.4rem 3.2rem;
        overflow: hidden scroll;
        transform: translateX(-100%);
        transition: .3s transform ease-out;
        z-index: 1001;
        border-radius: 0
    }

    .categories__card-detailed.--active {
        transform: translateX(0)
    }

    .categories__card-detailed-back-button {
        display: flex;
        align-items: center;
        gap: 3.2rem;
        margin-bottom: 8rem
    }

    .categories__card-detailed-back-button svg {
        max-width: 4rem;
        width: 100%;
        height: 4rem;
        opacity: .6
    }

    .categories__card-detailed-back-button span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        color: #fff;
        opacity: .6
    }

    .categories__card-detailed-heading {
        padding-bottom: 4rem;
        margin-bottom: 4rem
    }

    .categories__card-detailed-heading-title {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .categories__card-detailed-heading-icon {
        max-width: 4rem;
        width: 100%;
        height: 4rem
    }

    .categories__card-detailed-list {
        gap: 3.2rem;
        height: auto;
    }

    .categories__card-detailed-item a {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        margin-top: 0
    }

    .catalog__heading {
        flex-direction: column;
        gap: 3.2rem;
        margin-bottom: 6.4rem;
        align-items: flex-start
    }

    .catalog__heading-title {
        gap: 2.4rem
    }

    .catalog__heading-title sub {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .catalog__heading-price {
        gap: 1.6rem;
        text-align: left;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        flex-direction: row
    }

    .catalog__heading-price-text {
        font-weight: 500
    }

    .catalog__categories {
        white-space: nowrap;
        margin-bottom: 6.4rem;
        margin-right: -2.4rem
    }

    .catalog__categories-list {
        max-width: 100%;
        gap: 2.4rem;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: 100% !important;
        flex-wrap: nowrap;
        padding-right: 2.4rem
    }

    .catalog__categories-list::-webkit-scrollbar {
        display: none
    }

    .catalog__categories-list-item a {
        gap: 2.4rem;
        border-radius: 4.8rem;
        padding: 2.4rem
    }

    .catalog__categories-list-item-icon {
        max-width: 100%;
        width: 8rem;
        height: 8rem;
        flex: 0 0 8rem
    }

    .catalog__categories-list-item-text {
        gap: 1.6rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__categories-list-item-text sup {
        font-size: 3rem
    }

    .catalog__categories-button {
        display: none
    }

    .catalog__products {
        flex-direction: column
    }

    .catalog__filters {
        max-width: 100%;
        position: fixed;
        inset: 0;
        background-color: #fff;
        z-index: 1001;
        padding: 6.4rem 2.2rem 0;
        overflow: hidden scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        transition: .3s transform ease-out;
        transform: translateX(-100%)
    }

    .catalog__filters::-webkit-scrollbar {
        display: none
    }

    .catalog__filters.--active {
        transform: translateX(0)
    }

    .catalog__filters .checkbox span {
        font-size: 3rem
    }

    .catalog__filters-mobile {
        margin-bottom: 8rem
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block {
        border: 0;
        padding: 0
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block:not(:last-of-type) {
        border-bottom: .1rem solid rgba(137, 132, 133, .4);
        margin-bottom: 3.2rem;
        padding-bottom: 3.2rem
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block .catalog__filters-block-heading figure {
        display: flex;
        align-items: center;
        gap: 2.4rem;
        flex-direction: row-reverse;
        max-width: max-content;
        transform: none;
        white-space: nowrap
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block .catalog__filters-block-heading figure figcaption {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em;
        color: #3c3c3c
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block .catalog__filters-block-heading .catalog__filters-block-heading-title {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        color: #898485
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block .catalog__filters-block-heading .catalog__filters-block-heading-title::after {
        display: none
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block-sorting {
        display: flex;
        flex-direction: column;
        gap: 3.2rem
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block-sorting li {
        display: flex;
        align-items: center;
        gap: 1.6rem
    }

    .catalog__filters-mobile .catalog__filters-block-sorting-menu .catalog__filters-block-sorting li span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        color: #3c3c3c
    }

    .catalog__filters-back-button {
        display: flex;
        align-items: center;
        gap: 3.2rem;
        margin-bottom: 7rem
    }

    .catalog__filters-back-button svg {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .catalog__filters-back-button span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__filters-title {
        margin-bottom: 6.4rem;
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .catalog__filters-sample {
        margin-bottom: 8rem
    }

    .catalog__filters-sample-heading {
        gap: 1.6rem;
        margin-bottom: 4rem
    }

    .catalog__filters-sample-text {
        font-weight: 500;
        font-size: 3.6rem
    }

    .catalog__filters-sample-icon {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .catalog__filters-sample-fields {
        gap: 3.2rem
    }

    .catalog__filters-block {
        padding: 4rem 0
    }

    .catalog__filters-block.--active > .catalog__filters-fields-wrapper {
        transform: translateX(0)
    }

    .catalog__filters-block-heading {
        padding-bottom: 0
    }

    .catalog__filters-block-heading-title {
        font-weight: 500;
        font-size: 3.6rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .catalog__filters-block-heading-title::after {
        content: "";
        background-image: url("/local/templates/mirrey/./assets/images/icons/arrow-right.svg");
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 4rem;
        width: 100%;
        height: 4rem
    }

    .catalog__filters-block-heading-icon {
        display: none
    }

    .catalog__filters-block-nested::after {
        display: none
    }

    .catalog__filters-block-nested.--active > .catalog__filters-block-nested-wrapper {
        transform: translateX(0)
    }

    .catalog__filters-block-nested-heading {
        padding: 4rem 0
    }

    .catalog__filters-block-nested-heading .catalog__filters-block-heading-title {
        font-weight: 500;
        font-size: 3.6rem;
    }

    .catalog__filters-block-nested-wrapper {
        transition: .3s transform ease-out;
        transform: translateX(-100%);
        position: fixed;
        inset: 0;
        padding: 6.4rem 2.4rem;
        background-color: #fff;
        z-index: 55
    }

    .--active .catalog__filters-block-nested-wrapper {
        margin-bottom: 1.5rem
    }

    .catalog__filters-block-nested-content {
        overflow: visible;
        height: 100%;
    }

    .catalog__filters-fields-content {
        height: 100%;
        overflow: visible;
        max-height: 125rem;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .catalog__filters-fields-content .catalog__filters-block-nested {
        border-bottom: .1rem solid #898485
    }

    .catalog__filters-fields-content .catalog__filters-block-nested:nth-of-type(2) {
        border-top: .1rem solid #898485
    }

    .catalog__filters-fields-wrapper {
        transition: .3s transform ease-out;
        transform: translateX(-100%);
        position: fixed;
        inset: 0;
        padding: 6.4rem 2.4rem;
        background-color: #fff;
        z-index: 55;
        overflow: scroll hidden
    }

    .catalog__filters-blocks {
        margin-bottom: 8rem
    }

    .catalog__filters-category {
        gap: 4rem;
        margin-bottom: 8rem
    }

    .catalog__filters-category-title {
        font-weight: 500;
        font-size: 3.6rem
    }

    .catalog__filters-slide {
        margin-bottom: 8rem
    }

    .catalog__filters-slide-title {
        margin-bottom: 4rem;
        font-weight: 500;
        font-size: 3.6rem
    }

    .catalog__filters-slide-fields {
        margin-bottom: 3.2rem;
        gap: 10.6rem
    }

    .catalog__filters-slide-fields::after {
        width: 2.6rem
    }

    .catalog__filters-slide-fields label input {
        padding: 2.5rem 3.2rem;
        border-radius: 6rem
    }

    .catalog__filters-slide-fields label input, .catalog__filters-slide-fields label input::placeholder {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__filters-buttons {
        position: sticky;
        bottom: 0;
        gap: 4rem;
        padding: 2.4rem 2.4rem;
        background-color: #fff;
        box-shadow: 0 -0.8rem 6.8rem 0 rgba(0, 0, 0, .08);
        width: calc(100% + 4.8rem);
        margin-left: -2.4rem;
        z-index: 65
    }

    .catalog__filters-button.--reset {
        visibility: visible;
        gap: 3.2rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__filters-button-icon {
        max-width: 4rem;
        width: 100%;
        height: 4rem
    }

    .catalog__sample {
        margin-bottom: 6.4rem
    }

    .catalog__sample-title {
        margin-bottom: 3.2rem;
        font-weight: 500;
        font-size: 3.6rem
    }

    .catalog__sample-navigation {
        gap: 0;
        margin-right: -2.4rem;
        white-space: nowrap
    }

    .catalog__sample-list {
        gap: 1.6rem;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
        height: 100% !important;
        flex-wrap: nowrap;
        padding-right: 2.4rem
    }

    .catalog__sample-list::-webkit-scrollbar {
        display: none
    }

    .catalog__sample-item a {
        padding: 2rem 4rem;
        gap: 1.6rem;
        border-radius: 20rem
    }

    .catalog__sample-item-text {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__sample-item sub {
        font-weight: 400;
        font-size: 2.6rem;
        line-height: 120%;
        text-transform: uppercase
    }

    .catalog__sample-button {
        display: none
    }

    .catalog__sorting {
        display: none
    }

    .catalog__cards {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        margin-bottom: 6.4rem
    }

    .catalog__promotion-card {
        border-radius: 4.8rem;
        padding: 3.2rem
    }

    .catalog__promotion-card-heading {
        padding-bottom: .8rem;
        margin-bottom: 2.4rem
    }

    .catalog__promotion-card-heading strong {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .catalog__promotion-card-heading-icon {
        max-width: 6.4rem;
        width: 100%;
        height: 6.4rem
    }

    .catalog__promotion-card-heading-icon svg {
        visibility: hidden
    }

    .catalog__promotion-card-subtitle {
        margin-bottom: 6.4rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .catalog__promotion-card-image {
        height: 40.8rem;
        width: 40.8rem;
        flex: 0 0 40.8rem;
        max-width: none;
        margin-bottom: 6.4rem
    }

    .catalog__promotion-card-title {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .catalog__load-more {
        padding: 3.2rem;
        margin-bottom: 6.4rem
    }

    .recommendations__card-favorite-button {
        background-color: #fff
    }

    .seo__content {
        flex-direction: column;
        gap: 6.4rem
    }

    .seo__text {
        flex: 1 1 100%
    }

    .seo__text p {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .seo__text p:not(:last-of-type) {
        margin-bottom: 6.4rem
    }

    .seo__showmore-button {
        margin-top: 3.2rem
    }

    .seo__title {
        margin-bottom: 6.4rem;
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .seo__image {
        border-radius: 4.8rem;
        flex: none;
        height: 40rem
    }

    .cooperation__title {
        margin-bottom: 8rem
    }

    .cooperation__content {
        flex-direction: column;
        gap: 9.2rem
    }

    .cooperation__text {
        max-width: 100%
    }

    .cooperation__description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .cooperation__description:not(:last-child) {
        margin-bottom: 3.2rem
    }

    .cooperation__promotion {
        max-width: 100%;
        margin-top: 0;
        gap: 1.6rem
    }

    .cooperation__promotion-top {
        gap: 3.2rem
    }

    .cooperation__promotion-block {
        border-radius: 4rem
    }

    .cooperation__promotion-block-title {
        font-weight: 500;
        font-size: 4.2rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .cooperation__promotion-block-subtitle {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .cooperation__promotion-block:not(.--image) {
        padding: 3.2rem;
        gap: 3.2rem;
        flex: 1 1 46.6rem
    }

    .cooperation__promotion-block.--image {
        flex: 0 1 23.2rem
    }

    .cooperation__promotion-block-image {
        transform: scale(1.2);
        bottom: 3.2rem
    }

    .pricing__title {
        margin-bottom: 8rem
    }

    .pricing__contacts {
        flex-direction: column;
        gap: 4.4rem;
        border-radius: 4.8rem;
        align-items: flex-start;
        margin-top: 8rem
    }

    .pricing__contacts::after {
        width: 149rem;
        height: 90.4rem;
        max-width: none;
        left: -82.8rem;
        top: -67.4rem
    }

    .pricing__contacts::before {
        width: 149rem;
        height: 90.4rem;
        border-radius: 50%;
        right: -100.2rem;
        bottom: -60.3rem;
        max-width: none
    }

    .pricing__contacts-description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .pricing__contacts-text {
        max-width: 100%;
        gap: 2.4rem
    }

    .pricing__contacts-list {
        gap: 2.4rem;
        flex-direction: column;
        align-items: flex-start
    }

    .pricing__contacts-item {
        gap: 2.4rem
    }

    .pricing__contacts-item-text-title {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .pricing__contacts-item-text-link {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .benefits__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 8rem
    }

    .benefits__text {
        max-width: 100%
    }

    .benefits__title {
        margin-bottom: 1.6rem;
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .benefits__description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .benefits__list {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        width: 100%
    }

    .benefits__item {
        padding: 3.2rem;
        border-radius: 4.8rem;
        gap: 3.2rem;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .benefits__item-discard {
        max-width: 12rem;
        width: 100%;
        height: 12rem;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .feature__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 4.8rem
    }

    .feature__poster {
        max-width: 100%;
        width: 100%;
        height: 55.2rem
    }

    .feature__text {
        max-width: 100%;
        margin-right: 0
    }

    .feature__title {
        margin-bottom: 4.8rem
    }

    .feature__description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .feature__description:not(:last-child) {
        margin-bottom: 3.2rem
    }

    .feature__description:last-of-type {
        margin-bottom: 1.2rem
    }

    .feature__button {
        width: 100%
    }

    .figuration__title {
        margin-bottom: 1.6rem
    }

    .figuration__subtitle {
        margin-bottom: 8rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .figuration__item {
        border-radius: 4.8rem
    }

    .figuration__item .header__phone {
        width: calc(100% - 3.2rem)
    }

    .figuration__item .header__phone-btn {
        padding: 1.6rem;
        border-radius: 10rem;
        height: 8.8rem
    }

    .figuration__item .header__phone-btn .phone {
        width: 5.6rem;
        height: 5.6rem;
        margin-right: 2rem
    }

    .figuration__item .header__phone-btn span {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .figuration__item .header__phone-btn svg {
        width: 5.6rem;
        height: 5.6rem
    }

    .figuration__item .header__phone-list {
        display: none
    }

    .figuration__item-icon {
        max-width: 8rem;
        width: 100%;
        height: 8rem;
        margin-bottom: 0
    }

    .figuration__item-counter {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em;
        padding-bottom: 3.8rem;
        margin-bottom: 2.4rem;
        transform: translateY(-7rem);
        margin-bottom: -4.6rem
    }

    .figuration__item-description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 8rem
    }

    .figuration__item-bottom {
        gap: 2.4rem
    }

    .figuration__item-bottom-icon {
        max-width: 8.8rem;
        width: 100%;
        height: 8.8rem
    }

    .figuration__item-bottom-icon img {
        width: 5.6rem;
        height: 5.6rem
    }

    .figuration__item-bottom-text {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .favorites__title {
        gap: .8rem;
        margin-bottom: 8rem
    }

    .favorites__title sup {
        font-weight: 500;
        font-size: 3.6rem
    }

    .favorites__subtitle {
        font-weight: 400;
        font-size: 3.6rem;
        margin-bottom: 4.8rem
    }

    .favorites__list {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .promotions__title {
        margin-bottom: 8rem
    }

    .promotions__cards {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .promotions__card {
        flex-direction: column;
        padding: 3.2rem;
        border-radius: 4.8rem;
        gap: 0
    }

    .news-page .promotions__card .promotions__card-date {
        font-size: 3rem;
        line-height: 130%
    }

    .news-page .promotions__card .promotions__card-title {
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: 3.2rem
    }

    .news-page .promotions__card .promotions__card-description {
        -webkit-line-clamp: 2 !important;
        font-weight: 600;
        font-size: 3.6rem;
        margin-bottom: 4rem
    }

    .news-page .promotions__card .promotions__card-button {
        width: 100%
    }

    .promotions__card-heading {
        padding-bottom: .8rem;
        margin-bottom: 2.4rem
    }

    .promotions__card-discard {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .promotions__card-icon {
        max-width: 5rem;
        width: 100%;
        height: 5rem
    }

    .promotions__card-date {
        margin-bottom: 4rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .promotions__card.--large {
        padding: 3.2rem;
        height: 94.2rem
    }

    .promotions__card.--large .promotions__card-title {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em;
        margin-bottom: 4rem
    }

    .promotions__card.--large .promotions__card-description {
        margin-bottom: 4rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .promotions__card-description:not(.--large .promotions__card-description) {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .promotions__card-image {
        border-radius: 3.2rem;
        max-width: 100%;
        width: 100%;
        height: 54.2rem;
        margin-bottom: 4rem
    }

    .contacts__title {
        margin-bottom: 6.4rem
    }

    .contacts__list {
        gap: 6.4rem
    }

    .contacts__item {
        display: flex;
        flex-direction: column-reverse;
        gap: 1.6rem
    }

    .contacts__item-card {
        max-width: 100%;
        border-radius: 4.8rem;
        padding: 4.8rem 3.2rem;
        min-height: initial
    }

    .contacts__item-title {
        margin-bottom: 6.4rem;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .contacts__item-subtitle {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: 2.4rem
    }

    .contacts__item-communication-list {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        margin-bottom: 6.4rem
    }

    .contacts__item-communication-item {
        gap: 2.4rem
    }

    .contacts__item-communication-item-icon {
        max-width: 10rem;
        width: 100%;
        height: 10rem
    }

    .contacts__item-communication-item-icon img {
        max-width: 5rem;
        width: 100%;
        height: 5rem
    }

    .contacts__item-communication-item-info strong {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: 1.6rem
    }

    .contacts__item-communication-item-info a {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .contacts__item-communication-item-info p {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .contacts__item-connection-list {
        gap: 2.4rem
    }

    .contacts__item-connection-item {
        max-width: 8.8rem;
        width: 100%;
        height: 8.8rem
    }

    .contacts__item-bottom {
        justify-content: center;
        width: 100%;
        text-align: center;
        gap: 1.6rem
    }

    .contacts__item-bottom-icon {
        max-width: 4.8rem;
        width: 100%;
        height: 4.8rem
    }

    .contacts__item-bottom p {
        font-weight: 500;
        font-size: 3rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .contacts__item-map {
        position: initial;
        border-radius: 4.8rem;
        transform: translateY(0);
        max-width: 100%;
        width: 100%;
        height: 45.6rem
    }

    .contacts__item-map .map .marker {
        width: 7.2rem;
        height: 7.2rem
    }

    .contacts__item-map .map .marker img {
        max-width: 2.8rem;
        width: 100%;
        height: 4.4rem
    }

    .connection__title {
        margin-bottom: 8rem
    }

    .connection__list {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .connection__item a {
        padding: 3.2rem;
        border-radius: 4.8rem
    }

    .connection__item-icon {
        max-width: 8rem;
        width: 100%;
        height: 8rem
    }

    .connection__item-title {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em
    }

    .payment__content .tabs__navigation {
        display: none
    }

    .payment__content .tabs__content ol, .payment__content .tabs__content ul {
        font-size: 3rem;
        line-height: 130%;
        padding-left: 5rem
    }

    .payment__content .tabs__content p {
        font-size: 3rem;
        line-height: 130%
    }

    .payment__title {
        display: none
    }

    .payment__tabs-title {
        margin-bottom: 2rem
    }

    .payment__tabs-subtitle {
        font-size: 3rem;
        line-height: 130%;
        margin-bottom: 2rem
    }

    .payment__tabs-banner {
        height: 34rem;
        border-radius: 4.4rem;
        margin-top: 8rem
    }

    .payment__tabs-banner::after {
        left: .5rem;
        top: .1rem;
        width: 25rem;
        height: 14rem;
        background-image: url("/local/templates/mirrey/./assets/images/sections/payment/decor-element-1-mobile.svg")
    }

    .payment__tabs-banner::before {
        bottom: 0rem;
        right: .1rem;
        width: 17.5rem;
        height: 14.8rem;
        background-image: url("/local/templates/mirrey/./assets/images/sections/payment/decor-element-2-mobile.svg")
    }

    .payment__tabs-banner-content::after {
        max-width: 45rem;
        width: 100%;
        height: 38rem;
        left: -17rem;
        bottom: -55rem
    }

    .payment__tabs-banner-content::before {
        max-width: 53rem;
        width: 100%;
        height: 53rem;
        right: -16rem;
        top: -34rem
    }

    .payment__tabs-banner-image {
        max-width: 53.4rem;
        width: 100%;
        height: 48.4rem;
        right: -18rem;
        top: -18rem
    }

    @keyframes car-drive {
        to {
            transform: translate(-24rem, 5rem)
        }
    }.articles__title {
         margin-bottom: 8rem
     }

    .detailed__content {
        margin-top: 0
    }

    .detailed__text-block .detailed__title:not(h1) {
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em;
        color: #1d1d1b
    }

    .detailed .detailed__text-block ol, .detailed .detailed__text-block ul {
        margin-top: 3rem;
        padding-left: 4rem
    }

    .detailed ol li, .detailed ul li {
        font-size: 3rem;
        line-height: 130%
    }

    .detailed ol li::after, .detailed ul li::after {
        width: .8rem;
        height: .8rem;
        top: 1.5rem;
        left: -3rem
    }

    .detailed__date {
        margin-bottom: 4.8rem;
        font-size: 2.4rem;
        line-height: 130%
    }

    .detailed__description {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%
    }

    .detailed__description:not(:last-of-type) {
        margin-bottom: 2.4rem
    }

    .detailed__subtitle {
        font-size: 3rem;
        line-height: 130%
    }

    .detailed__link {
        margin-top: 10rem;
        justify-content: flex-start
    }

    .detailed__image {
        max-width: 100%;
        height: 58.2rem;
        border-radius: 4.8rem;
        margin-left: 0;
        margin-bottom: 4.8rem
    }

    .products__navigation {
        gap: 1.6rem;
        margin-bottom: 4.8rem
    }

    .products__navigation-button {
        padding: 2rem 4rem;
        border-radius: 20rem;
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        white-space: nowrap
    }

    .products__cards {
        display: flex;
        flex-direction: column;
        gap: 1.6rem
    }

    .map__content {
        height: auto;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        row-gap: 1.6rem;
        overflow: visible
    }

    .map__canvas {
        margin-bottom: 1.6rem;
        height: 70.2rem;
        border-radius: 4.8rem
    }

    .map__card {
        min-height: auto;
        border-radius: 4.8rem;
        flex: 1 1 auto;
        width: 100%
    }

    .map__card:not(.map__card.hover) .map-card__content {
        display: none
    }

    .map-card__wrapper {
        padding: 4.8rem 3.2rem;
        gap: 3.2rem;
        border-radius: 4.8rem;
        box-shadow: 0 0 2.2rem rgba(1, 28, 3, .12)
    }

    .map-card__header {
        gap: .8rem
    }

    .map-card__header h6 {
        font-size: 3.6rem;
        font-weight: 500
    }

    .map-card__header p {
        font-size: 3rem
    }

    .map-card__content {
        gap: 1.6rem
    }

    .map-card__content-item {
        gap: 3.6rem
    }

    .map-card__content-icon {
        width: 6rem;
        height: 6rem
    }

    .map-card__button {
        padding: 1.6rem 4rem;
        height: 8.8rem;
        border-radius: 10rem
    }

    .map-card__button svg {
        width: 6rem;
        height: 6rem
    }

    .map-card__list {
        top: 102%
    }

    ._is-active .map-card__list {
        padding: 3.2rem 2.4rem
    }

    ._is-active .map-card__list span {
        font-size: 3.2rem
    }

    ._is-active .map-card__list a {
        font-size: 3rem
    }

    .marker__text {
        display: none
    }

    .marker__svg img {
        width: 5rem;
        height: 5rem
    }

    .marker.hover .marker__svg {
        width: 8rem;
        height: 8rem
    }

    .authorization__inner {
        flex-direction: column-reverse;
        justify-content: stretch;
        align-items: stretch;
        border-radius: 4.8rem;
        gap: normal
    }

    .authorization__text-wrap {
        row-gap: 1.6rem
    }

    .authorization__info {
        padding: 4.8rem 3.2rem 4rem 3.2rem;
        max-width: none
    }

    .authorization__info-text {
        font-size: 3rem
    }

    .authorization__tabs {
        gap: 1.6rem
    }

    .authorization__tabs .authorization__tabs-btn {
        font-size: 3rem
    }

    .authorization__tabs-btn a {
        padding: 2rem 4rem;
        border-radius: 20rem
    }

    .authorization__info-form .input__label {
        display: none
    }

    .authorization__info-form .footer {
        margin-top: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 3.2rem
    }

    .authorization__info-form .footer a.link {
        margin-top: 1.6rem;
        align-self: flex-start;
        justify-content: flex-start
    }

    .authorization__info-form .footer a.link span {
        font-size: 3rem
    }

    .authorization__info-form .footer div {
        margin-top: 2rem;
        gap: 1.6rem
    }

    .authorization__info-form .footer div svg {
        width: 4.8rem;
        height: 4.8rem
    }

    .authorization__info-form .footer p {
        max-width: none;
        font-size: 3rem;
        line-height: 4rem
    }

    .authorization__info-form .footer.authorization a svg {
        width: 4rem;
        height: 4rem
    }

    .authorization__info-form {
        gap: 3.2rem
    }

    .authorization__info-form-button {
        width: 100%
    }

    .authorization__poster {
        max-width: none;
        height: 46rem;
        border-radius: 4.8rem 4.8rem 0 0
    }

    .authorization__poster img {
        transform: translateY(-8rem)
    }

    .authorization__poster::after {
        top: auto;
        bottom: -24rem;
        left: 50%;
        width: 63rem;
        height: 63rem;
        transform: translateX(-57%)
    }

    .authorization__poster::before {
        top: auto;
        bottom: -26rem;
        left: 50%;
        width: 68rem;
        height: 68rem;
        transform: translateX(-45%)
    }
}

@media (max-width: 767px)and (max-width: 767px) {
    .card .catalog__sorting-field .select__options .select__option {
        font-size: 3rem
    }

    .card__retail-attention-hide {
        padding-left: 5.6rem
    }

    .card__retail-attention-btn {
        padding-left: 6rem
    }

    .catalog__filters-fields-content-mobile {
        margin-bottom: 6.4rem
    }

    .catalog__filters-fields-content-title {
        font-weight: 600;
        font-size: 4.8rem;
        line-height: 110%;
        letter-spacing: .04em
    }

    .figuration__item-link {
        width: 100%
    }

    .promotions__card-description:not(.--large .promotions__card-description)._desktop-only {
        display: none
    }
}

@media (min-width: 768px)and (max-width: 767px) {
    .catalog__cards.--list {
        gap: 1.6rem
    }
}

@media (any-hover: hover) {
    .header__icons li._has-hover:hover {
        transform: scale(1.05)
    }

    .header__icons li._has-hover:hover .has-hover-span {
        color: #e29aa8
    }

    .header__icons li._has-hover:hover .header__icon svg path {
        fill: #e29aa8
    }

    .header__nav a:hover {
        text-shadow: -0.02rem -0.02rem 0 #2b5644, .02rem -0.02rem 0 #2b5644, -0.02rem .02rem 0 #2b5644, .02rem .02rem 0 #2b5644;
        color: #2b5644
    }

    .header__phone-btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 60, 80, .3)
    }

    .footer__nav-subtitle:hover {
        color: #2b5644
    }

    .social-list__icon:hover {
        transform: scale(1.05)
    }

    .social-list__icon:hover.social-list__icon_whatsapp {
        box-shadow: 0 1rem 4rem rgba(72, 201, 95, .3), inset 0 0 0 1px #48c95f
    }

    .social-list__icon:hover.social-list__icon_whatsapp rect {
        fill: #48c95f
    }

    .social-list__icon:hover.social-list__icon_whatsapp::after {
        box-shadow: inset -0.4rem -1.9rem 2rem -1.8rem #3db352
    }

    .social-list__icon:hover.social-list__icon_viber {
        box-shadow: 0 1rem 4rem rgba(124, 80, 154, .3), inset 0 0 0 1px #7c509a
    }

    .social-list__icon:hover.social-list__icon_viber rect {
        fill: #7c509a
    }

    .social-list__icon:hover.social-list__icon_viber::after {
        box-shadow: inset -0.4rem -1.9rem 2rem -1.8rem #64417c
    }

    .social-list__icon:hover.social-list__icon_skype {
        box-shadow: 0 1rem 4rem rgba(0, 169, 231, .3), inset 0 0 0 1px #00a9e7
    }

    .social-list__icon:hover.social-list__icon_skype rect {
        fill: #00a9e7
    }

    .social-list__icon:hover.social-list__icon_skype::after {
        box-shadow: inset -0.4rem -1.9rem 2rem -1.8rem #028dc0
    }

    .social-list__icon:hover.social-list__icon_telegram {
        box-shadow: 0 2rem 4rem rgba(39, 166, 229, .3), inset 0 0 0 1px #27a6e5
    }

    .social-list__icon:hover.social-list__icon_telegram rect {
        fill: #27a6e5
    }

    .social-list__icon:hover.social-list__icon_telegram::after {
        box-shadow: inset -0.4rem -1.9rem 2rem -1.8rem #1c91ca
    }

    .select__title:hover .select__value::after {
        transform: translateY(0.2rem)
    }

    .select__option:hover:not(.select__option:hover.select__subtitle) {
        cursor: pointer
    }

    .accordion__title .arr:hover {
        background-color: #e29aa8
    }

    .icon:hover svg rect {
        fill: var(--color)
    }

    .pagination__button:first-child:hover {
        transform: translateX(-0.3rem)
    }

    .pagination__button:last-child:hover {
        transform: translateX(0.3rem)
    }

    .pagination__item a:hover {
        background-color: #f4f4f4
    }

    .breadcrumbs a:hover {
        color: #1d1d1b
    }

    .news__card:hover {
        background-color: #559479;
        border-radius: 3rem 22rem 3rem 3rem
    }

    .news__card:hover .news__card-publication-icon {
        opacity: 0
    }

    .news__card:hover .popular__btn-arrow {
        opacity: 1;
        visibility: visible
    }

    .news__card:hover .news__card-image {
        border-radius: 2rem 22rem 2rem 2rem
    }

    .news__card:hover .news__card-publication-date, .news__card:hover .news__card-title, .news__card:hover .news__card-description {
        color: #fff
    }

    .news__card:hover .news__card-publication-icon svg path {
        stroke: #fff
    }

    .recommendations__card-image:hover .slide-hover-pag-bullets {
        opacity: 1;
        visibility: visible
    }

    .recommendations__card .btn__card:hover {
        background-color: #2b5644
    }

    .recommendations__card .btn__card:hover span {
        color: #fff
    }

    .recommendations__card-title:hover {
        text-shadow: -0.005rem -0.005rem 0 rgba(29, 29, 27, .3), .005rem -0.005rem 0 rgba(29, 29, 27, .3), -0.005rem .005rem 0 rgba(29, 29, 27, .3), .005rem .005rem 0 rgba(29, 29, 27, .3)
    }

    .recommendations__card-group-button.--primary:hover span {
        width: auto;
        opacity: 1;
        transition: width .5s ease, opacity .5s ease .3s
    }

    :not(.wholesaleOnly) .recommendations__card-group-button.--primary:hover + .recommendations__card-group-button {
        opacity: 0;
        width: 0
    }

    .recommendations__card-group:not(.wholesaleOnly) .recommendations__card-group-button.--secondary:hover {
        width: 70%
    }

    .recommendations__card-group:not(.wholesaleOnly) .recommendations__card-group-button.--secondary:hover span {
        width: 55%;
        opacity: 1;
        transition: width .5s ease, opacity .5s ease .3s
    }

    .recommendations__card-favorite-button:hover svg path:first-child {
        fill: #e29aa8;
        stroke: #e29aa8
    }

    .recommendations__card-favorite-button:hover svg path:last-child {
        fill: #e29aa8
    }

    .variants__card:hover {
        transform: translateY(-1rem);
        box-shadow: 0 2rem 4rem rgba(23, 38, 47, .3)
    }

    .noUi-handle:hover:hover {
        background-color: #559479;
        border-color: #559479
    }

    .single-link:hover::after {
        transform: scaleX(0)
    }

    .link:not(.link._no-hover,.link_reversed):hover svg {
        transform: translateX(0.3rem)
    }

    .link_reversed:hover svg {
        transform: translateX(-0.3rem) rotate(180deg)
    }

    .btn:not(.--disabled,.btn[disabled],.btn_ghost):not(.--loading):hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 60, 80, .3)
    }

    [data-three-card]:hover {
        box-shadow: 0 2rem 4rem rgba(23, 38, 47, .3), inset 0 0 0 1px #d7e5f4
    }

    .navigation-buttons .swiper-button-prev:hover svg {
        transform: translateX(-0.3rem)
    }

    .navigation-buttons .swiper-button-next:hover svg {
        transform: translateX(0.3rem)
    }

    .scroll-btn:hover svg.scroll-btn__icon {
        transform: rotate(90deg) translateX(-61%)
    }

    .profiles-account .profiles-account__list-item-btn:hover::after {
        max-width: 100%
    }

    .profiles-account .profiles-account__list-item-btn:hover svg {
        transform: translateX(0.3rem)
    }

    .sidebar-account__link:hover::after {
        max-width: 100%
    }

    .sidebar-account__link:hover svg {
        transform: translateX(0.3rem)
    }

    .sale__sale-cards:hover .sale__pagination {
        opacity: 1;
        visibility: visible
    }

    .sale__swiper:hover .sale__navigation-btn {
        opacity: 1;
        visibility: visible
    }

    .sale-card:hover.swiper-slide {
        transform: translateY(-0.5rem);
        box-shadow: 0 2rem 2rem rgba(23, 38, 47, .2)
    }

    .sale-card:hover:after {
        opacity: 1;
        background-color: #fc0
    }

    .sale-card:hover .sale-card__percent span {
        transform: translate(0.3rem, calc((50% + 0.3rem) * -1))
    }

    .popular__btn-arrow:hover svg {
        transform: translate(0.3rem, -0.3rem)
    }

    .popular-card:hover {
        color: #fff
    }

    .popular-card:hover::after {
        transform: translate(50%, 50%) scale(2)
    }

    .popular-card:hover .popular-card__title-h, .popular-card:hover .popular-card__title-t {
        color: #fff
    }

    .popular-card:hover .popular-card__link span {
        color: #e29aa8
    }

    .popular-card:hover .popular-card__link svg path {
        stroke: #e29aa8
    }

    .popular-card__link:hover svg {
        transform: translate(0.3rem, -0.3rem)
    }

    .card .btn__card:hover {
        background-color: #2b5644
    }

    .card .btn__card:hover span {
        color: #fff
    }

    .swiper-button-prev:not(.card__bottom.swiper-button-disabled):hover svg {
        transform: translateX(-0.3rem)
    }

    .swiper-button-next:not(.card__bottom.swiper-button-disabled):hover svg {
        transform: translateX(0.3rem)
    }

    .card__link:hover span::before {
        transform: translate(0.3rem, calc((50% + 0.3rem) * -1))
    }

    .receipts__card:hover .receipts__card-top-image img {
        transform: scale(1.05)
    }

    .receipts .swiper-slide:hover .receipts__card-bottom-icon {
        transform: translate(0.3rem, -0.3rem)
    }

    .news .swiper-slide:hover .news__card-publication-icon {
        transform: translate(0.3rem, -0.3rem)
    }

    .categories__card:hover .categories__card-detailed {
        opacity: 1
    }

    .catalog__card .recommendations__card:hover .recommendations__card-favorite-button {
        opacity: 1
    }

    .catalog__filters-blocks a:hover {
        color: #2b5644
    }

    .catalog__sorting-views-button:hover svg path {
        fill: #1d1d1b
    }

    .catalog__cards .--grid:hover .catalog__promotion-card-heading-icon {
        transform: translate(0.5rem, -0.5rem)
    }

    .promotions__card:hover:not(.promotions__card:hover.--large) {
        transform: translateY(-0.5rem);
        box-shadow: 0 2rem 2rem rgba(23, 38, 47, .2)
    }

    .promotions__card:hover .promotions__card-icon {
        transform: translate(0.4rem, -0.4rem)
    }

    .contacts__item-connection-item:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1.5rem 2rem rgba(23, 38, 47, .2)
    }

    .contacts__item-bottom:hover .contacts__item-bottom-icon {
        transform: rotate(-45deg)
    }

    .connection__item a:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1.5rem 2rem rgba(23, 38, 47, .2)
    }

    .payment__content .tabs__navigation .tabs__title:hover {
        background: #559479
    }

    .payment__content .tabs__navigation .tabs__title:hover span {
        color: #fff
    }

    .payment__content .tabs__navigation .tabs__title:hover span svg path {
        fill: #e29aa8
    }

    .payment__content .tabs__navigation .tabs__title:hover span:first-child {
        background: #fff
    }

    .products__navigation-button:hover {
        background-color: #2b5644;
        color: #fff
    }
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:before, .simplebar-content:after {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

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

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

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

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

.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 {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
    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 {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

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

.swiper-button-prev svg, .swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

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

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

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

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

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 200ms transform, 200ms left
}

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

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

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

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

.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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

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

.swiper-pagination-lock {
    display: none
}

.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
}

/* End */


/* Start:/local/templates/mirrey/style/dev.css?1764594082179505*/
.loader__wrapper {
    text-align: center;
    grid-column: span 3;
}

.loader__wrapper-promotions {
    text-align: center;
    grid-column: span 4;
}

.disabled-link {
    pointer-events: none;
    color: gray;
    text-decoration: none;
}

.loader {
    margin: 0 auto;
    width: 48px;
    height: 48px;
    border: 5px solid #979797;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.sale__slide-title {
    min-height: 105px;
}

.categories__card-detailed-item .text__regular-18:hover {
    text-decoration: underline;
}

[data-more] {
    display: none;
}

[data-read-more] {
    color: #2B5644;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.search-modal__slider.swiper::after {
    pointer-events: none;
    opacity: 1;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: -3rem;
    width: 16rem;
    height: 100%;
    background: linear-gradient(270deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
    transition: opacity 0.3s ease;
}

.search-modal__slider.swiper.is-end::after {
    opacity: 0;
}

@media (min-width: 769px) {
    .search-modal__slider.swiper {
        max-width: none;
    }

    .search-modal__slider.swiper::after {
        width: 75px;
        right: 0;
    }
}

.label {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    font-size: 20px;
    color: #22614E;
    cursor: pointer;
}

.file-input-container-label {
    position: relative;
}

.data-account__cc-button input[type=file] {
    display: none;
}

.data-account__cc-messages {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.data-account__cc-messages-item {
    display: inline-flex;
    gap: 10px;
    font-size: 18px;
    color: #898485;
}

.js-data-account__cc-messages-item-red {
    color: #e29aa8;
}

.data-account__cc-messages-item svg {
    width: 24px;
    position: relative;
    top: -2px;
}

.js-data-account__cc-messages-item-red path {
    fill: #e29aa8;
}

.catalog__load-all {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #898485;
    transition: 0.3s color ease, 0.3s background-color ease;
}

.detailed .catalog__content {
    max-width: 100%;
    width: 100%
}

.detailed .catalog__cards {
    grid-template-columns: repeat(4, 1fr);
}

@media (any-hover: hover) {
    .catalog__load-all:hover {
        background-color: #f4f4f4;
    }
}

@media (max-width: 767px) {
    .catalog__load-all {
        width: 8.8rem;
        height: 8.8rem;
        font-size: 3rem;
        line-height: 130%;
    }
}

.card-modal__container {
    overflow-y: auto;
    overscroll-behavior: contain;
}

html,
body {
    background-color: #fff;
    height: 100dvh;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    overflow-x: initial;
}

.header__icon {
    display: flex;
    align-items: flex-start;
}

.header__counter {
    position: static;
    transform: none;
}

.sale {
    overflow: hidden;
}

.too-many-error-modal__inner {
    text-align: center;
}

.catalog__filters-block.--active .catalog__filters-block-heading.lvl1,
.catalog__filters-block.--active .catalog__filters-block-heading.lvl1 > a,
.catalog__filters-block-nested.--active .catalog__filters-block-nested-heading.lvl2,
.catalog__filters-block-nested.--active .catalog__filters-block-nested-heading.lvl2 > a,
.catalog__filters-field.lvl2.--active,
.catalog__filters-field.lvl2.--active > a,
.catalog__filters-field.lvl3.--active,
.catalog__filters-field.lvl3.--active > a {
    color: #559479;
}

.catalog__filters-block.--active .catalog__filters-block-heading.lvl1,
.catalog__filters-block.--active .catalog__filters-block-heading.lvl1 > a {
    font-weight: 700;
}

.catalog__filters-block-nested-heading.lvl2,
.catalog__filters-block-nested-heading.lvl2 > a,
.catalog__filters-field.lvl2,
.catalog__filters-field.lvl2 > a {
    font-weight: 600;
}

.catalog__filters-field.lvl3,
.catalog__filters-field.lvl3 > a {
    font-weight: 400;
}

.payment__content .tabs__navigation .tabs__title {
    margin-bottom: 10px;
}

.payment__content .tabs__navigation .tabs__title:last-child {
    margin-bottom: 0;
}

.card__zoom {
    position: absolute;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: rgba(244, 244, 244, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10rem;
    right: 2rem;
}

.card__zoom svg {
    width: 2rem;
    height: 2rem;
}

.card__center {
    width: auto;
    column-gap: 20px;
}

@media (max-width: 767px) {
    .card__swiper-slide-padding {
        padding-left: 2.8rem;
    }

    .card__center {
        width: 100%;
        column-gap: 0;
    }

    .card__zoom {
        padding: 1.2rem 2.8rem;
        width: 8rem;
        height: 8rem;
        top: 12.4rem;
    }

    .card__zoom svg {
        width: 3.2rem;
        height: 3.2rem;
    }

    .recommendations__card-expectation:hover .recommendations__card-expectation-text {
        width: 41rem;
    }
}

.sidebar-account__link.link {
    cursor: pointer;
}

#priceRequestForm .input__field {
    display: none;
}

#priceRequestForm .select__options {
    max-height: 10.5rem;
    overflow-y: auto;
}

.card .btn__card {
    transition: border-color 0.3s ease, background-color 0.3s ease;
    border-color: #2b5644;
}

.card .btn__card span {
    transition: color 0.3s ease;
}

.card .btn__card svg rect {
    transition: fill 0.3s ease;
}

.card .btn__card svg path {
    transition: stroke 0.3s ease;
}

.card .btn__card svg rect {
    fill: #2b5644;
}

.card .btn__card svg path {
    stroke: #fff;
}

.card__scale-circle {
    position: relative;
}

.card__scale-circle::after {
    content: attr(data-tip-content);
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 10;
    max-width: 150px;
    width: max-content;
    text-align: center;
}

.card__scale-circle:hover::after {
    opacity: 1;
}

.header__catalog-button {
    display: block;
    position: relative;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

.header__catalog-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2b5644;
    color: #fff;
    padding: 1.72rem 2.4rem 1.72rem 6rem;
    border-radius: 5rem;
    font-weight: 400;
}

.header__catalog-button button {
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.6rem;
    z-index: 1;
}

.header__catalog-button button svg {
    width: 2.8rem;
    height: 2.8rem;
    pointer-events: none;
}

.header__catalog-button button svg.close,
.header__catalog-button.show button svg.open {
    display: none;
}

.header__catalog-button.show button svg.close {
    display: block;
}

.header__catalog {
    display: block;
    pointer-events: none;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.5s ease;
}

.header__catalog.show {
    clip-path: inset(0 0 0 0);
    pointer-events: auto;
}

.sale-card__percent {
    letter-spacing: 0.04em;
}

.subscribe-edit {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.subscribe-edit svg {
    width: 2.4rem;
    height: 2.4rem;
    color: #fff;
    margin-left: 20px;
}

.card__swiper-slide-sale {
    padding: 1.25rem 2rem;
    border-radius: 10rem;
    background: #e29aa8;
    display: block;
    font-weight: bold;
    width: fit-content;
    margin-bottom: .8rem;
}

.card__swiper-slide-sale span {
    font-size: 1.6rem;
    line-height: 120%;
    color: #fff;
}

.card__retail-price strong {
    white-space: nowrap;
}

.select__title:hover .select__value::after {
    transform: none;
}

.select._is-opened .select__title:hover .select__value::after {
    transform: rotate(-180deg);
}

.recommendations__card-button-text--mobile {
    display: none !important;
}

.card__swiper-slide-image {
    height: 100% !important;
    max-height: 540px;
}

.card__swiper-slide-image img {
    object-fit: contain !important;
    max-height: 540px;
}

.btn__card {
    gap: 0;
}

.recommendations__card-group.is-opt .recommendations__card-group-button.--secondary span,
.recommendations__card-group.is-opt:not(.wholesaleOnly) .recommendations__card-group-button.--primary.--hovered span:last-child {
    width: auto;
    opacity: 1;
}

.recommendations__card-group.is-opt:not(.wholesaleOnly) .recommendations__card-group-button.--secondary:hover {
    width: 40%;
}

@media (any-hover: hover) {
    .recommendations__card-group.is-opt:not(.wholesaleOnly) .recommendations__card-group-button.--secondary:hover span {
        width: auto;
    }
}

@media (max-width: 1023px) {
    .recommendations__card-group:not(.wholesaleOnly) .recommendations__card-group-button.--primary.--hovered span:last-child {
        width: auto;
        opacity: 1;
    }
}

.detailed .detailed__content .products {
    display: block;
}

.sale-card__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sale-card__date {
    margin-bottom: 2rem;
}

.card__wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: 4rem;
}

.card__top {
    display: grid;
    grid-template-columns: auto 1fr;
}

.card__right {
    position: relative;
}

.card__info {
    width: 51.3rem;
}

.card__center {
    column-gap: 50px !important;
}

.news__slider .swiper-slide {
    height: auto;
}

.news__slider .news__card {
    height: 100%;
}

.news__slider {
    margin-bottom: 1.5rem;
}

.news__card {
    padding: 2.2rem 3.2rem;
}

.news__card-image img {
    object-fit: contain;
}

.profiles-account__list-item-heading {
    word-break: break-word;
}

.pagination__item.pagination__dots {
    pointer-events: none;
}

.catalog__categories-list-item-icon,
.header-catalog__item-img {
    border-radius: 1rem;
}

.categories__banner-poster {
    border-radius: 0;
    transform: translate(100%, -50%);
    animation: fadeRight 1.5s linear forwards;
}

.favorite-account__products .recommendations__card-group-button {
    font-size: 1.3rem;
}

.detailed__text-block > * {
    margin-bottom: 2rem;
}

.detailed__text-block img {
    margin-top: 5rem;
    margin-bottom: 5rem;
    border-radius: 1.6rem;
}

.promotions__card-image img {
    object-fit: contain;
}

.article__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
}

.article__image {
    background-color: #D9D9D9;
    border-radius: 3.5rem;
    height: 44rem;
}

.article__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3.5rem;
}

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

.article__title {
    margin-bottom: 4.4rem;
}

.article__contents {
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
    margin-bottom: 2.8rem;
    overflow: hidden;
    transition: height 1s ease;
    font-size: 2rem;
    color: #777;
}

.article__contents h2 {
    font-weight: 600;
    font-size: 2.8rem;
}

.article__show {
    display: flex;
    align-items: center;
    column-gap: 0.4rem;
    font-size: 1.6rem;
    color: #2B5644;
    transition: opacity 0.3s ease, height 1s ease;
    margin-top: auto;
}

.article__show:hover,
.article__show:focus {
    opacity: 0.7;
}

.article__show.is-active {
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease, height 1s ease;
}

.article__show svg {
    width: 2.8rem;
    height: 2.8rem;
}

.reconstruction {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}

.reconstruction__title {
    color: #2b5644;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}

.reconstruction__comeback {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 100px;
}

.reconstruction__urgent {
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 60px;
    color: #559479;
}

.reconstruction .connection {
    max-width: 800px;
    width: 100%;
    margin-bottom: 100px;
}

.reconstruction .connection__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.reconstruction .connection__item a {
    padding: 15px 20px;
    border-radius: 12px;
    gap: 10px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    transition: box-shadow .5s ease, transform 1s ease;
}

.reconstruction .connection__item a:hover,
.reconstruction .connection__item a:focus {
    transform: translateY(-3px);
    box-shadow: 0 15px 20px rgba(23, 38, 47, .2);
}

.reconstruction .connection__item-icon {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    width: 100%;
}

.reconstruction .connection__item-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: 0.04em;
}

.reconstruction__contacts {
    display: flex;
    align-items: center;
    column-gap: 50px;
}

.reconstruction__tel,
.reconstruction__email {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    color: #559479;
    transition: opacity 0.3s ease;
}

.reconstruction__tel:hover,
.reconstruction__email:hover,
.reconstruction__tel:focus,
.reconstruction__email:focus {
    opacity: 0.7;
}

.reconstruction__telegram.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 15px 30px 15px 15px;
    column-gap: 16px;
    border-radius: 100px;
    font-size: 16px;
    background-color: #27a6e5;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    position: relative;
}

.reconstruction__telegram.btn:hover,
.reconstruction__telegram.btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 15px 15px -10px rgba(34, 60, 80, .3);
}

.reconstruction__telegram.btn img {
    width: 32px;
    height: 32px;
}

.reconstruction__logo {
    width: 206px;
    height: 56px;
    margin-bottom: 20px;
    transition: opacity 0.3s ease
}

.reconstruction__logo:hover,
.reconstruction__logo:focus {
    opacity: 0.7;
}

.consultation__info-description {
    margin-bottom: 4rem;
}

@media (min-width: 1024px) {
    .categories__card-detailed-link-placeholder {
        position: absolute;
        background-color: transparent;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
}

@media (width < 1024px) {
    .basket .basket__detailed-order .basket__detailed-order-warning-info {
        display: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .basket__detailed-order-warning:hover .basket__detailed-order-warning-text~.basket__detailed-order-warning-info {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 768px) {
    .basket__detailed-order-warning-info {
        padding: 2.4rem 3.2rem;
        border-radius: 2rem;
        background-color: #fff;
        position: absolute;
        bottom: -32.2rem;
        left: 0;
        box-shadow: 0 .4rem 9.4rem 0 rgba(0,0,0,.25);
        width: 100%;
        opacity: 0;
        transition: .3s visibility ease-out,.3s opacity ease;
        visibility: hidden;
        cursor: initial
    }

    .categories__card-detailed-heading {
        position: relative;
        z-index: 1;
    }

    .categories__card-detailed-item a {
        min-width: 75%;
        position: relative;
        z-index: 1;
    }

    .categories__card-detailed.--active .categories__card-detailed-link-placeholder {
        position: absolute;
        background-color: transparent;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
}

@media (max-width: 1023px) {
    .card__wrapper {
        display: flex;
    }

    .card__main {
        width: 100%;
    }

    .card__right {
        width: 100%;
    }

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

    .article__content {
        grid-template-columns: 1fr;
    }


    .article__image {
        height: auto;
    }

    .article__show {
        margin-top: 0;
    }

    .reconstruction {
        align-items: flex-start;
    }

    .reconstruction__title {
        font-size: 38px;
    }

    .reconstruction .connection__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.catalog__content .not-found .container {
    width: auto;
    margin: 0;
}

.consultation__info-form .input.textarea textarea {
    height: 100%;
}

.send-form {
    margin-top: 1.6rem;
    display: flex;
    align-items: center !important;
    gap: 40px;
}

.send-form .consultation__info-form-button {
    margin: 0;
}

.send-form .custom-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.send-form .custom-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.send-form .custom-checkbox .checkbox {
    min-width: 22px;
    height: 22px;
    padding: 6px 4px;
    border: 2px solid #559479;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, border-color .2s;
}

.send-form .custom-checkbox .checkbox svg {
    opacity: 0;
    transition: opacity .2s;
}

.send-form .custom-checkbox input:checked + .checkbox {
    background-color: #559479;
}

.send-form .custom-checkbox input:checked + .checkbox svg {
    opacity: 1;
}

.send-form .custom-checkbox p {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
}

.send-form .custom-checkbox p a,
.send-form .custom-checkbox span a {
    text-decoration: underline;
}

.send-form.product {
    flex-direction: column;
    align-items: flex-start !important;
    color: #fff;
}

.send-form.product .custom-checkbox .checkbox {
    border: 2px solid #fff;
}

.send-form.product .custom-checkbox p {
    color: #fff;
}

.send-form.product .btn {
    background-color: #EEC2CB;
    color: #1D1D1B;
}

.card-myprofile-account_green::before,
.card-myprofile-account_green::after {
    pointer-events: none;
}

.card-myprofile-account {
    overflow: hidden;
}

.detailed > .container .container {
    padding: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wrapper .header,
.wrapper .footer {
    flex-shrink: 0;
}

.footer .container {
    width: 140rem;
}

.wrapper main {
    flex-grow: 1;
    margin-top: 0 !important;
}

.person-profile__box-edit {
    word-break: break-word;
    padding-right: 5rem;
}

.news__card-image img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.recommendations__card-multi-images .swiper-wrapper {
    position: static;
    height: 100%;
}

.recommendations__card-multi-images .recommendations__card-image img {
    height: 100%;
}

.recommendations__card-image-inner {
    border-radius: 2rem;
}

.promotions__card-image {
    height: auto;
    flex: initial;
    align-self: center;
    max-width: none;
}

.promotions__card-image img {
    height: auto;
    max-height: 100%;
    aspect-ratio: 7 / 6;
    object-fit: cover;
}

.card__swiper {
    height: auto;
    max-height: 540px;
}

.header__search-input {
    display: flex;
    align-items: center;
}

.header__search-input .left-icon {
    top: auto;
    transform: none;
}

.card__swiper-slide {
    height: auto;
}

.card__swiper-slide-content {
    height: 100%;
}

.card__thumb .card__thumb-slide-image::before {
    content: "";
    position: absolute;
    border-radius: 2rem;
    border: 1px solid #2B5644;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.card__thumb .swiper-slide-thumb-active .card__thumb-slide-image::before {
    opacity: 1;
}

.card__thumb .swiper-slide-thumb-active .card__thumb-slide-image {
    border: none;
}

.card__thumb-slide-image {
    background-color: #fff;
    width: auto;
    height: auto;
    position: relative;
}

.card__thumb-slide-image img {
    object-fit: contain;
    height: auto;
    aspect-ratio: 7 / 6;
}

.receipts {
    overflow: hidden;
}

.receipts .container {
    padding-bottom: 5rem;
}

.receipts__slider {
    overflow: visible;
}

.receipts__slider .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.receipts__slider .swiper-slide.swiper-slide-visible {
    opacity: 1;
    visibility: visible;
}

.receipts__pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
    bottom: -4rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease;
}

.receipts__pagination .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: fit-content;
}

.receipts__slider .receipts__pagination .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    opacity: 1;
    background-color: #e0dfdf;
    transition: all .2s;
}

.receipts__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4.8rem;
    border-radius: 1rem;
    margin-right: 2.2rem;
}

.receipts__card-top-counter {
    padding-top: 2.5rem;
}

@media (any-hover: hover) {
    .receipts__slider:hover .receipts__pagination {
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 1024px) {
    .categories__card-detailed-item a {
        min-width: 50%;
        position: relative;
        z-index: 1;
    }

    .categories__card-detailed-link-placeholder {
        position: absolute;
        background-color: transparent;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
}

.search-modal-slide__wrapper {
    grid-template-columns: auto 1fr;
}

.search-modal-slide__image {
    background-color: #fff;
    width: auto;
    height: auto;
    aspect-ratio: 7 / 6;
}

.search-modal-slide__image img {
    height: auto;
    aspect-ratio: 7 / 6;
    border-radius: 2rem;
}

.search-modal-slide__wrapper {
    grid-template-columns: auto 1fr;
    position: relative;
}

.search-modal-slide__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.search-modal-slide__price button {
    position: relative;
    z-index: 1;
}

.authorization__back {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 1.6rem;
    margin-top: 6.4rem;
    margin-left: -2.4rem;
    padding: 1.2rem 1.5rem 1.2rem 2.3rem;
    border-radius: 10rem;
    border: 1px solid transparent;
    color: #22614E;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    transition: border-color 0.3s ease;
}

.authorization__back:hover {
    border-color: #22614E;
}

.authorization__back svg {
    width: 2rem;
    height: 2rem;
}

.promotions__card {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
}

.promotions__card-description {
    word-break: break-word;
}

.recommendations__card-expectation-aw {
    align-items: center;
}

.footer__block--logo {
    width: 45rem;
    max-width: 45rem;
    row-gap: 4rem;
}

.footer__logo {
    max-width: 29.6rem;
    margin-bottom: 0;
}

a.connection__telegram {
    background-color: #27A6E5;
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 4rem;
    align-items: center;
    padding: 1.2rem 4rem;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    position: relative;
    transition: background-color 0.3s ease;
}

a.connection__telegram img {
    width: 11.8rem;
    height: 11.8rem;
}

.footer__subscribe {
    max-width: 100%;
}

.footer__subscribe a.btn {
    background-color: #27A6E5;
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
    align-items: center;
    padding: 0 2rem 0 1rem;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
    position: relative;
    transition: background-color 0.3s ease;
    width: 100%;
    border-radius: 2.4rem;
}

a.connection__telegram .connection__telegram-arrow,
.footer__subscribe a.btn .footer__telegram-arrow {
    transition: transform 0.3s ease;
}

a.connection__telegram:hover,
.footer__subscribe a.btn:hover {
    background-color: #1a98d7;
    transform: none !important;
    box-shadow: none !important;
}

a.connection__telegram:hover .connection__telegram-arrow,
.footer__subscribe a.btn:hover .footer__telegram-arrow {
    transform: translateX(0.5rem);
}

.connection__telegram-icon {
    width: 14.5rem;
    height: 9.5rem;
}

.footer__telegram-icon {
    width: 6.7rem;
    height: 4.3rem;
}

.connection__telegram-arrow {
    width: 5.1rem;
    height: 1.6rem;
}

.footer__telegram-arrow {
    width: 2.6rem;
    height: 0.8rem;
}

@keyframes telegram {
    0% {
        clip-path: inset(0 0 0 0);
    }

    100% {
        clip-path: inset(0 0 0 100%);
    }
}

.detailed__text-block,
.detailed__date {
    max-width: 110.4rem;
    margin-left: auto;
    margin-right: auto;
}

.detailed__text-block p,
.detailed__text-block ol li,
.detailed__text-block ul li {
    color: #898485;
    font-size: 2rem;
}

.detailed__text-block ol li,
.detailed__text-block ul li {
    list-style: none;
    position: relative;
}

.detailed__text-block li::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1.4rem;
    background-color: #898485;
    border-radius: 50%;
}

.detailed__text-block img {
    margin: 2rem 0;
}

.detailed__text-block h2,
.detailed__text-block h3 {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 110%;
    margin: 3.6rem 0 2rem;
}

.detailed__text-block a {
    color: #2B5644;
    border-bottom: 1px solid #2B5644;
    transition: border-bottom-color 0.3s ease;
}

.detailed__text-block a:hover {
    border-bottom-color: transparent;
}

.connection__list {
    grid-template-columns: repeat(2, 1fr) 2.1fr;
}

.recommendations__card-image-pagination {
    display: none;
}

.catalog__sorting-field-title.status {
    transition: color 0.3s ease;
}

.catalog__sorting-field-title.status.selected {
    color: #559479;
}

.card__title,
.breadcrumbs span {
    word-break: break-word;
}

.card-modal__box {
    align-items: center;
}

.card-modal__box-image {
    max-width: 9.6rem;
    width: auto;
    height: auto;
    min-width: auto;
}

.card-modal__box-image {
    width: auto;
    height: auto;
    aspect-ratio: 7 / 6;
}

.section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.8rem;
}

.catalog__heading-title {
    position: relative;
    padding-right: 2rem;
}

.catalog__heading-title-wrapper {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .catalog__heading-title-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }
}

.catalog__heading-title-additional-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.title_sub {
    color: #898485;
    position: absolute;
    display: inline-block;
    top: 0;
    right: -25px;
    font-size: 20px;
}

.contacts__messengers {
    margin-top: 0.8rem;
}

.contacts__messengers span {
    display: flex;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 100%;
}

.popular__btn-watch {
    display: none;
}

.text__regular-14 {
    font-size: 14px;
    color: #898485;
}

.text__regular-14.active {
    color: #2B5644;
}

.recommendations__card-promotion {
    display: none;
}

.card .recommendations__card-promotion {
    display: flex;
}

input[type="number"].card__calc-input,
input[name="count-items"] {
    -moz-appearance: textfield;
}

input[type="number"].card__calc-input::-webkit-inner-spin-button,
input[type="number"].card__calc-input::-webkit-outer-spin-button,
input[name="count-items"]::-webkit-inner-spin-button,
input[name="count-items"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pagination__item span {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #898485;
    transition: .3s color ease, .3s background-color ease;
}

.consultation__data-content-lists > div {
    margin-bottom: 3.6rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    list-style-type: none;
}

.recent-arrivals__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
}

.recent-arrivals__card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recent-arrivals__card:hover .recent-arrivals__card-top-image img {
    transform: scale(1.05);
}

.recent-arrivals__card:hover .recent-arrivals__card-bottom-icon {
    transform: translate(0.3rem, -0.3rem);
}

.recent-arrivals__card-top-image img {
    transition: transform 1s ease;
}

.recent-arrivals__card-bottom-icon {
    transition: transform .5s ease;
}

.catalog__load-more {
    border-width: 1.5px;
}

.recent-arrivals__card-bottom {
    margin-top: auto;
}

.recent-arrivals__header h1 {
    position: relative;
}

.recent-arrivals__header h1 span {
    color: #898485;
    position: absolute;
    font-weight: 600;
    font-size: 2rem;
    line-height: 120%;
    letter-spacing: 0.04em;
    left: calc(100% + 2rem);
    top: 0;
}

.recent-arrivals__header-link a {
    column-gap: 1.6rem;
}

.recent-arrivals__header-link a:hover svg {
    transform: translateX(3px);
}

.recent-arrivals__header-link span {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 120%;
}

.recent-arrivals__header-link svg {
    top: 0;
    width: 2rem;
    height: 2rem;
    transition: transform 0.3s ease;
}

.news-detailed__main {
    display: grid;
    grid-template-columns: 1fr 1.02497fr;
    column-gap: 6rem;
    margin-bottom: 6.8rem;
}

.news-detailed__main img {
    border-radius: 2.4rem;
}

.news-detailed__text {
    margin-top: 4.8rem;
}

.news-detailed__text h1 {
    margin-bottom: 4rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: .04em;
    font-size: 4.8rem;
}

.news-detailed__text p:not(:last-of-type) {
    margin-bottom: 1rem;
}

.news-detailed__additional-text p:not(:last-of-type) {
    margin-bottom: 2rem;
}

.news-detailed p {
    font-weight: 400;
    font-size: 2rem;
    color: #898485;
}

.news-detailed h2 {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: .04em;
    margin-bottom: 4rem;
}

.news-detailed__additionals {
    max-width: 110.6rem;
    margin: 0 auto;
    border-radius: 2.4rem;
    background-color: #f4f4f4;
    padding: 5rem 6rem;
    position: relative;
}

.news-detailed__additionals-list {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    row-gap: 2rem;
}

.news-detailed__additional {
    display: flex;
    align-items: center;
    column-gap: 7rem;
    position: relative;
    z-index: 2;
}

.news-detailed__additional-background {
    position: absolute;
    z-index: -1;
    width: 50.5rem;
    height: 63rem;
    top: -19rem;
    right: -29rem;
}

.news-detailed__additional:nth-child(even) img {
    order: 2;
    margin-right: -35.5rem;
    margin-left: 0;
}

.news-detailed__additional img {
    width: 52.7rem;
    height: 38.2rem;
    margin-left: -35.5rem;
    border-radius: 2.4rem;
}

.footer__main {
    gap: 12.8rem;
}

.footer__subscribe .btn img {
    width: 6.9rem;
    height: 6.9rem;
}

.footer__rating iframe {
    border: 1px #e6e6e6 solid;
    border-radius: 5px;
}

.popular__btn {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.popular__btn-b-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: url('/local/templates/mirrey/style/./assets/images/sections/popular-card/flowers-new.png');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.popular__btn-wrapper {
    display: flex;
    align-items: center;
}

.popular__btn-title.mobile {
    display: none;
}

@media (min-width: 1024px) {
    .catalog__sorting-field-title.status:hover {
        color: #559479;
    }

    .catalog__sorting-field-title.status.selected {
        font-weight: 700;
    }

    .header__catalog > .container {
        position: relative;
    }

    .header-catalog__item-list {
        left: auto;
        right: 0;
        top: 0;
        max-height: none;
    }
}

.footer__block-icon {
    min-width: 2.8rem;
}

@media (max-width: 1023px) {
    .authorization__back {
        padding: 0;
        margin-left: 0;
    }

    .authorization__back:hover {
        border-color: transparent;
    }

    .card__wrapper {
        display: flex;
    }

    .card__main {
        width: 100%;
    }

    .card__right {
        width: 100%;
    }

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

    .article__content {
        grid-template-columns: 1fr;
    }

    .article__image {
        height: auto;
    }

    .article__show {
        margin-top: 0;
    }

    .recommendations__card-multi-images .recommendations__card-image img {
        position: relative;
        display: block;
        max-width: 100%;
    }

    .recommendations__card-multi-images .swiper-wrapper {
        position: relative;
    }

    .recommendations__card-multi-images .recommendations__card-row,
    .recommendations__card-multi-images .slide-hover-pag-bullets {
        display: none;
    }

    .receipts .container {
        padding-bottom: 0;
    }

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

    .latest .swiper.latest-swiper .swiper-slide {
        height: auto;
    }

    .promotions__card {
        grid-template-columns: 1fr;
    }

    .recommendations__card-image.swiper {
        overflow: visible;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet {
        border-radius: 50%;
        opacity: 1;
        background-color: #E6E6E6;
        transition: all .2s;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet-active {
        background-color: #B9B9B9;
    }

    .recommendations__card-multi-images {
        overflow: hidden;
    }

    .footer .container {
        width: 100%;
    }

    .send-form {
        align-items: normal;
        flex-direction: column;
        gap: 20px;
    }

    .send-form .custom-checkbox {
        width: 190px;
        margin: 0 auto;
    }

    .send-form .custom-checkbox p {
        font-size: 14px;
    }

    .send-form.product .custom-checkbox {
        width: fit-content;
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .card__thumb .card__thumb-slide-image::before {
        border-radius: 20px;
    }

    .authorization__back {
        column-gap: 16px;
        margin-top: 64px;
        border-radius: 100px;
        font-size: 16px;
        line-height: 19px;
    }

    .authorization__back svg {
        width: 20px;
        height: 20px;
    }

    .article__content {
        row-gap: 30px;
        font-size: 20px;
    }

    .article__image {
        border-radius: 35px;
    }

    .article__image img {
        border-radius: 35px;
    }

    .article__title {
        margin-bottom: 20px;
    }

    .article__contents {
        row-gap: 20px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .article__contents h2 {
        font-size: 28px;
    }

    .article__show {
        column-gap: 4px;
        font-size: 16px;
    }

    .article__show svg {
        width: 28px;
        height: 28px;
    }

    .detailed__text-block > * {
        margin-bottom: 20px;
    }

    .detailed__text-block img {
        margin-top: 50px;
        margin-bottom: 50px;
        border-radius: 16px;
    }

    .card__swiper-slide-new {
        padding: 14.5px 20px;
        margin-bottom: 8px;
        border-radius: 100px;
    }

    .card__swiper-slide-new span {
        font-size: 16px;
        padding-left: 28px;
    }

    .card__swiper-slide-new span::before {
        width: 24px;
        height: 24px;
    }

    .card__info {
        width: 100%;
    }

    body {
        font-size: 18px;
    }

    .wrapper {
        margin-top: 130px;
    }

    .header__catalog.show {
        max-height: calc(100vh - 90px);
        overflow: auto;
    }

    .header.scroll {
        box-shadow: 0 4px 94px 0 rgba(0, 0, 0, .15);
    }

    .container {
        width: 100%;
        padding: 0 20px;
    }

    .header__top {
        height: auto;
        column-gap: 20px;
    }

    .header__icons {
        height: auto;
        gap: 20px;
    }

    .header__tel {
        display: none;
        margin-right: 0;
    }

    .header__icons li a {
        gap: 8px;
    }

    .header__icons li a svg {
        width: 20px;
        height: 20px;
    }

    .header__icons li a span {
        max-width: 120px;
        font-size: 15px;
    }

    .header__counter {
        font-size: 16px;
    }

    .scroll .header__tel {
        display: none;
        width: 56px;
        margin-right: 24px;
    }

    .header__search {
        width: auto;
        flex-grow: 1;
    }

    .header__search-modal {
        top: calc(100% + 12px);
    }

    .header__logo {
        width: 146px;
        height: 41px;
        flex: initial;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__catalog {
        top: 90px;
        padding: 30px 20px;
        box-shadow: 0 154px 94px -130px rgba(0, 0, 0, .25);
    }

    .header__catalog .container {
        padding: 0;
    }

    .header-catalog__wrapper {
        max-height: 610px;
        padding-right: 10px;
    }

    .header-catalog__item._active .header-catalog__item-top {
        border-radius: 12px;
    }

    .header-catalog__item-top {
        width: 200px;
        padding: 15px;
        gap: 20px;
        pointer-events: none;
    }

    .header-catalog__item-top span {
        font-size: 16px;
        max-width: 76%;
    }

    .header-catalog__item-top span svg {
        width: 20px;
        height: 20px;
    }

    .header-catalog__item._active .header-catalog__item-list {
        gap: 20px;
    }

    .header-catalog__item-list {
        top: 30px;
        width: calc(100% - 268px);
        padding-left: 0;
        left: 240px;
    }

    .h_h2 {
        font-size: 40px;
    }

    .header-catalog__item-list .h {
        font-size: 20px;
    }

    .header-catalog__item-list .h span {
        left: calc(100% + 10px);
        font-size: 16px;
    }

    .header-catalog__item-links {
        gap: 14px;
        grid-template-columns: repeat(2, 1fr);
    }

    .header-catalog__item-text strong {
        font-size: 16px;
        word-break: break-word;
    }

    .header-catalog__item-link {
        padding: 14px;
        border-radius: 24px;
        gap: 12px;
    }

    .header-catalog__item-img {
        width: 30px;
        height: 30px;
    }

    .header-catalog__item-text {
        gap: 8px;
    }

    .header-catalog__item-text span {
        font-size: 14px;
    }

    .header__catalog-button a {
        padding: 15px 18px 15px 42px;
        border-radius: 50px;
        font-size: 16px;
    }

    .header__inner {
        height: auto;
        padding: 16px 0;
        gap: 20px;
    }

    .header__catalog-button button {
        width: 30px;
        height: 30px;
        left: 6px;
    }

    .header__catalog-button button svg {
        width: 15px;
        height: 15px;
    }

    .header__search-input .search {
        font-size: 16px;
        padding: 15px 40px 15px 15px;
        border-radius: 100px;
    }

    .header__search-input svg {
        width: 28px;
        height: 28px;
    }

    .header__search-input svg.left-icon {
        left: 24px;
        display: none;
    }

    .header__close-search-btn {
        width: 24px;
        height: 24px;
        right: 24px;
    }

    .header .search-btn {
        width: 16px;
        height: 16px;
        right: 16px;
    }

    .header__nav {
        gap: 20px;
        font-size: 16px;
        width: 100%;
        justify-content: space-between;
    }

    .header__buttons {
        gap: 12px;
        display: none;
    }

    .header__buttons .btn {
        height: 56px;
    }

    .btn {
        padding: 12px 26px;
        column-gap: 16px;
        border-radius: 100px;
        font-size: 16px;
    }

    .header__phone-btn {
        border-radius: 50px;
        padding: 14px 24px;
        height: 56px;
    }

    .header__phone-btn .phone {
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }

    .header__phone-btn span {
        margin: 0 10px;
    }

    .header__phone-btn svg {
        width: 20px;
        height: 20px;
    }

    ._is-active .header__phone-list {
        gap: 40px;
        border-radius: 24px;
        padding: 48px 20px 20px 20px;
    }

    ._is-active .header__phone-list li {
        gap: 12px;
    }

    ._is-active .header__phone-list span {
        font-size: 16px;
    }

    ._is-active .header__phone-list a {
        font-size: 18px;
    }

    .header__search-modal.show {
        display: none;
    }

    .scroll .header__inner {
        height: 90px;
    }

    .consultation__poster {
        overflow: hidden;
    }

    .consultation__info-description {
        margin-bottom: 40px;
    }

    .scroll-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 60px;
        right: 30px;
        width: 46px !important;
        height: 46px !important;
        border-width: 1px;
    }

    .scroll-btn svg {
        left: auto;
        top: auto;
        transform: rotate(90deg);
        width: 23px !important;
        height: 18px !important;
    }

    .footer__inner {
        gap: 30px;
        padding: 40px 0;
    }

    .footer__main {
        column-gap: 20px;
        row-gap: 30px;
        min-height: auto;
        flex-wrap: wrap;
    }

    .footer__logo {
        margin-bottom: 0;
        width: 250px;
        max-width: none;
    }

    .footer__subscribe .btn {
        padding: 15px 32px 16px 15.5px;
        font-size: 16px;
    }

    .footer__pay {
        gap: 15px;
        margin-top: 0;
    }

    .footer__block {
        max-width: 300px;
        gap: 24px;
    }

    .footer__block--logo {
        flex-direction: row;
        align-items: center;
        width: 100%;
        max-width: none;
        gap: 24px;
        justify-content: space-between;
    }

    .footer__block--info {
        width: 234px;
    }

    .footer__block-info {
        gap: 12px;
    }

    .footer__block-icon {
        min-width: 28px;
        width: 28px;
        height: 28px;
    }

    .footer__block-text {
        gap: 12px;
    }

    .text__regular-18 {
        font-size: 18px;
    }

    .text__regular-16 {
        font-size: 16px;
    }

    .contacts__item-connection-list {
        gap: 12px;
    }

    .contacts__item-connection-item {
        max-width: 32px;
        height: 32px;
    }

    .footer__nav-list li:not(:last-child) {
        margin-bottom: 12px;
    }

    .footer__bottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 24px;
        grid-template-columns: 210px 1fr 210px;
        border-top-width: 1px;
        font-size: 16px;
    }

    .footer__bottom li:nth-child(2),
    .footer__bottom li:last-child {
        justify-self: initial;
    }

    section {
        margin-bottom: 80px;
    }

    .sale .container {
        padding-bottom: 0;
    }

    .sale__swiper {
        margin-bottom: 40px;
    }

    .sale__slide-content {
        height: auto;
        border-radius: 40px;
        padding-bottom: 24%;
    }

    .sale__slide-image,
    .sale__slide-image img {
        border-radius: 40px;
    }

    .sale-card {
        border-radius: 24px;
    }

    .sale-card__content {
        grid-template-columns: 1fr 150px;
        column-gap: 15px;
        padding: 15px;
        height: 100%;
    }

    .sale-card:after {
        right: 120px;
        top: 100px;
        height: 20px;
        width: 20px;
    }

    .sale-card__percent {
        font-size: 36px;
        padding-bottom: 4px;
        margin-bottom: 12px;
    }

    .sale-card__percent span {
        width: 32px;
        height: 32px;
    }

    .sale-card__date {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .sale-card__text {
        font-size: 16px;
    }

    .sale-card__image {
        width: 150px;
        height: 100%;
        border-radius: 16px;
        align-self: center;
    }

    .sale-card__image img {
        border-radius: 16px;
    }

    .sale__sale-cards .sale__pagination {
        bottom: -40px;
    }

    .sale .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
    }

    .sale__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 48px;
        border-radius: 10px;
        margin-right: 22px;
    }

    .popular__title {
        margin-bottom: 60px;
    }

    .h_h1 {
        font-size: 38px;
    }

    .section-heading .link {
        gap: 16px;
    }

    .link span {
        font-size: 16px;
    }

    .link svg {
        width: 24px;
        height: 24px;
    }

    .link::after {
        bottom: -4px;
        border-bottom-width: 1px;
    }

    .popular__cards.swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 30px;
    }

    .popular-card {
        padding: 20px;
        border-radius: 30px;
    }

    .popular-card.swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .popular-card__image {
        width: 100%;
        height: auto;
        border-radius: 20px;
        margin-bottom: 32px;
    }

    .popular-card__image img {
        border-radius: 20px;
    }

    .popular-card__title {
        flex-grow: 1;
    }

    .popular-card__title-h {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .popular-card__title-t {
        font-size: 16px;
        margin-top: auto;
    }

    .popular-card__link {
        bottom: 20px;
        right: 20px;
    }

    .popular-card__link span {
        font-size: 16px;
        margin-right: 4px;
    }

    .popular-card__link svg {
        width: 20px;
        height: 20px;
    }

    .popular__btn {
        width: 100%;
        min-height: 400px;
        height: auto;
        border-radius: 30px;
        padding: 20px;
    }

    .popular__btn-text {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .popular__btn-b-image {
        background-size: cover;
    }

    .popular__btn-wrapper {
        position: relative;
    }

    .popular__btn-circle {
        width: 149px;
        height: 149px;
    }

    .popular__btn-image {
        width: 133px;
        height: 144px;
    }

    .popular__btn-title {
        font-size: 30px;
        margin-bottom: 6px;
    }

    .popular__btn-arrow {
        width: 60px;
        height: 60px;
    }

    .popular__btn-arrow svg {
        width: 30px;
        height: 30px;
    }

    .banner__content {
        padding: 40px;
        border-radius: 60px;
    }

    .banner__content::before {
        left: 610px;
        top: -490px;
        max-width: 730px;
        height: 730px;
    }

    .banner__info {
        max-width: 966px;
    }

    .banner__info-text {
        max-width: 305px;
    }

    .banner__title {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .banner__description {
        margin-bottom: 40px;
        max-width: 650px;
    }

    .banner__info-offer {
        padding: 15px;
        bottom: -28px;
        right: auto;
        left: 47%;
        max-width: 150px;
        height: 150px;
    }

    .banner__info-offer-title {
        font-size: 24px;
    }

    .h_h2 {
        font-size: 30px;
    }

    .banner__poster {
        right: -360px;
        max-width: 804px;
        height: 804px;
    }

    .banner__content::after {
        left: -370px;
        bottom: -520px;
        max-width: 710px;
        height: 710px;
    }

    .card-modal {
        top: 100px;
        right: 40px;
    }

    .card-modal__wrap {
        border-radius: 30px;
        padding: 32px 20px;
        width: 710px;
    }

    .card-modal__close {
        width: 30px;
        height: 30px;
        margin-bottom: 20px;
    }

    .card-modal__container {
        padding-right: 10px;
        max-height: 290px;
    }

    .card-modal__box {
        border-radius: 30px;
        margin-bottom: 16px;
        padding: 16px;
    }

    .card-modal__box-close {
        width: 20px;
        height: 20px;
        top: 16px;
        right: 16px;
    }

    .card-modal__box-image {
        width: 96px;
        min-width: 96px;
        height: 96px;
        border-radius: 20px;
        margin-right: 12px;
    }

    .card-modal__box-image img {
        border-radius: 20px;
    }

    .card-modal__box-title {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 21px;
        width: 430px;
    }

    .card-modal__box-price {
        padding: 16px 12px;
        border-radius: 100px;
        font-size: 16px;
        min-width: 218px;
        height: 40px;
        margin-right: 12px;
    }

    .card-modal__btns {
        margin-top: 32px;
    }

    .card-modal__price-inner {
        font-size: 28px;
        line-height: 30px;
    }

    .card-modal__price {
        margin-left: 20px;
    }

    .variants__title {
        margin-bottom: 48px;
    }

    .variants__card {
        padding: 20px;
        border-radius: 30px;
    }

    .variants__card-counter {
        margin-bottom: 12px;
    }

    .variants__card-image {
        border-radius: 20px;
        height: auto;
        margin-bottom: 24px;
    }

    .variants__card-category {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-width: 1px;
    }

    .h_h4 {
        font-size: 18px;
    }

    .section-heading {
        margin-bottom: 30px;
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] {
        gap: 20px;
        margin-top: -5px;
    }

    .text__regular-16-caps {
        font-size: 16px;
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] small {
        max-width: 73px;
    }

    .section-heading.subtitle .subtitle__text [class*=text-subtext] span {
        margin-left: 30px;
    }

    .navigation-buttons {
        gap: 10px;
    }

    .swiper-button-next, .swiper-button-prev, .scroll-btn {
        width: 46px !important;
        height: 46px !important;
    }

    .swiper-button-next svg, .swiper-button-prev svg, .scroll-btn svg {
        width: 20px !important;
        height: 15px !important;
    }

    .recommendations__card {
        padding: 20px;
        border-radius: 30px;
        max-width: 390px;
    }

    .watched-b .recommendations__card {
        max-width: none;
    }

    .watched-b .recommendations__card-calc {
        width: 100%;
    }

    .recommendations__card-image {
        border-radius: 20px;
        height: 300px;
        margin-bottom: 16px;
    }

    .recommendations__card-image.swiper {
        margin-bottom: 28px;
    }

    .recommendations__card-image-inner {
        border-radius: 20px;
    }

    .recommendations__card-wrap {
        top: 32px;
        left: 32px;
    }

    .recommendations__card-sale {
        padding: 10px;
        border-radius: 100px;
        font-size: 16px;
        min-width: auto;
        margin-bottom: 8px;
    }

    .recommendations__card-hit {
        padding: 10px;
        border-radius: 100px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .catalog-icon {
        width: 24px;
        height: 24px;
        margin-right: 3px;
    }

    .recommendations__card-title {
        margin-bottom: 8px;
        min-height: 44px;
    }

    .recommendations__card-articul {
        margin-bottom: 20px;
    }

    .recommendations__card-info {
        gap: 16px;
    }

    .recommendations__card-info-item {
        gap: 8px;
    }

    .recommendations__card-info-item-icon {
        max-width: 20px;
        height: 20px;
    }

    .recommendations__card-group {
        margin-bottom: 16px;
        border-radius: 100px;
    }

    .recommendations__card-group-button {
        border-radius: 100px;
        font-size: 16px;
        height: 44px;
    }

    .favorite-account__products .recommendations__card-group-button {
        font-size: 16px;
    }

    .recommendations__card-group-button.--primary {
        width: 110px;
    }

    .btn__card {
        gap: 0;
        padding: 8px;
        border-radius: 60px;
        border-width: 1px;
    }

    .btn__card span {
        font-size: 18px;
    }

    .btn__card svg {
        max-width: 60px;
        height: 60px;
    }

    .recommendations__card-calc {
        min-height: 78px;
        width: 100%;
        border-width: 1px;
        border-radius: 60px;
        padding: 8px;
    }

    .recommendations__card-calc-inner {
        min-width: 200px;
    }

    .recommendations__card-calc-minus {
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 10px;
    }

    .recommendations__card-calc-quantity {
        max-width: 100px;
        font-size: 18px;
        line-height: 21px;
    }

    .recommendations__card-calc-box {
        width: 93px;
        min-width: 93px;
        height: 60px;
        border-radius: 60px;
        margin-left: 7px;
        padding: 18px;
        cursor: pointer;
    }

    .recommendations__card-calc-box-plus,
    .recommendations__card-calc-box-b {
        width: 24px;
        height: 24px;
    }

    .recommendations__card-favorite-button {
        right: 32px;
        top: 32px;
        max-width: 24px;
        height: 24px;
    }

    .recommendations__card-favorite-button svg {
        width: 24px;
        height: 24px;
    }

    .receipts__card-top {
        height: 200px;
        border-radius: 30px;
        margin-bottom: 20px;
    }

    .receipts__card-top-counter {
        padding-top: 20px;
        padding-right: 20px;
        left: -24px;
        bottom: -30px;
        font-size: 16px;
        max-width: 120px;
        height: 120px;
    }

    .receipts__card-bottom-title {
        font-size: 16px;
        max-width: 264px;
        word-break: break-word;
    }

    .receipts__card-bottom-icon {
        max-width: 32px;
        height: 32px;
    }

    .news__slider {
        margin-bottom: 15px;
    }

    .news__card {
        padding: 20px;
        border-radius: 30px;
        min-height: 300px;
    }

    .news__card-image {
        border-radius: 20px;
        height: 200px;
        margin-bottom: 24px;
    }

    .news__card-publication {
        gap: 10px;
    }

    .news__card-publication svg {
        max-width: 32px;
        height: 32px;
    }

    .news__card-title {
        margin-bottom: 8px;
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        width: 48px;
        border-radius: 10px;
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .consultation__content {
        border-radius: 60px;
        gap: 20px;
    }

    .consultation__info {
        padding: 30px;
        max-width: 824px;
    }

    .consultation__info-title {
        margin-bottom: 20px;
    }

    .consultation__info-text {
        margin-bottom: 30px;
        max-width: 483px;
    }

    .consultation__info-form .input {
        margin-bottom: 16px;
    }

    .input {
        border-radius: 30px;
        font-size: 16px;
    }

    .input__field {
        padding: 12px 16px;
        border-radius: 32px;
        font-size: 16px;
    }

    .input__field::placeholder {
        font-size: 16px;
    }

    .input__label {
        column-gap: 20px;
        font-size: 12px;
    }

    .input.textarea textarea {
        height: 112px;
    }

    .consultation__poster {
        max-width: 820px;
        border-radius: 0 60px 60px 0;
    }

    .consultation__poster::before, .consultation__poster::after {
        width: 609px;
        height: 609px;
    }

    .consultation__poster::before {
        bottom: -150px;
        left: -110px;
    }

    .consultation__poster::after {
        bottom: -130px;
        left: 20px;
    }

    .consultation__poster-img {
        bottom: -180px;
        left: 50%;
        transform: translateX(-50%);
        width: 346px;
        height: 533px;
    }

    .consultation__content::after {
        height: 300px;
    }

    .map__inner {
        gap: 30px;
    }

    .map__content {
        height: 750px;
    }

    .map__canvas {
        border-radius: 60px;
    }

    .map__wrapper {
        padding: 32px;
        gap: 12px;
    }

    .map__card {
        width: 300px;
    }

    .map-card__wrapper {
        padding: 20px;
        border-radius: 24px;
        gap: 16px;
    }

    .map-card__header {
        gap: 4px;
    }

    .map-card__header h6 {
        font-size: 20px;
    }

    .map-card__header p {
        font-size: 16px;
    }

    .map-card__content {
        gap: 12px;
    }

    .map-card__content-item {
        gap: 17px;
    }

    .map-card__content-icon {
        width: 28px;
        height: 28px;
    }

    .map-card__button {
        column-gap: 10px;
        border-radius: 50px;
        padding: 14px 24px;
        height: 56px;
    }

    .map-card__button svg {
        width: 28px;
        height: 28px;
    }

    .breadcrumbs {
        gap: 10px 20px;
        margin-bottom: 24px;
    }

    .breadcrumbs a {
        font-size: 16px;
    }

    .breadcrumbs a::after {
        right: -6px;
    }

    .breadcrumbs span {
        font-size: 16px;
    }

    .categories__banner {
        border-radius: 40px;
        padding: 36px 28px;
        margin-bottom: 30px;
    }

    .categories__banner::before {
        left: 710px;
        top: -590px;
        max-width: 730px;
        height: 730px;
    }

    .categories__banner::after {
        left: -320px;
        bottom: -570px;
        max-width: 710px;
        height: 710px;
    }

    .categories__banner-text {
        max-width: 350px;
        gap: 20px;
    }

    .categories__banner-poster {
        max-width: 360px;
        height: 170px;
    }

    .categories__cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }

    .categories__card {
        padding: 32px;
        border-radius: 30px;
    }

    .categories__card-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .categories__card-info {
        margin-top: auto;
    }

    .categories__card-image {
        border-radius: 20px;
        height: 250px;
        margin-bottom: 20px;
    }

    .categories__card-title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .link {
        gap: 4px;
    }

    .link::after {
        border-bottom-width: 1px;
    }

    .categories__card-detailed {
        padding: 20px;
        border-radius: 30px;
        pointer-events: none;
    }

    .categories__card-detailed.--active {
        pointer-events: auto;
        opacity: 1;
    }

    .categories__card-detailed-heading {
        padding-bottom: 24px;
        border-bottom-width: 1px;
        margin-bottom: 24px;
    }

    .categories__card-detailed-heading-title {
        font-size: 24px;
    }

    .categories__card-detailed-heading-icon {
        max-width: 28px;
        height: 28px;
    }

    .categories__card-detailed-list {
        height: 290px;
        gap: 12px;
    }

    .categories__card-detailed::after {
        right: -263px;
        bottom: 10px;
        width: 519px;
        height: 276px;
    }

    .catalog__heading-price {
        gap: 8px;
    }

    .h_h3 {
        font-size: 28px;
    }

    .catalog__heading-title {
        gap: 20px;
    }

    .catalog__categories {
        margin-bottom: 80px;
    }

    .catalog__categories-list {
        max-width: 1515px;
        gap: 10px;
        min-height: 80px;
    }

    .catalog__categories-list-item a {
        padding: 16px;
        gap: 12px;
        border-radius: 24px;
    }

    .catalog__categories-list-item-icon,
    .header-catalog__item-img {
        max-width: 40px;
        height: 40px;
        border-radius: 5px;
    }

    .catalog__categories-list-item-text {
        gap: 8px;
    }

    .text__regular-20 {
        font-size: 20px;
    }

    .catalog__categories-list-item-text sup {
        font-size: 14px;
    }

    .catalog__categories-button {
        display: none;
        margin-top: 30px;
        white-space: nowrap;
    }

    [data-showmore-button] {
        gap: 4px;
    }

    [data-showmore-button] .arrow-icon {
        max-width: 20px;
        height: 20px;
        min-width: 20px;
    }

    .catalog__filters {
        max-width: 303px;
    }

    .catalog__filters-block-heading {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .catalog__filters-block-heading-icon {
        max-width: 20px;
        height: 20px;
    }

    .catalog__filters-fields-content > .catalog__filters-field {
        height: 20px;
    }

    .catalog__filters-fields-content {
        padding-left: 8px;
    }

    .radio {
        gap: 8px;
    }

    .radio input[type=radio] {
        width: 24px;
        height: 24px;
        border-width: 1px;
    }

    .radio span {
        font-size: 18px;
    }

    .catalog__filters-sample {
        margin-bottom: 30px;
    }

    .catalog__filters-sample-heading {
        margin-bottom: 16px;
        gap: 8px;
    }

    .catalog__filters-sample-icon {
        max-width: 24px;
        height: 24px;
    }

    .catalog__filters-sample-fields {
        gap: 16px;
    }

    .checkbox {
        gap: 8px;
    }

    .checkbox input[type=checkbox] {
        width: 21.5px;
        min-width: 21.5px;
        height: 21.5px;
        border-width: 1px;
        border-radius: 4px;
    }

    .checkbox input[type=checkbox]::before {
        width: 9px;
        height: 6px;
    }

    .checkbox span {
        font-size: 16px;
    }

    .catalog__filters-blocks {
        margin-bottom: 30px;
    }

    .catalog__filters-block.--active .catalog__filters-fields-wrapper {
        padding-bottom: 10px;
    }

    .catalog__filters-block-nested-heading {
        padding-bottom: 10px;
    }

    .catalog__filters-block-nested-heading .catalog__filters-block-heading-title {
        font-size: 18px;
    }

    .catalog__filters-block-nested-content {
        padding-left: 8px;
    }

    .catalog__filters-field:not(:last-child) {
        margin-bottom: 16px;
        margin-left: 0;
    }

    .catalog__filters-field:last-child {
        margin-left: 0;
    }

    .catalog__filters-fields-content > .catalog__filters-field {
        font-size: 18px;
    }

    .catalog__filters-slide {
        margin-bottom: 30px;
    }

    .catalog__filters-slide-title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .catalog__filters-slide-fields {
        margin-bottom: 24px;
        gap: 30px;
    }

    .catalog__filters-slide-fields label input {
        padding: 16px;
        border-width: 1px;
        border-radius: 30px;
    }

    .catalog__filters-slide-fields label input, .catalog__filters-slide-fields label input::placeholder {
        font-size: 16px;
    }

    .catalog__filters-slide-fields::after {
        width: 13px;
        height: 1px;
    }

    .noUi-base {
        height: 4px;
    }

    .noUi-connect {
        border-radius: 10px;
    }

    .noUi-handle {
        border-width: 3px;
        width: 20px;
        height: 20px;
        right: -15px;
    }

    .catalog__filters-category {
        gap: 16px;
        margin-bottom: 30px;
    }

    .catalog__filters-category-title {
        font-size: 28px;
    }

    .catalog__filters-buttons {
        gap: 20px;
    }

    .catalog__filters-button.--reset {
        gap: 16px;
    }

    .catalog__filters-button-icon {
        max-width: 20px;
        height: 20px;
    }

    .catalog__sample {
        margin-bottom: 44px;
    }

    .catalog__sample-title {
        margin-bottom: 24px;
    }

    .catalog__sample-navigation {
        gap: 30px;
    }

    .catalog__sample-list {
        height: auto !important;
        gap: 8px;
        max-width: 1085px;
    }

    .catalog__sample-item a {
        gap: 8px;
        padding: 8px 20px;
        border-radius: 100px;
    }

    .catalog__products {
        column-gap: 20px;
    }

    .catalog__cards {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
        gap: 20px;
    }

    .catalog__cards.catalog__cards--promotions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog__cards .recommendations__card {
        max-width: none;
    }

    .catalog__cards.--grid .recommendations__card-calc {
        width: 100%;
    }

    .catalog__sorting {
        column-gap: 20px;
        margin-bottom: 25px;
    }

    .catalog__sorting-fields {
        gap: 20px;
        flex-wrap: wrap;
    }

    .catalog__sorting-field {
        gap: 12px;
    }

    .dropdowns {
        max-width: 800px;
        row-gap: 10px;
    }

    .select__title {
        border-radius: 16px;
    }

    .select__value {
        gap: 10px;
    }

    .catalog__sorting-field .select__value {
        padding: 8px 40px;
        border-radius: 50px;
        border-width: 1px;
        height: 40px;
    }

    .select__value._has-label::before, .select__value .select__content {
        max-width: 314px;
    }

    .select__value .select__content {
        font-size: 16px;
    }

    .catalog__sorting-field .select__value .select__content {
        font-size: 18px;
    }

    .select__value::after {
        width: 20px;
        height: 20px;
    }

    .catalog__sorting-field .select__options {
        border-radius: 24px;
        border-width: 1px;
        padding: 40px 20px 20px 20px;
        top: calc(100% - 30px);
    }

    .catalog__sorting-field .select__options .select__option {
        padding: 0 0 12px;
        font-size: 16px;
    }

    .catalog__sorting-field .select__options .select__option:last-child {
        padding-bottom: 0;
    }

    .catalog__promotion-card {
        border-radius: 30px;
        padding: 20px;
    }

    .catalog__promotion-card-heading {
        padding-bottom: 5px;
        border-bottom-width: 1px;
        margin-bottom: 12px;
    }

    .catalog__promotion-card-heading-icon {
        max-width: 32px;
        height: 32px;
    }

    .catalog__promotion-card-subtitle {
        margin-bottom: 36px;
    }

    .catalog__promotion-card-image {
        max-width: calc(100% - 60px);
        height: 280px;
        margin: 0 auto 36px;
    }

    .pagination {
        gap: 4px;
    }

    .pagination__button {
        width: 20px;
        height: 20px;
    }

    .pagination__list {
        gap: 4px;
    }

    .pagination__item {
        width: 25px;
        height: 25px;
    }

    .pagination__item a,
    .pagination__item span {
        font-size: 20px;
    }

    .catalog__load-all {
        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .catalog__sorting-views {
        gap: 14px;
    }

    .catalog__sorting-views-button {
        min-width: 20px;
        max-width: 20px;
        height: 20px;
    }

    .catalog__cards.--list {
        gap: 20px;
    }

    .catalog-page .recommendations__card.--list {
        gap: 15px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-image {
        width: 139px;
        height: 119px;
        margin-right: 15px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-middle {
        max-width: 531px;
        min-width: auto;
        gap: 40px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-title {
        margin-bottom: 12px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-groups {
        width: auto;
        padding-right: 0;
        row-gap: 15px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group {
        gap: 12px;
        padding-right: 0;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button {
        border-radius: 22px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button:first-child {
        padding: 8px 12px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-group-button:last-child {
        margin-left: 12px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-button {
        max-width: 240px;
        font-size: 16px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-button svg {
        max-width: 30px;
        height: 30px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-calc {
        width: 340px;
    }

    .recommendations__card-calc-plus {
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 10px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-button {
        max-width: 240px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-favorite-button {
        right: 20px;
        top: 20px;
    }

    .recommendations__card-favorite-button {
        max-width: 24px;
        height: 24px;
    }

    .catalog-page .recommendations__card.--list .recommendations__card-favorite-button {
        right: 20px;
        top: 20px;
    }

    .recommendations__card-favorite-button svg {
        width: 24px;
        height: 24px;
    }

    .catalog__heading-price .catalog__heading-price-text {
        white-space: nowrap;
    }

    .card__wrapper {
        flex-wrap: wrap;
    }

    .card__title {
        margin-bottom: 20px;
    }

    .card__right-block-inner {
        margin-bottom: 30px;
    }

    .card__article {
        font-size: 16px;
        padding-right: 30px;
        margin-right: 12px;
    }

    .card__article-sum {
        font-size: 16px;
    }

    .card__left {
        width: 100%;
        padding: 20px;
        border-radius: 20px;
        margin-right: 0;
        max-height: none !important;
        margin-bottom: 20px;
    }

    .card__swiper-slide-block {
        left: 20px;
        top: 28px;
    }

    .card__swiper-slide-sale {
        padding: 12.5px 20px;
        border-radius: 100px;
        margin-bottom: 8px;
    }

    .card__swiper-slide-sale span {
        font-size: 16px;
    }

    .card__swiper-slide-like {
        width: 60px;
        height: 60px;
        top: 20px;
        right: 20px;
    }

    .card__swiper-slide-like svg {
        width: 20px;
        height: 20px;
    }

    .card__swiper {
        max-height: 794px;
    }

    .card__swiper-slide-image {
        display: flex;
        width: 100%;
        max-height: 794px;
        border-radius: 20px;
    }

    .card__swiper-slide-image img {
        border-radius: 20px;
        object-fit: contain !important;
        max-height: 794px;
    }

    .card__bottom {
        margin-top: 20px;
    }

    .card__thumb {
        width: 470px;
    }

    .card__thumb-slide-image {
        border-radius: 20px;
        height: auto;
    }

    .card__thumb-slide-image img {
        border-radius: 20px;
    }

    .card__center {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 20px;
        border-radius: 20px;
        position: static;
        margin-bottom: 20px;
        column-gap: 20px !important;
    }

    .card__prices {
        width: auto;
    }

    .card__prices-span {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .card__prices-price {
        padding-bottom: 16px;
        font-size: 28px;
        border-bottom-width: 1px;
        margin-bottom: 16px;
    }

    .card__prices-text {
        font-size: 16px;
    }

    .card__prices-text br {
        display: none;
    }

    .card__wholesale-price {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom-width: 1px;
    }

    .card__wholesale-price .new {
        font-size: 28px;
    }

    .card__wholesale-price .old {
        font-size: 18px;
    }

    .card__right-wrapper {
        flex-wrap: wrap;
    }

    .card__right-block {
        width: 100%;
        margin-right: 0;
    }

    .card__article::before {
        width: 24px;
        height: 24px;
    }

    .card__title-characteristic {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .card__characteristic-lists {
        width: 100%;
        margin-bottom: 20px;
    }

    .card__characteristic-item {
        margin-bottom: 16px;
    }

    .card__characteristic-item span {
        font-size: 16px;
    }

    .card__characteristic-item .points {
        border-bottom-width: 1px;
        margin-left: 10px;
        margin-right: 10px;
        bottom: 5px;
    }

    .card__characteristic-item strong {
        width: 135px;
        font-size: 16px;
    }

    .card__right {
        position: static;
    }

    .card__right-sidebar {
        width: 100%;
    }

    .card__retail {
        padding: 32px;
        border-radius: 20px;
        margin-bottom: 16px;
    }

    .card__retail-title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .card__retail-inner {
        margin-bottom: 8px;
    }

    .card__retail-inner-block {
        padding: 8px 22px;
        border-radius: 1000px;
    }

    .card__retail-plus, .card__retail-minus {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .card__retail-plus svg, .card__retail-minus svg {
        width: 24px;
        height: 24px;
    }

    .card__retail-quantity {
        font-size: 18px;
        width: 120px;
    }

    .card__retail-desk {
        margin-bottom: 21px;
    }

    .card__retail-price {
        margin-bottom: 16px;
    }

    .card__retail-price strong {
        font-size: 40px;
    }

    .card__retail-price .points {
        border-bottom: 1px;
        margin-left: 10px;
        margin-right: 10px;
        bottom: 7px;
    }

    .card__retail-price span {
        font-size: 16px;
    }

    .card__retail-attention {
        padding: 12px;
        border-radius: 16px;
        margin-bottom: 32px;
    }

    .card__retail-attention-text {
        font-size: 18px;
        margin-bottom: 8px;
        padding-left: 32px;
    }

    .card__retail-attention-text::before {
        width: 24px;
        height: 24px;
    }

    .card__retail-attention-hide {
        font-size: 18px;
    }

    .card__retail-attention-hide ul {
        padding-top: 10px;
        padding-left: 40px;
    }

    .card__retail-attention-hide li {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .card__scale {
        margin-bottom: 32px;
    }

    .card__scale-block {
        flex-grow: 1;
    }

    .card__scale-circle {
        width: 13px;
        height: 13px;
    }

    .card__scale-circle .card__scale-circle-c {
        width: 6px;
        height: 6px;
    }

    .card__scale-line-one {
        width: 100%;
        height: 6px;
        border-radius: 20px 0 0 20px;
    }

    .card__scale-line,
    .card__scale-line-two,
    .card__scale-line-three,
    .card__scale-line-four,
    .card__scale-line-five {
        width: 100%;
        height: 6px;
    }

    .card__receiving {
        padding: 32px 32px 32px 12px;
        border-radius: 20px;
        margin-bottom: 16px;
    }

    .card__receiving-title {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .card__receiving-delivery {
        padding-left: 0;
        font-size: 18px;
        margin-bottom: 22px;
    }

    .card__receiving-delivery::before,
    .card__receiving-myself::before {
        width: 44px;
        height: 44px;
        position: static;
        transform: none;
        margin-right: 12px;
    }

    .card__receiving-myself {
        padding-left: 0;
        font-size: 18px;
    }

    .card__receiving-delivery,
    .card__receiving-myself {
        display: flex;
        align-items: center;
    }

    .card__link {
        padding: 24px;
        border-radius: 20px;
    }

    .card__link span {
        font-size: 20px;
        padding-right: 78px;
    }

    .card__link span::before {
        width: 32px;
        height: 32px;
    }

    .card__description {
        flex-direction: column;
        margin-top: 40px;
    }

    .card__description-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .card__description-tabs {
        margin-bottom: 30px;
    }

    .card__description-tabs-item {
        margin-right: 10px;
        padding: 15px 32px;
        border-radius: 100px;
        border-width: 1.5px;
        font-size: 18px;
    }

    .card__description-text p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .card__description-text ul {
        font-size: 18px;
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .card__description-text li {
        margin-bottom: 2px;
    }

    .card__form {
        width: 100%;
        height: 493px;
        border-radius: 40px;
        padding: 40px 32px;
    }

    .card__form-title {
        margin-bottom: 48px;
    }

    .card__form-title strong {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .card__form-title span {
        font-size: 18px;
    }

    .flower-recom__box {
        width: 220px;
        padding: 20px;
        border-radius: 20px;
    }

    .flower-recom__box:nth-child(1n) {
        margin-bottom: 0;
    }

    .flower-recom__box:nth-child(odd) {
        margin-bottom: 20px;
    }

    .flower-recom__box-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 16px;
    }

    .flower-recom__box-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .flower-recom__box-text {
        font-size: 16px;
        width: 180px;
    }

    .flower-recom__image {
        width: 284px;
        height: 248px;
    }

    .favorites__title {
        margin-bottom: 30px;
        gap: 20px;
    }

    .favorites__subtitle {
        margin-bottom: 20px;
    }

    .about {
        margin-bottom: 68px;
    }

    .about__text {
        max-width: none;
        margin-top: 0;
    }

    .about__title {
        margin-bottom: 30px;
    }

    .about__description {
        font-size: 18px;
    }

    .about__description:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .about__image {
        max-width: none;
        width: 100%;
        border-radius: 24px;
    }

    .about__content {
        flex-direction: column;
        row-gap: 20px;
    }

    .about-director {
        margin-bottom: 80px;
    }

    .about-director__content {
        padding-top: 70px;
        padding-bottom: 12px;
    }

    .about-director__image {
        width: 273px;
        height: 352px;
        bottom: 12px;
    }

    .about-director__block {
        width: 350px;
        height: 286px;
        border-radius: 24px;
    }

    .about-director__block::before {
        height: 455px;
        bottom: -240px;
    }

    .about-director__block::after {
        height: 455px;
        bottom: -270px;
    }

    .about-director__text {
        width: auto;
        border-radius: 24px;
        height: 310px;
        left: -30px;
        margin-right: -30px;
        padding: 32px 20px 37px 45px;
    }

    .about-director__text-icon {
        top: -28px;
        right: 28px;
        max-width: 68px;
        height: 57px;
    }

    .about-director__text-title {
        margin-bottom: 30px;
    }

    .about-director__text-title strong {
        font-size: 28px;
        margin-bottom: 14px;
    }

    .about-director__text-title span {
        font-size: 20px;
    }

    .about-director__text p {
        width: auto;
        font-size: 20px;
    }

    .mission {
        margin-bottom: 80px;
    }

    .mission__info {
        padding: 30px 60px;
        border-radius: 24px;
        max-width: calc(100% - 143px);
    }

    .mission__info-text {
        max-width: 380px;
    }

    .mission__title {
        margin-bottom: 40px;
    }

    .mission__description {
        font-size: 20px;
    }

    .mission__description:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .mission__description:last-of-type {
        margin-bottom: 40px;
    }

    .mission__blockquote {
        gap: 12px;
        font-size: 20px;
    }

    .mission__blockquote p {
        max-width: 676px;
    }

    .mission__poster {
        max-width: 271px;
        height: 316px;
    }

    .mission__poster-image {
        border-radius: 30px;
    }

    .about-worth__title {
        font-size: 48px;
        margin-bottom: 123px;
    }

    .about-worth__image:nth-child(1) {
        top: -50px;
    }

    .about-worth__image {
        width: 263px;
        height: 191px;
        border-radius: 24px;
    }

    .about-worth__image img {
        border-radius: 24px;
    }

    .about-worth__image:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
        height: 198px;
    }

    .about-worth__image:nth-child(3) {
        bottom: 150px;
        height: 160px;
    }

    .about-worth__image:nth-child(4) {
        width: 252px;
        height: 315px;
        top: -110px;
    }

    .about-worth__text {
        width: calc(100% - 250px);
        border-radius: 24px;
        padding: 25px 30px;
    }

    .about-worth__text-wrap {
        margin-bottom: 50px;
        width: calc(100% - 120px);
        font-size: 20px;
    }

    .about-worth__text-wrap p {
        margin-bottom: 20px;
    }

    .task__content {
        gap: 20px;
    }

    .task__info {
        max-width: 573px;
    }

    .task__title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .task__description {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .task__info-list {
        gap: 20px;
    }

    .task__info-item {
        gap: 10px;
        padding: 16px;
        border-radius: 20px;
    }

    .task__info-item-icon {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
    }

    .task__info-item-icon img {
        max-width: 20px;
        height: 20px;
    }

    .task__info-item-title {
        font-size: 18px;
    }

    .task__image {
        border-radius: 20px;
        max-width: 620px;
        height: auto;
    }

    .task__promotion {
        gap: 20px;
    }

    .task__promotion-title {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .task__promotion-description {
        margin-bottom: 16px;
    }

    .task__promotion-image {
        max-width: 607px;
        border-radius: 20px;
    }

    .detailed {
        margin-bottom: 100px;
        min-height: auto;
    }

    .promotions__title {
        margin-bottom: 60px;
    }

    .promotions__cards {
        gap: 20px;
    }

    .promotions__card {
        flex-direction: column;
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
    }

    .promotions__card-heading {
        padding-bottom: 4px;
        margin-bottom: 12px;
        border-bottom-width: 1px;
    }

    .promotions__card-icon {
        max-width: 24px;
        height: 24px;
    }

    .promotions__card-info {
        width: 100%;
    }

    .promotions__card-image {
        max-width: none;
        border-radius: 16px;
        flex: initial;
        height: 100%;
    }

    .promotions__card-discard {
        font-size: 30px;
    }

    .promotions__card-description {
        font-size: 24px;
    }

    .cooperation__title {
        margin-bottom: 60px;
    }

    .cooperation__text {
        max-width: calc(100% - 400px);
        margin-right: 20px;
    }

    .cooperation__description {
        font-size: 16px;
    }

    .cooperation__description:not(:last-child) {
        margin-bottom: 22px;
    }

    .cooperation__promotion {
        max-width: 857px;
        margin-top: -31px;
    }

    .cooperation__promotion-top {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    .cooperation__promotion-block {
        border-radius: 24px;
    }

    .cooperation__promotion-block:not(.--image) {
        padding: 20px;
        gap: 20px;
        flex: 1 1 392px;
    }

    .cooperation__promotion-block-subtitle {
        font-size: 18px;
    }

    .cooperation__promotion-block-title {
        font-size: initial;
    }

    .cooperation__promotion-block.--image {
        flex: initial;
    }

    .pricing__contacts {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        padding: 20px;
        border-radius: 30px;
        margin-top: 40px;
        column-gap: 20px;
    }

    .pricing__contacts::before {
        max-width: 638px;
        height: 644px;
        right: -162px;
        bottom: -413px;
    }

    .pricing__contacts::after {
        max-width: 792px;
        height: 644px;
        left: -328px;
        top: -424px;
    }

    .pricing__contacts-text {
        max-width: 556px;
        gap: 12px;
    }

    .pricing__contacts-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .pricing__contacts-item {
        gap: 12px;
    }

    .pricing__contacts-item-icon {
        width: 60px;
        height: 60px;
    }

    .pricing__contacts-item-icon img {
        width: 30px;
        height: 30px;
    }

    .pricing__contacts-item-text {
        gap: 8px;
    }

    .benefits__content {
        flex-direction: column;
        row-gap: 30px;
    }

    .benefits__text {
        max-width: none;
    }

    .benefits__title {
        margin-bottom: 30px;
    }

    .benefits__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        width: 100%;
    }

    .benefits__item {
        padding: 20px;
        border-radius: 30px;
        gap: 20px;
    }

    .benefits__item-discard {
        max-width: 60px;
        height: 60px;
    }

    .benefits__item-text {
        font-size: 16px;
    }

    .feature__content {
        flex-direction: column;
        row-gap: 30px;
    }

    .feature__poster {
        max-width: 50%;
        height: auto;
    }

    .feature__text {
        max-width: none;
        margin-right: 0;
    }

    .feature__title {
        margin-bottom: 30px;
    }

    .feature__description:not(:last-child) {
        margin-bottom: 20px;
    }

    .feature__description:last-of-type {
        margin-bottom: 30px;
    }

    .figuration__title {
        margin-bottom: 20px;
    }

    .figuration__subtitle {
        margin-bottom: 30px;
    }

    .figuration__item {
        border-radius: 32px;
        padding: 15px;
    }

    .figuration__item-icon {
        max-width: 40px;
        height: 40px;
        margin-bottom: 20px;
    }

    .figuration__item-counter {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom-width: 1px;
    }

    .figuration__item-description {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .figuration__item-link {
        width: 100%;
    }

    .figuration__item .header__phone {
        position: static;
        width: 100%;
        margin-top: auto;
    }

    .figuration__item .header__phone-btn {
        height: auto;
        padding: 12px 26px;
        border-radius: 100px;
    }

    .figuration__item:not(:has(.figuration__item-wrapper))::after {
        width: 792px;
        height: 644px;
    }

    .figuration__slider li:nth-child(odd) .figuration__item::after {
        left: auto;
        right: 30px;
        top: -373px;
    }

    .figuration__slider li:nth-child(even) .figuration__item::after {
        left: 36px;
        bottom: -350px;
        top: auto;
    }

    .figuration__item:not(:has(.figuration__item-wrapper)) {
        padding: 15px;
    }

    .figuration__item-bottom {
        gap: 12px;
    }

    .figuration__item-bottom-icon {
        min-width: 56px;
        max-width: 56px;
        height: 56px;
    }

    .figuration__item-bottom-icon img {
        width: 28px;
        height: 28px;
    }

    .figuration__item-bottom-text {
        font-size: 18px;
    }

    .payment__content .tabs {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }

    .payment__content .tabs__navigation {
        max-width: none;
        position: static;
    }

    .payment__title {
        margin-bottom: 50px;
    }

    .payment__content .tabs__navigation .tabs__title {
        max-width: none;
        padding: 6px;
        border-radius: 100px;
        gap: 10px;
    }

    .nav-link-sidebar-account__icon-wrap {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
    }

    .nav-link-sidebar-account__icon-wrap svg {
        flex: 0 0 15px;
        width: 15px;
        height: 15px;
    }

    .nav-link-sidebar-account__text {
        font-size: 16px;
    }

    .payment__content .tabs__content {
        max-width: 963px;
        padding-top: 0;
        margin-left: 0;
    }

    .payment__tabs-title {
        margin-bottom: 30px;
    }

    .payment__tabs-subtitle {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .payment__tabs-subtitle br {
        display: none;
    }

    .payment__content .tabs__content ol, .payment__content .tabs__content ul {
        font-size: 18px;
        padding-left: 25px;
        margin: 0 0 10px;
    }

    .payment__content .tabs__content p {
        font-size: 18px;
    }

    .payment__tabs-banner {
        height: 464px;
        border-radius: 60px;
        margin-top: 40px;
    }

    .payment__tabs-banner::before {
        width: 344px;
        height: 201px;
        bottom: -10px;
        right: -109px;
    }

    .payment__tabs-banner::after {
        left: 5px;
        top: 1px;
        width: 344px;
        height: 201px;
    }

    .payment__tabs-banner-content::before {
        max-width: 731px;
        height: 733px;
        top: -484px;
        right: -227px;
    }

    .payment__tabs-banner-content::after {
        max-width: 731px;
        height: 733px;
        left: -329px;
        bottom: -932px;
    }

    .payment__tabs-banner-image {
        max-width: 736px;
        height: 664px;
        right: -255px;
        top: -250px;
    }

    .contacts__title {
        margin-bottom: 36px;
    }

    .contacts__list {
        gap: 40px;
    }

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

    .contacts__item-card {
        border-radius: 24px;
        max-width: none;
        padding: 20px;
        min-height: auto;
    }

    .contacts__item-card > br {
        display: none;
    }

    .contacts__item-title {
        margin-bottom: 40px;
    }

    .contacts__item-communication-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-bottom: 40px;
    }

    .contacts__item-communication-item {
        gap: 12px;
    }

    .contacts__item-communication-item-icon {
        max-width: 60px;
        height: 60px;
    }

    .contacts__item-communication-item-icon img {
        max-width: 30px;
        height: 30px;
    }

    .contacts__item-communication-item-info strong {
        margin-bottom: 8px;
    }

    .contacts__item-subtitle {
        margin-bottom: 12px;
        font-size: 16px;
    }

    .contacts__item-map {
        border-radius: 24px;
        max-width: none;
        height: 467px;
        position: static;
        transform: none;
    }

    .contacts__item-bottom {
        gap: 12px;
        padding: 12px;
        border-radius: 100px;
    }

    .contacts__item-bottom-icon {
        max-width: 32px;
        height: 32px;
    }

    .connection__title {
        margin-bottom: 48px;
    }

    .connection__list {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .connection__item a {
        padding: 20px;
        border-radius: 24px;
        gap: 16px;
    }

    a.connection__telegram {
        column-gap: 40px;
        padding: 12px 40px 12px 40px;
        font-size: 28px;
    }

    a.connection__telegram img {
        width: 118px;
        height: 118px;
    }

    .footer__subscribe a.btn {
        column-gap: 13.5px;
        padding: 13px 20px 13px 10px;
        font-size: 16px;
        border-radius: 24px;
    }

    a.connection__telegram::before {
        width: 155px;
        height: 105px;
        left: 30px;
    }

    .footer__subscribe a.btn::before {
        width: 77px;
        height: 53px;
        left: 10px;
    }

    .connection__telegram-icon {
        width: 145px;
        height: 95px;
    }

    .footer__telegram-icon {
        width: 67px;
        height: 43px;
    }

    .connection__telegram-arrow {
        width: 51px;
        height: 16px;
    }

    .footer__telegram-arrow {
        width: 26px;
        height: 8px;
    }

    .contacts__messengers {
        margin-top: 8px;
    }

    .contacts__messengers span {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .connection__item-icon {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
    }

    .consultation__data {
        width: 860px;
        border-radius: 0 60px 60px 0;
    }

    .consultation__data::before {
        width: 198px;
        height: 198px;
        left: -50px;
        top: -120px;
    }

    .consultation__data::after {
        width: 241px;
        height: 241px;
        right: -60px;
        bottom: -100px;
    }

    .consultation__data-content {
        padding-top: 20px;
        padding-left: 20px;
        position: relative;
        z-index: 3;
    }

    .consultation__data-content-title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .consultation__data-content-lists li,
    .consultation__data-content-lists > div {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .consultation__data-content-lists span {
        padding-right: 2px;
    }

    .consultation__data-bf {
        width: 244px;
        height: 112px;
        top: -30px;
        right: -80px;
    }

    .consultation__data-bf-two {
        width: 138px;
        height: 72px;
        bottom: -10px;
        left: 45px;
    }

    .consultation__data-image img {
        width: 215px;
        height: 225px;
        top: auto;
        bottom: -45px;
    }

    .contacts__item-map .map .marker {
        width: 36px;
        height: 36px;
    }

    .contacts__item-map .map .marker img {
        max-width: 14px;
        height: 22px;
    }

    .authorization__inner {
        border-radius: 60px;
        gap: 20px;
        align-items: initial;
    }

    .authorization__info {
        padding: 25px;
        max-width: 824px;
    }

    .authorization__text-wrap {
        margin-bottom: 30px;
        row-gap: 20px;
    }

    .authorization__tabs {
        gap: 10px;
    }

    .authorization__tabs-btn {
        margin-bottom: 48px;
    }

    .authorization__tabs-btn a {
        padding: 15px 32px;
        border-width: 1px;
        border-radius: 100px;
    }

    .authorization__info-form {
        gap: 16px;
    }

    .authorization__info-form .footer {
        gap: 20px;
        margin-top: 16px;
    }

    .authorization__info-form .footer.authorization a {
        gap: 16px;
    }

    .authorization__info-form .footer.authorization a svg {
        width: 20px;
        height: 20px;
    }

    .authorization__poster {
        display: flex;
        align-items: flex-end;
        max-width: 820px;
        border-radius: 0 60px 60px 0;
        height: auto;
    }

    .authorization__poster::before {
        width: 405px;
        height: 405px;
        top: 132px;
        right: 77px;
    }

    .authorization__poster::after {
        width: 437px;
        height: 437px;
        top: 111px;
        left: 37px;
    }

    .input .show-password {
        right: 20px;
    }

    .input .show-password svg {
        width: 24px;
        height: 24px;
    }

    .input._has-error::after {
        bottom: -12px;
        left: 18px;
        font-size: 11px;
    }

    .label._has-error::after {
        bottom: -12px;
        left: 18px;
        font-size: 11px;
    }

    .authorization__info-form .footer p {
        max-width: 326px;
        font-size: 16px;
    }

    .authorization__info-form .footer div {
        gap: 8px;
    }

    .authorization__info-form .footer div svg {
        min-width: 16px;
        width: 16px;
        height: 16px;
    }

    .authorization__info-form .footer div span {
        font-size: 16px;
    }

    .account__container {
        grid-template-columns: 200px 1fr;
        column-gap: 20px;
    }

    .account__heading {
        margin-bottom: 60px;
    }

    .sidebar-account {
        padding: 20px;
        border-radius: 30px;
    }

    .dropdown {
        row-gap: 12px;
    }

    .sidebar-account__dropdown {
        margin-bottom: 20px;
    }

    .select__value {
        height: 40px;
    }

    .dropdown_select .select__value {
        padding: 10px;
        border-radius: 50px;
    }

    .dropdown_select .select__value::after {
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
    }

    .select__options {
        top: calc(100% + 8px);
        padding: 20px;
        border-radius: 16px;
        box-shadow: 0 0 20px rgba(52, 52, 52, .15);
    }

    .select__option {
        padding: 15px 0;
        font-size: 16px;
    }

    .sidebar-account__nav {
        margin-bottom: 16px;
        row-gap: 6px;
    }

    .nav-link-sidebar-account {
        padding: 6px;
        column-gap: 10px;
        border-radius: 100px;
    }

    .sidebar-account__link {
        margin-bottom: 16px;
    }

    .sidebar-account__link.link {
        column-gap: 16px;
    }

    .account__body {
        padding-top: 0;
    }

    .myprofile-account__cards {
        margin-bottom: 0;
        gap: 20px;
    }

    .card-myprofile-account {
        padding: 48px 32px;
    }

    .myprofile-account__card {
        flex: initial;
        width: 100%;
    }

    .card-myprofile-account {
        padding: 20px;
        min-height: 155px;
        border-radius: 30px;
    }

    .card-myprofile-account_large {
        min-height: 155px;
        width: 100%;
    }

    .card-myprofile-account_large_1 {
        flex: initial;
    }

    .card-myprofile-account__heading-wrap {
        row-gap: 8px;
    }

    .card-myprofile-account__head {
        margin-bottom: 20px;
    }

    .card-myprofile-account__icon {
        width: 50px;
        height: 50px;
    }

    .card-myprofile-account__icon svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .card-myprofile-account__info {
        gap: 48px;
    }

    .card-myprofile-account__group {
        row-gap: 8px;
    }

    .card-myprofile-account__group-subtitle {
        padding-right: 28px;
    }

    .card-myprofile-account__group-subtitle::after {
        width: 20px;
        height: 20px;
    }

    .single-link {
        transform: translateY(-10px);
    }

    .single-link::after {
        bottom: -4px;
    }

    .card-myprofile-account_green::before {
        top: -220px;
        left: -170px;
        width: 323px;
        height: 323px;
    }

    .card-myprofile-account_green::after {
        bottom: -270px;
        right: -260px;
        width: 420px;
        height: 420px;
    }

    .card-myprofile-account:not(.card-myprofile-account_large) .card-myprofile-account__icon {
        right: 20px;
        top: 20px;
        transform: none;
    }

    .modal-global__container {
        width: calc(100% - 100px);
        height: 400px;
    }

    .modal-global__close {
        width: 24px;
        height: 24px;
        top: 33px;
        right: 46px;
    }

    .modal-global .consultation__content {
        height: 401px;
    }

    .modal-global .consultation__info-title {
        width: auto;
        margin-bottom: 30px;
        font-size: 30px;
    }

    .modal-global .consultation__poster-img {
        bottom: -180px;
    }

    .consultation__poster::before {
        bottom: -310px;
    }

    .consultation__poster::after {
        bottom: -280px;
    }

    .card-myprofile-account__bottom {
        margin-top: auto;
    }

    .profiles-account__list {
        margin-bottom: 30px;
        row-gap: 20px;
    }

    .profiles-account__list-item-content {
        padding: 20px;
        border-radius: 30px;
        column-gap: 20px;
    }

    .profiles-account__list-item-btn.link {
        column-gap: 16px;
    }

    .account__link_reversed {
        margin-bottom: 0;
    }

    .data-account__link.link {
        column-gap: 16px;
    }

    .data-account__body {
        padding: 30px;
        border-radius: 30px;
    }

    .data-account__form {
        row-gap: 20px;
    }

    .data-account__group {
        row-gap: 20px;
    }

    .data-account__heading-wrap {
        row-gap: 16px;
    }

    .data-account__fields {
        gap: 12px;
    }

    .data-account__options {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    .data-account__input.input_file-input {
        margin-bottom: 0;
        margin-top: 0;
    }

    .input_file-input .input__placeholder {
        column-gap: 16px;
    }

    .input_file-input .input__placeholder::after {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .data-account__input-hint {
        column-gap: 10px;
    }

    .data-account__input-hint svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .input_file-input .input__placeholder {
        font-size: 16px;
    }

    .orders-account__head {
        margin-bottom: 30px;
        row-gap: 30px;
    }

    .orders-account__head-content {
        flex-direction: column;
        row-gap: 20px;
    }

    .orders-account__badges {
        column-gap: 10px;
    }

    .badge {
        padding: 0 32px;
        height: 53px;
        border-radius: 100px;
    }

    .orders-account__list {
        row-gap: 8px;
        align-items: flex-start;
    }

    .orders-account__list-item {
        column-gap: 20px;
    }

    .orders-account__list-item-content {
        column-gap: 16px;
    }

    .orders-account__list-item-content svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .orders-account__orders-list {
        row-gap: 30px;
    }

    .order-orders-account {
        padding: 20px;
        row-gap: 20px;
        border-radius: 30px;
    }

    .order-orders-account__info {
        justify-content: space-between;
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .order-orders-account__info .order-orders-account__group:nth-child(even) {
        text-align: right;
    }

    .order-orders-account__group {
        row-gap: 2px;
    }

    .order-orders-account__actions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .order-orders-account__footer {
        flex-direction: column;
        align-items: initial;
        row-gap: 20px;
    }

    .order-orders-account__footer .link {
        column-gap: 16px;
        margin-left: auto;
    }

    .order-orders-account__body {
        flex-direction: column;
        row-gap: 20px;
        align-items: initial;
    }

    .orders-account_info .order-orders-account {
        margin-bottom: 30px;
    }

    .orders-account_info .order-orders-account__head {
        margin-bottom: 16px;
    }

    .orders-account__products-heading-wrap {
        margin-bottom: 30px;
        column-gap: 10px;
    }

    .orders-account__products-count {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
    }

    .orders-account__products-list {
        margin-bottom: 40px;
        row-gap: 30px;
    }

    .product-orders-account__inner {
        padding: 20px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .product-orders-account__image-wrap {
        margin-right: 0;
        flex: initial;
        width: 100%;
        height: 90px;
        margin-bottom: 20px;
    }

    .product-orders-account__image-wrap img {
        width: 90px;
    }

    .product-orders-account__info {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .product-orders-account__heading {
        max-width: none;
        margin-bottom: 20px;
    }

    .product-orders-account__group {
        row-gap: 2px;
        margin-right: 0;
    }

    .orders-account__info-list {
        margin-bottom: 40px;
        row-gap: 40px;
    }

    .info-orders-account {
        flex-direction: column;
        row-gap: 20px;
        padding: 20px;
        border-radius: 30px;
    }

    .info-orders-account__heading {
        margin-bottom: 32px;
    }

    .info-orders-account__subtitle {
        margin-bottom: 24px;
    }

    .info-orders-account__badge span {
        margin-left: 10px;
    }

    .product-orders-account__inner .badge {
        margin-left: 0;
        padding: 20px;
        height: 40px;
        font-size: 16px;
    }

    .product-orders-account__group-txt {
        font-size: 18px;
    }

    .info-orders-account__hint {
        padding: 14px 24px;
        column-gap: 10px;
        border-radius: 100px;
        width: 100%;
    }

    .info-orders-account__hint svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .info-orders-account__hint-txt {
        max-width: 329px;
    }

    .info-orders-account__hint-txt_sm {
        font-size: 18px;
    }

    .info-orders-account__badge {
        width: 100%;
        align-self: initial;
    }

    .product-orders-account__group-subtitle {
        white-space: nowrap;
    }

    .modal__content {
        max-width: 1117px;
    }

    .modal__body {
        padding: 50px;
        border-radius: 30px;
    }

    .modal__body::before, .modal__body::after {
        width: 463px;
        height: 463px;
    }

    .modal__body::before {
        left: -218px;
        bottom: -255px;
    }

    .modal__body::after {
        top: -260px;
        right: -230px;
    }

    .checkout-complete-modal__inner::before {
        bottom: -80px;
        left: 0;
        width: 225px;
        height: 289px;
    }

    .checkout-complete-modal__inner::after {
        bottom: -43px;
        right: -76px;
        width: 290px;
        height: 262px;
    }

    .checkout-complete-modal__heading {
        margin-bottom: 16px;
    }

    .checkout-complete-modal_sub .checkout-complete-modal__heading {
        max-width: 500px;
    }

    .checkout-complete-modal__actions {
        row-gap: 8px;
    }

    .checkout-complete-modal_sub .checkout-complete-modal__actions {
        width: 280px;
    }

    .checkout-complete-modal__actions .btn {
        height: 53px;
    }

    .modal {
        padding: 30px 24px;
    }

    .empty-history {
        flex-direction: column;
        padding-top: 0;
        gap: 20px;
    }

    .empty-history__icon {
        flex: initial;
        width: 250px;
        height: 250px;
    }

    .empty-history__icon svg {
        flex: initial;
        width: 164px;
        height: 87px;
    }

    .empty-history__heading {
        margin-bottom: 16px;
    }

    .empty-history__text-content {
        margin-bottom: 30px;
        max-width: none;
    }

    .bills-account__list {
        row-gap: 30px;
    }

    .card-bills-account {
        padding: 20px;
        border-radius: 30px;
    }

    .card-bills-account__body {
        flex-direction: column;
        padding-bottom: 20px;
        margin-bottom: 20px;
        row-gap: 20px;
    }

    .card-bills-account__info {
        flex-direction: row;
        column-gap: 20px;
        align-items: center;
        justify-content: space-between;
    }

    .card-bills-account__info .link {
        column-gap: 16px;
    }

    .card-bills-account__heading {
        margin-bottom: 0;
    }

    .card-bills-account__hint {
        padding: 14px 24px;
        column-gap: 10px;
        border-radius: 100px;
        width: 100%;
    }

    .card-bills-account__hint svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .text__medium-18 {
        font-size: 18px;
    }

    .card-bills-account__hint span {
        max-width: none;
    }

    .card-bills-account__footer {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }

    .card-bills-account__footer-group {
        column-gap: 20px;
        width: 100%;
        justify-content: space-between;
    }

    .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
        width: auto;
        padding: 0;
        border: none;
    }

    .sale-order-detail-order-item-td-title,
    .sale-order-detail-order-item-td-text {
        font-size: 16px;
        line-height: 120%;
        padding: 0;
    }

    .modal__close {
        top: 32px;
        right: 32px;
        height: 24px;
        width: 24px;
    }

    .banner-subscription-account {
        padding: 30px 0 30px 30px;
        min-height: 291px;
        border-radius: 30px;
    }

    .banner-subscription-account::before, .banner-subscription-account::after {
        width: 400px;
        height: 400px;
    }

    .banner-subscription-account::before {
        top: -190px;
        left: -240px;
    }

    .banner-subscription-account::after {
        bottom: -190px;
        right: -90px;
    }

    .banner-subscription-account__heading {
        margin-bottom: 25px;
    }

    .banner-subscription-account__form {
        row-gap: 20px;
    }

    .banner-subscription-account__fields {
        width: 350px;
    }

    .banner-subscription-account__content {
        max-width: 450px;
    }

    #priceRequestForm .select__options {
        max-height: 105px;
    }

    .banner-subscription-account__footer {
        gap: 32px;
    }

    .banner-subscription-account__text {
        max-width: 394px;
    }

    .banner-subscription-account__image-wrap {
        right: -100px;
        width: 325px;
        height: 325px;
    }

    .favorite-account__products-list {
        grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
        gap: 20px;
    }

    .favorite-account__products-list .recommendations__card {
        max-width: none;
    }

    .subscription-account__body {
        padding-top: 0;
        row-gap: 40px;
    }

    .subscription-account__text {
        flex-direction: column;
        gap: 20px;
    }

    .subscription-account__description {
        max-width: none;
    }

    .subscription-account__body .banner-subscription-account__image-wrap {
        display: none;
    }

    .subscription-account__body .banner-subscription-account::after {
        right: -220px;
    }

    .subscription-account__body .banner-subscription-account__content {
        max-width: none;
        width: 100%;
    }

    .subscription-account__body .banner-subscription-account {
        padding: 20px;
    }

    .subscription-account__body .banner-subscription-account__fields {
        width: 100%;
    }

    .checkout__head {
        margin-bottom: 60px;
    }

    .checkout__steps {
        margin-bottom: 30px;
    }

    .tab {
        row-gap: 12px;
    }

    .data-checkout {
        padding: 30px;
        border-radius: 30px;
    }

    .data-checkout__options {
        gap: 20px;
    }

    .person-profile {
        padding: 0;
        border-radius: 30px;
    }

    .person-profile__inner {
        margin-bottom: 20px;
    }

    .person-profile__title {
        font-size: 28px;
        line-height: 30px;
    }

    .person-profile__plus {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 19px;
        padding-right: 25px;
    }

    .person-profile__plus::before {
        width: 24px;
        height: 24px;
    }

    .person-profile__box {
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 20px;
    }

    .person-profile__box-edit {
        font-size: 20px;
        line-height: 24px;
        padding-right: 50px;
    }

    .person-profile__box-edit::before {
        width: 20px;
        height: 20px;
    }

    .person-profile__box__link span {
        font-size: 16px;
        line-height: 19px;
        margin-right: 16px;
    }

    .person-profile__box__link svg {
        width: 20px;
        height: 20px;
    }

    .person-profile__box:last-child {
        margin-bottom: 0;
    }

    .data-checkout__fields {
        gap: 12px;
    }

    .summary-checkout__btn {
        height: 60px;
        margin-top: 20px !important;
    }

    .delivery-checkout__badges {
        flex-direction: column;
        margin-bottom: 20px;
        row-gap: 12px;
    }

    .label {
        column-gap: 8px;
    }

    .delivery-checkout__label {
        margin-bottom: 20px;
    }

    .label svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .delivery-checkout .map__card {
        min-height: auto;
        border-radius: 24px;
    }

    .delivery-checkout .map__card {
        box-shadow: 0 0 22px rgba(1, 28, 3, .12);
    }

    .delivery-checkout .map__card .map-card__button span {
        margin-right: -6px;
    }

    .map__canvas {
        margin-top: 0 !important;
    }

    .delivery-checkout .map__canvas {
        margin-bottom: 12px;
    }

    .delivery-checkout .map__canvas .ymaps3x0--map {
        width: 100% !important;
    }

    ._is-active .map-card__list {
        gap: 20px;
        border-radius: 24px;
    }

    ._is-active .map-card__list li {
        gap: 12px;
    }

    .delivery-checkout .map .map-card__list {
        padding: 20px;
    }

    ._is-active .map-card__list a {
        font-size: 18px;
    }

    .marker__content {
        gap: 10px;
        border-radius: 100px;
        padding-right: 16px;
    }

    .marker__svg {
        width: 50px;
        height: 50px;
    }

    .marker__svg img {
        width: 35px;
        height: 30px;
    }

    .marker__text {
        font-size: 16px;
    }

    .delivery-checkout .map__wrapper {
        grid-template-columns: 1fr;
    }

    .payment-checkout {
        padding: 0;
        border-radius: 24px;
    }

    .payment-checkout__row {
        grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
        gap: 12px;
    }

    .option-item {
        height: 204px;
        border-radius: 24px;
    }

    .option-item__radio-btn::before {
        top: 16px;
        left: 16px;
        width: 24px;
        height: 24px;
    }

    .option-item__radio-btn span {
        top: 20px;
        left: 20px;
        width: 16px;
        height: 16px;
    }

    .option-item__inner {
        row-gap: 14px;
    }

    .option-item__inner svg {
        width: 40px;
    }

    .option-item__txt {
        max-width: 167px;
    }

    .companies-delivery-checkout {
        padding: 0;
        row-gap: 16px;
        border-radius: 24px;
    }

    .companies-delivery-checkout__row {
        grid-template-columns: repeat(auto-fit, minmax(204px, 1fr));
        gap: 12px;
    }

    .companies-delivery-checkout__item:first-child .option-item__image-wrap {
        width: 113px;
    }

    .companies-delivery-checkout__input {
        width: 100%;
    }

    .checkout-complete-modal__text {
        margin-bottom: 30px;
        max-width: 400px;
    }

    .address-delivery-checkout {
        padding: 0;
        border-radius: 30px;
    }

    .address-delivery-checkout__heading {
        margin-bottom: 12px;
    }

    .address-delivery-checkout__text {
        margin-bottom: 20px;
        max-width: none;
    }

    .address-delivery-checkout__fields {
        gap: 16px;
    }

    .input textarea {
        height: 120px;
    }

    .data-checkout__head {
        flex-direction: column;
        margin-bottom: 30px;
        gap: 30px;
    }

    .data-checkout__login-link.i-link {
        column-gap: 13px;
    }

    .data-checkout__login-link.i-link svg {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
    }

    .i-link__txt {
        line-height: 21px;
    }

    .card__swiper-slide-hit {
        padding: 14.5px 20px;
        margin-bottom: 8px;
        border-radius: 100px;
    }

    .card__swiper-slide-hit span {
        font-size: 16px;
        padding-left: 28px;
    }

    .card__swiper-slide-hit span::before {
        width: 24px;
        height: 24px;
    }

    .recommendations__card-promotion {
        border-radius: 0 0 20px 20px;
        top: 265px;
        left: 20px;
        right: 20px;
        padding: 12px 20px 8px 20px;
        -webkit-backdrop-filter: blur(48px);
        backdrop-filter: blur(48px);
    }

    .recommendations__card-countdown {
        max-width: 218px;
    }

    .recommendations__card-countdown::after {
        height: calc(100% - 11px);
        width: 1px;
    }

    .recommendations__card-countdown-item strong {
        font-size: 20px;
    }

    .recommendations__card-countdown-item span {
        font-size: 16px;
    }

    .recommendations__card-countdown-item:not(:last-child)::after {
        right: -23px;
        font-size: 20px;
    }

    .recommendations__card-promotion-counter strong {
        font-size: 20px;
    }

    .recommendations__card-promotion-counter span {
        font-size: 16px;
    }

    .detailed__content {
        margin-top: 48px;
    }

    .detailed__image {
        max-width: 820px;
        border-radius: 24px;
        height: 680px;
        margin-left: 60px;
        margin-bottom: 20px;
    }

    .detailed__date {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .products__title {
        margin-bottom: 48px;
    }

    .recommendations__card-promotions {
        gap: 8px;
        left: 32px;
        top: 32px;
    }

    .recommendations__card-discard {
        padding: 10px 20px;
        border-radius: 100px;
        font-size: 18px;
    }

    .products__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .detailed__text-block .detailed__description:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .detailed__description {
        font-size: 20px;
    }

    .detailed .detailed__text-block ol, .detailed .detailed__text-block ul {
        margin-top: 20px;
        padding-left: 20px;
    }

    .articles__title {
        margin-bottom: 60px;
    }

    .news-page .promotions__card .promotions__card-date {
        font-size: 16px;
    }

    .news-page .promotions__card .promotions__card-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .news-page .promotions__card .promotions__card-description {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .promotions__card-image,
    .promotions__card-image img {
        height: auto;
    }

    .promotions__card.--large .promotions__card-image,
    .promotions__card.--large img {
        height: 100%;
    }

    .promotions__card.--large {
        min-height: 736px;
        padding: 20px;
    }

    .promotions__card.--large::before {
        max-width: 660px;
        height: 662px;
        bottom: -152px;
        right: -194px;
    }

    .promotions__card.--large::after {
        max-width: 329px;
        height: 329px;
        left: -164px;
        top: -34px;
    }

    .promotions__card.--large .promotions__card-title {
        font-size: 36px !important;
    }

    .promotions__card.--large .promotions__card-description {
        margin-bottom: 40px;
    }

    .recommendations__card-latest {
        padding: 10px;
        border-radius: 100px;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .recommendations__card-latest svg {
        width: 24px;
        height: 24px;
        margin-right: 3px;
    }

    .card .recommendations__card-expectation {
        padding: 14.5px 20px;
    }

    .recommendations__card-expectation {
        padding: 10px;
        border-radius: 100px;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .recommendations__card-expectation .catalog-icon {
        margin-right: 3px;
    }

    .recommendations__card-expectation .recommendations__card-expectation-text {
        width: fit-content;
        opacity: 1;
    }

    .recommendations__card-expectation-aw {
        line-height: 24px;
    }

    .recommendations__card-expectation-text {
        height: 24px;
    }

    .recommendations__card-expectation:hover .recommendations__card-expectation-text {
        width: fit-content;
    }

    .recommendations__card-expectation:hover .catalog-icon {
        margin-right: 3px;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet {
        min-width: 8px;
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination {
        bottom: -18px;
    }

    .checkout__body {
        row-gap: 20px;
    }

    .latest .latest__content {
        width: auto;
        margin-left: 0;
        overflow-x: initial;
    }

    .latest .swiper.latest-swiper {
        margin-left: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .latest .swiper.latest-swiper .swiper-slide .promotions__card {
        display: flex;
        flex-direction: column;
    }

    .latest .swiper.latest-swiper .swiper-slide .promotions__card-image {
        margin-top: auto;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet {
        min-width: 8px;
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination {
        bottom: -18px;
    }

    .recommendations__card-multi-images {
        border-radius: 20px;
    }

    .detailed__content {
        max-width: 1104px;
    }

    .detailed__text-block,
    .detailed__date {
        max-width: 1104px;
    }

    .detailed__text-block p,
    .detailed__text-block ol li,
    .detailed__text-block ul li {
        font-size: 20px;
    }

    .detailed__text-block li::before {
        content: "";
        width: 4px;
        height: 4px;
        left: -14px;
    }

    .detailed__text-block img {
        margin: 20px 0;
    }

    .detailed__text-block h2,
    .detailed__text-block h3 {
        font-size: 28px;
        margin: 36px 0 20px;
    }

    .detailed__text-block .detailed__title {
        margin-bottom: 32px;
    }

    .recommendations__card-multi-images {
        border-radius: 20px;
    }

    .recent-arrivals__header {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 16px;
    }

    .recent-arrivals__header h1 span {
        left: calc(100% + 12px);
        font-size: 18px;
    }

    .recent-arrivals__header-link span {
        font-size: 16px;
    }

    .recent-arrivals__header-link svg {
        width: 20px;
        height: 20px;
    }

    .recent-arrivals__cards {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 8px;
        row-gap: 20px;
    }

    .recent-arrivals__header-link a {
        column-gap: 16px;
    }

    .recent-arrivals__card-top {
        margin-bottom: 10px;
        border-radius: 24px;
        aspect-ratio: 7 / 7;
        height: auto;
    }

    .recent-arrivals__card-bottom-title {
        max-width: none;
        font-size: 16px;
    }

    .recent-arrivals__card-bottom-icon {
        display: none;
    }

    .recent-arrivals__card-top-counter {
        font-size: 14px;
        line-height: 100%;
        padding-right: 16px;
        padding-top: 18px;
        left: -29px;
        bottom: -34px;
        height: 113px;
        max-width: 113px;
    }

    .recent-arrivals__card-bottom {
        margin-top: 0;
    }

    .news-detailed__main {
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-bottom: 68px;
    }

    .news-detailed__text h1 {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .news-detailed__text p:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .news-detailed p {
        font-size: 18px;
    }

    .news-detailed__main img {
        border-radius: 24px;
    }

    .news-detailed h2 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .news-detailed__additionals {
        max-width: calc(100% - 250px);
        border-radius: 24px;
        padding: 25px 30px;
    }

    .news-detailed__additionals-list {
        row-gap: 20px;
    }

    .news-detailed__additional-text p:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .news-detailed__additional img {
        width: 263px;
        height: 191px;
        border-radius: 24px;
        margin-left: -155px;
    }

    .news-detailed__additional {
        column-gap: 10px;
    }

    .news-detailed__additional:nth-child(even) img {
        margin-right: -155px;
    }

    .news-detailed__additional-text p {
        font-size: 20px;
    }

    .news-detailed__additional-background {
        width: 252px;
        height: 315px;
    }

    .news-detailed__main {
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-bottom: 68px;
    }

    .news-detailed__text h1 {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .news-detailed__text p:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .news-detailed p {
        font-size: 18px;
    }

    .news-detailed__main img {
        border-radius: 24px;
    }

    .news-detailed h2 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .news-detailed__additionals {
        max-width: calc(100% - 250px);
        border-radius: 24px;
        padding: 25px 30px;
    }

    .news-detailed__additionals-list {
        row-gap: 20px;
    }

    .news-detailed__additional-text p:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .news-detailed__additional img {
        width: 263px;
        height: 191px;
        border-radius: 24px;
        margin-left: -155px;
    }

    .news-detailed__additional {
        column-gap: 10px;
    }

    .news-detailed__additional:nth-child(even) img {
        margin-right: -155px;
    }

    .news-detailed__additional-text p {
        font-size: 20px;
    }

    .news-detailed__additional-background {
        width: 252px;
        height: 315px;
    }

    .news-detailed__main {
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-bottom: 68px;
    }

    .news-detailed__text h1 {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .news-detailed__text p:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .news-detailed p {
        font-size: 18px;
    }

    .news-detailed__main img {
        border-radius: 24px;
    }

    .news-detailed h2 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .news-detailed__additionals {
        max-width: calc(100% - 250px);
        border-radius: 24px;
        padding: 25px 30px;
    }

    .news-detailed__additionals-list {
        row-gap: 20px;
    }

    .news-detailed__additional-text p:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .news-detailed__additional img {
        width: 263px;
        height: 191px;
        border-radius: 24px;
        margin-left: -155px;
    }

    .news-detailed__additional {
        column-gap: 10px;
    }

    .news-detailed__additional:nth-child(even) img {
        margin-right: -155px;
    }

    .news-detailed__additional-text p {
        font-size: 20px;
    }

    .news-detailed__additional-background {
        width: 252px;
        height: 315px;
    }

    .footer__subscribe .btn img {
        width: 69px;
        height: 69px;
    }

    .title_sub {
        right: -15px;
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .sale__slide-image-desk {
        display: none;
    }

    .sale__slide-image-mob {
        position: static;
        transform: none;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .card__thumb-slide-image {
        width: auto;
        height: auto;
    }

    .authorization__back {
        column-gap: 3.2rem;
        margin-top: 12.8rem;
        border-radius: 20rem;
        font-size: 3rem;
        line-height: 3.8rem;
        font-weight: 400;
    }

    .authorization__back svg {
        width: 4rem;
        height: 4rem;
    }

    .header__catalog-button {
        display: none;
    }

    .recommendations__card-promotion {
        top: 45rem;
    }

    .card__swiper-slide-sale span {
        font-size: 14px;
    }

    .recommendations__card-hit {
        align-items: center;
    }

    .recommendations__card-hit .catalog-icon {
        width: 20px;
        height: 20px;
    }

    .recommendations__card-expectation .catalog-icon {
        margin-right: 3px;
        width: 20px;
        height: 20px;
    }

    .recommendations__card-latest svg {
        width: 20px;
        height: 20px;
    }

    .header__search-input .left-icon {
        transform: none;
        top: auto;
    }

    .card__swiper {
        height: auto !important;
    }

    .card__swiper-slide-image {
        height: 100% !important;
    }

    .recommendations__card-button {
        min-height: 11rem;
        font-size: 4rem;
        font-weight: 500;
    }

    .recommendations__card-button svg {
        display: none;
    }

    .recommendations__card-button-text--desktop {
        display: none !important;
    }

    .recommendations__card-button-text--mobile {
        display: block !important;
    }

    .checkout-complete-modal__inner::before,
    .checkout-complete-modal__inner::after {
        display: none;
    }

    .card__swiper-slide-hit span::before,
    .card__swiper-slide-new span::before,
    .card__swiper-slide-padding span::before {
        display: block;
    }

    .card__swiper-slide-hit span::before,
    .card__swiper-slide-new span::before,
    .card__swiper-slide-padding span::before {
        width: 3.6rem;
        height: 3.6rem;
    }

    .card__swiper-slide-hit span,
    .card__swiper-slide-new span,
    .card__swiper-slide-padding span {
        padding-left: 3.8rem;
    }

    .news__slider {
        margin-bottom: 0;
    }

    .card {
        margin-bottom: 10rem;
    }

    .card__form {
        background-color: #559479;
        background-image: none;
        height: auto;
    }

    .card__swiper-slide-hit,
    .card__swiper-slide-new,
    .card__swiper-slide-sale,
    .card .recommendations__card-expectation {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 8rem;
    }

    .recommendations__card .recommendations__card-expectation,
    .recommendations__card .recommendations__card-hit,
    .recommendations__card .recommendations__card-sale,
    .recommendations__card .recommendations__card-latest {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        line-height: 100%;
    }

    .recommendations__card-latest,
    .recommendations__card-sale,
    .recommendations__card-hit,
    .recommendations__card-expectation {
        padding: 8px 12px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .recommendations__card .recommendations__card-wrap {
        top: 6rem;
        left: 6rem;
        transform: translateZ(0);
    }

    .recommendations__card-favorite-button svg {
        width: 16px;
        height: 16px;
    }

    .recommendations__card-favorite-button {
        max-width: 40px;
        height: 40px;
        padding: 10px;
        top: 6rem;
        right: 6rem;
    }

    .card__swiper-slide-hit,
    .card__swiper-slide-new,
    .card__swiper-slide-sale {
        padding-left: 2.8rem;
    }

    .detailed .catalog__card .recommendations__card-promotion {
        padding-left: 5.3rem;
        padding-right: 5.3rem;
    }

    .detailed .catalog__card .recommendations__card-countdown-item:not(:last-child)::after {
        width: auto;
        height: auto;
        right: -17.2rem;
    }

    .card__center {
        column-gap: 0 !important;
    }

    .sale-card__content {
        height: 100%;
    }

    .card__right {
        width: 100%;
    }

    .card__scale-line-one,
    .card__scale-line-two,
    .card__scale-line-three {
        width: 4.7rem;
    }

    .card__scale-line-four,
    .card__scale-line-five,
    .card__scale-line-six {
        width: 9.1rem;
    }

    .figuration {
        overflow: hidden;
    }

    .pagination__item {
        width: 5rem;
        height: 5rem;
    }

    .menu-bar__list-item {
        position: relative;
    }

    .menu-bar__list-item-content .menu-bar__counter {
        position: absolute;
        right: -1.2rem;
        top: 0;
        min-width: 4rem;
        text-align: left;
        color: #2b5644;
    }

    .favorite-account__products .recommendations__card-group-button {
        font-size: 3rem;
    }

    .sale__slide-content::after {
        display: none;
    }

    .article__content {
        row-gap: 6rem;
    }

    .article__contents {
        margin-bottom: 4rem;
        row-gap: 4rem;
        font-size: 3rem;
    }

    .article__title {
        margin-bottom: 4rem;
    }

    .article__contents h2 {
        font-size: 4rem;
    }

    .article__show {
        column-gap: 0.8rem;
        font-size: 3.2rem;
    }

    .article__show svg {
        width: 5.6rem;
        height: 5.6rem;
    }

    .catalog__filters-field.lvl2 {
        padding: 4rem 0;
    }

    .catalog__filters-field.lvl2 > a {
        display: flex;
        font-size: 3.6rem;
        line-height: 120%;
    }

    .catalog__filters-fields-content {
        max-height: none;
    }

    .catalog__filters-block:first-child {
        border-top: 1px solid rgba(137, 132, 133, .5);
    }

    .catalog__filters-block:first-child .catalog__filters-block-heading {
        border-top: none;
    }

    .catalog__filters-block.--active .catalog__filters-fields-wrapper,
    .catalog__filters-block.--active .catalog__filters-block-nested-wrapper {
        position: static;
        padding: 2.4rem 0 0 2.4rem;
        transform: none;
    }

    .catalog__filters-block.--active .catalog__filters-fields-content-mobile {
        display: none;
    }

    .catalog__filters-block.--active .catalog__filters-block-nested-heading.lvl2 > a,
    .catalog__filters-block.--active .catalog__filters-field.lvl2 > a {
        font-weight: 500;
        font-size: 3.2rem;
    }

    .catalog__filters-block.--active .catalog__filters-field.lvl3,
    .catalog__filters-block.--active .catalog__filters-field.lvl3 > a {
        font-weight: 400;
        font-size: 2.6rem;
    }


    .catalog__filters-block.--active .catalog__filters-block-nested-heading {
        padding: 1rem 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .catalog__filters-block.--active .catalog__filters-field.lvl2 {
        padding: 1rem 0;
        margin-bottom: 0;
        border-bottom: .1rem solid #898485;
    }

    .input._has-error .input__label::after {
        top: -2px;
    }

    .label._has-error .input__label::after {
        top: -2px;
    }

    .header:not(.scroll) .header__search-modal {
        top: 34rem;
        width: calc(100% - 4.8rem);
        left: 2.4rem;
    }

    .header.scroll .header__search-modal {
        top: 14rem;
    }

    .search-modal__wrapper {
        height: auto;
        border-radius: 3rem;
        box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    }

    section {
        margin-bottom: 5rem;
    }

    .card-bills-account__info .link {
        justify-content: space-between;
    }

    .card-bills-account__body {
        flex-direction: column;
        row-gap: 3rem;
    }

    .modal-global__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sale-card__text {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        min-height: 8.6rem;
    }

    .sale__slide-image::after,
    .sale__slide-image::before {
        display: none;
    }

    .card__info {
        width: 100%;
    }

    .checkout-complete-modal__actions {
        row-gap: 2.8rem;
    }

    .checkout-complete-modal__actions .btn {
        height: 9rem;
    }

    .person-profile__box-edit {
        padding-right: 6rem;
    }

    .reconstruction__title {
        font-size: 32px;
    }

    .reconstruction__comeback {
        font-size: 20px;
        margin-bottom: 50px;
    }

    .reconstruction__urgent {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .reconstruction .connection {
        margin-bottom: 50px;
    }

    .reconstruction__contacts {
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start;
    }

    .reconstruction__tel, .reconstruction__email {
        font-size: 18px;
    }

    .reconstruction__title {
        font-size: 32px;
    }

    .reconstruction .connection__list {
        grid-template-columns: 1fr;
    }

    .menu-account__nav-link.logout {
        padding-top: 20px;
    }

    .payment__content .tabs {
        display: flex;
        flex-direction: column;
        row-gap: 5rem;
    }

    .payment__content .tabs__content {
        padding-top: 0;
    }

    .payment__content .tabs__navigation {
        position: static;
        display: flex;
        max-width: none;
        order: 10;
        flex-direction: row;
        align-items: flex-start;
        gap: 5px;
    }

    .payment__content .tabs__navigation .tabs__title {
        max-width: none;
    }

    .recommendations__card-image {
        height: 54.8rem;
    }

    .recommendations__card-image.swiper {
        margin-bottom: 5.6rem;
    }

    .recommendations__card-image {
        height: 54.6rem;
    }

    .recommendations__card-image-inner {
        border-radius: 4rem;
        height: 54.6rem;
    }

    .card__swiper {
        max-height: none;
    }

    .card__swiper-slide-image {
        max-height: 64.6rem;
    }

    .card__swiper-slide-image img {
        max-height: 64.6rem;
    }

    .search-modal-slide__image {
        width: 16.67rem;
    }

    .receipts__card-top-counter {
        padding-top: 3.5rem;
    }

    .categories__card-detailed-link-placeholder {
        display: none;
    }

    .card__wholesale-price .new {
        font-size: 3.6rem;
    }

    .card__wholesale-price .old {
        font-size: 2.7rem;
    }

    .recommendations__card-expectation .recommendations__card-expectation-text {
        width: 41rem;
        opacity: 1;
        height: auto;
    }

    .catalog__filters-block-sorting-menu .catalog__filters-block-heading-title {
        width: auto;
    }

    .detailed__text-block img {
        border-radius: 3.2rem;
    }

    .account__favorite.favorite-account > .catalog > .container {
        padding: 0;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination {
        bottom: -3.6rem;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet {
        width: 1.6rem;
        min-width: 1.6rem;
        height: 1.6rem;
        margin: 0 0.8rem;
    }

    .detailed__text-block .detailed__title {
        margin-bottom: 3.2rem;
    }

    .detailed__text-block p,
    .detailed__text-block ol li,
    .detailed__text-block ul li {
        font-size: 3rem;
    }

    .detailed__text-block li::before {
        content: "";
        width: 0.8rem;
        height: 0.8rem;
        left: -2.8rem;
    }

    .detailed__text-block img {
        margin: 4rem 0;
    }

    .detailed__text-block h2,
    .detailed__text-block h3 {
        font-size: 5.6rem;
        margin: 4.8rem 0 4rem;
    }

    .account__favorite.favorite-account > .catalog > .container {
        padding: 0;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination {
        bottom: -3.6rem;
    }

    .recommendations__card-image.swiper .recommendations__card-image-pagination .swiper-pagination-bullet {
        width: 1.6rem;
        min-width: 1.6rem;
        height: 1.6rem;
        margin: 0 0.8rem;
    }

    .catalog__filters-block-sorting-menu .catalog__filters-block-heading-title {
        width: auto;
    }

    .recommendations__card-multi-images {
        border-radius: 4rem;
    }

    .categories__card-detailed-heading {
        position: relative;
        z-index: 2;
    }

    .categories__card-detailed.--active .categories__card-detailed-link-placeholder {
        position: fixed;
        width: 100%;
        left: 0;
        height: auto;
        top: 19rem;
        display: block;
        -webkit-tap-highlight-color: transparent;
    }

    .categories__card-detailed.--active .categories__card-detailed-item a {
        position: relative;
        z-index: 2;
    }

    a.connection__telegram {
        grid-template-columns: auto 1fr;
        column-gap: 1rem;
        padding: 0 5rem 0 2rem;
        font-size: 3.2rem;
        line-height: 120%;
        font-weight: 400;
    }

    a.connection__telegram::before {
        width: 14.4rem;
        height: 9.6rem;
        left: 2rem;
    }

    .connection__telegram-icon {
        width: 13.4rem;
        height: 8.6rem;
    }

    .connection__telegram-arrow {
        display: none;
    }

    .contacts__messengers {
        margin-top: 1.6rem;
    }

    .contacts__messengers span {
        margin-bottom: 2rem;
        font-size: 3.6rem;
    }

    .footer__logo {
        max-width: 33.2rem;
    }

    .footer__block--logo {
        display: flex !important;
        flex-direction: column;
        row-gap: 4rem;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
    }

    .footer__block.footer__block--info {
        margin-bottom: 0;
    }

    .footer__subscribe a.btn {
        grid-template-columns: auto 1fr;
        margin-bottom: 0;
        padding: 0 5rem 0 2rem;
        column-gap: 1rem;
        font-size: 3.2rem;
        border-radius: 24px;
    }

    .footer__block {
        row-gap: 4rem;
    }

    .footer__block:last-child {
        margin-top: 0;
    }

    .footer__rating {
        margin-top: 5px;
    }

    .footer__subscribe .btn img {
        width: 13.8rem;
        height: 13.8rem;
    }

    .footer__subscribe {
        width: 100%;
    }

    .footer__telegram-icon {
        width: 13.4rem;
        height: 8.6rem;
    }

    .footer__telegram-arrow {
        display: none;
    }

    .card__swiper-slide-block {
        left: 10px;
        top: 15px;
    }

    .card__swiper-slide-like {
        top: 15px;
        right: 10px;
        padding: 8px 12px;
        width: 40px;
        height: 40px;
    }

    .card__swiper-slide-like svg {
        width: 16px;
        height: 16px;
    }

    .card__swiper-slide-hit,
    .card__swiper-slide-new,
    .card__swiper-slide-sale,
    .card .recommendations__card-expectation {
        min-height: 40px;
        margin-bottom: 5px;
        padding: 8px 12px;
    }

    .card__swiper-slide-hit span, .card__swiper-slide-new span, .card__swiper-slide-padding span {
        padding-left: 23px;
        font-size: 14px;
        line-height: 1;
    }

    .card__swiper-slide-hit span::before, .card__swiper-slide-new span::before, .card__swiper-slide-padding span::before {
        width: 20px;
        height: 20px;
    }

    .recommendations__card-expectation-aw {
        line-height: 1;
    }

    .basket__card-info-bottom-button:nth-of-type(2) {
        max-width: 8rem;
        height: 8rem;
        top: 33rem;
        right: 0;

        & button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;

            & img {
                width: 4.8rem;
                height: 4.8rem;
            }
        }
    }

    .popular__btn {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: initial;
        row-gap: 8px;
        padding: 3.2rem;
        border-radius: 4.8rem;
        min-height: 30.4rem;
        background-image: url("/local/templates/mirrey/./assets/images/sections/popular-card/popular-background-mobile.png");
        overflow: hidden;
    }

    .popular__btn-title {
        display: block;
        order: -1;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        margin: 0 0 0 26.4rem;
    }

    .popular__btn-title {
        display: none;
    }

    .popular__btn-title.mobile {
        display: block;
    }

    .popular__btn-text {
        font-weight: 400;
        font-size: 3rem;
        line-height: 130%;
        margin: 0 0 0 26.4rem;
    }

    .popular__btn-watch {
        display: block;
        font-weight: 500;
        font-size: 15px;
        line-height: 19px;
        color: #fff;
    }

    .popular__btn-arrow {
        display: flex;
        align-items: center;
        column-gap: 4px;
        padding: 1rem 2rem 1rem 2.8rem;
        border-radius: 6rem;
        margin-left: 26.4rem;
        margin-top: auto;
        width: auto;
        height: auto;
        border: none;
    }

    .popular__btn-arrow svg {
        width: 4rem;
        height: 4rem;
    }

    .popular__btn-b-image {
        background-image: url('/local/templates/mirrey/style/./assets/images/sections/popular-card/flowers-new-mob.svg');
    }

    .popular__btn-image {
        width: 19.2rem;
        height: 21.6rem;
    }

    .popular__btn-circle {
        width: 21.6rem;
        height: 21.6rem;
    }

    .popular__btn-wrapper {
        margin-top: auto;
    }

    .pagination__item span {
        font-size: 3rem;
        line-height: 130%;
    }

    .consultation__data-content-lists > div {
        font-size: 3.6rem;
        line-height: 120%;
        margin-bottom: 3.2rem;
    }

    .recent-arrivals__header {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 3.2rem;
    }

    .recent-arrivals__header h1 span {
        left: calc(100% + 2.4rem);
        font-size: 3.6rem;
    }

    .recent-arrivals__header-link span {
        font-size: 3.2rem;
    }

    .recent-arrivals__header-link svg {
        width: 4rem;
        height: 4rem;
    }

    .recent-arrivals__cards {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1.6rem;
        row-gap: 4rem;
    }

    .recent-arrivals__header-link a {
        column-gap: 3.2rem;
    }

    .recent-arrivals__card-top {
        margin-bottom: 2rem;
        border-radius: 4.8rem;
        height: auto;
        aspect-ratio: 7 / 7;
    }

    .recent-arrivals__card-bottom-title {
        max-width: none;
        font-size: 3.2rem;
    }

    .recent-arrivals__card-bottom-icon {
        display: none;
    }

    .recent-arrivals__card-top-counter {
        font-size: 2.8rem;
        line-height: 100%;
        padding-right: 3.2rem;
        padding-top: 3.6rem;
        left: -5.8rem;
        bottom: -6.8rem;
        height: 22.6rem;
        max-width: 22.6rem;
    }

    .recent-arrivals__card-bottom {
        margin-top: 0;
    }

    .news-detailed__main {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 4.8rem;
        margin-bottom: 13.6rem;
    }

    .news-detailed__main img {
        border-radius: 4.8rem;
    }

    .news-detailed__text {
        margin-top: 0;
    }

    .news-detailed__text h1 {
        margin-bottom: 4.8rem;
    }

    .news-detailed p {
        font-size: 3rem;
        line-height: 130%;
    }

    .news-detailed h2 {
        margin-bottom: 8rem;
    }

    .news-detailed__additional-background {
        display: none;
    }

    .news-detailed__additionals {
        max-width: none;
        padding: 3.2rem;
        border-radius: 4.8rem;
    }

    .news-detailed__additionals-list {
        row-gap: 8rem;
    }

    .news-detailed__additional {
        flex-direction: column;
        row-gap: 1.6rem;
    }

    .news-detailed__additional img {
        margin-bottom: 1.6rem;
        position: static;
        height: auto;
        width: 100%;
        border-radius: 4rem;
        margin-left: 0;
    }

    .news-detailed__additional:nth-child(even) img {
        margin-right: 0;
        order: initial;
    }

    .news-detailed__additional-text p {
        color: #1d1d1b;
        font-size: 3rem;
        line-height: 1.2;
    }

    .checkbox input[type=checkbox] {
        border-radius: 1.2rem;
    }

    .footer__main {
        gap: 8rem;
    }

    a.connection__telegram img {
        width: 13.8rem;
        height: 13.8rem;
    }
}

@media (width < 1024px) {
}

@media (hover: hover) and (pointer: fine) {
}

@media (min-width: 48em) {
    .marker__content {
        width: 8rem;
        height: auto;
        gap: 0;
        justify-content: center;
        padding: 1.6rem 0;
    }

    .marker.hover .marker__content {
        border-radius: 10rem;
        padding-right: 1.6rem;
        justify-content: stretch;
        width: 100%;
        height: auto;
    }

    .marker__svg {
        width: 5.653rem;
        height: 4.8rem;
    }


    .marker.hover .marker__svg {
        width: 5rem;
        height: 5rem;
    }

    .marker__svg img {
        width: 100%;
        height: 100%;
    }

    .marker.hover .marker__svg img {
        width: 3.5rem;
        height: 3rem;
    }

    .marker__text {
        width: 0%;
    }

    .marker.hover .marker__text {
        width: 100%;
    }

}

.label._has-error::after {
    content: attr(data-error);
    width: 100%;
    position: absolute;
    top: 100%;
    left: 2rem;
    font-size: 1.2rem;
    line-height: 120%;
    color: #e29aa8;
}

.file-input-container {
    position: relative;
}

.file-input-container .label._has-error::after {
    left: 0 !important;
}

.file-input-container:not(.filled) .filled-label {
    display: none;
}

.file-input-container.filled .empty-label {
    display: none;
}

.file-filled .hide-when-file-filled {
    display: none;
}

.file-input-container-label {
    margin-bottom: 30px;
    display: flex;

}

.custom-checkbox._has-error {
    color: red;
}

.file-input-container-label > svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.file-notion {
    color: #898485;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.file-notion svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.icon {
    width: 24px;
    height: 24px;
}

.icon-clip {
    font-size: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1wdHktbGFiZWwiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTEyLjMzIDIxLjM0MDRDMTEuMjQgMjEuMzQwNCAxMC4xNSAyMC45MzA0IDkuMzIwMDQgMjAuMTAwNEM3LjY2MDA0IDE4LjQ0MDQgNy42NjAwNCAxNS43NTA0IDkuMzIwMDQgMTQuMDkwNEwxMS44IDExLjYyMDRDMTIuMDkgMTEuMzMwNCAxMi41NyAxMS4zMzA0IDEyLjg2IDExLjYyMDRDMTMuMTUgMTEuOTEwNCAxMy4xNSAxMi4zOTA0IDEyLjg2IDEyLjY4MDRMMTAuMzggMTUuMTUwNEM5LjMxMDA0IDE2LjIyMDQgOS4zMTAwNCAxNy45NzA0IDEwLjM4IDE5LjA0MDRDMTEuNDUgMjAuMTEwNCAxMy4yIDIwLjExMDQgMTQuMjcgMTkuMDQwNEwxOC4xNiAxNS4xNTA0QzE5LjM0IDEzLjk3MDQgMTkuOTkgMTIuNDAwNCAxOS45OSAxMC43MzA0QzE5Ljk5IDkuMDYwMzUgMTkuMzQgNy40OTAzNSAxOC4xNiA2LjMxMDM1QzE1LjcyIDMuODcwMzUgMTEuNzYgMy44NzAzNSA5LjMyMDA0IDYuMzEwMzVMNS4wODAwNCAxMC41NTA0QzQuMDkwMDQgMTEuNTQwNCAzLjU0MDA0IDEyLjg2MDQgMy41NDAwNCAxNC4yNjA0QzMuNTQwMDQgMTUuNjYwNCA0LjA5MDA0IDE2Ljk4MDQgNS4wODAwNCAxNy45NzA0QzUuMzcwMDQgMTguMjYwNCA1LjM3MDA0IDE4Ljc0MDQgNS4wODAwNCAxOS4wMzA0QzQuNzkwMDQgMTkuMzIwNCA0LjMxMDA0IDE5LjMyMDQgNC4wMjAwNCAxOS4wMzA0QzIuNzUwMDQgMTcuNzUwNCAyLjA0MDA0IDE2LjA2MDQgMi4wNDAwNCAxNC4yNjA0QzIuMDQwMDQgMTIuNDYwNCAyLjc0MDA0IDEwLjc2MDQgNC4wMjAwNCA5LjQ5MDM1TDguMjYwMDQgNS4yNTAzNUMxMS4yOCAyLjIzMDM1IDE2LjIgMi4yMzAzNSAxOS4yMiA1LjI1MDM1QzIwLjY4IDYuNzEwMzUgMjEuNDkgOC42NjAzNSAyMS40OSAxMC43MzA0QzIxLjQ5IDEyLjgwMDQgMjAuNjggMTQuNzUwNCAxOS4yMiAxNi4yMTA0TDE1LjMzIDIwLjEwMDRDMTQuNSAyMC45MzA0IDEzLjQyIDIxLjM0MDQgMTIuMzMgMjEuMzQwNFoiIGZpbGw9IiMyOTJEMzIiLz4KPC9zdmc+");
}

.icon-close {
    background-size: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLWVudGl0eT0iY2xlYXItZmlsZSIgY2xhc3M9ImZpbGxlZC1sYWJlbCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTQuOTAwNCAxNC44OTg3TDUuMDAwOSA0Ljk5OTE2TTE0Ljg5OTcgNC45OTkwMkw5Ljk1MDY0IDkuOTQ4OSIgc3Ryb2tlPSIjMUQxRDFCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8cGF0aCBkPSJNOCAxMS44OTg0TDUgMTQuODk4NCIgc3Ryb2tlPSIjMUQxRDFCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
}

.bg-transparent {
    background-color: transparent;
}

@media (max-width: 767px) {
    .label {
        font-size: inherit;
    }

    .label._has-error::after {
        font-size: 2rem;
        overflow: hidden;
    }

    .send-form .custom-checkbox {
        width: fit-content;
    }

    .send-form.product .custom-checkbox {
        margin: 0 auto;
    }
}

nav.catalog__categories {
    & .catalog__categories-list-item > :has(.hidden-item-icon) {
        gap: unset;
    }

    & figure.catalog__categories-list-item-icon.hidden-item-icon {
        width: 0;
        flex: unset;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
}

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

.cookie {
    position: fixed;
    right: 50px;
    bottom: 50px;
    max-width: 420px;
    padding: 15px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 24px 0px #00000026;
    z-index: 1000;
}

@media (max-width: 1023px) {
    .cookie {
        right: 50%;
        bottom: 100px;
        transform: translateX(50%);
        width: calc(100% - 40px);
    }
}

.cookie.hidden {
    display: none;
}

.cookie h4 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #2B5644;
}

.cookie p {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    color: #000;
}

.cookie p a {
    text-decoration: underline;
}

.cookie .cookie-accept {
    width: 100%;
    height: 44px;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
}

.header__nav a {
    position: relative;
}

.header__nav a:first-child::before {
    content: '';
    position: absolute;
    top: -19px;
    left: -40px;
    width: calc(100% + 76px);
    height: calc(100% + 38px);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYyJyBoZWlnaHQ9JzY3JyB2aWV3Qm94PScwIDAgMTYyIDY3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00zOS4xNTg4IDU4Ljg2ODJDNjUuMTQ4NyA2OS44OTY4IDExMy41ODQgNjQuOTI0MSAxMzcuODY3IDUyLjUwODFDMTQ4LjkyNiA0Ni44NTM1IDE2OS4wMDkgMzEuMTcyNCAxNTUuNDY5IDE4LjI3ODdDMTUzLjA4IDE2LjAwNDQgMTUwLjIzNSAxNC4yMTAxIDE0Ny4zMSAxMi42ODQ3QzExNS4xMiAtNC4xMDI2NiA3MS44NjI3IDAuMzQzNTU0IDM5LjE0NjEgMTMuNDQ0OUMzNC4yNjY3IDE1LjM5ODggMjkuNDg1MyAxNy42NTg5IDI1LjEzNyAyMC42MDQzQzIxLjg4NDkgMjIuODA3MSAxOC43NzMgMjUuNDgzNSAxNi4zMTkyIDI4LjUzNzVDOS4xMzYyOCAzNy40Nzc5IDExLjY0NTQgNDUuOTAyOCAyMC4zMzM5IDUyLjYxMzNDMzAuNDA3NiA2MC4zOTM3IDQzLjY2NDMgNjIuMjA4OCA1Ni4xMTI1IDYyLjg5NzhDNjYuOTk3NyA2My41MDAyIDc3LjgxMDggNjMuMTAzIDg4LjY0NDYgNjEuOTU4N0MxMDguOTYzIDU5LjgxMyAxMzIuMzU0IDU2LjkyNDQgMTQ4Ljc3IDQ0LjUxMThDMTU1Ljk0MSAzOS4wOTAyIDE2My4zMzMgMjcuOTcxNSAxNTYuNDI5IDE5LjczMDNDMTQ4Ljk0NyAxMC44IDEzMi40MjMgOC43Mzc2NSAxMjEuMzEzIDcuNDEzNzNDOTEuMzQwNSAzLjg0MTk4IDQ0LjU2NTYgOS4yMzc2MyAxOC4zNjk2IDI0Ljc3NjFDMTUuNTQ0NyAyNi40NTE4IDEyLjY3NTggMjguMDI3MyAxMC4xODU5IDMwLjE1ODdDOC4yMTg2MiAzMS44NDI5IDYuMzUxNzkgMzMuNzQxMiA0Ljc1NDY2IDM1Ljc3MDZDLTYuNTYyNzkgNTAuMTUzIDIwLjk5MDYgNTcuMTU3MiAzMC42MTY1IDU4LjA3MjNDNjAuODk4IDYwLjk1MDkgMTA1LjcwNiA2NS4wMzk3IDEzMi42MTYgNTEuMDYyNicgc3Ryb2tlPScjRTI5QUE4JyBzdHJva2Utd2lkdGg9JzMnIHN0cm9rZS1taXRlcmxpbWl0PScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
}

.header__nav a span {
    display: inline-block;
    transition: transform .3s ease;
}

.header__nav a:hover span {
    transform: rotateY(180deg);
}

.swiper-wrapper {
    height: auto;
}

iframe {
    border: none;
}

@media (max-width: 1680px) {
    .header__nav a:first-child::before {
        top: -11px;
        left: -26px;
        width: calc(100% + 42px);
        height: calc(100% + 30px);
    }
}

@media (max-width: 767px) {
    .menu-bar__list-item._is-active svg path {
        stroke: #2b5644;
        fill: #2b5644;
    }

    .categories__banner-poster {
        transform: translate(100%, 0);
        animation: fadeRightMobile 1.5s linear forwards;
    }
}

@media (max-width: 991px) {
    .catalog__heading-title-additional-wrapper {
        display: block;
    }

    .catalog__heading-title {
        position: initial;
        display: inline-block;
        padding-right: 0;
    }

    .title_sub {
        position: initial;
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 120%;
        letter-spacing: .04em;
        transform: translateY(-25px);
    }
}

@media (max-width: 767px) {
    .catalog__heading-title {
        min-width: auto;
    }

    .title_sub {
        transform: translateY(-18px);
    }
}

@media (max-width: 480px) {
    html, body {
        overflow-x: hidden;
    }

    .send-form .custom-checkbox p {
        font-size: 12px;
    }

    .catalog__heading-title-wrapper {
        position: relative;
        align-self: flex-start;
    }

    .catalog__heading-title {
        display: inline;
        margin-right: 0;
        font-size: 24px;
        position: relative;
    }

    .catalog__heading-title-additional-wrapper {
        display: block;
    }

    .catalog__heading-title-additional-wrapper .title_sub {
        position: static;
        transform: translateY(-14px) !important;
        background-color: #E29AA8;
        padding: 3px 5px 2px;
        border-radius: 50px;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.4px;
        color: #fff;
    }

}

@keyframes fadeRight {
    100% {
        transform: translate(0, -50%);
    }
}

@keyframes fadeRightMobile {
    100% {
        transform: translate(0, 0);
    }
}

.catalog__heading-price.hidden {
    display: none;
}

.catalog__filters-block-heading {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

.catalog__filters-field:not(:last-child) {
    margin-bottom: 1.3rem;
}

.catalog__filters-block-nested-heading {
    padding-bottom: 1.3rem;

}

.catalog__filters-block-heading-icon {
    height: 2.4rem;
}

.catalog__filters-block-heading-icon > svg {
    height: 2.4rem;
}

.header__top .header__search {
    display: block;
}

.header__bottom .header__search {
    display: none;
}

@media (max-width: 768px) {
    .header__top .header__search {
        display: none;
    }

    .header__bottom .header__search {
        display: block;
    }
}

.mb-br {
    display: inline;
}

@media (max-width: 767px) {
    .mb-br {
        display: block;
    }

    .footer-policy-link {
        text-align: center;
    }
}

.catalog__filters-fields-content > .catalog__filters-field {
    min-height: 2.4rem;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.basket-total__block {
    margin: 15px 0 0;
}

.basket__detailed-order-button {
    margin-top: 15px;
    width: 100%;
}

.basket__detailed-order-button.btn.btn--disabled {
    background: #ccc;
    cursor: not-allowed;
}

.basket__detailed-order-button .hidden {
    display: none;
}

.basket__detailed-order-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-title__icon {
    display: none;
    align-items: center;
}

.progress-bar__icon .green {
    display: none;
}

.basket-total__block.active {

    .section-title__icon {
        display: flex;
    }

    .progress-bar__text-up--active {
        color: #559479;
    }

    .progress-bar__icon .green {
        display: block;
    }

    .progress-bar__icon .gray {
        display: none;
    }

    .text__regular-16 {
        color: #559479;
    }
}

.progress-bar-container {
    display: flex;
    gap: 2px;
    margin: 30px 0 40px;
    position: relative;
}

.progress-bar-container.wholesale {
    margin-top: 10px;
}

.progress-bar__step {
    flex: 1;
    min-height: 40px;
    position: relative;
    background: #eee;
    transition: background .6s ease;
}

.progress-bar__step:not(:last-child) {
    border-right: 1px solid #fff;
}

.progress-bar__step:first-child {
    border-radius: 10px 0 0 10px;
}

.progress-bar__step:last-child {
    border-radius: 0 10px 10px 0;
}

.progress-bar__step:only-child {
    border-radius: 10px;
}

.progress-bar__text-up {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6rem;
    white-space: nowrap;
}

.progress-bar__text-down {
    position: absolute;
    bottom: -25px;
    font-size: 1.6rem;
    white-space: nowrap;
}

.progress-bar__text-down--left {
    left: 0;
    transform: translateX(-10%);
}

.progress-bar__text-down--right {
    right: 0;
    transform: translateX(55%);
}

.progress-bar__step:last-child .progress-bar__text-down--right {
    transform: translateX(0);
}

.progress-bar__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.danger-icon {
    min-width: 24px;
}

@media (max-width: 1380px) {
    .progress-bar__text-up {
        font-size: 14px;
    }

    .progress-bar__text-down {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
}

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

@media (max-width: 640px) {
}

@media (max-width: 480px) {
}

.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all 0.4s ease;
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    opacity: 0;
    transform: translateY(20px);
}

.slide-fade-enter-to,
.slide-fade-leave-from {
    opacity: 1;
    transform: translateY(0);
}

.fade-slide-enter-active,
.fade-slide-leave-active {
    transition: all 0.4s ease;
}

.fade-slide-enter-from,
.fade-slide-leave-to {
    opacity: 0;
    transform: translateY(10px);
}

.fade-slide-enter-to,
.fade-slide-leave-from {
    opacity: 1;
    transform: translateY(0);
}

.tick-enter-active, .tick-leave-active {
    transition: transform .28s ease, opacity .28s ease;
}

.tick-enter-from, .tick-leave-to {
    transform: scale(.8) rotate(-6deg);
    opacity: 0;
}

.tick-enter-to, .tick-leave-from {
    transform: scale(1) rotate(0);
    opacity: 1;
}

.myprofile-account__cards {
    gap: 2rem;
}

.card-myprofile-account:not(.card-myprofile-account_large) .card-myprofile-account__icon {
    position: static;
    transform: none;
}

.card-myprofile-account__icon {
    min-width: 7.4rem;
}

.card-myprofile-account__subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.4px;
}

.card-myprofile-account__head {
    gap: 11px;
}

.single-link {
    transform: none;
}

.personal-manager {
    display: flex;
    flex-direction: column;
    padding: 32px;
    justify-content: space-between;
    background-color: #F4F4F4;
    border-radius: 30px;
}

.personal-manager > .top {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.personal-manager > .top span {
    position: relative;
    padding-left: 23px;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.4px;
    color: #1D1D1B;
}

.personal-manager > .top span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #559479;
    transform: translateY(-50%);
}

.personal-manager > .top h4 {
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    color: #1D1D1B;
}

.personal-manager > .bottom ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
}

.personal-manager > .bottom ul li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.personal-manager > .bottom ul li .top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.personal-manager > .bottom ul li .top .icon {
    min-width: 20px;
    height: 20px;
    cursor: default;
}

.personal-manager > .bottom ul li .top span {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.4px;
    color: #1D1D1B;
}

.personal-manager > .bottom ul li .bottom a {
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #1D1D1B;
    transition: border .3s ease, color .3s ease;
}

.personal-manager > .bottom ul li .bottom a:hover {
    border-color: #2B5644;
    color: #2B5644;
}

.personal-discount {
    width: fit-content;
    margin-bottom: 4rem;
    padding: 14px 24px;
    background-color: #F4F4F4;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.personal-discount .icon {
    min-width: 24px;
    height: 24px;
}

.personal-discount span {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: #2B5644;
}

@media (min-width: 768px) {
    .myprofile-account__card {
        min-height: 17.9rem;
        padding: 3rem 3.2rem;
    }

    .card-myprofile-account_large_1 {
        min-height: 24.5rem;
    }

    .personal-manager {
        width: 100%;
        flex: initial;
        gap: 30px;
    }
}

@media (min-width: 1023px) {
    .myprofile-account__card {
        flex: 0 0 54.3rem;
    }

    .card-myprofile-account_large_1 {
        flex: 0 0 54.3rem;
    }

    .personal-manager {
        flex: 0 0 54.3rem;
    }
}

@media (min-width: 1550px) {
    .myprofile-account__card {
        flex: 0 0 26.176rem;
    }

    .card-myprofile-account_large_1 {
        flex: 0 0 67.7rem;
    }

    .personal-manager {
        flex: 0 0 41rem;
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .personal-discount {
        margin-bottom: 6.4rem;
    }

    .personal-discount span {
        font-size: 15px;
        line-height: 130%;
    }

    .personal-manager {
        padding: 24px 16px;
        gap: 30px;
    }

    .personal-manager > .top {
        gap: 10px;
    }

    .personal-manager > .top span {
        font-size: 14px;
    }

    .personal-manager > .top h4 {
        font-size: 21px;
    }

    .card-myprofile-account__bottom {
        flex-direction: row;
    }
}

@media (max-width: 480px) {
    .personal-manager > .top span {
        font-weight: 500;
    }

    .personal-manager > .bottom ul {
        flex-direction: column;
    }

    .personal-manager > .bottom ul li .top .icon {
        display: none;
    }

    .personal-manager > .bottom ul li .top span {
        font-size: 15px;
        font-weight: 500;
    }

    .personal-manager > .bottom ul li .bottom a {
        font-size: 15px;
    }
}

.personal-manager-orders__item.title {
    grid-area: title;
    color: #898485;
    padding-top: 2px;
}

.personal-manager-orders__item.name {
    grid-area: name;
}

.personal-manager-orders__item.phone {
    grid-area: phone;
}

.personal-manager-orders__item.email {
    grid-area: email;
}

.personal-manager-orders__item {
    display: flex;
    align-items: center;
    gap: 3px;
}

.personal-manager-orders__item:not(.title):not(.name) span {
    border-bottom: 1px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.personal-manager-orders__item:not(.title):not(.name) span:hover {
    border-color: #2B5644;
    color: #2B5644;
}

.personal-manager-orders {
    display: grid;
    align-items: start;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(auto-fill, auto);
    gap: 7px 10px;
    grid-template-areas:
    "title name"
    "title phone"
    "title email";
    margin: 0 5px;

    svg {
        flex: 0 0 24px;
        width: 21px;
        height: 21px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .personal-manager-orders {
        grid-template-columns: 210px auto;
    }

    .personal-manager-orders svg {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .personal-manager-orders {
        grid-template-areas:
        "title"
        "name"
        "phone"
        "email";
    }

    .personal-manager-orders svg {
        flex: 0 0 4.8rem;
        width: 4.8rem;
        height: 4.8rem;
    }

    .personal-manager-orders__item.title span {
        font-size: 15px;
        font-weight: 400;
        line-height: 130%;
    }

    .personal-manager-orders__item {
        gap: 5px;
    }
}

.checkout-complete-modal__btn {
    color: #2B5644;
    background-color: white;
}
/* End */


/* Start:/local/templates/mirrey/style/basket.css?176459408223986*/
.basket-title {
    margin-bottom: 40px;
}

.basket-gray-text {
    color: #898485;
}

.basket-container {
    display: grid;
    grid-template-areas:
        "basket-info basket-info"
        "basket-separator basket-separator"
        "basket-list basket-total";

    grid-template-columns: 2fr 1fr;
    column-gap: 40px;

    justify-items: stretch;

    font-size: 1.6rem;
}

.basket-total,
.basket-list {
    min-width: 0;
    width: 100%;
}

/* Basket info start */
.basket-info {
    grid-area: basket-info;
    margin-top: 20px;
    border-radius: 12px;
    color: #898485;
    width: 100%;
}

.basket-info__header {
    display: none;
    justify-content: space-between;
    align-items: center;

    font-weight: 600;
    cursor: pointer;
    position: relative;
    color: #2B5644;

    min-height: 54px;
}

.basket-info__header span {
    padding-top: 2px;
}

.basket-info__header .basket-info__left {
    display: flex;
    align-items: center;
    flex-grow: 1;
    column-gap: 6px;
}

.basket-list,
.basket-card__wrapper,
.basket-card {
    min-width: 700px;
}

.basket-info__inner {
    display: grid;
    grid-template-columns: 1.05fr 0.65fr 0.7fr;
    column-gap: 50px;
    align-items: flex-start;
}

.basket-info__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 120%;
}

.basket-info__item-text-icon {
    max-width: 24px;
    width: 100%;
    height: 24px;

    transition: .3s transform ease;
}

/* Basket info end */

/* Basket separator start */
.basket-separator {
    grid-area: basket-separator;

    width: 100%;
    height: 1px;
    background-color: #E6E6E6;
    margin: 40px 0;
}

/* Basket separator end */

/* Basket list start */
.basket-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;

    border-radius: 25px;
}

.basket__cards-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.basket-card__wrapper {
    display: flex;
    width: 100%;
    column-gap: 20px;
    position: relative;
    min-width: 0;
}

.basket-card {
    display: grid;
    grid-template-areas:
        "image info controls price"
        "image info actions fav-n-delete"
        "recommendations recommendations recommendations recommendations";
    grid-template-columns: 114px 2fr 1fr 0.7fr;
    gap: 10px 16px;
    align-items: start;
    padding: 16px;
    border-bottom: 1px solid #e6e6e6;

    background-color: #F4F4F4;
    border-radius: 30px;

    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}

.basket-card-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-container input[type=checkbox] {
    width: 24px;
    height: 24px;
    border: 2px solid #559479;
    border-radius: 35%;
}

.basket-card__image {
    grid-area: image;
    width: 117px;
    height: 100px;
    position: relative;

    img {
        border-radius: 20px;
    }
}

.basket-card__info {
    grid-area: info;

    display: flex;
    flex-direction: column;

    max-width: 450px;
    height: 100px;
}

.basket-card__info-top {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    align-items: center;
}

.basket-card__box-save {
    margin-top: auto;

    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.warning-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 100px;

    svg {
        width: 16px;
        height: 16px;
    }
}

.basket-card__box-save-mobile {
    display: none;
}

.info-product-title {
    width: 100%;
    order: 3;
    font-size: 16px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.info-availability {
    display: flex;
    align-items: center;
    order: 1;
    font-size: 12px;

    span {
        color: #FFFFFF;
        padding: 5px 10px;
        border-radius: 100px;
    }

    .in-stock {
        background-color: #2B5644;
    }

    .expected {
        background-color: #898485;
    }

    .out-of-stock {
        background-color: #1D1D1B;
    }
}

.info-article-number {
    display: flex;
    align-items: center;
    order: 2;
    font-size: 12px;
}

.basket-card__controls {
    grid-area: controls;

    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.basket-card__controls__wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
}

@media (max-width: 1400px) {
    .basket-card__controls__wrapper {
        flex-wrap: wrap;
    }

    .info-product-title {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.controls-container {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    padding: 10px 20px;
}

.controls-container .controls-qty-btn {
    width: 24px;
    height: 24px;
}

.controls-box-btn {
    width: 84px;
    height: 48px;

    padding: 12px 16px;
    background-color: #2b5644;
    border-radius: 100px;
}

.controls-qty-input {
    width: 45px;
    text-align: center;
    font-size: 18px;
    line-height: 100%;
}

.box-info {
    font-size: 1.6rem;
    display: flex;
    gap: 2px;
}

.basket-card__price {
    grid-area: price;
    text-align: right;

    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.basket-price-total {
    font-size: 18px;
    color: #2B5644;
    font-weight: 600;
}

.basket-price-list {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.price-item .basket-price-total--mobile {
    display: none;

    width: 80%;
    padding: 10px;
    background-color: #2B5644;
    color: #fff;

    border-radius: 0;

    position: relative;
}

.basket-price-type {
    display: flex;
    justify-content: flex-end;
    column-gap: 5px;
    border-radius: 5px;
    width: 100%;
}

.price-item.active {
    color: #2B5644;
}

.basket-card__fav-n-delete {
    grid-area: fav-n-delete;
    text-align: right;

    display: flex;
    justify-content: flex-end;
    gap: 10px 20px;

    cursor: pointer;

    .basket-action-btn svg {
        width: 24px;
        height: 24px;
    }

    .heart-icon svg {
        color: #898485;
    }

    .heart-icon.--active svg {
        color: #e29aa8;
    }
}

.basket-card__recommendations {
    grid-area: recommendations;

    display: flex;
    flex-direction: column;

    max-height: 200px;
    width: 100%;

    font-size: 16px;
}

.basket-total {
    grid-area: basket-total;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.basket__detailed-order-content {
    padding: 20px;
    border-radius: 20px;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.basket__detailed-order-content.warnings {
    display: flex;
    flex-direction: row;
    gap: 15px;
    word-break: keep-all;
}

.basket__detailed-order-content-ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 25px;
}

.basket__detailed-order-content-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket__detailed-order-content-result {
    border-top: 1px solid #c6c6c6;
    padding: 25px 0 0;
}

.progress-bar__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.basket__detailed-order-content {
    margin-bottom: 20px;
}

.basket__detailed-order-content-item-heading span {
    color: #559479
}

.basket__detailed-order-content-item-addiction {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket__detailed-order-content-item-addiction span {
    color: #898485
}

.basket__detailed-order-content-item-title {
    display: flex;
    align-items: center;
    gap: 12px
}

.basket__detailed-order-content-item-title svg {
    transition: .3s transform ease;
    max-width: 16px;
    width: 100%;
    height: 16px;
}

.basket__detailed-order-content-result {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card-modal .basket__card-info-top-counter-field {
    height: 4rem;
    width: 13rem;
    margin-right: 1.2rem;
}

.card-modal .basket__card-info-top-counter-field-button {
    max-width: 3.8rem;
    height: 3.8rem;
}

.card-modal .basket__card-info-top-counter-field {
    padding: 1.2rem 0.6rem;
}

.basket__card-info-top-counter-field {
    padding: 1.2rem 1.6rem;
    display: flex;
    align-items: center;
    gap: .4rem;
    background-color: #fff;
    border-radius: 10rem;
}

.basket__card-info-top-counter-field-button {
    max-width: 2.4rem;
    width: 100%;
    height: 2.4rem;
}

.basket__card-info-top-counter-field input {
    font-size: 1.8rem;
    color: #1d1d1b;
    width: 100%;
    text-align: center;
}

.basket__card-info-top-counter-field input {
    width: 5.2rem;
}


.card-modal__box-btn-basket {
    width: 14rem;
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: .1rem solid #2b5644;
    border-radius: 3.2rem;
    padding-left: 1.4rem;
    padding-right: .4rem;
    background-color: #fff;
}

.card-modal__box-btn-basket span {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
    color: #1d1d1b;
    display: block;
}

.card-modal__box-btn-basket-icon {
    width: 3.3rem;
    min-width: 3.3rem;
    min-height: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    background-color: #2b5644;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-modal__box-btn-basket-icon svg {
    width: 2rem;
    height: 2rem;
}

.basket-preloader {
    height: 80px;
    display: flex;
    background: url("/local/templates/mirrey/assets/images/preloader.svg") 50% 50% / 53px no-repeat rgba(255, 255, 255, 0.44);
    inset: 0;
    z-index: 10;
    align-items: center;
    justify-content: center;
}

.basket__detailed-order-warning {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: .4rem;
    border-radius: 2rem;
    background-color: #f4f4f4;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.basket__detailed-order-warning-icon {
    max-width: 6rem;
    width: 100%;
    height: 6rem;
    border-radius: 2rem;
    background-color: #e29aa8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none
}

.basket__detailed-order-warning-icon svg {
    max-width: 2.4rem;
    width: 100%;
    height: 2.4rem
}

.basket__detailed-order-warning-text {
    color: #2b5644;
    font-weight: 600
}

.basket__detailed-order-warning-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.basket__detailed-order-warning-item {
    font-size: 1.6rem;
    line-height: 120%;
    position: relative;
    padding-left: 1.5rem
}

.basket__detailed-order-warning-item::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 1rem;
    width: .4rem;
    height: .4rem;
    background-color: #1d1d1b
}

.basket__detailed-order-warning-item span {
    font-weight: 500
}

.basket__info-order__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket__detailed-order-content-discount {
    padding-bottom: 20px;
}

button.basket__detailed-order-warning {
    cursor: default;
}

.basket__detailed-order-warning-info {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    bottom: -42.2rem;
    z-index: 10;
}

.basket-card__recommendations-open {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    color: #1d1d1b;
}

.basket-info__item-text-icon.is-open {
    transform: rotate(180deg);
}

.basket__card-addiction-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0, 0, 0.59, 0.21);
}

.basket__card-addiction-wrapper.is-open {
    max-height: 200px;
}

.basket-card__recommendations .swiper-slide {
    display: grid;

    grid-template-areas:
        "rec-img rec-name"
        "rec-img rec-price";

    grid-template-columns: auto 1fr;

    column-gap: 10px;

    padding: 10px;
    border-radius: 20px;
    background-color: #fff;
}

.basket-card-rec__data {
    max-width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.basket__card-addiction-navigation {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.basket__card-addiction-navigation button {
    max-width: 5.6rem;
    width: 100%;
    height: 5.6rem;
    border-radius: 50%;
    border: .1rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e29aa8;
}

.basket__card-addiction-navigation button svg {
    width: auto !important;
    height: 2.3rem !important;
    transition: transform 0.3s ease;
}

.basket__card-addiction-slider {
    padding-top: 15px;
}

.basket__card-addiction-slider .swiper::after {
    content: "";
    position: absolute;
    z-index: 1;
    background: linear-gradient(270deg, rgb(244, 244, 244) 0%, rgba(255, 255, 255, 0.25) 100%);
    max-width: 5.5rem;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: .85;
}

.basket-card__data-name {
    grid-area: rec-name;
    height: 37px;

    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.basket-card__data-price {
    grid-area: rec-price;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
}

.basket-card__data-price-value {
    padding: 10px 12px;
    text-align: center;
    flex-grow: 1;
    border-radius: 100px;
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 120%;
}

.basket-card__ctr-add {
    max-width: 40px;
    width: 100%;
    height: 40px;
    border-radius: 50%;
    background-color: #2b5644;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.basket-card__ctr-add svg {
    max-width: 2rem;
    width: 100%;
    height: 2rem;
}

.basket-card-rec__image {
    grid-area: rec-img;

    width: 117px;
    height: 100px;

    img {
        border-radius: 20px;
    }
}

@media (max-width: 1024px) {
    .basket-card-rec__data {
        max-width: 138px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .basket-card__data-name {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 70px;
    }
}

@media (max-width: 767px) {
    .basket-total .basket__detailed-order-warning-info {
        display: none;
    }
}

@media (max-width: 767px) {
    .basket__detailed-order-warning-icon svg {
        max-width: 6.4rem;
        width: 100%;
        height: 6.4rem;
    }
}

.basket__detailed-order-warning-list-title {
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .basket__detailed-order-warning {
        gap: 20px;
        padding: 4px;
        border-radius: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .basket__detailed-order-warning-icon {
        max-width: 60px;
        height: 60px;
        border-radius: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .basket__detailed-order-warning-icon svg {
        max-width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .basket__detailed-order-warning {
        gap: 3.2rem;
        padding-bottom: .8rem;
        border-radius: 4.8rem;
    }

    .basket__detailed-order-warning-icon {
        border-radius: 4.8rem;
        max-width: 14.6rem;
        width: 100%;
        height: 14.6rem;
        pointer-events: auto;
    }
}


/* Animation start */
.basket-card-fade-enter-from {
    opacity: 0;
    transform: translateY(20px);
}
.basket-card-fade-enter-to {
    opacity: 1;
    transform: translateY(0);
}
.basket-card-fade-enter-active {
    transition: all 0.5s ease;
}

.basket-card-fade-leave-from {
    opacity: 1;
    transform: translateY(0);
}
.basket-card-fade-leave-to {
    opacity: 0;
    transform: translateY(-20px);
}
.basket-card-fade-leave-active {
    transition: all 0.3s ease;
}

/* Animation end */

@media (max-width: 1200px) {
    .basket-container {
        font-size: 14px;
    }

    .box-info {
        font-size: 14px;
    }
}

/* Basket list end */
@media (max-width: 1024px) {
    .basket-title {
        margin-bottom: 10px;
    }

    .basket-container {
        grid-template-areas:
        "basket-info"
        "basket-separator"
        "basket-list"
        "basket-total";

        grid-template-columns: auto;
    }

    .basket-info {
        border: 1px solid #E6E6E6;
        padding: 0 18px;

        .basket-info__header {
            display: flex;
        }
    }

    .basket-info__content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s cubic-bezier(0, 0, 0.59, 0.21);
    }

    .basket-info__inner {
        display: grid;
        row-gap: 4px;
        grid-template-columns: 1fr;

        font-size: 16px;
        line-height: 130%;

        padding: 10px 0;
    }

    .basket-info__content.is-open {
        max-height: 500px;
    }

    .basket-info__item {
        gap: 6px;

        p {
            padding-top: 4px;
            font-size: 15px;
        }
    }

    .basket-card {
        grid-template-areas:
            "image info fav-n-delete"
            "price price price"
            "controls controls controls"
            "box-save-mobile box-save-mobile box-save-mobile"
            "recommendations recommendations recommendations";
        grid-template-columns: auto 1fr auto;
        gap: 10px;
        padding: 12px;

        justify-items: center;
        align-items: start;
    }

    .basket-card__price {
        text-align: left;
    }

    .basket-card__recommendations-open {
        justify-content: center;
    }

    .basket-card__image {
        width: 82px;
        height: 70px;
    }

    .basket-card-rec__image {
        width: 94px;
        height: 80px;
    }

    .basket-card__recommendations .swiper-slide {
        grid-template-areas:
        "rec-img rec-name"
        "rec-price rec-price";

        row-gap: 10px;
    }

    .basket__detailed-order-warning-text {
        font-size: 16px;
        font-weight: 600;
        max-width: 45%;
    }

    .basket-card__data-price {
        align-items: center;
    }

    .basket-card__data-price-value {
        padding: 6px 12px;
        flex-grow: 0;
        font-size: 15px;
        line-height: 130%;
    }

    .basket-card__ctr-add svg {
        max-width: 3rem;
        height: 3rem;
    }

    .basket-separator {
        margin: 20px 0;
    }

    .basket-card-checkbox {
        position: absolute;
        top: 12px;
        left: 10px;
        z-index: 2;
        background-color: #F4F4F4;
        border-radius: 0 0 10px 0;
        padding: 0 4px 4px 0;
    }

    .basket-card__image {
        position: relative;
    }

    .basket-card__info {
        flex-direction: column;
        justify-self: start;
        align-items: normal;
        max-width: none;
    }

    .basket-card__info .info-product-title {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .info-availability {
        order: 1;
        font-size: 10px;
    }

    .info-product-title {
        order: 2;
    }

    .info-article-number {
        order: 3;
    }

    .basket-card__fav-n-delete {
        flex-direction: column-reverse;
    }

    .basket-card__price {
        width: 100%;
    }

    .basket-card__controls {
        align-items: center;
    }

    .basket-price-total {
        display: none;
    }

    .basket-price-list {
        min-height: 40px;
        flex-direction: row;

        gap: 0;
        border-radius: 12px;
    }

    .price-item {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        width: 100%;
    }

    .basket-price-type {
        align-items: center;
        flex-direction: column;
        row-gap: 5px;

        background-color: #FFF;
        padding: 10px;
    }

    .price-item.active {
        display: flex;
        color: #FFFFFF;
    }

    .price-item.active .basket-price-type {
        background-color: #2B5644;
    }

    .price-item .basket-price-total--mobile {
        display: none;
    }

    .price-item.active .basket-price-total--mobile {
        display: flex;
        justify-content: center;
        box-shadow: 0 -2px #2B5644;
    }

    .basket-card__box-save {
        display: none;
    }

    .basket-card__box-save-mobile {
        grid-area: box-save-mobile;

        display: flex;
        gap: 8px;
        align-items: center;

        justify-content: center;
        font-size: 14px;

        .warning-icon {
            width: 40px;
            height: 40px;

            svg {
                width: 24px;
                height: 24px;
            }
        }

        span {
            padding-top: 2px;
            width: 60%;
        }
    }

    .controls-qty-input {
        width: 90px;
    }

    .basket__detailed-order-content-discount {
        font-size: 12px;
    }

    .basket__info-order__wrapper {
        padding-top: 40px;
    }

    .basket__detailed-order-warning-item {
        font-size: 14px;
    }

    .basket__card-addiction-navigation {
        display: none;
    }

    .basket__card-addiction-slider .swiper::after {
        max-width: 20px;
        opacity: 60;
    }

    .price-item:first-child.active {
        .basket-price-type {
            border-radius: 5px 5px 5px 0;
        }

        .basket-price-total--mobile {
            border-radius: 0 0 5px 5px;
        }

        .basket-price-total--mobile:after {
            content: "";
            position: absolute;
            left: 99%;
            top: 0;
            width: 50px;
            height: 50px;
            background: #2B5644;
            clip-path: path("M0 0H7C7 0 3.4105 0.524159 1.90909 2.45455C0.407679 4.38493 0 9 0 9V0Z");
        }
    }

    .price-item:not(:first-child):not(:last-child).active {
        align-items: center;

        .basket-price-total--mobile {
            border-radius: 0 0 5px 5px;
        }

        .basket-price-total--mobile:after {
            content: "";
            position: absolute;
            left: 99%;
            top: -5%;
            width: 7px;
            height: 8px;
            background: #2B5644;
            clip-path: path("M0 0H7C7 0 3.4105 0.524159 1.90909 2.45455C0.407679 4.38493 0 9 0 9V0Z");
        }

        .basket-price-total--mobile:before {
            content: "";
            position: absolute;
            left: -6px;
            top: -5%;
            width: 7px;
            height: 8px;
            background: #2B5644;
            clip-path: path("M7 0H0C0 0 3.5895 0.524159 5.09091 2.45455C6.59232 4.38493 7 9 7 9V0Z");
        }
    }

    .price-item:last-child.active {
        align-items: flex-end;

        .basket-price-type {
            border-radius: 5px 5px 0 5px;
        }

        .basket-price-total--mobile {
            border-radius: 0 0 5px 5px;
        }

        .basket-price-total--mobile:before {
            content: "";
            position: absolute;
            left: -6px;
            top: -5%;
            width: 7px;
            height: 8px;
            background: #2B5644;
            clip-path: path("M7 0H0C0 0 3.5895 0.524159 5.09091 2.45455C6.59232 4.38493 7 9 7 9V0Z");
        }
    }
}
/* End */


/* Start:/local/templates/mirrey/components/bitrix/menu/footer/style.css?175092197957*/
.footer__nav-list li[data-modal] {
    cursor: pointer;
}
/* End */


/* Start:/local/components/form/orderProduct/templates/.default/style.css?1738599643289*/
#orderProduct .modal__content {
    max-width: 168rem
}

#orderProduct .modal__body {
    background-color: initial;
    padding: 0;
    border-radius: 6rem
}

#orderProduct .modal__body::before {
    display: none
}

#orderProduct .modal__body::after {
    display: none
}
/* End */


/* Start:/local/components/form/common/templates/work/style.css?1750921979594*/
#modalWorkForm .modal__content {
    max-width: 168rem
}

#modalWorkForm .modal__body {
    background-color: initial;
    padding: 0;
    border-radius: 6rem
}

#modalWorkForm .modal__body::before {
    display: none
}

#modalWorkForm .modal__body::after {
    display: none
}

#modalWorkForm .consultation__info-text {
    color: #898485;
    margin-bottom: 4.8rem;
    max-width: none;
    width: 100%
}

#modalWorkForm .file-input-label {
    margin: 40px 0;
    display: flex;
}

#modalWorkForm .empty-label {
    cursor: pointer;
}

#modalWorkForm input[type=file] {
    display: none;
}

/* End */


/* Start:/local/components/modals/price_request/templates/.default/style.css?1744967400447*/
.banner-subscription-account__input {
    margin-bottom: 15px;
}

.price_input__field {
    padding: 1.6rem 2rem;
    display: block;
    width: 100%;
    background-color: #fff;
    line-height: 1;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 1.6rem;
    transition: color .3s ease,border .3s ease;
}

.price_input__field::placeholder {
    color: #898485;
    transition: color .3s ease;
    font-size: 1.6rem;
    line-height: 120%
}
/* End */
/* /local/templates/mirrey/main.css?1764594081350120 */
/* /local/templates/mirrey/style/dev.css?1764594082179505 */
/* /local/templates/mirrey/style/basket.css?176459408223986 */
/* /local/templates/mirrey/components/bitrix/menu/footer/style.css?175092197957 */
/* /local/components/form/orderProduct/templates/.default/style.css?1738599643289 */
/* /local/components/form/common/templates/work/style.css?1750921979594 */
/* /local/components/modals/price_request/templates/.default/style.css?1744967400447 */