@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0,0,0)
}
.swiper-pointer-events {
  touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}
.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 {
  width: 1px;
  height: var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet:only-child {
  display: none!important
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}
.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.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 {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube {
  overflow: visible
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}
.swiper-flip {
  overflow: visible
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height
}
.swiper-cards {
  overflow: visible
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}
@font-face {
  font-family: icomoon;
  font-display: swap;
  src: url(../fonts/icomoon.woff2) format("woff2"),url(../fonts/icomoon.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../fonts/Inter-Medium.woff2) format("woff2"),url(../fonts/Inter-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../fonts/Inter-Regular.woff2) format("woff2"),url(../fonts/Inter-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(../fonts/Inter-SemiBold.woff2) format("woff2"),url(../fonts/Inter-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal
}
[class*=" icon-"],
[class^=icon-] {
  font-family: icomoon!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-amex-logo:before {
  content: "\e906";
  color: #016fd0
}
.icon-apple-logo:before {
  content: "\e907"
}
.icon-bag-1:before {
  content: "\e908"
}
.icon-card-logo:before {
  content: "\e909"
}
.icon-dropdown:before {
  content: "\e90b"
}
.icon-dropdown-up:before {
  content: "\e90d"
}
.icon-google-logo .path1:before {
  content: "\e90f";
  color: #4285f4
}
.icon-google-logo .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: #34a853
}
.icon-google-logo .path3:before {
  content: "\e911";
  margin-left: -1em;
  color: #fbbc04
}
.icon-google-logo .path4:before {
  content: "\e912";
  margin-left: -1em;
  color: #ea4335
}
.icon-klarna-logo:before {
  content: "\e913"
}
.icon-lock:before {
  content: "\e915"
}
.icon-mastercard-logo .path1:before {
  content: "\e919";
  color: #ee0005
}
.icon-mastercard-logo .path2:before {
  content: "\e91a";
  margin-left: -1em;
  color: #f99f00
}
.icon-mastercard-logo .path3:before {
  content: "\e91b";
  margin-left: -1em;
  color: #ff5e00
}
.icon-icon_paypal-logo .path1:before {
  content: "\e91c";
  color: #009ee3
}
.icon-icon_paypal-logo .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: #113984
}
.icon-icon_paypal-logo .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: #172c70
}
.icon-icon-right:before {
  content: "\e91f"
}
.icon-icon_search:before {
  content: "\e920"
}
.icon-star_empty:before {
  content: "\e921"
}
.icon-star-full:before {
  content: "\e923"
}
.icon-star-half .path1:before {
  content: "\e924";
  color: #000;
  opacity: .4
}
.icon-star-half .path2:before {
  content: "\e925";
  margin-left: -1em;
  color: #111
}
.icon-icon_visa-logo .path1:before {
  content: "\e926";
  color: #1632d5
}
.icon-icon_visa-logo .path2:before {
  content: "\e927";
  margin-left: -1em;
  color: #fcc801
}
.icon-question:before {
  content: "\e928"
}
.icon-wishlist1:before {
  content: "\e929"
}
.icon-wishlist-black:before {
  content: "\e92a"
}
.icon-arrow-right:before {
  content: "\e905"
}
.icon-paypal-logo:before {
  content: "\e904"
}
.icon-discover-logo:before {
  content: "\e916"
}
.icon-visa-logo:before {
  content: "\e917"
}
.icon-mastercard:before {
  content: "\e918"
}
.icon-bag:before {
  content: "\e900"
}
.icon-profile:before {
  content: "\e901"
}
.icon-search:before {
  content: "\e902"
}
.icon-wishlist:before {
  content: "\e903"
}
.icon-gun-1:before {
  content: "\e94c"
}
.icon-gun-2:before {
  content: "\e94d"
}
.icon-gun-3:before {
  content: "\e94e"
}
.icon-gun-4:before {
  content: "\e94f"
}
.icon-gun-5:before {
  content: "\e950"
}
.icon-60 {
  font-size: 6rem;
  line-height: 6rem
}
.icon-30 {
  font-size: 3rem;
  line-height: 3rem
}
.icon-24 {
  font-size: 2.4rem;
  line-height: 2.4rem
}
.icon-16 {
  font-size: 1.6rem;
  line-height: 1.6rem
}
.icon-14 {
  font-size: 1.4rem;
  line-height: 1.4rem
}
.icon-12 {
  font-size: 1.2rem;
  line-height: 1.2rem
}
.icon-8 {
  font-size: .8rem;
  line-height: 1.6rem
}
.logo {
  display: inline-block;
  width: 10.9rem;
  height: 3rem;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
[data-close] {
  cursor: pointer
}
[data-close] .h2,
[data-close] h2 {
  cursor: pointer
}
main {
  padding-top: 6rem;
  padding-bottom: 2rem
}
.swiper-lazy {
  opacity: 0;
  -webkit-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out
}
.swiper-lazy.swiper-lazy-loaded {
  opacity: 1
}
.swiper-initialized.catalog-item__gallery {
  opacity: 1
}
.swiper-initialized .catalog-item__gallery {
  opacity: 1
}
.scroll-to {
  text-decoration: none
}
.woocommerce-notices-wrapper {
  display: none
}
.cookies {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: bottom 1s linear;
  -o-transition: bottom 1s linear;
  transition: bottom 1s linear
}
.cookies__btns {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.cookies__btns .btn {
  width: 20rem
}
.cookies.hide {
  bottom: -100vh
}
.cookies.show {
  bottom: 0
}
.form-subscribe input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.2);
  height: 100%;
  padding: 1.6rem 0 1rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: all .35s ease-in;
  -o-transition: all .35s ease-in;
  transition: all .35s ease-in
}
.form-subscribe input::-webkit-input-placeholder {
  color: #fff
}
.form-subscribe input::-moz-placeholder {
  color: #fff
}
.form-subscribe input:-ms-input-placeholder {
  color: #fff
}
.form-subscribe input::-ms-input-placeholder {
  color: #fff
}
.form-subscribe input::placeholder {
  color: #fff
}
.form-subscribe input:focus-visible {
  outline: 0;
  border-color: #fff
}
.form-subscribe input:hover {
  border-color: #fff
}
.form-subscribe .btn {
  padding: 0 2rem
}
.form-subscribe--black input {
  color: #111;
  border-bottom: 1px solid rgba(0,0,0,.2)
}
.form-subscribe--black input::-webkit-input-placeholder {
  color: rgba(0,0,0,.6)
}
.form-subscribe--black input::-moz-placeholder {
  color: rgba(0,0,0,.6)
}
.form-subscribe--black input:-ms-input-placeholder {
  color: rgba(0,0,0,.6)
}
.form-subscribe--black input::-ms-input-placeholder {
  color: rgba(0,0,0,.6)
}
.form-subscribe--black input::placeholder {
  color: rgba(0,0,0,.6)
}
.form-subscribe--black input:focus-visible {
  outline: 0;
  border-color: rgba(0,0,0,.2)
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: .6rem;
  font-size: 1.6rem;
  line-height: 2rem;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  position: relative;
  font-weight: 600;
  padding: 0 2rem;
  height: 4.8rem
}
.btn--error {
  background-color: #ff3d00;
  color: #fff
}
.btn--error:hover {
  background-color: #cc3100
}
.btn--white {
  color: #111;
  background-color: #fff
}
.btn--white:hover {
  background-color: rgba(255,255,255,.4)
}
.btn--black-outline {
  border: 2px solid #111;
  background-color: transparent;
  color: #111
}
.btn--black-outline:hover {
  background-color: rgba(0,0,0,.1)
}
.btn--black-outline.active {
  background-color: #111;
  color: #fff
}
.btn--black-outline.active span {
  color: #fff
}
.btn--outline {
  border: 1px solid rgba(0,0,0,.2);
  background-color: transparent
}
.btn--outline.active {
  border: 1px solid #111;
  pointer-events: none
}
.btn--outline:hover {
  background-color: rgba(0,0,0,.1)
}
.btn--outline span + span {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: rgba(0,0,0,.4)
}
.btn--outline-black {
  border: 2px solid #111
}
.btn--outline-black:hover {
  background: rgba(0,0,0,.1)
}
.btn--outline-white {
  border: 2px solid #fff;
  color: #fff
}
.btn--outline-white:hover {
  background-color: rgba(255,255,255,.4)
}
.btn--outline-white.-w20 {
  border-color: rgba(255,255,255,.2)
}
.btn--paypal {
  background-color: #fec34a
}
.btn--paypal span {
  height: 2.5rem;
  width: 100%;
  background: url(../img/buttons/paypal.png) no-repeat center;
  background-size: contain
}
.btn--paypal:hover {
  background-color: #fecb63
}
.btn--black {
  color: #fff;
  background-color: #111
}
.btn--black:hover {
  background-color: rgba(17,17,17,.8)
}
.btn--sm {
  height: 4rem;
  width: 8rem
}
.btn--icon {
  width: 2.4rem;
  height: 2.4rem
}
.btn.disabled {
  opacity: .9;
  pointer-events: none
}
.btn.disabled span {
  color: rgba(0,0,0,.4)
}
.btn[data-upload] {
  width: 10.6rem
}
.btn[data-cart],
.btn[data-upload] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.btn[data-cart] .swiper-lazy-preloader,
.btn[data-upload] .swiper-lazy-preloader {
  width: 3rem;
  height: 3rem;
  border-color: #fff;
  border-top-color: transparent;
  opacity: .7;
  position: relative;
  margin-top: 0;
  left: 0;
  top: 0;
  margin-left: 0
}
.radio__item {
  cursor: pointer
}
.radio__item.active .radio__button {
  background-color: #111;
  border-color: #111
}
.radio__item.active .radio__button span {
  opacity: 1
}
.radio__item.active .radio__title {
  color: #111
}
.radio__item.active .radio__svg {
  opacity: 1
}
.radio__title {
  color: rgba(0,0,0,.6)
}
.radio__button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,.2);
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear
}
.radio__button span {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear
}
.radio__svg {
  width: 2.4rem;
  height: 2.4rem;
  opacity: .8;
  -webkit-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear
}
.toggle-item {
  cursor: pointer
}
.toggle-item__button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 4rem;
  height: 2rem;
  border: 2px solid rgba(0,0,0,.4);
  border-radius: 50px;
  position: relative;
  -webkit-transition: border-color .35s linear;
  -o-transition: border-color .35s linear;
  transition: border-color .35s linear
}
.toggle-item__button span {
  background: #fff;
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  left: -2px;
  border-radius: 50%;
  top: -3px;
  border: 2px solid rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.toggle-item.active .toggle-item__button {
  border-color: #111
}
.toggle-item.active .toggle-item__button span {
  left: -6px;
  background-color: #111;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}
button.disabled {
  opacity: .3!important;
  cursor: not-allowed!important;
  pointer-events: none
}
button.disabled span {
  color: rgba(0,0,0,.4)
}
.label {
  padding: 0 1rem;
  height: 2.4rem;
  font-weight: 400;
  border-radius: 2.6rem;
  text-align: center;
  cursor: default;
  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;
  z-index: 0;
  white-space: nowrap
}
.label--light-gray {
  background-color: rgba(0,0,0,.05);
  z-index: 5
}
.label--green {
  background-color: #009d52;
  color: #fff
}
.label--outline-green {
  color: #009d52;
  border: 1px solid #009d52
}
.label--gray {
  background-color: rgba(0,0,0,.4);
  color: #fff
}
.label--black {
  background-color: #111;
  color: #fff
}
.label--black-blur {
  background: rgba(0,0,0,.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}
.label--warning {
  background-color: #ff8a00;
  color: #fff
}
.label--discount {
  background: -o-radial-gradient(10.96% -14.58%,177.08% 671.7%,rgba(255,107,0,.8) 0,rgba(222,67,0,.8) 100%);
  background: radial-gradient(177.08% 671.7% at 10.96% -14.58%,rgba(255,107,0,.8) 0,rgba(222,67,0,.8) 100%);
  color: #fff
}
.label--blur {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px)
}
.label--orange {
  background: -o-radial-gradient(10.96% -14.58%,177.08% 671.7%,rgba(255,107,0,.8) 0,rgba(222,67,0,.8) 100%);
  background: radial-gradient(177.08% 671.7% at 10.96% -14.58%,rgba(255,107,0,.8) 0,rgba(222,67,0,.8) 100%)
}
.label--blur {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}
.label .icon {
  width: 1.2rem;
  height: .8rem
}
.label .icon-check {
  width: 1.2rem;
  height: .8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.label .icon-check .icon {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4)
}
.label .triangle {
  width: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: .7rem;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6.5px 5px;
  border-color: transparent transparent #fff transparent;
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}
.header {
  position: fixed;
  width: 100%;
  z-index: 55!important;
  background-color: #fff;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.header.active {
  z-index: 60!important
}
.header.--white-text .logo svg path {
  fill: #fff
}
.header.--white-text .navigation__item .submenu-trigger {
  color: #fff
}
.header.--white-text .header__wrapper {
  border-color: rgba(255,255,255,.1)
}
.header.--white-text .header__btn {
  color: #fff
}
.header.--white-text .header__btn span {
  color: #fff
}
.header.--white-text .header__btn.burger span {
  background-color: #fff
}
.header.--white-text .header__btn.burger::after,
.header.--white-text .header__btn.burger::before {
  background-color: #fff
}
.header.transparent {
  background-color: transparent
}
.header.transparent.active {
  background-color: #fff
}
.header.transparent.active .logo svg path {
  fill: #111
}
.header.transparent.active .navigation__item .submenu-trigger {
  color: #111
}
.header.transparent.active .header__btn {
  color: #111
}
.header.transparent.active .header__btn span {
  color: #111
}
.header.transparent.active .header__btn.burger span {
  background-color: #111
}
.header.transparent.active .header__btn.burger::after,
.header.transparent.active .header__btn.burger::before {
  background-color: #111
}
.header.black-theme {
  background-color: #111
}
.header.black-theme .submenu__wrapper {
  background-color: #111
}
.header.black-theme .submenu {
  color: #fff
}
.header.black-theme .submenu__link {
  color: inherit
}
.header.black-theme .submenu__link a {
  color: inherit
}
.header.black-theme .submenu__item .subcategory-link {
  color: #fff
}
.header.black-theme .navigation::after {
  background-color: #111
}
.header.black-theme .navigation__item button {
  color: #fff
}
.header--fixed {
  top: 0
}
.header--fixed.transparent {
  background-color: #fff
}
.header--fixed.transparent .logo svg path {
  fill: #111
}
.header--fixed.transparent .navigation__item .submenu-trigger {
  color: #111
}
.header--fixed.transparent .header__wrapper {
  border-color: rgba(0,0,0,.1)
}
.header--fixed.transparent .header__btn {
  color: #111
}
.header--fixed.transparent .header__btn span {
  color: #111
}
.header--fixed.transparent .header__btn.burger span {
  background-color: #111
}
.header--fixed.transparent .header__btn.burger::after,
.header--fixed.transparent .header__btn.burger::before {
  background-color: #111
}
.header .logo {
  cursor: pointer
}
.header .logo:hover .icon {
  opacity: .7
}
.header__btns {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}
.header__btn {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-left: 1rem;
  cursor: pointer;
  text-decoration: none;
  color: #111;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  height: 4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header__btn:hover {
  color: rgba(0,0,0,.6)
}
.header__btn.btn {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.header__wrapper {
  padding: .5rem 0
}
.header__wrapper .header__border {
  position: relative
}
.header__wrapper .header__border div {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: -.5rem
}
.header .burger {
  display: none;
  border: none;
  width: 2.4rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: 0 0;
  position: relative;
  z-index: 100
}
.header .burger:focus,
.header .burger:focus-visible {
  border: 0 solid transparent!important;
  outline: 0
}
.header .burger span,
.header .burger::after,
.header .burger::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #111;
  opacity: 1;
  visibility: visible;
  -webkit-transition: background-color .5s ease-in-out;
  -o-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out
}
.header .burger::after,
.header .burger::before {
  content: "";
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  -o-transition: transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear,-webkit-transform .5s linear
}
.header .burger::before {
  -webkit-transform: translateY(-8px) translate3d(0,0,0);
  transform: translateY(-8px) translate3d(0,0,0)
}
.header .burger::after {
  -webkit-transform: translateY(8px) translate3d(0,0,0);
  transform: translateY(8px) translate3d(0,0,0)
}
.header .burger.active span {
  opacity: 0;
  visibility: hidden
}
.header .burger.active::before {
  -webkit-transform: rotate(45deg) translate3d(0,0,0);
  transform: rotate(45deg) translate3d(0,0,0);
  background-color: #111
}
.header .burger.active::after {
  -webkit-transform: rotate(-45deg) translate3d(0,0,0);
  transform: rotate(-45deg) translate3d(0,0,0);
  background-color: #111
}
.header .burger.active span,
.header .burger.active::after,
.header .burger.active::before {
  background-color: #111
}
.header--white .header__btn {
  color: #fff
}
.header--white .header__btn span {
  color: #fff
}
.header--white .header__btn.burger span {
  background-color: #fff
}
.header--white .header__btn.burger::after,
.header--white .header__btn.burger::before {
  background-color: #fff
}
.header.--decor {
  background-color: rgba(0,0,0,.6)!important
}
.header #cart-trigger span {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin-top: .2rem
}
:root {
  --min-Height: 36.1rem
}
.navigation .btn-close {
  position: relative;
  z-index: 5;
  border: 1px solid rgba(0,0,0,.2);
  display: none
}
.navigation .btn-close:hover {
  background-color: rgba(0,0,0,.2)
}
.navigation__menu {
  z-index: 25
}
.navigation__menu::before {
  width: 100%;
  height: 100%;
  top: 6rem;
  left: 0;
  content: "";
  position: absolute;
  height: 100vh;
  background: rgba(0,0,0,.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.navigation__menu::after {
  position: absolute;
  width: 100%;
  background: #fff;
  content: "";
  min-height: var(--min-Height);
  padding: 2rem 0;
  left: 0;
  top: 6rem;
  -webkit-transition: all .45s linear;
  -o-transition: all .45s linear;
  transition: all .45s linear;
  z-index: 1;
  opacity: 0;
  visibility: hidden
}
.navigation__menu.active::after,
.navigation__menu.active::before {
  opacity: 1;
  visibility: visible
}
.navigation__item {
  margin-left: 2rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  padding: 1.5rem 0
}
.navigation__item .submenu-trigger {
  text-decoration: none;
  color: #111;
  position: relative;
  z-index: 50;
  cursor: pointer
}
.navigation__item .submenu-trigger::after {
  content: "";
  bottom: -2rem;
  left: 0;
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #111;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.navigation__item .submenu-trigger:hover {
  color: rgba(0,0,0,.6)
}
.navigation__item .submenu-trigger:hover:after {
  width: 100%
}
.navigation__item.active .submenu-trigger:after {
  width: 100%
}
.navigation__item button {
  display: none;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: auto
}
.navigation--white .navigation__item a {
  color: #fff!important
}
.submenu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.submenu__header {
  display: none;
  padding: 1.6rem 0;
  border-bottom: 1px solid #111;
  width: 100%
}
.submenu__wrapper {
  position: absolute;
  width: 100%;
  min-height: 36.1rem;
  padding: 2rem 0;
  left: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform .35s linear;
  transition: -webkit-transform .35s linear;
  -o-transition: transform .35s linear;
  transition: transform .35s linear;
  transition: transform .35s linear,-webkit-transform .35s linear;
  z-index: 20
}
.submenu__wrapper.hide {
  -webkit-transform: translate(100%,100%);
  -ms-transform: translate(100%,100%);
  transform: translate(100%,100%)
}
.submenu__wrapper.show {
  -webkit-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  transform: translate(0,100%)
}
.submenu__items {
  width: 80%;
  margin-bottom: 4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.submenu__link {
  color: rgba(0,0,0,.6);
  text-decoration: none
}
.submenu__link:hover {
  color: #111
}
.submenu__link a {
  color: rgba(0,0,0,.6);
  text-decoration: none
}
.submenu__link a:hover {
  color: #111
}
.submenu__item {
  text-decoration: none;
  padding: 0 1rem;
  width: 20%
}
.submenu__item .subcategory-preview {
  height: 21.6rem;
  width: 100%;
  padding: 2rem;
  background-color: transparent;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}
.submenu__item .subcategory-preview .image {
  height: 100%;
  width: 100%
}
.submenu__item .subcategory-preview + .flex {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  position: relative;
  height: 4rem
}
.submenu__item .subcategory-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  white-space: nowrap;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}
.submenu__item .subcategory-link {
  opacity: 0;
  visibility: hidden;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(0,0,0,.6);
  -webkit-transition: opacity .2s linear,color .35s linear;
  -o-transition: opacity .2s linear,color .35s linear;
  transition: opacity .2s linear,color .35s linear;
  height: auto
}
.submenu__item .subcategory-link .icon-arrow-right {
  font-size: .8rem;
  line-height: 1.6rem;
  margin-left: .3rem
}
.submenu__item .subcategory-link:hover {
  color: #111
}
.submenu__item:hover .subcategory-preview {
  background-color: rgba(17,17,17,.05)
}
.submenu__item:hover .subcategory-preview + .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.submenu__item:hover .subcategory-title {
  margin-right: 1rem;
  left: 0;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  position: relative;
  white-space: normal
}
.submenu__item:hover .subcategory-link {
  opacity: 1;
  visibility: visible;
  position: relative
}
.footer {
  background-color: #111;
  color: #fff;
  overflow: hidden
}
.footer a {
  color: inherit!important;
  text-decoration: none
}
.footer__copyright,
.footer__title {
  padding: 2rem 0
}
.footer h2 {
  font-weight: 600;
  cursor: default
}
.footer__title {
  border-bottom: 1px solid rgba(255,255,255,.1);
  white-space: nowrap
}
.footer__copyright {
  border-top: 1px solid rgba(255,255,255,.1);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.footer__navigation {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  row-gap: 4rem;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4,1fr)
}
.footer__navigation-item h2 {
  color: rgba(255,255,255,.6)
}
.footer__navigation-item:nth-child(3) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5
}
.footer__info-item {
  color: #fff;
  text-decoration: none;
  padding: 2rem .5rem;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background-color: transparent;
  -webkit-transition: background-color .35s ease-in;
  -o-transition: background-color .35s ease-in;
  transition: background-color .35s ease-in
}
.footer__info-item:first-child {
  margin-top: -2rem
}
.footer__info-item:hover {
  background-color: rgba(255,255,255,.2)
}
.footer__info-form {
  padding: 2rem .5rem;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.footer__info-form div:first-child {
  cursor: default
}
.footer__banks {
  padding: 2rem 0
}
.footer__banks a,
.footer__banks div {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-decoration: none;
  margin-right: 2rem
}
.footer__banks a:hover,
.footer__banks div:hover {
  color: rgba(255,255,255,.4)
}
.footer__banks div {
  pointer-events: none
}
.footer__information a {
  margin-left: 2rem
}
.footer__link {
  color: #fff;
  text-decoration: none;
  padding: .35rem 0;
  position: relative
}
.footer__link::before {
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
.footer__link:hover::before {
  width: 100%
}
.page__product-item main {
  margin-top: 1.7rem
}
.page__catalog main {
  margin-top: 1rem
}
.page__sitemap {
  padding-bottom: 0
}
.section {
  padding: 2rem 0 4rem
}
.section__product-item-description {
  padding: 3rem 0 4rem
}
.section__product-item-configuration {
  z-index: 10;
  padding: 1.5rem 0 4rem
}
.section__product-item-configuration .tabs__body {
  z-index: 45
}
.section__product-item-configuration + .section__product-item-compare,
.section__product-item-configuration + .section__product-item-faq,
.section__product-item-configuration + .section__product-item-featured,
.section__product-item-configuration + .section__product-item-features,
.section__product-item-configuration + .section__product-item-reviews,
.section__product-item-configuration + .section__product-item-tech {
  border-top: 1px solid #111;
  margin-top: -16rem
}
.section__product-item-compare,
.section__product-item-faq,
.section__product-item-featured,
.section__product-item-features,
.section__product-item-reviews,
.section__product-item-tech {
  overflow-x: hidden
}
.section__product-item-compare a,
.section__product-item-faq a,
.section__product-item-featured a,
.section__product-item-features a,
.section__product-item-reviews a,
.section__product-item-tech a {
  color: #111!important
}
.section__product-item-tech .tech-specs.swiper-initialized .swiper-wrapper {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important
}
.section__sitemap {
  padding-top: 9rem
}
.section__sitemap .page-navigation li {
  padding-right: 2.7rem
}
.section__sitemap .page-navigation li::after {
  right: -6px;
  color: rgba(0,0,0,.4)
}
.section__user-profile {
  padding: 2rem 0 4rem
}
.section__user-profile h2.h1 {
  margin-right: 1rem
}
.section__user-order {
  padding: 2rem 0
}
.section__user-order .order-item:first-child {
  padding-top: 0
}
.section__user-order-detail .stars .star {
  width: 3rem;
  height: 3rem
}
.section__user-order-detail .review-title + .btn {
  max-width: 14rem
}
.section__checkout-payment {
  padding-bottom: 0
}
.section__user-review .section__user-order-title {
  padding-right: 2rem
}
.section__user-review-wating .user-review__item:first-child {
  border-top: none;
  padding-top: 0
}
.section__chekout-total {
  display: none
}
.product-item__reviews {
  padding-bottom: 0
}
.product-item__main {
  border: 1px solid rgba(0,0,0,.1);
  position: sticky;
  top: 7rem;
  height: calc(100vh - 10rem);
  overflow: hidden;
  background: #fff;
  padding-bottom: 2rem;
  z-index: 5
}
.product-item__size .size-switcher button {
  color: rgba(0,0,0,.6)
}
.product-item__size .size-switcher button.active {
  color: #111;
  border-bottom: 1px solid #111
}
.product-item__size .size-switcher button:first-child {
  margin-right: .5rem
}
.product-item__size .product-item__buttons {
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear
}
.product-item__size .product-item__buttons.hide {
  opacity: 0;
  visibility: hidden;
  display: none
}
.product-item__size .product-item__buttons.show {
  opacity: 1;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.product-item--line {
  padding: 1rem 2rem
}
.product-item__category {
  cursor: default;
  min-height: 4rem
}
.product-item__category a {
  color: rgba(0,0,0,.6);
  text-decoration: none
}
.product-item__category a + a span {
  padding-left: 1.2rem;
  position: relative
}
.product-item__category a + a span::after {
  width: 1.4rem;
  height: 2rem;
  left: 0;
  content: "/";
  position: absolute;
  color: rgba(0,0,0,.2)
}
.product-item__category a:hover {
  color: #111
}
.product-item__title h1 {
  width: calc(100% - 3rem)
}
.product-item__title button span {
  -webkit-transition: color .35s ease-in-out;
  -o-transition: color .35s ease-in-out;
  transition: color .35s ease-in-out
}
.product-item__title button span:hover {
  color: rgba(0,0,0,.6)
}
.product-item__includes {
  padding-top: 1.7rem;
  padding-bottom: 1.7rem
}
.product-item__includes a.scroll-to {
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.product-item__includes a.scroll-to:hover {
  color: #111
}
.product-item__includes .cart__counter {
  max-width: 9rem
}
.product-item__includes .cart__counter button {
  width: 3rem;
  height: 3rem;
  padding: .6rem
}
.product-item__includes .cart__counter button:hover .minus,
.product-item__includes .cart__counter button:hover .plus {
  background-color: rgba(0,0,0,.6)
}
.product-item__includes .cart__counter button:hover .minus:after,
.product-item__includes .cart__counter button:hover .plus:after {
  background-color: rgba(0,0,0,.6)
}
.product-item__includes .cart__counter .minus,
.product-item__includes .cart__counter .plus {
  background-color: #111;
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear
}
.product-item__includes .cart__counter .minus:after,
.product-item__includes .cart__counter .plus:after {
  background-color: #111;
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear
}
.product-item__modal-triger {
  color: rgba(0,0,0,.6);
  position: relative;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.product-item__modal-triger:hover {
  color: #111
}
.product-item__modal-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  color: #111;
  position: relative;
  overflow: hidden
}
.product-item__modal-link::after {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  background-color: #111;
  -webkit-transition: left .35s linear;
  -o-transition: left .35s linear;
  transition: left .35s linear
}
.product-item__modal-link:hover {
  color: rgba(0,0,0,.6)
}
.product-item__modal-link:hover::after {
  left: 100%;
  color: rgba(0,0,0,.6)
}
.product-item__price {
  position: relative;
  z-index: 2
}
.product-item__price .price div:first-child {
  margin-right: .7rem
}
.product-item__price .installment {
  padding-top: .5rem;
  position: relative;
  z-index: 20
}
.product-item__price .installment__list {
  min-width: 14.6rem;
  width: auto
}
.product-item__price .dropdown__content {
  right: 1rem;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  overflow: hidden
}
.product-item__labels {
  min-width: 100%;
  overflow-x: auto
}
.product-item__labels::-webkit-scrollbar {
  display: none
}
.product-item__details {
  position: relative
}
.product-item__details .label {
  white-space: nowrap
}
.product-item__details .dropdown:hover .label {
  background-color: rgba(0,0,0,.6)
}
.product-item__details .dropdown:hover .label--green {
  background-color: #009d52
}
.product-item__details .dropdown:hover .triangle {
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1)
}
.product-item__details span span:first-child {
  display: none
}
.product-item__details .dropdown__content {
  left: 1rem;
  right: 1rem;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  overflow: hidden
}
.product-item__details .dropdown__content .btn {
  margin-top: -1rem;
  width: 100%;
  background-color: #fff
}
.product-item__color .colors button {
  width: 8rem;
  height: 8rem;
  margin-right: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.1);
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.product-item__color .colors button:last-child {
  margin-right: 0
}
.product-item__color .colors button:hover {
  border: 1px solid rgba(0,0,0,.2);
  background-color: rgba(0,0,0,.1)
}
.product-item__color .colors button.active {
  border: 1px solid #111
}
.product-item__color .colors button.pattern-img {
  padding: .5rem
}
.product-item__color .colors button.pattern-img .image {
  border-radius: .6rem
}
.product-item__color .colors .image {
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
  overflow: hidden
}
.product-item__color .colors .image + span {
  display: none
}
.product-item__buttons {
  width: 100%
}
.product-item__buttons .btn {
  width: 100%;
  height: 4.8rem;
  margin-right: 1rem
}
.product-item__buttons .btn:last-child {
  margin-right: 0
}
.product-item__order {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  right: 0;
  padding-top: 2rem;
  padding-bottom: 2rem
}
.product-item__gallery .photos {
  margin-bottom: 2rem
}
.product-item__gallery .photos__item {
  mix-blend-mode: multiply
}
.product-item__gallery .photos__label {
  top: 1rem;
  left: 1rem;
  z-index: 5
}
.product-item__gallery .swiper-pagination {
  display: none;
  right: 1rem;
  width: auto
}
.product-item__gallery .btn {
  width: 100%
}
.product-item__description {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  gap: 2rem
}
.product-item__description .item {
  overflow: hidden;
  color: #fff
}
.product-item__description .item:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3
}
.product-item__description .item:first-child .photo {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%
}
.product-item__description .item:first-child .text {
  text-align: center;
  padding: 2rem 4rem 4rem;
  width: 100%
}
.product-item__description .item:first-child .text h2:nth-child(2) {
  width: 60%;
  margin: 0 auto 2rem
}
.product-item__description .item:first-child .text h2:nth-child(2) + p {
  width: 80%;
  margin: 0 auto
}
.product-item__description .item .photo {
  position: relative;
  padding-top: 56.25%;
  height: 0
}
.product-item__description .item .photo--border {
  border-bottom: 1px solid #fff
}
.product-item__description .item .photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.product-item__description .item .text {
  padding: 0 2rem 2rem
}
.product-item__description .item .text a {
  color: inherit
}
.product-item__description .item--border {
  border: 1px solid rgba(0,0,0,.1)
}
.product-item__description .item::after {
  width: 5rem;
  height: 5rem;
  top: 0;
  left: 0;
  content: "";
  position: absolute
}
.product-item__configuration .tabs__nav {
  min-width: auto;
  width: calc(100% - 10rem)
}
.product-item__configuration .configuration {
  padding-bottom: 18rem;
  min-width: 100%
}
.product-item__configuration .configuration-slider .include-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.product-item__configuration .configuration-slider__nav {
  position: absolute;
  right: 0;
  z-index: 5;
  top: -1rem;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}
.product-item__configuration .configuration-card {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.product-item__configuration .swiper-pagination {
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 15rem
}
.product-item-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem
}
.product-item-grid__nav {
  display: none;
  position: absolute;
  right: 0;
  top: 1.5rem
}
.product-item-grid__col {
  width: calc((100% - 4rem)/ 3)
}
.installment {
  cursor: pointer
}
.installment__list {
  overflow: hidden;
  position: relative;
  z-index: 5
}
.installment__item {
  line-height: 1.4rem;
  padding: .8rem 1.3rem .8rem 1rem;
  background: #fff;
  position: relative;
  z-index: 5;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear;
  cursor: pointer;
  width: auto
}
.installment__item:hover {
  background: #f2f2f2
}
.installment__item a {
  text-decoration: none;
  color: inherit
}
.installment__logo {
  font-size: 2rem;
  line-height: 2rem;
  margin-left: 1rem;
  width: 2rem;
  height: 2rem;
  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;
  justify-content: center
}
[data-product-stock] .nowrap {
  margin-left: .5rem
}
.alternatives .label {
  cursor: pointer;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.alternatives--line {
  padding: 1rem;
  background-color: rgba(0,0,0,.05)
}
.alternatives__list-fas {
  max-height: 30rem;
  overflow-y: auto
}
.alternatives__list-fas + div {
  background-color: #fff
}
.alternatives__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 6rem 1fr;
  grid-template-columns: 6rem 1fr;
  -ms-grid-rows: 6rem;
  grid-template-rows: 6rem;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem
}
.alternatives__item .info span {
  padding-right: 1.5rem;
  position: relative
}
.alternatives__item .info span:after {
  width: .5rem;
  height: .5rem;
  background-color: #111;
  border-radius: 50%;
  top: 50%;
  right: .5rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  position: absolute
}
.alternatives__item .info span:last-child {
  padding-right: 0
}
.alternatives__item .info span:last-child:after {
  content: none
}
.alternatives__item.active {
  background-color: #fff
}
.alternatives__item.active:hover {
  cursor: pointer
}
.alternatives__photo {
  border: 1px solid rgba(0,0,0,.1)
}
.alternatives__descr {
  line-height: 1.6rem
}
.alternatives__descr .available {
  margin-bottom: .8rem
}
.warranty {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3,1fr)
}
.warranty__logo {
  width: 3rem;
  height: 3rem
}
.warranty__item {
  border-left: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
  padding: 1.5rem 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  color: inherit;
  text-decoration: none
}
.warranty__item span:first-child {
  margin-right: 1.5rem
}
.warranty__item:hover {
  text-decoration: underline
}
.warranty__item:nth-child(2) {
  border: none
}
.configuration__nav {
  width: 100%
}
.configuration__titles .title {
  white-space: nowrap;
  color: rgba(0,0,0,.4);
  cursor: pointer;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.configuration__titles .title h2 {
  cursor: inherit
}
.configuration__titles .title.active {
  pointer-events: none
}
.configuration__titles .title.active h2 {
  color: #111;
  border-bottom: 2px solid #111
}
.configuration__titles .title:hover {
  color: rgba(0,0,0,.6)
}
.configuration-card {
  overflow: hidden;
  padding: 2rem;
  color: #fff
}
.configuration-card--black {
  background: #111
}
.configuration-card--green {
  background: #373422
}
.configuration-card--brown {
  background: #38291b
}
.configuration-card__preview {
  margin-bottom: 3.5rem
}
.configuration-card .main {
  width: 11rem
}
.configuration-card .main .photo {
  z-index: 1;
  width: 100%;
  margin-top: -2rem;
  margin-left: -2rem
}
.configuration-card .main .photo img {
  width: 20rem;
  height: 20rem
}
.configuration-card .main .text {
  text-align: left
}
.configuration-card .additionally {
  padding: 2rem 4rem;
  border: 2px solid #fff;
  width: 30rem;
  height: 30rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto
}
.configuration-card .additionally .plus {
  width: 4.2rem;
  height: 4.2rem;
  bottom: 4.6rem;
  left: -2.1rem
}
.configuration-card .additionally .plus::after,
.configuration-card .additionally .plus::before {
  width: 2.2rem;
  height: 2px;
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #fff
}
.configuration-card .additionally .plus::before {
  height: 2.2rem;
  width: 2px
}
.configuration-card .additionally__item {
  width: 100%
}
.configuration-card .text {
  text-align: center
}
.configuration-card .text div:first-child {
  font-size: 12px;
  line-height: 16px
}
.configuration-card .photo {
  min-height: 20rem;
  margin-top: -1rem
}
.configuration-card .photo img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
  height: 100%
}
.configuration-card__descr .title {
  width: 70%
}
.configuration-card__descr .btn {
  width: 13.5rem
}
.swiper-pagination {
  z-index: 2
}
.swiper-pagination-bullet {
  width: .6rem;
  height: .6rem;
  margin: 0 .5rem;
  background-color: rgba(0,0,0,.2);
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.swiper-pagination-bullet:hover {
  background-color: rgba(0,0,0,.4)
}
.swiper-pagination-bullet-active {
  background-color: #111
}
.features__item {
  margin-bottom: 1.5rem
}
.tech-specs {
  margin: 0 -1rem
}
.tech-specs__item + .tech-specs__item {
  margin-top: 2rem
}
.tech-specs__item h3 + ul {
  margin-top: 1rem
}
.tech-specs__item h3 + div {
  margin-top: .5rem
}
.tech-specs__item a {
  color: inherit
}
.tech-specs__item a:hover {
  text-decoration: none
}
.tech-specs__item p + a {
  display: inline-block;
  margin-top: 1rem;
  color: inherit
}
.tech-specs__item p + a:hover {
  color: rgba(0,0,0,.6)
}
.tech-specs__item ul.list {
  margin: 0;
  padding-left: 2rem;
  list-style: disc
}
.tech-specs__item ul.list li {
  margin-bottom: .5rem
}
.tech-specs__item ul.list li:last-child {
  margin-bottom: 0
}
.tech-specs__colors {
  overflow-x: auto;
  min-width: 100%;
  min-height: 100%
}
.tech-specs__colors button {
  display: inline-block;
  margin-right: 1rem;
  width: calc(20px + 20 * ((100vw - 375px)/ 1545));
  height: calc(20px + 20 * ((100vw - 375px)/ 1545));
  border-radius: 50%;
  cursor: default;
  pointer-events: none;
  overflow: hidden
}
.tech-specs__colors button:last-child {
  margin-right: 0
}
.product-item-grid__col {
  font-weight: 400
}
.reviews-section__content {
  padding-top: 1rem
}
.reviews-section__specification .line .name {
  width: 7rem
}
.reviews-section__toggle {
  padding-bottom: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.reviews-section__toggle .toggle:first-child {
  margin-right: 4rem
}
.faq-section .swiper-wrapper {
  display: block
}
.faq-section .product-item-grid__col {
  width: 100%;
  margin-bottom: 3rem
}
.includes-section {
  padding-top: 1rem
}
.includes-section__item {
  padding: .8rem 0 1.5rem;
  margin-bottom: 1.5rem
}
.includes-section__item:last-child {
  margin-bottom: 0
}
.includes-item {
  height: 6rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 6rem 1fr 4rem;
  grid-template-columns: 6rem 1fr 4rem;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.includes-item__preview {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: .6;
  -webkit-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out
}
.includes-item__preview .image {
  height: 100%
}
.includes-item__name {
  -webkit-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out;
  opacity: .6;
  font-size: 2rem;
  line-height: 2.4rem;
  cursor: default
}
.includes-item__btn {
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: #111;
  border: 1px solid;
  border-color: #111;
  border-radius: 50%;
  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;
  -webkit-transition: background-color .35s ease-in-out;
  -o-transition: background-color .35s ease-in-out;
  transition: background-color .35s ease-in-out
}
.includes-item__btn::after,
.includes-item__btn::before {
  width: 2.4rem;
  height: .25rem;
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: -webkit-transform .35s ease-in-out;
  -o-transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out
}
.includes-item__btn::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.includes-item__btn:hover {
  background-color: rgba(0,0,0,.6);
  border-color: rgba(0,0,0,.6)
}
.includes-item.active .includes-item__name,
.includes-item.active .includes-item__preview {
  opacity: 1
}
.includes-item.active .includes-item__btn {
  border: 1px solid rgba(0,0,0,.2);
  background-color: #fff
}
.includes-item.active .includes-item__btn::after,
.includes-item.active .includes-item__btn::before {
  background-color: #111
}
.includes-item.active .includes-item__btn::after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.includes-item.active .includes-item__btn:hover {
  background-color: rgba(0,0,0,.2);
  border-color: rgba(0,0,0,.2)
}
.compare-section__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.featured-section__header {
  margin-bottom: 2.5rem
}
.product {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 40.5vh;
  color: #111;
  text-decoration: none;
  overflow: hidden
}
.product__image {
  height: 100%;
  background-color: rgba(0,0,0,.05);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border: 2px solid transparent;
  -webkit-transition: border-color .35s linear;
  -o-transition: border-color .35s linear;
  transition: border-color .35s linear
}
.product__image img {
  -o-object-fit: contain;
  object-fit: contain
}
.product__descr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 48px
}
.product__label {
  top: 1rem;
  left: 1rem
}
.product:hover .product__image {
  border-color: rgba(0,0,0,.1)
}
.bullet {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  margin: 0 .25rem;
  background-color: rgba(0,0,0,.2);
  border-radius: 50%
}
.bullet.active {
  background-color: #111
}
.toggle__switch {
  width: 5rem;
  height: 3rem;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 5rem;
  position: relative;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  cursor: pointer
}
.toggle__switch span {
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .4rem;
  border: 2px solid #111;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.toggle__switch:hover {
  border: 2px solid #111
}
.toggle__switch.active {
  border: 2px solid #111
}
.toggle__switch.active span {
  background-color: #111;
  left: auto;
  right: .4rem
}
.info-triger span:last-child {
  height: 1.5rem;
  width: 1.5rem
}
.stars .star {
  width: 1.6rem;
  height: 1.6rem
}
.stars .star.empty svg path {
  fill: rgba(0,0,0,.4)
}
.modal,
.modal-overflow {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.modal .wrapper,
.modal-overflow .wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}
.modal .wrapper .col,
.modal-overflow .wrapper .col {
  background-color: #fff
}
.modal-overflow-pickup,
.modal-pickup {
  max-width: 66.6rem
}
.modal-overflow-pickup__icon,
.modal-pickup__icon {
  width: 4rem;
  height: 4rem;
  margin-right: 1.6rem;
  border-radius: 50%
}
.modal-overflow-pickup .modal__footer,
.modal-pickup .modal__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.modal-overflow-pickup .pickup__items,
.modal-pickup .pickup__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  gap: 1.6rem
}
.modal-overflow-pickup .pickup-item,
.modal-pickup .pickup-item {
  overflow: hidden;
  padding: 2rem;
  border-radius: 1.2rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}
.modal-overflow-pickup .pickup-item__status,
.modal-pickup .pickup-item__status {
  display: none
}
.modal-overflow-pickup .pickup-item.disabled .bgc--success,
.modal-pickup .pickup-item.disabled .bgc--success {
  background-color: #6a6656
}
.modal-overflow-pickup .pickup-item__content,
.modal-pickup .pickup-item__content {
  margin-top: .8rem
}
.modal-overflow-pickup .pickup-item.active,
.modal-pickup .pickup-item.active {
  border-color: #111
}
.modal-overflow-pickup .pickup-item.active .pickup-item__status,
.modal-pickup .pickup-item.active .pickup-item__status {
  border-color: #111
}
.modal-overflow-pickup .pickup-item.active .pickup-item__status::before,
.modal-pickup .pickup-item.active .pickup-item__status::before {
  opacity: 1
}
.modal-overflow-pickup .pickup-item__header .bgc--success,
.modal-overflow-pickup .pickup-item__header .label--gray,
.modal-pickup .pickup-item__header .bgc--success,
.modal-pickup .pickup-item__header .label--gray {
  font-size: 1rem;
  padding: 0 .8rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 2rem;
  line-height: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.modal-overflow__body,
.modal__body {
  position: relative;
  height: 100%
}
.modal-overflow__header,
.modal__header {
  padding: .8rem 0
}
.modal-overflow__header h2,
.modal__header h2 {
  margin-right: 2rem
}
.modal-overflow__header .price,
.modal__header .price {
  margin-left: auto
}
.modal-overflow__header .btn,
.modal__header .btn {
  height: 4rem;
  min-width: 12.5rem
}
.modal-overflow__footer,
.modal__footer {
  background: #fff
}
.modal-overflow__content,
.modal__content {
  height: calc(100% - 15rem);
  overflow-y: scroll
}
.modal-overflow__content .image-modal,
.modal__content .image-modal {
  overflow: hidden;
  height: 20.5vh
}
.modal-config,
.modal-overflow-config {
  padding: 0 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.modal-config .scroll__wrapper,
.modal-overflow-config .scroll__wrapper {
  height: calc(100% - 6.8rem);
  max-height: 100%
}
.modal-config .scroll__wrapper [data-product-price],
.modal-overflow-config .scroll__wrapper [data-product-price] {
  font-size: 3.2rem;
  line-height: 3.2rem;
  letter-spacing: -.02em
}
.modal-config .product-item__main,
.modal-overflow-config .product-item__main {
  height: 100%
}
.modal-config .product-item__title,
.modal-overflow-config .product-item__title {
  padding: 2rem
}
.modal-config .modal__header,
.modal-overflow-config .modal__header {
  padding: 1.6rem 0
}
.modal-config .modal__footer,
.modal-overflow-config .modal__footer {
  padding: 2rem
}
.modal-config .modal__footer .btn,
.modal-overflow-config .modal__footer .btn {
  width: calc((100% - 1rem)/ 2)
}
.modal-overflow.hide,
.modal.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms
}
.modal-overflow.hide .wrapper,
.modal.hide .wrapper {
  -webkit-animation: hideModal .55s both;
  animation: hideModal .55s both
}
.modal-overflow.hide.modal-search .wrapper,
.modal.hide.modal-search .wrapper {
  -webkit-animation: hideSearchModal .5s linear;
  animation: hideSearchModal .5s linear
}
.modal-overflow.show,
.modal.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s
}
.modal-overflow.show .wrapper,
.modal.show .wrapper {
  -webkit-animation: showModal .5s both;
  animation: showModal .5s both;
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms
}
.modal-overflow.show.modal-search .wrapper,
.modal.show.modal-search .wrapper {
  -webkit-animation: showSearchModal .5s linear;
  animation: showSearchModal .5s linear
}
.modal-overflow__section,
.modal__section {
  padding: 2rem
}
.modal-overflow__close,
.modal__close {
  min-width: 2.4rem;
  max-width: 2.4rem;
  height: 2.4rem
}
.modal-overflow-set-up-product,
.modal-set-up-product {
  padding-bottom: 1rem
}
.modal-overflow-set-up-product .product-item,
.modal-set-up-product .product-item {
  position: relative;
  height: calc(100% - 7rem)
}
.modal-overflow-set-up-product .product-item__order,
.modal-set-up-product .product-item__order {
  padding: 2rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1
}
.modal-overflow-set-up-product .product-item__order .btn,
.modal-set-up-product .product-item__order .btn {
  width: calc((100% - 2rem)/ 2)
}
.modal-overflow-set-up-product .product-item__content,
.modal-set-up-product .product-item__content {
  height: calc(100% - 10rem);
  overflow-y: scroll
}
.modal-overflow-reviews .reviews-section__info .stars .star,
.modal-reviews .reviews-section__info .stars .star {
  width: 3rem;
  height: 3rem
}
.modal-configuratations__footer,
.modal-overflow-configuratations__footer {
  padding: 2rem 1rem;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}
.modal-configuratations__footer .product-item__buttons,
.modal-overflow-configuratations__footer .product-item__buttons {
  width: 40%
}
.modal .product-item,
.modal-overflow .product-item {
  border: 1px solid rgba(0,0,0,.1);
  overflow: hidden
}
.modal-overflow .modal__content {
  height: calc(100% - 5.7rem);
  padding-bottom: 3rem
}
.modal-static .modal-personal {
  position: relative
}
.modal-static .modal__body {
  position: static
}
.modal-static .modal__footer {
  position: absolute;
  width: 100%;
  bottom: 0
}
@-webkit-keyframes showModal {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes showModal {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes showSearchModal {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes showSearchModal {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes hideModal {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}
@keyframes hideModal {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}
@-webkit-keyframes hideSearchModal {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}
@keyframes hideSearchModal {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}
.offer-item {
  background-color: rgba(0,0,0,.05);
  padding: 1rem
}
.mr-24 {
  margin-right: 2.4rem
}
.modal-pickup .form__item.invalid label,
.modal-pickup .form__item.valid label {
  top: 0
}
.modal-color {
  height: 100%
}
.modal-color .modal__header h2 {
  white-space: nowrap;
  overflow-y: scroll
}
.modal-color__item {
  padding: 1rem 0
}
.modal-color__item .image {
  height: 24rem
}
.modal-color__item .image img {
  -o-object-fit: cover;
  object-fit: cover
}
.modal-alternatives [data-alternative-wrapper]:hover .compare-item__main {
  background-color: transparent
}
.modal-alternatives [data-alternative-wrapper]:hover .compare-item__main .btn {
  background-color: #111;
  color: #fff;
  border-color: transparent
}
.modal-alternatives [data-alternative-wrapper]:hover .swiper-slide-active .compare-item {
  border-left-color: rgba(0,0,0,.1)
}
.modal-alternatives .swiper-slide-active .compare-item {
  border-left-color: transparent
}
.modal-alternatives .swiper-slide-active:hover + .swiper-slide .compare-item {
  border-left-color: transparent
}
.modal-alternatives .compare-item--line {
  height: 4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto
}
.modal-alternatives .compare-item--line_empty:after {
  content: none
}
.modal-alternatives .compare-item .btn {
  border: 1px solid transparent;
  cursor: pointer
}
.modal-alternatives .compare-item:hover {
  border-left-color: transparent!important
}
.modal-alternatives .compare-item:hover .btn {
  background-color: transparent;
  color: #111;
  border-color: rgba(0,0,0,.2)
}
.modal-alternatives .compare-item__main {
  border-left-color: transparent;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.modal-alternatives .compare-item__main .btn {
  background-color: transparent;
  color: inherit;
  border-color: rgba(0,0,0,.2)
}
.modal-alternatives .compare-item__main .nowrap {
  margin-left: .5rem
}
.modal-alternatives .compare-item__main:hover .btn {
  background-color: transparent!important;
  color: inherit!important;
  border-color: rgba(0,0,0,.2)!important
}
.modal-alternatives .compare-item__main:hover + [data-swiper=alternative-modal] .swiper-slide:first-child .compare-item {
  border-left-color: transparent
}
.modal-size {
  height: 100%
}
.modal-size .modal__header h2 {
  white-space: nowrap;
  overflow-y: scroll
}
.modal-size .modal__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.modal-size .modal__footer .btn {
  width: calc((100% - 1rem)/ 2)
}
.modal-size__header {
  background-color: #111;
  padding: 1rem 1rem 0
}
.modal-size__header .switcher {
  top: 1rem;
  left: 1rem
}
.modal-size__header .switcher__item.active {
  background-color: rgba(255,255,255,.4)
}
.modal-size__header .image {
  height: 100%
}
.modal-size__header .image img {
  top: 2rem
}
.modal-size__header .product-item__modal-triger {
  top: 1rem;
  right: 1rem;
  position: absolute;
  color: #fff;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.modal-size__header .product-item__modal-triger:hover {
  color: rgba(255,255,255,.4)
}
.modal-size__inputs {
  padding-bottom: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.modal-size__inputs .form__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: calc((100% - 1rem)/ 2);
  margin-right: 1rem
}
.modal-size__inputs .form__item + .form__item {
  margin-right: 0
}
.modal-size__inputs .form__item input::-webkit-inner-spin-button,
.modal-size__inputs .form__item input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.modal-size__inputs .form__massage {
  font-size: 1rem;
  line-height: 2rem
}
.modal-size .image .img {
  top: -2rem;
  position: absolute;
  left: -2rem;
  right: -2rem;
  bottom: -2rem
}
.modal-size .image .popup-chest {
  background: url(../img/popup-chest-waist.png) no-repeat center/contain
}
.modal-size .image .popup-height {
  background: url(../img/popup-height.png) no-repeat center/contain
}
.modal-size .image .popup-dog {
  background: url(../img/popup-dog.png) no-repeat center/contain
}
.modal-size .image .popup-helmet {
  background: url(../img/popup-helmet.png) no-repeat center/contain
}
.input-item {
  padding: 1.6rem 0;
  width: calc((100% - 1rem)/ 2);
  z-index: 2
}
.input-item__title {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  position: absolute;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  z-index: -1
}
.input-item input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid rgba(0,0,0,.1);
  height: 100%;
  padding-bottom: 1rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111;
  -webkit-transition: all .35s ease-in;
  -o-transition: all .35s ease-in;
  transition: all .35s ease-in
}
.input-item input::-webkit-input-placeholder {
  color: rgba(0,0,0,.6)
}
.input-item input::-moz-placeholder {
  color: rgba(0,0,0,.6)
}
.input-item input:-ms-input-placeholder {
  color: rgba(0,0,0,.6)
}
.input-item input::-ms-input-placeholder {
  color: rgba(0,0,0,.6)
}
.input-item input::placeholder {
  color: rgba(0,0,0,.6)
}
.input-item input:focus-visible {
  outline: 0;
  border-color: rgba(0,0,0,.4)
}
.input-item input:active {
  border-color: rgba(0,0,0,.4)
}
.input-item input:active::-webkit-input-placeholder {
  color: rgba(0,0,0,.2)
}
.input-item input:active::-moz-placeholder {
  color: rgba(0,0,0,.2)
}
.input-item input:active:-ms-input-placeholder {
  color: rgba(0,0,0,.2)
}
.input-item input:active::-ms-input-placeholder {
  color: rgba(0,0,0,.2)
}
.input-item input:active::placeholder {
  color: rgba(0,0,0,.2)
}
.input-item:hover input {
  border-color: rgba(0,0,0,.6)
}
.input-item:hover input::-webkit-input-placeholder {
  color: #111
}
.input-item:hover input::-moz-placeholder {
  color: #111
}
.input-item:hover input:-ms-input-placeholder {
  color: #111
}
.input-item:hover input::-ms-input-placeholder {
  color: #111
}
.input-item:hover input::placeholder {
  color: #111
}
.input-item.active .input-item__title span:first-child {
  position: absolute;
  left: 0;
  top: -100%;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: rgba(0,0,0,.4)
}
.input-item.active .input-item__title span:last-child {
  color: rgba(0,0,0,.6)
}
.modal-reviews {
  height: 100%
}
.modal-reviews .product-item-grid {
  -ms-grid-columns: 21.5rem 1fr;
  grid-template-columns: 21.5rem 1fr
}
.modal-reviews .reviews-section {
  height: 100%
}
.modal-reviews .reviews-section__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4,1fr);
  gap: 5rem 2rem
}
.modal-reviews .reviews-section__content .stars span {
  font-size: 1.6rem;
  line-height: 1.6rem
}
.modal-reviews .reviews-section__btns {
  position: absolute;
  bottom: 2rem
}
.modal-reviews .reviews-section__btns .btn {
  width: 12.7rem
}
.modal-reviews .reviews-section__btns .btn:first-child {
  display: none
}
.modal-reviews .reviews-section__empty {
  padding: 1rem 2rem 2rem
}
.modal-reviews .reviews-section__empty .box {
  width: 50%;
  text-align: center
}
.modal-reviews .reviews-section__empty .box .btn {
  width: 12.7rem;
  margin: 0 auto
}
.modal-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
.modal-grid__section {
  padding-top: 2rem;
  padding-bottom: 2rem
}
.modal-subgrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.modal-subgrid__item {
  width: 100%
}
.tabs {
  width: 100%
}
.tabs__nav {
  overflow-x: scroll;
  overflow-y: hidden;
  min-width: 100%;
  min-height: 100%
}
.tabs__nav button {
  height: 3.4rem;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(0,0,0,.4);
  cursor: pointer;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.tabs__nav button.active {
  pointer-events: none
}
.tabs__nav button.active .title {
  color: #111;
  border-bottom: 2px solid #111
}
.tabs__nav button .title + .quantity {
  margin-left: .5rem
}
.tabs__nav button:hover {
  color: rgba(0,0,0,.6)
}
.tabs__body {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  top: -2px;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s
}
.tabs__content {
  display: none;
  opacity: 0;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-animation: showContent .6s forwards;
  animation: showContent .6s forwards
}
.tabs__content.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@-webkit-keyframes showContent {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes showContent {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.table__row:first-child .table__cell {
  font-weight: 700;
  padding: 0 1rem 1.6rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}
.table__row:first-child .table__cell:first-child {
  padding-left: 0
}
.table__row:first-child .table__cell:last-child {
  padding-right: 0;
  border-right: none
}
.table__cell {
  width: 100%;
  padding: 1.8rem 1rem;
  border-right: 1px solid rgba(0,0,0,.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500
}
.table__cell:first-child {
  max-width: 22.5rem;
  padding: 1.8rem 1rem 1.8rem 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  border-right: 1px solid rgba(0,0,0,.1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.table__cell:last-child {
  padding-right: 0;
  border-right: none
}
.table-item {
  padding: 2rem 0;
  border-top: 1px solid rgba(0,0,0,.2)
}
.table-item__header.active .table-item__btn {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.table-item__btn {
  width: 1.2rem;
  height: .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.table-item__content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 2rem;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .9s;
  -o-transition: max-height .9s;
  transition: max-height .9s
}
.table-item__cell {
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  width: calc((100% - 1rem)/ 2)
}
.table-protection .table__row:first-child .table__cell {
  padding-top: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}
.table-protection .table__cell {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0
}
.table-protection .table__cell .table__row {
  width: 100%;
  height: 100%;
  padding: 1.8rem 0;
  margin: 0 -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
.table-protection .table__cell .table__row::after {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  -webkit-transform: scaleX(1.25);
  -ms-transform: scaleX(1.25);
  transform: scaleX(1.25);
  background-color: rgba(0,0,0,.1)
}
.table-protection .table__cell .table__row:last-child::after {
  content: none
}
.table-protection .table__cell .table__row span {
  font-size: 2.4rem
}
.compare-section:hover .compare-item__main {
  background-color: #fff
}
.compare-section:hover .compare-item__main .list__item h3 {
  opacity: 0
}
.compare-section:hover .compare-item__main .btn {
  background-color: transparent;
  color: #111
}
.compare-section:hover .compare-item__main .btn span {
  color: #111
}
.compare-section:hover .compare-item__main .compare-item__header {
  background-color: #fff
}
.compare-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
  position: relative;
  border-left: 1px solid;
  border-color: rgba(0,0,0,.1);
  background-color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
  height: 100%;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  position: relative
}
.compare-item.swiper-slide-active {
  border-left: none
}
.compare-item.swiper-slide-duplicate-prev,
.compare-item.swiper-slide-prev {
  border-right: none;
  border-left: none
}
.compare-item .image {
  height: 21vh
}
.compare-item .image img {
  -o-object-fit: contain;
  object-fit: contain
}
.compare-item__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.compare-item__content {
  height: 100%
}
.compare-item__content-scroll {
  padding-bottom: 2rem;
  position: relative
}
.compare-item__content-scroll:before {
  border-radius: 1.6rem 1.6rem 0 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.compare-item h3 {
  opacity: 0;
  -webkit-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}
.compare-item .list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.compare-item .list__item {
  padding: 1rem 0;
  position: relative
}
.compare-item .list__item::after {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.compare-item .list__item ul {
  margin-top: auto
}
.compare-item .list .price {
  padding: 1rem 0;
  margin-top: auto
}
.compare-item__header {
  position: sticky;
  top: -.1rem;
  z-index: 1;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  background-color: #fff;
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  transition: background-color .3s linear
}
.compare-item__footer-fixed {
  position: sticky;
  width: 100%;
  padding: 1rem;
  left: 0;
  bottom: 1rem;
  background: #fff;
  -webkit-box-shadow: 0 -10px 20px rgba(0,0,0,.25);
  box-shadow: 0 -10px 20px rgba(0,0,0,.25)
}
.compare-item__footer::before {
  width: 100%;
  height: 100%;
  top: 1rem;
  left: 0;
  content: "";
  position: absolute;
  background-color: #fff;
  z-index: -1
}
.compare-item__footer .shadow--up {
  top: 0;
  left: 0;
  right: 0;
  height: 2rem;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.compare-item .btn {
  position: relative;
  width: 100%
}
.compare-item__main {
  position: relative;
  z-index: 10;
  background-color: #f2f2f2;
  border-radius: 1.6rem;
  border-left: none;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.compare-item__main .compare-item__footer,
.compare-item__main .compare-item__header {
  background-color: #f2f2f2
}
.compare-item__main h3 {
  opacity: 1
}
.compare-item__main .btn {
  background-color: #111;
  color: #fff
}
.compare-item__main .btn span {
  color: #fff
}
.compare-item:hover {
  background: #f2f2f2;
  border-color: transparent;
  border-radius: 1.6rem
}
.compare-item:hover + .compare-item {
  border-color: transparent
}
.compare-item:hover h3 {
  opacity: 1
}
.compare-item:hover .btn {
  background-color: #111;
  color: #fff
}
.compare-item:hover .btn span {
  color: #fff
}
.compare-item:hover .compare-item__header {
  background-color: #f2f2f2
}
.compare-item:hover .compare-item__footer-fixed {
  background: rgba(0,0,0,.05)
}
.compare-item__main:hover {
  background-color: #f2f2f2!important;
  border-color: transparent;
  border-radius: 1.6rem
}
.compare-item__main:hover + .compare-item {
  border-color: transparent
}
.compare-item__main:hover h3 {
  opacity: 1!important
}
.compare-item__main:hover .btn {
  background-color: #111!important;
  color: #fff!important
}
.compare-item__main:hover .btn span {
  color: #fff!important
}
.compare-item__main:hover .compare-item__header {
  background-color: #f2f2f2
}
.compare-item__main:hover .compare-item__footer-fixed {
  background: rgba(0,0,0,.05)
}
@-webkit-keyframes changeBgc {
  0% {
    background-color: #fff
  }
  100% {
    background: #f2f2f2
  }
}
@keyframes changeBgc {
  0% {
    background-color: #fff
  }
  100% {
    background: #f2f2f2
  }
}
.compare-item--line {
  padding: 1rem 0;
  position: relative
}
.compare-item--line::after {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,.1);
  -webkit-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);
  transform: scaleX(1.5)
}
.preview {
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.1);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 1rem
}
.preview img {
  -o-object-fit: contain;
  object-fit: contain
}
.preview--48 {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0
}
.modal-gallery__video {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  gap: 2rem
}
.modal-gallery .photos__item {
  mix-blend-mode: multiply
}
.modal-gallery .photos__item:nth-child(5n) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4
}
.photos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3,1fr);
  gap: 2rem
}
.photos__item {
  height: 42vh;
  background-color: rgba(0,0,0,.05);
  overflow: hidden
}
.photos__item .image {
  height: 100%;
  width: 100%
}
.photos__item .image img {
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 4
}
.modal-compare .compare-item__content {
  height: calc(100% - 10rem)
}
.modal-compare .compare-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: scroll
}
.modal-compare .compare-section::before {
  width: 100%;
  height: 11.2rem;
  bottom: 0;
  left: 0;
  background-color: #fff;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 -10px 20px rgba(0,0,0,.25);
  box-shadow: 0 -10px 20px rgba(0,0,0,.25)
}
.modal-compare .compare-section:hover .compare-item__main .list__item h3 {
  opacity: 0
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__content-scroll:before {
  background-color: #fff
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__header {
  background-color: #fff
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__footer .shadow--up {
  opacity: 1
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__footer-fixed {
  border-left-color: transparent
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__footer-fixed:before {
  background-color: #fff
}
.modal-compare .compare-section:hover .compare-item__main .compare-item__footer .btn {
  color: inherit;
  background-color: transparent
}
.modal-compare .compare-section .compare-item {
  overflow: inherit;
  padding: 0;
  background-color: transparent;
  border: none
}
.modal-compare .compare-section .compare-item.swiper-slide-active .compare-item__content-scroll,
.modal-compare .compare-section .compare-item.swiper-slide-active .compare-item__footer-fixed,
.modal-compare .compare-section .compare-item.swiper-slide-duplicate-prev .compare-item__content-scroll,
.modal-compare .compare-section .compare-item.swiper-slide-duplicate-prev .compare-item__footer-fixed,
.modal-compare .compare-section .compare-item.swiper-slide-prev .compare-item__content-scroll,
.modal-compare .compare-section .compare-item.swiper-slide-prev .compare-item__footer-fixed {
  border-left-color: transparent
}
.modal-compare .compare-section .compare-item__main .compare-item__header {
  background-color: #f2f2f2
}
.modal-compare .compare-section .compare-item__main .compare-item__content-scroll {
  border-left-color: transparent;
  position: relative;
  z-index: 0
}
.modal-compare .compare-section .compare-item__main .compare-item__content-scroll:before {
  background-color: #f2f2f2
}
.modal-compare .compare-section .compare-item__main .compare-item__footer {
  background-color: transparent
}
.modal-compare .compare-section .compare-item__main .compare-item__footer-fixed {
  border-left-color: transparent
}
.modal-compare .compare-section .compare-item__main .compare-item__footer-fixed::before {
  background-color: #f2f2f2
}
.modal-compare .compare-section .compare-item__main .compare-item__footer .btn {
  background-color: #111;
  color: #fff
}
.modal-compare .compare-section .compare-item__main .compare-item__footer .shadow--up {
  opacity: 1
}
.modal-compare .compare-section .compare-item__main:hover .list__item h3 {
  opacity: 1
}
.modal-compare .compare-section .compare-item__main:hover .compare-item__header {
  background-color: #f2f2f2
}
.modal-compare .compare-section .compare-item__main:hover .compare-item__footer .btn {
  background-color: #111;
  color: #fff
}
.modal-compare .compare-section .compare-item__content-scroll {
  border-left: 1px solid rgba(0,0,0,.1);
  padding: 0 1rem 2rem;
  -webkit-transition: border-left-color .35s linear;
  -o-transition: border-left-color .35s linear;
  transition: border-left-color .35s linear
}
.modal-compare .compare-section .compare-item__content-scroll .list__item {
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.modal-compare .compare-section .compare-item__content-scroll .list__item::after {
  content: none
}
.modal-compare .compare-section .compare-item__footer-fixed {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-left: 1px solid rgba(0,0,0,.1);
  -webkit-transition: border-left-color .35s linear;
  -o-transition: border-left-color .35s linear;
  transition: border-left-color .35s linear
}
.modal-compare .compare-section .compare-item__footer-fixed::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  border-radius: 0 0 1.6rem 1.6rem;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.modal-compare .compare-section .compare-item:hover .compare-item__content-scroll {
  border-left-color: transparent
}
.modal-compare .compare-section .compare-item:hover .compare-item__footer .shadow--up {
  opacity: 1
}
.modal-compare .compare-section .compare-item:hover .compare-item__footer-fixed {
  border-left-color: transparent
}
.modal-compare .compare-section .compare-item:hover .compare-item__content-scroll::before,
.modal-compare .compare-section .compare-item:hover .compare-item__footer-fixed::before {
  background-color: #f2f2f2
}
.modal-compare .compare-section .compare-item:hover + .compare-item .compare-item__content-scroll,
.modal-compare .compare-section .compare-item:hover + .compare-item .compare-item__footer-fixed {
  border-left-color: transparent
}
.modal-protection .hide {
  display: none
}
.modal-protection .modal-grid__section {
  padding-top: 0
}
.modal-protection .switcher {
  margin-bottom: 2rem
}
.modal-protection__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  gap: 2rem 1rem
}
.modal-protection__item-wrapper {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s linear;
  -o-transition: max-height .5s linear;
  transition: max-height .5s linear
}
.modal-protection__item [data-protect-smooth].active .triangle {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1)
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-size: 10px;
  height: 100%
}
* {
  font-family: Inter,sans-serif;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  min-height: 100vh
}
body,
html {
  width: 100%;
  height: 100%
}
::-webkit-scrollbar {
  display: none
}
body {
  margin: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #111
}
body.active {
  overflow-y: hidden;
  z-index: -1;
  -ms-touch-action: none;
  touch-action: none
}
body.active::after {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  content: "";
  position: fixed;
  background: rgba(0,0,0,.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 56
}
body.no-touch {
  overflow-y: hidden;
  -ms-touch-action: none;
  touch-action: none
}
.page-container {
  height: 100vh;
  height: calc(var(--vh,1vh) * 100)
}
.modal {
  height: 100vh;
  height: calc(var(--vh,1vh) * 100)
}
input,
select,
textarea {
  cursor: pointer
}
ul {
  list-style: none;
  margin-bottom: 0
}
button {
  border: none;
  outline: 0;
  background: 0 0;
  cursor: pointer
}
a {
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  position: relative
}
.icon {
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear
}
svg {
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear
}
.pos-r {
  position: relative
}
.pos-a {
  position: absolute
}
.image {
  position: relative
}
.image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  z-index: 1
}
.video embed,
.video iframe,
.video object {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0
}
main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.no-scroll {
  overflow-y: hidden;
  z-index: -1;
  -ms-touch-action: none;
  touch-action: none
}
footer {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.overflow {
  overflow: hidden
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.inline-block {
  display: inline-block
}
.--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.--just-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.--just-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.--just-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.--just-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.--align-str {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.--align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}
.--align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.--align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.--dir-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
  margin: 0;
  cursor: default
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600
}
.h1,
h1 {
  font-size: 3.2rem;
  line-height: 3.2rem;
  letter-spacing: -.02em
}
.h1--x2 {
  font-size: 6.4rem;
  line-height: 6.4rem
}
.h2,
h2 {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0
}
.h3,
h3 {
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0
}
.h4,
h4 {
  font-size: 1.4rem;
  line-height: 2rem
}
.h5,
h5 {
  font-size: 1.4rem;
  line-height: 2rem
}
.fw-500 {
  font-weight: 500!important
}
.fw-400 {
  font-weight: 400!important
}
.fw-600 {
  font-weight: 600!important
}
.fw-700 {
  font-weight: 700
}
.fw-900 {
  font-weight: 900
}
.txt--1 {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0
}
.txt--2 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0
}
.txt-center {
  text-align: center
}
.txt-right {
  text-align: right
}
.txt-no-underline {
  text-decoration: none
}
.txt-underline {
  text-decoration: underline
}
.br--16 {
  border-radius: 1.6rem
}
.br--6 {
  border-radius: .6rem
}
.bgc--black {
  background-color: #000!important
}
.bgc--black-5 {
  background-color: rgba(0,0,0,.05)
}
.bgc--black-10 {
  background-color: rgba(0,0,0,.1)
}
.bgc--black-20 {
  background-color: rgba(0,0,0,.2)
}
.bgc--coyote {
  background-color: #b9946a
}
.bgc--ranger {
  background-color: #6a6656
}
.bgc--white {
  background-color: #fff
}
.bgc--white-20 {
  background-color: rgba(255,255,255,.2)
}
.bgc--success {
  background-color: #009d52
}
.h-100 {
  height: 100%
}
.w-100 {
  width: 100%
}
.w-auto {
  width: auto;
  min-width: auto
}
.border--all {
  border: 1px solid rgba(0,0,0,.1)
}
.border--bottom {
  border-bottom: 1px solid rgba(0,0,0,.1)
}
.border--top {
  border-top: 1px solid rgba(0,0,0,.1)
}
.border-black {
  border-color: #111
}
.border-white-20 {
  border-color: rgba(255,255,255,.2)
}
.shadow--drop {
  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.25);
  box-shadow: 0 5px 20px rgba(0,0,0,.25)
}
.shadow--up {
  -webkit-box-shadow: 0 -10px 20px rgba(0,0,0,.25);
  box-shadow: 0 -10px 20px rgba(0,0,0,.25)
}
.fit--cover {
  -o-object-fit: cover!important;
  object-fit: cover!important
}
.fit--contain {
  -o-object-fit: contain!important;
  object-fit: contain!important
}
.none {
  display: none!important
}
.arrow--left {
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1)
}
.black {
  background: url(../img/colors/black.png) no-repeat center
}
.coyote {
  background: url(../img/colors/coyote.png) no-repeat center;
  background-size: contain
}
.ranger {
  background: url(../img/colors/ranger.png) no-repeat center;
  background-size: contain
}
.multicam {
  background: url(../img/colors/multicam.jpg) no-repeat center;
  background-size: contain
}
.swiper__nav button {
  width: 4rem;
  height: 4rem;
  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;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 40px;
  margin: 0 .5rem;
  color: #111;
  background-color: transparent;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.swiper__nav button span {
  font-size: 2.4rem;
  line-height: 4rem;
  color: inherit
}
.swiper__nav button:hover {
  background-color: rgba(0,0,0,.4)
}
.swiper__nav .swiper-button-disabled {
  opacity: .15;
  pointer-events: none
}
.swiper-lazy-preloader {
  border-color: #6a6656;
  border-top-color: transparent;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear
}
.scroll__wrapper {
  height: calc(100% - 6.8rem);
  overflow-y: auto;
  overflow-x: hidden
}
.scroll--y {
  overflow-x: auto
}
.scroll--y::-webkit-scrollbar {
  display: none
}
.scroll-x {
  overflow-x: scroll
}
.colors .color {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .6rem;
  padding: .4rem;
  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;
  overflow: hidden
}
.colors .color:last-child {
  margin-right: 0
}
.colors .color .icon {
  opacity: 0;
  -webkit-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out
}
.colors .color.active .icon {
  opacity: 1;
  z-index: 5
}
.cursor-default {
  cursor: default
}
.cursor-default:hover {
  cursor: default
}
.mb-5 {
  margin-bottom: .5rem
}
.mb-10 {
  margin-bottom: 1rem
}
.mb-15 {
  margin-bottom: 1.5rem
}
.mb-20 {
  margin-bottom: 2rem
}
.mb-25 {
  margin-bottom: 2.5rem
}
.mb-30 {
  margin-bottom: 3rem
}
.mb-40 {
  margin-bottom: 4rem
}
.mb-60 {
  margin-bottom: 6rem
}
.mb-auto {
  margin-bottom: auto
}
.mt-5 {
  margin-top: .5rem
}
.mt-10 {
  margin-top: 1rem
}
.mt-15 {
  margin-top: 1.5rem
}
.mt-20 {
  margin-top: 2rem
}
.mt-30 {
  margin-top: 3rem
}
.mt-40 {
  margin-top: 4rem
}
.mt-60 {
  margin-top: 6rem
}
.mt-auto {
  margin-top: auto
}
.mr-5 {
  margin-right: .5rem
}
.mr-10 {
  margin-right: 1rem
}
.mr-15 {
  margin-right: 1.5rem
}
.mr-20 {
  margin-right: 2rem
}
.mr-30 {
  margin-right: 3rem
}
.mr-40 {
  margin-right: 4rem
}
.mr-60 {
  margin-right: 6rem
}
.mr-auto {
  margin-right: auto
}
.ml-5 {
  margin-left: .5rem
}
.ml-10 {
  margin-left: 1rem
}
.ml-15 {
  margin-left: 1.5rem
}
.ml-20 {
  margin-left: 2rem
}
.ml-30 {
  margin-left: 3rem
}
.ml-40 {
  margin-left: 4rem
}
.ml-60 {
  margin-left: 6rem
}
.ml-auto {
  margin-left: auto
}
.mx-auto {
  margin-left: auto;
  margin-right: auto
}
.py-10 {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.py-20 {
  padding-top: 2rem;
  padding-bottom: 2rem
}
.py-40 {
  padding-top: 4rem;
  padding-bottom: 4rem
}
.px-10 {
  padding-left: 1rem;
  padding-right: 1rem
}
.px-20 {
  padding-left: 2rem;
  padding-right: 2rem
}
.pt-20 {
  padding-top: 2rem
}
.pt-40 {
  padding-top: 4rem
}
.pb-10 {
  padding-bottom: 1rem
}
.pb-20 {
  padding-bottom: 2rem
}
.pb-40 {
  padding-bottom: 4rem
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem
}
.wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.col {
  padding: 0 10px;
  width: 100%
}
.col-1 {
  width: 50%
}
.wrapper-6 {
  margin: 0 -1rem
}
.pad-0 {
  padding: 0
}
.marg-0 {
  margin: 0
}
.text-upper {
  text-transform: uppercase
}
.text-color__black {
  color: #111!important
}
.text-color__black--60 {
  color: rgba(0,0,0,.6)
}
.text-color__black--40 {
  color: rgba(0,0,0,.4)
}
.text-color__black--20 {
  color: rgba(0,0,0,.2)
}
.text-color__error {
  color: #ff3d00
}
.text-color__success {
  color: #009d52
}
.text-color__warning {
  color: #ff8a00
}
.text-color__white {
  color: #fff
}
.text-color__white--60 {
  color: rgba(255,255,255,.6)
}
.text-color__white--40 {
  color: rgba(255,255,255,.4)
}
.wpcf7 form .wpcf7-response-output {
  border-radius: .6rem;
  margin: 3rem 0 1rem
}
.wpcf7 form p {
  margin-bottom: 0!important
}
.form__item {
  padding: 1rem 0;
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  width: 100%;
  color: rgba(0,0,0,.6)
}
.form__item label {
  position: absolute;
  left: 0;
  top: 2rem;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  white-space: nowrap
}
.form__item label.focus {
  top: 0;
  color: #111
}
.form__item .wpcf7-form-control-wrap {
  position: static
}
.form__item .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: -.5rem;
  font-size: 1.2rem;
  line-height: 1.4rem
}
.form__item input,
.form__item textarea {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1rem 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0,0,0,.2);
  background: 0 0;
  width: 100%;
  color: #111;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}
.form__item input:focus-visible,
.form__item textarea:focus-visible {
  border-color: #111;
  outline: 0
}
.form__item input:focus ~ label,
.form__item textarea:focus ~ label {
  top: 0;
  color: #111;
  font-size: 12px;
  line-height: 16px
}
.form__item.not-empty .wpcf7-form-control-wrap ~ label,
.form__item.not-empty input ~ label {
  top: 0;
  font-size: 12px;
  line-height: 16px
}
.form__item.not-empty .form-row label {
  top: 0;
  font-size: 12px;
  line-height: 16px
}
.form__item.not-empty .form-row select {
  border: none;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.33rem;
  border-bottom: 1px solid rgba(0,0,0,.2);
  font-weight: 600
}
.form__item.not-empty .form-row select:focus-visible {
  outline: 0
}
.form__item textarea {
  resize: none;
  height: 14rem
}
.form__item_white {
  color: rgba(255,255,255,.6)
}
.form__item_white input,
.form__item_white textarea {
  border-bottom: 1px solid rgba(255,255,255,.2);
  color: #fff
}
.form__item_white input:focus-visible,
.form__item_white textarea:focus-visible {
  border-color: #fff
}
.form__item_white input:focus ~ label,
.form__item_white textarea:focus ~ label {
  color: #fff
}
.form__row .form__item {
  width: calc((100% - 1rem)/ 2)
}
.form__row .form__item:first-child {
  margin-right: 1rem
}
.page-navigation {
  padding: .6rem 0
}
.page-navigation li {
  padding-right: 1.3rem;
  position: relative;
  list-style: none
}
.page-navigation li::after {
  width: auto;
  height: 100%;
  top: 0;
  right: 0;
  content: "/";
  position: absolute;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}
.page-navigation li:last-child::after {
  content: none
}
.page-navigation a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear
}
.page-navigation a:hover {
  text-decoration: underline;
  color: #111
}
.pagination {
  padding: 2rem 0
}
.pagination__list {
  width: 100%;
  overflow-x: scroll
}
.pagination__next.disabled,
.pagination__prev.disabled {
  pointer-events: none;
  color: rgba(0,0,0,.4)
}
.pagination__item,
.pagination__next,
.pagination__prev {
  width: 4.8rem;
  height: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 .5rem
}
.pagination__item {
  border: 1px solid rgba(0,0,0,.2);
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
.pagination__item:hover {
  background-color: rgba(0,0,0,.1)
}
.pagination__item.active {
  border: 2px solid #111
}
.pagination__next,
.pagination__prev {
  background-color: transparent;
  color: #111
}
.pagination__next .icon-arrow-right,
.pagination__prev .icon-arrow-right {
  font-size: 2.4rem;
  line-height: 2.4rem
}
.filter {
  border: 1px solid rgba(0,0,0,.1);
  overflow: hidden;
  border-radius: 1.6rem;
  overflow: hidden;
  -webkit-transition: max-height .7s;
  -o-transition: max-height .7s;
  transition: max-height .7s;
  background-color: #fff
}
.filter--wrapper,
.filter__trigers {
  width: 100%;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s
}
.filter__name span {
  display: none
}
.filter__trigers {
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  overflow-y: hidden
}
.filter__trigers .filter__triger-stock {
  display: none
}
.filter__trigers .filter__triger-stock .h3 {
  white-space: nowrap
}
.filter__trigers .filter__triger-stock + .filter__item .filter__triger:hover {
  border-top-left-radius: 1.6rem
}
.filter__btns {
  display: none;
  top: 0
}
.filter__btns .btn,
.filter__btns .dropdown {
  height: 4rem;
  width: calc((100% - 2rem)/ 2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.filter__btns .btn .h5 {
  font-size: 1.2rem;
  line-height: 1.6rem
}
.filter__btns .dropdown {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.filter__btns .dropdown__btn {
  width: 100%
}
.filter__btns .dropdown__content .title {
  display: none
}
.filter__btns .dropdown__content .btn {
  display: none
}
.filter__btns.--fixed {
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #fff;
  z-index: 49;
  top: 57px;
  -webkit-transition: position .5s ease-in-out;
  -o-transition: position .5s ease-in-out;
  transition: position .5s ease-in-out;
  padding: 1rem
}
.filter__item {
  width: 100%;
  border-right: 1px solid rgba(0,0,0,.1);
  z-index: 5;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}
.filter__item:last-child {
  border-right: none
}
.filter__item:last-child .filter__triger:hover {
  border-top-right-radius: 1.6rem
}
.filter__triger {
  padding: 1.5rem 2rem;
  cursor: pointer;
  height: 6rem;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}
.filter__triger:hover {
  background-color: rgba(0,0,0,.1)
}
.filter__triger.active + .filter__content {
  opacity: 1
}
.filter__content {
  position: relative;
  height: 100%;
  opacity: 0;
  max-height: 0;
  -webkit-transition: max-height .7s,opacity .6s ease;
  -o-transition: max-height .7s,opacity .6s ease;
  transition: max-height .7s,opacity .6s ease
}
.filter__content-wrapper {
  max-height: 60px;
  -webkit-transition: max-height .7s;
  -o-transition: max-height .7s;
  transition: max-height .7s
}
.filter.active {
  overflow: visible
}
.filter.active .filter__name .triangle {
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}
.filter.active .filter__content {
  opacity: 1;
  max-height: 100%
}
.filter.active .filter__content::after {
  content: ""
}
.filter.active .advanced {
  opacity: 1
}
.filter.active .advanced__btn {
  position: relative
}
.filter.active .advanced__btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  height: 1px;
  background-color: rgba(0,0,0,.1)
}
.filter__items {
  padding: 1.5rem 2rem
}
.filter__items [data-filter-control].disabled {
  opacity: .7;
  pointer-events: none
}
.filter__items [data-filter-items] {
  font-size: 1.2rem
}
.filter__items .dropdown__content {
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}
.filter-color {
  padding-bottom: 2rem
}
.filter-color__item {
  cursor: pointer
}
.filter-color__item div:first-child {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  overflow: hidden;
  padding: .4rem;
  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
}
.filter-color__item .icon {
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear
}
.filter-color__item.selected .icon {
  opacity: 1
}
.filter-color__item:last-child {
  margin-bottom: 0
}
.filter .checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto
}
.filter__selected {
  padding: 1rem 2rem;
  display: none;
  position: relative
}
.filter__selected:after {
  height: 1px;
  bottom: 0;
  left: 2rem;
  right: 2rem;
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,.1)
}
.filter__selected.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.filter__selected.active + .filter__content-wrapper .filter__item:first-child .filter__triger:hover {
  border-top-left-radius: 0
}
.filter__selected.active + .filter__content-wrapper .filter__item:last-child .filter__triger:hover {
  border-top-right-radius: 0
}
.filter__selected .labels {
  width: 50%;
  overflow-x: scroll
}
.filter__selected .labels .label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 1rem;
  border: 1px solid rgba(0,0,0,.4);
  border-radius: 30px;
  height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color .35s ease-in-out;
  -o-transition: background-color .35s ease-in-out;
  transition: background-color .35s ease-in-out
}
.filter__selected .labels .label .delete {
  width: 1.3rem;
  height: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.filter__selected .labels .label .delete .icon {
  width: 100%;
  height: 100%
}
.filter__selected .labels .label:hover {
  background-color: rgba(0,0,0,.2)
}
.filter__selected-btns {
  width: 50%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}
.filter__selected-btns .btn {
  width: 100%;
  max-width: 11rem;
  height: 4rem
}
.filter__selected-btns .btn.disabled {
  opacity: .7;
  pointer-events: none
}
.filter__selected-btns .btn:nth-child(2) {
  display: none
}
.filter .label {
  min-width: auto;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}
.advanced {
  max-height: 0;
  opacity: 0;
  overflow-y: scroll;
  -webkit-transition: max-height .7s,opacity .6s ease;
  -o-transition: max-height .7s,opacity .6s ease;
  transition: max-height .7s,opacity .6s ease
}
.advanced__btn {
  padding: 2rem
}
.advanced__content {
  max-height: 0;
  overflow: auto;
  -webkit-transition: max-height .7s;
  -o-transition: max-height .7s;
  transition: max-height .7s
}
.advanced__content-item {
  padding: 2rem
}
.advanced [data-target=advanced-filter] {
  cursor: pointer
}
.advanced [data-target=advanced-filter].active .dropdown-triger {
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}
.dropdown-triger {
  width: 1.2rem;
  height: .75rem;
  -webkit-transition: -webkit-transform .7s linear;
  transition: -webkit-transform .7s linear;
  -o-transition: transform .7s linear;
  transition: transform .7s linear;
  transition: transform .7s linear,-webkit-transform .7s linear
}
.info {
  height: 1.5rem
}
.info .icon {
  width: 1.5rem;
  height: 1.5rem
}
.catalog-page__filter.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 6rem;
  background-color: #fff;
  z-index: 50
}
.catalog-page__filter.fixed .filter {
  border-radius: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent
}
@-webkit-keyframes showBottom {
  0% {
    bottom: -100vh
  }
  100% {
    bottom: 0
  }
}
@keyframes showBottom {
  0% {
    bottom: -100vh
  }
  100% {
    bottom: 0
  }
}
@-webkit-keyframes hideBottom {
  0% {
    bottom: 0
  }
  100% {
    bottom: -100vh
  }
}
@keyframes hideBottom {
  0% {
    bottom: 0
  }
  100% {
    bottom: -100vh
  }
}
@-webkit-keyframes hideOpacity {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes hideOpacity {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes showOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes showOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.catalog-item {
  color: #111;
  text-decoration: none;
  -webkit-animation: zIndexHide .25s linear;
  animation: zIndexHide .25s linear;
  width: 100%;
  z-index: 0
}
.catalog-item .switcher {
  height: 3rem;
  max-width: 100%
}
.catalog-item .switcher a {
  color: #111!important
}
.catalog-item .switcher__item {
  padding: .5rem .75rem;
  white-space: nowrap;
  min-height: auto;
  width: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111
}
.catalog-item__preview {
  height: 100%;
  background: #f2f2f2;
  border-radius: 16px;
  -webkit-transition: border-radius .25s linear;
  -o-transition: border-radius .25s linear;
  transition: border-radius .25s linear;
  position: relative;
  z-index: 11
}
.catalog-item__preview .labels {
  height: 2.4rem
}
.catalog-item__header {
  padding: 1rem;
  position: absolute;
  width: 100%;
  z-index: 5
}
.catalog-item__header button {
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}
.catalog-item__header .icon-arrow-right {
  font-size: .8rem;
  line-height: 1.6rem;
  margin-left: .3rem
}
.catalog-item__header .reviews a {
  text-decoration: none;
  color: rgba(0,0,0,.6);
  z-index: 1;
  font-weight: 400
}
.catalog-item__colors {
  height: 3rem
}
.catalog-item__gallery {
  opacity: 0;
  width: 14vw;
  min-width: 100%;
  height: 38.5rem;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: auto;
  mix-blend-mode: multiply
}
.catalog-item__gallery .next,
.catalog-item__gallery .prev {
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  border: none;
  cursor: pointer;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}
.catalog-item__gallery .next:hover,
.catalog-item__gallery .prev:hover {
  background-color: rgba(0,0,0,.05)
}
.catalog-item__gallery .prev {
  left: 0
}
.catalog-item__gallery .next {
  right: 0
}
.catalog-item__image {
  overflow: hidden;
  padding: 0 2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.catalog-item__image .image {
  width: 100%;
  height: 100%
}
.catalog-item__image .image img {
  -o-object-fit: contain;
  object-fit: contain
}
.catalog-item .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0 .5rem!important;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}
.catalog-item .swiper-pagination {
  bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.catalog-item__title {
  overflow: hidden;
  border-radius: 0 0 16px 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: background-color .15s linear;
  -o-transition: background-color .15s linear;
  transition: background-color .15s linear;
  border: 1px solid transparent;
  color: #111;
  background-color: transparent;
  z-index: 10
}
.catalog-item__title button {
  color: #111
}
.catalog-item__title a {
  margin-top: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 4.8rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}
.catalog-item__title.catalog-item--line {
  padding: 1rem
}
.catalog-item .colors .color {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: none
}
.catalog-item__info + .catalog-item__info {
  margin-top: .5rem
}
.catalog-item .name {
  font-size: 1.2rem;
  line-height: 2rem
}
.catalog-item__descr {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  border-radius: 0 0 16px 16px;
  position: absolute;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  bottom: .5rem;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
  width: 100%
}
.catalog-item__descr .label {
  font-size: 1.4rem;
  line-height: 1.6rem
}
.catalog-item--line {
  padding: .5rem 1rem
}
.catalog-item__filters {
  padding: .5rem 1rem
}
.catalog-item__filters .name {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.catalog-item__filters .list {
  width: 100%;
  overflow-y: scroll
}
.catalog-item__filters .list__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 .5rem;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  border-radius: 2px;
  height: 2rem;
  border-right: 1px solid rgba(0,0,0,.1);
  cursor: pointer
}
.catalog-item__filters .list__item:hover {
  background-color: rgba(0,0,0,.1)
}
.catalog-item__filters .list__item.active {
  background-color: #111;
  color: #fff
}
.catalog-item__filters .list__item:last-child {
  border-right: none
}
.catalog-item__filters .list__item.disabled {
  opacity: .3;
  pointer-events: none;
  cursor: not-allowed
}
.catalog-item__filters .list--white .list__item.active {
  background-color: #fff;
  color: #111
}
.catalog-item__btn {
  padding: 1rem;
  position: relative;
  z-index: 20
}
.catalog-item__btn-mobile {
  display: none;
  margin-top: 1rem
}
.catalog-item:hover {
  z-index: 15;
  -webkit-animation: zIndexShow .25s linear;
  animation: zIndexShow .25s linear
}
.catalog-item:hover .catalog-item__preview {
  border-radius: 16px 16px 0 0
}
.catalog-item:hover .catalog-item__title {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0;
  border-top-color: transparent;
  border-bottom-color: transparent
}
.catalog-item:hover .catalog-item__descr {
  -webkit-animation: showProductInfo .25s linear;
  animation: showProductInfo .25s linear;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}
.catalog-item:hover .catalog-item__gallery .next,
.catalog-item:hover .catalog-item__gallery .prev {
  opacity: 1;
  visibility: visible
}
.catalog-item:hover .swiper-pagination-bullet {
  opacity: 1
}
.catalog-item .label {
  min-width: auto;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}
@-webkit-keyframes showProductInfo {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}
@keyframes showProductInfo {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}
@-webkit-keyframes zIndexHide {
  0% {
    z-index: 15
  }
  90% {
    z-index: 0
  }
}
@keyframes zIndexHide {
  0% {
    z-index: 15
  }
  90% {
    z-index: 0
  }
}
@-webkit-keyframes zIndexShow {
  0% {
    z-index: 0
  }
  10% {
    z-index: 15
  }
  90% {
    z-index: 15
  }
}
@keyframes zIndexShow {
  0% {
    z-index: 0
  }
  10% {
    z-index: 15
  }
  90% {
    z-index: 15
  }
}
@-webkit-keyframes hideProductInfo {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes hideProductInfo {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.page__promo .header {
  background-color: transparent;
  color: #fff
}
.page__promo main {
  margin-top: 0
}
.promo-page {
  overflow: hidden;
  padding-top: 0
}
.promo-page-black-friday {
  overflow: visible
}
.promo-page-black-friday .catalog-promo {
  background: 0 0;
  overflow-x: hidden;
  min-height: 35vh
}
.promo-page-black-friday picture {
  display: block;
  width: 100%;
  height: auto
}
.promo-page-black-friday picture img {
  width: 100%;
  height: auto
}
.promo-page-black-friday .catalog-page__header {
  position: absolute;
  top: 0;
  padding: 0!important;
  min-height: auto!important
}
.promo-page-black-friday h1 {
  opacity: 0
}
.promo-page__title {
  font-size: 4.2rem;
  line-height: 3.2rem;
  text-align: center
}
.page__catalog .container {
  padding: 0 1rem
}
.catalog-promo {
  width: 100%;
  background: url(../img/promo-bg.png) no-repeat center/cover
}
.catalog-promo .catalog-page__header {
  padding: 6rem 0 4rem;
  min-height: 29rem
}
.catalog-promo .catalog-page__header a {
  color: rgba(255,255,255,.6)
}
.catalog-page__description h2,
.catalog-page__description h3,
.catalog-page__description h4,
.catalog-page__description h5,
.catalog-page__description h6,
.catalog-page__description p {
  margin-bottom: 1rem
}
.catalog-page__description ol li,
.catalog-page__description ul li {
  margin-bottom: .5rem
}
.catalog-page__description ul {
  list-style: disc inside;
  margin-bottom: 1rem
}
.catalog-page__description ol {
  padding-left: 2rem;
  list-style-position: outside;
  margin-bottom: 1rem
}
.catalog-page__title {
  padding: 2rem 0;
  border-top: 1px solid #111
}
.catalog-page__header a {
  color: #111;
  text-decoration: none
}
.catalog-page__header a .arrow span {
  font-size: 2.4rem;
  line-height: 2.4rem
}
.catalog-page__header h1 {
  -ms-flex-item-align: end;
  align-self: flex-end
}
.catalog-page__header .dropdown-btn {
  max-width: 28.5rem
}
.catalog-page__header [data-products-count] {
  margin-right: auto;
  -ms-flex-item-align: end;
  align-self: flex-end
}
.catalog-page__header [data-sort-by] {
  max-width: 7rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow-x: scroll;
  white-space: nowrap
}
.catalog-page .dropdown__list .list-item.disabled {
  color: rgba(0,0,0,.4);
  pointer-events: none
}
.catalog-page__categories {
  margin: 0 -.5rem;
  overflow: hidden
}
.catalog-page__filter {
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s
}
.catalog-page__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6,1fr);
  gap: 2rem;
  padding-top: 2rem;
  width: 100%
}
.catalog-page__items .no-products {
  grid-column: 1/-1;
  padding: 1rem
}
.catalog-page__items .warranty {
  grid-column: 1/-1;
  border: 1px solid rgba(0,0,0,.1)
}
.catalog-page__items .warranty__item:first-child {
  border-left: none
}
.catalog-page__items .warranty__item:last-child {
  border-right: none
}
.catalog-page .labels .label {
  margin-right: .5rem
}
.catalog-page .labels .label:last-child {
  margin-right: 0
}
.catalog-banner {
  grid-column: 4/-1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.catalog-banner .label {
  min-width: auto;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}
.banner-plate {
  padding: 2rem
}
.banner-plate .title {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.banner-plate .title::after {
  width: 100%;
  height: 4rem;
  bottom: -4rem;
  left: 0;
  content: "";
  position: absolute;
  background-color: #000;
  -webkit-transform: scaleX(1.1) translateX(.5rem);
  -ms-transform: scaleX(1.1) translateX(.5rem);
  transform: scaleX(1.1) translateX(.5rem)
}
.banner-plate__info {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  border: 2px solid #fff
}
.banner-plate__info .image {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 10rem;
  width: 100%;
  height: 25rem
}
.banner-plate__info .image img {
  -o-object-fit: contain;
  object-fit: contain
}
.banner-plate__btn {
  width: 100%;
  position: relative;
  z-index: 5
}
.banner-plate__btn .btn {
  width: 100%;
  max-width: 11rem;
  position: relative;
  z-index: 5
}
.banner-plate__btn::after {
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  background-color: #000;
  -webkit-transform: scale(1.2,2.5);
  -ms-transform: scale(1.2,2.5);
  transform: scale(1.2,2.5);
  z-index: 1
}
.banner--row {
  grid-column: 1/-1;
  padding: 2rem;
  background-color: #111;
  min-height: 27rem;
  overflow: hidden
}
.banner--row img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  z-index: 0
}
.banner-tactics {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.banner-tactics + .title {
  font-weight: 400;
  font-size: calc(32px + 38 * ((100vw - 375px)/ 1545));
  line-height: calc(32px + 38 * ((100vw - 375px)/ 1545));
  color: #dfebe5;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%
}
.banner__wrapper {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding: 1rem;
  width: 100%;
  height: 100%
}
.banner__slider {
  z-index: 5;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%
}
.banner__slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  top: 0;
  left: 0;
  z-index: 0
}
.banner__img {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  z-index: 2
}
.banner .swiper-wrapper {
  z-index: 3
}
.banner .swiper-pagination-white .swiper-pagination-bullet {
  width: .8rem;
  height: .8rem;
  background: rgba(255,255,255,.4)
}
.banner .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}
.banner .swiper__nav {
  z-index: 11
}
.banner .swiper__nav button.white {
  color: #fff;
  border: none
}
.banner::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.05)));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.05),rgba(0,0,0,.05));
  background: linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05));
  z-index: 1
}
.banner__nav {
  z-index: 10
}
.banner .catalog-item__header {
  width: 100%;
  z-index: 10
}
.banner__descr {
  position: relative;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-transition: height .35s linear;
  -o-transition: height .35s linear;
  transition: height .35s linear
}
.banner__descr .label {
  opacity: 0;
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear
}
.banner .descr {
  background: #111;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  width: 100%;
  border-radius: 0 0 .8rem .8rem;
  -webkit-animation: hideDescr .8s forwards;
  animation: hideDescr .8s forwards
}
.banner .catalog-item__title {
  background: #111;
  border-radius: 8px;
  z-index: 10;
  height: 100%;
  width: 100%
}
.banner:hover .banner__wrapper .label {
  opacity: 1
}
.banner:hover .catalog-item__title {
  border-radius: .8rem .8rem 0 0
}
.banner:hover .descr {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: showDescr .8s forwards;
  animation: showDescr .8s forwards
}
.banner-subscribe {
  padding: 2rem;
  border: 1px solid rgba(0,0,0,.1)
}
.banner-subscribe .text {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 1rem
}
.banner-subscribe input:hover {
  border-color: rgba(0,0,0,.4)
}
.banner-subscribe .btn {
  background-color: transparent;
  padding: 1.4rem 0;
  width: 100%;
  max-width: 12rem;
  border: 1px solid #111
}
.banner-subscribe .btn:hover {
  border-color: rgba(0,0,0,.1);
  background-color: rgba(0,0,0,.1);
  color: #111
}
.banner__logo {
  width: 11.5rem;
  height: 3rem;
  position: relative;
  z-index: 1
}
.banner__link {
  padding: 1.5rem;
  border: 2.5px solid #dfebe5;
  color: #dfebe5;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  height: 4.8rem;
  background-color: transparent;
  -webkit-transition: background-color .35s ease-in-out;
  -o-transition: background-color .35s ease-in-out;
  transition: background-color .35s ease-in-out;
  cursor: pointer
}
.banner__link:hover {
  background-color: rgba(255,255,255,.4)
}
.banner-big .catalog-item__header button {
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear
}
.banner-big .catalog-item__header button:hover {
  color: #fff
}
.banner-big .catalog-item__header button:hover span:last-child {
  color: #fff
}
.icon-link {
  width: 1.8rem;
  height: 1.8rem
}
.categories {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  min-width: 100%;
  overflow-x: scroll
}
.categories__item {
  padding: 1.5rem;
  height: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 12rem
}
.categories__item div {
  position: relative;
  z-index: 3
}
.categories__item .image {
  width: 9rem;
  height: 9rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 1.5rem;
  z-index: 2
}
.categories__item::after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: 0 0;
  z-index: 0;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.categories__item::before {
  inset: .75rem;
  border: 1px solid #fff;
  border-radius: 16px;
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear;
  z-index: 1
}
.categories__item:hover::after {
  background: #111
}
.categories__item:hover::before {
  opacity: 1
}
.categories__item-wrapper {
  padding: 0 .5rem;
  min-width: 20%;
  max-width: 27rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-decoration: none
}
.categories__item-wrapper.active {
  pointer-events: none
}
.categories__item-wrapper.active .categories__item {
  background: #111!important
}
.categories__item-wrapper:nth-child(1n) .categories__item {
  background: -webkit-gradient(linear,left bottom,left top,from(#505a49),to(#505a49)),#fff;
  background: -o-linear-gradient(bottom,#505a49,#505a49),#fff;
  background: linear-gradient(0deg,#505a49,#505a49),#fff
}
.categories__item-wrapper:nth-child(2n) .categories__item {
  background: -webkit-gradient(linear,left bottom,left top,from(#52553e),to(#52553e)),#fff;
  background: -o-linear-gradient(bottom,#52553e,#52553e),#fff;
  background: linear-gradient(0deg,#52553e,#52553e),#fff
}
.categories__item-wrapper:nth-child(3n) .categories__item {
  background: -webkit-gradient(linear,left bottom,left top,from(#5d6040),to(#5d6040)),#fff;
  background: -o-linear-gradient(bottom,#5d6040,#5d6040),#fff;
  background: linear-gradient(0deg,#5d6040,#5d6040),#fff
}
.categories__item-wrapper:nth-child(4n) .categories__item {
  background: -webkit-gradient(linear,left bottom,left top,from(#44432c),to(#44432c)),#fff;
  background: -o-linear-gradient(bottom,#44432c,#44432c),#fff;
  background: linear-gradient(0deg,#44432c,#44432c),#fff
}
.categories__item-wrapper:nth-child(5n) .categories__item {
  background: -webkit-gradient(linear,left bottom,left top,from(#5d6164),to(#5d6164)),#fff;
  background: -o-linear-gradient(bottom,#5d6164,#5d6164),#fff;
  background: linear-gradient(0deg,#5d6164,#5d6164),#fff
}
.banner-member__header div {
  padding-bottom: 1rem;
  width: 100%;
  border-color: rgba(255,255,255,.1);
  margin-right: 2rem
}
.banner-member__header .btn {
  width: 100%;
  max-width: 24.5rem
}
.banner-member__footer {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.banner-member__content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}
.banner-member__items {
  width: 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.banner-member__item {
  width: 50%;
  white-space: nowrap
}
.banner-member__item .icon-arrow-right {
  font-size: 3.2rem;
  line-height: 3.2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.sale-banner img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: 1
}
.sale-banner .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 2rem;
  position: relative;
  z-index: 2
}
.sale-banner .content .btn {
  padding: 1.4rem 0;
  width: 100%;
  max-width: 15.5rem
}
.marquee {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 2rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #111;
  position: relative;
  z-index: 5;
  white-space: nowrap
}
.marquee span {
  padding: 1rem 1rem;
  background-color: #111
}
@-webkit-keyframes hideDescr {
  0% {
    height: 100%
  }
  100% {
    opacity: 0
  }
}
@keyframes hideDescr {
  0% {
    height: 100%
  }
  100% {
    opacity: 0
  }
}
@-webkit-keyframes showDescr {
  0% {
    width: 100%
  }
  100% {
    height: 100%
  }
}
@keyframes showDescr {
  0% {
    width: 100%
  }
  100% {
    height: 100%
  }
}
.viewed__header {
  padding: 1.5rem 0;
  border-top: 1px solid #111
}
.viewed .swiper-wrapper {
  height: auto
}
.viewed .catalog-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.viewed .catalog-item__gallery {
  height: 32.5vh
}
.viewed .catalog-item__preview {
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.viewed .catalog-item__image {
  padding-bottom: 0;
  height: 100%
}
.viewed .catalog-item:hover .catalog-item__title {
  border-radius: 0;
  border: none;
  background-color: transparent
}
.viewed .catalog-item:hover .catalog-item__preview {
  background-color: rgba(0,0,0,.1);
  border-radius: 1.6rem
}
.viewed__wrapper {
  padding-bottom: 10rem
}
.checkbox {
  cursor: pointer
}
.checkbox__box {
  padding: .3rem;
  border-radius: 3px;
  width: 2.4rem;
  height: 2.4rem;
  border: 2px solid rgba(0,0,0,.6);
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
.checkbox__box svg {
  opacity: 0;
  -webkit-transition: opacity .35s ease-in-out;
  -o-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out;
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s
}
.checkbox__box--white {
  background-color: #fff
}
.checkbox.active .checkbox__title {
  color: #111
}
.checkbox.active .checkbox__box {
  background-color: #111
}
.checkbox.active .checkbox__box svg {
  opacity: 1
}
.checkbox.active .checkbox__box--white {
  background-color: transparent;
  border-color: #fff
}
.dropdown {
  display: inline-block;
  cursor: pointer
}
.dropdown__content {
  position: absolute;
  background-color: #f1f1f1;
  visibility: hidden;
  -webkit-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
  opacity: 0;
  z-index: 50;
  z-index: 10
}
.dropdown.disabled {
  cursor: default
}
.dropdown.disabled .label {
  pointer-events: none
}
.dropdown.disabled .triangle {
  opacity: 0
}
.dropdown.disabled:hover .dropdown__content {
  visibility: hidden;
  opacity: 0
}
.dropdown.disabled:hover .label {
  background-color: rgba(0,0,0,.4)
}
.dropdown:hover .dropdown__content {
  visibility: visible;
  opacity: 1
}
.dropdown-btn {
  padding: 1.4rem calc(10px + 10 * ((100vw - 375px)/ 1545));
  border: 1px solid rgba(0,0,0,.2)
}
.dropdown-btn .dropdown__btn {
  position: relative
}
.dropdown-btn .dropdown__content {
  width: calc(100% + 2px);
  background-color: transparent;
  left: -1px;
  -webkit-transform: translateY(.7rem);
  -ms-transform: translateY(.7rem);
  transform: translateY(.7rem);
  overflow: hidden;
  visibility: hidden
}
.dropdown-btn:hover {
  padding: 1.4rem calc(10px + 10 * ((100vw - 375px)/ 1545));
  margin: 0
}
.dropdown-btn:hover .triangle {
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}
.dropdown-btn:hover .dropdown__content {
  border-radius: 0 0 1.6rem 1.6rem
}
.dropdown-btn--white {
  border: 1px solid rgba(255,255,255,.2);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.dropdown-btn--white .triangle {
  border-top: 7.5px solid #fff!important
}
.dropdown__list .list-item {
  padding: 1.4rem calc(10px + 10 * ((100vw - 375px)/ 1545));
  border-bottom: 1px solid rgba(0,0,0,.2);
  background-color: #f1f1f1;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear
}
.dropdown__list .list-item:hover {
  background-color: #e4e4e4
}
.dropdown__list .list-item:last-child {
  border-bottom: none
}
.dropdown-select {
  display: block;
  width: 100%
}
.dropdown-select .form__item input {
  border-bottom: none;
  padding: 0 0 0 1.1rem;
  font-size: 1.4rem;
  line-height: 2rem
}
.dropdown-select .form__item input:focus ~ label {
  top: -1rem
}
.dropdown-select .form__item input:focus ~ span.h3 {
  opacity: 1
}
.dropdown-select .form__item.not-empty .wpcf7-form-control-wrap ~ label,
.dropdown-select .form__item.not-empty input ~ label {
  top: -1rem
}
.dropdown-select .form__item.not-empty span.h3 {
  opacity: 1
}
.dropdown-select .form__item span.h3 {
  left: 0;
  top: 1rem;
  opacity: 0;
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear
}
.dropdown-select .form__item label {
  top: 1rem
}
.dropdown-select .form__item input::-webkit-inner-spin-button,
.dropdown-select .form__item input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.dropdown-select .form__item input[type=number] {
  -moz-appearance: textfield
}
.dropdown-select .dropdown__content {
  width: 100%;
  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.25);
  box-shadow: 0 5px 20px rgba(0,0,0,.25);
  max-height: 13rem;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
  overflow-y: scroll
}
.dropdown-select .dropdown__list {
  background-color: #fff;
  padding-bottom: 1rem
}
.dropdown-select .dropdown__list .list-item {
  padding: .5rem 1rem;
  border: none;
  background-color: #fff
}
.dropdown-select .dropdown__list .list-item:hover {
  background-color: rgba(0,0,0,.05)
}
.triangle {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 7.5px;
  border-right-width: 7.5px;
  border-top: 7.5px solid #000;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}
.switcher {
  height: 4rem;
  overflow: hidden;
  max-width: 20.5rem;
  width: 100%
}
.switcher--s {
  width: 12.8rem
}
.switcher_one .switcher__item {
  border-radius: 6px!important
}
.switcher__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 50%;
  background-color: transparent;
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear;
  overflow: hidden;
  border-radius: 0 6px 6px 0;
  border: 1px solid;
  border-color: rgba(0,0,0,.2)
}
.switcher__item:first-child {
  border-radius: 6px 0 0 6px
}
.switcher__item:hover {
  background-color: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.6)
}
.switcher__item.active {
  border: 2px solid #111;
  pointer-events: none
}
.switcher::after {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  content: "";
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-color: rgba(0,0,0,.2)
}
.switcher--white {
  color: #fff
}
.switcher--white::after {
  background-color: rgba(255,255,255,.2)
}
.switcher--white .switcher__item {
  border-color: rgba(255,255,255,.2)
}
.switcher--white .switcher__item:hover {
  background-color: rgba(255,255,255,.2);
  border: 2px solid #fff
}
.page__home-page {
  overflow-x: hidden
}
.page__home-page section .catalog-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.page__home-page .marquee {
  background: #000
}
.page__home-page .marquee span {
  background: #000
}
.page__home-page .marquee span span {
  padding: 0
}
.page__home-page .banner-member {
  padding: 2rem;
  position: relative
}
.page__home-page .banner-member::after {
  content: "";
  position: absolute;
  top: 35%;
  right: 10%;
  background: url(../img/membership-logo.png) no-repeat center/contain;
  z-index: 0;
  width: 56rem;
  height: 12rem
}
.page__home-page .banner-member__header {
  margin-bottom: 4rem
}
.page__home-page .banner-member__content {
  width: 100%;
  position: relative;
  z-index: 1
}
.page__home-page .banner-member__items {
  margin-bottom: 6rem
}
.page__home-page .banner-member .icon-arrow-right {
  font-size: 2.8rem;
  line-height: 3.2rem
}
.page__home-page .banner-member .btn {
  max-width: 24.5rem;
  width: 100%
}
.page__home-page .banner-member .banner__logo-1 {
  position: relative
}
.page__home-page .banner-member .banner__logo-1::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1rem;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.2)
}
.promo__nav {
  padding: 1rem 2rem;
  width: 100%
}
.promo__nav div {
  text-align: center
}
.promo__nav a {
  color: #fff!important
}
.promo__container {
  overflow: hidden;
  background: #111
}
.promo__container .image {
  width: 100%;
  height: 32vh
}
.promo-slide {
  text-decoration: none;
  color: inherit;
  min-height: 42vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  height: auto
}
.promo-slide__image {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0
}
.promo-slide__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.promo-slide__descr {
  padding: 2rem;
  width: 100%
}
.promo-slide__descr .h1 {
  max-width: 60rem
}
.promo-slide__descr .btn {
  padding: 1.4rem 2rem
}
.promo__swiper {
  overflow: hidden
}
.promo__swiper .swiper-pagination {
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.promo__image {
  width: 100%;
  height: 100%;
  z-index: 1
}
.promo__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.promo__slider {
  width: 50%;
  overflow: hidden
}
.promo__descr {
  padding: 2rem
}
.promo__descr .btn {
  padding: 1.4rem 2rem
}
.promo-item {
  padding: 2rem;
  height: 69rem;
  position: relative;
  overflow: hidden;
  background-color: #111
}
.promo-item .h1,
.promo-item div,
.promo-item h2,
.promo-item h3 {
  position: relative
}
.promo-item__wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.promo-item img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear,-webkit-transform .2s linear
}
.promo-item__subtitle {
  width: 70%
}
.promo-item__subtitle-banner {
  width: 40%
}
.promo-item .btn {
  max-width: 8rem
}
.promo-item__btn-banner.btn {
  max-width: 15.5rem
}
.promo-item:hover img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15)
}
.promo-item__banner {
  overflow: hidden;
  min-height: 49rem;
  height: 100%;
  position: relative;
  background: #000;
  border: 1px solid rgba(0,0,0,.1)
}
.promo-item__banner img {
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 0;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover
}
.promo-item__banner .promo-item__wrapper {
  padding: 2rem
}
.promo-item__banner .promo-item__wrapper div {
  z-index: 1
}
.popular__nav {
  display: none
}
.featured-categories__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5,1fr);
  gap: 4rem 2rem
}
.featured-categories__item {
  text-decoration: none;
  color: #111;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.featured-categories__item .image {
  height: 33.5rem;
  background: rgba(0,0,0,.05);
  padding: 1rem
}
.featured-categories__item .image img {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear,-webkit-transform .2s linear
}
.featured-categories__item:hover img {
  -webkit-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95)
}
.liked-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-decoration: none;
  color: #111;
  height: 38.8rem
}
.liked-item__preview {
  background-color: rgba(0,0,0,.05);
  height: 100%;
  padding: 1rem;
  position: relative
}
.liked-item__preview .labels {
  position: absolute;
  width: 100%;
  z-index: 5
}
.liked-item__preview .image {
  height: 100%
}
.liked-item__preview .image img {
  -webkit-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear,-webkit-transform .2s linear
}
.liked-item__preview .label {
  font-size: 1.2rem;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0
}
.liked-item:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.login-page {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}
.login-page__wrapper {
  padding: 2rem 0
}
.login-page .wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.login-page__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.login-page__info a {
  text-decoration: none
}
.login-page .col-custom {
  max-width: 45.5rem
}
.login-page__auth {
  padding: 2rem;
  overflow: hidden
}
.login-page__auth [data-reset-password] {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin: 0 auto
}
.login-page .tabs__nav {
  min-height: auto
}
.login-page .tabs__body {
  top: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.login-page .btn {
  max-width: 100%
}
.login-page__social {
  width: 100%
}
.login-page__social .btn {
  width: calc((100% - 1rem)/ 2)
}
.login-page__reset-password {
  top: 0;
  padding: 2rem
}
.login-page .reset-password {
  left: -100%;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.login-page .reset-password__header {
  cursor: pointer
}
.login-page .reset-password__header button {
  width: 3rem;
  height: 3rem
}
.login-page .reset-password.show {
  left: 0;
  opacity: 1;
  z-index: 5
}
.user-page {
  padding-top: 13rem
}
.user-page__navigation {
  padding: .6rem 0;
  position: fixed;
  top: 6rem;
  z-index: 20;
  width: 100%;
  background: #111
}
.user-page__navigation nav + .btn {
  height: 4rem
}
.user-page__navigation-wrapper {
  position: relative
}
.user-page__navigation-wrapper::before {
  width: 100%;
  height: 1px;
  top: -.6rem;
  left: 0;
  content: "";
  position: absolute;
  background-color: rgba(255,255,255,.1)
}
.user-page .wrapper-6 .col {
  padding: 0
}
.user-navigation__btn {
  display: none
}
.user-navigation__btn .triangle {
  border-top-color: #fff
}
.user-navigation__btn.active .triangle {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1)
}
.user-navigation__item a {
  text-decoration: none;
  color: inherit
}
.user-navigation__item a:hover {
  color: #fff
}
.user-navigation__item.active {
  color: #fff
}
.user-navigation__item.active a {
  position: relative
}
.user-navigation__item.active a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
  content: ""
}
.user-profile {
  margin-bottom: 4rem
}
.user-profile [data-hide-password] span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 0 .3rem;
  background-color: #111
}
.user-profile__item .h3 {
  height: 2.4rem
}
.user-profile__btns .btn {
  width: calc((100% - 1rem)/ 2)
}
.user-profile__across {
  padding: 4rem 1rem
}
.user-profile__across .btns .px-20 + .px-20 {
  border-left: 1px solid rgba(0,0,0,.2)
}
.user-personalized__nav {
  max-width: 100%
}
.user-personalized__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  gap: 1rem 2rem;
  width: 100%
}
.user-personalized .colors button {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden
}
.user-personalized .colors button .icon {
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0;
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear
}
.user-personalized .colors button.active span {
  opacity: 1
}
.user-linked__btns button {
  width: calc((100% - 1rem)/ 2)
}
.user-membership-card {
  position: sticky;
  top: 13rem;
  height: calc(100vh - 15rem);
  overflow: hidden
}
.user-membership-card__header {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.user-membership-card .scroll__wrapper {
  height: calc(100% - 2rem)
}
.user-membership-card__img {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.user-membership-card__progress {
  overflow: hidden;
  height: 1rem
}
.user-membership-card__progress div {
  left: 0;
  top: 0
}
.user-membership-card__info-item .current {
  padding-right: 1rem
}
.user-membership-card__info-item .current::after {
  width: auto;
  height: 100%;
  top: 0;
  right: 2px;
  content: "/";
  position: absolute
}
.user-order .order-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[4];
  grid-template-columns: repeat(4,auto);
  -webkit-column-gap: calc(10px + 30 * ((100vw - 375px)/ 1545));
  -moz-column-gap: calc(10px + 30 * ((100vw - 375px)/ 1545));
  column-gap: calc(10px + 30 * ((100vw - 375px)/ 1545))
}
.user-order .order-item .title {
  text-decoration: none;
  color: inherit
}
.user-order .order-item__products {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-order .order-item__products .image {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 .5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-order .order-item__products .image__items {
  display: none
}
.user-order .order-item__status .status {
  height: 1rem;
  width: 100%
}
.user-order .order-item__status .status div {
  background-color: #009d52;
  height: 100%;
  left: 0;
  top: 0
}
.user-order .order-item__price {
  text-align: right
}
.user-order .order-item__review {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5
}
.user-order-detail__header {
  padding: .8rem 0
}
.user-order-detail__header a {
  text-decoration: none;
  color: inherit
}
.user-order-detail__header .btns .btn {
  height: 4rem
}
.user-order-detail .delivery-name span:last-child {
  width: 2rem;
  height: 2.4rem
}
.user-order-detail .delivery-name span:last-child svg {
  width: 70%;
  height: 70%;
  -webkit-transform: rotate(145deg);
  -ms-transform: rotate(145deg);
  transform: rotate(145deg)
}
.user-order-detail .order-shipment__status {
  padding: 1rem 0 2rem
}
.user-order-detail .order-shipment__status .title.active {
  color: #111
}
.user-order-detail .order-shipment__status .title.done {
  color: rgba(0,0,0,.4)
}
.user-order-detail .order-shipment__status .line {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 1rem;
  position: relative
}
.user-order-detail .order-shipment__status .line__status {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%
}
.user-order-detail .order-shipment__status .line__text {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -2rem;
  opacity: 0
}
.user-order-detail .order-shipment__status .ellipse {
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.user-order-detail .order-shipment__status .ellipse div {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  border-radius: 50%
}
.user-order-detail .order-shipment__status .ellipse div::after {
  width: .8rem;
  height: .8rem;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 50%;
  content: "";
  position: absolute
}
.user-order-detail .order-shipment__status .ellipse.active div {
  background-color: #009d52
}
.user-order-detail .order-shipment__status .ellipse.active + .line .line__status {
  background-color: #009d52
}
.user-order-detail .order-shipment__status .ellipse.active + .line .line__text {
  opacity: 1
}
.user-order-detail .order-shipment__status .ellipse.done div {
  background-color: #009d52
}
.user-order-detail .order-shipment__status .ellipse.done div::after {
  background-color: transparent
}
.user-order-detail .order-shipment__status .ellipse.done + .line .line__status {
  background-color: #009d52;
  width: 100%
}
.user-order-detail .order-shipment__item .image {
  width: 4.8rem;
  height: 4.8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-order-detail .order-shipment__item .descr {
  margin-right: auto
}
.user-order-detail .order-shipment__item .status {
  width: 100%;
  max-width: 14rem;
  margin: 0 2rem
}
.user-order-detail .order-shipment__item .price {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-membership [data-referral] {
  width: 13.2rem;
  white-space: nowrap
}
.user-membership .membership-cashback__active div:first-child {
  width: 2.4rem;
  height: 2.4rem
}
.user-membership .membership-cashback__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 17.2rem;
  grid-template-columns: 1fr 17.2rem;
  -webkit-column-gap: calc(28px + 50 * ((100vw - 375px)/ 1545));
  -moz-column-gap: calc(28px + 50 * ((100vw - 375px)/ 1545));
  column-gap: calc(28px + 50 * ((100vw - 375px)/ 1545))
}
.user-membership .membership-cashback__item .btn {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-membership .membership-history__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3] 4.8rem (4rem)[2];
  grid-template-columns: repeat(3,1fr) 4.8rem repeat(2,4rem);
  -webkit-column-gap: calc(0px + 40 * ((100vw - 375px)/ 1545));
  -moz-column-gap: calc(0px + 40 * ((100vw - 375px)/ 1545));
  column-gap: calc(0px + 40 * ((100vw - 375px)/ 1545))
}
.user-membership .membership-history__row:first-child div:first-child span + span {
  display: none
}
.user-membership .membership-history__row .membership-history__order .brand__logo {
  display: none
}
.user-membership .membership-history__row .brand__logo {
  width: 2.4rem;
  height: 2.4rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-membership .membership-banner .h1 + div {
  width: 50%
}
.user-membership .featured-section {
  padding-bottom: 18rem
}
.user-membership .catalog-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.user-membership + footer {
  margin-top: -20rem
}
.user-dashboard {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0
}
.user-dashboard .dashboard-item {
  width: calc((100% - 2rem)/ 2);
  padding: 2rem;
  min-height: 32.9rem
}
.user-dashboard .dashboard-item__images {
  width: 100%;
  overflow-x: scroll
}
.user-dashboard .dashboard-item__images .image {
  width: 12rem;
  height: 12rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.user-review__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4.8rem 2fr 1fr 13rem;
  grid-template-columns: 4.8rem 2fr 1fr 13rem;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem
}
.user-review__item .image {
  width: 4.8rem;
  height: 4.8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.modal-static-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 21.5rem 1fr;
  grid-template-columns: 21.5rem 1fr
}
.modal-static .modal-personal {
  width: 49.5rem
}
.modal-static .form__item input {
  font-weight: 600
}
.modal-static.modal .modal__header .delete {
  color: #ff3d00;
  min-width: auto
}
.modal-static.modal .modal__body {
  padding: 0 1rem
}
.modal-static.modal .modal__footer {
  margin: 0 -2rem;
  padding: 2rem
}
.modal-static.modal .modal__footer .btn {
  width: calc((100% - 1rem)/ 2)
}
.modal-static.modal .scroll__wrapper {
  height: calc(100% - 16.5rem)
}
.modal-static .modal__header h2 {
  margin-right: 0
}
.text-page {
  padding-top: 8rem;
  font-weight: 500
}
.text-page__update {
  text-align: right
}
.text-page .section h2 {
  margin-bottom: 1rem
}
.text-page .section h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0;
  margin-bottom: 1rem
}
.text-page .section hr {
  margin: 2rem 0 4rem
}
.text-page .section p {
  margin-bottom: 1rem
}
.text-page .section a {
  color: #111
}
.text-page .section ul {
  padding-left: 2rem;
  list-style: disc;
  margin-bottom: 4rem
}
.text-page .section ul li {
  margin-bottom: 2rem
}
.text-page .section figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: auto;
  display: block
}
.contact-page .form__item + .btn {
  max-width: 100%
}
.contact-page__items {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8rem
}
.contact-page__items .contact-page__item:first-child {
  margin-right: 2rem
}
.contact-page__item {
  width: calc((100% - 2rem)/ 2)
}
.blog__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6,1fr);
  gap: 2rem
}
.blog__wrapper .blog__item {
  -ms-grid-column-span: 2;
  grid-column: span 2
}
.blog__wrapper .blog__item:first-child,
.blog__wrapper .blog__item:nth-child(2) {
  -ms-grid-column-span: 3;
  grid-column: span 3
}
.blog__item {
  height: 46rem
}
.blog__link {
  position: relative;
  width: 100%;
  height: 100%
}
.blog__link:before {
  width: 100%;
  height: 45%;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);
  background: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);
  z-index: 1
}
.blog__link img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  z-index: 0
}
.blog__link:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.blog__info {
  z-index: 2
}
.blog-item .section h1,
.blog-item .section h2,
.blog-item .section h3,
.blog-item .section h4 {
  margin-top: 3rem
}
.blog-item ol {
  padding-left: 2rem;
  margin-bottom: 2rem
}
.blog-item figure {
  margin-bottom: 1rem
}
.blog-item figure img {
  border-radius: 1.6rem;
  overflow: hidden
}
.blog-item .blog__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.blog-item__navigation a {
  width: 4rem;
  height: 4rem;
  border-radius: 50%
}
.blog-item__navigation .blog__link .h1 {
  width: 50%;
  margin: 0 auto 3rem
}
.blog-item__navigation .blog__link::before {
  height: 100%
}
.blog-item__navigation .blog__link:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
.blog-item__navigation .desktop-4 {
  height: 40.7rem
}
.reward__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 51rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.reward__item .image {
  height: 14.5vh
}
.reward__item .image img {
  -o-object-fit: cover;
  object-fit: cover
}
.reward__item-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2,1fr);
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem
}
.reward__item.-black {
  background-color: #111
}
.reward__item.-bronze {
  background-color: #9b4222
}
.reward__item.-silver {
  background-color: #697683
}
.reward__item.-gold {
  background-color: #714c0a
}
.reward__item.-militray {
  background-color: #41402e
}
.checkout {
  padding-top: 0
}
.checkout__header .header__wrapper {
  padding: .8rem 0
}
.checkout__header a {
  text-decoration: none;
  color: inherit
}
.checkout__header .btn {
  padding-left: 2rem;
  padding-right: 2rem
}
.checkout .cart {
  border: 1px solid rgba(0,0,0,.1);
  position: sticky;
  top: 2rem;
  height: calc(100vh - 10rem);
  overflow: hidden;
  padding: 0 2rem 2rem;
  z-index: 5
}
.checkout .cart .controls {
  display: none
}
.checkout .cart__btns {
  display: none
}
.checkout .form-payment__btns .details {
  display: none
}
.checkout-shipping__wrapper {
  padding: 2rem;
  border: 1px solid rgba(0,0,0,.2)
}
.checkout-shipping__wrapper .checkout-shipping__row:first-child {
  margin-bottom: 4rem
}
.checkout-shipping__row {
  margin-bottom: 2rem
}
.checkout-shipping__row a {
  text-decoration: none;
  color: inherit
}
.checkout-shipping__row a:hover {
  color: rgba(0,0,0,.6)
}
.checkout-shipping__row-header {
  padding-bottom: 2rem
}
.checkout-shipping__footer {
  padding-top: 2rem
}
.checkout-shipping__item {
  padding: 1rem 0
}
.checkout-shipping__item .date {
  margin-right: calc(10px + 30 * ((100vw - 375px)/ 1545))
}
.checkout-payment__installment-header .h2 {
  width: calc(100% - 7rem);
  white-space: nowrap;
  overflow-x: scroll;
  padding-right: 1rem
}
.checkout-cart__header {
  padding-bottom: 1rem;
  display: none
}
.checkout-cart__header button {
  width: 2.4rem;
  height: 2.4rem
}
.checkout-cart__header button.active .triangle {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1)
}
.card-payment {
  width: 100%;
  max-width: 42rem
}
.card-payment__item {
  border-radius: .8rem;
  border: 1px solid rgba(0,0,0,.2);
  padding: 2rem
}
.card-payment__lock {
  width: 2.4rem;
  height: 2.4rem
}
.payment-methods__item {
  height: 2.4rem
}
.payment-methods__item.visa-blue {
  width: 6rem
}
.payment-methods__item.master {
  width: 3.8rem
}
.payment-methods__item.discover {
  width: 3.6rem
}
.payment-methods__item.amex {
  width: 2.4rem
}
.smoothHeight {
  overflow: hidden
}
.smoothHeight__item {
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height .35s linear;
  -o-transition: max-height .35s linear;
  transition: max-height .35s linear
}
.smoothHeight.active .smoothHeight__item {
  opacity: 1
}
.cart .trash .icon {
  opacity: .4
}
.cart .trash .icon:hover {
  opacity: 1
}
.cart-section {
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.6);
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 105;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--vh,1vh) * 100);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}
.cart-section .wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.cart__wrapper {
  position: relative;
  height: 100%;
  background-color: #fff;
  width: 49.5rem
}
.cart__close {
  min-width: 2.4rem;
  max-width: 2.4rem;
  height: 2.4rem
}
.cart__checkout {
  padding: 2rem 1rem
}
.cart__checkout .cart__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
  padding-bottom: 10rem
}
.cart__checkout .cart__footer {
  padding-top: 2rem;
  border-top: 1px solid #fff;
  background-color: transparent;
  position: relative
}
.cart__checkout .cart__footer .btn {
  width: calc((100% - 1rem)/ 2)
}
.cart__checkout .cart__footer .btn:last-child span:first-child {
  width: 2rem;
  height: 2rem;
  margin-right: .5rem
}
.cart__checkout .cart__footer::after {
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(17,17,17,0)),color-stop(39.06%,#111));
  background: -o-linear-gradient(top,rgba(17,17,17,0) 0,#111 39.06%);
  background: linear-gradient(180deg,rgba(17,17,17,0) 0,#111 39.06%);
  width: 100%;
  height: 15rem;
  top: -1px;
  left: 0;
  content: "";
  position: absolute;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}
.cart__checkout-item {
  padding: 2rem;
  background: rgba(255,255,255,.1)
}
.cart__checkout-row {
  width: 100%;
  position: relative
}
.cart__checkout-row-item {
  width: 100%;
  padding: 0 .5rem;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: 100%
}
.cart__checkout-row-item.product {
  padding: 0 1rem
}
.cart__checkout-row-item.product .btn {
  max-width: 12.5rem;
  height: 4rem
}
.cart__checkout-row-item .product__image {
  height: 15rem
}
.cart__checkout-row-item .product__descr {
  text-align: left
}
.cart__checkout-row::after {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  background-color: rgba(255,255,255,.1);
  position: absolute
}
.cart__checkout a {
  text-decoration: none
}
.cart__checkout a:hover {
  color: rgba(255,255,255,.4)
}
.cart__checkout a:hover span {
  color: rgba(255,255,255,.4)
}
.cart__main {
  padding: 0 1rem
}
.cart__main .cart__footer {
  padding: 2rem 0;
  width: 100%
}
.cart__main .cart__footer .btn {
  width: 100%
}
.cart__main .cart__footer .btn--paypal {
  display: none
}
.cart__main .cart__footer .payment-methods {
  display: none
}
.cart__main .cart__footer .payment-methods__item {
  width: 2rem;
  height: 2rem
}
.cart__empty .btn {
  width: 14rem
}
.cart__header {
  padding: .8rem 0
}
.cart__header .btn {
  height: 4rem;
  min-width: 12.5rem
}
.cart__item .price s {
  margin-right: .7rem;
  color: rgba(0,0,0,.4);
  font-size: 1.4rem;
  line-height: 2rem
}
.cart__item .thumbnail {
  width: 8rem;
  height: 8rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,.1)
}
.cart__item .information {
  width: 100%
}
.cart__item .information .label {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: auto;
  min-width: 7rem
}
.cart__item .information .title a {
  text-decoration: none;
  color: #111
}
.cart__item .information .price {
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.cart__edit {
  height: 2.4rem;
  margin-right: .8rem
}
.cart__edit a,
.cart__edit button {
  padding: 0 .8rem;
  position: relative;
  color: rgba(0,0,0,.4);
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  text-decoration: none
}
.cart__edit a::after,
.cart__edit button::after {
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,.2)
}
.cart__edit a svg,
.cart__edit button svg {
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear
}
.cart__edit a:hover,
.cart__edit button:hover {
  color: #111
}
.cart__edit a:hover svg path,
.cart__edit button:hover svg path {
  fill: #111
}
.cart__edit .trash {
  width: 1.8rem;
  height: 1.8rem
}
.cart .cart__counter {
  max-width: 8.8rem
}
.cart .cart__counter input {
  width: 4rem;
  border: none;
  text-align: center;
  background: 0 0
}
.cart__counter {
  width: 100%;
  max-width: 7.5rem
}
.cart__counter input::-webkit-inner-spin-button,
.cart__counter input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.cart__counter input[type=number] {
  -moz-appearance: textfield
}
.cart__counter .result {
  padding: 0 .5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.cart__counter button {
  padding: .4rem;
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.cart__counter button.disabled {
  pointer-events: none
}
.cart__counter button.disabled span {
  opacity: .1
}
.cart__counter button span {
  height: .25rem;
  background-color: #111;
  opacity: .4;
  width: 100%;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear
}
.cart__counter button span.plus:after {
  width: 2.5px;
  height: 1.6rem;
  background-color: #111;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  content: "";
  position: absolute
}
.cart__counter button:hover span {
  opacity: 1
}
.cart__footer-item {
  padding: 1rem 0
}
.cart__footer-item .shipping-address {
  display: none
}
.cart__footer-item .shipping-address.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cart__btns {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.cart__btns .btn {
  width: calc((100% - 1rem)/ 2)
}
.cart__content {
  height: calc(100% - 15rem);
  overflow-y: scroll;
  padding-bottom: 3rem
}
.cart .payment-methods {
  margin-top: 1rem
}
.cart .payment-methods .payment-methods__item {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 .5rem
}
.cart.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms
}
.cart.hide .wrapper {
  -webkit-animation: hideModal .55s both;
  animation: hideModal .55s both
}
.cart.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s
}
.cart.show .wrapper {
  -webkit-animation: showModal .5s both;
  animation: showModal .5s both;
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms
}
.search {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform .35s linear;
  transition: -webkit-transform .35s linear;
  -o-transition: transform .35s linear;
  transition: transform .35s linear;
  transition: transform .35s linear,-webkit-transform .35s linear;
  z-index: 150;
  height: auto;
  background: #fff
}
.search .wrapper {
  height: auto;
  position: relative;
  top: 0
}
.search__popular {
  -webkit-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  transition: opacity .5s linear
}
.search__content {
  padding-bottom: 2rem
}
.search__content-wrapper {
  min-height: 32rem
}
.search__header {
  height: 6rem;
  padding: 1rem 0
}
.search .close-button {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(0,0,0,.05);
  -webkit-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
  transition: background-color .35s linear
}
.search .close-button span {
  width: 1.4rem;
  height: 1.4rem
}
.search .close-button:hover {
  background-color: rgba(0,0,0,.2)
}
.search__form {
  height: 100%;
  width: 100%
}
.search__form-item {
  width: 100%;
  background-color: rgba(0,0,0,.05);
  border-radius: 4.6rem;
  padding: 1rem
}
.search__item {
  margin-bottom: 1.5rem
}
.search__item .preview {
  margin: 0 1rem 0 0
}
.search__item:last-child {
  margin-bottom: 0
}
.search__input {
  border: none;
  background-color: transparent;
  margin: -1rem 0
}
.search__input:focus-visible {
  outline: 0
}
.search .hide {
  max-height: 0;
  opacity: 0;
  visibility: hidden
}
.search .show {
  max-height: 100%;
  opacity: 1;
  visibility: visible
}
.search .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
:root {
  --bannerHeight: 4.8rem
}
.black-friday {
  background-color: #111;
  height: var(--bannerHeight)
}
.black-friday__title {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2rem
}
.black-friday__title span:first-child {
  margin-right: 2.7rem
}
.black-friday .black-friday-marquee {
  overflow: hidden;
  position: absolute;
  z-index: 0
}
.black-friday .black-friday-marquee .black-friday__marquee {
  white-space: nowrap;
  color: #111;
  background-color: #77f6ef;
  height: var(--bannerHeight);
  padding: 0 5.8rem;
  position: relative;
  font-size: 1.5rem;
  line-height: 2.4rem
}
.black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::after,
.black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::before {
  top: 0;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 1
}
.black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::before {
  left: -3.7rem;
  border-width: 0 0 var(--bannerHeight) 3.8rem;
  border-color: transparent transparent #77f6ef transparent
}
.black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::after {
  right: -3.7rem;
  border-width: var(--bannerHeight) 3.8rem 0 0;
  border-color: #77f6ef transparent transparent transparent
}
.black-friday .black-friday-marquee .black-friday__marquee:nth-child(even) {
  color: #77f6ef
}
.black-friday__timer {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-left: auto;
  position: relative;
  z-index: 0
}
.black-friday__timer .text-upper {
  font-size: 1.3rem;
  line-height: 2rem
}
.black-friday__timer .timer {
  margin-left: auto;
  height: var(--bannerHeight);
  position: relative
}
.black-friday__timer .timer::before {
  width: 50rem;
  height: 100%;
  top: 0;
  left: -2rem;
  content: "";
  position: absolute;
  border-radius: .6rem 0 0 .6rem;
  background: rgba(0,0,0,.75)
}
.black-friday__timer .timer__item {
  margin-right: 2rem;
  height: 2.4rem;
  background-color: #fff;
  padding: 0 1.6rem;
  border-radius: .4rem;
  color: #111;
  max-width: 8.3rem;
  position: relative
}
.black-friday__timer .timer__item:last-child span:first-child {
  width: 1.6rem
}
.black-friday__timer .timer__item span:first-child {
  margin-right: .25rem
}
.black-friday__timer .timer__item::after {
  width: 2rem;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -2rem;
  content: ":";
  position: absolute;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  text-align: center
}
.black-friday__timer .timer__item:last-child {
  margin-right: 0
}
.black-friday__timer .timer__item:last-child::after {
  content: none
}
.header-black-friday ~ main.catalog-page {
  margin-top: 0
}
.header-black-friday ~ main.catalog-page .catalog-page__filter.fixed {
  top: 10.8rem
}
.black-friday-form {
  padding: 2.4rem;
  border-radius: 12px;
  background: rgba(0,0,0,.6);
  max-width: 44.6rem
}
.btn--black-friday {
  background-color: #77f6ef
}
.btn--black-friday:hover {
  background-color: #111;
  color: #fff
}
@media (min-width:320px) {
  .mobile-1 {
    width: 50%
  }
  .mobile-2 {
    width: 100%
  }
}
@media (min-width:768px) {
  .modal-subgrid__item {
    width: calc((100% - 2rem)/ 2)
  }
  .tablet-1 {
    width: 25%
  }
  .tablet-2 {
    width: 50%
  }
  .tablet-3 {
    width: 75%
  }
  .tablet-4 {
    width: 100%
  }
  .wrapper-6 .tablet-1 {
    width: 25%
  }
  .wrapper-6 .tablet-2 {
    width: 50%
  }
  .wrapper-6 .tablet-3 {
    width: 75%
  }
  .wrapper-6 .tablet-4 {
    width: 100%
  }
  .wrapper-5 .tablet-1 {
    width: 33.3333333333%
  }
  .wrapper-5 .tablet-2 {
    width: 66.6666666667%
  }
  .wrapper-5 .tablet-3 {
    width: 100%
  }
}
@media (min-width:1024px) {
  .modal-grid .desktop-1 {
    width: 20%
  }
  .modal-grid .desktop-2 {
    width: 40%
  }
  .modal-grid .desktop-3 {
    width: 60%
  }
  .modal-grid .desktop-4 {
    width: 80%
  }
  .modal-grid .desktop-5 {
    width: 100%
  }
  .modal-grid .desktop-6 {
    width: 120%
  }
  .modal-subgrid__item {
    width: calc((100% - 6rem)/ 4)
  }
  .desktop-1 {
    width: 16.6666666667%
  }
  .desktop-2 {
    width: 33.3333333333%
  }
  .desktop-3 {
    width: 50%
  }
  .desktop-4 {
    width: 66.6666666667%
  }
  .desktop-5 {
    width: 83.3333333333%
  }
  .desktop-6 {
    width: 100%
  }
  .wrapper-6 .desktop-1 {
    width: 25%
  }
  .wrapper-6 .desktop-2 {
    width: 50%
  }
  .wrapper-6 .desktop-3 {
    width: 75%
  }
  .wrapper-6 .desktop-4 {
    width: 100%
  }
  .wrapper-5 .desktop-1 {
    width: 33.3333333333%
  }
  .wrapper-5 .desktop-3 {
    width: 66.6666666667%
  }
  .wrapper-5 .desktop-3 {
    width: 100%
  }
}
@media (min-width:1600px) {
  .wide-1 {
    width: 12.5%
  }
  .wide-2 {
    width: 25%
  }
  .wide-3 {
    width: 37.5%
  }
  .wide-4 {
    width: 50%
  }
  .wide-5 {
    width: 62.5%
  }
  .wide-6 {
    width: 75%
  }
  .wide-7 {
    width: 87.5%
  }
  .wide-8 {
    width: 100%
  }
  .wrapper-6 .wide-1 {
    width: 16.6666666667%
  }
  .wrapper-6 .wide-2 {
    width: 33.3333333333%
  }
  .wrapper-6 .wide-3 {
    width: 50%
  }
  .wrapper-6 .wide-4 {
    width: 66.6666666667%
  }
  .wrapper-6 .wide-5 {
    width: 83.3333333333%
  }
  .wrapper-6 .wide-6 {
    width: 100%
  }
  .wrapper-5 .wide-1 {
    width: 20%
  }
  .wrapper-5 .wide-2 {
    width: 40%
  }
  .wrapper-5 .wide-3 {
    width: 60%
  }
  .wrapper-5 .wide-4 {
    width: 80%
  }
  .wrapper-5 .wide-5 {
    width: 100%
  }
}
@media (max-width:1599px) {
  .catalog-page__items {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr)
  }
  .catalog-banner {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4
  }
  .banner-member__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .banner-member__items {
    width: 70%;
    margin-bottom: 5rem;
    justify-self: flex-start;
    margin-right: auto
  }
  .promo-item__subtitle-banner {
    width: 50%
  }
  .featured-categories__items {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr)
  }
  .featured-categories__items .featured-categories__item:nth-child(10),
  .featured-categories__items .featured-categories__item:nth-child(9) {
    display: none
  }
}
@media (max-width:1440px) {
  .footer__navigation {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr)
  }
  .footer__navigation-item:nth-child(3) {
    grid-column: auto
  }
  .product-item__gallery .photos {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .product-item__gallery .photos__item:nth-child(5),
  .product-item__gallery .photos__item:nth-child(6) {
    display: none
  }
}
@media (max-width:1439px) {
  .configuration-card .main .photo img {
    width: 16rem;
    height: 16rem
  }
  .configuration-card .additionally {
    width: 25rem;
    height: 25rem
  }
  .configuration-card .photo img {
    -o-object-fit: contain;
    object-fit: contain
  }
}
@media (max-width:1300px) {
  .product-item--line {
    padding: 1rem
  }
  .modal-color .modal__header h2 {
    display: none
  }
  .modal-size .modal__header h2 {
    display: none
  }
}
@media (max-width:1200px) {
  .cookies__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .cookies__btns .btn:first-child {
    margin-right: 0;
    margin-top: 1rem
  }
  .configuration-card .main .photo img {
    width: 100%;
    height: 100%
  }
  .configuration-card .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
  }
  .configuration-card__descr .title {
    width: 100%
  }
  .modal-configuratations .modal__section:nth-child(2) .h1,
  .modal-overflow-configuratations .modal__section:nth-child(2) .h1 {
    font-size: 2.7rem
  }
  .contact-page__items {
    width: 60%
  }
  .cart__main {
    padding: 0
  }
}
@media (max-width:1199px) {
  .modal-reviews .reviews-section__content {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr)
  }
  .catalog-page__filter:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 200vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    content: "";
    visibility: hidden;
    -webkit-animation: hideOpacity .35s forwards .1s;
    animation: hideOpacity .35s forwards .1s;
    z-index: 60
  }
  .catalog-page__filter.fixed:before {
    top: -6rem
  }
  .catalog-page__filter.open:before {
    -webkit-animation: showOpacity .35s forwards;
    animation: showOpacity .35s forwards;
    visibility: visible
  }
  .filter__trigers .filter__triger-stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter__btns .dropdown__content {
    top: 3.4rem;
    opacity: 0;
    visibility: hidden
  }
  .filter__btns .dropdown:hover .dropdown__content {
    opacity: 0;
    visibility: hidden
  }
  .filter__btns .dropdown:hover .triangle {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .filter__btns .dropdown.active .dropdown__content {
    visibility: visible;
    opacity: 1;
    z-index: 30
  }
  .filter__btns .dropdown.active .triangle {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
  }
  .filter__triger {
    padding: 1.5rem 1rem
  }
  .filter__content-wrapper {
    height: 70vh;
    max-height: 100%;
    overflow-y: scroll;
    width: 100vw
  }
  .filter__content-wrapper .filter__trigers {
    border-bottom: 1px solid rgba(0,0,0,.1)
  }
  .filter__content-wrapper .filter__triger-stock + .filter__item {
    border-left: 1px solid rgba(0,0,0,.1)
  }
  .filter__content-wrapper .filter__content {
    max-height: none;
    opacity: 1;
    height: auto
  }
  .filter__content-wrapper .filter__name .triangle {
    opacity: 0
  }
  .filter__content-wrapper .advanced {
    opacity: 1;
    max-height: 100%;
    overflow-y: scroll
  }
  .filter.active .advanced__btn:after {
    left: 1rem;
    right: 1rem
  }
  .filter__items {
    padding: .5rem 1rem 2rem
  }
  .filter {
    position: fixed;
    bottom: -100vh;
    width: 100%;
    border-radius: 0;
    background: 0 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    z-index: 61;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    border: none;
    opacity: 0;
    -webkit-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter .filter--wrapper {
    height: 100%;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
    z-index: 50;
    position: relative
  }
  .filter.close {
    -webkit-animation: hideBottom .3s forwards;
    animation: hideBottom .3s forwards
  }
  .filter.close .filter__selected-btns {
    -webkit-animation: hideBottom .3s forwards;
    animation: hideBottom .3s forwards
  }
  .filter.open {
    opacity: 1;
    -webkit-animation: showBottom .35s forwards;
    animation: showBottom .35s forwards
  }
  .filter.open .filter__selected-btns {
    -webkit-animation: showBottom .35s forwards;
    animation: showBottom .35s forwards
  }
  .filter__selected:after {
    left: 1rem;
    right: 1rem
  }
  .filter__selected {
    padding: 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter__selected-btns .btn:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter__selected-btns {
    position: fixed;
    padding: 1rem;
    background: #fff;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 -1px 0 rgba(0,0,0,.1);
    left: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 70
  }
  .filter__selected-btns .btn {
    margin-left: 0;
    max-width: calc((100% - 1rem)/ 2);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  .advanced__btn {
    position: sticky;
    top: 0
  }
  .catalog-page__filter.fixed {
    z-index: 56;
    padding: 1rem 2rem
  }
  .catalog-page__header .checkbox,
  .catalog-page__header .dropdown {
    display: none
  }
  .catalog-page__filter {
    -webkit-transition: position .35s;
    -o-transition: position .35s;
    transition: position .35s
  }
}
@media (max-width:1195px) {
  .catalog-page__items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr)
  }
  .banner-member__items {
    width: 90%
  }
}
@media (max-width:1190px) {
  .navigation__item {
    margin-left: 1rem
  }
  .promo-item__subtitle {
    width: 80%
  }
}
@media (max-width:1180px) {
  .login-page__account-across .h3 {
    margin-bottom: 2rem
  }
}
@media (max-width:1100px) {
  .section__user-profile h2 {
    font-size: 2.4rem
  }
  .product-item__description .item:first-child .text h2:nth-child(2) {
    width: 100%
  }
  .product-item__description .item:first-child .text h2:nth-child(2) + p {
    width: 100%
  }
}
@media (max-width:1024px) {
  .contact-page__items {
    width: 100%
  }
  .contact-page__items .contact-page__item:first-child {
    margin-right: 1rem;
    word-break: break-all
  }
}
@media (max-width:1023px) {
  .header__wrapper {
    padding: 1.3rem 0
  }
  .header__wrapper .header__border {
    position: relative
  }
  .header__wrapper .header__border div {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: -1.3rem
  }
  .header .burger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .navigation__menu.active::after,
  .navigation__menu.active::before {
    content: none
  }
  .navigation__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 5;
    width: 100%
  }
  .navigation__menu .navigation__item {
    padding: 1.3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
  }
  .navigation__menu .navigation__item a {
    width: 50%
  }
  .navigation__menu .navigation__item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .navigation {
    position: absolute;
    height: calc(100vh - 6rem);
    top: 6rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem 1rem;
    right: -100vw;
    -webkit-transition: right .5s ease-in-out;
    -o-transition: right .5s ease-in-out;
    transition: right .5s ease-in-out;
    z-index: 100
  }
  .navigation::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    background-color: #fff
  }
  .navigation.active {
    right: 0
  }
  .navigation .btn-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .navigation__item .submenu-trigger::after {
    content: none
  }
  .submenu__header {
    margin-bottom: 1rem
  }
  .submenu__wrapper {
    background: #fff
  }
  .submenu {
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
  .submenu__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .submenu__wrapper {
    padding-top: 0;
    z-index: 101;
    height: calc(100vh - 12rem);
    top: 0;
    left: auto;
    bottom: auto;
    -webkit-transition: right .35s linear;
    -o-transition: right .35s linear;
    transition: right .35s linear;
    overflow: hidden
  }
  .submenu__wrapper.hide {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: -100vw
  }
  .submenu__wrapper.show {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 0
  }
  .submenu__wrapper .col {
    height: 100%
  }
  .submenu__items {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 2rem;
    overflow-y: scroll
  }
  .submenu__item {
    width: 50%
  }
  .submenu__item .subcategory-preview {
    background-color: rgba(17,17,17,.05)
  }
  .submenu__item .subcategory-preview + .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .submenu__item .subcategory-title {
    margin-right: 1rem;
    left: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    position: relative;
    white-space: normal
  }
  .submenu__item .subcategory-link {
    opacity: 1;
    visibility: visible;
    position: relative
  }
  .submenu__link {
    margin: auto auto 0;
    width: 100%;
    text-align: center
  }
  .footer__navigation {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .section__user-profile h2 {
    font-size: 3.2rem
  }
  .section__user-profile .wide-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 2rem
  }
  .section__user-profile .wide-4 + .col-1 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }
  .section__user-order-title {
    margin-bottom: 1rem
  }
  .product-item__main {
    height: auto;
    z-index: 46
  }
  .product-item__main .scroll__wrapper {
    max-height: 69rem
  }
  .product-item__order {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    -webkit-box-shadow: 0 -10px 20px rgba(0,0,0,.25);
    box-shadow: 0 -10px 20px rgba(0,0,0,.25);
    border-radius: 16px 16px 0 0;
    z-index: 15
  }
  section.product-item__main {
    position: relative;
    top: 0;
    margin: 2rem 0;
    padding-bottom: 0
  }
  section.product-item__main .scroll__wrapper {
    height: 100%;
    max-height: 100%
  }
  section.product-item__main .scroll__wrapper .product-item__includes:last-child {
    border-bottom: 0
  }
  .tech-specs__colors button {
    width: 4rem;
    height: 4rem
  }
  .modal-configuratations .modal__section:nth-child(2) .h1,
  .modal-overflow-configuratations .modal__section:nth-child(2) .h1 {
    font-size: 3.2rem
  }
  .modal-reviews .reviews-section__content {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .modal-reviews.empty .product-item-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .modal-reviews.empty .product-item-grid .box {
    width: 100%;
    padding: 2rem
  }
  .table-protection .table__cell:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 10rem
  }
  .modal-gallery__video {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
  .filter__name span {
    display: inline-block
  }
  .filter__trigers {
    height: auto;
    overflow-y: scroll;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .filter__trigers .filter__name .triangle {
    display: none
  }
  .filter__trigers .filter__triger-stock + .filter__item .filter__triger:hover {
    border-radius: 0
  }
  .filter__trigers .filter__triger-stock + .filter__item {
    border-top: 1px solid rgba(0,0,0,.1)
  }
  .filter__item {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    overflow: hidden
  }
  .filter__item .filter-color {
    padding-bottom: 0
  }
  .filter__item:last-child .filter__triger:hover {
    border-radius: 0
  }
  .filter__content-wrapper {
    max-height: calc(100% - 68px);
    padding-bottom: 68px
  }
  .filter__content-wrapper .dropdown:hover .dropdown__content {
    visibility: hidden;
    opacity: 0
  }
  .filter__content-wrapper .filter__item.focus {
    overflow: visible
  }
  .filter__content-wrapper .filter__item.focus .dropdown.focus .dropdown__content {
    visibility: visible;
    opacity: 1
  }
  .filter__content-wrapper [data-filter-dropdowns] {
    padding-top: .5rem
  }
  .filter__items {
    opacity: 1
  }
  .filter__items .dropdown {
    display: block
  }
  .filter .box {
    max-height: calc(65vh + 7rem);
    overflow-y: scroll;
    width: 100%
  }
  .filter__selected:after {
    left: 0;
    right: 0
  }
  .advanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    opacity: 1
  }
  .advanced__btn {
    padding: 1.5rem 1rem
  }
  .catalog-item {
    -webkit-animation: none;
    animation: none
  }
  .catalog-item__descr {
    -webkit-animation: none;
    animation: none
  }
  .catalog-item .swiper-pagination {
    display: none
  }
  .catalog-item__btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .catalog-item:hover {
    z-index: 0;
    -webkit-animation: none;
    animation: none
  }
  .catalog-item:hover .catalog-item__descr {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .catalog-item:hover .catalog-item__gallery .next,
  .catalog-item:hover .catalog-item__gallery .prev {
    opacity: 0;
    visibility: hidden
  }
  .catalog-item:hover .catalog-item__title {
    overflow: hidden;
    border-radius: 0 0 16px 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    border: 1px solid transparent;
    color: #111;
    background: 0 0
  }
  .catalog-item:hover .catalog-item__title button {
    color: #111
  }
  .catalog-page__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .catalog-banner {
    min-height: 70vh
  }
  .banner--row img {
    -o-object-fit: cover;
    object-fit: cover
  }
  .categories__item-wrapper {
    width: calc((100% - 2rem)/ 4 * 1)
  }
  .banner-member__items {
    width: 100%
  }
  .banner-member__item {
    font-size: 2.8rem
  }
  .page__home-page .banner-member::after {
    opacity: .65
  }
  .promo-item__subtitle {
    width: 50%
  }
  .promo-item__subtitle-banner {
    width: 100%
  }
  .featured-categories__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .featured-categories__items .featured-categories__item:nth-child(5),
  .featured-categories__items .featured-categories__item:nth-child(6),
  .featured-categories__items .featured-categories__item:nth-child(7),
  .featured-categories__items .featured-categories__item:nth-child(8) {
    display: none
  }
  .login-page .col-custom {
    width: 50%;
    max-width: 100%
  }
  .user-page__navigation {
    top: 5.9rem
  }
  .user-page .membership__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .user-page .membership__card {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 2rem
  }
  .user-membership-card {
    height: 100%
  }
  .user-membership-card__img {
    height: 20vh
  }
  .modal-static-grid {
    display: block
  }
  .modal-static .modal-personal {
    width: 100%
  }
  .modal-static [data-outside] {
    height: 60vh;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
  }
  .blog__wrapper {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr)
  }
  .blog__wrapper .blog__item:first-child {
    -ms-grid-column-span: 4;
    grid-column: span 4
  }
  .blog__wrapper .blog__item:nth-child(2) {
    -ms-grid-column-span: 2;
    grid-column: span 2
  }
  .blog-item__navigation .col-1 .h-100 {
    padding: 2rem
  }
  .blog-item__navigation .desktop-4 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem
  }
  .blog-item__navigation .blog__link .h1 {
    width: 80%
  }
  .checkout-form__login {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .checkout-form__title + div {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .cart__wrapper {
    width: 50%
  }
  .cart__wrapper_checkout {
    display: none
  }
  .cart__main .cart__footer .btn--paypal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media (max-width:1023px) and (max-width:767px) {
  .submenu__item .subcategory-link span:nth-child(2) {
    display: none
  }
}
@media all and (max-width:1023px) {
  .header-black-friday .navigation {
    top: 11rem
  }
}
@media (max-width:992px) {
  .cookies__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .cookies__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 1rem;
    width: 100%
  }
  .cookies__btns .btn {
    width: calc((100% - 2rem)/ 2)
  }
  .cookies__btns .btn:first-child {
    margin-right: 2rem;
    margin-top: 0
  }
  .tech-specs__colors button {
    margin-right: .5rem
  }
  .reviews-section__toggle .toggle {
    width: 100%
  }
  .reviews-section__toggle .toggle:first-child {
    margin-bottom: 1rem;
    margin-right: 0
  }
}
@media all and (max-width:992px) {
  .black-friday__title {
    margin-bottom: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
  }
  .black-friday__timer {
    width: 100%
  }
  .black-friday__wrapper {
    -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: start
  }
  .header-black-friday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .header-black-friday ~ main.catalog-page .catalog-page__filter.fixed {
    top: 11.4rem
  }
}
@media (max-width:800px) {
  .cart__wrapper {
    width: 60%
  }
}
@media (max-width:768px) {
  .product-item__gallery .photos__item {
    width: 100%
  }
}
@media (max-width:767px) {
  .cookies__wrapper {
    padding: 1rem!important
  }
  .cookies__btns .btn {
    width: calc((100% - 1rem)/ 2)
  }
  .cookies__btns .btn:first-child {
    margin-right: 1rem
  }
  .header__btn:first-child {
    display: none
  }
  .header__wrapper .header__border div {
    left: .5rem;
    right: .5rem
  }
  .submenu__item .subcategory-preview {
    height: 17.3rem
  }
  .submenu__item .subcategory-title {
    width: calc(100% - 3rem);
    white-space: nowrap;
    overflow-x: scroll
  }
  .submenu__item:hover .subcategory-title {
    white-space: nowrap
  }
  .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .footer__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .footer__copyright div {
    width: 100%
  }
  .footer__copyright div:first-child {
    margin-bottom: 1rem
  }
  .footer__navigation-item:nth-child(3) {
    -ms-grid-row: 3;
    grid-row-start: 3
  }
  .footer__info {
    margin-bottom: 4rem
  }
  .footer__information a:first-child {
    margin-left: 0
  }
  .section__product-item-faq .h1 {
    margin-bottom: 2rem
  }
  .section__product-item-faq .h1,
  .section__product-item-faq h2,
  .section__product-item-features .h1,
  .section__product-item-features h2,
  .section__product-item-tech .h1,
  .section__product-item-tech h2 {
    margin-bottom: 2rem
  }
  .section__product-item-includes h2 div {
    display: inline-block
  }
  .section__product-item-configuration .catalog-item__gallery {
    height: 21.5rem
  }
  .section__user-order-detail .date {
    position: absolute;
    right: 0;
    top: 2rem
  }
  .section__user-membership .section__user-order-title {
    border-bottom: 1px solid rgba(0,0,0,.1)
  }
  .section__user-membership .section__user-order-title a {
    position: absolute;
    right: 0;
    top: 0
  }
  .section__checkout-payment {
    padding-bottom: 3rem
  }
  .section__chekout-total {
    display: block
  }
  .product-item__main {
    border: none;
    position: relative;
    top: auto;
    margin-top: 1rem!important
  }
  .product-item--line {
    padding: 1rem 0
  }
  .product-item__price .dropdown__content {
    right: 0
  }
  .product-item__details .dropdown__content {
    left: .5rem;
    right: .5rem
  }
  .product-item__order {
    padding: 1rem
  }
  .product-item__gallery {
    overflow: hidden;
    position: relative
  }
  .product-item__gallery .photos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -ms-grid-columns: none;
    grid-template-columns: none;
    margin-bottom: 0
  }
  .product-item__gallery .photos__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
  }
  .product-item__gallery .photos__item:nth-child(5),
  .product-item__gallery .photos__item:nth-child(6) {
    display: block
  }
  .product-item__gallery .photos__label {
    top: auto;
    bottom: 1rem
  }
  .product-item__gallery .photos__label .label {
    -webkit-backdrop-filter: blur(72.5px);
    backdrop-filter: blur(72.5px)
  }
  .product-item__gallery .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .product-item__gallery .btn {
    display: none
  }
  .product-item__description .item:first-child .text {
    padding: 2rem 1rem
  }
  .product-item__description .item .photo {
    height: 24rem;
    padding: 0
  }
  .product-item__description .item .text {
    padding: 0 1rem 2rem
  }
  .product-item-grid {
    display: block
  }
  .product-item-grid h2 {
    margin-bottom: 2rem
  }
  .product-item-grid__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .product-item-grid__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  section.product-item__main {
    border-radius: 0
  }
  section.product-item__main .scroll__wrapper .product-item__includes:last-child {
    border-bottom: 1px solid rgba(0,0,0,.1)
  }
  .warranty__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding-right: 1rem;
    padding-left: 1rem
  }
  .warranty__item:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1)
  }
  .warranty__item span {
    text-align: center
  }
  .warranty__item span:first-child {
    margin-right: 0;
    margin-bottom: 1rem
  }
  .features__item {
    margin-bottom: 2rem
  }
  .tech-specs {
    margin: 0
  }
  .tech-specs + [data-modal=tech] {
    margin-left: .5rem
  }
  .tech-specs {
    overflow: hidden
  }
  .reviews-section__toggle .toggle {
    display: none
  }
  .faq-section .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .includes-item__name {
    font-size: 1.6rem;
    line-height: 2rem
  }
  .modal,
  .modal-overflow {
    padding-top: 2rem
  }
  .modal .wrapper,
  .modal-overflow .wrapper {
    top: 5rem;
    height: calc(100% - 5rem)
  }
  .modal-overflow-pickup .modal__header h2,
  .modal-pickup .modal__header h2 {
    display: block;
    font-size: 2rem;
    line-height: 120%
  }
  .modal-overflow-pickup.col,
  .modal-pickup.col {
    padding: 0 1rem
  }
  .modal-overflow-pickup .modal__footer .btn,
  .modal-pickup .modal__footer .btn {
    width: 100%
  }
  .modal-overflow-pickup .pickup__items,
  .modal-pickup .pickup__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-bottom: 6.5rem;
    position: relative
  }
  .modal-overflow-pickup .pickup__items::before,
  .modal-pickup .pickup__items::before {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    bottom: -3.2rem;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    left: 0;
    content: "";
    position: absolute
  }
  .modal-overflow-pickup .pickup__items + .h1,
  .modal-pickup .pickup__items + .h1 {
    font-size: 2rem;
    line-height: 120%
  }
  .modal-overflow-pickup .pickup-item.active .pickup-item__content,
  .modal-pickup .pickup-item.active .pickup-item__content {
    margin-top: .8rem
  }
  .modal-overflow-pickup .pickup-item__status,
  .modal-pickup .pickup-item__status {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    -webkit-transition: border-color .3s linear;
    -o-transition: border-color .3s linear;
    transition: border-color .3s linear;
    margin-left: 7.5rem;
    position: relative
  }
  .modal-overflow-pickup .pickup-item__status::before,
  .modal-pickup .pickup-item__status::before {
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #111;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    border-radius: 50%
  }
  .modal-overflow-pickup .pickup-item__content,
  .modal-pickup .pickup-item__content {
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .35s linear;
    -o-transition: max-height .35s linear;
    transition: max-height .35s linear;
    margin-top: 0
  }
  .modal-overflow-pickup .pickup-item.active .pickup-item__content,
  .modal-pickup .pickup-item.active .pickup-item__content {
    max-height: 100%;
    opacity: 1
  }
  .modal-overflow__body,
  .modal__body {
    border-radius: 16px 16px 0 0;
    overflow: hidden
  }
  .modal-overflow__header h2,
  .modal__header h2 {
    display: none
  }
  .modal-overflow__footer,
  .modal__footer {
    position: fixed!important;
    border-radius: 16px 16px 0 0;
    padding: 1rem!important;
    left: 0;
    bottom: 0!important;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .modal-overflow__footer .btn,
  .modal__footer .btn {
    width: calc((100% - 1rem)/ 2)
  }
  .modal-config .modal__header h2,
  .modal-overflow-config .modal__header h2 {
    display: block
  }
  .modal-config .product-item__title,
  .modal-overflow-config .product-item__title {
    padding: 0
  }
  .modal-configuratations__footer .product-item__buttons,
  .modal-overflow-configuratations__footer .product-item__buttons {
    width: 100%;
    margin-top: 2rem
  }
  .modal-configuratations__footer .name,
  .modal-overflow-configuratations__footer .name {
    margin-top: 1rem
  }
  .modal-configuratations .product-item--line,
  .modal-overflow-configuratations .product-item--line {
    padding: 1rem
  }
  .modal-alternatives [data-swiper=alternative-modal] {
    width: 50%
  }
  .modal-alternatives .compare-item__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  .modal-size .modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .modal-reviews .reviews-section__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4rem 0
  }
  .modal-reviews .reviews-section__info .reviews-section__specification {
    display: none
  }
  .modal-reviews .reviews-section__info .stars span {
    font-size: 2.4rem;
    line-height: 2.4rem
  }
  .modal-reviews .reviews-section__btns .btn {
    width: calc((100% - 1rem)/ 2)
  }
  .modal-reviews .reviews-section__btns .btn:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .modal-gallery .photos__item:nth-child(3n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3
  }
  .modal-gallery .photos__item:nth-child(5n) {
    grid-column: auto
  }
  .modal-gallery .photos {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr)
  }
  .h1--x2 {
    font-size: 3.2rem;
    line-height: 3.2rem
  }
  .container {
    padding: 0 .5rem
  }
  .col {
    padding: 0 .5rem
  }
  .wrapper-6 {
    margin: 0 -.5rem
  }
  .pad-0 {
    padding: 0
  }
  .marg-0 {
    margin: 0
  }
  .filter__trigers [data-open-mobile=true] .triangle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .filter__trigers [data-open-mobile=false] + .filter__content {
    opacity: 1
  }
  .filter__btns .btn,
  .filter__btns .dropdown {
    width: calc((100% - 1rem)/ 2)
  }
  .filter__btns .btn {
    padding: 0 2rem
  }
  .filter__btns .btn .title {
    white-space: nowrap
  }
  .filter__btns .btn .subtitle {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll
  }
  .filter__btns .dropdown__content {
    top: auto;
    height: 30rem
  }
  .filter__btns .dropdown.active .dropdown__content {
    z-index: 57;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  .filter__btns .dropdown .dropdown__content {
    padding: 1.5rem 1rem 3rem!important;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    left: 0;
    visibility: visible!important;
    opacity: 1!important;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .35s linear;
    transition: -webkit-transform .35s linear;
    -o-transition: transform .35s linear;
    transition: transform .35s linear;
    transition: transform .35s linear,-webkit-transform .35s linear;
    border-radius: 1.6rem 1.6rem 0 0!important
  }
  .filter__btns .dropdown .dropdown__content .title {
    display: block
  }
  .filter__btns .dropdown .dropdown__content .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  .filter__btns .dropdown .dropdown-btn__btn {
    padding: 0 0 1rem!important
  }
  .filter__btns .dropdown__list .list-item {
    padding: 1rem 0;
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    color: rgba(0,0,0,.6);
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600
  }
  .filter__triger[data-open-mobile=false] + .filter__content {
    max-height: 0
  }
  .filter__content-wrapper .filter__trigers {
    border-bottom: none
  }
  .filter__content-wrapper .filter__items {
    padding: 0 2rem 1.5rem
  }
  .filter__content-wrapper .filter__triger {
    padding: 2rem
  }
  .filter__content-wrapper .filter__triger.active + .filter__content {
    overflow: visible
  }
  .filter__content-wrapper .filter__triger:hover {
    background-color: transparent
  }
  .filter__content {
    overflow: hidden
  }
  .filter .filter--wrapper {
    max-height: 100%
  }
  .filter .box {
    max-height: calc(83vh + 7rem);
    width: 100%;
    border-radius: 16px 16px 0 0
  }
  .filter__selected .labels {
    width: 100%
  }
  .catalog-page__filter.fixed {
    padding: 0 1rem 1rem
  }
  .catalog-item__gallery {
    height: 32.5rem
  }
  .catalog-promo .catalog-page__promo {
    display: none
  }
  .catalog-page__filter .dropdowm__content {
    padding: 1rem
  }
  .catalog-page__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-top: 1rem
  }
  .catalog-page h1 {
    font-size: 2rem;
    line-height: 2.4rem
  }
  .catalog-page h1 span:first-child {
    margin-right: .5rem
  }
  .catalog-banner {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    min-height: 60vh
  }
  .sale-banner {
    min-height: 60vh
  }
  .banner-plate {
    height: 45.4rem
  }
  .banner-tactics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
  }
  .categories {
    padding-top: .8rem;
    padding-bottom: .8rem
  }
  .categories__item-wrapper {
    width: calc((100% - 2rem)/ 2 * 1)
  }
  .banner-member__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 1rem
  }
  .banner-member__header div {
    margin-right: 0;
    margin-bottom: 2rem;
    border: none;
    padding-bottom: 0
  }
  .banner-member__footer {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .banner-member__footer div {
    margin-right: 0;
    margin-bottom: 1rem
  }
  .banner-member__item {
    white-space: normal;
    width: 100%
  }
  .dropdown-btn .dropdown__btn .title {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll
  }
  .dropdown-btn .dropdown__content {
    visibility: hidden!important;
    opacity: 0!important
  }
  .dropdown-btn.active .dropdown__content {
    visibility: visible!important;
    opacity: 1!important;
    background-color: #fff;
    z-index: 20;
    padding: 1rem 0
  }
  .dropdown-btn.active .dropdown__content .dropdown-btn__btn {
    margin-top: 1rem;
    padding: 0 1rem 1rem
  }
  .page__home-page section {
    padding: 2rem 0
  }
  .page__home-page .banner-member::after {
    content: none
  }
  .page__home-page .banner-member__header {
    margin-bottom: 2rem
  }
  .page__home-page .banner-member__header .h1 {
    margin-bottom: 0
  }
  .page__home-page .banner-member__items {
    margin-bottom: 4rem
  }
  .page__home-page .banner-member__item {
    font-size: 2rem;
    line-height: 2.4rem
  }
  .page__home-page .banner-member__item .icon-arrow-right {
    font-size: 2rem;
    line-height: 2.4rem
  }
  .page__home-page .banner-member .btn {
    max-width: 100%;
    margin-bottom: 2rem;
    margin-right: 0
  }
  .page__home-page .banner-member__footer .flex:nth-child(2) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .page__home-page .banner-member__footer .flex:nth-child(2) div {
    width: 100%
  }
  .page__home-page .banner-member__footer .flex:nth-child(2) div:first-child {
    margin-bottom: 2rem
  }
  .promo__container .image {
    height: 18rem
  }
  .promo-item {
    padding: 1rem;
    height: 46rem;
    margin-bottom: 1rem
  }
  .promo-item__subtitle {
    width: 100%
  }
  .promo-item__banner {
    margin-bottom: 1rem
  }
  .promo__slider {
    width: 100%
  }
  .promo__nav {
    padding: 1rem
  }
  .popular__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .featured-categories__item .image {
    height: 20rem
  }
  .liked-item {
    height: 32rem
  }
  .login-page {
    height: 100%
  }
  .login-page .col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .login-page .col-custom {
    width: 100%;
    margin-bottom: 4rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .login-page__auth {
    min-height: 48.5rem
  }
  .user-page__navigation nav {
    position: fixed;
    top: 11rem;
    z-index: 1000;
    background: #111;
    width: 100vw;
    left: 0;
    padding: 0 1rem;
    max-height: 0;
    opacity: 0;
    z-index: -1;
    height: 100%;
    -webkit-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    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
  }
  .user-page__navigation nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .user-page__navigation nav ul li {
    margin-right: 0;
    margin-bottom: 2rem
  }
  .user-page__navigation nav.active {
    max-height: calc(100vh - 11rem);
    opacity: 1;
    z-index: 100
  }
  .user-navigation__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .user-order-detail__header {
    padding: 0
  }
  .user-order-detail__header a {
    margin-bottom: 1rem
  }
  .user-order-detail__header .btns {
    padding: 1rem 0;
    border-top: 1px solid #111;
    width: 100%
  }
  .user-order-detail__header .btns .btn {
    width: calc((100% - 1rem)/ 2)
  }
  .user-order-detail .order-shipment__number {
    -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: start
  }
  .user-order-detail .order-shipment__number .delivery-name {
    display: none
  }
  .user-order-detail .order-shipment__item .descr {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
  }
  .user-order-detail .order-shipment__item .serial {
    display: none
  }
  .user-order-detail .order-shipment__item .price {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .user-order-detail .order-shipment__item .status {
    display: none
  }
  .user-membership .membership-cashback__status {
    margin-left: 0;
    margin-right: auto
  }
  .user-membership .membership-cashback__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
  .user-membership .membership-cashback__item .btn {
    margin-left: 0;
    margin-right: auto
  }
  .user-membership .membership-history__row {
    -ms-grid-columns: 1fr 4.8rem (4rem)[2];
    grid-template-columns: 1fr 4.8rem repeat(2,4rem);
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2,1fr);
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
  }
  .user-membership .membership-history__row:first-child {
    -ms-grid-columns: 1fr 4.8rem (4rem)[2];
    grid-template-columns: 1fr 4.8rem repeat(2,4rem);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr
  }
  .user-membership .membership-history__row:first-child div:first-child span {
    display: none
  }
  .user-membership .membership-history__row:first-child div:first-child span + span {
    display: block
  }
  .user-membership .membership-history__row:first-child div:nth-child(2),
  .user-membership .membership-history__row:first-child div:nth-child(3) {
    display: none
  }
  .user-membership .membership-history__row .earned,
  .user-membership .membership-history__row .left,
  .user-membership .membership-history__row .spent {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-row-align: end;
    align-self: end
  }
  .user-membership .membership-history__row .date {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
  }
  .user-membership .membership-history__row .brand {
    display: none
  }
  .user-membership .membership-history__row .membership-history__order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .user-membership .membership-history__row .membership-history__order span {
    display: none
  }
  .user-membership .membership-history__row .membership-history__order .brand__logo {
    display: inline-block;
    margin-left: .3rem
  }
  .user-membership .membership-banner .h1 + div {
    width: 100%
  }
  .user-dashboard .dashboard-item {
    padding: 1rem;
    width: 100%
  }
  .user-dashboard .dashboard-item__header {
    margin-bottom: 6rem
  }
  .modal-static .modal-personal {
    height: 100vh;
    width: 100%
  }
  .modal-static .wrapper {
    top: 2.5rem;
    height: calc(100% - 2.5rem);
    border-radius: 1.6rem 1.6rem 0 0;
    overflow: hidden
  }
  .modal-static .modal__header h2 {
    display: inline-block
  }
  .modal-static [data-outside] {
    height: 100vh
  }
  .modal-static [data-outside] .modal__footer {
    margin: 0;
    border-radius: 0
  }
  .modal-static [data-outside] .scroll__wrapper {
    height: calc(100% - 14.5rem)
  }
  .text-page__update {
    text-align: left;
    margin-top: 1rem
  }
  .contact-page__items {
    padding-bottom: 5rem
  }
  .contact-page__items:last-child {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .contact-page__items:last-child .contact-page__item {
    width: 100%
  }
  .contact-page__items:last-child .contact-page__item:first-child {
    margin-right: 0;
    margin-top: 2rem
  }
  .blog__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1rem
  }
  .blog__wrapper .blog__item,
  .blog__wrapper .blog__item:first-child,
  .blog__wrapper .blog__item:nth-child(2) {
    -ms-grid-column-span: 1;
    grid-column: span 1
  }
  .blog-item__navigation .blog__link .h1 {
    width: 100%
  }
  .blog-item__share {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .checkout__header-btns {
    display: none
  }
  .checkout .form-payment__btns .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .checkout .form-payment__btns .confirm {
    display: none
  }
  .checkout__main-cart {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .checkout__main-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .checkout-cart__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .checkout-cart {
    padding: 0
  }
  .checkout__main {
    padding: 0 .5rem
  }
  .checkout__main .wrapper-6 .col {
    padding: 0
  }
  .checkout .cart {
    padding: 0 1rem;
    border: none;
    border-radius: 0 0 1.6rem 1.6rem;
    position: fixed;
    top: 12rem;
    width: 100%;
    left: 0;
    background: #fff;
    max-height: 0;
    -webkit-transition: max-height .45s linear;
    -o-transition: max-height .45s linear;
    transition: max-height .45s linear
  }
  .checkout .cart .scroll__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
  .checkout .cart.active {
    max-height: calc(100vh - 14.5rem)
  }
  .checkout .cart .controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .checkout .cart__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem
  }
  .checkout .cart__footer {
    display: none
  }
  .checkout.active::after {
    opacity: 1
  }
  .checkout::after {
    width: 100%;
    height: calc(100% - 15rem);
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
    content: "";
    position: fixed;
    background: rgba(0,0,0,.6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
  }
  .cart-section .wrapper {
    padding-top: 2rem
  }
  .cart__wrapper {
    width: 100%
  }
  .cart__wrapper_modal {
    border-radius: 1.6rem 1.6rem 0 0
  }
  .cart__main .cart__footer {
    position: relative!important;
    padding: 0 .5rem 1rem!important
  }
  .cart__main .cart__content,
  .cart__main .cart__header {
    padding-left: .5rem;
    padding-right: .5rem
  }
  .cart__edit .edit {
    display: none
  }
  .search {
    top: -5rem;
    border-radius: 0 0 1.6rem 1.6rem
  }
  .search .desktop-3 {
    margin-top: 1rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .search__header {
    height: auto
  }
}
@media all and (max-width:767px) {
  :root {
    --bannerHeight: 3.6rem
  }
  .black-friday {
    height: 8.2rem
  }
  .black-friday .black-friday-marquee {
    position: relative
  }
  .black-friday .black-friday-marquee .black-friday__marquee {
    font-size: 1rem;
    line-height: 1.6rem;
    padding: 0 4.8rem
  }
  .black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::before {
    left: -2.3rem;
    border-width: 0 0 3.8rem 2.4rem;
    top: auto;
    bottom: 0
  }
  .black-friday .black-friday-marquee .black-friday__marquee:nth-child(odd)::after {
    right: -2.3rem;
    border-width: 3.8rem 2.4rem 0 0
  }
  .black-friday__timer .timer {
    height: 4.6rem;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .black-friday__timer .timer::before {
    border-radius: 0;
    width: auto;
    left: -1rem;
    right: -1rem
  }
  .black-friday__timer .timer__item {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-right: .8rem;
    padding: 0 1rem;
    width: 7.8rem
  }
  .header-black-friday .navigation {
    top: 14rem
  }
  .header-black-friday ~ main.catalog-page .catalog-page__filter.fixed {
    top: 14.8rem
  }
}
@media (max-width:756px) {
  .pagination__item:nth-child(2n) {
    display: none
  }
}
@media (max-width:680px) {
  .cart__main .cart__footer .payment-methods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media (max-width:640px) {
  .user-review__item {
    -ms-grid-columns: 4.8rem 1fr 13rem;
    grid-template-columns: 4.8rem 1fr 13rem;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
  .user-review__item .descr,
  .user-review__item .image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
  }
  .user-review__item .descr {
    padding-right: 1rem
  }
  .user-review__item .descr + div {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: right
  }
}
@media (max-width:600px) {
  .product-item__description {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1rem 0
  }
  .product-item__description .item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2
  }
}
@media (max-width:580px) {
  .section__user-order .order-item:first-child {
    padding: 2rem 0;
    border-top: 1px solid rgba(0,0,0,.1)
  }
  .user-order .order-item {
    -ms-grid-columns: 16rem (auto)[2];
    grid-template-columns: 16rem repeat(2,auto);
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
  .user-order .order-item__review {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4
  }
  .user-order .order-item__review .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .user-order .order-item__review .flex h3 {
    margin-bottom: 1rem
  }
  .user-order .order-item__products .image {
    display: none
  }
  .user-order .order-item__products .image:first-child {
    display: block
  }
  .user-order .order-item__products .image__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .user-order .order-item__status {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem
  }
  .user-order .order-item__status .txt--1 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 1rem
  }
  .user-order .order-item__status .status {
    margin-left: .5rem
  }
  .user-order .order-item__price {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
  }
}
@media (max-width:576px) {
  .section__product-item-configuration {
    padding-bottom: 2rem
  }
  .product-item__configuration .configuration .configuration-slider__nav {
    position: absolute;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 0
  }
  .product-item__configuration .configuration .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem
  }
  .configuration-card__descr .title {
    width: 80%
  }
  .configuration-card {
    padding: 1rem
  }
  .configuration-card .main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }
  .configuration-card .main .photo {
    margin: 0;
    min-height: 10.5rem
  }
  .configuration-card .main .photo img {
    width: 10.5rem;
    height: 10.5rem
  }
  .configuration-card .additionally {
    width: 21.5rem;
    height: 21.5rem;
    padding: 2rem 1rem
  }
  .configuration-card .additionally .photo {
    min-height: auto;
    height: 11.5rem
  }
  .cart__item .information__header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .cart .cart__counter {
    max-width: 7.8rem
  }
  .cart .cart__counter input {
    width: 2rem
  }
}
@media all and (max-width:576px) {
  .promo-page-black-friday .catalog-promo {
    min-height: 25vh
  }
  .black-friday__timer .text-upper {
    font-size: 1rem;
    line-height: 1.6rem
  }
  .black-friday__timer .timer__item:last-child span:first-child {
    width: 1.2rem
  }
  .black-friday__timer .timer__item::after {
    width: .8rem;
    right: -.8rem
  }
  .black-friday__timer .timer__item:last-child {
    margin-right: 0
  }
  .black-friday__timer .timer {
    margin-left: auto
  }
  .header-black-friday ~ main .promo-slide {
    min-height: 53vw
  }
  .black-friday-form {
    height: 100%
  }
  .black-friday-form .h2 + .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .black-friday-form .h2 + .flex button {
    margin-top: 1rem;
    width: 100%
  }
}
@media (max-width:320px) {
  .navigation {
    right: -120vw
  }
}
@media (max-width:1115px) and (min-width:1023px) {
  .product-item__details span span:first-child {
    display: inline-block
  }
  .product-item__details span span:last-child {
    display: none
  }
}