@charset "UTF-8";:root {
    --color-gray: #f8fafc;
    --color-error: #fb391d;
    --color-primary: #e1c6b5;
    --color-text-hover: #eeae9b;
    --color-text-high: #211f20;
    --color-text-high-50: rgba(33,31,32,.5);
    --color-text-high-70: rgba(33,31,32,.7);
    --color-text-high-80: rgba(33,31,32,.8);
    --color-text-light: #fff;
    --color-bg-surface: #fff;
    --color-bg-subtle: #faf7f5;
    --color-bg-high: #211f20;
    --color-orange-50: #f6d6cd;
    --color-orange-100: #eeae9b;
    --color-bg-pinc: #efcaa6;
    --color-border-20: rgba(33,31,32,.2);
    --color-border-500: rgba(33,31,32,.5);
    --color-border-10: rgba(33,31,32,.1);
    --color-button-primary: #211f20;
    --color-button-primary-hover: rgba(33,31,32,.8);
    --color-button-text: var(--color-text-light)
}

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

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

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

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

body,html {
    height: 100%;
    line-height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

aside,footer,header,nav {
    display: block
}

button,input,textarea {
    font-family: inherit;
    outline: 0
}

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

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

button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: 0
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

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

ul {
    margin: 0;
    padding: 0
}

ul li {
    list-style: none
}

img {
    vertical-align: middle
}

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

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

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

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

input[type=password]::-ms-clear,input[type=password]::-ms-reveal {
    display: none
}

input[type=password]::-ms-clear,input[type=password]::-ms-reveal {
    display: none!important
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

html * {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

html {
    font-size: 10px
}

.no-transition *,.no-transition :after,.no-transition :before {
    -webkit-transition: none!important;
    transition: none!important
}

body {
    background: var(--color-bg-surface);
    color: var(--color-text-high);
    font-family: FixelText;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 100%;
    padding-top: 10.1rem;
    scroll-behavior: smooth
}

body.no-scroll {
    overflow: hidden
}

@media (max-width: 1023.98px) {
    body {
        padding-top:8.4rem
    }
}

body:after {
    background: var(--color-border-500);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    z-index: 10
}

body.open-modal:after {
    opacity: 1
}

body:has(.header__burger.open):after {
    opacity: 1;
    pointer-events: auto
}

body:has(.header__burger.open) main {
    -webkit-transform: translateX(.8rem);
    transform: translateX(.8rem)
}

main {
    min-height: 40vh;
    -webkit-transition: -webkit-transform .46s;
    transition: -webkit-transform .46s;
    transition: transform .46s;
    transition: transform .46s,-webkit-transform .46s
}

.block-scroll-x {
    overflow-x: auto;
    overflow-y: hidden
}

.container {
    margin: 0 auto;
    max-width: 144rem;
    padding: 0 4rem;
    width: 100%
}

@media (max-width: 639.98px) {
    .container {
        padding:0 1.6rem
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(../)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

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

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

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

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

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

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

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

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

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

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

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

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

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

.swiper-button-next,.swiper-button-prev {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    justify-content: center
}

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

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

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

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

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

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--color-border-10);
    border-radius: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

.swiper.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

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

.swiper.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper.swiper-cards {
    overflow: visible
}

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

.swiper-arrow {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.4rem;
    cursor: pointer;
    height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem;
    z-index: 2
}

.swiper-arrow.swiper-button-lock {
    display: none
}

.swiper-arrow.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.swiper-arrow.next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.swiper-arrow.prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.swiper-pagination .swiper-pagination-bullet {
    background: var(--color-bg-high);
    height: .6rem;
    margin: 0 1rem!important;
    -webkit-transition: background .325s;
    transition: background .325s;
    width: .6rem
}

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

.notice-wrapper {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
    max-width: 380px;
    position: fixed;
    right: 20px;
    top: 120px;
    width: 100%;
    z-index: 99999
}

@media (max-width: 1023px) {
    .notice-wrapper {
        top:100px
    }
}

@media (max-width: 639px) {
    .notice-wrapper {
        gap:8px;
        max-width: 320px
    }
}

@media (max-width: 400px) {
    .notice-wrapper {
        gap:6px;
        max-width: 240px;
        right: 10px
    }
}

.notice-block {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    padding: 16px 40px 16px 16px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: slide-right .3s forwards;
    animation: slide-right .3s forwards;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    gap: 12px;
    position: relative;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@media (max-width: 639px) {
    .notice-block {
        font-size:12px
    }
}

@media (max-width: 400px) {
    .notice-block {
        font-size:11px;
        gap: 12px;
        padding: 14px 40px 14px 14px
    }
}

@media (hover: hover) {
    .notice-block:hover .notice-close {
        opacity:1
    }
}

.notice-slider {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slider;
    animation-name: slider;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #000;
    bottom: -4px;
    height: 1px;
    left: -1px;
    opacity: .8;
    position: absolute;
    width: calc(100% + 2px);
    z-index: -1
}

.notice-close {
    background-image: url(../img/icons/icon_close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 12px;
    opacity: .6;
    position: absolute;
    right: 16px;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: 12px
}

.notice-done {
    background-color: #f9fffd;
    border-color: #49cd9d
}

.notice-done .notice-slider {
    background-color: #49cd9d
}

.notice-done .notice-icon {
    background-image: url(../img/icons/icon_done.svg);
    background-size: 22px
}

@media (max-width: 639px) {
    .notice-done .notice-icon {
        background-size:20px
    }
}

@media (max-width: 400px) {
    .notice-done .notice-icon {
        background-size:18px
    }
}

.notice-error {
    background-color: #fff;
    border-color: #fb391d
}

.notice-error .notice-slider {
    background-color: #fb391d
}

.notice-error .notice-icon {
    background-image: url(../img/icons/icon_error.svg)
}

.notice-warning {
    background-color: #fcfcff;
    border-color: #e88a85
}

.notice-warning .notice-slider {
    background-color: #e88a85
}

.notice-warning .notice-icon {
    background-image: url(../img/icons/icon_alert.svg);
    background-size: 22px
}

@media (max-width: 639px) {
    .notice-warning .notice-icon {
        background-size:20px
    }
}

@media (max-width: 400px) {
    .notice-warning .notice-icon {
        background-size:18px
    }
}

.notice-info {
    background-color: #fff;
    border-color: rgba(33,31,32,.1)
}

.notice-info .notice-slider {
    background-color: rgba(33,31,32,.1)
}

.notice-info .notice-icon {
    background-image: url(../img/icons/icon_info.svg)
}

.notice-message {
    background-color: #f8fcff;
    border-color: #4c9bca
}

.notice-message .notice-slider {
    background-color: #4c9bca
}

.notice-message .notice-icon {
    background-image: url(../img/icons/icon_message.svg);
    background-size: 20px
}

@media (max-width: 639px) {
    .notice-message .notice-icon {
        background-size:18px
    }
}

@media (max-width: 400px) {
    .notice-message .notice-icon {
        background-size:16px
    }
}

.notice-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 138.462%;
    position: relative;
    width: calc(100% - 40px);
    z-index: 1
}

@media (max-width: 400px) {
    .notice-text {
        font-size:12px
    }
}

.notice-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 22px;
    pointer-events: none;
    position: relative;
    width: 22px
}

@media (max-width: 639px) {
    .notice-icon {
        background-size:20px 18px;
        height: 20px;
        width: 20px
    }
}

@media (max-width: 400px) {
    .notice-icon {
        background-size:18px 16px;
        height: 18px;
        width: 18px
    }
}

@-webkit-keyframes slide-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slider {
    to {
        width: 0
    }
}

@keyframes slider {
    to {
        width: 0
    }
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 0;
    cursor: pointer;
    font-family: FixelText;
    font-size: 1.5rem;
    font-weight: 500;
    gap: 1rem;
    justify-content: center;
    line-height: 1;
    min-height: 4.8rem;
    padding: 1.4rem 3.2rem 1.2rem;
    text-align: center;
    -webkit-transition: background-color .325s,color .325s,border-color .325s,opacity .325s;
    transition: background-color .325s,color .325s,border-color .325s,opacity .325s
}

.button span {
    -webkit-transition: color .325s;
    transition: color .325s
}

.button--black {
    background: var(--color-button-primary);
    border: none;
    color: var(--color-button-text)
}

@media (hover: hover) {
    .button--black:hover {
        background:var(--color-button-primary-hover)
    }
}

.button--black:active {
    background: var(--color-button-primary-hover)
}

.button--clear {
    background: transparent;
    border-radius: 0;
    letter-spacing: 0;
    line-height: 1;
    padding: 0;
    text-transform: capitalize
}

.button--bordered {
    border: .1rem solid var(--color-border-20);
    color: var(--color-text-high)
}

.button--bordered:hover {
    border-color: var(--color-bg-high)
}

.button:disabled {
    opacity: .5;
    pointer-events: none
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.modal {
    background-color: var(--color-border-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    max-height: calc(var(--vh, 1vh)*100);
    padding: 1.6rem;
    position: fixed;
    top: -100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: opacity .325s,visibility .325s,top .325s .325s,-webkit-transform .325s;
    transition: opacity .325s,visibility .325s,top .325s .325s,-webkit-transform .325s;
    transition: opacity .325s,visibility .325s,transform .325s,top .325s .325s;
    transition: opacity .325s,visibility .325s,transform .325s,top .325s .325s,-webkit-transform .325s;
    z-index: 9999
}

.modal.open {
    opacity: 1;
    pointer-events: auto;
    top: 0;
    -webkit-transition: opacity .325s,visibility .325s,-webkit-transform .325s;
    transition: opacity .325s,visibility .325s,-webkit-transform .325s;
    transition: opacity .325s,visibility .325s,transform .325s;
    transition: opacity .325s,visibility .325s,transform .325s,-webkit-transform .325s
}

.modal.open .modal__window {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal__window {
    background: var(--color-bg-surface);
    max-height: calc(var(--vh, 1vh)*100 - 4rem);
    max-width: 72rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transform: translateY(8rem);
    transform: translateY(8rem);
    -webkit-transition: inherit;
    transition: inherit;
    width: 100%
}

@media (max-width: 559.98px) {
    .modal__window {
        max-height:calc(var(--vh, 1vh)*100 - 2rem)
    }
}

.modal__close {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.4rem;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .5;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    z-index: 11
}

.modal__close .icon {
    height: 2.4rem;
    width: 2.4rem;
    stroke: var(--color-text-high)
}

.modal__close:hover {
    opacity: 1
}

.modal__content {
    max-height: calc(var(--vh, 1vh)*100 - 9rem);
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    color: var(--app-text-default);
    overscroll-behavior: contain
}

@media (max-width: 559.98px) {
    .modal__content {
        max-height:calc(var(--vh, 1vh)*100 - 6rem)
    }
}

.modal__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%;
    text-align: center
}

.modal .input-field {
    margin-bottom: 1.6rem
}

.modal .button {
    width: 100%
}

.modal__success {
    background: var(--color-bg-surface);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.6rem
}

.modal__success img {
    display: inline-block;
    height: auto;
    margin-bottom: 2.4rem;
    width: 4rem
}

.modal__success p {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin: .8rem 0 0
}

.modal__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem
}

.modal__fields .input-field {
    width: 100%
}

.modal__fields .input-field.w-50 {
    width: calc(50% - .8rem)
}

@media (max-width: 559.98px) {
    .modal__fields .input-field.w-50 {
        width:100%
    }
}

.modal .phone-wrapper .phone-dropdown {
    left: 50%;
    margin-top: 2.4rem;
    max-width: 100%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.modal#callBack .modal__window {
    max-width: 40rem;
    padding: 4.8rem
}

@media (max-width: 559.98px) {
    .modal#callBack .modal__window {
        padding:2.4rem
    }
}

.modal#callBack .modal__content {
    margin-top: 3.2rem
}

.modal#reviewModal {
    padding: 4rem
}

.modal#reviewModal .modal__content {
    padding: 0 6.4rem 6.4rem
}

.modal#reviewModal .modal__window {
    padding-top: 6.4rem
}

.modal#reviewModal .modal__title {
    font-size: 2rem
}

.modal#reviewModal .modal__descript {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-top: .8rem;
    text-align: center
}

.modal#reviewModal .modal__rating {
    margin: 3.2rem 0
}

.modal#reviewModal .modal__rating-title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    margin-bottom: .8rem
}

.modal#reviewModal .input-field {
    margin-bottom: 0
}

@media (max-width: 639.98px) {
    .modal#reviewModal .modal__window {
        padding-top:4.8rem
    }

    .modal#reviewModal .modal__content {
        padding: 0 3.4rem 4.8rem
    }
}

@media (max-width: 559.98px) {
    .modal#reviewModal {
        padding:3.6rem 1.6rem
    }

    .modal#reviewModal .modal__window {
        padding-top: 4.8rem
    }

    .modal#reviewModal .modal__content {
        padding: 0 2.4rem 4.8rem
    }
}

.modal .wpcf7-response-output {
    left: 0;
    position: relative;
    right: 0;
    top: 0
}

.icon {
    -webkit-transition: fill .325s,stroke .325s,opacity .325s,-webkit-transform .325s;
    transition: fill .325s,stroke .325s,opacity .325s,-webkit-transform .325s;
    transition: fill .325s,stroke .325s,transform .325s,opacity .325s;
    transition: fill .325s,stroke .325s,transform .325s,opacity .325s,-webkit-transform .325s
}

.breadcrumbs {
    padding-top: 2.4rem;
    width: 100%
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    overflow-x: auto;
    overflow-y: hidden
}

.breadcrumbs__list li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.3rem;
    gap: .8rem;
    white-space: nowrap
}

.breadcrumbs__list li:not(:last-of-type):after {
    color: var(--color-text-high-50);
    content: "/"
}

.breadcrumbs__list li a,.breadcrumbs__list li span {
    display: inline-block;
    line-height: 138.462%
}

.breadcrumbs__list li a {
    color: var(--color-text-high-50);
    -webkit-transition: color .325s;
    transition: color .325s
}

.breadcrumbs__list li a:hover,.breadcrumbs__list li span {
    color: var(--color-text-high)
}

.checkbox {
    display: inline-block;
    min-height: 1.6rem;
    padding-left: 2.4rem;
    position: relative
}

@media (hover: hover) {
    .checkbox:hover:before {
        border-color:var(--color-bg-high)
    }
}

.checkbox .wpcf7-form-control-wrap,.checkbox input {
    display: none!important
}

.checkbox:before {
    background-image: url(../img/icons/icon-checkbox.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0;
    border: .1rem solid var(--color-border-20);
    content: "";
    cursor: pointer;
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: -.2rem;
    -webkit-transition: .325s;
    transition: .325s;
    width: 1.6rem;
    will-change: background-size
}

.checkbox:has(input:checked):before {
    background-color: var(--color-bg-high);
    background-size: 1.1rem;
    border-color: var(--color-bg-high)
}

.checkbox.error:before {
    border-color: var(--color-error)
}

.accordion__content {
    -webkit-transition: all .325s;
    transition: all .325s
}

.title-page {
    color: var(--color-text-high);
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%
}

@media (max-width: 639.98px) {
    .title-page {
        font-size:2rem
    }
}

.title-section {
    color: var(--color-text-high);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1.12px;
    line-height: 142.857%;
    text-align: center;
    text-transform: uppercase
}

.title-section.text-left {
    text-align: left
}

.card-product {
    padding-bottom: 1.6rem;
    position: relative
}

@media (hover: hover) {
    .card-product:hover {
        z-index:3
    }

    .card-product:hover .button {
        opacity: 1;
        pointer-events: auto
    }
}

.card-product__favorite {
    padding: 0;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    z-index: 1
}

.card-product__favorite .icon {
    fill: transparent;
    stroke: var(--color-orange-100);
    height: 1.8rem;
    width: 1.8rem
}

.card-product__favorite.active .icon {
    stroke: var(--color-orange-100);
    fill: var(--color-orange-100);
    -webkit-animation: pulse .3s;
    animation: pulse .3s
}

@media (hover: hover) {
    .card-product__favorite:not(.active):hover .icon {
        -webkit-transform:scale(1.3);
        transform: scale(1.3)
    }
}

.card-product__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .4rem;
    left: .8rem;
    max-width: calc(100% - 5rem);
    position: absolute;
    top: .8rem;
    z-index: 2
}

.card-product__tags li {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .6px;
    padding: .3rem .8rem;
    text-transform: uppercase
}

.card-product__tags li span {
    display: inline-block;
    line-height: 100%;
    position: relative;
    -webkit-transform: translateY(.1rem);
    transform: translateY(.1rem)
}

.card-product__tags li.bestseller {
    background-color: #e4d6c8
}

.card-product__tags li.discount {
    background-color: #eeae9b
}

.card-product__tags li.top {
    background-color: #e4d6c8
}

.card-product__tags li.now {
    background-color: #efcaa6
}

.card-product__thumb {
    background-color: var(--color-bg-subtle);
    display: block;
    margin-bottom: 1.6rem;
    overflow: hidden
}

@media (hover: hover) {
    .card-product__thumb:hover img {
        -webkit-transform:scale(1.05);
        transform: scale(1.05)
    }
}

.card-product__thumb img {
    display: block;
    height: auto;
    max-width: 100%;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 100%
}

.card-product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .6rem 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-product__title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    -webkit-transition: color .325s;
    transition: color .325s
}

.card-product__title a {
    color: inherit
}

@media (hover: hover) {
    .card-product__title:hover {
        color:var(--color-text-hover)
    }
}

.card-product__volume {
    background-color: #faf3eb;
    color: var(--color-text-high-80);
    font-size: 1.2rem;
    padding: .2rem .8rem
}

.card-product__volume span {
    display: inline-block;
    line-height: 100%;
    position: relative;
    -webkit-transform: translateY(.1rem);
    transform: translateY(.1rem)
}

.card-product__descript {
    color: var(--color-text-high-70);
    margin-top: .4rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-product__descript,.card-product__price {
    display: -webkit-box;
    font-size: 1.4rem;
    line-height: 142.857%
}

.card-product__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
    gap: .4rem 1.2rem;
    margin-top: 1rem
}

.card-product__price-old {
    color: var(--color-text-high-50);
    text-decoration: line-through
}

.card-product .button {
    font-size: 1.5rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%
}

@media (max-width: 1023.98px) {
    .card-product .button {
        display:none
    }
}

.card-product .button.in-basket:before {
    background: url(../img/icons/icon-check.svg) no-repeat 50%/auto;
    content: "";
    height: 1.6rem;
    min-width: 1.6rem;
    width: 1.6rem
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    33.333% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    66.666% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    33.333% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    66.666% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

.rating__star {
    background: url(../img/icons/icon-star.svg) no-repeat 50%/auto;
    height: 1.4rem;
    min-width: 1.4rem;
    opacity: .2;
    -webkit-transition: all .16s;
    transition: all .16s;
    width: 1.4rem
}

.rating[data-rating="1"] .rating__star:first-child,.rating[data-rating="2"] .rating__star:first-child,.rating[data-rating="2"] .rating__star:nth-child(2),.rating[data-rating="3"] .rating__star:first-child,.rating[data-rating="3"] .rating__star:nth-child(2),.rating[data-rating="3"] .rating__star:nth-child(3),.rating[data-rating="4"] .rating__star:first-child,.rating[data-rating="4"] .rating__star:nth-child(2),.rating[data-rating="4"] .rating__star:nth-child(3),.rating[data-rating="4"] .rating__star:nth-child(4),.rating[data-rating="5"] .rating__star {
    opacity: 1
}

.rating--add {
    gap: 1rem
}

.rating--add .rating__star {
    cursor: pointer
}

.rating--add .rating__star input {
    display: none
}

.abbreviated__wrap {
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.abbreviated__wrap.close {
    max-height: 380px;
    position: relative
}

.abbreviated__wrap.close:after {
    background: -webkit-gradient(linear,left bottom,left top,from(var(--color-bg-surface)),to(transparent));
    background: linear-gradient(to top,var(--color-bg-surface),transparent);
    bottom: 0;
    content: "";
    height: 1.4rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.abbreviated:has(.close) .abbreviated__hide {
    display: none
}

.abbreviated:not(:has(.close)) .abbreviated__more {
    display: none
}

.abbreviated__trigger {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-text-high);
    gap: .4rem;
    margin-top: 1.2rem;
    position: relative
}

.abbreviated__trigger:after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
    content: "";
    display: inline-block;
    height: 1.6rem;
    margin-top: -1px;
    min-width: 1.6rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.abbreviated__trigger:before {
    background-color: var(--color-text-high);
    bottom: 0;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: all .325s;
    transition: all .325s
}

@media (hover: hover) {
    .abbreviated__trigger:hover:before {
        left:0;
        right: .3rem
    }
}

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

.catalog__filter {
    background-color: var(--color-text-high-50);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    z-index: 11
}

.catalog__filter.open {
    opacity: 1;
    pointer-events: auto
}

.catalog__filter.open .catalog__filter-item.open .catalog__filter-list {
    pointer-events: auto
}

.catalog__filter-popup {
    background-color: var(--color-bg-surface);
    height: 100%;
    max-width: 40rem;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.catalog__filter-head,.catalog__filter-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog__filter-head {
    padding: 1.9rem 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid var(--color-border-10);
    gap: 1.2rem
}

.catalog__filter-title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%
}

.catalog__filter-close {
    cursor: pointer;
    opacity: .5;
    -webkit-transition: opacity .325s;
    transition: opacity .325s
}

.catalog__filter-close .icon {
    height: 2.4rem;
    width: 2.4rem;
    stroke: var(--color-text-high)
}

.catalog__filter-close:hover {
    opacity: 1
}

.catalog__filter-head {
    font-size: 1.8rem
}

.catalog__filter-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: auto;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 2.4rem
}

.catalog__filter-body .title {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    padding: 1.7rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 1rem;
    justify-content: space-between
}

.catalog__filter-body .title .icon {
    height: 1.6rem;
    position: relative;
    width: 1.6rem
}

.catalog__filter-body .title .icon:after,.catalog__filter-body .title .icon:before {
    background-color: var(--color-text-high);
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1rem
}

.catalog__filter-list {
    max-height: 0;
    overflow-y: hidden;
    pointer-events: none
}

.catalog__filter-list li {
    opacity: 0;
    -webkit-transform: rotateX(50deg);
    transform: rotateX(50deg);
    -webkit-transition: opacity .325s,-webkit-transform .325s;
    transition: opacity .325s,-webkit-transform .325s;
    transition: opacity .325s,transform .325s;
    transition: opacity .325s,transform .325s,-webkit-transform .325s
}

.catalog__filter-list li:not(:last-of-type) {
    margin-bottom: 1.2rem
}

.catalog__filter-list label {
    cursor: pointer;
    font-size: 1.4rem;
    padding-bottom: .2rem;
    padding-top: .2rem;
    -webkit-transition: color .325s;
    transition: color .325s
}

.catalog__filter-list label:before {
    top: 0
}

.catalog__filter-item {
    border-bottom: .1rem solid var(--color-border-10)
}

.catalog__filter-item.open li {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.catalog__filter-item.open .catalog__filter-list {
    max-height: none;
    padding-bottom: 2.4rem
}

.catalog__filter-item.open .title .icon:before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.catalog__filter-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: .1rem solid var(--color-border-10);
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    position: relative;
    z-index: 1
}

.catalog__filter-foot:before {
    background-color: var(--color-bg-surface);
    bottom: calc(100% + .1rem);
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    right: 0
}

.catalog__filter-foot .button {
    width: 100%
}

.catalog__filter-reset {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .catalog__filter-reset:hover {
        color:var(--color-text-hover)
    }
}

@media (max-width: 768.98px) {
    .catalog__filter-popup {
        max-width:100%
    }

    .catalog__filter-foot {
        padding: 2.4rem
    }
}

@media (max-width: 639.98px) {
    .catalog__filter-head {
        padding:1.5rem 1.6rem
    }

    .catalog__filter-body {
        padding: 0 1.6rem
    }

    .catalog__filter-foot {
        padding: 1.6rem
    }
}

.catalog__sort {
    position: relative;
    z-index: 4
}

.catalog__sort:before {
    content: "";
    height: 1.6rem;
    left: -3rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%
}

@media (min-width: 1024px) {
    .catalog__sort:hover:before {
        pointer-events:auto
    }

    .catalog__sort:hover .catalog__sort-selected:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .catalog__sort:hover .catalog__sort-list {
        opacity: 1;
        pointer-events: auto
    }
}

@media (max-width: 1023.98px) {
    .catalog__sort.open:before {
        pointer-events:auto
    }

    .catalog__sort.open .catalog__sort-selected:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .catalog__sort.open .catalog__sort-list {
        opacity: 1;
        pointer-events: auto
    }
}

.catalog__sort-title {
    display: none
}

.catalog__sort-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: .4rem
}

.catalog__sort-selected:after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
    content: "";
    cursor: pointer;
    height: 1.6rem;
    min-width: 1.6rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.catalog__sort-list {
    background: var(--color-bg-surface);
    border: .1rem solid var(--color-border-10);
    margin-top: 1.6rem;
    max-height: 22rem;
    max-height: 32rem;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2.4rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .325s;
    transition: opacity .325s
}

.catalog__sort-list label {
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    line-height: 142.857%;
    padding-left: 2.2rem;
    position: relative;
    white-space: nowrap
}

.catalog__sort-list label:has(input:checked):before {
    opacity: 1
}

.catalog__sort-list label:not(:last-of-type) {
    margin-bottom: .8rem
}

.catalog__sort-list label input {
    display: none
}

.catalog__sort-list label:before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 1.6rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: 1.6rem
}

.catalog__sort-list:has(label.active) {
    opacity: 0!important;
    pointer-events: none!important
}

@media (max-width: 559.98px) {
    .catalog__sort {
        background:var(--color-bg-surface);
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        -webkit-transition: opacity .325s;
        transition: opacity .325s;
        z-index: 11
    }

    .catalog__sort.open,.catalog__sort.open .catalog__sort-list {
        opacity: 1;
        pointer-events: auto
    }

    .catalog__sort-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1.2rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        border-bottom: .1rem solid var(--color-border-10);
        font-size: 1.8rem;
        font-weight: 500;
        justify-content: space-between;
        padding: 1.5rem 1.6rem
    }

    .catalog__sort-close {
        cursor: pointer;
        opacity: .5
    }

    .catalog__sort-close .icon {
        height: 2.4rem;
        width: 2.4rem;
        stroke: var(--color-text-high)
    }

    .catalog__sort-selected {
        display: none
    }

    .catalog__sort-list {
        border: 0;
        margin-top: 0;
        max-height: calc(100% - 5.9rem);
        max-width: 100%;
        padding: 0 1.6rem;
        position: static
    }

    .catalog__sort-list label {
        border-bottom: .1rem solid var(--color-border-10);
        font-size: 1.5rem;
        padding: 1.7rem 2.4rem
    }

    .catalog__sort-list label:before {
        top: 1.8rem
    }

    .catalog__sort-list label:not(:last-of-type) {
        margin-bottom: 0
    }
}

.pagination {
    margin-top: 6.4rem
}

@media (max-width: 639.98px) {
    .pagination {
        margin-top:4rem
    }
}

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

.pagination__list li {
    padding-left: 0!important
}

.pagination__list li:before {
    display: none
}

.pagination__list li.active a {
    border-color: var(--color-border-10);
    color: var(--color-text-high)
}

.pagination__list li.next a:before,.pagination__list li.prev a:before {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.4rem;
    content: "";
    height: 2.4rem;
    margin-top: -.2rem;
    min-width: 2.4rem;
    width: 2.4rem
}

.pagination__list li.prev {
    margin-right: 1.6rem
}

.pagination__list li.prev a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pagination__list li.next {
    margin-left: 1.6rem
}

.pagination__list li.next a:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pagination__list li.disabled {
    opacity: .3;
    pointer-events: none
}

.pagination__list a,.pagination__list span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    width: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid transparent;
    color: var(--color-text-high-70);
    font-size: 1.5rem;
    justify-content: center;
    line-height: normal
}

.pagination__list a {
    -webkit-transition: .325s;
    transition: .325s
}

.pagination__list a:hover {
    color: var(--color-text-high)
}

.es-select {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.es-select:before {
    background-image: url(../img/icons/select-chevron.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.2rem;
    content: "";
    height: 1.6rem;
    pointer-events: none;
    position: absolute;
    right: 1.2rem;
    top: 1.3rem;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 1.6rem;
    z-index: 1
}

@media (hover: hover) {
    .es-select:hover:before {
        opacity:1
    }
}

.es-select__name {
    background: var(--color-bg-surface);
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    color: var(--color-text-high-50);
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    height: 4.4rem;
    line-height: 146.667%;
    overflow: hidden;
    padding: 1.1rem 4rem 1.1rem 1.2rem;
    position: relative;
    text-overflow: ellipsis;
    -webkit-transition: all .325s;
    transition: all .325s;
    white-space: nowrap;
    width: 100%
}

.es-select__name.selected {
    color: var(--app-text-default)
}

.es-select__name img {
    height: 1.6rem;
    margin-right: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: text-bottom;
    width: 1.6rem
}

.es-select__options {
    background: var(--color-bg-surface);
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    height: auto;
    margin-top: .4rem;
    opacity: 0;
    padding: .8rem 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: opacity .2s .1s,visibility .2s .1s,border-radius .3s,-webkit-transform .2s;
    transition: opacity .2s .1s,visibility .2s .1s,border-radius .3s,-webkit-transform .2s;
    transition: transform .2s,opacity .2s .1s,visibility .2s .1s,border-radius .3s;
    transition: transform .2s,opacity .2s .1s,visibility .2s .1s,border-radius .3s,-webkit-transform .2s;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

@media (max-width: 768.98px) {
    .es-select__options {
        width:100%
    }
}

.options-left .es-select__options {
    left: 0
}

.options-right .es-select__options {
    right: 0
}

.es-select__options-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: .4rem;
    margin-top: .8rem;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto
}

.es-select__options-wrap .select-item {
    color: var(--app-text-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 140%;
    padding: .4rem 1.2rem;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: 12px;
    position: relative
}

.es-select__options-wrap .select-item:after {
    background-color: var(--color-text-hover);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: 100%
}

.es-select__options-wrap .select-item:not(:last-of-type):before {
    background-color: var(--app-border-default)
}

.es-select__options-wrap .select-item:first-of-type {
    display: none
}

.es-select__options-wrap .select-item img {
    border-radius: 50%;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.es-select__options-wrap .select-item.active:after,.es-select__options-wrap .select-item.found:after {
    opacity: .06
}

.es-select__options-wrap .select-item.hidden {
    display: none
}

.es-select__options-wrap .select-item:hover:after {
    opacity: .14
}

.es-select__search {
    margin: 0 .4rem;
    position: relative
}

.es-select__search:before {
    background-image: url(../img/icons/icon-search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    content: "";
    height: 1.8rem;
    left: 1.1rem;
    opacity: .5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.8rem
}

.es-select__search input {
    background: transparent;
    border: 0;
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    font-size: 1.5rem;
    height: 4rem;
    line-height: 100%;
    outline: none;
    padding: 1.1rem 1.2rem 1.1rem 3.8rem;
    width: 100%
}

.es-select__search input::-webkit-input-placeholder {
    color: var(--text-gray-500)
}

.es-select__search input::-moz-placeholder {
    color: var(--text-gray-500)
}

.es-select__search input:-ms-input-placeholder {
    color: var(--text-gray-500)
}

.es-select__search input::-ms-input-placeholder {
    color: var(--text-gray-500)
}

.es-select__search input::placeholder {
    color: var(--text-gray-500)
}

.es-select.open {
    z-index: 5
}

.es-select.open:before {
    opacity: 1;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.es-select.open .es-select__options {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s,visibility .2s,-webkit-transform .2s .1s;
    transition: opacity .2s,visibility .2s,-webkit-transform .2s .1s;
    transition: transform .2s .1s,opacity .2s,visibility .2s;
    transition: transform .2s .1s,opacity .2s,visibility .2s,-webkit-transform .2s .1s;
    visibility: visible
}

.es-select.open .es-select__name {
    border-color: var(--color-text-high-80)
}

.enhanced-select {
    display: none
}

.input-field {
    display: block;
    position: relative
}

.input-field.is-invalid .input-field__text {
    border-color: var(--color-error)
}

.input-field__label {
    color: var(--color-text-high-70);
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%;
    margin-bottom: .4rem
}

.input-field__text {
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 30px #fff!important;
    box-shadow: inset 0 0 0 30px #fff!important;
    color: var(--color-text-high);
    display: block;
    font-size: 1.5rem;
    height: 4.4rem;
    line-height: 146.667%;
    padding: 1.1rem 1.2rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    width: 100%
}

.input-field__text::-webkit-input-placeholder {
    color: var(--color-text-high-50)
}

.input-field__text::-moz-placeholder {
    color: var(--color-text-high-50)
}

.input-field__text:-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.input-field__text::-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.input-field__text::placeholder {
    color: var(--color-text-high-50)
}

.input-field__text:focus {
    border-color: var(--color-text-high-80)
}

.input-field__text.wpcf7-not-valid,.input-field__text[aria-invalid=true] {
    border-color: var(--color-error)
}

.input-field__text[type=tel] {
    padding-left: 5.8rem
}

.input-field textarea.input-field__text {
    font-size: 1.4rem;
    height: 12rem;
    resize: none
}

.input-field__error {
    color: var(--color-error);
    font-size: 1.1rem;
    left: 0;
    margin-top: .1rem;
    position: absolute;
    text-align: right;
    top: 100%;
    width: 100%
}

.input-field--pass {
    position: relative
}

.input-field--pass .input-field__text {
    padding-right: 3.4rem
}

.input-field--pass .show-password-input {
    background: url(../img/icons/icon-view.svg) no-repeat 50%/1.7rem;
    height: 1.8rem;
    opacity: .6;
    padding: 0;
    position: absolute;
    right: 1.2rem;
    top: 3.4rem;
    width: 1.8rem
}

.input-field--pass .show-password-input:after {
    background: var(--color-text-high);
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: .1rem
}

.input-field--pass .show-password-input.active,.input-field--pass .show-password-input.active:after,.input-field--pass .show-password-input.display-password,.input-field--pass .show-password-input.display-password:after,.input-field--pass .show-password-input.is-visible,.input-field--pass .show-password-input.is-visible:after {
    opacity: 1
}

.input-field .wpcf7-form-control-wrap {
    display: block;
    position: relative
}

.input-field .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: var(--color-error);
    font-size: 1.1rem;
    left: 0;
    margin-top: .1rem;
    position: absolute;
    text-align: right;
    top: 100%;
    width: 100%
}

label.radio {
    display: inline-block;
    min-height: 1.6rem;
    padding-left: 2.4rem;
    position: relative
}

label.radio input {
    display: none
}

@media (hover: hover) {
    label.radio:hover:before {
        -webkit-box-shadow:0 0 0 .1rem var(--color-bg-high);
        box-shadow: 0 0 0 .1rem var(--color-bg-high)
    }
}

label.radio:before {
    border: .3rem solid var(--color-bg-surface);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 .1rem var(--color-border-20);
    box-shadow: 0 0 0 .1rem var(--color-border-20);
    content: "";
    cursor: pointer;
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .325s;
    transition: .325s;
    width: 1.6rem
}

label.radio:has(input:checked):before {
    background-color: var(--color-bg-high);
    -webkit-box-shadow: 0 0 0 .1rem var(--color-bg-high);
    box-shadow: 0 0 0 .1rem var(--color-bg-high)
}

.product-qty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0 .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-qty__input {
    background: var(--color-bg-surface);
    border: 0;
    color: var(--color-text-high);
    font-size: 1.4rem;
    font-weight: 400;
    min-width: 2.6rem;
    outline: none;
    text-align: center;
    width: 2.6rem
}

.product-qty__btn {
    background: transparent;
    cursor: pointer;
    font-size: 2rem;
    height: 1.6rem;
    min-width: 1.6rem;
    padding: 0;
    width: 1.6rem
}

.product-qty__btn .icon {
    height: 1.6rem;
    width: 1.6rem;
    fill: var(--color-text-high)
}

@media (hover: hover) {
    .product-qty__btn:hover .icon {
        fill:var(--color-text-hover)
    }
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

.tabs .tab-panel {
    position: relative
}

.tabs .tab-panel:after {
    background: var(--color-bg-surface);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    z-index: 4
}

.tabs .tab-panel.preloader:after {
    opacity: 1;
    pointer-events: auto
}

.cookies {
    background: var(--color-bg-surface);
    border: .1rem solid var(--color-border-20);
    bottom: 1.6rem;
    -webkit-box-shadow: 0 8px 32px 4px rgba(33,31,32,.04);
    box-shadow: 0 8px 32px 4px rgba(33,31,32,.04);
    display: none;
    max-width: 40rem;
    padding: 1.6rem 2.4rem;
    position: fixed;
    right: 1.6rem;
    -webkit-transition: all .325s;
    transition: all .325s;
    width: 100%;
    z-index: 999
}

.cookies__title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 142.857%
}

.cookies__descript {
    color: var(--color-text-high-80);
    font-size: 1.3rem;
    line-height: 138.462%;
    margin-top: .4rem
}

.cookies__descript a {
    color: inherit;
    text-decoration-line: underline;
    -webkit-transition: color .325s;
    transition: color .325s
}

.cookies__descript a:hover {
    color: var(--color-text-hover)
}

.cookies__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.2rem
}

.cookies .button {
    font-size: 1.4rem;
    min-height: 2.8rem;
    padding: .2rem 1.2rem
}

@media (max-width: 559.98px) {
    .cookies {
        left:1.6rem;
        max-width: none;
        width: auto
    }
}

.text-block {
    font-size: 1.5rem;
    line-height: 146.667%
}

.text-block h1 {
    margin-bottom: 2.4rem
}

.text-block h2,.text-block h3,.text-block h4,.text-block h5,.text-block h6 {
    font-weight: 500;
    margin-top: 4rem
}

.text-block h2 {
    font-size: 1.8rem
}

.text-block ol,.text-block p,.text-block ul {
    margin-bottom: 0;
    margin-top: 1.6rem
}

.text-block ol {
    padding-left: 4.5rem
}

.text-block ol li {
    padding-left: 1.2rem
}

.text-block ol li:not(:last-of-type) {
    margin-bottom: .8rem
}

.text-block ul {
    padding-left: 3.2rem
}

.text-block ul li {
    padding-left: 2.4rem;
    position: relative
}

.text-block ul li:not(:last-of-type) {
    margin-bottom: .8rem
}

.text-block ul li:before {
    background: var(--color-orange-100);
    border-radius: 50%;
    content: "";
    height: .5rem;
    left: 0;
    position: absolute;
    top: .7rem;
    width: .5rem
}

.text-block a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .5rem;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .text-block a:hover {
        color:var(--color-text-hover)
    }
}

.text-block blockquote {
    background: var(--color-bg-subtle);
    font-style: italic;
    margin: 3.2rem 0 4rem;
    padding: 2.4rem 4rem;
    position: relative
}

.text-block blockquote:before {
    color: var(--color-text-high);
    content: "“";
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 500;
    left: 1.6rem;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.сrossSell__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.6rem
}

@media (max-width: 559.98px) {
    .сrossSell__head {
        margin-bottom:1.2rem
    }
}

.сrossSell__head-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.сrossSell__head-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem
}

.сrossSell__head-arrow {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.4rem;
    cursor: pointer;
    height: 2.4rem;
    min-width: 2.4rem;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: 2.4rem
}

.сrossSell__head-arrow.prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.сrossSell__head-arrow.next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.сrossSell__head-arrow.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.сrossSell .swiper-slide {
    width: 27.2rem
}

.сrossSell__products {
    overflow-x: hidden
}

.сrossSell__card {
    border: .1rem solid var(--color-border-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    height: 100%;
    padding: 1.6rem
}

.сrossSell__card-img {
    height: 8rem;
    min-width: 8rem;
    width: 8rem
}

.сrossSell__card-img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.сrossSell__card-title {
    color: inherit;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%;
    max-width: calc(100% - 2.4rem)
}

.сrossSell__card-descript {
    color: var(--color-text-high-70);
    margin-bottom: .4rem;
    margin-top: .4rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.сrossSell__card-descript,.сrossSell__card-price {
    display: -webkit-box;
    font-size: 1.3rem;
    line-height: 138.462%
}

.сrossSell__card-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
    gap: .8rem;
    margin-top: auto;
    max-width: calc(100% - 2.4rem)
}

.сrossSell__card-price-old {
    color: var(--color-text-high-50);
    font-weight: 400;
    text-decoration-line: line-through
}

.сrossSell__card .card-product__tags {
    left: auto;
    right: 1.2rem;
    top: 1.2rem
}

.сrossSell__card .card-product__tags li {
    font-size: .8rem;
    padding: .2rem .4rem 0
}

.сrossSell__card-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.сrossSell__card-addCard,.сrossSell__card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.сrossSell__card-addCard {
    background: transparent;
    bottom: 1.6rem;
    cursor: pointer;
    height: 2.4rem;
    outline: none;
    padding: 0;
    position: absolute;
    right: .8rem;
    width: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.сrossSell__card-addCard .icon {
    fill: var(--color-text-high);
    height: 1.7rem;
    width: 1.5rem
}

@media (hover: hover) {
    .сrossSell__card-addCard:hover .icon {
        fill:var(--color-text-hover)
    }
}

.phone-wrapper {
    position: relative;
    z-index: 10
}

.phone-wrapper .phone-dropdown {
    background: var(--color-bg-surface);
    border: .1rem solid var(--color-border-10);
    left: 0;
    margin-top: .8rem;
    max-height: 32rem;
    max-width: 24rem;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: opacity .325s;
    transition: opacity .325s;
    width: 100%
}

@media (max-width: 559.98px) {
    .phone-wrapper .phone-dropdown {
        max-width:100%
    }
}

.phone-wrapper .phone-dropdown li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: .2rem 1rem;
    padding: .8rem 1.6rem;
    -webkit-transition: background .325s;
    transition: background .325s
}

.phone-wrapper .phone-dropdown li .flag {
    font-family: Twemoji Country Flags;
    font-size: 1.6rem
}

.phone-wrapper .phone-dropdown li .name {
    font-size: 1.4rem
}

@media (hover: hover) {
    .phone-wrapper .phone-dropdown li:hover {
        background:hsla(14,71%,77%,.14)
    }
}

.phone-wrapper .phone-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    cursor: pointer;
    justify-content: flex-start;
    padding: 0 2rem 0 1.6rem
}

.phone-wrapper .phone-selected:after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1rem;
    content: "";
    height: 1.6rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateX(0);
    transform: translateY(-50%) rotateX(0);
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.phone-wrapper .phone-selected .flag {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Twemoji Country Flags;
    font-size: 2.85rem;
    height: 2rem;
    overflow: hidden;
    width: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.phone-wrapper input[type=tel] {
    padding-left: 5.8rem
}

.phone-wrapper input[type=tel].wrong-phone {
    border-color: var(--color-error)
}

.phone-wrapper.open input {
    border-color: var(--color-text-hight-80)
}

.phone-wrapper.open .phone-dropdown {
    opacity: 1;
    pointer-events: auto
}

.phone-wrapper.open .phone-selected:after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
}

.wpcf7-response-output {
    border: .1rem solid var(--color-error)!important;
    color: var(--color-text-high)!important;
    display: none;
    font-size: 1.3rem;
    line-height: 138.462%;
    margin: .8rem 0 0!important;
    padding: 1.2rem 1.6rem!important;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-bg-surface);
    -webkit-box-shadow: 0 .8rem 3.2rem .4rem rgba(33,31,32,.04);
    box-shadow: 0 .8rem 3.2rem .4rem rgba(33,31,32,.04);
    font-weight: 500;
    gap: 1.6rem;
    max-width: 32rem;
    opacity: 0;
    position: fixed;
    right: 1.6rem;
    top: 11rem;
    width: 100%;
    z-index: 7
}

@media (max-width: 1023.98px) {
    .wpcf7-response-output {
        top:9rem
    }
}

@media (max-width: 559.98px) {
    .wpcf7-response-output {
        left:1.6rem;
        max-width: none;
        width: auto
    }
}

.wpcf7-response-output:before {
    background: url(../img/icons/icon-note.svg) no-repeat 50%/auto;
    content: "";
    height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem
}

.wpcf7-response-output:not(:empty) {
    -webkit-animation: emersion .8s forwards;
    animation: emersion .8s forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wpcf7-not-valid-tip,.wpcf7-response-output,.wpcf7-spinner {
    display: none!important
}

form.sent .wpcf7-response-output {
    border-color: var(--color-border-10)!important
}

form.sent .wpcf7-response-output:before {
    background: url(../img/icons/info.svg) no-repeat 50%/auto
}

form.wpcf7-form {
    position: relative
}

form.wpcf7-form.loading:before {
    background-color: hsla(0,0%,100%,.8);
    background-image: url(../img/loading/puff.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 6rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11
}

@-webkit-keyframes emersion {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes emersion {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.woocommerce-notices-wrapper {
    border: .1rem solid;
    color: var(--color-text-high);
    display: none;
    font-size: 1.3rem;
    line-height: 138.462%;
    margin: .8rem 0 0;
    padding: 1.2rem 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-bg-surface);
    -webkit-box-shadow: 0 .8rem 3.2rem .4rem rgba(33,31,32,.04);
    box-shadow: 0 .8rem 3.2rem .4rem rgba(33,31,32,.04);
    font-weight: 500;
    gap: 1.6rem;
    max-width: 32rem;
    opacity: 0;
    position: fixed;
    right: 1.6rem;
    top: 11rem;
    width: 100%;
    z-index: 7
}

.woocommerce-notices-wrapper .button {
    display: none
}

.woocommerce-notices-wrapper a {
    color: var(--color-text-hover);
    text-decoration: underline;
    -webkit-transform: color .325s;
    transform: color .325s
}

@media (hover: hover) {
    .woocommerce-notices-wrapper a:hover {
        color:var(--color-text-high-50)
    }
}

.woocommerce-notices-wrapper svg {
    display: none
}

@media (max-width: 1023.98px) {
    .woocommerce-notices-wrapper {
        top:9rem
    }
}

@media (max-width: 559.98px) {
    .woocommerce-notices-wrapper {
        left:1.6rem;
        max-width: none;
        width: auto
    }
}

.woocommerce-notices-wrapper:has(.woocommerce-error) {
    border-color: var(--color-error)
}

.woocommerce-notices-wrapper:has(.woocommerce-error):before {
    -webkit-filter: none;
    filter: none
}

.woocommerce-notices-wrapper:has(.is-success),.woocommerce-notices-wrapper:has(.woocommerce-message) {
    border-color: var(--color-border-10)
}

.woocommerce-notices-wrapper:has(.is-success):before,.woocommerce-notices-wrapper:has(.woocommerce-message):before {
    background: url(../img/icons/icon-product-check.svg) no-repeat 50%/auto
}

.woocommerce-notices-wrapper:before {
    background: url(../img/icons/icon-note.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: grayscale(1) brightness(.7);
    filter: grayscale(1) brightness(.7);
    height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem
}

.woocommerce-notices-wrapper:not(:empty) {
    -webkit-animation: emersion .8s forwards;
    animation: emersion .8s forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.woocommerce-password-strength {
    font-size: 1.4rem;
    margin: .8rem 0;
    -webkit-transition: color .325s;
    transition: color .325s
}

.woocommerce-password-strength.short {
    -webkit-animation: pulseNote .4s;
    animation: pulseNote .4s;
    color: var(--color-error)
}

.woocommerce-password-strength.bad {
    -webkit-animation: pulseNote .4s;
    animation: pulseNote .4s;
    color: #ff7f59
}

.woocommerce-password-strength.good {
    color: #ef8d70
}

.woocommerce-password-strength.strong {
    color: green
}

.woocommerce-password-hint {
    color: var(--color-text-high-50)
}

@-webkit-keyframes pulseNote {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulseNote {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.select2-container--default .select2-selection--single {
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    min-height: 4.4rem
}

.select2-dropdown {
    border-color: var(--color-border-20);
    border-radius: 0
}

.select2-selection {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select2-selection__arrow {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.2rem;
    height: 1.6rem!important;
    right: 1rem!important;
    top: 1.4rem!important;
    width: 1.6rem!important
}

.select2-selection__arrow b {
    display: none
}

.select2-selection__rendered {
    font-size: 1.5rem;
    padding: 0 1.2rem!important
}

.select2-search--dropdown {
    position: relative
}

.select2-search--dropdown:before {
    background-image: url(../img/icons/icon-search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    content: "";
    height: 1.8rem;
    left: 1.1rem;
    opacity: .5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.8rem
}

.select2-search__field {
    border: .1rem solid var(--color-border-20)!important;
    border-radius: 0;
    font-size: 1.5rem;
    height: 4rem;
    padding-left: 3.8rem!important;
    padding: 1.1rem 1.2rem
}

.select2-results {
    padding: .8rem 0
}

.select2-results__option {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 141.176%;
    padding: .4rem 1.2rem;
    -webkit-transition: all .325s;
    transition: all .325s
}

.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: hsla(14,71%,77%,.14);
    color: var(--color-text-high)
}

.zen-ui-select__value {
    border-color: var(--color-border-20);
    font-size: 1.5rem
}

.zen-ui-select__value.disabled {
    background: url(../--color-bg-surface);
    color: var(--color-text-high)
}

.zen-ui-select__value svg {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.2rem
}

.zen-ui-select__value svg path {
    display: none
}

.zen-ui-select__dropdown {
    -webkit-box-shadow: none;
    box-shadow: none
}

.zen-ui-select__dropdown-container {
    margin: .8rem 0
}

.zen-ui-select__search {
    position: relative
}

.zen-ui-select__search:before {
    background-image: url(../img/icons/icon-search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    content: "";
    height: 1.8rem;
    left: 1.9rem;
    opacity: .5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.8rem
}

.zen-ui-select__search-input {
    border: .1rem solid var(--color-border-20)!important;
    border-radius: 0;
    font-size: 1.5rem;
    height: 4rem;
    padding: 1.1rem 1.2rem;
    padding-left: 3.8rem!important
}

.zen-ui-select__option {
    font-size: 1.5rem;
    -webkit-transition: .325s;
    transition: .325s
}

.zen-ui-select__option--current {
    background: transparent;
    color: var(--color-primary)
}

.zen-ui-select__option:not(.zen-ui-select__option--current):hover {
    background-color: hsla(14,71%,77%,.14)!important
}

.zen-ui-select__option--disabled {
    font-size: 1.3rem;
    pointer-events: none
}

.header {
    background: var(--color-bg-surface);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 0 2rem;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__top {
    background-color: var(--color-orange-100);
    padding: .7rem 0;
    position: relative
}

.header__top-wrap {
    min-height: 1.8rem
}

.header__top-blurb {
    color: var(--color-text-high);
    font-size: 1.3rem;
    font-weight: 500;
    left: 50%;
    line-height: 138.462%;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap
}

@media (max-width: 374px) {
    .header__top-blurb {
        font-size:1.2rem
    }
}

.header__top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 1.6rem;
    justify-content: center
}

.header__top-menu a {
    color: var(--color-text-high);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%
}

.header__top-menu li {
    position: relative;
    z-index: 2
}

.header__top-menu li:has(ul) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem
}

.header__top-menu li:has(ul):before {
    background: transparent;
    bottom: -.8rem;
    content: "";
    height: 1rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.header__top-menu li:has(ul):after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
    content: "";
    cursor: pointer;
    height: 1.6rem;
    min-width: 1.6rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.header__top-menu li:has(ul):hover:before {
    pointer-events: auto
}

.header__top-menu li:has(ul):hover:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.header__top-menu li:has(ul):hover ul {
    opacity: 1;
    pointer-events: auto
}

.header__top-menu ul {
    background-color: var(--color-bg-surface);
    border: .1rem solid var(--color-border-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin-top: .7rem;
    min-width: 21.5rem;
    opacity: 0;
    padding: 1.6rem 2.4rem;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: .325s;
    transition: .325s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem;
    max-height: 22rem;
    overflow-x: hidden;
    overflow-y: auto
}

.header__top-menu ul a {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 142.857%;
    padding: 0 .3rem 0 0;
    -webkit-transition: padding .325s,color .325s;
    transition: padding .325s,color .325s;
    will-change: padding
}

@media (hover: hover) {
    .header__top-menu ul a:hover {
        color:var(--color-text-hover);
        padding: 0 0 0 .3rem
    }
}

.header__bottom {
    background: var(--color-bg-surface);
    border-bottom: .1rem solid var(--color-border-10);
    position: relative
}

.header__bottom-left {
    flex: 1 1 100%;
}

@media (min-width: 1024px) {
    .header__bottom-left {
        display:none
    }
}

.header__bottom-right {
    gap: 4rem;
    justify-content: flex-end;
}

.header__bottom-right,.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1 1 100%;
}

.header__menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 3.2rem;
    justify-content: flex-start;
}

.header__menu a {
    color: var(--color-text-high);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.header__menu>li.active>a:before,.header__menu>li.current-menu-item>a:before,.header__menu>li:hover>a:before {
    left: 0;
    opacity: 1;
    width: 100%
}

.header__menu>li>a {
    display: block;
    padding: 2.3rem 0;
    position: relative
}

.header__menu>li>a:before {
    background: var(--color-text-high-80);
    bottom: -.1rem;
    content: "";
    height: .1rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    -webkit-transition: .325s;
    transition: .325s;
    width: 0
}

.header__submenu {
    left: 0;
    position: fixed;
    top: 10rem;
    width: 100%
}

.header__sub-submenu a {
    font-weight: 400
}

@media (min-width: 1024px) {
    .header__sub-submenu {
        position:absolute
    }
}

.header__logo {
    width: 7.85rem;
    flex: 0 0 auto;
}

.header__logo img {
    display: block;
    height: auto;
    width: 100%
}

.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.4rem
}

.header__actions-item {
    cursor: pointer;
    height: 2.4rem;
    padding: 0;
    position: relative
}

.header__actions-item .icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: none;
    stroke: var(--color-text-high)
}

.header__actions-item .count {
    background: var(--color-bg-high);
    border-radius: 1.2rem;
    color: var(--color-text-light);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 600;
    height: 1.2rem;
    min-width: 1.2rem;
    padding: .2rem .3rem;
    position: absolute;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 1.5rem;
    letter-spacing: .05rem;
    top: -.1rem
}

.header__actions-item .count span {
    display: inline-block;
    line-height: 1;
    position: relative;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

@media (hover: hover) {
    .header__actions-item:hover .icon {
        stroke:var(--color-text-hover)
    }
}

.header__contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    color: var(--color-text-high);
    font-size: 1.8rem;
    font-weight: 500;
    gap: .3rem;
    justify-content: flex-start;
    line-height: 144.444%
}

.header__contact a:before {
    background-color: var(--color-orange-50);
    background-image: url(../img/icons/icon-tel.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 50%;
    content: "";
    height: 2rem;
    min-width: 2rem;
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    width: 2rem
}

.header__contact .button-modal {
    border-bottom: .1rem solid var(--color-border-500);
    color: var(--color-text-high-80);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 160%;
    margin-left: 2.8rem;
    text-transform: uppercase;
    -webkit-transition: all .325s;
    transition: all .325s
}

@media (hover: hover) {
    .header__contact .button-modal:hover {
        border-color:var(--color-text-hover);
        color: var(--color-text-hover)
    }
}

.header__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 50%;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-bg-surface);
    max-width: 136rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .325s,opacity .12s;
    transition: width .325s,opacity .12s;
    width: 0;
    z-index: 2
}

.header__search form {
    width: 100%
}

.header__search.open {
    opacity: 1;
    pointer-events: auto;
    width: 100%
}

@media (max-width: 1450px) {
    .header__search {
        left:50%;
        right: 50%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: left .325s,right .325s,opacity .12s;
        transition: left .325s,right .325s,opacity .12s;
        width: auto
    }

    .header__search.open {
        left: 4rem;
        right: 4rem;
        width: auto
    }
}

.header__search:before {
    background: url(../img/icons/icon-search.svg) no-repeat 50%/auto;
    content: "";
    height: 1.6rem;
    left: 1.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.6rem
}

.header__search input {
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    color: var(--color-text-high);
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    height: 4.4rem;
    outline: none;
    padding: .6rem 4rem;
    width: 100%
}

.header__search input::-webkit-input-placeholder {
    color: var(--color-text-high-50)
}

.header__search input::-moz-placeholder {
    color: var(--color-text-high-50)
}

.header__search input:-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.header__search input::-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.header__search input::placeholder {
    color: var(--color-text-high-50)
}

.header__search-close {
    cursor: pointer;
    opacity: .5;
    position: absolute;
    right: .8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .325s;
    transition: opacity .325s
}

.header__search-close .icon {
    height: 2.4rem;
    width: 2.4rem;
    stroke: var(--color-text-high)
}

@media (hover: hover) {
    .header__search-close:hover {
        opacity:1
    }
}

@media (max-width: 1279.98px) {
    .header__menu {
        gap:2.6rem
    }
}

@media (max-width: 1023.98px) {
    .header__contact,.header__menu {
        display:none
    }

    .header__bottom {
        padding: 1.6rem 0
    }

    .header__bottom-right .search {
        display: none
    }

    .header__top {
        padding: .5rem 0
    }

    .header__top-blurb {
        position: static;
        -webkit-transform: none;
        transform: none
    }

    .header__top-menu {
        display: none
    }

    .header__search {
        top: .6rem
    }
}

@media (max-width: 768.98px) {
    .header__logo {
        width:5.98rem
    }

    .header__bottom {
        padding: 1.55rem 0
    }

    .header__actions {
        gap: 1.2rem
    }

    .header__search {
        top: .65rem
    }

    .header__search input {
        height: 4rem
    }

    .header__search.open {
        left: .8rem;
        right: .8rem
    }

    .header .container {
        padding: 0 1.6rem
    }
}

.footer {
    margin-top: 10rem
}

@media (max-width: 559.98px) {
    .footer {
        margin-top:6.4rem
    }
}

.footer__subscribe-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: var(--color-bg-subtle);
    gap: 4rem;
    justify-content: space-between;
    min-height: 30rem;
    padding: 4rem 20rem 4rem 10rem
}

.footer__subscribe-form {
    max-width: 36rem;
    width: 100%
}

.footer__subscribe-form .wpcf7-form.loading:before {
    background-color: hsla(24,33%,97%,.6);
    background-size: 4rem
}

.footer__subscribe-form .wpcf7-form-control-wrap {
    display: block;
    position: relative
}

.footer__subscribe-title {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%
}

.footer__subscribe-descript {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 146.667%;
    margin-top: .8rem
}

.footer__subscribe-field {
    display: block;
    margin-bottom: 1.6rem;
    position: relative
}

.footer__subscribe-field input {
    background: transparent;
    border: 0;
    border-bottom: .1rem solid var(--color-border-20);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 146.667%;
    outline: none;
    padding: 0 3rem 1rem 1.2rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    width: 100%
}

.footer__subscribe-field input.wpcf7-not-valid {
    border-color: var(--color-error)
}

.footer__subscribe-field input::-webkit-input-placeholder {
    color: var(--color-text-high-50)
}

.footer__subscribe-field input::-moz-placeholder {
    color: var(--color-text-high-50)
}

.footer__subscribe-field input:-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.footer__subscribe-field input::-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.footer__subscribe-field input::placeholder {
    color: var(--color-text-high-50)
}

.footer__subscribe-field input:focus {
    border-color: var(--color-text-high-80)
}

.footer__subscribe-field button {
    position: absolute;
    right: .8rem;
    top: .1rem
}

.footer__subscribe-field button .icon {
    height: 1.6rem;
    width: 1.6rem;
    stroke: var(--color-text-high)
}

@media (hover: hover) {
    .footer__subscribe-field button:hover .icon {
        stroke:var(--color-text-hover)
    }
}

.footer__subscribe-accept {
    color: var(--color-text-high-80);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 138.462%
}

.footer__subscribe-accept:before {
    top: 0
}

.footer__subscribe-accept a {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: color .325s;
    transition: color .325s
}

.footer__subscribe-accept a:hover {
    color: var(--color-text-hover)
}

@media (max-width: 1279.98px) {
    .footer__subscribe-wrap {
        padding:4rem 7rem
    }
}

@media (max-width: 1023.98px) {
    .footer__subscribe-wrap {
        min-height:22rem;
        padding: 4rem
    }

    .footer__subscribe-form {
        max-width: 30rem
    }
}

@media (max-width: 768.98px) {
    .footer__subscribe-wrap {
        -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;
        min-height: 32.8rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__subscribe-form,.footer__subscribe-text {
        margin: 0 auto;
        max-width: 36rem;
        width: 100%
    }
}

@media (max-width: 559.98px) {
    .footer__subscribe-title {
        font-size:2rem
    }

    .footer__subscribe-descript {
        margin-top: .4rem
    }

    .footer__subscribe-wrap {
        gap: 4.8rem;
        min-height: 0;
        padding: 2.4rem
    }
}

.footer__privileges {
    margin: 8rem 0
}

.footer__privileges-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    gap: 3rem 2rem;
    justify-content: space-around
}

.footer__privileges-item {
    gap: 2rem;
    max-width: calc(33.333% - 1.4rem)
}

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

.footer__privileges-icon {
    border: .1rem solid var(--color-border-10);
    gap: 5.6rem;
    height: 5.6rem;
    min-width: 5.6rem;
    width: 5.6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__privileges-icon img {
    height: auto;
    width: 2.4rem
}

.footer__privileges-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.footer__privileges-descript {
    color: var(--color-text-high-70);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 146.667%;
    margin-top: .4rem
}

@media (max-width: 1023.98px) {
    .footer__privileges-item {
        max-width:none
    }
}

@media (max-width: 800px) {
    .footer__privileges-wrap {
        gap:4rem
    }

    .footer__privileges-item {
        text-align: center;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__main {
    border-top: .1rem solid var(--color-border-10);
    padding: 4.2rem 0 0
}

@media (max-width: 768.98px) {
    .footer__main {
        padding:3.2rem 0 0
    }
}

.footer__main-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__main-logo {
    width: 12.57rem
}

.footer__main-logo img {
    display: block;
    height: auto;
    width: 100%
}

.footer__main-head {
    gap: 2rem;
    margin-bottom: 8.2rem
}

.footer__main-slogan {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 138.462%
}

.footer__main-tel {
    margin-bottom: .8rem
}

.footer__main-tel a {
    color: var(--color-text-high);
    font-size: 1.8rem;
    font-weight: 500;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .footer__main-tel a:hover {
        color:var(--color-text-hover)
    }
}

.footer__main-schedule {
    margin-bottom: 1.6rem
}

.footer__main-schedule li {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%
}

.footer__main-schedule li:not(:last-of-type) {
    margin-bottom: .4rem
}

.footer__main-gmail {
    margin-bottom: 3.2rem
}

.footer__main-gmail a {
    color: var(--color-text-high);
    font-size: 1.5rem;
    line-height: 146.667%;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .footer__main-gmail a:hover {
        color:var(--color-text-hover)
    }
}

.footer__main-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    margin-bottom: 1.6rem
}

.footer__main-body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 4rem;
    justify-content: space-between
}

.footer__main-menu li:not(:last-of-type) {
    margin-bottom: .8rem
}

.footer__main-menu a {
    color: var(--color-text-high);
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 146.667%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: color .325s,-webkit-transform .325s;
    transition: color .325s,-webkit-transform .325s;
    transition: color .325s,transform .325s;
    transition: color .325s,transform .325s,-webkit-transform .325s
}

@media (hover: hover) {
    .footer__main-menu a:hover {
        color:var(--color-text-hover);
        -webkit-transform: translateX(.3rem);
        transform: translateX(.3rem)
    }
}

.footer__main-social {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem
}

.footer__main-social,.footer__main-social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__main-social a {
    height: 4rem;
    width: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid var(--color-border-10);
    border-radius: 50%;
    justify-content: center;
    text-align: center;
    -webkit-transition: .325s;
    transition: .325s
}

.footer__main-social a img {
    height: auto;
    -webkit-transition: -webkit-filter .325s;
    transition: -webkit-filter .325s;
    transition: filter .325s;
    transition: filter .325s,-webkit-filter .325s;
    width: 1.6rem
}

@media (hover: hover) {
    .footer__main-social a:hover {
        background:var(--color-text-hover);
        border-color: var(--color-text-hover)
    }

    .footer__main-social a:hover img {
        -webkit-filter: invert(1) brightness(20);
        filter: invert(1) brightness(20)
    }
}

.footer__main .accordion__content:not(:last-of-type) {
    margin-bottom: 6rem
}

@media (max-width: 1023.98px) {
    .footer__main-body {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .footer__main-body ul:not(.footer__main-social) {
        width: 50%
    }

    .footer__main-col {
        width: calc(50% - 2rem)
    }
}

@media (max-width: 768.98px) {
    .footer__main-logo {
        width:11.9rem
    }

    .footer__main-col {
        width: 100%
    }

    .footer__main-col:nth-child(2) {
        border-top: 1px solid var(--color-border-10)
    }

    .footer__main-col:first-child {
        position: relative
    }

    .footer__main-col:first-child .footer__main-inner {
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        width: 50%
    }

    .footer__main-col:first-child .footer__main-inner .footer__main-social {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer__main-col:first-child .footer__main-title {
        margin-bottom: 1.2rem;
        padding: 0
    }

    .footer__main-col:first-child .footer__main-title:after {
        display: none
    }

    .footer__main-body {
        gap: 0
    }

    .footer__main-body .footer__main-title {
        cursor: pointer;
        margin-bottom: 0;
        padding: 1.5rem 0;
        position: relative
    }

    .footer__main-body .footer__main-title:after {
        background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
        content: "";
        cursor: pointer;
        height: 1.6rem;
        min-width: 1.6rem;
        position: absolute;
        right: 0;
        top: 1.9rem;
        -webkit-transition: -webkit-transform .325s;
        transition: -webkit-transform .325s;
        transition: transform .325s;
        transition: transform .325s,-webkit-transform .325s;
        width: 1.6rem
    }

    .footer__main-body .footer__main-title.active:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .footer__main-body .footer__main-title.active+.accordion__content .footer__main-menu {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .footer__main-menu {
        margin: 0!important;
        opacity: 0;
        padding-bottom: 1.5rem;
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem);
        -webkit-transition: all .325s;
        transition: all .325s
    }

    .footer__main .accordion__content {
        border-bottom: 1px solid var(--color-border-10);
        max-height: 0;
        overflow: hidden
    }

    .footer__main .accordion__content:not(:last-of-type) {
        margin-bottom: 0
    }

    .footer__main-gmail,.footer__main-head {
        margin-bottom: 4rem
    }

    .footer__main-body ul:not(.footer__main-social) {
        width: 100%
    }
}

@media (max-width: 559.98px) {
    .footer__main-col:first-child .footer__main-inner {
        margin-bottom:4rem;
        position: static;
        text-align: left;
        width: 100%
    }

    .footer__main-col:first-child .footer__main-inner .footer__main-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .footer__main-gmail {
        margin-bottom: 3.2rem
    }
}

.footer__bottom {
    margin-top: 20.2rem;
    padding-bottom: 3.2rem
}

.footer__bottom ul,.footer__bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 2.5rem;
    justify-content: space-between
}

.footer__bottom ul a,.footer__bottom-wrap a {
    color: inherit;
    -webkit-transition: color .325s;
    transition: color .325s
}

.footer__bottom ul a img,.footer__bottom-wrap a img {
    height: auto;
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    width: 2.4rem
}

@media (hover: hover) {
    .footer__bottom ul a:hover,.footer__bottom-wrap a:hover {
        color:var(--color-text-hover)
    }
}

.footer__bottom ul li,.footer__bottom-wrap li {
    color: var(--color-text-high-80);
    font-size: 1.4rem
}

@media (max-width: 1023.98px) {
    .footer__bottom {
        margin-top:10rem
    }
}

@media (max-width: 768.98px) {
    .footer__bottom {
        margin-top:8rem;
        text-align: center
    }

    .footer__bottom-wrap {
        gap: 2rem
    }

    .footer__bottom li,.footer__bottom ul {
        width: 100%
    }

    .footer__bottom ul {
        gap: .8rem
    }
}

.header__dropdown {
    background: var(--color-bg-surface);
    opacity: 0;
    padding: 4rem 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 10.1rem;
    -webkit-transition: all .325s;
    transition: all .325s;
    width: 100%
}

@media (min-width: 1024px) {
    .header__dropdown {
        height:44rem
    }
}

@media (max-width: 1023.98px) {
    .header__dropdown {
        display:none;
        opacity: 1;
        pointer-events: auto;
        position: static;
        top: 8.5rem
    }
}

.header__dropdown.open {
    opacity: 1;
    pointer-events: auto
}

.drop-menu {
    position: relative
}

.drop-menu>.drop-menu__item {
    padding: .6rem 2rem .6rem 0;
    width: 23rem
}

.drop-menu>.drop-menu__item:first-of-type {
    padding-top: 0
}

.drop-menu>.drop-menu__item:last-of-type {
    padding-bottom: 0
}

@media (hover: hover) {
    .drop-menu>.drop-menu__item {
        z-index:2
    }

    .drop-menu>.drop-menu__item:hover>a {
        color: var(--color-text-high-70)
    }
}

.drop-menu>.drop-menu__item a {
    color: var(--color-text-high);
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    -webkit-transition: color .325s;
    transition: color .325s
}

.drop-menu__wrapper {
    left: 23rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.drop-menu__wrapper:before {
    background: #fff;
    bottom: 0;
    content: "";
    left: -50vw;
    pointer-events: none;
    position: absolute;
    right: -100vw;
    top: 0;
    z-index: -1
}

.drop-menu__submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2rem;
    max-height: calc(100vh - 25rem);
    min-height: 34rem;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 4rem;
    -webkit-transition: opacity .325s;
    transition: opacity .325s
}

.drop-menu__submenu li {
    margin-bottom: .8rem
}

@media (hover: hover) {
    .drop-menu__submenu li a:hover {
        color:var(--color-text-high-70)
    }
}

.drop-menu__submenu.has-img {
    padding-right: 25rem
}

.drop-menu__submenu.has-img:after {
    background: var(--bg-img) center/cover no-repeat;
    content: "";
    height: 24rem;
    position: absolute;
    right: 2rem;
    top: 0;
    width: 21rem
}

.drop-menu__submenu.products-type-1 a {
    display: block
}

.drop-menu__submenu.products-type-1 a img {
    display: block;
    height: auto;
    height: 22rem;
    margin-bottom: 1.6rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1499.98px) {
    .drop-menu__submenu.products-type-1 a img {
        height:14vw;
        max-height: 22rem
    }
}

.drop-menu__submenu.products-type-1 a span {
    display: block
}

.drop-menu__submenu.products-type-1 a .title {
    color: var(--color-text-high);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    -webkit-transition: color .325s;
    transition: color .325s
}

.drop-menu__submenu.products-type-1 a .descript {
    color: var(--color-text-high-70);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: .8rem
}

.drop-menu__submenu.products-type-1 a:hover .title {
    color: var(--color-text-hover)
}

.drop-menu__submenu.cols-5 li {
    width: calc(20% - 1.6rem)
}

@media (max-width: 1279.98px) {
    .drop-menu__submenu.cols-5 li {
        width:calc(25% - 1.5rem)
    }
}

.drop-menu__submenu.cols-6 li {
    width: calc(16.666% - 1.7rem)
}

@media (max-width: 1279.98px) {
    .drop-menu__submenu.cols-6 li {
        width:calc(20% - 1.6rem)
    }
}

.drop-menu__submenu.products-type-2 a {
    border: .1rem solid var(--color-border-10);
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 2.4rem 1rem;
    text-align: center;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1279.98px) {
    .drop-menu__submenu.products-type-2 a {
        padding:1.6rem
    }
}

.drop-menu__submenu.products-type-2 a img {
    display: block;
    height: 10rem;
    margin-bottom: 1.2rem;
    margin-left: auto;
    margin-right: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 10rem
}

.drop-menu__submenu.products-type-2 a .title {
    color: var(--color-text-high);
    font-size: 1.5rem;
    line-height: 146.667%
}

.drop-menu__submenu.products-type-2 a:hover {
    border: .1rem solid var(--color-border-500)
}

.drop-menu__submenu.col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    display: block
}

.drop-menu__item>a {
    display: inline-block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
    width: auto
}

.drop-menu__item>a:before {
    background: transparent;
    bottom: -7rem;
    content: "";
    cursor: auto;
    display: none;
    left: 100%;
    position: absolute;
    top: -7rem;
    width: 140px
}

@media (max-width: 1023.98px) {
    .drop-menu__item>a:before {
        display:none
    }
}

.drop-menu__item:hover {
    z-index: 3
}

.drop-menu__item:hover>a {
    z-index: 2
}

.drop-menu__item:hover>a:before {
    display: block
}

.drop-menu__item:hover .drop-menu__wrapper {
    opacity: 1;
    pointer-events: auto
}

.drop-menu__item:hover .drop-menu__submenu {
    opacity: 1
}

.drop-menu.cat-block__wrap {
    max-height: calc(100vh - 25rem);
    overflow-y: auto
}

.drop-menu.cat-block__wrap .cat-block__item {
    background: var(--color-bg-subtle)
}

.drop-menu.cat-block__wrap .button {
    margin-top: 2rem
}

.cart-modal {
    background: var(--color-border-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100dvh;
    left: 0;
    padding: 4rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .325s;
    transition: opacity .325s
}

.cart-modal.open {
    opacity: 1;
    pointer-events: auto
}

.cart-modal__window {
    background: var(--color-bg-surface);
    max-width: 136rem;
    width: 100%
}

.cart-modal__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: .1rem solid var(--color-border-10);
    gap: 2rem;
    justify-content: space-between;
    padding: 1.9rem 2.4rem;
    position: relative
}

.cart-modal__head,.cart-modal__head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-modal__head-title {
    font-size: 1.8rem;
    font-weight: 500;
    gap: .4rem;
    line-height: 144.444%
}

.cart-modal__head-title .count {
    color: var(--color-text-high-50)
}

.cart-modal__head-close {
    cursor: pointer;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem
}

.cart-modal__head-close .icon {
    height: 2.4rem;
    width: 2.4rem;
    stroke: var(--color-text-high);
    opacity: .5
}

@media (hover: hover) {
    .cart-modal__head-close:hover .icon {
        opacity:1
    }
}

.cart-modal__inner {
    margin-top: 4rem
}

.cart-modal__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8rem 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8rem;
    height: 100%;
    max-height: calc(100vh - 34rem);
    position: relative
}

.cart-modal__products {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 6rem;
    padding-right: .6rem
}

.cart-modal__aside,.cart-modal__products {
    max-height: calc(100vh - 34rem);
    overflow-x: auto;
    overflow-y: auto
}

.cart-modal__aside {
    background: var(--color-bg-subtle);
    min-width: 36rem;
    padding: 2.4rem;
    width: 36rem
}

.cart-modal__aside .button {
    width: 100%
}

.cart-modal__aside.modile {
    display: none
}

.cart-modal .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1.6rem;
    padding-bottom: 1.6rem;
    position: relative
}

.cart-modal .product:not(:last-of-type) {
    border-bottom: .1rem solid var(--color-border-10);
    margin-bottom: 1.6rem
}

.cart-modal .product .card-product__tags li {
    font-size: .8rem;
    padding: .2rem .4rem 0
}

.cart-modal .product__img {
    background: var(--color-bg-subtle);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 10rem;
    width: 10rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 13rem
}

.cart-modal .product__img img {
    display: block;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cart-modal .product__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    padding: .8rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.cart-modal .product__title {
    color: var(--color-text-high);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%
}

.cart-modal .product__descript {
    font-size: 1.4rem;
    line-height: 142.857%;
    max-width: calc(100% - 12rem);
    padding-right: 20px
}

@media (max-width: 559.98px) {
    .cart-modal .product__descript {
        max-width:100%;
        padding-right: 0
    }
}

.cart-modal .product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: auto;
    padding-right: 20px
}

.cart-modal .product__row:first-of-type {
    margin-top: 0;
    max-width: calc(100% - 12rem)
}

@media (max-width: 559.98px) {
    .cart-modal .product__row:first-of-type {
        max-width:100%
    }

    .cart-modal .product__row {
        padding-right: 0
    }
}

.cart-modal .product__volume {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-bottom: .8rem
}

.cart-modal .product__remove .icon {
    height: 1.6rem;
    width: 1.6rem;
    fill: var(--color-text-high);
    opacity: .3
}

.cart-modal .product__remove:hover .icon {
    opacity: 1
}

.cart-modal .product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 500;
    gap: .8rem;
    line-height: 142.857%;
    margin-top: .8rem;
    max-width: 12rem;
    position: absolute;
    right: 0;
    top: 0
}

.cart-modal .product__price-old {
    color: var(--color-text-high-50);
    text-decoration: line-through
}

.cart-modal .product__label {
    background: var(--color-bg-pinc);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .48px;
    line-height: 150%;
    margin-left: 0;
    margin-right: auto;
    padding: .2rem .4rem 0;
    text-transform: uppercase;
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

.cart-modal__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%;
    margin-bottom: 1.6rem
}

.cart-modal__info {
    font-size: 1.5rem;
    line-height: 146.667%
}

.cart-modal__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: .8rem
}

.cart-modal__info.total {
    font-weight: 600;
    margin: 1.6rem 0
}

.cart-modal__delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: .1rem solid var(--color-border-10);
    padding: .8rem 1.2rem
}

.cart-modal__delivery p {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%
}

.cart-modal__delivery p b {
    color: var(--color-text-high);
    font-weight: 500
}

.cart-modal__delivery-progress {
    margin-left: .8rem
}

.cart-modal__delivery .progress-circle {
    background: var(--color-border-10);
    border-radius: 50%;
    height: 1.6rem;
    min-width: 1.6rem;
    overflow: hidden;
    position: relative;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 1.6rem
}

.cart-modal__delivery .progress-circle:has(.progress-circle__indicator.active):before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/.8rem;
    -webkit-filter: invert(1);
    filter: invert(1);
    z-index: 2
}

.cart-modal__delivery .progress-circle__indicator {
    background: conic-gradient(var(--color-text-high) var(--p),transparent 0);
    inset: 0;
    position: absolute
}

.cart-modal__delivery .progress-circle:after,.cart-modal__delivery .progress-circle:before {
    background-color: var(--color-bg-subtle);
    border-radius: inherit;
    bottom: .1rem;
    content: "";
    left: .1rem;
    position: absolute;
    right: .1rem;
    top: .1rem
}

@media (max-width: 1023.98px) {
    .cart-modal__delivery .progress-circle:after,.cart-modal__delivery .progress-circle:before {
        background:var(--color-bg-surface)
    }
}

.cart-modal__delivery .progress-circle:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cart-modal__delivery img {
    height: auto;
    width: 1.6rem
}

.cart-modal__delivery p {
    margin: 0
}

.cart-modal__enpty {
    background: var(--color-bg-surface);
    inset: 0;
    margin: 0 auto;
    padding-bottom: 10rem;
    position: absolute;
    text-align: center
}

.cart-modal__enpty-title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%
}

.cart-modal__enpty-descript {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    margin-top: .8rem
}

.cart-modal__сrossSell {
    border-top: .1rem solid var(--color-border-10);
    padding: 24px 80px
}

@media (max-width: 1279.98px) {
    .cart-modal__aside {
        min-width:32rem;
        width: 32rem
    }

    .cart-modal__wrap {
        gap: 5rem;
        padding: 0 5rem
    }
}

@media (max-width: 1023.98px) {
    .cart-modal {
        -webkit-box-align:initial;
        -ms-flex-align: initial;
        align-items: normal
    }

    .cart-modal__window {
        display: flex;
		flex-direction: column;
        position: relative
    }

    .cart-modal__inner {
        margin-top: 0;
		flex: 1 1 0;
		height: 100%;
        overflow-y: auto;
        padding-top: 4rem
    }

    .cart-modal__wrap {
        -ms-flex-wrap: wrap;
		flex-direction: column;
        gap: 0;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%;
        max-height: none;
        padding: 0
    }

    .cart-modal__products {
        margin-bottom: 3.4rem;
        max-height: none;
        padding: 0 4rem
    }

    .cart-modal .product:last-of-type {
        border-bottom: 0
    }

    .cart-modal__aside {
        background: var(--color-bg-surface);
        border-top: .1rem solid var(--color-border-10);
        flex-shrink: 0;
        max-height: none;
        min-width: 100%;
        width: 100%
    }

    .cart-modal__aside.modile {
        display: block
    }

/*     .cart-modal__aside.desktop {
        display: none
    } */

    .cart-modal__сrossSell {
        margin-bottom: auto;
        margin-top: 0;
        padding: 2.4rem 4rem
    }
}

@media (max-width: 768.98px) {
    .cart-modal {
        padding:0
    }
}

@media (max-width: 559.98px) {
    .cart-modal__aside {
        padding:1.6rem
    }

    .cart-modal__products {
        padding: 0 1.6rem
    }

    .cart-modal__inner {
        padding-top: 1.6rem
    }

    .cart-modal .product__price {
        position: static
    }

    .cart-modal .product__img {
        min-width: 8.8rem;
        width: 8.8rem
    }

    .cart-modal__head {
        padding: 1.5rem 1.6rem
    }

    .cart-modal__head-close {
        position: static
    }

    .cart-modal__сrossSell {
        padding: 1.2rem 1.6rem
    }
}

.header__burger {
    background: var(--color-bg-surface);
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    max-height: calc(var(--vh, 1vh)*100);
    max-width: 63rem;
    opacity: 0;
    overflow-y: auto;
    padding-bottom: 1.6rem;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity .325s,-webkit-transform .325s;
    transition: opacity .325s,-webkit-transform .325s;
    transition: opacity .325s,transform .325s;
    transition: opacity .325s,transform .325s,-webkit-transform .325s;
    width: 100%;
    z-index: 10
}

@media (max-width: 768.98px) {
    .header__burger {
        max-width:100%
    }
}

.header__burger.open {
    -webkit-box-shadow: 0 0 110px 1px var(--color-border-20);
    box-shadow: 0 0 110px 1px var(--color-border-20);
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (min-width: 1024px) {
    .header__burger {
        display:none
    }
}

.header__burger-head {
    border-bottom: .1rem solid var(--color-border-10)
}

.header__burger-head .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 1rem;
    justify-content: center;
    position: relative
}

.header__burger-close {
    cursor: pointer;
    height: 2.4rem;
    position: absolute;
    right: 4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.4rem
}

@media (max-width: 768.98px) {
    .header__burger-close {
        right:1.6rem
    }
}

.header__burger-close .icon {
    height: 2.4rem;
    width: 2.4rem;
    stroke: var(--color-border-500)
}

.header__burger-menu>li.active .header__burger-submenu {
    padding: 1.2rem 0 .8rem
}

.header__burger-menu>li {
    border-bottom: .1rem solid var(--color-border-10);
    color: var(--color-text-high);
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 146.667%;
    padding: 1.25rem 0;
    position: relative
}

.header__burger-menu>li>a {
    color: inherit
}

.header__burger-menu>li:has(.header__burger-submenu):after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
    content: "";
    height: 1.6rem;
    position: absolute;
    right: 0;
    top: 1.7rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.header__burger-menu>li.active:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.header__burger-menu>li.active .header__burger-submenu {
    max-height: none;
    opacity: 1;
    pointer-events: auto
}

.header__burger-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem;
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    pointer-events: none;
    -webkit-transition: opacity .325s,padding .325s;
    transition: opacity .325s,padding .325s;
    width: 100%
}

.header__burger-submenu a {
    color: var(--color-text-high);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 146.667%
}

.header__burger-submenu.cols-3 li {
    width: calc(33.333% - 1.1rem)
}

.header__burger-submenu.products-type-1 a {
    display: block;
    width: 100%
}

.header__burger-submenu.products-type-1 a img {
    height: auto;
    margin-bottom: 1.6rem;
    width: 100%
}

.header__burger-submenu.products-type-1 a span {
    display: block
}

.header__burger-submenu.products-type-1 a .title {
    color: var(--color-text-high);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.header__burger-submenu.products-type-1 a .descript {
    color: var(--color-text-high-70);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: .8rem
}

.header__burger-submenu.products-type-2 a {
    border: .1rem solid var(--color-border-10);
    display: block;
    padding: 2.4rem 1.6rem;
    text-align: center
}

.header__burger-submenu.products-type-2 a img {
    display: block;
    height: 7.2rem;
    margin: 0 auto 1.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 7.2rem
}

.header__burger-submenu.products-type-2 a .title {
    color: var(--color-text-high);
    font-size: 1.5rem;
    line-height: 146.667%
}

.header__burger-submenu.cols-4 li {
    width: calc(25% - 1.2rem)
}

.header__burger-submenu.cols-1 {
    gap: .8rem
}

.header__burger-submenu.cols-1 li {
    width: 100%
}

.header__burger .cat-block__wrap {
    gap: .8rem
}

.header__burger .cat-block__wrap .cat-block__item {
    background: var(--color-bg-subtle);
    min-height: 20.4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.header__burger .cat-block__wrap .cat-block__title {
    font-size: 2rem
}

.header__burger .cat-block__wrap .button {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 2rem;
    min-height: 4rem;
    padding: .4rem 2rem
}

.header__burger .cat-block__wrap .cat-block__inner {
    max-width: 75%
}

.header__burger-row {
    gap: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: .1rem solid var(--color-border-10);
    justify-content: space-between;
    padding: 1.6rem 0
}

.header__burger-profile,.header__burger-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__burger-profile {
    gap: 1.2rem
}

.header__burger-profile .photo {
    border-radius: 50%;
    height: 3.2rem;
    min-width: 3.2rem;
    overflow: hidden;
    width: 3.2rem
}

.header__burger-profile .photo img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.header__burger-profile .name {
    color: var(--color-text-high);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.header__burger-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem
}

.header__burger-actions .item {
    position: relative
}

.header__burger-actions .item .count {
    background: var(--color-bg-high);
    border-radius: 1.2rem;
    color: var(--color-text-light);
    font-size: .8rem;
    font-weight: 600;
    height: 1.2rem;
    left: 1.5rem;
    letter-spacing: .05rem;
    line-height: 125%;
    min-width: 1.2rem;
    padding: .2rem .3rem;
    position: absolute;
    text-align: center;
    top: -.1rem
}

.header__burger-actions .icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: none;
    stroke: var(--color-text-high)
}

.header__burger-info {
    margin-top: 2.4rem
}

.header__burger-tel {
    color: var(--color-text-high);
    font-size: 1.8rem;
    font-weight: 500;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .header__burger-tel:hover {
        color:var(--color-text-hover)
    }
}

.header__burger-tel a {
    color: inherit
}

.header__burger-schedule {
    margin-top: .8rem
}

.header__burger-schedule li {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%
}

.header__burger-schedule li:not(:last-of-type) {
    margin-bottom: .4rem
}

.header__burger-gmail {
    margin-top: 1.6rem
}

.header__burger-gmail a {
    color: var(--color-text-high);
    font-size: 1.5rem;
    line-height: 146.667%;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .header__burger-gmail a:hover {
        color:var(--color-text-hover)
    }
}

.header__burger-inner {
    margin-top: 3.2rem
}

.header__burger-title {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .96px;
    line-height: 133.333%;
    text-transform: uppercase
}

.header__burger-social {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 2rem
}

.header__burger-social,.header__burger-social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__burger-social a {
    height: 4rem;
    width: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid var(--color-border-10);
    border-radius: 50%;
    justify-content: center;
    text-align: center;
    -webkit-transition: .325s;
    transition: .325s
}

.header__burger-social a img {
    height: auto;
    -webkit-transition: -webkit-filter .325s;
    transition: -webkit-filter .325s;
    transition: filter .325s;
    transition: filter .325s,-webkit-filter .325s;
    width: 1.6rem
}

@media (hover: hover) {
    .header__burger-social a:hover {
        background:var(--color-text-hover);
        border-color: var(--color-text-hover)
    }

    .header__burger-social a:hover img {
        -webkit-filter: invert(1) brightness(20);
        filter: invert(1) brightness(20)
    }
}

@media (max-width: 559.98px) {
    .header__burger-submenu.cols-3 li {
        width:100%
    }

    .header__burger-submenu.products-type-1 li {
        position: relative
    }

    .header__burger-submenu.products-type-1 li:not(:last-of-type) {
        border-bottom: .1rem solid var(--color-border-10);
        padding-bottom: 1.6rem
    }

    .header__burger-submenu.products-type-1 li a {
        min-height: 7.4rem;
        padding-left: 9rem
    }

    .header__burger-submenu.products-type-1 li img {
        height: 7.4rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 7.4rem
    }

    .header__burger-submenu.cols-4 {
        gap: .8rem
    }

    .header__burger-submenu.cols-4 li {
        width: calc(50% - .4rem)
    }

    .header__burger .cat-block__wrap .cat-block__img {
        margin-bottom: 0;
        margin-top: auto;
        max-height: 18rem;
        max-width: 50%;
        overflow: hidden;
        position: absolute
    }

    .header__burger .cat-block__wrap .cat-block__img img {
        height: 100%
    }

    .header__burger .cat-block__wrap .cat-block__inner {
        max-width: 60%
    }
}

@media (max-width: 559.98px) and (max-width:399.98px) {
    .header__burger .cat-block__wrap .cat-block__inner {
        padding:1.6rem
    }
}

.hero {
    background: var(--color-bg-subtle);
    margin-bottom: 10rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hero__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70rem
}

@media (max-width: 1279.98px) {
    .hero__slide {
        height:54rem
    }
}

@media (max-width: 1023.98px) {
    .hero__slide {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.hero .swiper-slide-active .hero__img {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.hero__col {
    width: 50%
}

@media (max-width: 1023.98px) {
    .hero__col {
        width:100%
    }
}

.hero__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--color-bg-subtle);
    justify-content: center;
    padding: 0 4rem 11rem
}

@media (max-width: 1279.98px) {
    .hero__text {
        padding-bottom:9rem
    }
}

@media (max-width: 1023.98px) {
    .hero__text {
        min-height:40.8rem;
        padding: 3.2rem 4rem
    }
}

@media (max-width: 639.98px) {
    .hero__text {
        min-height:30.8rem;
        padding: 3.2rem 2.4rem
    }
}

.hero__text.text-center {
    text-align: center
}

.hero__text.text-left {
    text-align: left
}

@media (max-width: 1023.98px) {
    .hero__text.text-left {
        text-align:center
    }
}

.hero__text.text-right {
    text-align: right
}

@media (max-width: 1023.98px) {
    .hero__text.text-right {
        text-align:center
    }
}

.hero__text-inner {
    max-width: 56rem
}

.hero__img {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    -webkit-transition: opacity .6s ease-out,-webkit-transform .6s;
    transition: opacity .6s ease-out,-webkit-transform .6s;
    transition: transform .6s,opacity .6s ease-out;
    transition: transform .6s,opacity .6s ease-out,-webkit-transform .6s
}

.hero__img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (max-width: 1023.98px) {
    .hero__img {
        height:40.8rem
    }
}

@media (max-width: 639.98px) {
    .hero__img {
        height:30.8rem
    }
}

.hero__subtitle {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .96px;
    line-height: 133.333%;
    margin-bottom: 2.4rem;
    text-transform: uppercase
}

@media (max-width: 1023.98px) {
    .hero__subtitle {
        margin-bottom:1.6rem
    }
}

.hero__title {
    font-size: 3.6rem;
    font-weight: 500;
    letter-spacing: .72px;
    line-height: 133.333%;
    text-transform: uppercase
}

@media (max-width: 639.98px) {
    .hero__title {
        font-size:2rem
    }
}

.hero__descript {
    color: var(--color-text-high-80);
    font-size: 1.7rem;
    line-height: 141.176%;
    margin-top: 1.6rem
}

@media (max-width: 639.98px) {
    .hero__descript {
        margin-top:.8rem
    }
}

.hero__discount {
    background: var(--color-orange-100);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 160%;
    margin-bottom: 2.4rem;
    padding: .2rem .8rem;
    text-transform: uppercase
}

@media (max-width: 1023.98px) {
    .hero__discount {
        margin-bottom:1.6rem
    }
}

.hero .button {
    font-size: 1.5rem;
    margin-top: 4rem;
    text-transform: none
}

@media (max-width: 639.98px) {
    .hero .button {
        margin-top:2rem
    }
}

.hero .swiper-pagination {
    bottom: 4.8rem;
    max-width: 50%;
    top: auto;
    z-index: 2
}

@media (max-width: 1023.98px) {
    .hero .swiper-pagination {
        bottom:2.4rem;
        max-width: 100%
    }
}

.hero .swiper-pagination-bullet {
    background: var(--color-bg-high);
    height: .6rem;
    margin: 0 1rem!important;
    opacity: .2;
    -webkit-transition: background .325s;
    transition: background .325s;
    width: .6rem
}

.hero .swiper-pagination-bullet-active {
    background: var(--color-bg-high);
    opacity: 1
}

.products-slider {
    margin: 5.2rem 0;
    overflow: hidden;
    width: 100%
}

.products-slider+.slogan {
    margin-top: 0
}

@media (max-width: 559.98px) {
    .products-slider {
        margin:6.4rem 0;
        overflow: hidden
    }
}

.products-slider__wrap {
    overflow: hidden;
    padding-top: 4rem;
    position: relative
}

@media (max-width: 559.98px) {
    .products-slider__wrap {
        max-width:64%;
        overflow: visible;
        padding-top: 2.4rem
    }
}

.products-slider__wrap .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-bottom: 4.8rem
}

@media (max-width: 559.98px) {
    .products-slider__wrap .swiper-wrapper {
        padding-bottom:0
    }
}

.products-slider__wrap .swiper-wrapper .swiper-slide {
    height: auto
}

.products-slider__wrap .card-product {
    height: 100%
}

.products-slider__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 559.98px) {
    .products-slider__arrows {
        display:none
    }
}

.products-slider__arrow {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.4rem;
    cursor: pointer;
    height: 2.4rem;
    min-width: 2.4rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 2.4rem
}

.products-slider__arrow.swiper-button-lock {
    display: none
}

.products-slider__arrow.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.products-slider__arrow.next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.products-slider__arrow.prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.s-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 192rem
}

.s-category__col {
    width: 50%
}

.s-category__text {
    background: var(--color-bg-subtle);
    padding: 8rem 8rem 11.2rem
}

.s-category__images {
    background: var(--color-bg-pinc);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15rem
}

.s-category__images-slider {
    height: auto;
    max-width: 35rem;
    width: 35rem
}

.s-category__images .swiper-slide {
    height: 40rem;
    width: 100%
}

.s-category__images .tab-item {
    height: 100%;
    width: 100%
}

.s-category__images img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.s-category__accordion {
    max-width: 38rem
}

.s-category__accordion-item {
    border-bottom: .1rem solid var(--color-border-10);
    padding-bottom: 2.4rem;
    position: relative
}

.s-category__accordion-item:hover {
    border-color: var(--color-border-500)
}

.s-category__accordion-item:hover .s-category__accordion-content {
    max-height: none;
    opacity: 1;
    padding-top: .8rem
}

.s-category__accordion-item:hover .s-category__accordion-content p {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.s-category__accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.4rem;
    font-weight: 400;
    gap: .8rem;
    line-height: 133.333%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 2.4rem
}

.s-category__accordion-title:before {
    color: var(--color-text-high-70);
    content: "(" counter(item) ")";
    counter-increment: item;
    font-size: 1.3rem;
    line-height: normal;
    -webkit-transform: translateY(.4rem);
    transform: translateY(.4rem)
}

.s-category__accordion-content {
    color: var(--color-text-high-80);
    font-size: 1.4rem;
    line-height: 142.857%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-left: 2.2rem;
    -webkit-transition: all .325s;
    transition: all .325s
}

.s-category__accordion-content p {
    margin: 0;
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s
}

.s-category .swiper-wrapper {
    counter-reset: item
}

@media (min-width: 1024px) {
    .s-category .title-section {
        margin-bottom:10rem;
        text-align: left
    }

    .s-category__accordion .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0
    }

    .s-category__images {
        pointer-events: none
    }

    .s-category__images .swiper-slide {
        opacity: 1!important
    }

    .s-category__images .tab-item {
        -webkit-transition: opacity .325s,-webkit-transform .8s;
        transition: opacity .325s,-webkit-transform .8s;
        transition: opacity .325s,transform .8s;
        transition: opacity .325s,transform .8s,-webkit-transform .8s
    }

    .s-category__images .tab-item.hide {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }

    .s-category .button {
        font-size: 0;
        inset: 0;
        opacity: 0;
        position: absolute;
        z-index: 1
    }

    .s-category .swiper-arrow,.s-category .swiper-scrollbar {
        display: none
    }
}

@media (max-width: 1023.98px) {
    .s-category {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .s-category__col {
        width: 100%
    }

    .s-category__images {
        padding: 6.4rem 2.4rem
    }

    .s-category__images-slider {
        max-width: 24.8rem;
        width: 24.8rem
    }

    .s-category__images .swiper-slide {
        height: 28rem
    }

    .s-category__text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 6.4rem 7.8rem;
        text-align: center
    }

    .s-category__accordion {
        margin-top: 10rem;
        max-width: 100%;
        overflow: hidden;
        position: relative
    }

    .s-category__accordion .swiper-slide {
        padding: 0 4rem
    }

    .s-category__accordion-item {
        border-bottom: 0;
        margin: 0 auto;
        max-width: 40rem;
        padding-bottom: 0
    }

    .s-category__accordion-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .s-category__accordion-title:before {
        display: none
    }

    .s-category__accordion-content {
        max-height: none;
        opacity: 1;
        padding-left: 0;
        padding-top: .8rem
    }

    .s-category__accordion-content p {
        -webkit-transform: none;
        transform: none
    }

    .s-category__accordion-arrow {
        position: absolute;
        top: 7.3rem
    }

    .s-category__accordion-arrow.prev {
        left: 0
    }

    .s-category__accordion-arrow.next {
        right: 0
    }

    .s-category .swiper-scrollbar {
        margin-top: 10rem;
        position: static
    }

    .s-category .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.4rem;
        margin: 2.4rem auto 0;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-height: 4rem;
        padding: .4rem 2rem
    }
}

@media (max-width: 559.98px) {
    .s-category__images,.s-category__text {
        padding:4rem 1.6rem
    }

    .s-category__images-slider {
        min-width: 21rem;
        width: 21rem
    }

    .s-category__images .swiper-slide {
        height: 24rem
    }

    .s-category__accordion {
        margin-top: 4rem
    }

    .s-category__accordion-title {
        font-size: 1.8rem
    }

    .s-category .swiper-scrollbar {
        margin-top: 6.4rem
    }
}

.slogan {
    margin-bottom: 10rem;
    margin-top: 10rem;
    padding: 4.8rem 0
}

@media (max-width: 559.98px) {
    .slogan {
        margin-bottom:6.4rem;
        margin-top: 6.4rem
    }
}

.slogan__text {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 137.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    max-width: 89.9rem;
    text-align: center
}

@media (max-width: 559.98px) {
    .slogan {
        padding:4rem 0
    }

    .slogan__text {
        font-size: 2.4rem;
        margin-top: 2.4rem
    }
}

.cat-block {
    margin-bottom: 10rem;
    margin-top: 10rem
}

@media (max-width: 559.98px) {
    .cat-block {
        margin-bottom:6.4rem;
        margin-top: 6.4rem
    }
}

.cat-block__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem
}

.cat-block__item {
    min-height: 48rem;
    padding: 4rem;
    position: relative;
    width: calc(50% - 1rem)
}

.cat-block__title {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%
}

.cat-block__descript {
    color: var(--color-text-high-80);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-top: .8rem
}

.cat-block .button {
    font-size: 1.4rem;
    margin-top: 2rem;
    min-height: 4rem;
    padding: .4rem 2rem
}

.cat-block__img {
    bottom: 0;
    height: 100%;
    max-height: calc(100% - 5.6rem);
    position: absolute;
    right: 0
}

.cat-block__img img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.cat-block__inner {
    max-width: 20rem;
    position: relative;
    z-index: 1
}

@media (max-width: 1499.98px) {
    .cat-block__item {
        min-height:32.5vw
    }
}

@media (max-width: 1023.98px) {
    .cat-block__item {
        padding:2.8rem
    }

    .cat-block__img {
        max-height: calc(100% - 10.6rem)
    }
}

@media (max-width: 768.98px) {
    .cat-block__wrap {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .cat-block__item {
        min-height: 62.5vw;
        padding: 4rem;
        width: 100%
    }

    .cat-block__img {
        max-height: calc(100% - 5.6rem)
    }
}

@media (max-width: 559.98px) {
    .cat-block__wrap {
        gap:1.2rem
    }

    .cat-block__inner {
        max-width: 100%;
        padding: 3.2rem 3.2rem 2.4rem
    }

    .cat-block__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 48rem;
        padding: 0;
        -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
    }

    .cat-block__img {
        height: auto;
        max-height: none;
        position: static
    }

    .cat-block__img img {
        height: auto;
        width: 100%
    }
}

.about-block {
    background: var(--color-bg-subtle);
    margin-bottom: 10rem;
    margin-top: 10rem;
    padding: 10rem 0
}

@media (max-width: 559.98px) {
    .about-block {
        margin-bottom:6.4rem;
        margin-top: 6.4rem
    }
}

.about-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 192rem
}

.about-block__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 6.4rem;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-block__img {
    max-width: 33.5rem;
    width: 100%
}

@media (max-width: 768.98px) {
    .about-block__img {
        max-width:28.9rem
    }
}

@media (max-width: 399.98px) {
    .about-block__img {
        max-width:100%
    }
}

.about-block__img img {
    display: block;
    height: auto;
    width: 100%
}

.about-block__text {
    max-width: 67rem;
    width: 100%
}

.about-block__title {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 133.333%
}

.about-block p {
    margin: 1.6rem 0
}

.about-block p,.about-block ul {
    font-size: 1.5rem;
    line-height: 146.667%
}

.about-block ul {
    margin-top: 2.4rem
}

.about-block ul li {
    padding-left: 2.2rem;
    position: relative
}

.about-block ul li:before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

.about-block ul li:not(:last-of-type) {
    margin-bottom: .8rem
}

.about-block__link {
    color: var(--color-text-high);
    display: inline-block;
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: 3.2rem;
    text-decoration: underline;
    text-underline-offset: .8rem;
    -webkit-transition: color .325s;
    transition: color .325s
}

.about-block__link:hover {
    color: var(--color-text-hover);
    text-decoration: underline
}

@media (max-width: 1023.98px) {
    .about-block__wrap {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
        max-width: 74rem
    }

    .about-block__text {
        max-width: 100%
    }
}

@media (max-width: 768.98px) {
    .about-block__wrap {
        max-width:56.8rem
    }
}

@media (max-width: 639.98px) {
    .about-block {
        padding:3.2rem
    }

    .about-block__wrap {
        gap: 3.2rem
    }

    .about-block .container {
        padding: 0
    }

    .about-block__title {
        font-size: 2rem
    }

    .about-block ul,.about-block__link {
        margin-top: 2.8rem
    }
}

.reviews-block {
    margin-bottom: 10rem;
    margin-top: 10rem
}

@media (max-width: 559.98px) {
    .reviews-block {
        margin-bottom:6.4rem;
        margin-top: 6.4rem
    }
}

.reviews-block__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 4rem
}

.reviews-block__item,.reviews-block__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reviews-block__item {
    border: .1rem solid var(--color-border-10);
    width: calc(50% - 1rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1023.98px) {
    .reviews-block__item {
        width:100%
    }
}

@media (min-width: 1024px) {
    .reviews-block__item.head {
        min-height:29.6rem;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .reviews-block__item.head .reviews-block__product {
        min-width: 34.5rem;
        padding: 4rem 7rem;
        width: 34.5rem
    }

    .reviews-block__item.head .reviews-block__product-thumb {
        width: 16rem
    }

    .reviews-block__item.head .reviews-block__product-title {
        font-size: 1.5rem
    }

    .reviews-block__item.head .reviews-block__inner {
        margin: 0 auto;
        max-width: 90rem;
        padding: 4rem 0
    }

    .reviews-block__item.head .reviews-block__quote {
        font-size: 2rem
    }
}

@media (max-width: 1023.98px) {
    .reviews-block__item.head .reviews-block__inner {
        padding:5.6rem 4rem
    }
}

@media (max-width: 639.98px) {
    .reviews-block__item.head .reviews-block__inner {
        border-bottom:0;
        margin-bottom: 0;
        padding: 0
    }
}

.reviews-block__product {
    min-width: 24.4rem;
    padding: 3.2rem;
    text-align: center;
    width: 24.4rem
}

@media (max-width: 1279.98px) {
    .reviews-block__product {
        min-width:20rem;
        padding: 3.2rem 2.4rem;
        width: 20rem
    }
}

@media (max-width: 1023.98px) {
    .reviews-block__product {
        min-width:24.4rem;
        padding: 3.2rem;
        width: 24.4rem
    }
}

.reviews-block__product-thumb {
    margin: 0 auto .8rem;
    width: 12rem
}

.reviews-block__product-thumb img {
    height: auto;
    width: 100%
}

.reviews-block__product-title {
    color: var(--color-text-high);
    font-size: 1.3rem;
    line-height: 138.462%
}

.reviews-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: center
}

@media (max-width: 1279.98px) {
    .reviews-block__inner {
        padding:1rem 2rem 1rem 0
    }
}

@media (max-width: 1023.98px) {
    .reviews-block__inner {
        padding:1rem 3.8rem 1rem 4rem
    }
}

.reviews-block__rating {
    margin-bottom: 1.6rem
}

.reviews-block__quote {
    display: -webkit-box;
    font-size: 1.7rem;
    line-height: 141.176%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.reviews-block__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1.6rem
}

.reviews-block__author,.reviews-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reviews-block__author {
    gap: .8rem
}

.reviews-block__author-photo {
    border-radius: 50%;
    height: 3.2rem;
    min-width: 3.2rem;
    overflow: hidden;
    width: 3.2rem
}

.reviews-block__author-name {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%
}

.reviews-block__date {
    color: var(--color-text-high-50);
    font-size: 1.3rem;
    line-height: 138.462%
}

.reviews-block .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6.4rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media (max-width: 639.98px) {
    .reviews-block__wrap {
        gap:1.2rem;
        margin-top: 2.4rem
    }

    .reviews-block__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 3.2rem
    }

    .reviews-block__product {
        min-width: 100%;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        gap: 1.6rem;
        order: 2;
        padding: 0;
        text-align: left
    }

    .reviews-block__product,.reviews-block__product-thumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .reviews-block__product-thumb {
        border: .1rem solid var(--color-border-10);
        height: 6.4rem;
        margin-bottom: 0;
        min-width: 6.4rem;
        padding: 0 .4rem;
        width: 6.4rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reviews-block__product-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .reviews-block__inner {
        border-bottom: .1rem solid var(--color-border-10);
        height: auto;
        margin-bottom: 3.2rem;
        padding: 0 0 3.2rem;
        width: 100%
    }

    .reviews-block .button {
        margin-top: 4rem
    }
}

.seo-block {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    margin-bottom: 10rem;
    margin-top: 10rem
}

@media (max-width: 559.98px) {
    .seo-block {
        margin-bottom:6.4rem;
        margin-top: 6.4rem
    }
}

.seo-block .title-section {
    margin-bottom: 3.2rem;
    text-align: left
}

@media (max-width: 559.98px) {
    .seo-block .title-section {
        margin-bottom:2.4rem
    }
}

.seo-block p {
    line-height: 146.667%;
    margin: 2rem 0
}

.seo-block ul li {
    padding-left: 2.2rem;
    position: relative
}

.seo-block ul li:not(:last-of-type) {
    margin-bottom: .8rem
}

.seo-block ul li:before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

.seo-block ol {
    padding-left: 2.1rem
}

.seo-block ol li:not(:last-of-type) {
    margin-bottom: .8rem
}

.products-list__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.8rem 2rem
}

.products-list .card-product {
    width: calc(25% - 1.5rem)
}

@media (max-width: 1023.98px) {
    .products-list__wrap {
        gap:3.2rem 2rem
    }

    .products-list .card-product {
        width: calc(33.333% - 1.4rem)
    }
}

@media (max-width: 639.98px) {
    .products-list__wrap {
        gap:3.2rem .8rem
    }

    .products-list .card-product {
        width: calc(50% - .4rem)
    }
}

.reviews-hero__head {
    padding: 6.4rem 0;
    text-align: center
}

.reviews-hero__descript {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin: 1.2rem auto 0;
    max-width: 37.4rem
}

.reviews-hero__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8rem;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (hover: hover) {
    .reviews-hero__wrap:has(.reviews-hero__item:hover) .reviews-hero__content {
        -webkit-animation-play-state:paused;
        animation-play-state: paused
    }

    .reviews-hero__wrap:has(.reviews-hero__item:hover) .reviews-hero__item {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

.reviews-hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 57rem;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-animation: sliderX 50s linear infinite;
    animation: sliderX 50s linear infinite;
    gap: 0 8rem;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.reviews-hero__item {
    max-width: 16.5rem;
    position: relative;
    text-align: center;
    will-change: transform
}

.reviews-hero__item:nth-child(2n) {
    -webkit-animation: shiftZ 100s linear infinite;
    animation: shiftZ 100s linear infinite
}

.reviews-hero__item:nth-child(odd) {
    -webkit-animation: shiftY 100s linear infinite;
    animation: shiftY 100s linear infinite
}

.reviews-hero__item:nth-child(8n+1) {
    margin-bottom: auto
}

.reviews-hero__item:nth-child(8n+2) {
    left: -2rem
}

.reviews-hero__item:nth-child(8n+3) {
    left: 3rem;
    margin-bottom: 12%;
    margin-top: auto
}

.reviews-hero__item:nth-child(8n+4) {
    left: -5rem;
    margin-top: auto
}

.reviews-hero__item:nth-child(8n+5) {
    margin-bottom: auto
}

.reviews-hero__item:nth-child(8n+6) {
    left: -4rem
}

.reviews-hero__item:nth-child(8n+7) {
    margin-bottom: auto;
    margin-top: 3%
}

.reviews-hero__item:nth-child(8n+8) {
    margin-top: auto
}

.reviews-hero__photo {
    height: 16rem;
    margin: 0 auto .8rem;
    width: 12rem
}

.reviews-hero__photo img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.reviews-hero__name {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%
}

.reviews-hero__position {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%
}

@media (max-width: 768.98px) {
    .reviews-hero__head {
        padding:6.4rem 0 5.2rem
    }
}

@media (max-width: 559.98px) {
    .reviews-hero__head {
        padding:4.8rem 0 5.2rem
    }

    .reviews-hero__wrap {
        gap: 0 6rem
    }

    .reviews-hero__content {
        gap: 0 6rem;
        height: 52rem
    }

    .reviews-hero__item {
        -webkit-animation: none;
        animation: none
    }
}

@-webkit-keyframes sliderX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc(-100% - 8rem));
        transform: translateX(calc(-100% - 8rem))
    }
}

@keyframes sliderX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc(-100% - 8rem));
        transform: translateX(calc(-100% - 8rem))
    }
}

@-webkit-keyframes shiftY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shiftY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shiftZ {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translate(9rem,-5rem);
        transform: translate(9rem,-5rem)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes shiftZ {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translate(9rem,-5rem);
        transform: translate(9rem,-5rem)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.reviews-add {
    margin: 10rem 0;
    text-align: center
}

.reviews-add .button {
    margin-top: 2.4rem
}

.catalog .breadcrumbs .container {
    padding: 0
}

.catalog_search__head .catalog__head-inner {
    max-width: 100%;
    text-align: center;
    width: 100%
}

.catalog__head.discounts {
    margin-bottom: .8rem;
    text-align: center
}

.catalog__head.discounts .catalog__head-wrap {
    width: 100%
}

.catalog__head.discounts .catalog__head-inner {
    max-width: 100%;
    width: 100%
}

.catalog__head.discounts .catalog__head-inner .catalog__head-descript {
    margin-left: auto;
    margin-right: auto;
    max-width: 44rem
}

.catalog__head.promocode .catalog__head-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem
}

@media (max-width: 639.98px) {
    .catalog__head.promocode .catalog__head-wrap {
        gap:2.4rem
    }
}

.catalog__head.promocode .catalog__head-img,.catalog__head.promocode .catalog__head-inner {
    max-width: 100%;
    width: 100%
}

.catalog__head.promocode .catalog__head-img {
    display: block;
    height: 32rem;
    margin-top: 0
}

@media (max-width: 639.98px) {
    .catalog__head.promocode .catalog__head-img {
        height:24.8rem
    }
}

.catalog__head.promocode .catalog__head-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog__head.promocode .catalog__head-descript,.catalog__head.promocode .title-page {
    padding: 0 23rem
}

@media (max-width: 1279.98px) {
    .catalog__head.promocode .catalog__head-descript,.catalog__head.promocode .title-page {
        padding:0 16rem
    }
}

@media (max-width: 1023.98px) {
    .catalog__head.promocode .catalog__head-descript,.catalog__head.promocode .title-page {
        padding:0 8rem
    }
}

@media (max-width: 768.98px) {
    .catalog__head.promocode .catalog__head-descript,.catalog__head.promocode .title-page {
        padding:0
    }
}

.catalog__head .title-page {
    margin-top: 4rem
}

.catalog__head-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 2rem;
    justify-content: space-between
}

.catalog__head-inner {
    max-width: 44rem
}

.catalog__head-descript {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: 1.2rem
}

.catalog__head-descript p {
    margin: 0
}

.catalog__head-descript p:not(:first-of-type) {
    margin-top: 2.4rem
}

@media (max-width: 639.98px) {
    .catalog__head-descript p:not(:first-of-type) {
        margin-top:1.6rem
    }
}

.catalog__head-descript p b {
    font-weight: 600
}

.catalog__head-info {
    color: var(--color-text-high-80);
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 2.4rem
}

@media (max-width: 639.98px) {
    .catalog__head-info {
        margin-top:1.6rem
    }
}

.catalog__head-info span {
    color: var(--color-text-high-50);
    font-weight: 400
}

.catalog__head-img {
    margin-top: 4rem;
    width: 21rem
}

.catalog__head-img img {
    display: block;
    height: auto;
    width: 100%
}

@media (max-width: 768.98px) {
    .catalog__head-img {
        display:none
    }
}

@media (max-width: 639.98px) {
    .catalog__head .title-page {
        margin-top:3.2rem
    }
}

.catalog__category {
    border-bottom: .1rem solid var(--color-border-10);
    padding: 3.2rem 0 2.4rem
}

.catalog__category.discounts .catalog__category-list {
    max-height: none
}

.catalog__category-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.catalog__category-list,.catalog__category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog__category-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 4.3rem;
    overflow: hidden;
    -webkit-transition: max-height .325s;
    transition: max-height .325s
}

.catalog__category-list.open {
    max-height: 30rem
}

.catalog__category-list a {
    border: .1rem solid var(--color-border-10);
    color: var(--color-text-high);
    display: inline-block;
    font-size: 1.4rem;
    line-height: 142.857%;
    padding: 1rem 1.6rem;
    text-align: center;
    -webkit-transition: border-color .325s;
    transition: border-color .325s
}

.catalog__category-list a.active,.catalog__category-list a:hover {
    border-color: var(--color-text-high-80)
}

.catalog__category-list.excess+.catalog__category-all {
    display: block
}

.catalog__category-all {
    cursor: pointer;
    display: none;
    text-align: right
}

.catalog__category-all.active .more {
    display: none
}

.catalog__category-all.active .hide,.catalog__category-all>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.catalog__category-all>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 500;
    gap: .4rem;
    min-width: 13rem;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.catalog__category-all>div:after {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/auto;
    content: "";
    cursor: pointer;
    height: 1.6rem;
    min-width: 1.6rem;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 1.6rem
}

.catalog__category-all>div.hide {
    display: none
}

.catalog__category-all>div.hide:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 768.98px) {
    .catalog__category {
        padding:4rem 0 2.4rem
    }
}

@media (max-width: 639.98px) {
    .catalog__category {
        padding:1.6rem 0 2.4rem
    }

    .catalog__category .container {
        padding: 0
    }

    .catalog__category-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 1.6rem .45rem;
        white-space: nowrap
    }

    .catalog__category-list a {
        padding: .6rem 1.2rem
    }

    .catalog__category-all {
        display: none
    }
}

.catalog__actions {
    padding: 3.2rem 0 2.4rem
}

.catalog__actions-wrap {
    gap: .8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.catalog__actions-item,.catalog__actions-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__actions-item.filter {
    gap: 1.6rem
}

.catalog__actions-item.sort {
    gap: .8rem
}

.catalog__actions-text {
    color: var(--color-text-high-50);
    font-size: 1.3rem;
    line-height: 138.462%
}

.catalog__actions-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid var(--color-border-20);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    justify-content: center;
    min-height: 4rem;
    padding: .4rem 2rem
}

.catalog__actions-button .icon {
    stroke: var(--color-text-high);
    height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem
}

@media (max-width: 559.98px) {
    .catalog__actions-text {
        display:none
    }

    .catalog__actions-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .catalog__actions-button {
        width: 100%
    }
}

.catalog__buttonSort {
    display: none
}

@media (max-width: 559.98px) {
    .catalog__buttonSort {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.single-product {
    margin-bottom: 10rem
}

.single-product__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8rem 4rem;
    margin-top: 1.6rem
}

.single-product__gallery,.single-product__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.single-product__gallery {
    gap: 2.4rem;
    width: calc(100% - 59.9rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.single-product__gallery-thumbs {
    cursor: pointer;
    min-width: 9.1rem;
    width: 9.1rem
}

.single-product__gallery-thumbs .swiper-slide {
    border: 1px solid var(--color-border-10);
    height: 9.1rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    width: 100%
}

.single-product__gallery-thumbs .swiper-slide-thumb-active {
    border-color: var(--color-border-500)
}

@media (hover: hover) {
    .single-product__gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active):hover {
        border-color:var(--color-border-20)
    }
}

.single-product__gallery-thumbs img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.single-product__gallery-images {
    background-color: var(--color-bg-subtle);
    border: .1rem solid var(--color-bg-subtle);
    width: calc(100% - 11.5rem)
}

.single-product__gallery-images .swiper-pagination {
    display: none
}

.single-product__gallery-images .swiper-slide {
    height: 64.4rem
}

@media (max-width: 1499.98px) {
    .single-product__gallery-images .swiper-slide {
        height:43vw
    }
}

.single-product__gallery-images .swiper-slide img {
    display: block;
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.single-product__gallery-images .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    max-width: calc(100% - 2.4rem);
    position: absolute;
    right: 1.2rem;
    top: 2rem;
    z-index: 2
}

.single-product__gallery-images .tags li {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 160%;
    padding: .2rem .8rem;
    text-transform: uppercase
}

.single-product__gallery-images .tags li.top {
    background-color: #e4d6c8
}

.single-product__gallery-images .tags li.discount {
    background-color: #eeae9b
}

.single-product__gallery-images .tags li.bestseller {
    background-color: #e4d6c8
}

.single-product__gallery-images .tags li.now {
    background-color: #efcaa6
}

.single-product__text {
    width: 55.9rem
}

.single-product .title-page {
    margin-bottom: .8rem
}

.single-product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    margin-bottom: 1.6rem
}

.single-product__row--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-product__row--actions {
    gap: 1.2rem;
    margin-top: 1.2rem
}

.single-product__row--actions .cart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-product__row--actions .single_add_to_cart_button {
    width: 100%
}

.single-product__brand {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%
}

.single-product__volume {
    color: var(--color-text-high-80);
    font-size: 1.3rem;
    line-height: 138.462%
}

.single-product__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    gap: .5rem;
    line-height: 138.462%;
    margin-left: .4rem
}

.single-product__rating:before {
    background: url(../img/icons/icon-star.svg) no-repeat 50%/auto;
    content: "";
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem
}

.single-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.8rem;
    font-weight: 500;
    gap: .8rem;
    line-height: 144.444%
}

.single-product__price-old {
    color: var(--color-text-high-50);
    text-decoration: line-through
}

.single-product__price del,.single-product__price ins {
    text-decoration: none
}

.single-product__article {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%
}

.single-product__descript {
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-bottom: 3.2rem
}

.single-product__descript ul li {
    padding-left: 2.2rem;
    position: relative
}

.single-product__descript ul li:not(:last-of-type) {
    margin-bottom: .4rem
}

.single-product__descript ul li:before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

.single-product__avialabe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    gap: .8rem;
    line-height: 138.462%
}

.single-product__avialabe:before {
    background-color: var(--color-text-high);
    border-radius: 50%;
    content: "";
    height: .4rem;
    min-width: .4rem;
    width: .4rem
}

.single-product__favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid var(--color-border-10);
    height: 4.8rem;
    justify-content: center;
    min-width: 4.8rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    width: 4.8rem
}

@media (hover: hover) {
    .single-product__favorite:hover {
        border-color:var(--color-text-high)
    }
}

.single-product__favorite.active {
    border-color: var(--color-text-high)
}

.single-product__favorite.active .icon {
    fill: var(--color-text-high)
}

.single-product__favorite .icon {
    height: 1.6rem;
    width: 1.6rem;
    stroke: var(--color-text-high);
    fill: transparent
}

.single-product__table {
    border-top: 1px solid var(--color-border-10);
    margin-top: 3.2rem
}

.single-product__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-bottom: 1px solid var(--color-border-10);
    font-size: 1.4rem;
    gap: 2rem;
    justify-content: flex-start;
    line-height: 142.857%;
    padding: 1.6rem 0
}

.single-product__table-cell:first-of-type {
    min-width: 21rem;
    width: 21rem
}

.single-product__table-cell:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-product__tabs {
    margin-left: auto;
    margin-right: auto;
    max-width: 113rem;
    width: 100%
}

.single-product__tabs .tabs__buttons {
    border-bottom: .1rem solid var(--color-border-10);
    color: var(--color-text-high-70);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    margin-bottom: 3.2rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: relative;
    white-space: nowrap
}

.single-product__tabs .tab {
    padding: 1.4rem 1.6rem;
    position: relative;
    -webkit-transition: color .325s;
    transition: color .325s
}

.single-product__tabs .tab:before {
    background-color: var(--color-text-high);
    bottom: -.1rem;
    content: "";
    height: .1rem;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: all .325s;
    transition: all .325s
}

.single-product__tabs .tab.active,.single-product__tabs .tab:hover {
    color: var(--color-text-high)
}

.single-product__tabs .tab.active:before {
    left: 0;
    right: 0
}

.single-product__tabs .tab-panel {
    font-size: 1.5rem;
    line-height: 146.667%
}

.single-product__tabs .tab-panel__content {
    max-width: 67rem
}

.single-product__tabs .tab-panel p {
    line-height: inherit;
    margin: 0
}

.single-product__tabs .tab-panel p:not(:last-of-type) {
    margin-bottom: 2.3rem
}

.single-product__tabs .tab-panel__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.single-product__tabs .tab-panel__table-row:not(:last-of-type) {
    margin-bottom: .8rem
}

.single-product__tabs .tab-panel__table-date {
    font-weight: 500;
    min-width: 21rem;
    width: 21rem
}

.single-product__tabs .tab-panel__table-value {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-product__tabs .tab-panel ol {
    padding-left: 1.7rem
}

.single-product__tabs .tab-panel ul li {
    padding-left: 2.2rem;
    position: relative
}

.single-product__tabs .tab-panel ul li:before {
    background: url(../img/icons/icon-checkbox.svg) no-repeat 50%/auto;
    content: "";
    -webkit-filter: invert(1);
    filter: invert(1);
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

.single-product__tabs .review-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 6.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: .1rem solid var(--color-border-10);
    justify-content: space-between;
    margin-bottom: 3.2rem
}

.single-product__tabs .review-add__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%
}

.single-product__tabs .rating li.rating__star {
    padding-left: 0
}

.single-product__tabs .rating li.rating__star:before {
    display: none
}

.single-product__tabs .review-published {
    border-bottom: .1rem solid var(--color-border-10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    padding-bottom: 3.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.single-product__tabs .review-published:not(:last-of-type) {
    margin-bottom: 3.2rem
}

.single-product__tabs .review-published__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 32.5rem;
    width: 32.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem
}

.single-product__tabs .review-published__author-photo {
    border-radius: 50%;
    height: 3.2rem;
    min-width: 3.2rem;
    overflow: hidden;
    width: 3.2rem
}

.single-product__tabs .review-published__author-photo img {
    border-radius: inherit;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.single-product__tabs .review-published__author-name {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.single-product__tabs .review-published__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.6rem
}

.single-product__tabs .review-published__date {
    color: var(--color-text-high-50);
    font-size: 1.3rem;
    line-height: 138.462%
}

.single-product__tabs .review-published__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-product__tabs .review-published__quote {
    display: -webkit-box;
    font-size: 1.5rem;
    line-height: 146.667%;
    max-width: 67rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-product__tabs .review-published__quote.expanded {
    -webkit-line-clamp: none
}

.single-product__tabs .review-published__quote.expanded+.show-more {
    display: none
}

.single-product__tabs .review-published .show-more {
    background-color: transparent;
    color: var(--color-text-high-50);
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-top: .8rem;
    padding: 0;
    -webkit-transition: color .325s;
    transition: color .325s
}

.single-product__tabs .review-published .show-more:hover {
    color: var(--color-text-hover)
}

@media (max-width: 1279.98px) {
    .single-product__gallery,.single-product__text {
        width:calc(50% - 2rem)
    }
}

@media (max-width: 992px) {
    .single-product__wrap {
        gap:3.2rem
    }

    .single-product__gallery,.single-product__text {
        width: 100%
    }

    .single-product__gallery {
        margin-left: -4rem;
        max-width: none;
        position: relative;
        width: calc(100% + 8rem)
    }

    .single-product__gallery .swiper-slide {
        height: 45rem
    }

    .single-product__gallery-thumbs {
        display: none
    }

    .single-product__gallery .swiper-pagination {
        bottom: 2.4rem;
        display: block
    }

    .single-product__gallery-images {
        width: 100%
    }

    .single-product__gallery-images img {
        max-width: 40rem
    }

    .single-product__gallery-images .tags {
        left: 1.2rem;
        right: auto;
        top: 1.2rem
    }

    .single-product__tabs {
        margin-top: 4.8rem
    }

    .single-product__tabs .review-published__author {
        min-width: 24rem;
        width: 24rem
    }
}

@media (max-width: 768.98px) {
    .single-product__tabs .tabs__buttons {
        margin-bottom:2rem
    }

    .single-product__tabs .review-add {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding: 4rem;
        text-align: center
    }

    .single-product__tabs .review-published {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1.6rem
    }

    .single-product__tabs .review-published:not(:last-of-type) {
        margin-bottom: 2.4rem
    }

    .single-product__tabs .review-published__author {
        min-width: 100%;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width: 639.98px) {
    .single-product {
        margin-bottom:6.4rem
    }

    .single-product__wrap {
        gap: 2.4rem
    }

    .single-product__gallery {
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .single-product__gallery .swiper-slide {
        height: 37.5rem
    }

    .single-product__tabs {
        margin-top: 0
    }

    .single-product__tabs .tab-panel__table-date {
        min-width: 0;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .single-product__tabs .tab-panel__table-row {
        gap: .8rem
    }

    .single-product__tabs .tab-panel__table-value {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .single-product__table-cell:first-of-type {
        min-width: 8rem;
        width: 8rem
    }
}

.checkout {
    margin-top: 4rem
}

.checkout .form-row {
    margin: 0
}

.checkout__left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.checkout__right {
    border: .1rem solid var(--color-border-10);
    min-width: 40rem;
    padding: 2.4rem;
    width: 40rem
}

.checkout__right .button--black {
    margin: 1.6rem 0;
    width: 100%
}

.checkout__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4rem;
    margin-top: 3.2rem
}

.checkout__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%;
    margin-bottom: 1.6rem
}

.checkout__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem
}

.checkout__fields:not(:last-of-type) {
    margin-bottom: 1.6rem
}

.checkout .input-field {
    width: 100%
}

.checkout .input-field.w-50 {
    width: calc(50% - .8rem)
}

.checkout label.checkbox {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 142.857%;
    margin-top: .8rem
}

.checkout label.checkbox:before {
    top: 0
}

.checkout__block:not(:last-of-type) {
    border-bottom: .1rem solid var(--color-border-10);
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem
}

.checkout__delivery {
    margin-bottom: 1.6rem
}

.checkout__delivery-label {
    display: block;
    padding: 2rem 2.4rem 2rem 5.2rem;
    position: relative
}

.checkout__delivery-label:has(input:checked):before {
    background-color: var(--color-bg-high);
    -webkit-box-shadow: 0 0 0 .1rem var(--color-bg-high);
    box-shadow: 0 0 0 .1rem var(--color-bg-high)
}

.checkout__delivery-label:before {
    border: .3rem solid var(--color-bg-surface);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 .1rem var(--color-border-20);
    box-shadow: 0 0 0 .1rem var(--color-border-20);
    content: "";
    cursor: pointer;
    height: 1.6rem;
    left: 2.4rem;
    position: absolute;
    top: 2.2rem;
    -webkit-transition: .325s;
    transition: .325s;
    width: 1.6rem
}

.checkout__delivery-label input {
    display: none
}

.checkout__delivery-item {
    border: .1rem solid var(--color-border-10)
}

.checkout__delivery-item:not(:last-of-type) {
    margin-bottom: .8rem
}

.checkout__delivery-item:has(input:checked) {
    border-color: var(--color-border-20)
}

.checkout__delivery-item:has(input:checked) .checkout__delivery-fields {
    max-height: 34rem;
    opacity: 1;
    overflow: visible;
    padding-bottom: 2.4rem;
    pointer-events: auto
}

.checkout__delivery-item .radio {
    cursor: pointer;
    display: block;
    padding: 2rem 2.4rem 2rem 5.1rem
}

.checkout__delivery-item .radio:before {
    left: 2.4rem;
    top: 2.1rem
}

.checkout__delivery-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.checkout__delivery p {
    color: var(--color-text-high-50);
    font-size: 1.3rem;
    line-height: 138.462%;
    margin: 0
}

.checkout__delivery-fields {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 5.6rem;
    pointer-events: none;
    -webkit-transition: all .325s;
    transition: all .325s
}

.checkout__delivery-fields .es-select {
    max-width: 74.4rem
}

.checkout__delivery-fields .es-select:not(:last-of-type) {
    margin-bottom: .8rem
}

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

.checkout__products,.checkout__products .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem
}

.checkout__products .product {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: .1rem solid var(--color-border-10);
    padding-bottom: 1.6rem
}

.checkout__products .product__image {
    background: var(--color-bg-subtle);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 8rem;
    width: 8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 11.6rem
}

.checkout__products .product__image img {
    display: block;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.checkout__products .product__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    padding: .8rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkout__products .product__title {
    color: var(--color-text-high);
    font-size: 1.3rem;
    line-height: 138.462%
}

.checkout__products .product__descript {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%;
    margin-top: .8rem
}

.checkout__products .product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .8rem
}

.checkout__products .product__remove .icon {
    height: 1.6rem;
    width: 1.6rem;
    fill: var(--color-text-high);
    opacity: .3
}

.checkout__products .product__remove:hover .icon {
    opacity: 1
}

.checkout__products .product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 500;
    gap: .8rem;
    line-height: 142.857%;
    margin-top: .8rem
}

.checkout__products .product__price-old {
    color: var(--color-text-high-50);
    text-decoration: line-through
}

.checkout__info {
    margin: 3.2rem 0
}

.checkout__info-item:not(:last-of-type) {
    margin-bottom: 3.2rem
}

.checkout__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: .1rem solid var(--color-border-10);
    font-size: 1.4rem;
    gap: 1.2rem;
    justify-content: space-between;
    line-height: 142.857%;
    margin-bottom: 1.6rem;
    padding-bottom: 2.4rem
}

.checkout__info-cell:first-of-type {
    color: var(--color-text-high-50)
}

.checkout__info-cell:last-of-type {
    font-weight: 500
}

.checkout__info-cell img {
    margin-right: .8rem;
    width: 2rem
}

.checkout__info-cell b {
    color: var(--color-text-high);
    font-weight: 500
}

.checkout__info .price {
    font-weight: 500
}

.checkout__info .total {
    font-size: 1.8rem;
    font-weight: 500
}

.checkout__payment-item {
    border: .1rem solid var(--color-border-10);
    cursor: pointer;
    display: block;
    padding: 1.6rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s
}

.checkout__payment-item:not(:last-of-type) {
    margin-bottom: .8rem
}

.checkout__payment-item:has(input:checked) {
    border-color: var(--color-border-20)
}

.checkout__payment-item.radio {
    display: block;
    padding-left: 4.4rem
}

.checkout__payment-item.radio:before {
    left: 1.6rem;
    top: 1.6rem
}

.checkout__payment-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.checkout__payment p {
    color: var(--color-text-high-50);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin: .4rem 0 0
}

.checkout__accept {
    color: var(--color-text-high-80);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 138.462%;
    text-align: center
}

.checkout__accept a {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .checkout__accept a:hover {
        color:var(--color-text-hover)
    }
}

.checkout__promocode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem;
    position: relative
}

.checkout__promocode-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.checkout__promocode-input.has-error {
    border-color: var(--color-error)
}

.checkout__promocode .button {
    font-size: 1.4rem;
    min-height: 4rem;
    padding: 1.4rem 2rem 1.2rem
}

.checkout__promocode .coupon-error-notice {
    color: var(--color-error);
    font-size: 1.1rem;
    left: 0;
    margin-top: .2rem;
    position: absolute;
    top: 100%;
    width: 100%
}

.checkout__promocodeApplied {
    padding-right: 2rem;
    position: relative
}

.checkout__promocodeApplied-title {
    font-size: 1.5rem;
    line-height: 146.667%
}

.checkout__promocodeApplied-discount {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%;
    margin-top: .4rem
}

.checkout__promocodeApplied-remove {
    padding: 0;
    position: absolute;
    right: 0;
    top: .2rem
}

.checkout__promocodeApplied-remove svg {
    height: 1.6rem;
    width: 1.6rem;
    stroke: var(--color-text-high)
}

@media (hover: hover) {
    .checkout__promocodeApplied-remove:hover svg {
        stroke:var(--color-text-hover)
    }
}

.checkout .wcus-checkout-fields.wcus-checkout-np-fields {
    border: 1px solid rgba(33,31,32,.3);
    padding: 2.4rem
}

.checkout .wcus-checkout-fields.wcus-checkout-np-fields h3 {
    display: none
}

.checkout .wcus-checkout-fields.wcus-checkout-np-fields .form-row {
    margin-top: .8rem
}

.checkout .woocommerce-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem
}

.checkout .checkout-inline-error-message {
    display: none
}

.checkout .create-account {
    width: 100%
}

.checkout .input-text {
    border: .1rem solid var(--color-border-20);
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 30px #fff!important;
    box-shadow: inset 0 0 0 30px #fff!important;
    color: var(--color-text-high);
    display: block;
    font-size: 1.5rem;
    height: 4.4rem;
    line-height: 146.667%;
    padding: 1.1rem 1.2rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s;
    width: 100%
}

.checkout .input-text::-webkit-input-placeholder {
    color: var(--color-text-high-50)
}

.checkout .input-text::-moz-placeholder {
    color: var(--color-text-high-50)
}

.checkout .input-text:-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.checkout .input-text::-ms-input-placeholder {
    color: var(--color-text-high-50)
}

.checkout .input-text::placeholder {
    color: var(--color-text-high-50)
}

.checkout .input-text:focus {
    border-color: var(--color-text-high-80)
}

.checkout .input-text.wpcf7-not-valid,.checkout .input-text[aria-invalid=true] {
    border-color: var(--color-error)
}

@media (max-width: 1279.98px) {
    .checkout__right {
        min-width:36.5rem;
        width: 36.5rem
    }
}

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

    .checkout__right {
        margin: 0 auto;
        min-width: 48rem;
        width: 48rem
    }
}

@media (max-width: 768.98px) {
    .checkout__wrap {
        gap:3rem
    }

    .checkout__right {
        min-width: 100%;
        width: 100%
    }
}

@media (max-width: 639.98px) {
    .checkout {
        margin-top:2.4rem
    }

    .checkout__wrap {
        margin-top: 1.6rem
    }
}

@media (max-width: 559.98px) {
    .checkout {
        margin-top:2.4rem
    }

    .checkout__wrap {
        margin-top: 1.6rem
    }

    .checkout .input-field.w-50 {
        width: 100%
    }

    .checkout__delivery-fields {
        padding: 0 2.4rem
    }
}

.checkout-success {
    padding: 16rem 0 6rem;
    text-align: center
}

.checkout-success__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%
}

.checkout-success__descript {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin: .8rem auto 0;
    max-width: 30rem
}

.checkout-success .button {
    margin-top: 2.4rem
}

@media (max-width: 639.98px) {
    .checkout-success {
        padding:12rem 0 5.6rem
    }
}

.contacts-page__head {
    padding: 6.4rem 0 10.6rem;
    text-align: center
}

.contacts-page__descript {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: .8rem
}

.contacts-page__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem
}

.contacts-page__form {
    border: .1rem solid var(--color-border-10);
    min-width: 67rem;
    padding: 6.4rem 13.5rem;
    width: 67rem
}

.contacts-page__form-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 140%;
    text-align: center
}

.contacts-page__form-descript {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    margin-bottom: 4rem;
    margin-top: .8rem;
    text-align: center
}

.contacts-page__form form {
    display: block;
    position: relative;
    width: 100%
}

.contacts-page__form .input-field {
    margin-bottom: 1.6rem
}

.contacts-page__form .button {
    width: 100%
}

.contacts-page__form .wpcf7-spinner {
    bottom: -4.6rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.contacts-page__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.8rem
}

.contacts-page ul a {
    color: inherit;
    -webkit-transition: all .325s;
    transition: all .325s
}

@media (hover: hover) {
    .contacts-page ul a:hover {
        color:var(--color-text-hover)
    }
}

.contacts-page__item {
    width: 100%
}

.contacts-page__tel {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%;
    margin-bottom: .8rem
}

.contacts-page__schedule {
    color: var(--color-text-high-70);
    font-size: 1.3rem;
    line-height: 138.462%;
    margin-bottom: 1.6rem
}

.contacts-page__schedule li:not(:last-of-type) {
    margin-bottom: .4rem
}

.contacts-page__gmail {
    font-size: 1.5rem;
    line-height: 146.667%
}

.contacts-page__adress {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-bottom: 4.8rem;
    margin-top: 1.2rem
}

.contacts-page__social {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.6rem
}

.contacts-page__social,.contacts-page__social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts-page__social a {
    height: 4rem;
    width: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .1rem solid var(--color-border-10);
    border-radius: 50%;
    justify-content: center;
    text-align: center
}

.contacts-page__social a img {
    height: auto;
    -webkit-transition: -webkit-filter .325s;
    transition: -webkit-filter .325s;
    transition: filter .325s;
    transition: filter .325s,-webkit-filter .325s;
    width: 1.6rem
}

@media (hover: hover) {
    .contacts-page__social a:hover {
        background:var(--color-text-hover);
        border-color: var(--color-text-hover);
        color: var(--color-text-hover)
    }

    .contacts-page__social a:hover img {
        -webkit-filter: invert(1) brightness(20);
        filter: invert(1) brightness(20)
    }
}

.contacts-page__title {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .96px;
    line-height: 133.333%;
    text-transform: uppercase
}

@media (max-width: 1279.98px) {
    .contacts-page__form {
        min-width:55rem;
        padding: 4rem 6rem;
        width: 55rem
    }
}

@media (max-width: 1023.98px) {
    .contacts-page__form {
        min-width:40rem;
        padding: 3rem 4rem;
        width: 40rem
    }
}

@media (max-width: 768.98px) {
    .contacts-page__wrap {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 8rem
    }

    .contacts-page__form {
        min-width: 100%;
        padding: 6.4rem 14.4rem 7.2rem;
        width: 100%
    }

    .contacts-page__info {
        gap: 8.3rem
    }

    .contacts-page__item {
        width: calc(50% - 4.15rem)
    }

    .contacts-page__head {
        padding: 6.4rem 0 8rem
    }
}

@media (max-width: 639.98px) {
    .contacts-page__form {
        padding:4.8rem 7rem
    }
}

@media (max-width: 559.98px) {
    .contacts-page__head {
        padding:5.6rem 0 4.7rem
    }

    .contacts-page__wrap {
        gap: 6.4rem
    }

    .contacts-page__info {
        gap: 3.2rem
    }

    .contacts-page__item {
        width: 100%
    }

    .contacts-page__adress {
        margin-bottom: 3.2rem
    }

    .contacts-page__form {
        padding: 4.8rem 2rem
    }
}

.account {
    margin-top: 4rem
}

.account .woocommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem
}

.account .title-page {
    margin-bottom: 3.2rem
}

@media (max-width: 639.98px) {
    .account .title-page {
        margin-bottom:1.6rem
    }
}

.account .woocommerce-MyAccount-navigation {
    border-right: .1rem solid var(--color-border-10);
    min-width: 30.5rem;
    padding-right: 2.4rem;
    width: 30.5rem
}

.account .woocommerce-MyAccount-navigation-link {
    -webkit-transition: border-color .325s;
    transition: border-color .325s
}

.account .woocommerce-MyAccount-navigation-link:not(:last-of-type) {
    border-bottom: .1rem solid var(--color-border-10)
}

.account .woocommerce-MyAccount-navigation-link.is-active {
    border-color: var(--color-text-high-80);
    font-weight: 500
}

.account .woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--color-text-high)
}

.account .woocommerce-MyAccount-navigation-link--orders a:before {
    background: url(../img/icons/check-list.svg) no-repeat 50%/1.6rem
}

.account .woocommerce-MyAccount-navigation-link--favorite a:before {
    background: url(../img/icons/icon-fav.svg) no-repeat 50%/1.6rem
}

.account .woocommerce-MyAccount-navigation-link--edit-account a:before {
    background: url(../img/icons/icon-user.svg) no-repeat 50%/1.95rem
}

.account .woocommerce-MyAccount-navigation-link--dashboard a:before {
    background: url(../img/icons/dashboard.svg) no-repeat 50%/1.7rem
}

.account .woocommerce-MyAccount-navigation-link--address a:before,.account .woocommerce-MyAccount-navigation-link--edit-address a:before {
    background: url(../img/icons/address.svg) no-repeat 50%/1.6rem
}

.account .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 3.2rem
}

.account .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--color-text-high-50)!important;
    padding: 0!important
}

.account .woocommerce-MyAccount-navigation-link--customer-logout a:before {
    display: none
}

@media (hover: hover) {
    .account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
        color:var(--color-text-high)!important
    }
}

.account .woocommerce-MyAccount-navigation a {
    color: var(--color-text-high-80);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    gap: 1.2rem;
    line-height: 142.857%;
    padding: 1.35rem 0;
    -webkit-transition: color .325s;
    transition: color .325s
}

.account .woocommerce-MyAccount-navigation a:before {
    content: "";
    height: 1.6rem;
    width: 1.6rem
}

.account .woocommerce-MyAccount-navigation a:hover {
    color: var(--color-text-high)
}

.account .woocommerce-MyAccount-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.account .woocommerce-info .button {
    margin-top: 1.6rem
}

.account__title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 144.444%;
    margin-bottom: 2.4rem
}

.account__subtitle {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%
}

.account__text {
    color: var(--color-text-high-80);
    font-size: 1.4rem;
    line-height: 142.857%
}

.account__text b {
    font-weight: 600
}

.account__text a {
    color: inherit;
    text-decoration-line: underline;
    -webkit-transition: color .325s;
    transition: color .325s
}

@media (hover: hover) {
    .account__text a:hover {
        color:var(--color-text-high)
    }
}

.account__edit {
    border-bottom: .1rem solid var(--color-border-500);
    color: var(--color-text-high-80);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 160%;
    margin-top: .4rem;
    text-transform: uppercase;
    -webkit-transition: border-color .325s,color .325s;
    transition: border-color .325s,color .325s
}

@media (hover: hover) {
    .account__edit:hover {
        border-color:var(--color-text-hover);
        color: var(--color-text-hig)
    }
}

.account__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: var(--color-text-high-80);
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    gap: .4rem;
    line-height: 142.857%
}

.account__dashboard {
    margin-top: -.8rem
}

.account__dashboard .account__text:not(:last-of-type) {
    margin-bottom: 1.6rem
}

.account__orders {
    margin-bottom: 8rem
}

.account__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: .1rem solid var(--color-border-10);
    color: var(--color-text-high);
    font-size: 1.4rem;
    gap: 0 .8rem;
    justify-content: space-between;
    line-height: 142.857%;
    padding: 2.4rem;
    -webkit-transition: border-color .325s;
    transition: border-color .325s
}

.account__order:not(:last-of-type) {
    margin-bottom: 1.2rem
}

.account__order:hover {
    border-color: var(--color-text-high-80)
}

.account__order:hover .account__order-arrow .icon {
    stroke: var(--color-text-hover)
}

.account__order>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 1rem
}

.account__order-arrow {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 2.4rem;
    justify-content: center;
    min-width: 2.4rem;
    width: 2.4rem
}

.account__order-arrow .icon {
    height: 1.4rem;
    width: 1.4rem;
    stroke: var(--color-text-high);
    fill: none
}

.account__order-number {
    color: var(--color-text-high);
    font-weight: 500
}

.account__order-date {
    color: var(--color-text-high-50)
}

.account__order-status {
    font-weight: 500
}

.account__order-status.pending {
    color: var(--color-text-high-50)
}

.account__order-status.canceled {
    color: var(--color-error)
}

.account__order-price {
    color: var(--color-text-high);
    font-weight: 500
}

.account__order-quantity {
    color: var(--color-text-high-80)
}

.account__details .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.6rem
}

.account__details .product:not(:last-of-type) {
    border-bottom: .1rem solid var(--color-border-10);
    margin-bottom: 1.6rem
}

.account__details .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 10rem;
    min-width: 8rem;
    width: 8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--color-bg-subtle);
    justify-content: center;
    overflow: hidden
}

.account__details .product__img img {
    height: auto;
    -webkit-transition: -webkit-transform .325s;
    transition: -webkit-transform .325s;
    transition: transform .325s;
    transition: transform .325s,-webkit-transform .325s;
    width: 100%
}

@media (hover: hover) {
    .account__details .product__img:hover img {
        -webkit-transform:scale(1.09);
        transform: scale(1.09)
    }
}

.account__details .product__inner {
    max-width: 30rem;
    width: 30rem
}

.account__details .product__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: .8rem;
    justify-content: space-between
}

.account__details .product__title {
    color: var(--color-text-high);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 138.462%;
    -webkit-transition: color .325s;
    transition: color .325s
}

.account__details .product__title:hover {
    color: var(--color-text-hover)
}

.account__details .product__descript {
    display: -webkit-box;
    font-size: 1.4rem;
    line-height: 142.857%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.account__details .product__volume {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 142.857%
}

.account__details .product__qta {
    font-size: 1.4rem
}

.account__details .product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 500;
    gap: .8rem;
    line-height: 142.857%
}

.account__details .product__price-old {
    color: var(--color-text-high-50);
    text-decoration: line-through
}

.account__details-info {
    border-bottom: .1rem solid var(--color-border-10);
    border-top: .1rem solid var(--color-border-10);
    font-size: 1.4rem;
    line-height: 142.857%;
    margin-bottom: 2.4rem;
    padding: 2.4rem 0
}

.account__details-info .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 1rem;
    justify-content: space-between
}

.account__details-info .row:not(:last-of-type) {
    margin-bottom: .8rem
}

.account__details-info .cell:first-of-type {
    color: var(--color-text-high-70)
}

.account__details-info .cell:last-of-type {
    text-align: right
}

.account__details-info .cell.price {
    font-size: 1.5rem;
    font-weight: 600
}

.account__details-persons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16.9rem;
    line-height: 142.857%
}

.account__details-persons .title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 146.667%;
    margin-bottom: 1.2rem
}

.account__details-persons li {
    font-size: 1.4rem
}

.account__details-persons li:not(:last-of-type) {
    margin-bottom: .8rem
}

.account__details-persons .item:last-of-type {
    min-width: 24rem
}

.account__empty {
    padding: 16rem 0;
    text-align: center
}

.account__empty p {
    color: var(--color-text-high-70);
    font-size: 1.5rem;
    line-height: 146.667%
}

.account__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.2rem 2rem
}

.account__products .card-product {
    width: calc(33.333% - 1.4rem)
}

.account__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.4rem 2rem;
    margin-bottom: 3.2rem
}

.account__fields.w-50 {
    width: 50%
}

.account__fields .input-field {
    width: 100%
}

.account__fields .input-field.w-50 {
    width: calc(50% - 1rem)
}

.account__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.2rem;
    margin-top: 3.2rem
}

.account__address-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.account .woocommerce-EditAccountForm.edit-account {
    margin-bottom: 4.4rem
}

.account__message {
    font-size: 1.2rem;
    margin: 2rem 0
}

.account__message--error {
    color: var(--color-error)
}

.account p.form-row {
    margin: 0
}

@media (max-width: 1279.98px) {
    .account .woocommerce-MyAccount-navigation {
        min-width:27rem;
        width: 27rem
    }

    .account__details-persons {
        gap: 8rem
    }
}

@media (max-width: 1023.98px) {
    .account .woocommerce-MyAccount-navigation {
        min-width:23rem;
        width: 23rem
    }

    .account__order {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative
    }

    .account__order>* {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .account__order-number,.account__order-status {
        width: 100%
    }

    .account__order-number {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .account__order-status {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-bottom: 4rem;
        order: 1
    }

    .account__order-arrow {
        position: absolute;
        right: 2.4rem;
        top: 2.4rem
    }

    .account__order-quantity {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .account__order-price {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .account__order-date {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

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

    .account__details .product__inner {
        max-width: 100%;
        width: 100%
    }

    .account__details-persons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.4rem
    }

    .account__details-persons .item {
        width: 100%
    }

    .account__products .card-product {
        width: calc(50% - 1rem)
    }

    .account__fields .input-field.w-50,.account__fields.w-50 {
        width: 100%
    }

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

    .account__address-col {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media (max-width: 768.98px) {
    .account .woocommerce-MyAccount-navigation {
        min-width:19.6rem;
        width: 19.6rem
    }
}

@media (max-width: 760px) {
    .account__products {
        gap:2.4rem .8rem
    }

    .account__products .card-product {
        width: calc(50% - .4rem)
    }
}

@media (max-width: 639.98px) {
    .account {
        margin-top:2.4rem
    }

    .account .woocommerce {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.4rem
    }

    .account__title {
        margin-bottom: 1.6rem
    }

    .account:has(.account__order) .account__title {
        display: none
    }

    .account .woocommerce-MyAccount-navigation {
        border: none;
        min-width: 100%;
        overflow-x: auto;
        padding-right: 0;
        width: 100%
    }

    .account .woocommerce-MyAccount-navigation-link {
        margin-bottom: -.1rem;
        white-space: nowrap
    }

    .account .woocommerce-MyAccount-navigation-link:not(.is-active) {
        border-color: transparent
    }

    .account .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0
    }

    .account .woocommerce-MyAccount-navigation-link--customer-logout a {
        padding: 1.4rem 1.6rem!important
    }

    .account .woocommerce-MyAccount-navigation-link a {
        padding: 1.4rem 1.6rem
    }

    .account .woocommerce-MyAccount-navigation-link a:before {
        display: none
    }

    .account .woocommerce-MyAccount-navigation ul {
        border-bottom: .1rem solid var(--color-border-10);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .account__orders {
        margin-bottom: 4rem
    }

    .account__details .product__img {
        min-height: 12.2rem
    }

    .account__fields {
        gap: 2rem
    }
}

.authorization {
    padding: 6.4rem 2.4rem 0
}

.authorization .title-page {
    margin-bottom: 3.2rem;
    text-align: center
}

.authorization__wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
    position: relative
}

.authorization .input-field {
    margin-bottom: 2rem
}

.authorization .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
    width: 100%
}

.authorization__request {
    color: var(--color-text-high-50);
    font-size: 1.3rem;
    line-height: 146.667%;
    margin-top: 2rem
}

.authorization__request.txt-center {
    text-align: center
}

.authorization__request.txt-big {
    font-size: 1.5rem
}

.authorization__request a {
    color: var(--color-text-high);
    margin: 0 .7rem;
    -webkit-transition: color .325s;
    transition: color .325s
}

.authorization__request a:hover {
    color: var(--color-text-hover)
}

.authorization .woocommerce-form-login__rememberme {
    margin-top: 2rem
}

.authorization .wpcf7-spinner {
    bottom: -3.6rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.authorization .woocommerce-privacy-policy-text {
    color: var(--color-text-high-50);
    font-size: 1.5rem
}

.authorization .woocommerce-privacy-policy-text a {
    color: var(--color-text-high)
}

.authorization .woocommerce-privacy-policy-text a:hover {
    color: var(--color-text-hover)
}

.page-404 {
    background: var(--color-bg-subtle);
    height: 70rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px
}

.page-404,.page-404__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.page-404__text-inner {
    text-align: center
}

.page-404__col {
    width: 50%
}

.page-404__img {
    height: 100%
}

.page-404__img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-404__descript {
    color: var(--color-text-high-80);
    font-size: 1.5rem;
    line-height: 146.667%;
    margin-top: 1.2rem
}

.page-404 .button {
    margin-top: 3.2rem
}

@media (max-width: 1279.98px) {
    .page-404 {
        height:54rem
    }
}

@media (max-width: 1023.98px) {
    .page-404 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page-404__col {
        width: 100%
    }

    .page-404__text {
        min-height: 40.8rem;
        padding: 3.2rem 4rem
    }

    .page-404__img {
        height: 40.8rem
    }

    .page-404__img img {
        -o-object-position: 0 25%;
        object-position: 0 25%
    }
}

@media (max-width: 639.98px) {
    .page-404__text {
        min-height:30.8rem;
        padding: 3.2rem 2.4rem
    }

    .page-404__img {
        height: 30.8rem
    }
}

.page-info {
    padding-top: 6.4rem
}

@media (max-width: 639.98px) {
    .page-info {
        padding-top:4.8rem
    }
}

.page-info__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 90rem
}

/* Slider Container */
.posts-slider {
    margin: 5.2rem 0;
    overflow: hidden;
    width: 100%;
}

.posts-slider + .slogan {
    margin-top: 0;
}

@media (max-width: 559.98px) {
    .posts-slider {
        margin: 6.4rem 0;
    }
}

/* Slider Wrap */
.posts-slider__wrap {
    overflow: hidden;
    padding-top: 4rem;
    position: relative;
}

@media (max-width: 559.98px) {
    .posts-slider__wrap {
        max-width: 85%; /* Трохи збільшив для постів, щоб текст краще читався */
        overflow: visible;
        padding-top: 2.4rem;
    }
}

.posts-slider__wrap .swiper-wrapper {
    align-items: stretch;
    padding-bottom: 4.8rem;
}

@media (max-width: 559.98px) {
    .posts-slider__wrap .swiper-wrapper {
        padding-bottom: 0;
    }
}

.posts-slider__wrap .swiper-wrapper .swiper-slide {
    height: auto;
}

/* Arrows - копія логіки товарів */
.posts-slider__arrows {
    display: flex;
    gap: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 559.98px) {
    .posts-slider__arrows {
        display: none;
    }
}

.posts-slider__arrow {
    background: url(../img/icons/select-chevron.svg) no-repeat 50%/1.4rem;
    cursor: pointer;
    height: 2.4rem;
    min-width: 2.4rem;
    transition: transform .325s;
    width: 2.4rem;
}

.posts-slider__arrow.swiper-button-lock { display: none; }
.posts-slider__arrow.swiper-button-disabled { opacity: .5; pointer-events: none; }

.posts-slider__arrow.next { transform: rotate(-90deg); }
.posts-slider__arrow.prev { transform: rotate(90deg); }

/* --- CARD POST --- */
.card-post {
    padding-bottom: 1.6rem;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Thumb / Image */
.card-post__thumb {
    background-color: var(--color-bg-subtle);
    display: block;
    margin-bottom: 1.6rem;
    overflow: hidden;
}

.card-post__thumb img {
    display: block;
    height: auto;
    width: 100%;
    transition: transform .325s;
}

@media (hover: hover) {
    .card-post__thumb:hover img {
        transform: scale(1.05);
    }
}

/* Date - замість Volume */
.card-post__date {
    background-color: #faf3eb;
    color: var(--color-text-high-80);
    font-size: 1.2rem;
    padding: .2rem .8rem;
    display: inline-block;
    margin-bottom: 1rem;
}

/* Title */
.card-post__title {
    font-size: 1.6rem; /* Трохи більше для заголовка статті */
    font-weight: 500;
    line-height: 140%;
    transition: color .325s;
    margin-bottom: 0.8rem;
}

.card-post__title a {
    color: inherit;
    text-decoration: none;
}

@media (hover: hover) {
    .card-post__title:hover {
        color: var(--color-text-hover);
    }
}

/* Excerpt / Description */
.card-post__excerpt {
    color: var(--color-text-high-70);
    font-size: 1.4rem;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Показуємо 3 рядки опису */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1.6rem;
}

/* Button - копія логіки кнопки товару */
.card-post .button {
    font-size: 1.5rem;
    margin-top: auto; /* Притискає кнопку до низу, якщо тексту мало */
    opacity: 0;
    pointer-events: none;
    transition: opacity .325s;
}

@media (max-width: 1023.98px) {
    .card-post .button {
        opacity: 1;
        pointer-events: auto;
        position: static;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
}

@media (hover: hover) {
    .card-post:hover .button {
        opacity: 1;
        pointer-events: auto;
    }
}