@charset "UTF-8";

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: e-Ukraine;
    font-display: swap;
    src: url(../fonts/e-UkraineHead-Light.woff2) format("woff2"), url(../fonts/e-UkraineHead-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

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

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

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

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


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

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

html {
    scroll-behavior: smooth;
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #000;
    line-height: 1;
    font-family: Montserrat;
    font-size: .875rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: Montserrat;
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

body {
    line-height: 160%
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 61.875rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 20px
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

h1 {
    font-family: e-Ukraine;
    font-style: normal;
    line-height: 140%;
    font-weight: 500;
    font-size: 40px;
}

h2 {
    color: #383838;
    font-family: Montserrat;
    line-height: 1.2285714286;
    font-weight: 700
}

h3 {
    font-family: Montserrat;
    font-weight: 600;
    line-height: 140%
}

h4 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2222222222
}

button {
    outline: 0
}

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

._comment {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #898989;
    margin-bottom: 35px
}

._button {
    display: inline-block;
    padding: 8px;
    background: #F47B73;
    border-radius: 5px;
    font-weight: 500;
    font-family: Montserrat;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.popup__open-button {
    cursor: pointer
}

._loader {
    position: relative
}

._loader.loading::after,
._loader.loading::before {
    content: ""
}

._loader::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 5
}

._loader::after {
    position: absolute;
    width: 48px;
    height: 48px;
    border: 5px solid #202020;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: rotation-loader 1s linear infinite;
    animation: rotation-loader 1s linear infinite;
    z-index: 6;
    left: 50%;
    top: 50%
}

@-webkit-keyframes rotation-loader {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes rotation-loader {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.swiper-button-next,
.swiper-button-prev {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    width: 31px;
    height: 31px
}

.swiper-button-prev {
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2731%27 height=%2731%27 fill=%27none%27 viewBox=%270 0 31 31%27%3E%3Cpath fill=%27%23F46B5B%27 d=%27M23.7 15.975a.98.98 0 0 0-.273-.683.92.92 0 0 0-.661-.282H10.06l1.215-1.245a.985.985 0 0 0 .275-.686.985.985 0 0 0-.275-.685.924.924 0 0 0-.664-.284.924.924 0 0 0-.663.284L7.144 15.29a.994.994 0 0 0 .146 1.485.914.914 0 0 0 .518.166h14.958a.92.92 0 0 0 .66-.283.98.98 0 0 0 .275-.682Z%27/%3E%3Cpath fill=%27%23F46B5B%27 d=%27M11.547 18.87a.991.991 0 0 0-.271-.686L8.47 15.29a.924.924 0 0 0-1.023-.21.937.937 0 0 0-.304.21.972.972 0 0 0-.275.686c0 .257.099.503.275.685l2.804 2.895a.934.934 0 0 0 .664.285.91.91 0 0 0 .664-.285.97.97 0 0 0 .27-.685Z%27/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2731%27 height=%2731%27 fill=%27none%27 viewBox=%270 0 31 31%27%3E%3Cpath fill=%27%23D0D0D2%27 d=%27M23.7 15.975a.98.98 0 0 0-.273-.683.92.92 0 0 0-.661-.282H10.06l1.215-1.245a.985.985 0 0 0 .275-.686.985.985 0 0 0-.275-.685.924.924 0 0 0-.664-.284.924.924 0 0 0-.663.284L7.144 15.29a.994.994 0 0 0 .146 1.485.914.914 0 0 0 .518.166h14.958a.92.92 0 0 0 .66-.283.98.98 0 0 0 .275-.682Z%27/%3E%3Cpath fill=%27%23D0D0D2%27 d=%27M11.547 18.87a.991.991 0 0 0-.271-.686L8.47 15.29a.924.924 0 0 0-1.023-.21.937.937 0 0 0-.304.21.972.972 0 0 0-.275.686c0 .257.099.503.275.685l2.804 2.895a.934.934 0 0 0 .664.285.91.91 0 0 0 .664-.285.97.97 0 0 0 .27-.685Z%27/%3E%3C/svg%3E")
}

.swiper-button-next {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2731%27 height=%2731%27 fill=%27none%27 viewBox=%270 0 31 31%27%3E%3Cpath fill=%27%23F46B5B%27 d=%27M7.537 15.975c0-.256.099-.502.274-.683a.92.92 0 0 1 .661-.282h12.705l-1.215-1.245a.985.985 0 0 1-.275-.686c0-.257.099-.503.275-.685a.924.924 0 0 1 .663-.284c.25 0 .488.103.664.284l2.805 2.895a.994.994 0 0 1-.146 1.485.914.914 0 0 1-.518.166H8.472a.92.92 0 0 1-.66-.283.981.981 0 0 1-.275-.682Z%27/%3E%3Cpath fill=%27%23F46B5B%27 d=%27M19.69 18.87a.99.99 0 0 1 .272-.686l2.804-2.895a.924.924 0 0 1 1.023-.21c.114.05.217.12.305.21a.972.972 0 0 1 .275.686.985.985 0 0 1-.275.685l-2.805 2.895a.935.935 0 0 1-.664.285.91.91 0 0 1-.663-.285.968.968 0 0 1-.271-.685Z%27/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-disabled {
    cursor: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2731%27 height=%2731%27 fill=%27none%27 viewBox=%270 0 31 31%27%3E%3Cpath fill=%27%23D0D0D2%27 d=%27M7.537 15.975c0-.256.099-.502.274-.683a.92.92 0 0 1 .661-.282h12.705l-1.215-1.245a.985.985 0 0 1-.275-.686c0-.257.099-.503.275-.685a.924.924 0 0 1 .663-.284c.25 0 .488.103.664.284l2.805 2.895a.994.994 0 0 1-.146 1.485.914.914 0 0 1-.518.166H8.472a.92.92 0 0 1-.66-.283.981.981 0 0 1-.275-.682Z%27/%3E%3Cpath fill=%27%23D0D0D2%27 d=%27M19.69 18.87a.99.99 0 0 1 .272-.686l2.804-2.895a.924.924 0 0 1 1.023-.21c.114.05.217.12.305.21a.972.972 0 0 1 .275.686.985.985 0 0 1-.275.685l-2.805 2.895a.935.935 0 0 1-.664.285.91.91 0 0 1-.663-.285.968.968 0 0 1-.271-.685Z%27/%3E%3C/svg%3E")
}

.swiper-pagination-bullet {
    cursor: pointer;
    background-color: #d0d0d2;
    border-radius: 50%;
    width: 7.5px;
    height: 7.5px;
    display: inline-block
}

.swiper-pagination-bullet:not(:last-child) {
    margin-right: 5px
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #F47B73
}

.spoller__button {
    cursor: pointer
}

.spoller__button[data-show="0"]~.spoller__content {
    display: none
}

._old_price {
    color: #a7a7a7;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

._tags {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

._tag {
    padding: 8px 5px 8px 25px;
    text-align: center;
    max-width: 124px;
    width: 100%;
    border: .5px solid #c4c4c4;
    border-radius: 3px;
    position: relative;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #c4c4c4
}

._tag::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2715%27 fill=%27none%27 viewBox=%270 0 14 15%27%3E%3Cpath fill=%27%23C4C4C4%27 d=%27M9.8 5.576a.7.7 0 1 0 0-1.4.7.7 0 0 0 0 1.4Zm-2.009-3.5a1.4 1.4 0 0 0-.998.41L2.115 7.15a1.4 1.4 0 0 0-.001 1.98l3.464 3.464a1.4 1.4 0 0 0 1.98 0l4.642-4.64a1.401 1.401 0 0 0 .41-.993l-.006-3.465a1.4 1.4 0 0 0-1.39-1.398l-3.423-.023Zm-.504.905a.7.7 0 0 1 .5-.205l3.422.023a.7.7 0 0 1 .695.699l.006 3.465a.7.7 0 0 1-.205.496L7.064 12.1a.701.701 0 0 1-.99 0L2.608 8.637a.7.7 0 0 1 0-.99l4.68-4.667Z%27/%3E%3C/svg%3E");
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

._filter {
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 version=%271.1%27 width=%2715%27 height=%2715%27 viewBox=%270 0 256 256%27 xml:space=%27preserve%27%3E%3Cdefs%3E%3C/defs%3E%3Cg style=%27stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;%27 transform=%27translate%281.4065934065934016 1.4065934065934016%29 scale%282.81 2.81%29%27 %3E%3Cpath d=%27M 37.882 90 c -0.338 0 -0.676 -0.086 -0.981 -0.258 c -0.629 -0.354 -1.019 -1.02 -1.019 -1.742 V 45.354 L 3.923 3.208 C 3.464 2.604 3.388 1.791 3.726 1.11 S 4.758 0 5.517 0 h 78.966 c 0.76 0 1.453 0.43 1.791 1.11 s 0.262 1.493 -0.197 2.098 L 54.118 45.354 V 79.37 c 0 0.699 -0.365 1.348 -0.963 1.71 l -14.237 8.63 C 38.601 89.903 38.241 90 37.882 90 z M 9.543 4 l 29.932 39.474 c 0.264 0.348 0.406 0.772 0.406 1.208 v 39.767 l 10.236 -6.205 V 44.682 c 0 -0.437 0.143 -0.861 0.406 -1.208 L 80.457 4 H 9.543 z M 52.118 79.37 h 0.01 H 52.118 z%27 style=%27stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb%28255,255,255%29; fill-rule: nonzero; opacity: 1;%27 transform=%27 matrix%281 0 0 1 0 0%29 %27 stroke-linecap=%27round%27 /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.hidden {
    display: none
}

.header {
    background-color: #fff
}

.header__top {
    padding: 7px 0;
    background-color: #e2ebf0
}

.marquee {
    --gap: 14px;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: var(--gap);
    animation: scroll 20s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}



.marquee:hover .marquee__content {
    animation-play-state: paused;
}




.marquee li {
    font-size: 9px;
    line-height: 11px;
    font-weight: 400;
    font-family: e-Ukraine;
    text-transform: uppercase;
    color: #6899BE;
}

.marquee .decor span {
    width: 4.5px;
    height: 4.5px;
    border-radius: 50%;
    display: inline-block;
    background: #ECC702;
    margin-bottom: 1px;
}

.header__logo {
    gap: 20px
}

.header__logo span {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%
}

.header__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 18px
}

.header__links a {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #A7A7A7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    transition: all .3s ease;
}

.header__links a:hover {
    font-weight: 500;
    color: #2E96D2;
}

.header__phone:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%232E96D2' d='M13.703 9.254c-.154 0-.316-.05-.47-.085a6.618 6.618 0 0 1-.92-.274 1.401 1.401 0 0 0-1.743.704l-.155.317a8.56 8.56 0 0 1-1.868-1.409 8.58 8.58 0 0 1-1.405-1.874l.295-.197a1.408 1.408 0 0 0 .702-1.748 7.294 7.294 0 0 1-.274-.923 5.24 5.24 0 0 1-.084-.479 2.115 2.115 0 0 0-.73-1.267 2.104 2.104 0 0 0-1.378-.487H3.566a2.102 2.102 0 0 0-2.038 1.505 2.12 2.12 0 0 0-.07.897 13.402 13.402 0 0 0 3.82 7.795 13.333 13.333 0 0 0 7.786 3.803h.267a2.104 2.104 0 0 0 2.107-2.121v-2.114a2.118 2.118 0 0 0-.502-1.333 2.106 2.106 0 0 0-1.233-.71Zm.352 4.227a.706.706 0 0 1-.509.678.74.74 0 0 1-.306.027 11.93 11.93 0 0 1-6.946-3.431 11.991 11.991 0 0 1-3.389-6.983.77.77 0 0 1 .176-.577.703.703 0 0 1 .527-.24h2.108a.701.701 0 0 1 .702.557 7.851 7.851 0 0 0 .429 1.663l-.984.457a.703.703 0 0 0-.344.938 10.194 10.194 0 0 0 4.918 4.931.7.7 0 0 0 .533 0 .702.702 0 0 0 .4-.366l.436-.986c.364.13.734.238 1.11.324.188.042.377.077.57.106a.702.702 0 0 1 .554.704l.015 2.198Z'/%3E%3C/svg%3E%0A");
}

.header__phone::before {
    content: "";
    display: inline-block;
    transition: all .3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23A7A7A7' d='M13.703 9.254c-.154 0-.316-.05-.47-.085a6.618 6.618 0 0 1-.92-.274 1.401 1.401 0 0 0-1.743.704l-.155.317a8.56 8.56 0 0 1-1.868-1.409 8.58 8.58 0 0 1-1.405-1.874l.295-.197a1.408 1.408 0 0 0 .702-1.748 7.294 7.294 0 0 1-.274-.923 5.24 5.24 0 0 1-.084-.479 2.115 2.115 0 0 0-.73-1.267 2.104 2.104 0 0 0-1.378-.487H3.566a2.102 2.102 0 0 0-2.038 1.505 2.12 2.12 0 0 0-.07.897 13.402 13.402 0 0 0 3.82 7.795 13.333 13.333 0 0 0 7.786 3.803h.267a2.104 2.104 0 0 0 2.107-2.121v-2.114a2.118 2.118 0 0 0-.502-1.333 2.106 2.106 0 0 0-1.233-.71Zm.352 4.227a.706.706 0 0 1-.509.678.74.74 0 0 1-.306.027 11.93 11.93 0 0 1-6.946-3.431 11.991 11.991 0 0 1-3.389-6.983.77.77 0 0 1 .176-.577.703.703 0 0 1 .527-.24h2.108a.701.701 0 0 1 .702.557 7.851 7.851 0 0 0 .429 1.663l-.984.457a.703.703 0 0 0-.344.938 10.194 10.194 0 0 0 4.918 4.931.7.7 0 0 0 .533 0 .702.702 0 0 0 .4-.366l.436-.986c.364.13.734.238 1.11.324.188.042.377.077.57.106a.702.702 0 0 1 .554.704l.015 2.198Z'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 17px
}

/* .header__email::before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27 fill=%27none%27 viewBox=%270 0 15 15%27%3E%3Cpath fill=%27%232E96D2%27 d=%27M12.195 2.516H2.82a1.758 1.758 0 0 0-1.757 1.757v5.86A1.758 1.758 0 0 0 2.82 11.89h9.375a1.758 1.758 0 0 0 1.758-1.758v-5.86a1.758 1.758 0 0 0-1.758-1.757Zm.586 7.47-2.87-2.578 2.87-2.01v4.588ZM2.234 5.398l2.871 2.01-2.87 2.578V5.398ZM6.09 8.1l1.084.755a.586.586 0 0 0 .668 0L8.926 8.1l2.93 2.619H3.171l2.918-2.62ZM2.82 3.688h9.375a.586.586 0 0 1 .522.328L7.507 7.66 2.3 4.016a.586.586 0 0 1 .521-.329Z%27/%3E%3C/svg%3E");
    width: 15px;
    height: 15px
} */

.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.popup--show {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.popup__overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    left: 0;
    top: 0
}

.popup.popup--show .popup__wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 20px;
}

.popup__wrapper {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    position: relative;
    max-width: 800px;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 80px);
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 20px 20px
}

.popup__wrapper.loading {
    overflow: hidden
}

.popup__content {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.popup__close {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 0;
    z-index: 3
}

.popup__close span {
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.popup__close span::after,
.popup__close span::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #333;
    top: 50%;
    left: 50%
}

.popup__close span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.popup__close span::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.callback__popup .popup__wrapper {
    height: auto;
    max-width: 861px;
}

.callback__popup .popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 25px;
    padding-right: 15px
}

.find .find__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #F7F7F7;
    border: 3.7px solid #FECFCB;
    border-radius: 15px;
}

.find .find__form {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 40px 24px;
}

.callback__popup .find__wrapper {
    padding: 38px 74px 50px 50px !important
}

.callback__popup .callback__product.product {
    display: -ms-grid;
    display: grid;
    width: 100%;
    gap: 10px;
    padding: 0;
    border: none;
    -ms-grid-rows: auto 10px auto 10px auto;
    grid-template-areas: "rating rating rating" "image stats stats" "tags tags price";
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.callback__popup .callback__product.product::before {
    content: none
}

/* .callback__popup .find__form {
    max-width: 300px
} */

.callback__popup h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 140%;
    margin-bottom: 30px;
    grid-area: title;
    max-width: 274px;
}

.callback__popup h2 span {
    color: #F46B5B;
}


.callback__popup .form__form {
    display: grid;
    grid-template-areas:
        "title phone"
        "title email"
        "name comment"
        "button comment"
    ;
    grid-template-columns: 304px 1fr;
    gap: 15px 20px;
}

.callback__popup .callback__name {
    grid-area: name;
}

.callback__popup .callback__email {
    grid-area: email;
}

.callback__popup .callback__phone {
    grid-area: phone;
}

.callback__popup .callback__comment {
    grid-area: comment;
}

.callback__popup .form__send {
    grid-area: button;
}

.thankyou {
    z-index: 10
}

.thankyou .popup__wrapper {
    height: auto;
    max-width: 861px;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 50px 20px 40px;
}

.thankyou .popup__content h2 {
    text-align: center;
    color: #F47B73;
    font-weight: 700;
    font-size: 30px;
    display: block;
    margin: 0 auto 10px;
}

.thankyou .popup__content p {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    max-width: 557px;
    display: block;
    margin: 0 auto 40px;
}

.popup__continue {
    margin: 0 auto;
    display: block;
    font-weight: 300;
    font-size: 18px;
    color: #F46B5B;
    padding: 10px 3px;
    width: 186px;
    border: 1px solid #F47B73;
    border-radius: 10px;
}



.intro {
    padding: 50px 0 90px;
    margin-bottom: 80px;
    position: relative
}

.intro__container::before {
    content: "";
    position: absolute;
    width: 137px;
    height: 104px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background-image: url(../img/decor.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 10%;
    bottom: -70px
}

.intro__text {
    max-width: 507px
}

.intro__text p {
    max-width: 420px;
    font-weight: 300;
    font-family: e-Ukraine;
}

.intro__bg {
    background-image: url(../img/intro-bg.jpg)
}

.intro__bg {
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat
}

.intro__blur {
    width: 90%;
    min-height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: -o-linear-gradient(5.78deg, rgba(250, 250, 250, .97) 34.14%, rgba(250, 250, 250, .873) 49.67%, rgba(240, 240, 242, 0) 61.23%);
    background: linear-gradient(84.22deg, rgba(250, 250, 250, .97) 34.14%, rgba(250, 250, 250, .873) 49.67%, rgba(240, 240, 242, 0) 61.23%)
}

.brands h3 {
    margin-bottom: 84px;
}

.brands__slide img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s ease;
}

.brands__slide img:hover {
    -webkit-filter: none;
    filter: none;
}

.types__types._row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.types__types._row h4 {
    min-height: 44px
}

.types__type {
    max-width: 320px;
    width: 100%;
    background: #f1f1f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 40px 64px 28px;
    border-radius: 25px;
    min-height: 333px;

}

.types__type:hover {
    background: #E2EBF0;
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.05));
}


.types__button {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #333;
    position: relative;
    padding-right: 58px;
}

.types__button::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%278%27 fill=%27none%27 viewBox=%270 0 18 8%27%3E%3Cpath fill=%27%23333%27 d=%27M17.354 4.246a.5.5 0 0 0 0-.707L14.172.357a.5.5 0 1 0-.708.707l2.829 2.828-2.829 2.829a.5.5 0 1 0 .708.707l3.182-3.182ZM0 4.392h17v-1H0v1Z%27/%3E%3C/svg%3E");
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 17px;
    height: 8px
}


.types__button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%278%27 fill=%27none%27 viewBox=%270 0 18 8%27%3E%3Cpath fill=%27%23a7a7a7%27 d=%27M17.354 4.246a.5.5 0 0 0 0-.707L14.172.357a.5.5 0 1 0-.708.707l2.829 2.828-2.829 2.829a.5.5 0 1 0 .708.707l3.182-3.182ZM0 4.392h17v-1H0v1Z%27/%3E%3C/svg%3E")
}

.benefits__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.benefits__item {
    max-width: 296px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 32px 13px 30px 28px;
    background: #fff;
    border: .65px solid #d3d3d3;
    border-radius: 9px;
    gap: 26px;
    transition: all .3s ease;
}

.benefits__item:hover {
    border: .65px solid #F47B73;
}

.benefits__item:hover path {
    transition: all .3s ease;
}

.benefits__item:hover svg path {
    fill: #F47B73;
}

.benefits__item:nth-child(4):hover svg path,
.benefits__item:nth-child(6):hover svg path {
    fill: none;
    stroke: #F47B73;
}

.benefits__icon {
    width: 40px;
}


.benefits__text {
    width: 162px
}

.benefits__text h5 {
    min-height: 32px;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    max-width: 150px
}

.benefits__text p {
    font-weight: 300;
    font-size: 10px;
    line-height: 140%
}

.offers__slider {
    position: relative;
    padding-top: 73px;
    margin-top: -30px
}

.offers__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.offers__text h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px
}

.offers__text h2 span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2732%27 fill=%27none%27 viewBox=%270 0 28 32%27%3E%3Cpath fill=%27%23FFD687%27 d=%27M19.83 3.992a36.104 36.104 0 0 0-3.389 3.631c-1.643-2.273-3.68-4.58-5.987-6.73C4.532 6.412.33 13.603.33 17.942c0 7.704 6.044 13.95 13.5 13.95s13.5-6.246 13.5-13.95c0-3.226-3.133-9.879-7.5-13.95Zm-1.174 20.625a8.074 8.074 0 0 1-4.654 1.463c-4.349 0-7.887-2.89-7.887-7.584 0-2.338 1.465-4.397 4.387-7.916.417.483 5.956 7.589 5.956 7.589l3.534-4.05c.249.415.476.82.679 1.21 1.648 3.16.953 7.203-2.015 9.288Z%27/%3E%3C/svg%3E");
    width: 28px;
    height: 32px;
    display: inline-block
}

.offers__text p {
    max-width: 336px
}

.offers__nav {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: absolute;
    right: 0;
    top: 0
}

.offers__slide {
    border: .6px solid #F47B73;
    position: relative;
    border-radius: 20px;
    padding: 20px;
    max-width: 237px;
    width: 100%
}

.offers__slide ._border {
    background-color: #F47B73;
    height: .6px;
    width: calc(100% + 40px);
    margin: 20px 0 20px -20px
}

.offers__slide img {
    width: 100%;
    height: 190px;
    -o-object-fit: contain;
    object-fit: contain
}

.offers__preorder.offers__slide {
    border: 5px solid #F47B73;
    padding: 28px 20px
}

.offers__preorder.offers__slide h4 {
    font-family: Montserrat;
    color: #F47B73;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    display: block
}

.offers__preorder.offers__slide b {
    color: #F47B73;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px
}

.offers__preorder.offers__slide>b {
    display: block;
    text-align: center;
    margin: 5px 0 15px
}

.offers__tag {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 6px 18px;
    min-width: 75px
}

.offers__name {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #383838;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    height: 18px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.offers__price._row {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #F47B73;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px
}

.offers__available,
.offers__sold {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px
}

.offers__bar {
    margin-top: 5px;
    height: 10px;
    width: 100%;
    background: #d0d0d2;
    border-radius: 2.5px
}

.offers__fill {
    width: 0%;
    -webkit-transition: width .8s ease-in-out .5s;
    -o-transition: width .8s ease-in-out .5s;
    transition: width .8s ease-in-out .5s;
    background: #F47B73;
    border-radius: 2.5px;
    height: 100%
}

.timer {
    gap: 10px
}

.timer__days,
.timer__hours,
.timer__minutes {
    padding: 5px;
    border: .6px solid #F47B73;
    border-radius: 10px;
    text-align: center;
    color: #F47B73;
    width: 50px;
    height: 50px
}

.timer__days b,
.timer__hours b,
.timer__minutes b {
    min-height: 22px;
    display: block;
    margin-bottom: -3px
}

.catalog__text p {
    max-width: 336px
}

.filters__wrapper {
    margin: 0 !important;
}

.catalog__filters-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 20px 8px 20px;
    margin-bottom: 15px
}

.catalog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px
}

.catalog__catalog {
    width: 100%
}

.catalog__info .catalog__stats {
    margin-top: 18px
}

.catalog__info .catalog__name {
    margin-top: 12px
}

.catalog__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}

.catalog__items._nothing_found {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.catalog__items._nothing_found::after {
    content: "За Вашим запитом нічого не знайдено";
    font-weight: 600;
    font-family: Montserrat
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: max-content;
    margin: 20px auto;
    gap: 20px;
}


.page-item {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #333333;
    background-color: #D3D3D3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-item.active {
    color: #fff;
    font-weight: 700;
    background-color: #F46B5B;
}

.previous-page,
.next-page {
    width: 50px;
    border-radius: 25px;
}


.previous-page.disable,
.next-page.disable {
    color: #666666;
    opacity: 0.6;
    pointer-events: none;
}

.catalog__item {
    max-width: 32.3%;
    width: 100%;
    border: 2px solid #f1f1f3;
    border-radius: 16px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px;
    padding-top: 10px;
    padding-bottom: 17px
}


.catalog__item.catalog__filtered_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.catalog__item img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 160px;
    margin-bottom: 15px
}

.catalog__item>._button {
    max-width: 136px;
    width: 100%;
    margin: 0 auto;
    font-size: 11px;
    line-height: 14px
}

.catalog__name {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    display: block;
    height: 36px;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.catalog__price {
    font-family: Roboto;
    color: #F47B73;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px
}

.catalog__stats ._row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #383838;
    font-family: Montserrat;
    opacity: .5;
    gap: 5px;
    font-size: 10px;
    line-height: 149%
}

.catalog__stats ._row span {
    font-weight: 400
}

.catalog__rating._row {
    gap: 2px
}

.catalog__rating._row span {
    display: inline-block;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    margin-right: 3px
}

.catalog__rating._row .rating__star {
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27 fill=%27none%27 viewBox=%270 0 15 15%27%3E%3Cpath fill=%27%23FFD687%27 d=%27m7.568.676 2.182 4.42 4.878.71-3.53 3.44.833 4.858-4.363-2.293-4.363 2.293.833-4.858-3.53-3.44 4.878-.71L7.568.677Z%27/%3E%3C/svg%3E")
}

.catalog__row._row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 5px;
    align-items: center;
}

.catalog__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 50px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.catalog__viewport {
    height: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product {
    border: 2px solid #ffd687;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 20px auto 20px auto;
    grid-template-areas: "image rating rating" "image stats price" "image tags button";
    -ms-grid-columns: 232px 20px minmax(282px, 1fr) 20px 129px;
    grid-template-columns: 232px minmax(282px, 1fr) 129px; */
    gap: 20px;
    margin-bottom: 15px;
    position: relative
}

/* .product::before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2716%27 fill=%27none%27 viewBox=%270 0 15 16%27%3E%3Cg clip-path=%27url%28%23a%29%27%3E%3Cpath fill=%27%23F46B5B%27 d=%27M14.51 5.42c-.186-.87-.487-1.589-1.02-2.157-.755-.835-1.74-1.241-2.912-1.241h-.15c-1.242.035-2.263.533-2.982 1.438a4.366 4.366 0 0 0-.985-.835c-.754-.452-1.624-.638-2.61-.568-1.09.116-1.96.603-2.61 1.403-.684.905-1.02 1.925-.986 2.98.035.987.337 1.891.905 2.761.638.986 1.438 1.74 2.157 2.343 1.021.905 2.192 1.705 3.665 2.529.151.08.267.116.418.116a.82.82 0 0 0 .418-.116c1.287-.72 2.412-1.473 3.433-2.343 1.055-.87 1.809-1.705 2.412-2.61.812-1.171 1.067-2.378.847-3.7Z%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27a%27%3E%3Cpath fill=%27%23fff%27 d=%27M0 0h14.846v14.846H0z%27 transform=%27translate%280 .676%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 15px;
    height: 16px;
    display: inline-block
} */

.product .catalog__name {
    margin-bottom: 9px
}

.product__img {
    /* -ms-grid-row: 3;
    -ms-grid-column: 1; */
    max-width: 232px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    grid-area: image
}

.product>.product__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1
}
/* 
.product__top {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-area: rating
}

.product>.product__top {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
}

.product__top p,
.product__top span {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #383838;
    opacity: .5
}

.product__tags {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: tags
}

.product>.product__tags {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.product__stats {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: stats
}

.product>.product__stats {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
} 

.product__price {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    font-family: Roboto;
    grid-area: price;
    color: #F47B73;
    line-height: 1.1785714286;
    text-align: right;
    align-self: flex-end
}

.product>.product__price {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

.product__price span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.product__button {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    grid-area: button;
    width: 129px;
    font-size: 11px;
    line-height: 14px;
    height: 29px;
    align-self: flex-end
}
*/
.filters {
    max-width: 236px;
    width: 100%;
    padding: 20px 17px 29px 23px;
    border: .6px solid #a7a7a7;
    border-radius: 10px
}

.filters.popup--show {
    bottom: 0 !important
}

.filters b {
    color: #383838;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 11px;
    line-height: 14px
}

.filters__close {
    right: 12px;
    top: 12px
}

.filters__item {
    border-bottom: .6px solid #d0d0d2
}

.filters__item .spoller__button {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.filters__item .spoller__button .spoller__arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27%23383838%27 d=%27M8.038 10.332a.626.626 0 0 1-.445-.182L5.086 7.643a.63.63 0 0 1 .89-.89L8.038 8.82 10.1 6.76a.627.627 0 0 1 .884.884L8.477 10.15a.627.627 0 0 1-.44.182Z%27/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.filters__item .spoller__button[data-show="1"] {
    margin-bottom: 20px
}

.filters__item .spoller__button[data-show="1"] .spoller__arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.filters__item .spoller__content {
    padding-bottom: 15px
}

.filters__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.filters__label p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    color: #a7a7a7
}

.filters__label:not(:last-child) {
    margin-bottom: 15px
}

.filters__checkbox {
    position: absolute;
    width: 15px;
    height: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: -1
}

.filters__check {
    width: 15px;
    height: 15px;
    border: 1.8px solid #d0d0d2;
    background-color: transparent;
    margin-right: 10px
}

.filters__checkbox:checked~.filters__check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%279%27 fill=%27none%27 viewBox=%270 0 11 9%27%3E%3Cpath stroke=%27%23FAFAFA%27 stroke-linecap=%27round%27 stroke-width=%271.88%27 d=%27m1.448 4.789 3.134 2.82 5.327-6.268%27/%3E%3C/svg%3E");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-color: #f46b5b;
    border: 1.8px solid #f46b5b
}

.filters__checkbox:checked~p {
    color: #f46b5b
}

.filters__reset {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #f46b5b
}

.find__wrapper.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.find__text {
    max-width: 328px
}

.find__text h2 {
    font-weight: 700;
    line-height: 140%
}

.find__text p {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 11px;
    line-height: 150%;
    color: #333;
    opacity: .7;
    max-width: 239px;
    width: 100%
}

.find__phone-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #F47B73
}

.find__phone-link::before {
    content: "";
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2727%27 height=%2726%27 fill=%27none%27 viewBox=%270 0 27 26%27%3E%3Cpath stroke=%27%23E25D58%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.032%27 d=%27M11.849 6.264 7.954 1.768c-.45-.518-1.272-.516-1.794.007L2.957 4.983c-.953.955-1.226 2.372-.675 3.508a33.626 33.626 0 0 0 15.613 15.635c1.136.552 2.552.279 3.505-.676l3.233-3.238c.524-.524.525-1.352.002-1.8l-4.513-3.875c-.472-.405-1.206-.352-1.679.122l-1.57 1.573a.532.532 0 0 1-.637.101 16.76 16.76 0 0 1-6.17-6.18.533.533 0 0 1 .1-.637l1.566-1.567c.475-.477.527-1.213.117-1.687v.002Z%27/%3E%3C/svg%3E")
}

.find__form {
    max-width: 474px
}

.form {
    width: 100%
}

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

.form label {
    width: 100%
}

.form label span {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-bottom: 14px;
    display: block
}

.form textarea,
.form__input {
    width: 100%;
    background: #fff;
    border: .8px solid #e6e6e6;
    border-radius: 6.5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #333
}

.form textarea::-webkit-input-placeholder,
.form__input::-webkit-input-placeholder {
    color: #999
}

.form textarea::-moz-placeholder,
.form__input::-moz-placeholder {
    color: #999
}

.form textarea:-ms-input-placeholder,
.form__input:-ms-input-placeholder {
    color: #999
}

.form textarea::-ms-input-placeholder,
.form__input::-ms-input-placeholder {
    color: #999
}

.form textarea::placeholder,
.form__input::placeholder {
    color: #999
}

.form textarea {
    resize: none;
    min-height: 87px
}

.form button {
    border: .8px solid #F47B73;
    border-radius: 6.5px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 11px;
    line-height: 150%;
    text-align: center;
    padding: 8px;
    color: #F47B73;
    max-width: 141px;
    width: 100%
}

.info {
    margin-bottom: 93px
}

.info h2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 65px
}

.info h2 span {
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
    display: block
}

.info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 18px
}

.info b {
    margin-bottom: 18px;
    display: inline-block;
}

.info__wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "text text main main" "img1 img2 img3 img4";
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.info__text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    max-width: 426px;
    width: 100%;
    margin-bottom: 30px;
    grid-area: text
}

.info__main-image {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    max-width: 100%;
    grid-area: main
}

.info__main-image img {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    height: auto
}

.info__image-1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: img1
}

.info__image-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: img2
}

.info__image-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: img3
}

.info__image-4 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: img4
}

.info__image img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px;
    max-width: 100%;
    width: 100%;
    height: auto
}

.team__text {
    margin-bottom: 50px
}

.team__text h2 {
    text-align: center;
    margin-bottom: 20px
}

.team__text p {
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    display: block;
    margin: 0 auto;
    max-width: 390px;
    text-align: center;
    color: #a7a7a7
}

.team__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.team__item {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    max-width: 186px;
    width: 100%;
    -webkit-filter: drop-shadow(0 2.48911px 31.1139px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 2.48911px 31.1139px rgba(0, 0, 0, .1))
}

.team__image {
    max-width: 100%;
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.team__descr {
    margin-top: -20px;
    padding: 20px 10px;
    background: #fafafa;
    border-radius: 10px;
    position: relative;
}

.team__descr b,
.team__descr span {
    display: block;
    text-align: center
}

.team__descr b {
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    color: #383838;
}


.team__descr span {
    font-weight: 400;
    font-size: 9px;
    line-height: 11px;
    color: #a7a7a7
}

.swiper {
    overflow: hidden
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

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

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

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@media (min-width:64.375em) {
    h1 {
        margin-bottom: 3.125rem
    }

    h2 {
        font-size: 2.1875rem
    }

    h2 {
        margin-bottom: 1.875rem
    }

    h3 {
        font-size: 1.375rem
    }

    h4 {
        font-size: 1.125rem
    }

    ._page-section {
        margin-bottom: 7.1875rem
    }

    .header__bottom {
        padding-bottom: 3.25rem
    }

    .header__bottom {
        padding-top: 1.6875rem
    }

    .callback__popup h2 {
        font-size: 1.875rem
    }

    .types__types._row h4 {
        margin-bottom: 2.25rem
    }

    .benefits__item {
        padding-top: 2rem
    }

    .benefits__item {
        padding-bottom: 1.875rem
    }

    .benefits__item {
        padding-left: 1.75rem
    }

    .benefits__item {
        padding-right: .8125rem
    }

    .offers__slider {
        padding-top: 4.5625rem
    }

    .catalog__text {
        margin-bottom: 2.5rem
    }

    .catalog__item {
        padding-left: 1.5rem
    }

    .catalog__item {
        padding-right: 1.5rem
    }

    .product {
        padding: 1.875rem
    }

    .product::before {
        left: 1.875rem
    }

    .product::before {
        top: 1.875rem
    }

    .product__price {
        font-size: 1.75rem
    }

    .product__price {
        margin-bottom: 1.875rem
    }

    .filters__item {
        margin-bottom: 1.5625rem
    }

    .filters__item {
        padding-bottom: .9375rem
    }

    .find__wrapper {
        border-radius: 1.25rem
    }

    .find__wrapper {
        padding-top: 2.9375rem
    }

    .find__wrapper {
        padding-bottom: 4.5rem
    }

    .find__wrapper {
        padding-right: 3.125rem
    }

    .find__wrapper {
        padding-left: 5.3125rem
    }

    .find__text h2 {
        font-size: 1.8125rem
    }

    .find__text h2 {
        margin-bottom: 2.0625rem
    }

    .find__text p {
        margin-bottom: 2.5rem
    }

    .form form {
        gap: 1.5625rem
    }

    .form textarea,
    .form__input {
        padding: .8125rem
    }

    .info__wrapper {
        gap: 1.25rem
    }
}

@media (min-width:991.98px) {}

@media (min-width:1440px) {
    .intro {
        position: relative
    }

    .intro__bg {
        left: 0;
        bottom: 0;
        background-size: contain;
        background-position: center
    }
}

@media (min-width:1920px) {
    .intro__bg {
        width: 100vw
    }
}

@media (max-width:1440px) {
    .intro__container {
        position: relative
    }

    .intro__container::before {
        left: -113px;
        bottom: -150px
    }

    .intro__bg {
        left: auto;
        background-size: cover;
        right: -662px;
        bottom: -90px
    }
}

@media (max-width:1030px) {
    .types__type {
        max-width: 305px;
    }

    .intro__container::before {
        left: 20px
    }

    .types__types._row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .offers__slide {
        max-width: 100%
    }
}


@media (max-width:767.98px) {
    h1 {
        font-size: 34px !important;
        text-align: center;
    }

    .catalog__top-item {
        display: none;
    }

    .marquee {
        gap: 14px;
    }

    .marquee li {
        font-size: 9px;
        line-height: 11px;
    }

    .types {
        display: none;
    }

    .callback__popup .popup__wrapper {
        max-width: calc(100% - 40px);
        padding: 20px !important;
    }

    .callback__popup .form__form {
        grid-template-areas:
            "title"
            "name"
            "phone"
            "email"
            "comment"
            "button";
        grid-template-columns: 1fr;
    }

    ._tag {
        padding: 5px 3px 5px 15px;
        max-width: 100px
    }

    .header__logo span {
        display: none
    }

    .intro__container::before {
        width: 100px;
        height: 70px;
        bottom: -120px
    }

    /* .intro__blur {
        background: -o-linear-gradient(5.78deg, rgba(250, 250, 250, .97) 34.14%, rgba(250, 250, 250, .93) 49.67%, rgba(240, 240, 242, .4) 61.23%);
        background: linear-gradient(84.22deg, rgba(250, 250, 250, .97) 34.14%, rgba(250, 250, 250, .93) 49.67%, rgba(240, 240, 242, .4) 61.23%)
    } */

    .info h2 {
        margin-bottom: 40px
    }

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

    .catalog__item {
        max-width: calc(50% - 5px)
    }

    .product {
        -ms-grid-rows: auto 15px auto 15px auto;
        grid-template-areas: "image rating rating" "image stats price" "tags tags button";
        gap: 15px;
        -ms-grid-columns: minmax(130px, 230px) 15px minmax(200px, 1fr) 15px 129px;
        grid-template-columns: minmax(130px, 230px) minmax(200px, 1fr) 129px
    }

    .product__img {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .product__price {
        margin-bottom: 0
    }

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

    .find__text {
        max-width: 474px
    }

    .find__text p {
        max-width: 474px
    }

    .info__text {
        max-width: 100%;
        margin-bottom: 0
    }

    .product>.product__img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .product>.product__top {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3
    }

    .product>.product__tags {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .product>.product__stats {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .product>.product__price {
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }

    .product__button {
        -ms-grid-row: 5;
        -ms-grid-column: 5
    }

    .info__text {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .info__main-image {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .info__image-1 {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .info__image-2 {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .info__image-3 {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .info__image-4 {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .team,
    .contact,
    .map,
    .types {
        display: none;
    }

    .offers__slider {
        margin-top: 0 !important;
    }
}

@media (max-width:580px) {
    .product {
        grid-template-areas: "rating rating rating" "image stats stats" "image price price" "tags tags button";
        -ms-grid-columns: minmax(130px, 1fr) 1fr 129px;
        grid-template-columns: minmax(130px, 1fr) 1fr 129px
    }

    .product__top {
        margin-left: 30px
    }

    .product__price span {
        display: inline-block;
        margin-right: 5px
    }

    .product__button {
        margin-left: auto
    }

    .product>.product__img {
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .product>.product__top {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .product>.product__tags {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .product>.product__stats {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .product>.product__price {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .product__button {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }
}

@media (max-width:479.98px) {
    [class*=__container] {
        padding: 0 15px;
    }

    .header__links {
        justify-self: center;
        width: 100%;
    }

    .header__links a {
        font-size: 16px;
        line-height: 20px;
    }

    .brands h3 {
        margin-bottom: 33px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }

    .header__bottom {
        padding-top: 20px !important;
    }

    .header__logo,
    .header__logo img {
        align-self: flex-start;
        width: 32px;
        height: 32px;
    }

    .header .header__top .marquee li {
        font-size: 9px;
        line-height: 11px;
    }

    .header .marquee .decor span {
        margin-bottom: 1px;
    }

    .info h2 {
        margin-bottom: 20px
    }


    .offers__text p {
        text-align: center;
        margin: 0 auto 10px;
    }

    .offers__text h2 {
        justify-content: center;
        margin-bottom: 35px;
    }

    .offers__slider {
        margin-top: 0;
        padding-bottom: 40px
    }

    .offers__nav {
        bottom: 0;
        top: auto;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        width: 100%;
        max-width: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .shipping__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        padding: 28px 40px 36px !important;
    }

    .shipping__wrapper h2 {
        font-size: 35px !important;
    }

    .shipping__content {
        max-width: 268px;
    }

    .catalog__item {
        max-width: 100%
    }

    .product {
        grid-template-areas: "image image" "price rating" "stats stats" "button button";
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin: 0 auto 15px;
        max-width: 350px
    }

    .product__top {
        -ms-grid-column-align: center;
        justify-self: center;
        margin-left: 0
    }

    .product__top>p,
    .product__top>span {
        display: none
    }

    .product__tags {
        display: none
    }

    .product__stats {
        -ms-grid-column-align: center;
        justify-self: center
    }

    .product__price {
        text-align: center
    }

    .product__price span {
        display: none
    }

    .product__button {
        margin-left: 0;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .catalog__text {
        margin-bottom: 8px;
    }

    .catalog__text h2 {
        margin-bottom: 18px;
    }

    .catalog__text p,
    .catalog__text h2 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }


    .product>.product__img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .product>.product__top {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .product>.product__stats {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .product>.product__price {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .product__button {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .info__text {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .info__main-image {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .info__image-1 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .info__image-2 {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .info__image-3 {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .info__image-4 {
        -ms-grid-row: 6;
        -ms-grid-column: 1
    }

    .find .find__wrapper {
        padding: 30px 20px 40px;
    }
}

@media (max-width:399.98px) {

    .shipping__wrapper h2 {
        font-size: 30px !important;
    }
}

@media (max-width:20em) {
    h1 {
        margin-bottom: 1.5625rem
    }

    h2 {
        font-size: 1.5rem
    }

    h2 {
        margin-bottom: .9375rem
    }

    h3 {
        font-size: 1.125rem
    }

    h4 {
        font-size: 1rem
    }

    ._page-section {
        margin-bottom: 3.125rem
    }

    .header__bottom {
        padding-bottom: 1.5625rem
    }

    .header__bottom {
        padding-top: .75rem
    }

    .callback__popup h2 {
        font-size: 1.25rem
    }

    .types__types._row h4 {
        margin-bottom: .9375rem
    }

    .benefits__item {
        padding-top: 1rem
    }

    .benefits__item {
        padding-bottom: 1rem
    }

    .benefits__item {
        padding-left: 1rem
    }

    .benefits__item {
        padding-right: 1rem
    }

    .offers__slider {
        padding-top: 1.25rem
    }

    .catalog__text {
        margin-bottom: 1.25rem
    }

    .catalog__item {
        padding-left: .9375rem
    }

    .catalog__item {
        padding-right: .9375rem
    }

    .product {
        padding: .9375rem
    }

    .product::before {
        left: .9375rem
    }

    .product::before {
        top: .9375rem
    }

    .product__price {
        font-size: 1rem
    }

    .product__price {
        margin-bottom: .0000000625rem
    }

    .filters__item {
        margin-bottom: .3125rem
    }

    .filters__item {
        padding-bottom: .0000000625rem
    }

    .find__wrapper {
        border-radius: .9375rem
    }

    .find__wrapper {
        padding-top: 1.25rem
    }

    .find__wrapper {
        padding-bottom: 1.25rem
    }

    .find__wrapper {
        padding-right: .9375rem
    }

    .find__wrapper {
        padding-left: .9375rem
    }

    .find__text h2 {
        font-size: 1.25rem
    }

    .find__text h2 {
        margin-bottom: .9375rem
    }

    .find__text p {
        margin-bottom: .9375rem
    }

    .form form {
        gap: .9375rem
    }

    .form textarea,
    .form__input {
        padding: .5rem
    }

    .info__wrapper {
        gap: .625rem
    }
}

@media (min-width:20em) and (max-width:64.375em) {
    @supports (font-size:clamp(1.5rem, 1.1901408451rem + 1.5492957746vw, 2.1875rem)) {
        h2 {
            font-size: clamp(1.5rem, 1.1901408451rem + 1.5492957746vw, 2.1875rem)
        }
    }

    @supports not (font-size:clamp(1.5rem, 1.1901408451rem + 1.5492957746vw, 2.1875rem)) {
        h2 {
            font-size: calc(1.5rem + .6875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        h2 {
            margin-bottom: clamp(.9375rem, .5149647887rem + 2.1126760563vw, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        h2 {
            margin-bottom: calc(.9375rem + .9375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (font-size:clamp(1.125rem, 1.0123239437rem + 0.5633802817vw, 1.375rem)) {
        h3 {
            font-size: clamp(1.125rem, 1.0123239437rem + .5633802817vw, 1.375rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, 1.0123239437rem + 0.5633802817vw, 1.375rem)) {
        h3 {
            font-size: calc(1.125rem + .25 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (font-size:clamp(1rem, 0.9436619718rem + 0.2816901408vw, 1.125rem)) {
        h4 {
            font-size: clamp(1rem, .9436619718rem + .2816901408vw, 1.125rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.9436619718rem + 0.2816901408vw, 1.125rem)) {
        h4 {
            font-size: calc(1rem + .125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(3.125rem, 1.2940140845rem + 9.1549295775vw, 7.1875rem)) {
        ._page-section {
            margin-bottom: clamp(3.125rem, 1.2940140845rem + 9.1549295775vw, 7.1875rem)
        }
    }

    @supports not (margin-bottom:clamp(3.125rem, 1.2940140845rem + 9.1549295775vw, 7.1875rem)) {
        ._page-section {
            margin-bottom: calc(3.125rem + 4.0625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-bottom:clamp(1.5625rem, 0.8019366197rem + 3.8028169014vw, 3.25rem)) {
        .header__bottom {
            padding-bottom: clamp(1.5625rem, .8019366197rem + 3.8028169014vw, 3.25rem)
        }
    }

    @supports not (padding-bottom:clamp(1.5625rem, 0.8019366197rem + 3.8028169014vw, 3.25rem)) {
        .header__bottom {
            padding-bottom: calc(1.5625rem + 1.6875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-top:clamp(0.75rem, 0.3274647887rem + 2.1126760563vw, 1.6875rem)) {
        .header__bottom {
            padding-top: clamp(.75rem, .3274647887rem + 2.1126760563vw, 1.6875rem)
        }
    }

    @supports not (padding-top:clamp(0.75rem, 0.3274647887rem + 2.1126760563vw, 1.6875rem)) {
        .header__bottom {
            padding-top: calc(.75rem + .9375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (font-size:clamp(1.25rem, 0.9683098592rem + 1.4084507042vw, 1.875rem)) {
        .callback__popup h2 {
            font-size: clamp(1.25rem, .9683098592rem + 1.4084507042vw, 1.875rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 0.9683098592rem + 1.4084507042vw, 1.875rem)) {
        .callback__popup h2 {
            font-size: calc(1.25rem + .625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.9375rem, 0.3459507042rem + 2.9577464789vw, 2.25rem)) {
        .types__types._row h4 {
            margin-bottom: clamp(.9375rem, .3459507042rem + 2.9577464789vw, 2.25rem)
        }
    }

    @supports not (margin-bottom:clamp(0.9375rem, 0.3459507042rem + 2.9577464789vw, 2.25rem)) {
        .types__types._row h4 {
            margin-bottom: calc(.9375rem + 1.3125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-top:clamp(1rem, 0.5492957746rem + 2.2535211268vw, 2rem)) {
        .benefits__item {
            padding-top: clamp(1rem, .5492957746rem + 2.2535211268vw, 2rem)
        }
    }

    @supports not (padding-top:clamp(1rem, 0.5492957746rem + 2.2535211268vw, 2rem)) {
        .benefits__item {
            padding-top: calc(1rem + 1 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-bottom:clamp(1rem, 0.6056338028rem + 1.9718309859vw, 1.875rem)) {
        .benefits__item {
            padding-bottom: clamp(1rem, .6056338028rem + 1.9718309859vw, 1.875rem)
        }
    }

    @supports not (padding-bottom:clamp(1rem, 0.6056338028rem + 1.9718309859vw, 1.875rem)) {
        .benefits__item {
            padding-bottom: calc(1rem + .875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-left:clamp(1rem, 0.661971831rem + 1.6901408451vw, 1.75rem)) {
        .benefits__item {
            padding-left: clamp(1rem, .661971831rem + 1.6901408451vw, 1.75rem)
        }
    }

    @supports not (padding-left:clamp(1rem, 0.661971831rem + 1.6901408451vw, 1.75rem)) {
        .benefits__item {
            padding-left: calc(1rem + .75 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-right:clamp(0.8125rem, 1.0845070423rem + -0.4225352113vw, 1rem)) {
        .benefits__item {
            padding-right: clamp(.8125rem, 1.0845070423rem + -.4225352113vw, 1rem)
        }
    }

    @supports not (padding-right:clamp(0.8125rem, 1.0845070423rem + -0.4225352113vw, 1rem)) {
        .benefits__item {
            padding-right: calc(1rem + -.1875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-top:clamp(1.25rem, -0.2429577465rem + 7.4647887324vw, 4.5625rem)) {
        .offers__slider {
            padding-top: clamp(1.25rem, -.2429577465rem + 7.4647887324vw, 4.5625rem)
        }
    }

    @supports not (padding-top:clamp(1.25rem, -0.2429577465rem + 7.4647887324vw, 4.5625rem)) {
        .offers__slider {
            padding-top: calc(1.25rem + 3.3125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(1.25rem, 0.6866197183rem + 2.8169014085vw, 2.5rem)) {
        .catalog__text {
            margin-bottom: clamp(1.25rem, .6866197183rem + 2.8169014085vw, 2.5rem)
        }
    }

    @supports not (margin-bottom:clamp(1.25rem, 0.6866197183rem + 2.8169014085vw, 2.5rem)) {
        .catalog__text {
            margin-bottom: calc(1.25rem + 1.25 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-left:clamp(0.9375rem, 0.6839788732rem + 1.2676056338vw, 1.5rem)) {
        .catalog__item {
            padding-left: clamp(.9375rem, .6839788732rem + 1.2676056338vw, 1.5rem)
        }
    }

    @supports not (padding-left:clamp(0.9375rem, 0.6839788732rem + 1.2676056338vw, 1.5rem)) {
        .catalog__item {
            padding-left: calc(.9375rem + .5625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-right:clamp(0.9375rem, 0.6839788732rem + 1.2676056338vw, 1.5rem)) {
        .catalog__item {
            padding-right: clamp(.9375rem, .6839788732rem + 1.2676056338vw, 1.5rem)
        }
    }

    @supports not (padding-right:clamp(0.9375rem, 0.6839788732rem + 1.2676056338vw, 1.5rem)) {
        .catalog__item {
            padding-right: calc(.9375rem + .5625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product {
            padding: clamp(.9375rem, .5149647887rem + 2.1126760563vw, 1.875rem)
        }
    }

    @supports not (padding:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product {
            padding: calc(.9375rem + .9375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (left:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product::before {
            left: clamp(.9375rem, .5149647887rem + 2.1126760563vw, 1.875rem)
        }
    }

    @supports not (left:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product::before {
            left: calc(.9375rem + .9375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (top:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product::before {
            top: clamp(.9375rem, .5149647887rem + 2.1126760563vw, 1.875rem)
        }
    }

    @supports not (top:clamp(0.9375rem, 0.5149647887rem + 2.1126760563vw, 1.875rem)) {
        .product::before {
            top: calc(.9375rem + .9375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (font-size:clamp(1rem, 0.661971831rem + 1.6901408451vw, 1.75rem)) {
        .product__price {
            font-size: clamp(1rem, .661971831rem + 1.6901408451vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.661971831rem + 1.6901408451vw, 1.75rem)) {
        .product__price {
            font-size: calc(1rem + .75 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.0000000625rem, -0.8450703319rem + 4.2253519718vw, 1.875rem)) {
        .product__price {
            margin-bottom: clamp(.0000000625rem, -.8450703319rem + 4.2253519718vw, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(0.0000000625rem, -0.8450703319rem + 4.2253519718vw, 1.875rem)) {
        .product__price {
            margin-bottom: calc(.0000000625rem + 1.8749999375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.3125rem, -0.2508802817rem + 2.8169014085vw, 1.5625rem)) {
        .filters__item {
            margin-bottom: clamp(.3125rem, -.2508802817rem + 2.8169014085vw, 1.5625rem)
        }
    }

    @supports not (margin-bottom:clamp(0.3125rem, -0.2508802817rem + 2.8169014085vw, 1.5625rem)) {
        .filters__item {
            margin-bottom: calc(.3125rem + 1.25 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-bottom:clamp(0.0000000625rem, -0.4225351206rem + 2.1126759155vw, 0.9375rem)) {
        .filters__item {
            padding-bottom: clamp(.0000000625rem, -.4225351206rem + 2.1126759155vw, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.0000000625rem, -0.4225351206rem + 2.1126759155vw, 0.9375rem)) {
        .filters__item {
            padding-bottom: calc(.0000000625rem + .9374999375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (border-radius:clamp(0.9375rem, 0.7966549296rem + 0.7042253521vw, 1.25rem)) {
        .find__wrapper {
            border-radius: clamp(.9375rem, .7966549296rem + .7042253521vw, 1.25rem)
        }
    }

    @supports not (border-radius:clamp(0.9375rem, 0.7966549296rem + 0.7042253521vw, 1.25rem)) {
        .find__wrapper {
            border-radius: calc(.9375rem + .3125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-top:clamp(1.25rem, 0.4894366197rem + 3.8028169014vw, 2.9375rem)) {
        .find__wrapper {
            padding-top: clamp(1.25rem, .4894366197rem + 3.8028169014vw, 2.9375rem)
        }
    }

    @supports not (padding-top:clamp(1.25rem, 0.4894366197rem + 3.8028169014vw, 2.9375rem)) {
        .find__wrapper {
            padding-top: calc(1.25rem + 1.6875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-bottom:clamp(1.25rem, -0.2147887324rem + 7.323943662vw, 4.5rem)) {
        .find__wrapper {
            padding-bottom: clamp(1.25rem, -.2147887324rem + 7.323943662vw, 4.5rem)
        }
    }

    @supports not (padding-bottom:clamp(1.25rem, -0.2147887324rem + 7.323943662vw, 4.5rem)) {
        .find__wrapper {
            padding-bottom: calc(1.25rem + 3.25 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-right:clamp(0.9375rem, -0.048415493rem + 4.9295774648vw, 3.125rem)) {
        .find__wrapper {
            padding-right: clamp(.9375rem, -.048415493rem + 4.9295774648vw, 3.125rem)
        }
    }

    @supports not (padding-right:clamp(0.9375rem, -0.048415493rem + 4.9295774648vw, 3.125rem)) {
        .find__wrapper {
            padding-right: calc(.9375rem + 2.1875 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding-left:clamp(0.9375rem, -1.0343309859rem + 9.8591549296vw, 5.3125rem)) {
        .find__wrapper {
            padding-left: clamp(.9375rem, -1.0343309859rem + 9.8591549296vw, 5.3125rem)
        }
    }

    @supports not (padding-left:clamp(0.9375rem, -1.0343309859rem + 9.8591549296vw, 5.3125rem)) {
        .find__wrapper {
            padding-left: calc(.9375rem + 4.375 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (font-size:clamp(1.25rem, 0.9964788732rem + 1.2676056338vw, 1.8125rem)) {
        .find__text h2 {
            font-size: clamp(1.25rem, .9964788732rem + 1.2676056338vw, 1.8125rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 0.9964788732rem + 1.2676056338vw, 1.8125rem)) {
        .find__text h2 {
            font-size: calc(1.25rem + .5625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.9375rem, 0.4304577465rem + 2.5352112676vw, 2.0625rem)) {
        .find__text h2 {
            margin-bottom: clamp(.9375rem, .4304577465rem + 2.5352112676vw, 2.0625rem)
        }
    }

    @supports not (margin-bottom:clamp(0.9375rem, 0.4304577465rem + 2.5352112676vw, 2.0625rem)) {
        .find__text h2 {
            margin-bottom: calc(.9375rem + 1.125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (margin-bottom:clamp(0.9375rem, 0.2332746479rem + 3.5211267606vw, 2.5rem)) {
        .find__text p {
            margin-bottom: clamp(.9375rem, .2332746479rem + 3.5211267606vw, 2.5rem)
        }
    }

    @supports not (margin-bottom:clamp(0.9375rem, 0.2332746479rem + 3.5211267606vw, 2.5rem)) {
        .find__text p {
            margin-bottom: calc(.9375rem + 1.5625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (gap:clamp(0.9375rem, 0.6558098592rem + 1.4084507042vw, 1.5625rem)) {
        .form form {
            gap: clamp(.9375rem, .6558098592rem + 1.4084507042vw, 1.5625rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, 0.6558098592rem + 1.4084507042vw, 1.5625rem)) {
        .form form {
            gap: calc(.9375rem + .625 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (padding:clamp(0.5rem, 0.3591549296rem + 0.7042253521vw, 0.8125rem)) {

        .form textarea,
        .form__input {
            padding: clamp(.5rem, .3591549296rem + .7042253521vw, .8125rem)
        }
    }

    @supports not (padding:clamp(0.5rem, 0.3591549296rem + 0.7042253521vw, 0.8125rem)) {

        .form textarea,
        .form__input {
            padding: calc(.5rem + .3125 * (100vw - 20rem)/ 44.375)
        }
    }

    @supports (gap:clamp(0.625rem, 0.3433098592rem + 1.4084507042vw, 1.25rem)) {
        .info__wrapper {
            gap: clamp(.625rem, .3433098592rem + 1.4084507042vw, 1.25rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.3433098592rem + 1.4084507042vw, 1.25rem)) {
        .info__wrapper {
            gap: calc(.625rem + .625 * (100vw - 20rem)/ 44.375)
        }
    }
}

.webp .intro__bg {
    background-image: url(../img/intro-bg.webp)
}

.shipping__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 37px;
    border: 0.63px solid #ECC702;
    border-radius: 9px;
}

.shipping__wrapper h2 {
    max-width: 274px;
    line-height: 140%;
}

.shipping__wrapper h2 span {
    color: #F46B5B;
}

.shipping__content {
    width: 100%;
}

.shipping__content>p {
    font-weight: 300;
    font-size: 10px;
    line-height: 140%;
    max-width: 324px;
}

.shipping__form.form .form__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 13px;
}

.shipping__form.form label {
    width: 46.9162995595%;
}

.shipping__form.form textarea {
    min-height: 0;
}

.shipping__form.form .form__send {
    margin-top: 15px;
}

.contact {
    position: relative;
    overflow: hidden;
}

.contact::before {
    content: "";
    position: absolute;
    left: 0;
    top: 73px;
    right: 0;
    bottom: 0;
    background-color: #F1F2F2;
    width: 100vw;
    height: 100%;
    z-index: -1;
}

.contact h2 {
    text-align: center;
    display: block;
}

.contact__container {
    padding-top: 59px;
    padding-bottom: 59px;
}

.contact .form__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.contact .form__form .form__wrapper {
    max-width: 536px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 33px;
}

.contact .form__form .form__wrapper label {
    width: 46.828358209%;
}

.contact .form__form .form__wrapper textarea {
    min-height: 0;
}

.contact .form__form .form__send {
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: #fff;
    margin-bottom: 12px;
}

.swiper {
    overflow: hidden;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

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

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

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
    display: none !important;
}

@media (min-width: 64.375em) {
    .shipping__wrapper {
        padding-top: 3.9375rem;
    }

    .shipping__wrapper {
        padding-right: 3.75rem;
    }

    .shipping__wrapper {
        padding-bottom: 5.3125rem;
    }

    .shipping__wrapper {
        padding-left: 5.75rem;
    }

    .shipping__wrapper h2 {
        font-size: 1.875rem;
    }

    .shipping__content>p {
        margin-bottom: 2.9375rem;
    }

    .shipping__form.form .form__wrapper {
        -webkit-column-gap: 1.6875rem;
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
    }
}

@media (max-width: 991.98px) {

    .header__links {
        flex-direction: column;
    }

    h1 {
        font-size: 46px;
        margin-bottom: 46px;
    }

    .intro {
        padding: 0 0 66px;
        margin-bottom: 40px;
    }

    .intro__container::before {
        content: none;
    }

    .intro__text {
        max-width: 594px;
    }

    .intro__bg {
        right: -844px;
        bottom: -250px;
    }

    .brands__slide:nth-child(1) img {
        width: 73px;
    }

    .brands__slide:nth-child(2) img {
        width: 132px;
    }

    .brands__slide:nth-child(3) img {
        width: 120px;
    }

    .brands__slide:nth-child(4) img {
        width: 75px;
    }

    .brands__slide:nth-child(5) img {
        width: 135px;
    }

    .marquee {
        gap: 22px;
    }

    .marquee li {
        font-size: 14px;
        line-height: 17px;
    }

    .marquee .decor span {
        margin-bottom: 3px;
    }

    .types__type {
        padding: 30px 48px 21px;
        border-radius: 18px;
        min-height: 252px;
        max-width: 242px;
    }

    .types__type h4 {
        font-size: 13px;
    }

    .types__type p {
        font-weight: 400;
        font-size: 10px;
        line-height: 160%;
    }

    .benefits__item {
        max-width: 49%;
    }

    .benefits__text {
        max-width: 226px;
        width: 100%;
    }

    .shipping__wrapper {
        gap: 10px;
    }

    .brands h3 {
        text-align: center;
        margin: 0 auto 63px;
    }

    .map__content {
        gap: 30px;
        margin-top: 25px;
    }

    .map__map {
        max-width: 495px;
    }

    .map__map iframe {
        height: 295px;
    }

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

    .callback__popup .find__form {
        max-width: 100%
    }

    .product {
        grid-template-columns: 176px minmax(180px, 1fr) 97px;
        padding: 22px 25px 25px 15px !important;
    }

    .product ._tag {
        max-width: 94px;
    }

    .product__button {
        width: 100%;
    }

    .product__price {
        font-size: 21px;
    }

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

    .info__text {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .info__main-image {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .info__image-1 {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .info__image-2 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .info__image-3 {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .info__image-4 {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .catalog__item {
        max-width: calc(33% - 5px);
        padding: 5px 20px 13px;
        gap: 13px;
    }

    .catalog__item .catalog__name {
        font-size: 11px;
        line-height: 14px;
        height: 28px;
        margin: 0 0 8px;
    }

    .catalog__item img {
        height: 115px;
        margin-bottom: 5px;
    }

    .catalog__item .catalog__price {
        font-size: 12px;
        line-height: 15px;
    }

    .catalog__item .catalog__rating._row .rating__star {
        width: 11px;
        height: 11px;
        background-size: contain;
    }

    .catalog__stats {
        margin-top: 11px !important;
    }

    .product .catalog__stats ._row span,
    .product .catalog__stats ._row b {
        font-size: 9px;
    }

    .catalog__stats ._row span,
    .catalog__stats ._row b {
        font-size: 8px;
        line-height: 149%;
        opacity: 0.5;
    }

    .catalog__item ._button {
        max-width: 103px;
        padding: 6px;
    }

    .filters__item b,
    .filters__item p {
        font-size: 8.5px;
    }

    .filters__checkbox {
        width: 11px;
        height: 11px;
    }

    .filters__check {
        width: 11px;
        height: 11px;
        background-size: contain;
    }

    .filters__label:not(:last-child) {
        margin-bottom: 11px;
    }

    .filters__item .spoller__content {
        padding-bottom: 10px;
    }

    .filters__item .spoller__button[data-show="1"] {
        margin-bottom: 15px;
    }

    .filters {
        padding: 14px 15px 20px 17px;
    }

    .filters__reset {
        font-size: 9px;
    }

    .info h2,
    .info h2 span {
        font-size: 18px;
        line-height: 29px;

    }

    .info h2 {
        margin-bottom: 48px;
    }

    .info p {
        font-size: 11px;
        line-height: 160%;
    }
}


@media (min-width: 767.98px) and (max-width: 991.98px) {
    .offers__slide {
        max-width: 220px;
        padding: 15px;
    }

    .offers__slide ._border {
        width: calc(100% + 30px);
        margin: 15px 0 15px -15px;
    }

    .offers__slide img {
        width: calc(100% + 30px);
        margin-left: -15px;
        height: 150px;
    }

    .offers__name {
        font-size: 11px;
        line-height: 14px;
        height: 14px !important;
        margin-bottom: 2px;
    }

    .offers__preorder.offers__slide {
        padding: 17px;
    }

    .offers__preorder.offers__slide h4,
    .offers__preorder.offers__slide b {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .offers__tag {
        padding: 4px 17px;
    }

    .timer__days,
    .timer__hours,
    .timer__minutes {
        padding: 4px;
        border: .4px solid #F47B73;
        border-radius: 7.5px;
        width: 37px;
        height: 37px
    }

    .timer__days b,
    .timer__hours b,
    .timer__minutes b {
        font-size: 11px;
        line-height: 17px;
        margin-bottom: 0 !important;
        min-height: 17px;
    }

    .timer p {
        font-size: 8px;
        line-height: 13px;
    }

    .offers__price._row {
        margin-bottom: 15px;
    }

    .offers__available,
    .offers__sold {
        font-size: 8px;
        line-height: 13px;
    }

    .offers__bar {
        height: 7.5px;
    }

    .shipping__wrapper h2 {
        font-size: 23px;
        line-height: 140%;
    }

    .shipping__form.form label span {
        font-size: 9px;
        line-height: 13px;
        margin-bottom: 10px;
    }

    .shipping__form.form .form__input {
        font-size: 9px;
        line-height: 11px;
        padding: 10px 5px;
    }

    .filters {
        min-width: 181px;
        max-width: 181px;
    }
}


@media (max-width: 767.98px) {

    .intro {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .intro__text {
        max-width: 357px !important;
        margin: 0 auto;
    }

    .intro__text p {
        text-align: center;
    }

    .intro__bg-mobile {
        margin: 10px auto 0;
        display: block;
    }

    .filters {
        padding: 0;
        border: none;
        border-radius: 0
    }

    .filters.popup {
        max-width: 100%;
        position: fixed;
        top: auto;
        bottom: -150%;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        left: 0;
        right: 0;
        z-index: 4;
        height: auto
    }

    .filters.popup .popup__wrapper {
        border: 1px solid #a7a7a7;
        border-radius: 20px 20px 0 0;
        padding: 20px
    }

    .filters__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .filters__item .spoller__button {
        pointer-events: none;
        margin-bottom: 20px
    }

    .filters__item .spoller__button[data-show="1"] .spoller__arrow {
        display: none
    }

    .filters__item {
        border-bottom: none
    }

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

    .intro__bg {
        display: none;
    }

    .offers__slide {
        max-width: 240px;
    }

    .benefits__text h5 {
        max-width: 225px;
    }

    .benefits__item {
        max-width: 100%;
        padding: 28px 33px;
    }

    .benefits__text {
        max-width: 252px;
    }


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

    .shipping__form.form label {
        width: 100%;
    }

    .contact::before {
        top: 50px;
    }

    .contact__container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

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

    .contact .form__form .form__wrapper {
        max-width: 100%;
    }

    .contact .form__form .form__wrapper label {
        width: 100%;
    }

    .find .find__text {
        margin-bottom: 31px;
        max-width: 100%;
    }

    .find .find__form {
        max-width: 100%;
    }

    .info__wrapper {
        grid-template-columns: 1fr;
    }

    .info__wrapper a {
        display: none;
    }

    .info h2 {
        margin-bottom: 20px;
        text-align: center;
    }
}


@media (max-width: 599.98px) {
    .catalog__item {
        max-width: calc(50% - 5px);
    }
}

@media (max-width: 20em) {
    .shipping__wrapper {
        padding-top: 1.875rem;
    }

    .shipping__wrapper {
        padding-right: 1.25rem;
    }

    .shipping__wrapper {
        padding-bottom: 1.875rem;
    }

    .shipping__wrapper {
        padding-left: 1.25rem;
    }

    .shipping__wrapper h2 {
        font-size: 1.25rem;
    }

    .shipping__content>p {
        margin-bottom: 1.25rem;
    }

    .shipping__form.form .form__wrapper {
        -webkit-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }
}

@media (min-width: 20em) and (max-width: 64.375em) {
    @supports (padding-top: clamp(1.875rem, 0.9454225352rem + 4.6478873239vw, 3.9375rem)) {
        .shipping__wrapper {
            padding-top: clamp(1.875rem, 0.9454225352rem + 4.6478873239vw, 3.9375rem);
        }
    }

    @supports not (padding-top: clamp(1.875rem, 0.9454225352rem + 4.6478873239vw, 3.9375rem)) {
        .shipping__wrapper {
            padding-top: calc(1.875rem + 2.0625 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (padding-right: clamp(1.25rem, 0.1232394366rem + 5.6338028169vw, 3.75rem)) {
        .shipping__wrapper {
            padding-right: clamp(1.25rem, 0.1232394366rem + 5.6338028169vw, 3.75rem);
        }
    }

    @supports not (padding-right: clamp(1.25rem, 0.1232394366rem + 5.6338028169vw, 3.75rem)) {
        .shipping__wrapper {
            padding-right: calc(1.25rem + 2.5 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (padding-bottom: clamp(1.875rem, 0.3257042254rem + 7.7464788732vw, 5.3125rem)) {
        .shipping__wrapper {
            padding-bottom: clamp(1.875rem, 0.3257042254rem + 7.7464788732vw, 5.3125rem);
        }
    }

    @supports not (padding-bottom: clamp(1.875rem, 0.3257042254rem + 7.7464788732vw, 5.3125rem)) {
        .shipping__wrapper {
            padding-bottom: calc(1.875rem + 3.4375 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (padding-left: clamp(1.25rem, -0.7781690141rem + 10.1408450704vw, 5.75rem)) {
        .shipping__wrapper {
            padding-left: clamp(1.25rem, -0.7781690141rem + 10.1408450704vw, 5.75rem);
        }
    }

    @supports not (padding-left: clamp(1.25rem, -0.7781690141rem + 10.1408450704vw, 5.75rem)) {
        .shipping__wrapper {
            padding-left: calc(1.25rem + 4.5 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (font-size: clamp(1.25rem, 0.9683098592rem + 1.4084507042vw, 1.875rem)) {
        .shipping__wrapper h2 {
            font-size: clamp(1.25rem, 0.9683098592rem + 1.4084507042vw, 1.875rem);
        }
    }

    @supports not (font-size: clamp(1.25rem, 0.9683098592rem + 1.4084507042vw, 1.875rem)) {
        .shipping__wrapper h2 {
            font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (margin-bottom: clamp(1.25rem, 0.4894366197rem + 3.8028169014vw, 2.9375rem)) {
        .shipping__content>p {
            margin-bottom: clamp(1.25rem, 0.4894366197rem + 3.8028169014vw, 2.9375rem);
        }
    }

    @supports not (margin-bottom: clamp(1.25rem, 0.4894366197rem + 3.8028169014vw, 2.9375rem)) {
        .shipping__content>p {
            margin-bottom: calc(1.25rem + 1.6875 * (100vw - 20rem) / 44.375);
        }
    }

    @supports ((-moz-column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem)) or (column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem))) {
        .shipping__form.form .form__wrapper {
            -webkit-column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem);
            -moz-column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem);
            column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem);
        }
    }

    @supports not ((-moz-column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem)) or (column-gap: clamp(0.625rem, 0.1461267606rem + 2.3943661972vw, 1.6875rem))) {
        .shipping__form.form .form__wrapper {
            -webkit-column-gap: calc(0.625rem + 1.0625 * (100vw - 20rem) / 44.375);
            -moz-column-gap: calc(0.625rem + 1.0625 * (100vw - 20rem) / 44.375);
            column-gap: calc(0.625rem + 1.0625 * (100vw - 20rem) / 44.375);
        }
    }
}

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

.map__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-top: 33px;
}

.map__item {
    max-width: 140px;
}

.map__item h3 {
    color: #333333;
    font-weight: 500;
    margin-bottom: 11px;
    font-size: 18px;
}

.map__item p {
    font-size: 12px;
}

.map__map {
    width: 100%;
    max-width: 653px;
}

.map__map iframe {
    height: 388px;
}

address {
    font-style: normal;
    color: #666666;
    font-size: 12px;
}

i {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

._location {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23333%27 fill-rule=%27evenodd%27 d=%27M14.235 5.708c0 .949-.37 2.026-1.037 3.229a20.258 20.258 0 0 1-1.587 2.39 32.852 32.852 0 0 1-2.534 2.944.775.775 0 0 1-1.1 0 31.427 31.427 0 0 1-.797-.852 32.853 32.853 0 0 1-1.737-2.092 20.25 20.25 0 0 1-1.587-2.39c-.667-1.203-1.037-2.28-1.037-3.229C2.819 2.382 5.462 0 8.527 0c3.065 0 5.708 2.382 5.708 5.708Zm-5.513 6.674a30.953 30.953 0 0 0 1.655-1.993 18.737 18.737 0 0 0 1.465-2.204c.551-.993.843-1.843.843-2.477 0-2.431-1.915-4.157-4.158-4.157-2.242 0-4.158 1.726-4.158 4.157 0 .634.292 1.484.843 2.477.385.694.883 1.436 1.466 2.204a31.32 31.32 0 0 0 1.85 2.207 31.9 31.9 0 0 0 .194-.214Zm-2.38-6.674a2.185 2.185 0 1 0 4.37 0 2.185 2.185 0 0 0-4.37 0Zm2.185.634a.634.634 0 1 0 0-1.268.634.634 0 0 0 0 1.268Zm3.465 5.915a.775.775 0 0 0 .628.899c.996.177 1.81.415 2.35.681.296.146.449.265.506.31.02.014.028.021.028.018 0 .472-3.178 1.34-6.977 1.34-3.798 0-6.977-.868-6.977-1.34 0 .003.009-.003.028-.018a2.72 2.72 0 0 1 .506-.31c.54-.266 1.354-.504 2.35-.681a.775.775 0 1 0-.27-1.526C1.6 12.085 0 12.873 0 14.165c0 1.863 3.763 2.89 8.527 2.89 4.764 0 8.527-1.027 8.527-2.89 0-1.292-1.6-2.08-4.163-2.535a.775.775 0 0 0-.899.627Z%27 clip-rule=%27evenodd%27/%3E%3Cmask id=%27a%27 width=%2718%27 height=%2718%27 x=%270%27 y=%270%27 maskUnits=%27userSpaceOnUse%27 style=%27mask-type:luminance%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M14.235 5.708c0 .949-.37 2.026-1.037 3.229a20.258 20.258 0 0 1-1.587 2.39 32.852 32.852 0 0 1-2.534 2.944.775.775 0 0 1-1.1 0 31.427 31.427 0 0 1-.797-.852 32.853 32.853 0 0 1-1.737-2.092 20.25 20.25 0 0 1-1.587-2.39c-.667-1.203-1.037-2.28-1.037-3.229C2.819 2.382 5.462 0 8.527 0c3.065 0 5.708 2.382 5.708 5.708Zm-5.513 6.674a30.953 30.953 0 0 0 1.655-1.993 18.737 18.737 0 0 0 1.465-2.204c.551-.993.843-1.843.843-2.477 0-2.431-1.915-4.157-4.158-4.157-2.242 0-4.158 1.726-4.158 4.157 0 .634.292 1.484.843 2.477.385.694.883 1.436 1.466 2.204a31.32 31.32 0 0 0 1.85 2.207 31.9 31.9 0 0 0 .194-.214Zm-2.38-6.674a2.185 2.185 0 1 0 4.37 0 2.185 2.185 0 0 0-4.37 0Zm2.185.634a.634.634 0 1 0 0-1.268.634.634 0 0 0 0 1.268Zm3.465 5.915a.775.775 0 0 0 .628.899c.996.177 1.81.415 2.35.681.296.146.449.265.506.31.02.014.028.021.028.018 0 .472-3.178 1.34-6.977 1.34-3.798 0-6.977-.868-6.977-1.34 0 .003.009-.003.028-.018a2.72 2.72 0 0 1 .506-.31c.54-.266 1.354-.504 2.35-.681a.775.775 0 1 0-.27-1.526C1.6 12.085 0 12.873 0 14.165c0 1.863 3.763 2.89 8.527 2.89 4.764 0 8.527-1.027 8.527-2.89 0-1.292-1.6-2.08-4.163-2.535a.775.775 0 0 0-.899.627Z%27 clip-rule=%27evenodd%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23333%27 d=%27M0 0h17.054v17.054H0z%27/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-bottom: 8px;
}

._clock {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 fill=%27none%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23333%27 fill-rule=%27evenodd%27 d=%27M6.5 1.55c-.41 0-.742-.347-.742-.775C5.758.347 6.09 0 6.5 0h2.026c-.41 0-.743.347-.743.775v.705a.82.82 0 0 0 .003.07H6.501Zm2.767 0a.756.756 0 0 1-.74.705.756.756 0 0 1-.74-.705h1.48Zm0 0a.82.82 0 0 0 .003-.07V.775C9.27.347 8.938 0 8.527 0h2.026c.41 0 .743.347.743.775 0 .428-.332.775-.743.775H9.267Zm-.74 15.504c-3.767 0-6.822-3.186-6.822-7.117S4.76 2.819 8.527 2.819c3.768 0 6.822 3.187 6.822 7.118 0 3.93-3.054 7.117-6.822 7.117Zm2.702-7.893c.41 0 .743.347.743.776 0 .428-.333.775-.743.775H8.527c-.41 0-.743-.347-.743-.775v-2.82c0-.427.333-.774.743-.774s.743.347.743.775V9.16h1.959Zm2.634.776c0 3.074-2.389 5.567-5.336 5.567-2.947 0-5.336-2.493-5.336-5.567 0-3.075 2.39-5.568 5.336-5.568 2.947 0 5.336 2.493 5.336 5.568Z%27 clip-rule=%27evenodd%27/%3E%3Cmask id=%27a%27 width=%2715%27 height=%2718%27 x=%271%27 y=%270%27 maskUnits=%27userSpaceOnUse%27 style=%27mask-type:luminance%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M6.5 1.55c-.41 0-.742-.347-.742-.775C5.758.347 6.09 0 6.5 0h2.026c-.41 0-.743.347-.743.775v.705a.82.82 0 0 0 .003.07H6.501Zm2.767 0a.756.756 0 0 1-.74.705.756.756 0 0 1-.74-.705h1.48Zm0 0a.82.82 0 0 0 .003-.07V.775C9.27.347 8.938 0 8.527 0h2.026c.41 0 .743.347.743.775 0 .428-.332.775-.743.775H9.267Zm-.74 15.504c-3.767 0-6.822-3.186-6.822-7.117S4.76 2.819 8.527 2.819c3.768 0 6.822 3.187 6.822 7.118 0 3.93-3.054 7.117-6.822 7.117Zm2.702-7.893c.41 0 .743.347.743.776 0 .428-.333.775-.743.775H8.527c-.41 0-.743-.347-.743-.775v-2.82c0-.427.333-.774.743-.774s.743.347.743.775V9.16h1.959Zm2.634.776c0 3.074-2.389 5.567-5.336 5.567-2.947 0-5.336-2.493-5.336-5.567 0-3.075 2.39-5.568 5.336-5.568 2.947 0 5.336 2.493 5.336 5.568Z%27 clip-rule=%27evenodd%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23333%27 d=%27M0 0h17.054v17.054H0z%27/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-bottom: 8px;
}

.footer {
    background: #E2EBF0;
}

.footer__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 24px auto;
    grid-template-areas: "logo links social" "phones phones phones";
    gap: 24px;
    -ms-grid-columns: 1fr 24px 341px 24px 148px;
    grid-template-columns: 1fr 341px 148px;
    border-bottom: 0.5px solid #A7A7A7;
}

.footer__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo;
    max-width: 238px;
}

.footer__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 13px;
}

.footer__logo p {
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    opacity: 0.8;
}

.footer__links {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: links;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 65px;
}

.footer__links dd {
    color: #383838;
    font-size: 11px;
    opacity: 0.8;
    line-height: 14px;
}

.footer__links dd:not(:last-child) {
    margin-bottom: 10px;
}

.footer .footer__links dt,
.footer .footer__social dt {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #383838;
}

.footer__info {
    gap: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__social {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    max-width: 148px;
    width: 100%;
    grid-area: social;
}

.footer__social dd {
    display: inline-block;
}

.footer__social dd:not(:last-child) {
    margin-right: 13px;
}

.footer__social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #FFFFFF;
    border-radius: 5px;
}

.footer__phones {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: phones;
}

.footer__phones a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
}

.footer__phones a:not(:last-child) {
    margin-bottom: 6px;
}

.footer__phones a::before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27 fill=%27none%27 viewBox=%270 0 15 15%27%3E%3Cpath fill=%27%232E96D2%27 d=%27M11.406 7.79c-.129 0-.264-.042-.392-.071a5.528 5.528 0 0 1-.768-.229 1.172 1.172 0 0 0-1.453.586l-.129.264a7.137 7.137 0 0 1-1.559-1.172 7.137 7.137 0 0 1-1.171-1.559l.246-.164a1.172 1.172 0 0 0 .586-1.453 6.053 6.053 0 0 1-.229-.767 4.35 4.35 0 0 1-.07-.399 1.758 1.758 0 0 0-1.758-1.459H2.95a1.758 1.758 0 0 0-1.758 1.998 11.133 11.133 0 0 0 9.68 9.645h.223a1.758 1.758 0 0 0 1.606-1.042c.1-.227.153-.473.151-.722V9.488a1.758 1.758 0 0 0-1.447-1.699Zm.293 3.515a.585.585 0 0 1-.424.563.621.621 0 0 1-.256.023A9.96 9.96 0 0 1 2.4 3.23a.639.639 0 0 1 .147-.481.586.586 0 0 1 .44-.2h1.757a.586.586 0 0 1 .586.464 6.516 6.516 0 0 0 .357 1.383l-.82.38a.586.586 0 0 0-.287.78 8.49 8.49 0 0 0 4.102 4.101.586.586 0 0 0 .445 0 .586.586 0 0 0 .334-.304l.363-.82c.303.108.612.198.926.269.156.035.314.064.475.088a.586.586 0 0 1 .462.586l.012 1.828Z%27/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
}

.footer__copy {
    font-weight: 300;
    line-height: 1.25;
    color: #333;
    padding-top: 20px;
}

._instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2721%27 height=%2722%27 fill=%27none%27 viewBox=%270 0 21 22%27%3E%3Cpath fill=%27%23238DDE%27 d=%27M16.02 4.375a1.251 1.251 0 1 0 0 2.502 1.251 1.251 0 0 0 0-2.502Zm4.795 2.523a7.913 7.913 0 0 0-.48-2.534 5.15 5.15 0 0 0-1.21-1.845A4.9 4.9 0 0 0 17.28 1.32a7.61 7.61 0 0 0-2.533-.49c-1.105-.062-1.46-.062-4.295-.062-2.836 0-3.19 0-4.295.062a7.61 7.61 0 0 0-2.533.49 4.983 4.983 0 0 0-1.846 1.2A4.9 4.9 0 0 0 .58 4.364a7.61 7.61 0 0 0-.49 2.534C.027 8.003.027 8.358.027 11.193s0 3.19.062 4.295a7.61 7.61 0 0 0 .49 2.533 4.9 4.9 0 0 0 1.2 1.845 4.985 4.985 0 0 0 1.845 1.2 7.61 7.61 0 0 0 2.533.49c1.105.062 1.46.062 4.295.062 2.836 0 3.19 0 4.295-.063a7.61 7.61 0 0 0 2.534-.49 4.9 4.9 0 0 0 1.845-1.199 5.056 5.056 0 0 0 1.21-1.845 7.962 7.962 0 0 0 .479-2.533c0-1.105.062-1.46.062-4.295 0-2.836 0-3.19-.062-4.295Zm-1.877 8.465a5.847 5.847 0 0 1-.354 1.939 3.19 3.19 0 0 1-.782 1.199 3.328 3.328 0 0 1-1.2.782 5.85 5.85 0 0 1-1.938.354c-1.043.052-1.428.063-4.17.063s-3.128 0-4.17-.063a5.973 5.973 0 0 1-2.023-.313 3.41 3.41 0 0 1-1.147-.782 3.128 3.128 0 0 1-.771-1.198 5.776 5.776 0 0 1-.417-1.981c0-1.043-.063-1.428-.063-4.17s0-3.128.063-4.17a5.775 5.775 0 0 1 .365-1.981 3.13 3.13 0 0 1 .823-1.147 3.274 3.274 0 0 1 1.147-.834 5.974 5.974 0 0 1 1.981-.354c1.042 0 1.428-.063 4.17-.063s3.128 0 4.17.063a5.85 5.85 0 0 1 1.94.354c.473.176.898.462 1.24.834.341.32.608.712.782 1.147a5.87 5.87 0 0 1 .354 1.98c.052 1.043.063 1.429.063 4.17 0 2.743-.01 3.128-.063 4.17Zm-8.486-9.518a5.348 5.348 0 1 0 5.358 5.348 5.338 5.338 0 0 0-5.358-5.348Zm0 8.82a3.472 3.472 0 1 1 0-6.945 3.472 3.472 0 0 1 0 6.944Z%27/%3E%3C/svg%3E%0A");
    width: 21px;
    height: 21px;
}

._facebook {
    width: 21px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2721%27 height=%2722%27 fill=%27none%27 viewBox=%270 0 21 22%27%3E%3Cpath fill=%27%23238DDE%27 d=%27M19.771.768H1.215A1.147 1.147 0 0 0 .068 1.914v18.557a1.147 1.147 0 0 0 1.147 1.147h9.987v-8.08h-2.71v-3.127h2.71V8.065a3.796 3.796 0 0 1 4.045-4.17 21.12 21.12 0 0 1 2.429.125v2.815h-1.658c-1.313 0-1.563.626-1.563 1.533v2.012h3.127l-.406 3.127h-2.721v8.11h5.316a1.148 1.148 0 0 0 1.147-1.146V1.914A1.147 1.147 0 0 0 19.771.768Z%27/%3E%3C/svg%3E%0A");
}

.swiper {
    overflow: hidden;
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

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

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

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
    display: none !important;
}

@media (min-width: 64.375em) {
    .footer {
        padding-top: 2.8125rem;
    }

    .footer {
        padding-bottom: 2.1875rem;
    }

    .footer__wrapper {
        padding-bottom: 4.25rem;
    }

    .footer__logo a {
        font-size: 1.375rem;
    }

    .footer .footer__links dt,
    .footer .footer__social dt {
        margin-bottom: 1.25rem;
    }

    .footer__copy {
        font-size: 0.375rem;
    }
}

@media (min-width: 767.98px) {
    .intro__bg-mobile {
        display: none;
    }

    .footer__logo img {
        display: none;
    }

    .footer__info {
        display: none;
    }

    .catalog__filters-button {
        display: none
    }

    .info__slider {
        display: none;
    }
}

@media (max-width: 767.98px) {


    .info__slider img {
        width: 180px;
        height: 150px;
    }

    .map {
        display: none;
    }

    .footer__wrapper {
        grid-template-areas: "logo social" "phones phones" "info info" "links links";
        -ms-grid-columns: 1fr 80px;
        grid-template-columns: 1fr 80px;
    }

    .footer__logo a {
        gap: 17px;
    }

    .footer__info {
        grid-area: info;
    }

    .footer__social {
        margin-top: 20px;
    }

    .footer__social a {
        width: 31px;
        height: 31px;
    }

    .footer__phones a {
        font-weight: 700;
        font-size: 12px;
        line-height: 15px;
        color: #238DDE;
    }

    .footer__phones a:last-child {
        display: none;
    }

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

    .footer__links {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }

    .footer__social {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .footer__phones {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }

    .footer__info {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
}

@media (max-width: 399.98px) {
    .footer__links {
        gap: 50px;
    }

    .footer__info {
        gap: 13px;
    }
}

@media (max-width: 20em) {
    .footer {
        padding-top: 0.9375rem;
    }

    .footer {
        padding-bottom: 0.9375rem;
    }

    .footer__wrapper {
        padding-bottom: 1.75rem;
    }

    .footer__logo a {
        font-size: 1.0625rem;
    }

    .footer .footer__links dt,
    .footer .footer__social dt {
        margin-bottom: 0.625rem;
    }

    .footer__copy {
        font-size: 0.75rem;
    }
}

@media (min-width: 20em) and (max-width: 64.375em) {
    @supports (padding-top: clamp(0.9375rem, 0.0924295775rem + 4.2253521127vw, 2.8125rem)) {
        .footer {
            padding-top: clamp(0.9375rem, 0.0924295775rem + 4.2253521127vw, 2.8125rem);
        }
    }

    @supports not (padding-top: clamp(0.9375rem, 0.0924295775rem + 4.2253521127vw, 2.8125rem)) {
        .footer {
            padding-top: calc(0.9375rem + 1.875 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (padding-bottom: clamp(0.9375rem, 0.3741197183rem + 2.8169014085vw, 2.1875rem)) {
        .footer {
            padding-bottom: clamp(0.9375rem, 0.3741197183rem + 2.8169014085vw, 2.1875rem);
        }
    }

    @supports not (padding-bottom: clamp(0.9375rem, 0.3741197183rem + 2.8169014085vw, 2.1875rem)) {
        .footer {
            padding-bottom: calc(0.9375rem + 1.25 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (padding-bottom: clamp(1.75rem, 0.6232394366rem + 5.6338028169vw, 4.25rem)) {
        .footer__wrapper {
            padding-bottom: clamp(1.75rem, 0.6232394366rem + 5.6338028169vw, 4.25rem);
        }
    }

    @supports not (padding-bottom: clamp(1.75rem, 0.6232394366rem + 5.6338028169vw, 4.25rem)) {
        .footer__wrapper {
            padding-bottom: calc(1.75rem + 2.5 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (font-size: clamp(1.0625rem, 0.9216549296rem + 0.7042253521vw, 1.375rem)) {
        .footer__logo a {
            font-size: clamp(1.0625rem, 0.9216549296rem + 0.7042253521vw, 1.375rem);
        }
    }

    @supports not (font-size: clamp(1.0625rem, 0.9216549296rem + 0.7042253521vw, 1.375rem)) {
        .footer__logo a {
            font-size: calc(1.0625rem + 0.3125 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (margin-bottom: clamp(0.625rem, 0.3433098592rem + 1.4084507042vw, 1.25rem)) {

        .footer .footer__links dt,
        .footer .footer__social dt {
            margin-bottom: clamp(0.625rem, 0.3433098592rem + 1.4084507042vw, 1.25rem);
        }
    }

    @supports not (margin-bottom: clamp(0.625rem, 0.3433098592rem + 1.4084507042vw, 1.25rem)) {

        .footer .footer__links dt,
        .footer .footer__social dt {
            margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 44.375);
        }
    }

    @supports (font-size: clamp(0.375rem, 0.9190140845rem + -0.8450704225vw, 0.75rem)) {
        .footer__copy {
            font-size: clamp(0.375rem, 0.9190140845rem + -0.8450704225vw, 0.75rem);
        }
    }

    @supports not (font-size: clamp(0.375rem, 0.9190140845rem + -0.8450704225vw, 0.75rem)) {
        .footer__copy {
            font-size: calc(0.75rem + -0.375 * (100vw - 20rem) / 44.375);
        }
    }
}


.slider-styled,
.slider-styled .noUi-handle {
    box-shadow: none;
}

.slider-styled .noUi-handle::before,
.slider-styled .noUi-handle::after {
    display: none;
}

.range__inputs {
    gap: 10px;
}

.range__inputs label {
    position: relative;
    margin-bottom: 10px;
}

.range__inputs label::after {
    position: absolute;
    content: "кВт";
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

#range {
    height: 10px;
}

#range .noUi-connect {
    background: #F47B73;
}

#range .noUi-handle {
    height: 18px;
    width: 18px;
    top: -5px;
    right: -9px;
    border-radius: 9px;
}

#range-input-max,
#range-input-min {
    border: 0.8px solid #e6e6e6;
    border-radius: 6.5px;
    width: 100%;
    max-width: 100%;
    padding: 4px 40px 4px 8px;
    text-align: right;
    outline: none;
}

.noUi-base, .noUi-connects {
    z-index: 0 !important;
}