@charset "UTF-8";
/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
/* FONT_START */
@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;
}

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

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

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

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  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-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

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

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

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

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

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

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 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: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

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

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

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

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  text-align: center;
}

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

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

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

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

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

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

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

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

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

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

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

.swiper.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

/* Cube slide shadows end */
.swiper.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;
}

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

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

.swiper.swiper-cards {
  overflow: visible;
}

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

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-animation: f-spinner-rotate 2s linear infinite;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@-webkit-keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes f-spinner-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124;
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124;
  }
}

.f-throwOutUp {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

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

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

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

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

.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

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

@-webkit-keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-zoomInUp {
  from {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

@keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}

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

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

@-webkit-keyframes f-fadeFastIn {
  0% {
    opacity: .75;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeFastIn {
  0% {
    opacity: .75;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}

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

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}

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

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, 0.2s)*.5) linear 0.1s both f-crossfadeOut;
  animation: calc(var(--f-transition-duration, 0.2s)*.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@-webkit-keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}

.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@-webkit-keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInPrev {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInNext {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes f-slideOutNext {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes f-slideOutPrev {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@-webkit-keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInNext {
  0% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInPrev {
  0% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0;
  }
}

@keyframes f-classicOutNext {
  100% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px);
    opacity: 0;
  }
}

@-webkit-keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0;
  }
}

@keyframes f-classicOutPrev {
  100% {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0;
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  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;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  -webkit-box-shadow: var(--f-button-shadow);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: var(--f-button-transition);
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}

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

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  -webkit-transform: var(--f-button-transform);
  -ms-transform: var(--f-button-transform);
  transform: var(--f-button-transform);
  -webkit-filter: var(--f-button-svg-filter);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

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

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

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none;
}

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

html.with-fancybox body {
  -ms-touch-action: none;
  touch-action: none;
}

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

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  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-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.fancybox__container::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

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

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

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  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;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

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

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  will-change: transform,width,height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.fancybox__caption {
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: .75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop):not(.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop):not(.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

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

.f-thumbs__slide {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  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;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0))*-0.5);
  width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  -webkit-transition: -webkit-transform .33s ease;
  transition: -webkit-transform .33s ease;
  transition: transform .33s ease;
  transition: transform .33s ease, -webkit-transform .33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  -webkit-transition: clip-path .33s ease;
  transition: clip-path .33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  -webkit-animation: f-fadeIn .2s ease-out;
  animation: f-fadeIn .2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  -webkit-transition: none !important;
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  -webkit-animation: .15s ease-out both f-fadeOut;
  animation: .15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: flex;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -ms-flexbox;
  display: flex;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after, .simplebar-content:before {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  -webkit-transition: opacity .2s .5s linear;
  transition: opacity .2s .5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* COLORS */
/* MEDIA QUERIES */
/* ANIMATIONS */
/* FONTS */
/*
    Пример подключения шрифта woff/woff2
    https://css-tricks.com/snippets/css/using-font-face/

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

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

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

.btn-sidebar-login {
  display: block;
  color: #0a4881;
  font-size: 14px;
  line-height: 160%;
  text-decoration: none;
}

.btn-transparent {
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.13px;
  color: #0a4881;
  border-radius: 999px;
  border: 2px solid rgba(10, 72, 129, 0.2);
  padding: 7px 15px;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-transparent:hover {
  border: 2px solid #0a4881;
}

.btn-blue {
  text-decoration: none;
  display: inline-block;
  border-radius: 8px;
  background-color: #0a4881;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  text-align: center;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-blue:hover {
  background-color: #0063bd;
}

.btn-blue:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.btn-white {
  text-decoration: none;
  display: inline-block;
  color: #0a4881;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  background-color: #fff;
}

.btn-grey {
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
  text-align: center;
  text-decoration: none;
  color: #808080;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.btn-grey:hover {
  background-color: rgba(51, 51, 51, 0.16);
}

.btn-favorite {
  background-color: #f2f2f2;
  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;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

@media (hover: hover) and (pointer: fine) {
  .btn-favorite:hover:hover::before {
    background-image: url("../img/ic_heart_blue-fill.svg");
  }
}

.btn-favorite::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_heart_grey.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.btn-favorite.active::before {
  background-image: url("../img/ic_heart_blue-fill.svg");
}

._favorite .btn-favorite::before {
  background-image: url("../img/ic_heart_blue-fill.svg");
}

.btn-favorite_white {
  background-color: rgba(255, 255, 255, 0.5);
}

.btn-favorite_white:hover {
  background-color: #fff;
}

.btn-compare {
  background-color: #f2f2f2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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;
}

@media (hover: hover) and (pointer: fine) {
  .btn-compare:hover:hover::before {
    background-image: url("../img/ic_compare_blue.svg");
  }
}

.btn-compare::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_compare_grey.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.btn-compare.active::before {
  background-image: url("../img/ic_compare_blue.svg");
}

input {
  border: none;
  outline: none;
}

input:focus {
  border: none;
  outline: none;
}

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

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

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

.input {
  display: block;
  outline: none;
  padding: 15px 16px 19px;
  border-radius: 8px;
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  border: 2px solid transparent;
}

.input:focus {
  border: 2px solid rgba(51, 51, 51, 0.16);
}

.input::-webkit-input-placeholder {
  color: #B3B3B3;
}

.input::-moz-placeholder {
  color: #B3B3B3;
}

.input:-ms-input-placeholder {
  color: #B3B3B3;
}

.input::-ms-input-placeholder {
  color: #B3B3B3;
}

.input::placeholder {
  color: #B3B3B3;
}

.title {
  font-family: CloserText, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32px;
}

@media only screen and (max-width: 1260px) {
  .title {
    font-size: 22px;
    letter-spacing: -0.22px;
  }
}

.headline {
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
}

@media only screen and (max-width: 1260px) {
  .headline {
    font-size: 19px;
    letter-spacing: -0.19px;
  }
}

.text-24, .article__main h2, .stock-detail__caption h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
}

@media only screen and (max-width: 1260px) {
  .text-24, .article__main h2, .stock-detail__caption h2 {
    font-size: 19px;
    letter-spacing: -0.19px;
  }
}

.text-20 {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.2px;
}

.text-20-medium {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.2px;
}

.text-18, .article__main p:not(.article__text-main), .article__main ul, .article__main ol, .stock-detail__caption p {
  font-size: 18px;
  line-height: 160%;
}

.text-18-medium, .article__main h3:not(.text-24), .stock-detail__caption h3:not(.text-24) {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.18px;
}

.text-16 {
  font-size: 16px;
  line-height: 160%;
}

.text-16-medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

.text-14 {
  font-size: 14px;
  line-height: 160%;
}

.text-13 {
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
}

.text-13-medium {
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  font-weight: 500;
}

.text-11-medium {
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1260px) {
  html {
    overflow-x: hidden;
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: EuclidCircularA, sans-serif;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, ul, p, li, a, button {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 62.5%;
  font-weight: 400;
}

html:has(.modal_active),
body:has(.modal_active) {
  overflow: hidden;
}

body {
  line-height: 1.5;
  color: #333;
  overflow-x: hidden;
}

html.hide-scrollbar body {
  overflow: hidden !important;
}

html.hide-scrollbar {
  overflow: visible;
}

address {
  font-style: normal;
}

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  outline: none;
}

picture {
  display: block;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
}

label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}

textarea {
  resize: none;
}

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

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

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

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

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

:focus::placeholder {
  color: transparent;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.truncate, input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1256px;
  padding: 0 16px;
}

@media only screen and (max-width: 1260px) {
  .container {
    max-width: 780px;
  }
}

.site-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.6rem;
  min-height: 100vh;
  overflow-x: hidden;
}

.site-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.image {
  width: 100%;
  height: 100%;
}

.link-hover-blue {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.link-hover-blue:hover {
  color: #0063bd;
}

.link-underline {
  display: inline-block;
  text-decoration: none;
  color: #808080;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.link-underline:hover {
  color: #0a4881;
}

.link-underline:hover::before {
  background-color: #0a4881;
}

.link-underline::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #808080;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.fancybox__container.is-closing {
  background-color: transparent !important;
}

.fancybox__content {
  color: #333;
}

.fancybox__container {
  background-color: rgba(0, 0, 0, 0.7);
  --fancybox-bg: none;
}

@media only screen and (max-width: 1260px) {
  .fancybox__slide {
    padding: 0;
  }
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding: 40px 0;
}

@media only screen and (max-width: 1260px) {
  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding: 0;
  }
}

.fancybox__track .fancybox__slide .f-button.is-close-btn {
  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;
  width: 48px;
  height: 48px;
  top: 32px;
  right: 32px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  opacity: 1;
  background-color: transparent;
  --f-button-color: 808080;
  --f-button-hover-color: #c-main;
}

@media only screen and (max-width: 1260px) {
  .fancybox__track .fancybox__slide .f-button.is-close-btn {
    top: 16px;
    right: 16px;
  }
}

.fancybox__track .fancybox__slide .f-button.is-close-btn:hover::before {
  background-image: url("../img/ic_close_blue.svg");
}

.fancybox__track .fancybox__slide .f-button.is-close-btn svg {
  display: none;
}

.fancybox__track .fancybox__slide .f-button.is-close-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_close_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.fancybox__track {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.swiper-scrollbar-blue.swiper-scrollbar {
  background: rgba(51, 51, 51, 0.08);
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 10px;
}

.swiper-scrollbar-blue.swiper-scrollbar .swiper-scrollbar-drag {
  background: #0a4881;
  border-radius: 10px;
}

@media only screen and (max-width: 1260px) {
  .swiper-initialized .swiper-wrapper {
    padding-bottom: 0;
  }
}

.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.color-blue {
  color: #0a4881;
}

.color-orange {
  color: #EE7E19;
}

.hint {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.hint:hover .hint__box {
  display: block;
}

.hint__icon {
  width: 20px;
  height: 20px;
}

.hint__box {
  display: none;
  width: 280px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 10px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  padding: 8px 16px;
  border-radius: 4px 4px 4px 0;
  background: #F5F3F1;
  -webkit-box-shadow: 0 16px 24px 0 #ECE5DF;
  box-shadow: 0 16px 24px 0 #ECE5DF;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .hint__box {
    -webkit-transform: translateX(-100%) translateY(-100%);
    -ms-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
  }
}

.confetti {
  overflow: hidden;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.checkbox {
  display: none;
}

.checkbox:checked + .checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.not_done {
  outline: 2px solid red !important;
}

.not_done_border {
  border: 2px solid red !important;
}

.ui-close-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.08);
}

.ui-close-button__icon {
  width: 24px;
  aspect-ratio: 1;
  fill: #808080;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ui-close-button:hover .ui-close-button__icon {
    fill: #0a4881;
  }
}

.header-category-layer {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

@media only screen and (max-width: 1260px) {
  .header-category-layer {
    display: none;
  }
}

.header-category-layer_active {
  opacity: 1;
  pointer-events: all;
}

.header {
  position: relative;
  z-index: 200;
  background-color: #fff;
  padding-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .header {
    padding-bottom: 16px;
  }
}

.header_shadow {
  -webkit-box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
  box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .header_shadow {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .header_shadow .header__top {
    border-bottom: none;
  }
}

@media only screen and (min-width: 1260px) {
  .header._fixed .header__area {
    min-height: 105px;
  }
  .header._fixed .header__area .header__area-wrapper {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
    box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  }
  .header._fixed .header__area .header__area-wrapper .header__area-wrapper-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1256px;
    padding: 16px;
  }
}

.header._fixed .catalog {
  position: fixed;
  top: 90px;
}

@media only screen and (max-width: 1260px) {
  .header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e4ebf1;
}

@media only screen and (max-width: 1260px) {
  .header__top {
    padding: 0 0 16px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.header__city {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__city-icon {
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.header__city-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.header__city-current a {
  text-decoration: none;
  color: #333;
}

.header__city-count {
  margin-left: 3px;
  color: #b3b3b3;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .header__menu {
    display: none;
  }
}

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

.header__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.13px;
}

.header__item:not(:last-of-type) {
  margin-right: 32px;
}

.header__link {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__link:hover {
  color: #0a4881;
}

.header__link_dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b3b3b3;
  position: relative;
}

.header__link_dropdown path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.header__link_dropdown:hover path {
  fill: #0a4881;
}

.header__link_active {
  color: #0a4881;
}

.header__link_active .header__dropdown {
  opacity: 1;
  pointer-events: all;
}

.header__link_active .header__link-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header__link_active path {
  fill: #0a4881;
}

.header__link_red {
  position: relative;
  padding-left: 20px;
}

.header__link_red:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ic_red_circle.svg");
  background-size: cover;
}

.header__link-arrow {
  display: block;
  width: 16px;
  height: 16px;
}

.header__dropdown {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 173px;
  top: calc(100% + 8px);
  left: 0;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
  padding: 8px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.header__dropdown-link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.13px;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__dropdown-link:not(:last-of-type) {
  margin-bottom: 8px;
}

.header__dropdown-link:hover {
  background: rgba(51, 51, 51, 0.08);
}

.header__phone-dropdown {
  cursor: pointer;
  margin-left: auto;
  padding-right: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.header__phone-dropdown path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.header__phone-dropdown:hover {
  color: #0a4881;
}

.header__phone-dropdown:hover path {
  fill: #0a4881;
}

.header__phone-dropdown_active {
  color: #0a4881;
}

.header__phone-dropdown_active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header__phone-dropdown_active path {
  fill: #0a4881;
}

.header__phone-dropdown_active .header__contacts {
  opacity: 1;
  pointer-events: all;
}

.header__phone-arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  right: 0;
}

@media only screen and (max-width: 1260px) {
  .header__phone {
    display: none;
  }
}

.header__contacts {
  position: absolute;
  z-index: 10;
  top: calc(100% + 8px);
  width: 392px;
  right: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 8px;
  background: #f2f2f2;
  padding: 24px;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
}

.header__contacts-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
}

.header__contacts-phone {
  display: inline-block;
  margin-bottom: 5px;
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  text-decoration: none;
}

.header__contacts-text {
  margin-bottom: 24px;
  max-width: 285px;
  width: 100%;
  font-size: 14px;
  line-height: 160%;
  color: #808080;
  font-weight: 400;
}

.header__contacts-button {
  display: inline-block;
  margin-bottom: 24px;
  padding: 10px 40px 11px;
}

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

.header__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.header__contacts-item:first-child {
  margin-right: 25px;
}

.header__contacts-icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.header__contacts-name {
  font-size: 14px;
  color: #808080;
  font-weight: 400;
  line-height: 160%;
}

.header__callback {
  margin-left: 24px;
}

@media only screen and (max-width: 1260px) {
  .header__callback {
    display: none;
  }
}

@media only screen and (min-width: 1260px) {
  .header__area {
    min-height: 105px;
  }
}

.header__area-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
}

@media only screen and (max-width: 1260px) {
  .header__area-wrapper-inner {
    padding: 16px 0;
  }
}

.header__burger {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .header__burger {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 6px;
    background-image: url("../img/ic_burger_black.svg");
    background-size: cover;
  }
}

.header__logo {
  width: 222px;
  margin-right: 24px;
  display: block;
}

@media only screen and (max-width: 1260px) {
  .header__logo {
    width: 160px;
    margin-right: 5px;
  }
}

.header__logo-image {
  height: 56px;
  margin-bottom: 14px;

}

@media only screen and (max-width: 1260px) {
  .header__logo-image {
    height: 40px;
  }
}

.header__catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
  padding: 16px 32px 16px 24px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .header__catalog {
    display: none;
  }
}

.header__catalog::before {
  content: "";
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_catalog_white.svg");
  background-size: cover;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__catalog_active {
  background-color: #0063bd;
}

.header__catalog_active::before {
  background-image: url("../img/ic_close_white.svg");
}

.header__search-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 8px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .header__search-box {
    display: none;
  }
}

.header__search-box_active {
  z-index: 100;
}

.header__search-box_active .header__search-label {
  z-index: 1000;
}

.header__search-box_active .header__search-btns {
  opacity: 1;
  pointer-events: all;
}

.header__search-box_active .header__search-icon {
  opacity: 0;
  pointer-events: none;
}

.header__search-label {
  display: block;
  position: relative;
}

.header__search-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: 16px;
  opacity: 1;
  pointer-events: all;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__search {
  display: block;
  width: 100%;
  padding: 17px 19px 17px 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: #333;
  border-radius: 8px;
  border: 2px solid rgba(51, 51, 51, 0.08);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border, padding;
  transition-property: border, padding;
}

.header__search::-webkit-input-placeholder {
  color: #b3b3b3;
}

.header__search::-moz-placeholder {
  color: #b3b3b3;
}

.header__search:-ms-input-placeholder {
  color: #b3b3b3;
}

.header__search::-ms-input-placeholder {
  color: #b3b3b3;
}

.header__search::placeholder {
  color: #b3b3b3;
}

.header__search:focus {
  border: 2px solid #333;
  padding: 17px 175px 17px 16px;
}

.header__search-btns {
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1001;
  top: 4px;
  right: 4px;
  bottom: 4px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.header__search-close {
  margin-right: 16px;
}

.header__search-close:hover path {
  fill: #333;
}

.header__search-close svg {
  width: 24px;
  height: 24px;
}

.header__search-close path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__search-submit {
  padding: 14px 32px 15px;
}

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

@media only screen and (max-width: 1260px) {
  .header__btns {
    margin-left: auto;
  }
}

.header__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.header__btn:not(:last-of-type) {
  margin-right: 8px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .header__btn:not(:last-of-type) {
    margin-right: 14px;
  }
}

@media only screen and (max-width: 1260px) {
  .header__btn {
    display: none;
  }
}

.header__btn path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.header__btn:hover {
  background-color: rgba(51, 51, 51, 0.16);
}

.header__btn:hover path {
  fill: #0a4881;
}

.header__btn_count::before {
  content: attr(data-count);
  position: absolute;
  display: block;
  border: 2px solid #fff;
  padding: 1px 5px;
  top: 6px;
  right: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.13px;
  border-radius: 999px;
  background-color: #0a4881;
  color: #fff;
}

@media only screen and (max-width: 1260px) {
  .header__btn_count::before {
    top: -6px;
    right: -2px;
  }
}

@media only screen and (max-width: 1260px) {
  .header__btn_compare {
    margin-right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    background-color: transparent;
  }
  .header__btn_compare svg {
    width: 100%;
    height: 100%;
  }
}

.header__btn_sign-in {
  width: auto;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: #333;
  text-decoration: none;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
}

.header__btn_sign-in:hover {
  color: #0a4881;
}

.header__btn-mobile {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .header__btn-mobile {
    margin-right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
  }
  .header__btn-mobile svg {
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .header__btn-mobile_search {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .header__bottom {
    display: none;
  }
}

.footer {
  background: #F5F3F1;
  padding: 56px 0 26px;
}

@media only screen and (max-width: 1260px) {
  .footer {
    padding: 48px 0 24px;
  }
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 56px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .footer__top {
    display: block;
    padding-bottom: 48px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .footer__list {
    display: block;
    margin-bottom: 48px;
  }
}

.footer__item {
  margin-right: 24px;
  width: 288px;
}

@media only screen and (max-width: 1260px) {
  .footer__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1260px) {
  .footer__headline {
    position: relative;
  }
  .footer__headline::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
    background-size: cover;
  }
}

@media only screen and (max-width: 1260px) {
  .footer__headline_active + .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 1260px) {
  .footer__headline_active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 1260px) {
  .footer__nav {
    display: none;
  }
}

.footer__nav-link {
  display: inline-block;
  margin-top: 14px;
  color: #808080;
  text-decoration: none;
}

.footer__box {
  width: 288px;
}

@media only screen and (max-width: 1260px) {
  .footer__box {
    width: 100%;
  }
}

.footer__caption {
  margin-bottom: 8px;
}

.footer__caption span {
  color: #EE7E19;
}

.footer__note {
  margin-bottom: 16px;
  display: block;
}

.footer__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.footer__form-subscribe_thanks {
  display: none;
  margin-bottom: 57px;
}

.footer__input {
  margin-right: 8px;
}

@media only screen and (max-width: 1260px) {
  .footer__input {
    max-width: 279px;
    width: 100%;
  }
}

.footer__submit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  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;
}

.footer__submit-icon {
  width: 24px;
  height: 24px;
}

.footer__social-note {
  color: #808080;
  margin-bottom: 8px;
  display: block;
}

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

.footer__social-link {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  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;
}

.footer__social-link path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.footer__social-link:hover path {
  fill: #333;
}

.footer__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .footer__middle {
    display: block;
  }
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .footer__contacts {
    margin-right: 0;
  }
}

.footer__contacts-value {
  color: #333;
  text-decoration: none;
  line-height: 100%;
}

.footer__contacts-note {
  margin-top: 8px;
  display: block;
}

.footer__pay {
  margin-left: auto;
}

.footer__pay-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px 4px;
}

.footer__pay-icon {
  margin-right: 4px;
  width: 56px;
  height: 26px;
  border-radius: 4px;
}

.footer__pay-note {
  color: #808080;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .footer__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer__copyright {
  margin-right: 40px;
}

@media only screen and (max-width: 1260px) {
  .footer__copyright {
    margin-right: 0;
    width: 100%;
    margin-bottom: 16px;
  }
}

.footer__bottom-link {
  margin-right: 10px;
}

@media only screen and (max-width: 1260px) {
  .footer__bottom-link {
    margin-right: 38px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 1260px) {
  .footer__bottom-link:last-of-type {
    margin-right: 0;
  }
}

.footer__develop {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .footer__develop {
    margin-left: 0;
    margin-top: 48px;
    width: 100%;
  }
}

.footer__develop-span {
  color: #808080;
}

.footer__develop-icon {
  width: 67px;
  height: 14px;
  margin-left: 8px;
}

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

.footer__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.footer__contacts-item:first-child {
  margin-right: 25px;
}

.footer__contacts-icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.footer__contacts-name {
  font-size: 14px;
  color: #808080;
  font-weight: 400;
  line-height: 160%;
}

.footer__subline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .footer__subline {
    display: block;
  }
}

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

@media (max-width: 1260px) {
  .footer__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .footer__row > .footer__contacts-social {
    margin-top: 3rem;
  }
}

.footer__column > .footer__contacts-social {
  margin-top: 8px;
}

@media (max-width: 560px) {
  .footer__contact-us-title {
    margin-bottom: 2rem;
  }
}

.footer__contact-us-title {
  margin-bottom: 1rem;
}

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

.header-categories__category {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 16px 14px 23px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.header-categories__category:hover {
  background: #F2F2F2;
}

.header-categories__category svg {
  margin-left: 2px;
  width: 20px;
  height: 20px;
}

.header-categories__category a {
  text-decoration: none;
  color: #333;
}

.header-categories__category_active {
  background-color: #0a4881;
  color: #fff;
}

.header-categories__category_active:hover {
  background: #0a4881;
}

.header-categories__category_active a {
  color: #fff;
}

.header-categories__category_active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-categories__category_active svg path {
  fill: #fff;
}

.header-categories__category_green span {
  display: block;
  color: #7BBF3F;
}

.header-categories__category_green .grey {
  color: #B3B3B3;
  margin: 0 2px;
}

.header-categories__category_red {
  color: #D44A1B;
}

.header-categories__category-wrap {
  padding-top: 32px;
  padding-bottom: 32px;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.header-categories__category-wrap_active {
  opacity: 1;
  pointer-events: all;
}

.header-categories__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
}

.header-categories__category-block {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header-categories__category-block_active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-categories__category-box {
  width: 210px;
  margin-right: 24px;
  margin-bottom: 56px;
}

.header-categories__category-name {
  color: #B3B3B3;
}

.header-categories__category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header-categories__category-link {
  margin-top: 16px;
  color: #333;
  text-decoration: none;
}

.header-categories__category-informer {
  display: none;
  margin-left: auto;
}

.header-categories__category-informer[data-element="category-informer"] {
  width: 288px;
}

.header-categories__category-informer_active {
  display: block;
}

.mobile-menu {
  display: none;
}

.mobile-menu.fancybox__content {
  width: 600px;
  padding: 28px 16px 32px;
}

@media only screen and (max-width: 1260px) {
  .mobile-menu.fancybox__content {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .mobile-menu_active {
    display: block;
  }
}

.mobile-menu__title {
  margin-bottom: 36px;
}

.mobile-menu__city {
  margin-bottom: 24px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mobile-menu__city-icon {
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.mobile-menu__city-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.mobile-menu__city-current a {
  text-decoration: none;
  color: #333;
}

.mobile-menu__city-count {
  margin-left: 3px;
  color: #B3B3B3;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mobile-menu__category {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 8px;
  color: #333;
  text-decoration: none;
  padding: 14px 30px 14px 0;
}

.mobile-menu__category:hover {
  background-color: transparent;
}

.mobile-menu__category svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 0;
  position: absolute;
  top: 14px;
  right: 0;
  width: 20px;
  height: 20px;
}

.mobile-menu__category_green span {
  display: block;
  color: #7BBF3F;
}

.mobile-menu__category_green .grey {
  color: #B3B3B3;
  margin: 0 2px;
}

.mobile-menu__category_red {
  color: #D44A1B;
}

.mobile-menu__category_red path {
  fill: #D44A1B;
}

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

.mobile-menu__profile-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #333;
  padding: 14px 0;
  position: relative;
}

.mobile-menu__profile-link::before {
  content: attr(data-favorite-count);
  position: absolute;
  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;
  padding: 1px 5px;
  top: 14px;
  left: calc(100% + 4px);
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  min-height: 20px;
  min-width: 20px;
  letter-spacing: -0.13px;
  border-radius: 50%;
  background-color: #0a4881;
  color: #fff;
}

.mobile-menu__profile-link.favorite::before {
  content: attr(data-count);
}

.mobile-menu__profile-icon {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
}

.mobile-menu__list {
  margin-top: 16px;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mobile-menu__item {
  margin-bottom: 32px;
  width: calc(50% - 10px);
}

.mobile-menu__link {
  color: #333;
  text-decoration: none;
}

.mobile-menu__bottom {
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -32px;
  background: #F5F3F1;
  padding: 32px 16px;
}

.mobile-menu__box {
  margin-bottom: 32px;
}

.mobile-menu__contact {
  color: #333;
  margin-bottom: 8px;
  display: inline-block;
  text-decoration: none;
}

.mobile-menu__note {
  display: block;
}

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

.mobile-menu__chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.mobile-menu__chat:first-child {
  margin-right: 25px;
}

.mobile-menu__chat-icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.mobile-menu__chat-name {
  font-size: 14px;
  color: #808080;
  font-weight: 400;
  line-height: 160%;
}

.mobile-menu__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.mobile-menu__social-link {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  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;
}

.mobile-menu__social-link img {
  width: 32px;
  height: 32px;
}

.crumbs {
  padding: 24px 0;
}

@media only screen and (max-width: 1260px) {
  .crumbs {
    padding: 24px 0 14px;
  }
}

.crumbs_catalog {
  margin-bottom: 9px;
}

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

@media only screen and (max-width: 1260px) {
  .crumbs__list {
    margin: 0 -16px;
    padding-bottom: 10px;
    overflow-x: auto;
  }
  .crumbs__list::before, .crumbs__list::after {
    content: '';
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.crumbs__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.crumbs__item:not(:first-of-type) {
  margin-left: 31px;
  position: relative;
}

.crumbs__item:not(:first-of-type)::before {
  content: '/';
  position: absolute;
  top: 0;
  left: -19px;
  color: #B3B3B3;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  width: 7px;
  height: 16px;
}

.crumbs__link {
  display: inline-block;
  color: #B3B3B3;
  text-decoration: none;
}

.mobile-bar {
  padding: 8px 0 12px;
  display: none;
  background-color: #fff;
  z-index: 100;
  border-top: 1px solid #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .mobile-bar_active {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

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

.mobile-bar__link {
  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;
  max-width: 69px;
  width: 100%;
  text-decoration: none;
  color: #333;
}

.mobile-bar__box {
  position: relative;
}

.mobile-bar__box::before {
  content: attr(data-count);
  position: absolute;
  display: block;
  border: 2px solid #fff;
  padding: 1px 5px;
  top: -7px;
  right: -10px;
  min-height: 20px;
  min-width: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.13px;
  border-radius: 999px;
  background-color: #0a4881;
  color: #fff;
}

.mobile-bar__icon {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}

.modal-callback {
  display: none;
}

.modal-callback.fancybox__content {
  display: none;
  width: 440px;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
}

@media only screen and (max-width: 1260px) {
  .modal-callback.fancybox__content {
    padding: 28px 16px 34px;
    border-radius: 0;
    width: 600px;
  }
}

.modal-callback__mobile {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__mobile {
    display: block;
  }
}

.modal-callback__title {
  margin-bottom: 38px;
}

.modal-callback__phone {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  color: #333;
  text-decoration: none;
}

.modal-callback__phone-text {
  margin-bottom: 24px;
  color: #808080;
}

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

.modal-callback__chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 12px 12px 16px;
  border-radius: 8px;
  background: #F2F2F2;
  color: #333;
  text-decoration: none;
}

.modal-callback__chat_half {
  width: calc(50% - 4px);
}

.modal-callback__chat_wide {
  margin-top: 8px;
  width: 100%;
  padding: 12px 50px 12px 16px;
  position: relative;
}

.modal-callback__chat_wide::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 16px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
  background-size: cover;
}

.modal-callback__chat-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
}

.modal-callback__headline {
  margin-bottom: 25px;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__headline {
    margin-bottom: 4px;
    margin-top: 24px;
  }
}

.modal-callback__sub-headline {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__sub-headline {
    display: block;
    margin-bottom: 16px;
    color: #808080;
  }
}

.modal-callback__form-inner {
  margin-bottom: 24px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__form-inner {
    padding: 16px;
    margin-bottom: 16px;
  }
}

.modal-callback__label {
  display: block;
}

.modal-callback__label:not(:last-of-type) {
  margin-bottom: 14px;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__label:not(:last-of-type) {
    margin-bottom: 16px;
  }
}

.modal-callback__note {
  display: block;
  color: #808080;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__note {
    display: none;
  }
}

.modal-callback__input {
  width: 100%;
}

.modal-callback__explain {
  margin-bottom: 24px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .modal-callback__explain {
    margin-bottom: 16px;
  }
}

.modal-callback__submit {
  margin-bottom: 16px;
  padding: 18px 18px 19px;
  width: 100%;
}

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

.modal-callback__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-callback__checkbox {
  display: none;
}

.modal-callback__checkbox:checked + .modal-callback__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-callback__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-callback__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-callback__policy-text a {
  text-decoration: underline;
  color: #808080;
}

.modal-video.fancybox__content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.modal-video.fancybox__content .f-button.is-close-btn {
  position: fixed !important;
}

.modal-video {
  display: none;
}

.modal-video__video {
  background: #000;
  width: 100%;
  height: 100%;
}

.catalog {
  position: absolute;
  top: calc(100% - 90px);
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .catalog {
    display: none;
  }
}

.catalog_active {
  opacity: 1;
  pointer-events: all;
}

.catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
}

.catalog__sidebar {
  margin-right: 24px;
  position: relative;
  z-index: 1;
  padding: 32px 0;
  width: 224px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.catalog__sidebar::before {
  content: '';
  background-color: #F5F3F1;
  position: absolute;
  z-index: -1;
  width: 100vw;
  top: 0;
  bottom: 0;
  right: 0;
}

.catalog__sidebar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  color: #333;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.catalog__sidebar-link_active {
  background-color: #fff;
}

.catalog__wrap {
  padding: 32px 0;
}

.catalog__area {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.catalog__box {
  width: 205px;
  margin-right: 24px;
  margin-bottom: 56px;
}

.catalog__name {
  color: #B3B3B3;
}

.catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.catalog__link {
  margin-top: 16px;
  color: #333;
  text-decoration: none;
}

.catalog__informer {
  padding-top: 32px;
  width: 288px;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
}

.catalog__informer_active {
  display: block;
}

.search-layer {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.search-layer_active {
  opacity: 1;
  pointer-events: all;
}

.search {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.search_active {
  opacity: 1;
  pointer-events: all;
}

.search__advice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.search__advice-item {
  margin: 0 3px 6px;
  padding: 4px 12px;
  border-radius: 100px;
  background: rgba(51, 51, 51, 0.08);
  color: #808080;
  text-decoration: none;
}

.search__box {
  margin-bottom: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .search__box {
    padding-bottom: 16px;
  }
}

.search__box-title {
  margin-bottom: 16px;
}

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

.search__box-item {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

.search__box-item:not(:last-of-type) {
  margin-bottom: 8px;
}

.search__popular {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .search__popular {
    margin-bottom: 16px;
  }
}

.search__popular-title {
  margin-bottom: 16px;
}

.search__popular-item {
  position: relative;
  padding-right: 48px;
}

.search__popular-item:not(:last-of-type) {
  margin-bottom: 16px;
}

.search__popular-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #333;
}

.search__popular-product:hover .search__popular-name {
  color: #0a4881;
}

.search__popular-image {
  margin-right: 8px;
  width: 122px;
  height: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.search__popular-box {
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.search__popular-name {
  margin-bottom: 17px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.search__popular-price {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__popular-price-old {
  color: #B3B3B3;
  margin-left: 8px;
  position: relative;
}

.search__popular-price-old::before {
  content: '';
  height: 1px;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  background-color: #B3B3B3;
}

.search__popular-basket {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  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;
}

.search__popular-basket::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_basket_add_white.svg");
}

.search__all {
  color: #0a4881;
}

.search__all::before {
  background-color: #0a4881;
}

.custom-select {
  position: relative;
}

.custom-select select {
  display: none;
}

.custom-select_shops .custom-select__view {
  padding: 11px 16px 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.18px;
}

.custom-select_shops .custom-select__view::before {
  width: 24px;
  height: 24px;
}

.custom-select_shops .custom-select__option {
  padding: 11px 16px 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.18px;
}

.custom-select_cooperation .custom-select__view {
  height: 56px;
}

.custom-select_cooperation .custom-select__view:hover {
  border: 1px solid transparent;
}

.custom-select_cooperation .custom-select__view_active {
  border: 1px solid transparent;
}

.custom-select_size {
  height: 36px;
}

.custom-select_size .custom-select__dropdown {
  top: -10px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.custom-select_size .custom-select__view {
  border-radius: 4px;
  padding: 4px 12px;
  line-height: 160%;
  border: 2px solid rgba(51, 51, 51, 0.16);
}

.custom-select_size .custom-select__view:hover {
  border: 2px solid rgba(51, 51, 51, 0.32);
}

.custom-select_size .custom-select__view_active {
  border: 2px solid rgba(51, 51, 51, 0.32);
}

.custom-select_size__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__title {
    font-size: 19px;
    line-height: 120%;
    letter-spacing: -0.19px;
  }
}

.custom-select_size__popper {
  border-radius: 8px;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
  background-color: #fff;
  z-index: -1;
  position: relative;
  width: 664px;
  padding: 32px;
  display: none;
  pointer-events: none;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.custom-select_size__popper-bottom {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-bottom {
    position: sticky;
    bottom: 0;
    border-top: 1px solid rgba(51, 51, 51, 0.16);
    padding: 24px 16px 32px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    background-color: #fff;
  }
}

.custom-select_size__popper-content {
  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;
  gap: 24px;
  height: 100%;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-content {
    position: relative;
    overflow-y: auto;
    height: 100dvh;
  }
}

.custom-select_size__popper-grid {
  --cols: 2;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  row-gap: 24px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: auto;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.custom-select_size__popper-grid-item--wide {
  grid-column: 1 / 3;
}

.custom-select_size__popper-apply {
  height: 56px;
  padding: 16px 24px;
  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;
  gap: 4px;
  outline: none;
}

.custom-select_size__popper-apply span {
  color: #0A4881;
}

.custom-select_size__popper-basket {
  height: 56px;
  padding: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  outline: none;
}

.custom-select_size__popper-basket::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_basket_add_white.svg");
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-basket::before {
    margin-right: 0;
  }
}

.custom-select_size__popper-title {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-title {
    font-weight: 500;
    font-size: 19px;
    line-height: 120%;
    letter-spacing: -0.19px;
    display: block;
  }
}

.custom-select_size__popper-subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}

.custom-select_size__popper-subtitle .title-error {
  display: none;
}

.custom-select_size__popper-subtitle._error {
  color: red;
}

.custom-select_size__popper-subtitle._error .title-error {
  font-size: 14px;
  display: block;
}

.custom-select_size__popper-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

@media only screen and (max-width: 1260px) {
  .custom-select_size__popper-close {
    position: relative;
    top: initial;
    right: initial;
  }
}

.custom-select_size__popper._active {
  display: block;
  z-index: 200;
  pointer-events: initial;
}

.catalog-tile__item .custom-select__view {
  padding-right: 35px;
}

.custom-select__view {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.08);
  background: #fff;
  padding: 16px 18px;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border;
  transition-property: border;
}

.custom-select__view:hover {
  border: 1px solid rgba(51, 51, 51, 0.5);
}

.custom-select__view::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_custom_select_arrow.svg");
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
}

.custom-select__view_active {
  border: 1px solid rgba(51, 51, 51, 0.5);
}

.custom-select__view_active + .custom-select__dropdown {
  display: block;
  max-height: 170px;
}

.custom-select__dropdown {
  display: none;
  position: absolute;
  z-index: 1;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(154, 154, 154, 0.5);
  box-shadow: 0 2px 15px 0 rgba(154, 154, 154, 0.5);
}

.custom-select__option {
  cursor: pointer;
  padding: 13px 11px 14px 17px;
  color: #222;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.custom-select__option:hover {
  background-color: #ededed;
}

.custom-select__option_active {
  background-color: #ededed;
}

.tile-line__title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tile-line__title-container .tile-item__select-box {
  margin-bottom: unset;
}

.tile-line__title-container .custom-select__view {
  border: none;
  color: #0a4881;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}

@media only screen and (max-width: 1260px) {
  .tile-line__title-container .custom-select__view {
    font-size: 22px;
    padding: 0 12px;
  }
}

.tile-line__title-container .custom-select__view.custom-select__view_active::before {
  -webkit-transform: translateY(-30%) rotate(180deg);
  -ms-transform: translateY(-30%) rotate(180deg);
  transform: translateY(-30%) rotate(180deg);
}

.tile-line__title-container .custom-select__view::before {
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_custom_select_arrow_blue.svg");
  right: -6%;
}

.tile-line__title-container .custom-select__view:hover {
  border: none;
}

.tile-line__title-container .custom-select__view.custom-select__view_active::before {
  -webkit-transform: translateY(-30%) rotate(180deg);
  -ms-transform: translateY(-30%) rotate(180deg);
  transform: translateY(-30%) rotate(180deg);
}

.tile-line__title-container .custom-select_size .custom-select__dropdown {
  top: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  z-index: 2;
  width: 120%;
}

.tile-line__title-container .custom-select_size .custom-select__dropdown .custom-select__option_active {
  background-color: unset;
}

.tile-line__title-container .custom-select_size .custom-select__dropdown .custom-select__option {
  color: #0a4881;
  font-size: 32px;
  font-weight: 500;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .tile-line__title-container .custom-select_size .custom-select__dropdown .custom-select__option {
    font-size: 22px;
  }
}

.tile-line__title-container .custom-select_size .custom-select__dropdown .custom-select__option_active {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.tile-line__title-container .custom-select_size .custom-select__dropdown .custom-select__option_active::after {
  content: "";
  background-size: cover;
  position: absolute;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 10%;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_custom_select_arrow_blue.svg");
}

.tile-line__title-container .custom-select_size .custom-select__dropdown .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sizes-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 11px;
}

.sizes-grid__item {
  --bg-color: rgba(51, 51, 51, 0.08);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 13px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  background-color: var(--bg-color);
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 48px;
  cursor: pointer;
}

.sizes-grid__item._selected {
  background-color: #0a4881;
  color: #fff;
}

.sizes-grid__item._selected:hover {
  background-color: #0a4881;
  color: #fff;
}

.sizes-grid__item:hover {
  background-color: rgba(51, 51, 51, 0.16);
  color: #0a4881;
}

.sizes-grid__item._disabled {
  pointer-events: none;
  background-color: transparent;
  color: #b3b3b3;
  outline: 1px solid var(--bg-color);
}

.bonus-cap {
  margin-bottom: 56px;
}

.bonus-cap__area {
  position: relative;
  margin-bottom: 24px;
  border-radius: 8px;
  background: #E3E5E2;
  color: #333;
  padding: 32px 80px 32px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__area {
    padding: 24px 24px 279px;
  }
}

.bonus-cap__inner {
  position: relative;
  z-index: 1;
  max-width: 532px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__inner {
    margin-left: 0;
    max-width: 100%;
  }
}

.bonus-cap__picture {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 914px;
  height: 300px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__picture {
    width: 697px;
    height: 289px;
  }
}

.bonus-cap__title {
  margin-bottom: 18px;
}

.bonus-cap__title div {
  display: inline;
}

.bonus-cap__title img {
  display: inline;
  width: 22px;
  height: 22px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__title img {
    width: 15px;
    height: 15px;
  }
}

.bonus-cap__text {
  max-width: 440px;
  width: 100%;
  margin-bottom: 64px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__text {
    margin-bottom: 24px;
    max-width: 100%;
  }
}

.bonus-cap__button {
  padding: 18px 50px 19px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__button {
    width: 100%;
    text-align: center;
  }
}

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

@media only screen and (max-width: 1260px) {
  .bonus-cap__list {
    display: block;
  }
}

.bonus-cap__item {
  padding: 16px 24px;
  width: 300px;
  border-radius: 8px;
  background: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__item {
    width: 100%;
  }
  .bonus-cap__item:not(:last-of-type) {
    margin-bottom: 8px;
  }
}

.bonus-cap__item:nth-child(1) .bonus-cap__name, .bonus-cap__item:nth-child(2) .bonus-cap__name {
  max-width: 170px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__item:nth-child(1) .bonus-cap__name, .bonus-cap__item:nth-child(2) .bonus-cap__name {
    max-width: 100%;
  }
}

.bonus-cap__item:nth-child(3) .bonus-cap__name {
  max-width: 200px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__item:nth-child(3) .bonus-cap__name {
    max-width: 100%;
  }
}

.bonus-cap__value {
  display: block;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .bonus-cap__value {
    margin-bottom: 32px;
  }
}

.bonus-share {
  background-image: url("../img/bonus-share/bonus-share_bg.svg");
  background-size: cover;
  background-position: center;
  padding: 32px 0 48px;
  margin-bottom: 56px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .bonus-share {
    padding: 72px 0 48px;
    margin-bottom: 48px;
    background-image: url("../img/bonus-share/bonus-share_bg-mob.svg");
  }
}

.bonus-share__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__wrap {
    display: block;
  }
}

.bonus-share__gallery {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__gallery {
    margin-bottom: 55px;
  }
}

.bonus-share__item {
  position: relative;
}

.bonus-share__item:first-child .bonus-share__sticker {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  top: 0;
  right: -50px;
}

.bonus-share__item:last-of-type {
  margin-top: 90px;
  margin-left: -50px;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__item:last-of-type {
    margin-top: 49px;
    margin-left: -25px;
  }
}

.bonus-share__item:last-of-type .bonus-share__sticker {
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  bottom: 32px;
  left: -10px;
}

.bonus-share__picture {
  display: block;
  border: 10px solid #fff;
  width: 332px;
  height: 332px;
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__picture {
    width: 190px;
    height: 190px;
    border: 6px solid #fff;
  }
}

.bonus-share__image {
  height: 100%;
}

.bonus-share__sticker {
  position: absolute;
  background: #ECE5DF;
  -webkit-box-shadow: 0 18.53807px 27.80711px 0 #ECE5DF;
  box-shadow: 0 18.53807px 27.80711px 0 #ECE5DF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px 10px 10px;
  border-radius: 100px;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__sticker {
    padding: 6px 10px 6px 6px;
  }
}

.bonus-share__circle {
  margin-right: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__circle {
    width: 20px;
    height: 20px;
  }
}

.bonus-share__value {
  font-size: 34px;
  line-height: 35px;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__value {
    font-size: 20px;
    line-height: 20px;
  }
}

.bonus-share__inner {
  margin-right: 24px;
  max-width: 600px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__inner {
    max-width: 100%;
  }
}

.bonus-share__title {
  margin-bottom: 8px;
}

.bonus-share__area {
  margin-top: 112px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__area {
    margin-top: 48px;
    display: block;
  }
}

.bonus-share__box {
  width: 288px;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__box {
    width: 100%;
  }
  .bonus-share__box:first-child {
    margin-bottom: 32px;
  }
}

.bonus-share__top {
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .bonus-share__top {
    margin-bottom: 32px;
  }
}

.bonus-share__icon {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.bonus-share__note {
  color: #808080;
}

.bonus-table {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1260px) {
  .bonus-table_hide .bonus-table__arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .bonus-table_hide .bonus-table__top, .bonus-table_hide .bonus-table__box {
    display: none;
  }
  .bonus-table_hide .bonus-table__title {
    margin-bottom: 0;
  }
}

.bonus-table__table {
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__table {
    padding: 16px;
    border-radius: 0;
    margin: 0 -16px;
  }
}

.bonus-table__title {
  margin-bottom: 24px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__title {
    text-align: left;
    margin-bottom: 32px;
    position: relative;
    padding-right: 52px;
  }
}

.bonus-table__arrow {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__arrow {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.bonus-table__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 24px 16px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__top {
    display: none;
  }
}

.bonus-table__th {
  color: #808080;
  width: 160px;
}

.bonus-table__th:first-child {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.bonus-table__th:not(:last-of-type) {
  margin-right: 37px;
}

.bonus-table__box {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__box {
    padding: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bonus-table__box:nth-child(odd) {
  background: rgba(51, 51, 51, 0.08);
}

.bonus-table__td {
  width: 160px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__td {
    width: calc(33.33% - 11px);
    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;
  }
}

.bonus-table__td:not(:last-of-type) {
  margin-right: 37px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__td:not(:last-of-type) {
    margin-right: 16px;
  }
}

.bonus-table__td:not(:first-of-type) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bonus-table__td.bonus-table__td_headline {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__td.bonus-table__td_headline {
    margin-bottom: 24px;
    width: 100%;
    margin-right: 0;
  }
}

.bonus-table__td.bonus-table__td_headline .bonus-table__value {
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__td.bonus-table__td_headline .bonus-table__value {
    min-height: auto;
  }
}

.bonus-table__name {
  color: #808080;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .bonus-table__name {
    display: block;
  }
}

@media only screen and (max-width: 1260px) {
  .bonus-table__value {
    min-height: 46px;
    margin-top: 16px;
  }
}

.faq {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .faq {
    margin-bottom: 48px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .faq__wrap {
    display: block;
  }
}

.faq__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .faq__main {
    margin-bottom: 48px;
    width: 100%;
  }
}

.faq__title {
  margin-bottom: 24px;
}

.faq__list {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .faq__list {
    margin-bottom: 48px;
  }
}

.faq__item {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.faq__top {
  cursor: pointer;
  padding: 24px 104px 24px 0;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .faq__top {
    padding: 24px 39px 24px 0;
  }
}

.faq__top path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.faq__top:hover path {
  fill: #0a4881;
}

.faq__top_active + .faq__text {
  display: block;
}

.faq__top_active .faq__arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq__arrow {
  position: absolute;
  top: 24px;
  right: 0;
}

.faq__text {
  display: none;
  padding-bottom: 24px;
}

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

.faq__download {
  margin-right: 8px;
  padding: 16px 14px;
  color: #808080;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 257px;
  width: 100%;
}

.faq__download svg {
  margin-right: 8px;
}

.faq__more {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  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;
}

.faq__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .faq__sidebar {
    width: 100%;
  }
}

.faq__sidebar-box {
  position: sticky;
  top: 56px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
}

.faq__sidebar-headline {
  margin-bottom: 8px;
}

.faq__sidebar-text {
  color: #808080;
}

.faq__sidebar-phone {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  color: #333;
  text-decoration: none;
}

.faq__callback {
  padding: 10px 40px 11px;
  margin-top: 8px;
  margin-bottom: 24px;
}

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

.faq__chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.faq__chat:first-child {
  margin-right: 24px;
}

.faq__chat-icon {
  border-radius: 8px;
}

.faq__chat-name {
  margin-left: 8px;
  color: #808080;
}

.description {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .description {
    margin-bottom: 46px;
  }
}

.description__wrap {
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  padding: 56px 0;
}

@media only screen and (max-width: 1260px) {
  .description__wrap {
    padding: 48px 0;
  }
}

.description__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .description__title {
    margin-bottom: 16px;
  }
}

.description__area {
  margin-bottom: 16px;
}

.description__text {
  color: #808080;
}

.description__text:not(:last-of-type) {
  margin-bottom: 16px;
}

.description__text_clip {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

@media only screen and (max-width: 1260px) {
  .description__text_clip {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}

.description__text_hide {
  display: none;
}

.description__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0a4881;
}

.description__button svg {
  width: 20px;
  height: 20px;
  margin-left: 2px;
}

.description__button_active svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.delivery-preloader {
  position: relative;
  left: 50%;
}

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0A4881;
  color: #0A4881;
  -webkit-box-shadow: 9999px 0 0 -5px;
  box-shadow: 9999px 0 0 -5px;
  -webkit-animation: dot-pulse 1.5s infinite linear;
  animation: dot-pulse 1.5s infinite linear;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0A4881;
  color: #0A4881;
}

.dot-pulse::before {
  -webkit-box-shadow: 9984px 0 0 -5px;
  box-shadow: 9984px 0 0 -5px;
  -webkit-animation: dot-pulse-before 1.5s infinite linear;
  animation: dot-pulse-before 1.5s infinite linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.dot-pulse::after {
  -webkit-box-shadow: 10014px 0 0 -5px;
  box-shadow: 10014px 0 0 -5px;
  -webkit-animation: dot-pulse-after 1.5s infinite linear;
  animation: dot-pulse-after 1.5s infinite linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes dot-pulse-before {
  0% {
    -webkit-box-shadow: 9984px 0 0 -5px;
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 9984px 0 0 2px;
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 9984px 0 0 -5px;
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse-before {
  0% {
    -webkit-box-shadow: 9984px 0 0 -5px;
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 9984px 0 0 2px;
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 9984px 0 0 -5px;
    box-shadow: 9984px 0 0 -5px;
  }
}

@-webkit-keyframes dot-pulse {
  0% {
    -webkit-box-shadow: 9999px 0 0 -5px;
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 9999px 0 0 2px;
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 9999px 0 0 -5px;
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    -webkit-box-shadow: 9999px 0 0 -5px;
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 9999px 0 0 2px;
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 9999px 0 0 -5px;
    box-shadow: 9999px 0 0 -5px;
  }
}

@-webkit-keyframes dot-pulse-after {
  0% {
    -webkit-box-shadow: 10014px 0 0 -5px;
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 10014px 0 0 2px;
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 10014px 0 0 -5px;
    box-shadow: 10014px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    -webkit-box-shadow: 10014px 0 0 -5px;
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    -webkit-box-shadow: 10014px 0 0 2px;
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    -webkit-box-shadow: 10014px 0 0 -5px;
    box-shadow: 10014px 0 0 -5px;
  }
}

.feedback__area {
  padding: 56px 64px 66px;
  border-radius: 8px;
  background-image: url("../img/feedback/feedback_bg.webp");
  background-size: cover;
}

@media only screen and (max-width: 1260px) {
  .feedback__area {
    background-image: url("../img/feedback/feedback_bg-mob.webp");
    padding: 24px;
  }
}

.feedback__box {
  max-width: 565px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .feedback__box {
    max-width: 100%;
  }
}

.feedback__title {
  margin-bottom: 8px;
}

.feedback__subtitle {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1260px) {
  .feedback__subtitle {
    margin-bottom: 13px;
  }
}

.feedback__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .feedback__contacts {
    display: block;
    margin-bottom: 32px;
  }
}

.feedback__phone {
  color: #0a4881;
  padding: 9px 13px;
  border-radius: 8px;
  background: #D7CCC3;
  display: inline-block;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .feedback__phone {
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
  }
}

.feedback__note {
  margin-left: 16px;
  color: #808080;
  width: 126px;
}

@media only screen and (max-width: 1260px) {
  .feedback__note {
    margin-left: 0;
    width: 100%;
  }
}

.feedback__text {
  margin-bottom: 10px;
}

.feedback__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .feedback__form {
    display: block;
  }
}

.feedback__input {
  margin-right: 8px;
}

@media only screen and (max-width: 1260px) {
  .feedback__input {
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
}

.feedback__button {
  padding: 16px 32px;
  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;
}

@media only screen and (max-width: 1260px) {
  .feedback__button {
    width: 100%;
  }
}

.feedback__button::before {
  content: '';
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/feedback/ic_basket_feedback.svg");
}

.feedback__policy {
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .feedback__policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1260px) {
  .feedback__policy-link {
    margin-top: 4px;
  }
}

.services {
  padding: 56px 0;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .services {
    padding: 48px 0;
  }
}

.services .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1260px) {
  .services .swiper-wrapper {
    padding-bottom: 24px;
  }
}

.services__slider {
  position: relative;
}

.services__item {
  width: 184px !important;
}

.services__item:not(:last-of-type) {
  margin-right: 24px;
}

.services__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.services__icon-box {
  margin-right: 12px;
  width: 56px;
  height: 56px;
  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-radius: 16px;
  border: 1px solid rgba(51, 51, 51, 0.16);
}

.services__icon {
  width: 24px;
  height: 24px;
}

.services__name {
  max-width: 80px;
  width: 100%;
  color: #808080;
}

.services__scrollbar.swiper-scrollbar {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .services__scrollbar.swiper-scrollbar {
    display: block;
    background: rgba(51, 51, 51, 0.08);
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.services__scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background: #0a4881;
}

.cyclopedia {
  padding: 56px 0 50px;
  background-image: url("../img/cyclopedia/cyclopedia-bg.webp");
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia {
    background-image: url("../img/cyclopedia/cyclopedia-bg-mob.webp");
    padding: 48px 0;
    overflow: hidden;
  }
}

.cyclopedia__wrap {
  margin-bottom: 32px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__wrap {
    margin-bottom: 24px;
  }
}

.cyclopedia__title {
  margin-bottom: 16px;
}

.cyclopedia__all {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  padding-right: 22px;
  color: #0a4881;
  text-decoration: none;
}

.cyclopedia__all::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.cyclopedia__text {
  max-width: 700px;
  width: 100%;
}

.cyclopedia__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cyclopedia__nav-button {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__nav-button {
    display: none;
  }
}

.cyclopedia__nav-button:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.cyclopedia__nav-button::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cyclopedia__nav-button_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cyclopedia__nav-button_right {
  margin-left: 8px;
}

.cyclopedia__slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 46px;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__slider {
    padding-bottom: 0;
    overflow: visible;
  }
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__slider .swiper-wrapper {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__slider .swiper-scrollbar {
    display: none;
  }
}

.cyclopedia__slide {
  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: 460px;
  width: 288px;
  height: auto;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  text-decoration: none;
}

.cyclopedia__slide:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__slide:not(:last-of-type) {
    margin-right: 16px;
  }
}

@media only screen and (min-width: 1261px) {
  .cyclopedia__slide {
    min-height: auto;
  }
  .cyclopedia__slide:hover .cyclopedia__button {
    opacity: 1;
    pointer-events: all;
  }
  .cyclopedia__slide:hover .cyclopedia__image {
    height: 234px;
  }
}

.cyclopedia__box {
  position: relative;
}

.cyclopedia__image {
  height: 288px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .cyclopedia__image {
    height: 180px;
  }
}

.cyclopedia__tag {
  padding: 0 4px 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  display: inline-block;
}

.cyclopedia__tag::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: -4px;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
  background-color: #0a4881;
}

.cyclopedia__inner {
  padding: 16px 24px 40px;
  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-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cyclopedia__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.cyclopedia__date {
  color: #B3B3B3;
  margin-right: 20px;
}

.cyclopedia__time {
  position: relative;
  color: #B3B3B3;
  padding-left: 20px;
}

.cyclopedia__time::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: 0;
  background-image: url("../img/ic_time_grey.svg");
}

.cyclopedia__time::after {
  content: '∙';
  position: absolute;
  top: 0;
  left: -11px;
  width: 4px;
  height: 16px;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  color: #B3B3B3;
  text-align: center;
}

.cyclopedia__name {
  color: #333;
}

.cyclopedia__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 16px;
  left: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 32px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color;
  transition-property: opacity, background-color;
}

.cyclopedia__button::after {
  content: '';
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 4px;
  background-image: url("../img/cyclopedia/ic_arrow_right_white_read.svg");
}

.special-offer {
  padding: 0 25px;
  background-color: #0a4881;
  position: relative;
}

.special-offer_hide {
  display: none;
}

.special-offer-text {
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.13px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
}

.special-offer-close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_close_white.svg");
  background-size: cover;
}

.informer {
  width: 288px;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 20px;
}

.catalog-tile .informer {
  width: auto;
}

.informer__wrap {
  position: relative;
  height: 320px;
}

.catalog-tile .informer__wrap {
  height: auto;
}

.informer__slide {
  color: #fff;
  text-decoration: none;
  display: block;
  border-radius: 8px;
  overflow: hidden;
}

.informer__slide:not(:last-of-type) {
  margin-right: 10px;
}

.informer__inner {
  overflow: hidden;
  padding: 24px 24px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 320px;
}

.informer__inner::before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(89.36%, rgba(0, 0, 0, 0.7))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 89.36%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  width: 100%;
  height: 329px;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

.informer__picture {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.informer__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.informer__title {
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
}

.informer__tag {
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
}

.informer__bottom {
  margin-top: auto;
}

.informer__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 8px;
}

.informer__date {
  color: #B3B3B3;
  margin-right: 20px;
}

.informer__time {
  position: relative;
  color: #B3B3B3;
  padding-left: 20px;
}

.informer__time::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: 0;
  background-image: url("../img/ic_time_grey.svg");
}

.informer__time::after {
  content: '∙';
  position: absolute;
  top: 0;
  left: -11px;
  width: 4px;
  height: 16px;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  color: #B3B3B3;
  text-align: center;
}

.informer__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: unset !important;
  bottom: -10px !important;
  right: 0 !important;
  width: auto !important;
  height: 2px;
  margin: 0 12px;
}

.informer__pagination .swiper-pagination-bullet {
  border-radius: 2px;
  width: 100%;
  height: 2px;
  background-color: rgba(51, 51, 51, 0.08);
  opacity: 1;
}

.informer__pagination .swiper-pagination-bullet-active {
  background-color: #0a4881;
}

.cap {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1260px) {
  .cap {
    margin-bottom: 40px;
  }
}

.cap__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cap__slider {
  margin-right: 24px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .cap__slider {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    width: 100%;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 766px) {
  .cap__slider {
    margin-right: 0;
  }
}

.cap__slider .swiper-wrapper {
  padding-bottom: 0;
}

.cap__nav {
  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;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  position: absolute;
  z-index: 5;
  background: rgba(255, 255, 255, 0.4);
  top: 50%;
  -webkit-transform: translateY(calc(-50% - 10px));
  -ms-transform: translateY(calc(-50% - 10px));
  transform: translateY(calc(-50% - 10px));
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .cap__nav {
    display: none;
  }
}

.cap__nav:hover {
  background-color: #fff;
}

.cap__nav::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.cap__nav_left {
  left: 16px;
  -webkit-transform: translateY(calc(-50% - 10px)) rotate(180deg);
  -ms-transform: translateY(calc(-50% - 10px)) rotate(180deg);
  transform: translateY(calc(-50% - 10px)) rotate(180deg);
}

.cap__nav_right {
  right: 16px;
}

.cap__slide {
  margin-right: 24px;
}

@media only screen and (max-width: 766px) {
  .cap__slide {
    margin-right: 0;
  }
}

.cap__image {
  -o-object-fit: cover;
  object-fit: cover;
  height: 320px;
  border-radius: 8px;
  width: 100%;
}

@media only screen and (max-width: 766px) {
  .cap__image {
    height: auto;
  }
}

.cap__informer {
  width: 288px;
  width: calc(100% / 4);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.catalog-tile .cap__informer {
  width: calc(100% / 3);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile .cap__informer {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .cap__informer {
    display: none;
  }
}

@media only screen and (max-width: 766px) {
  .cap__informer {
    display: none;
  }
}

.cap__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: unset !important;
  bottom: 10px !important;
  right: 0 !important;
  width: unset !important;
  height: 2px;
  margin: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1260px) {
  .cap__pagination {
    margin: 0 -4px;
  }
}

.cap__pagination .swiper-pagination-bullet {
  border-radius: 2px;
  width: 100%;
  height: 2px;
  background-color: rgba(51, 51, 51, 0.08);
  opacity: 1;
}

.cap__pagination .swiper-pagination-bullet-active {
  background-color: #0a4881;
}

.categories-circle {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .categories-circle {
    margin-bottom: 48px;
  }
}

.categories-circle .swiper-wrapper {
  padding: 0;
}

.categories-circle__slider {
  overflow: hidden;
}

.categories-circle__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}

@media only screen and (max-width: 1260px) {
  .categories-circle__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px -32px;
    width: calc(100% + 14px);
  }
}

@media only screen and (max-width: 766px) {
  .categories-circle__list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.categories-circle__item {
  text-decoration: none;
  margin: 0 12px;
  width: 120px;
}

@media only screen and (max-width: 1260px) {
  .categories-circle__item {
    margin: 0 7px 32px;
    width: 98px;
  }
}

.categories-circle__item:hover .categories-circle__name {
  color: #0a4881;
}

.categories-circle__picture {
  margin-bottom: 16px;
  width: 100%;
  height: 120px;
}

@media only screen and (max-width: 1260px) {
  .categories-circle__picture {
    height: 98px;
  }
}

.categories-circle__image {
  height: 100%;
  border-radius: 50%;
}

.categories-circle__name {
  display: block;
  text-align: center;
  color: #333;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.actions {
  margin-bottom: 61px;
}

@media only screen and (max-width: 1260px) {
  .actions {
    margin-bottom: 48px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .actions__area {
    display: block;
  }
}

.actions__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  position: relative;
  z-index: 1;
  min-height: 240px;
  width: calc(50% - 12px);
  border-radius: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .actions__box {
    min-height: 420px;
    width: 100%;
  }
}

.actions__box_grey {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .actions__box_grey {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.actions__box_grey .actions__link {
  color: #0a4881;
}

.actions__box_grey .actions__link::before {
  background-color: #0a4881;
}

.actions__box_blue {
  color: #333;
}

.actions__box_blue .actions__link {
  color: #0a4881;
}

.actions__box_blue .actions__link::before {
  background-color: #0a4881;
}

.actions__picture {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.actions__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.actions__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 248px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .actions__inner {
    max-width: 100%;
    margin-left: 0;
  }
}

.actions__name {
  margin-bottom: 8px;
}

.actions__text {
  margin-bottom: 16px;
}

.actions__link {
  margin-top: auto;
}

@media only screen and (max-width: 1260px) {
  .actions__link {
    margin-top: 0;
  }
}

.history {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .history {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 766px) {
  .history {
    overflow: hidden;
  }
}

.history__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 56px;
  border-radius: 8px;
  background-image: url("../img/history/history-bg.webp");
  background-size: cover;
}

@media only screen and (max-width: 1260px) {
  .history__area {
    background-image: url("../img/history/history-bg_mob.webp");
    display: block;
    padding: 24px;
  }
}

@media only screen and (max-width: 766px) {
  .history__area {
    padding: 24px 24px 9px;
  }
}

.history__video-box {
  position: relative;
  text-decoration: none;
  margin-right: 48px;
  width: 514px;
  height: 522px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1260px) {
  .history__video-box {
    margin-bottom: 17px;
    margin-right: 0;
    width: 100%;
    height: 295px;
  }
}

.history__emblem {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: -30px;
  width: 104px;
  height: 104px;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

@media only screen and (max-width: 1260px) {
  .history__emblem {
    width: 80px;
    height: 80px;
    top: -21px;
    left: -21px;
  }
}

.history__video-placeholder {
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/history/history-video-placeholder.webp");
  background-size: cover;
}

.history__video-placeholder::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.history__video-button {
  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;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
}

.history__video-button::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_play_white.svg");
}

.history__video-text {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  max-width: 160px;
  width: 100%;
  text-align: center;
  color: #FFF;
}

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

.history__title {
  margin-bottom: 16px;
}

.history__text {
  margin-bottom: 16px;
}

.history__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto -4px 0;
  width: 100%;
}

@media only screen and (max-width: 766px) {
  .history__list {
    overflow-x: auto;
    padding-bottom: 15px;
    /*&::before, &::after {
            content: '';
            width: 36px;
            flex-shrink: 0;
        }*/
  }
}

.history__item {
  position: relative;
  width: 178px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 16px 24px;
  border-radius: 8px;
  background-color: #fff;
  margin: 0 4px;
}

.history__item .coat-of-arms {
  position: absolute;
  top: 21px;
  left: 62px;
  width: 48px;
  height: 48px;
  z-index: 5;
}

.history__value {
  display: block;
  margin-bottom: 44px;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
  font-family: CloserText, sans-serif;
}

@media only screen and (max-width: 1260px) {
  .history__value {
    font-size: 36px;
    letter-spacing: -0.36px;
  }
}

.tile-line {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .tile-line {
    margin-bottom: 48px;
  }
}

.tile-line_favorites {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .tile-line_favorites {
    margin-bottom: 0;
  }
}

.tile-line_basket-empty {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .tile-line_basket-empty {
    margin-bottom: 8px;
  }
}

.tile-line_catalog {
  padding-top: 80px;
}

@media only screen and (max-width: 1260px) {
  .tile-line_catalog {
    padding-top: 48px;
  }
}

.tile-line_stock .tile-line__top {
  margin-bottom: 16px;
}

.tile-line_product-card {
  padding-top: 80px;
}

@media only screen and (max-width: 1260px) {
  .tile-line_product-card {
    padding-top: 0;
  }
}

.tile-line__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .tile-line__top {
    margin-bottom: 24px;
  }
}

.tile-line__title {
  margin-top: 5px;
}

@media only screen and (max-width: 1260px) {
  .tile-line__title {
    margin-top: 0;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 355px) {
  .tile-line__title {
    white-space: normal;
  }
}

.tile-line__title a {
  color: #0a4881;
  text-decoration: none;
}

.tile-line__title a:hover {
  text-decoration: underline;
}

.tile-line__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .tile-line__nav {
    display: none;
  }
}

.tile-line__nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.tile-line__nav-btn:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.tile-line__nav-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.tile-line__nav-btn_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tile-line__nav-btn_right {
  margin-left: 8px;
}

.tile-line__all {
  position: relative;
  display: inline-block;
  margin-bottom: 32px;
  padding-right: 22px;
  color: #0a4881;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .tile-line__all {
    margin-bottom: 16px;
  }
}

.tile-line__all::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.tile-line__slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .tile-line__slider {
    overflow: unset;
  }
}

@media only screen and (max-width: 1260px) {
  .tile-line__wrapper {
    padding: 0;
  }
}

.tile-line__slide {
  width: 288px;
  margin-right: 24px;
  height: auto;
}

.tile-line__slide.tile-item.swiper-slide {
  min-height: 100%;
}

.tile-line .swiper-scrollbar-blue.swiper-scrollbar {
  z-index: 0;
}

.tile-item {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tile-item_hover {
  position: relative;
  z-index: 1;
  height: unset;
  display: block;
  width: 288px;
}

.tile-item_hover:hover {
  z-index: 2;
}

.tile-item_hover:hover .tile-item__hover {
  opacity: 1;
  pointer-events: all;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.tile-item_hover:hover::before {
  opacity: 1;
  pointer-events: all;
}

.tile-item_hover::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #fff;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

@media only screen and (max-width: 1260px) {
  .tile-item_hover::before {
    content: none;
  }
}

@media only screen and (max-width: 1260px) {
  .tile-item_hover {
    width: 100%;
    display: grid;
    grid-template-columns: 164px 1fr;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .tile-item_hover .tile-item__favorite {
    display: none;
  }
  .tile-item_hover .tile-item__link {
    width: 100%;
    grid-column: 1/2;
    grid-row: 2/5;
    margin-bottom: 6px;
  }
  .tile-item_hover .tile-item__picture {
    padding: 5px;
    height: 100%;
  }
  .tile-item_hover .tile-item__image {
    width: 100%;
    height: 100%;
  }
  .tile-item_hover .tile-item__title,
  .tile-item_hover .tile-item__info {
    margin-bottom: 8px;
  }
  .tile-item_hover .tile-item__hardness {
    grid-column: 1/-1;
    grid-row: 5/6;
    margin-top: 8px;
  }
  .tile-item_hover .tile-item__select-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 0;
  }
  .tile-item_hover .tile-item__tags {
    position: static;
    margin-bottom: 4px;
    grid-column: 1/-1;
  }
  .tile-item_hover .tile-item__favorite_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    background: #f2f2f2;
    margin-right: 6px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .tile-item_hover .tile-item__button-compare {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-left: 0;
    margin-right: 6px;
  }
  .tile-item_hover .tile-item__info-status:not(.tile-item__info-status_mob) {
    display: none;
  }
  .tile-item_hover .tile-item__info-status.tile-item__info-status_mob {
    display: block;
    grid-column: 2 / 3;
  }
  .tile-item_hover .tile-item__delivery {
    padding: 0;
    margin: 0;
  }
  .tile-item_hover .tile-item__price_desk {
    display: none;
  }
  .tile-item_hover .tile-item__price_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tile-item_hover .tile-item__info-status_mob {
    display: block;
  }
  .tile-item_hover .tile-item__buttons {
    margin-bottom: 0;
  }
  .tile-item_hover .tile-item__hover {
    padding: 0;
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr auto;
    row-gap: 8px;
  }
  .tile-item_hover .tile-item__select-note {
    margin-bottom: 4px;
    margin-right: 0;
  }
  .tile-item_hover .tile-item__textile {
    grid-column: 1/-1;
    grid-row: 5/6;
    margin-top: 8px;
  }
}

.tile-item_hover:has(.custom-select_size__popper._active) {
  z-index: 1000;
}

.tile-item__favorite {
  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;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.tile-item__favorite:hover {
  background-color: #fff;
}

.tile-item__favorite:hover::before {
  background-image: url("../img/ic_heart_blue-fill.svg");
}

.tile-item__favorite::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_heart_grey.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

._favorite .tile-item__favorite {
  background-color: #fff;
}

._favorite .tile-item__favorite::before {
  background-image: url("../img/ic_heart_blue-fill.svg");
}

.tile-item__favorite_mob {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .tile-item__favorite_mob {
    display: block;
  }
}

.tile-item__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.tile-item__tag {
  margin-left: -4px;
  padding: 1px 8px;
  clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

.tile-item__link {
  margin-bottom: 12px;
  display: block;
  text-decoration: none;
}

.tile-item__link:hover .tile-item__title {
  color: #0a4881;
}

.tile-item__picture {
  margin-bottom: 12px;
  padding: 18px 28px;
  background-color: #f4f3f1;
}

.tile-item__image {
  width: 232px;
  height: 154px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
}

.tile-item__title {
  color: #333;
  text-decoration: none;
  margin-bottom: 12px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline-block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.tile-item__info {
  margin-top: auto;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .tile-item__info {
    margin-top: unset;
  }
}

.swiper-slide .tile-item__info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tile-item__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tile-item__review-star {
  position: relative;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_star_grey.svg");
}

.tile-item__review-star-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
}

.tile-item__info-count {
  margin-left: 24px;
  color: #0a4881;
}

.tile-item__bonus {
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .tile-item__bonus {
    margin-left: 0;
    margin-top: 12px;
  }
}

.tile-item__bonus::before {
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  top: 4px;
  left: 3px;
  background-image: url("../img/ic_bonus_grey.svg");
  background-size: cover;
}

.tile-item__bonus-decor {
  padding: 0 8px 0 20px;
  border-radius: 999px;
  background: #F5F3F1;
  color: #808080;
}

.tile-item__info-status {
  margin-left: auto;
  color: #7bbf3f;
  position: relative;
}

.tile-item__info-status::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7bbf3f;
}

.tile-item__info-status_mob {
  display: none;
}

.tile-item__info-status_not-stock {
  color: #808080;
}

.tile-item__info-status_not-stock:before {
  display: none;
}

.tile-item__info-status.not-available {
  color: #b3b3b3;
}

.tile-item__info-status.not-available::before {
  background-color: #b3b3b3;
}

.tile-item__textile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
}

.tile-item__textile-note {
  color: #808080;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tile-item__textile-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tile-item__textile-item:not(:last-of-type) {
  margin-right: 2px;
}

.sku-block__wrap {
  display: contents;
}

.sku-block {
  grid-column: 1 / -1;
  grid-row: 5 / 6;
}

.tile-item__textile-view {
  position: relative;
  width: 20px;
  height: 20px;
  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-radius: 50%;
  border: 1px solid transparent;
}

.tile-item__textile-view:hover .tile-item__textile-hint {
  opacity: 1;
}

.tile-item__textile-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.tile-item__textile-hint {
  position: absolute;
  top: -34px;
  left: 12px;
  opacity: 0;
  pointer-events: none;
  color: #808080;
  padding: 8px 16px;
  border-radius: 4px 4px 4px 0;
  background: #f5f3f1;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tile-item__textile-all {
  margin-left: 7px;
  text-decoration: none;
}

.tile-item__hardness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  max-width: calc(100dvw - 32px);
}

.tile-item__hardness-name {
  color: #808080;
  white-space: nowrap;
}

.tile-item__hardness-icon {
  margin: 0 2px;
  width: 24px;
  height: 24px;
}

.tile-item__hardness-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile-item__select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tile-item__select-note {
  margin: 0px 12px 0px 0px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #b3b3b3;
  min-width: 56px;
}

.tile-item__select {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tile-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tile-item__price_mob {
  display: none;
}

._with_buy_bth .tile-item__price {
  margin-top: 6px;
}

.tile-item__price-current {
  margin-right: 12px;
}

.tile-item__price-old {
  margin-right: 12px;
  color: #b3b3b3;
  position: relative;
}

.tile-item__price-old::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #b3b3b3;
}

.tile-item__price-action {
  background-color: #d44a1b;
  color: #fff;
  padding-right: 4px;
  margin-left: 6px;
  position: relative;
}

.tile-item__price-action::before {
  content: "";
  background-image: url("../img/ic_triangle_action_red.svg");
  position: absolute;
  top: 1px;
  left: -6px;
  width: 6px;
  height: 20px;
}

.tile-item__hover {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  padding: 16px;
  left: -16px;
  right: -16px;
  border-radius: 0 0 8px 8px;
  background: #fff;
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
}

@media only screen and (max-width: 1260px) {
  .tile-item__hover {
    pointer-events: all;
    opacity: 1;
    position: static;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 16px 0 0;
  }
}

.tile-item__hover .tile-item__picture {
  margin-bottom: 0;
}

.tile-item__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

._with_buy_bth .tile-item__buttons {
  margin-bottom: 0;
  position: absolute;
  bottom: -8px;
  right: 0;
}

._with_buy_bth .tile-item__buttons .tile-item__button-basket {
  width: 40px;
  height: 40px;
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
  padding: 0;
}

._with_buy_bth .tile-item__buttons .tile-item__button-basket::before {
  margin-right: 0;
}

._with_buy_bth .tile-item__buttons .tile-item__button-basket span {
  display: none;
}

.tile-item__button-basket {
  padding: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  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;
  outline: none;
}

.tile-item__button-basket::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/ic_basket_add_white.svg");
}

@media only screen and (max-width: 1260px) {
  .tile-item__button-basket::before {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .tile-item__button-basket {
    width: 40px;
    height: 40px;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    padding: 0;
  }
  .tile-item__button-basket span {
    display: none;
  }
}

.tile-item__button-order {
  padding: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  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;
}

.tile-item__button-order::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/ic_order_white.svg");
}

@media only screen and (max-width: 1260px) {
  .tile-item__button-order::before {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .tile-item__button-order {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    padding: 0;
    width: 40px;
    height: 40px;
  }
  .tile-item__button-order span {
    display: none;
  }
}

.tile-item__button-compare {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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;
}

.tile-item__button-compare::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_compare_grey.svg");
}

.tile-item__button-compare.active::before {
  background-image: url("../img/ic_compare_blue.svg");
}

.tile-item__description {
  margin-bottom: 16px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .tile-item__description {
    display: none;
  }
}

.tile-item__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
}

@media only screen and (max-width: 1260px) {
  .tile-item__features {
    display: none;
  }
}

.tile-item__feature {
  width: 80px;
  margin: 0 12px;
}

.tile-item__feature-name {
  color: #808080;
  margin-bottom: 4px;
}

.tile-item__delivery {
  margin-top: 16px;
  padding-left: 28px;
  line-height: 22px;
  position: relative;
}

.tile-item__delivery-info::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 0;
  background-image: url("../img/ic_delivery_grey.svg");
}

.tile-item__delivery-span {
  color: #808080;
  padding-left: 22px;
}

.shops {
  background-color: #ECE5DF;
  padding: 56px 0;
}

@media only screen and (max-width: 1260px) {
  .shops {
    padding: 48px 0;
  }
}

.shops .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.shops .simplebar-track.simplebar-vertical {
  width: 7px;
}

.shops__title {
  margin-bottom: 16px;
}

.shops__text {
  margin-bottom: 32px;
}

.shops__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.shops__area {
  margin-right: 24px;
  position: relative;
  width: 912px;
  height: 520px;
}

@media only screen and (max-width: 1260px) {
  .shops__area {
    width: 100%;
    height: 647px;
    margin-right: 0;
  }
}

.shops__area_pickup {
  width: 782px;
  margin-right: 0;
}

@media only screen and (max-width: 1260px) {
  .shops__area_pickup {
    height: 601px;
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .shops__area_pickup .shops__box {
    height: 441px;
    bottom: 16px;
  }
}

.shops__area_order {
  width: 100%;
}

.shops__box {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  left: 24px;
  max-width: 376px;
  width: 100%;
  height: 472px;
  background-color: #fff;
  padding: 16px 0;
  border-radius: 4px;
  overflow: hidden;
  opacity: 1;
  pointer-events: all;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .shops__box {
    bottom: 16px;
    max-width: 311px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.shops__box_hide {
  opacity: 0;
  pointer-events: none;
}

.shops__box-scrollbar {
  width: 2px !important;
  background-color: transparent !important;
}

.shops__box-scrollbar .swiper-scrollbar-drag {
  background-color: #B3B3B3 !important;
}

.shops__vertical-slider {
  height: 100%;
  overflow: unset;
}

.shops__vertical-slider .swiper-slide {
  height: auto;
}

.shops__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 11px;
  padding: 0 16px;
}

.shops__top_hide {
  display: none;
}

.shops__select {
  margin-right: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.shops__close {
  margin-left: auto;
  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;
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
}

.shops__close:hover::before {
  background-image: url("../img/ic_close_blue.svg");
}

.shops__close::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_close_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.shops__list {
  display: none;
  height: 396px;
}

.delivery .shops__list {
  height: 444px;
}

.shops__list_active {
  display: block;
}

.shops__item {
  padding: 13px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.shops__item:hover {
  background-color: #F2F2F2;
}

.shops__item_hide {
  display: none;
}

.shops__icon {
  margin-right: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.shops__name {
  margin-bottom: 4px;
}

.shops__span {
  margin-bottom: 4px;
}

.shops__note {
  margin-bottom: 4px;
  color: #808080;
}

.shops__link {
  color: #0a4881;
}

.shops__about {
  display: none;
  padding: 0 16px;
}

@media only screen and (max-width: 1260px) {
  .shops__about .shops__close {
    width: 24px;
    height: 24px;
    border: none;
  }
}

.shops__about_active {
  display: block;
}

.shops__about-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .shops__about-top {
    margin-bottom: 16px;
  }
}

.shops__about-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.shops__about-back:hover .shops__about-back-note {
  color: #0a4881;
}

.shops__about-back:hover .shops__about-back-button::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.shops__about-back-button {
  margin-right: 8px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #fff;
  width: 48px;
  height: 48px;
  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;
}

@media only screen and (max-width: 1260px) {
  .shops__about-back-button {
    width: 24px;
    height: 24px;
    border: none;
  }
}

.shops__about-back-button::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.shops__about-back-note {
  color: #808080;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.shops__about-slider {
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 8px;
  overflow: hidden;
}

.shops__about-slider .swiper-wrapper {
  padding: 0;
}

.shops__about-slide:not(:last-of-type) {
  margin-right: 12px;
}

.shops__about-scrollbar.swiper-scrollbar {
  background: rgba(51, 51, 51, 0.08);
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}

.shops__about-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background: #0a4881;
}

.shops__about-image {
  height: 194px;
  border-radius: 8px;
}

.shops__about-name {
  margin-top: 16px;
  margin-bottom: 16px;
}

.shops__about-link {
  display: inline-block;
  margin-bottom: 8px;
  color: #0a4881;
  text-decoration: none;
}

.shops__about-link:hover {
  text-decoration: underline;
}

.shops__about-span {
  margin-bottom: 8px;
}

.shops__map {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.shops__informer {
  overflow: hidden;
  width: 288px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .shops__informer {
    display: none;
  }
}

.shops__slider {
  padding-bottom: 8px;
  position: relative;
}

.shops__slide:not(:last-of-type) {
  margin-right: 24px;
}

.shops__image {
  border-radius: 8px;
  height: 520px;
}

.shops__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: unset !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: 2px;
  margin: 0 12px;
}

.shops__pagination .swiper-pagination-bullet {
  border-radius: 2px;
  width: 100%;
  height: 2px;
  background-color: rgba(51, 51, 51, 0.08);
  opacity: 1;
}

.shops__pagination .swiper-pagination-bullet-active {
  background-color: #0a4881;
}

.shops__pickup {
  margin-top: 23px;
  padding: 10px 11px 11px;
  color: #333;
  display: block;
}

.modal-city {
  width: 952px;
  border-radius: 8px;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-city {
    border-radius: 0;
    width: 600px;
  }
}

.modal-city .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.modal-city .simplebar-track.simplebar-vertical {
  width: 7px;
}

.modal-city.fancybox__content {
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .modal-city.fancybox__content {
    padding: 16px;
  }
}

.modal-city__headline {
  padding: 9px 0 10px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal-city__headline {
    padding: 12px 0 13px;
  }
}

.modal-city__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal-city__top {
    display: block;
  }
}

.modal-city__search {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 16px;
  position: relative;
  z-index: 1000;
}

@media only screen and (max-width: 1260px) {
  .modal-city__search {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.modal-city__search_active .modal-city__result {
  opacity: 1;
  pointer-events: all;
}

.modal-city__search-layer {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.modal-city__search-layer_active {
  opacity: 1;
  pointer-events: all;
}

.modal-city__result {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  border-radius: 6px;
  background: #FFF;
  -webkit-box-shadow: 0 16px 24px 0 #ECE5DF;
  box-shadow: 0 16px 24px 0 #ECE5DF;
  padding: 8px;
  opacity: 0;
  pointer-events: none;
  height: 198px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.modal-city__result-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-city__result-item {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-city__result-item:not(:last-of-type) {
  margin-bottom: 8px;
}

.modal-city__result-item:hover {
  background-color: rgba(51, 51, 51, 0.08);
}

.modal-city__search-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-city__search-input {
  width: 100%;
  padding: 17px 48px 17px;
  border-radius: 8px;
  border: 2px solid rgba(51, 51, 51, 0.08);
}

.modal-city__search-input:focus {
  border: 2px solid #333;
}

.modal-city__search-input::-webkit-input-placeholder {
  color: #B3B3B3;
}

.modal-city__search-input::-moz-placeholder {
  color: #B3B3B3;
}

.modal-city__search-input:-ms-input-placeholder {
  color: #B3B3B3;
}

.modal-city__search-input::-ms-input-placeholder {
  color: #B3B3B3;
}

.modal-city__search-input::placeholder {
  color: #B3B3B3;
}

.modal-city__search-close {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
}

.modal-city__search-close svg {
  width: 100%;
  height: 100%;
}

.modal-city__search-close_active {
  display: block;
}

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

@media only screen and (max-width: 1260px) {
  .modal-city__tags {
    overflow-x: auto;
    position: relative;
    z-index: 1;
  }
}

.modal-city__tags a {
  text-decoration: none;
}

.modal-city__tag {
  color: #808080;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(51, 51, 51, 0.08);
}

.modal-city__tag:not(:last-of-type) {
  margin-right: 6px;
}

.modal-city__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 888px;
  height: 510px;
}

@media only screen and (max-width: 1260px) {
  .modal-city__area {
    width: 100%;
    height: unset;
    display: block;
  }
}

.modal-city__box {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-city__box {
    width: 100%;
  }
}

.modal-city__letter {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 24px;
  line-height: 32px;
  text-align: center;
}

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

.modal-city__item {
  text-decoration: none;
  color: #333;
  display: inline-block;
  padding: 5px 16px;
  border-radius: 4px;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.modal-city__item:not(:last-of-type) {
  margin-bottom: 8px;
}

.modal-city__item:hover {
  background-color: #F2F2F2;
}

.modal-city__item_active {
  background-color: #0a4881;
  color: #fff;
  cursor: default;
}

.modal-city__item_active:hover {
  background-color: #0a4881;
}

.interiors {
  padding: 56px 0;
}

@media only screen and (max-width: 1260px) {
  .interiors {
    padding: 48px 0;
  }
}

@media only screen and (max-width: 1260px) {
  .interiors .swiper-scrollbar-blue {
    display: none;
  }
}

.interiors__layer {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 1260px) {
  .interiors__layer_active {
    display: block;
  }
}

.interiors__top {
  margin-bottom: 32px;
  padding-right: 208px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .interiors__top {
    margin-bottom: 24px;
    padding-right: 0;
  }
}

.interiors__title {
  margin-bottom: 16px;
}

.interiors__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 1260px) {
  .interiors__nav {
    display: none;
  }
}

.interiors__nav .swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.interiors__nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.interiors__nav-btn:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.interiors__nav-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.interiors__nav-btn_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.interiors__nav-btn_right {
  margin-left: 8px;
}

.interiors__slider {
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .interiors__slider {
    padding-bottom: 0;
    margin-right: -16px;
  }
}

.interiors__slider .swiper-wrapper {
  padding: 0;
}

@media only screen and (max-width: 1260px) {
  .interiors__slider .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.interiors__slide {
  width: 912px;
}

.interiors__slide:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .interiors__slide:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1260px) {
  .interiors__slide {
    width: 100%;
    max-width: 359px;
    padding-right: 16px;
  }
}

.interiors__inner {
  position: relative;
}

.interiors__image {
  height: 570px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1260px) {
  .interiors__image {
    height: 214px;
  }
}

.interiors__wrap {
  position: absolute;
}

.interiors__wrap:hover .interiors__modal {
  display: block;
}

@media only screen and (max-width: 1260px) {
  .interiors__wrap:hover .interiors__modal {
    display: none;
  }
}

.interiors__wrap:hover .interiors__circle {
  background-color: rgba(51, 51, 51, 0.5);
}

.interiors__wrap:hover .interiors__circle::before {
  width: 16px;
  height: 16px;
}

.interiors__wrap .interiors__modal {
  width: 296px;
  padding: 4px 3px;
}

@media only screen and (max-width: 1260px) {
  .interiors__wrap .interiors__modal {
    display: none;
  }
}

.interiors__wrap_active .interiors__modal {
  display: block;
}

.interiors__wrap_left .interiors__modal {
  right: 48px;
}

.interiors__wrap_right .interiors__modal {
  left: 48px;
}

.interiors__wrap_center .interiors__modal {
  -webkit-transform: translateY(calc(50% - 24px));
  -ms-transform: translateY(calc(50% - 24px));
  transform: translateY(calc(50% - 24px));
}

.interiors__circle {
  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;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.interiors__circle::before {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.interiors__modal {
  display: none;
  width: 288px;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

@media only screen and (max-width: 1260px) {
  .interiors__fixed .interiors__modal_active.interiors__modal_fixed {
    display: block;
    position: fixed;
    max-width: 375px;
    width: 100%;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.interiors__modal-area {
  position: relative;
  background-color: #fff;
}

.interiors__modal-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.interiors__modal-tag {
  margin-left: -4px;
  padding: 1px 8px;
  clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

.interiors__modal-favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  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;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-favorite {
    top: 64px;
    right: 12px;
  }
}

.interiors__modal-favorite:hover {
  background-color: #fff;
}

.interiors__modal-favorite:hover::before {
  background-image: url("../img/ic_heart_blue-fill.svg");
}

.interiors__modal-favorite::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_heart_grey.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.interiors__modal-close {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-close {
    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;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid rgba(51, 51, 51, 0.16);
  }
  .interiors__modal-close:hover::before {
    background-image: url("../img/ic_close_blue.svg");
  }
  .interiors__modal-close::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../img/ic_close_grey.svg");
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
}

.interiors__modal-link {
  text-decoration: none;
  color: #333;
}

.interiors__modal-link:hover .interiors__modal-name {
  color: #0a4881;
}

.interiors__modal-picture {
  background: #F4F3F1;
  padding: 28px 26px 8px;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-picture {
    padding: 29px 28px 9px;
  }
}

.interiors__modal-image {
  height: 154px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-image {
    height: 208px;
  }
}

.interiors__modal-inner {
  padding: 12px 16px 16px;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-inner {
    padding: 32px 16px;
  }
}

.interiors__modal-name {
  margin-bottom: 12px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.interiors__modal-info {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.interiors__modal-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.interiors__modal-star {
  position: relative;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_star_grey.svg");
}

.interiors__modal-star-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
}

.interiors__modal-count {
  margin-left: 24px;
  color: #0a4881;
}

.interiors__modal-status {
  margin-left: auto;
  color: #7BBF3F;
  position: relative;
}

.interiors__modal-status::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7BBF3F;
}

.interiors__modal-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.interiors__modal-price-current {
  margin-right: 12px;
}

.interiors__modal-price-old {
  margin-right: 12px;
  color: #B3B3B3;
  position: relative;
}

.interiors__modal-price-old::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.interiors__modal-price-action {
  background-color: #D44A1B;
  color: #fff;
  padding-right: 4px;
  margin-left: 6px;
  position: relative;
}

.interiors__modal-price-action::before {
  content: '';
  background-image: url("../img/ic_triangle_action_red.svg");
  position: absolute;
  top: 1px;
  left: -6px;
  width: 6px;
  height: 20px;
}

.interiors__modal-more {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .interiors__modal-more {
    display: block;
    margin-top: 24px;
    color: #808080;
    padding: 10px 11px 11px;
    text-align: center;
    border-radius: 8px;
    background: rgba(51, 51, 51, 0.08);
  }
}

.interiors__more {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .interiors__more {
    display: block;
    padding: 10px 11px 11px;
    border-radius: 8px;
    background: rgba(51, 51, 51, 0.08);
    text-decoration: none;
    color: #808080;
    text-align: center;
    margin: 16px auto 0;
  }
}

.modal-catalog {
  max-width: 600px;
  width: 100%;
  display: none;
}

.modal-catalog .search {
  position: static;
  display: none;
  padding: 24px 0;
}

.modal-catalog.fancybox__content {
  padding: 16px;
  position: absolute;
  min-height: 100vh;
}

.modal-catalog_category-full .modal-catalog__back {
  display: block;
}

.modal-catalog_category-full .modal-catalog__list {
  display: none;
}

.modal-catalog_category-full .modal-catalog__title {
  display: none;
}

.modal-catalog_search .modal-catalog__search-input {
  border: 2px solid #333;
  padding: 17px 100px 17px 17px;
}

.modal-catalog_search .modal-catalog__search-input:focus {
  border: 2px solid #333;
}

.modal-catalog_search .modal-catalog__top {
  display: none;
}

.modal-catalog_search .f-button.is-close-btn {
  display: none !important;
}

.modal-catalog_search .search {
  display: block;
}

.modal-catalog_search .modal-catalog__search-btns {
  pointer-events: all;
  opacity: 1;
}

.modal-catalog_search .modal-catalog__search-icon {
  display: none;
}

.modal-catalog_search .modal-catalog__search-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-catalog_search .modal-catalog__search-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-catalog_search .modal-catalog__list {
  display: none;
}

.modal-catalog_search .modal-catalog__full_active {
  display: none;
}

.modal-catalog__top {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0 13px;
}

.modal-catalog__title {
  line-height: 24px;
}

.modal-catalog__back {
  display: none;
  padding-left: 32px;
  line-height: 24px;
  position: relative;
}

.modal-catalog__back::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modal-catalog__search {
  margin-bottom: 24px;
}

.modal-catalog__search-area {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.modal-catalog__search-back {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 8px;
  border: 2px solid rgba(51, 51, 51, 0.08);
}

.modal-catalog__search-back::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_light.svg");
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modal-catalog__search-box {
  position: relative;
}

.modal-catalog__search-btns {
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}

.modal-catalog__search-close {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

.modal-catalog__search-close::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../img/ic_close_grey.svg");
}

.modal-catalog__search-submit {
  width: 48px;
  height: 48px;
  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;
}

.modal-catalog__search-submit::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_search_white.svg");
}

.modal-catalog__search-input {
  width: 100%;
  padding: 17px 100px 17px 48px;
  border-radius: 8px;
  border: 2px solid rgba(51, 51, 51, 0.08);
}

.modal-catalog__search-input::-webkit-input-placeholder {
  color: #B3B3B3;
}

.modal-catalog__search-input::-moz-placeholder {
  color: #B3B3B3;
}

.modal-catalog__search-input:-ms-input-placeholder {
  color: #B3B3B3;
}

.modal-catalog__search-input::-ms-input-placeholder {
  color: #B3B3B3;
}

.modal-catalog__search-input::placeholder {
  color: #B3B3B3;
}

.modal-catalog__search-input:focus {
  border: 2px solid rgba(51, 51, 51, 0.08);
}

.modal-catalog__search-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-catalog__list_hide {
  display: none;
}

.modal-catalog__item {
  margin-bottom: 8px;
  display: block;
  text-align: left;
  width: 100%;
  position: relative;
  padding: 14px 30px 15px 0;
  color: #000;
  text-decoration: none;
}

.modal-catalog__item::before {
  content: '';
  position: absolute;
  top: 14px;
  right: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
}

.modal-catalog__item_red {
  color: #D44A1B;
  text-decoration: none;
}

.modal-catalog__item_red::before {
  background-image: url("../img/ic_dropdown_arrow_bottom_red.svg");
}

.modal-catalog__full {
  display: none;
}

.modal-catalog__full_active {
  display: block;
}

.modal-catalog__all {
  margin-bottom: 23px;
  display: block;
  text-decoration: none;
  color: #333;
  position: relative;
}

.modal-catalog__all::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
}

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

.modal-catalog__box {
  width: calc(50% - 12px);
  margin-bottom: 41px;
}

.modal-catalog__box-name {
  color: #B3B3B3;
  margin-bottom: 16px;
}

.modal-catalog__box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-catalog__box-item {
  text-decoration: none;
  color: #333;
}

.modal-catalog__box-item:not(:last-of-type) {
  margin-bottom: 15px;
}

.catalog-tile {
  margin-top: 9px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile {
    padding-bottom: 48px;
  }
}

.catalog-tile__top {
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__top {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
    margin-bottom: 32px;
  }
}

.catalog-tile__title {
  margin-bottom: 25px;
  padding-right: 250px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__title {
    padding-right: 0;
  }
}

.catalog-tile__title-span {
  color: #808080;
  margin-left: 4px;
  vertical-align: top;
}

.catalog-tile__popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__popular {
    overflow-x: auto;
    padding-bottom: 12px;
    margin: 0 -16px 12px;
  }
  .catalog-tile__popular::before, .catalog-tile__popular::after {
    content: '';
    width: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.catalog-tile__popular-note {
  padding: 4px 8px 4px 0;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__popular-note {
    display: none;
  }
}

.catalog-tile__popular-link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 3px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  background-color: rgba(51, 51, 51, 0.08);
  text-decoration: none;
  color: #808080;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
}

.catalog-tile__popular-link:hover {
  background-color: rgba(51, 51, 51, 0.16);
  color: #0a4881;
}

.catalog-tile__choose {
  padding: 8px 32px 8px 24px;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  border-radius: 8px;
  background-color: #ECE5DF;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__choose {
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
  }
}

.catalog-tile__choose:hover {
  color: #0a4881;
}

.catalog-tile__choose:hover path {
  fill: #0a4881;
}

.catalog-tile__choose svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/ic_choose_btn.svg");
}

.catalog-tile__choose path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.catalog-tile__mob-btns {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__mob-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.catalog-tile__mob-filters {
  text-decoration: none;
}

.catalog-tile__mob-filters-note {
  color: #808080;
  padding-left: 32px;
  position: relative;
  line-height: 24px;
}

.catalog-tile__mob-filters-note::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_filters_mob.svg");
}

.catalog-tile__mob-filters-counter {
  color: #0a4881;
}

.catalog-tile__mob-sort {
  text-decoration: none;
  color: #808080;
  padding-left: 32px;
  line-height: 24px;
  position: relative;
}

.catalog-tile__mob-sort::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_sort_mob.svg");
}

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

.catalog-tile__wrap.catalog-tile__wrap-search {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.catalog-tile__wrap.catalog-tile__wrap-search .catalog-tile__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.catalog-tile__wrap.catalog-tile__wrap-search .cap__informer {
  width: calc(100% / 4);
}

.catalog-tile__wrap.catalog-tile__wrap-search .catalog-tile__item {
  -ms-flex-preferred-size: unset;
  flex-basis: unset;
}

.catalog-tile__filters {
  width: 256px;
  margin-right: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__filters {
    display: none;
  }
}

.catalog-tile__tile {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}

.catalog-tile__sort {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__sort {
    display: none !important;
    border-radius: 8px 8px 0 0;
    width: 600px;
    position: absolute;
    bottom: 0;
    padding: 29px 16px 24px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__sort.fancybox__content {
    display: block !important;
  }
}

.catalog-tile__sort-headline {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__sort-headline {
    display: block;
    margin-bottom: 29px;
  }
}

.catalog-tile__sort-label:not(:last-of-type) {
  margin-right: 32px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__sort-label:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.catalog-tile__sort-label:hover .catalog-tile__sort-name {
  color: #0a4881;
}

.catalog-tile__sort-input {
  display: none;
}

.catalog-tile__sort-input:checked + .catalog-tile__sort-name {
  color: #333;
  padding-right: 20px;
  position: relative;
}

.catalog-tile__sort-input:checked + .catalog-tile__sort-name::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  right: 0;
  background-image: url("../img/ic_sort_arrow_top.svg");
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__sort-input:checked + .catalog-tile__sort-name::before {
    background-image: url("../img/ic_sort_check_mob.svg");
  }
}

.catalog-tile__sort-name {
  color: #808080;
}

.catalog-tile__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__list {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: 0;
  }
}

.catalog-tile__list::after {
  content: '';
  -ms-flex-preferred-size: 288px;
  flex-basis: 288px;
}

.catalog-tile__item {
  margin-bottom: 40px;
  -ms-flex-preferred-size: calc(100% / 3);
  flex-basis: calc(100% / 3);
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
    padding-bottom: 48px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  }
  .catalog-tile__item .informer {
    margin-left: 0;
  }
}

.catalog-tile__item .informer__inner {
  height: 361px;
}

.catalog-tile__item .informer__inner::before {
  height: 421px;
}

.catalog-tile__item_informer .informer {
  margin-left: 0;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__item_informer {
    display: none;
  }
}

.catalog-tile__empty .catalog-tile__popular {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__empty .catalog-tile__popular::before, .catalog-tile__empty .catalog-tile__popular::after {
    content: none;
  }
}

.catalog-tile__empty .catalog-tile__popular-link {
  margin-bottom: 6px;
}

.catalog-tile__empty-title {
  margin-bottom: 8px;
}

.catalog-tile__empty-text {
  margin-bottom: 24px;
}

.catalog-tile__pagination {
  margin: 56px auto 0;
}

@media only screen and (max-width: 1260px) {
  .catalog-tile__pagination {
    margin: 0 auto;
  }
}

.filters {
  display: block !important;
  border-radius: 8px;
  background-color: #F2F2F2;
  padding: 16px;
}

@media only screen and (max-width: 1260px) {
  .filters {
    display: none !important;
    border-radius: 0;
    width: 600px;
    padding: 29px 16px 0;
  }
}

@media only screen and (max-width: 1260px) {
  .filters.fancybox__content {
    display: block !important;
  }
}

.filters__range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}

.filters__range-label {
  position: relative;
  width: calc(50% - 8px);
  cursor: default;
}

.filters__range-span {
  position: absolute;
  top: 10px;
  left: 8px;
  color: #B3B3B3;
}

.filters__range-input {
  cursor: default;
  width: 100%;
  padding: 6px 6px 8px 24px;
}

.filters__range-slider {
  padding: 0 8px 8px;
}

.filters__area {
  margin-bottom: 32px;
}

.filters__headline {
  margin-bottom: 16px;
}

.filters__dropdown {
  margin-bottom: 16px;
}

.filters__dropdown_active .filters__dropdown-content {
  display: block;
}

.filters__dropdown_selected .filters__dropdown-name {
  color: #0a4881;
}

.filters__dropdown_selected .filters__dropdown-name svg path {
  fill: #0a4881;
}

.filters__dropdown_hide {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .filters__dropdown_hide {
    display: block;
  }
}

.filters__dropdown_hint .filters__dropdown-name {
  padding-right: 36px;
}

.filters__dropdown-top {
  position: relative;
}

.filters__dropdown-top-btns {
  position: absolute;
  top: 8px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filters__dropdown-name {
  padding: 8px 12px;
  margin: 0 -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  border-radius: 4px;
}

.filters__dropdown-name:hover {
  background: rgba(51, 51, 51, 0.08);
}

.filters__dropdown-name svg {
  margin-right: 4px;
}

.filters__dropdown-reset {
  width: 20px;
  height: 20px;
}

.filters__dropdown-content {
  margin-top: 8px;
  display: none;
  position: relative;
}

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

.filters__double::before {
  content: 'x';
  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;
  width: 8px;
  height: 36px;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  color: #B3B3B3;
  position: absolute;
  bottom: 0;
  left: calc(50% - 4px);
}

.filters__double-box {
  width: calc(50% - 8px);
}

.filters__double-name {
  margin-bottom: 4px;
}

.filters__double-input {
  padding: 6px 7px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid transparent;
  color: #333;
}

.filters__double-input:focus {
  border: 1px solid rgba(51, 51, 51, 0.16);
}

.filters__dropdown-reset {
  display: none;
  width: 20px;
  height: 20px;
}

.filters__dropdown-reset svg {
  width: 100%;
  height: 100%;
}

.filters__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 12px;
  border-radius: 4px;
  margin: 0 -12px;
}

.filters__checkbox:not(:last-of-type) {
  margin-bottom: 4px;
}

.filters__checkbox:hover {
  background: rgba(51, 51, 51, 0.08);
}

.filters__checkbox:hover .filters__checkbox-view {
  background-image: url("../img/ic_checkbox_hover.svg");
}

.filters__checkbox.available {
  margin-bottom: 16px;
}

.filters__checkbox-input {
  display: none;
}

.filters__checkbox-input:checked + .filters__checkbox-view {
  background-image: url("../img/ic_checkbox_checked.svg");
}

.filters__checkbox-view {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.filters__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 12px;
  border-radius: 4px;
  margin: 0 -12px;
}

.filters__radio:not(:last-of-type) {
  margin-bottom: 4px;
}

.filters__radio:hover {
  background: rgba(51, 51, 51, 0.08);
}

.filters__radio:hover .filters__radio-view {
  background-image: url("../img/ic_radio_hover.svg");
}

.filters__radio-input {
  display: none;
}

.filters__radio-input:checked + .filters__radio-view {
  background-image: url("../img/ic_radio_checked.svg");
}

.filters__radio-input:checked ~ .filters__radio-name {
  color: #0a4881;
}

.filters__radio-view {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url("../img/ic_radio_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

@media only screen and (max-width: 1260px) {
  .filters__bottom {
    position: sticky;
    bottom: 0;
    border-top: 1px solid rgba(51, 51, 51, 0.16);
    background: #F2F2F2;
    margin: 0 -16px;
    padding: 16px;
  }
}

.filters__all {
  margin: 0 auto 24px;
  color: #0a4881;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .filters__all {
    display: none;
  }
}

.filters__all svg {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.filters__apply {
  margin-bottom: 8px;
  display: block;
  padding: 10px 11px 11px;
  width: 100%;
}

.filters__reset {
  display: block;
  padding: 10px 11px 11px;
  width: 100%;
}

.pagination {
  max-width: 343px;
  width: 100%;
  margin: 0 auto;
}

.pagination__more {
  margin-bottom: 24px;
  padding: 10px 11px 11px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #808080;
  text-align: center;
}

.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin-inline: auto;
}

.pagination__item {
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0 2px;
  color: #808080;
  text-decoration: none;
  border-radius: 8px;
}

a.pagination__item {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a.pagination__item:hover {
  background-color: rgba(51, 51, 51, 0.08);
}

.pagination__item_active {
  background: rgba(51, 51, 51, 0.16);
  color: #333;
}

.pagination__item_prev::before {
  content: '';
  background-image: url("../img/ic_dropdown_arrow_bottom.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pagination__item_next::before {
  content: '';
  background-image: url("../img/ic_dropdown_arrow_bottom.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.modal-order {
  display: none;
  width: 648px;
  padding: 42px 32px 32px;
  border-radius: 8px;
  background: #FFF;
}

@media only screen and (max-width: 1260px) {
  .modal-order {
    padding: 29px 16px 32px;
    border-radius: 0;
  }
}

.modal-order__headline {
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .modal-order__headline {
    margin-bottom: 29px;
  }
}

.modal-order__product {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-radius: 8px;
  border: 2px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .modal-order__product {
    margin-bottom: 16px;
  }
}

.modal-order__image {
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 115px;
  height: 76px;
}

.modal-order__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 1260px) {
  .modal-order__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-order__name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.modal-order__price {
  margin-left: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media only screen and (max-width: 1260px) {
  .modal-order__price {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0;
    margin-top: 10px;
  }
}

.modal-order__price-current {
  margin-right: 8px;
  line-height: 19px;
}

.modal-order__price-old {
  line-height: 19px;
  color: #B3B3B3;
  position: relative;
}

.modal-order__price-old::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.modal-order__box {
  margin-bottom: 24px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-order__box {
    margin-bottom: 16px;
  }
}

.modal-order__label:not(:last-of-type) {
  margin-bottom: 16px;
}

.modal-order__input-name {
  margin-bottom: 8px;
  color: #808080;
}

.modal-order__input {
  width: 100%;
}

.modal-order__legend {
  margin-bottom: 24px;
  display: block;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .modal-order__legend {
    margin-bottom: 16px;
  }
}

.modal-order__submit {
  margin-bottom: 24px;
  padding: 18px 80px 19px;
  max-width: 298px;
}

@media only screen and (max-width: 1260px) {
  .modal-order__submit {
    margin-bottom: 16px;
  }
}

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

.modal-order__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-order__checkbox {
  display: none;
}

.modal-order__checkbox:checked + .modal-order__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-order__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-order__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-order__policy-text a {
  text-decoration: underline;
  color: #808080;
}

.modal-one-click {
  display: none;
  width: 648px;
  padding: 42px 32px 32px;
  bone-click-radius: 8px;
  background: #FFF;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click {
    padding: 29px 16px 32px;
    bone-click-radius: 0;
  }
}

.modal-one-click__headline {
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__headline {
    margin-bottom: 29px;
  }
}

.modal-one-click__product {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  bone-click-radius: 8px;
  bone-click: 2px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__product {
    margin-bottom: 16px;
  }
}

.modal-one-click__image {
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 115px;
  height: 76px;
}

.modal-one-click__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-one-click__name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.modal-one-click__price {
  margin-left: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__price {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0;
    margin-top: 10px;
  }
}

.modal-one-click__price-current {
  margin-right: 8px;
  line-height: 19px;
}

.modal-one-click__price-old {
  line-height: 19px;
  color: #B3B3B3;
  position: relative;
}

.modal-one-click__price-old::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.modal-one-click__box {
  margin-bottom: 24px;
  padding: 32px;
  bone-click-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__box {
    margin-bottom: 16px;
  }
}

.modal-one-click__label:not(:last-of-type) {
  margin-bottom: 16px;
}

.modal-one-click__input-name {
  margin-bottom: 8px;
  color: #808080;
}

.modal-one-click__input {
  width: 100%;
}

.modal-one-click__legend {
  margin-bottom: 24px;
  display: block;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__legend {
    margin-bottom: 16px;
  }
}

.modal-one-click__submit {
  margin-bottom: 24px;
  padding: 18px 80px 19px;
  max-width: 298px;
}

@media only screen and (max-width: 1260px) {
  .modal-one-click__submit {
    margin-bottom: 16px;
  }
}

.modal-one-click__policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-one-click__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-one-click__checkbox {
  display: none;
}

.modal-one-click__checkbox:checked + .modal-one-click__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-one-click__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-one-click__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-one-click__policy-text a {
  text-decoration: underline;
  color: #808080;
}

.modal-basket {
  display: none;
  border-radius: 8px 0 0 8px;
  padding: 42px 32px 32px;
  position: absolute;
  top: 0;
  right: 0;
  width: 600px;
}

@media only screen and (max-width: 1260px) {
  .modal-basket {
    border-radius: 0;
    position: relative;
    padding: 29px 16px 32px;
  }
}

.modal-basket.fancybox__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}

@media only screen and (max-width: 1260px) {
  .modal-basket.fancybox__content {
    min-height: auto;
  }
}

.modal-basket__headline {
  margin-bottom: 58px;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__headline {
    margin-bottom: 46px;
  }
}

.modal-basket__product {
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
  padding-bottom: 32px;
  margin-bottom: 32px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__product {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}

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

.modal-basket__image {
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 184px;
  height: 120px;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__image {
    width: 164px;
    height: 115px;
  }
}

.modal-basket__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-basket__name {
  margin-bottom: 10px;
}

.modal-basket__sizes {
  margin-top: auto;
}

.modal-basket__sizes-span {
  color: #B3B3B3;
  margin-bottom: 8px;
}

.modal-basket__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 41px;
  right: 0;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__price {
    margin-top: 20px;
    position: static;
  }
}

.modal-basket__price-current {
  margin-right: 8px;
  line-height: 19px;
}

.modal-basket__price-old {
  line-height: 19px;
  color: #B3B3B3;
  position: relative;
}

.modal-basket__price-old::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.modal-basket__slider-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__slider-top {
    margin-bottom: 24px;
  }
}

.modal-basket__nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-basket__nav-box .swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__nav-box {
    display: none;
  }
}

.modal-basket__nav {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.modal-basket__nav:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.modal-basket__nav::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-basket__nav_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modal-basket__nav_right {
  margin-left: 8px;
}

.modal-basket__slider {
  position: relative;
  margin: 0 -32px 24px;
  padding: 0 32px 24px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__slider {
    margin: 0 -16px 24px;
    padding: 0 16px 24px;
  }
}

.modal-basket__slide {
  width: 184px;
}

.modal-basket__slide:not(:last-of-type) {
  margin-right: 24px;
}

.modal-basket__slide-picture {
  margin-bottom: 12px;
  padding: 11px 19px 12px;
  background: #F4F3F1;
}

.modal-basket__slide-image {
  height: 97px;
}

.modal-basket__slide-name {
  margin-bottom: 12px;
}

.modal-basket__slide-price {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-basket__slide-price-current {
  margin-right: 8px;
  line-height: 19px;
}

.modal-basket__slide-price-old {
  line-height: 19px;
  color: #B3B3B3;
  position: relative;
}

.modal-basket__slide-price-old::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.modal-basket__slide-add {
  padding: 10px 11px 11px;
  color: #808080;
  width: 100%;
}

.modal-basket__slide-add_active {
  padding: 7px 11px 9px;
  pointer-events: none;
  background-color: rgba(51, 51, 51, 0.16);
  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;
}

.modal-basket__slide-add_active::before {
  content: '';
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  background-image: url("../img/ic_check_dark.svg");
}

.modal-basket__buttons {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-basket__basket {
  width: calc(50% - 4px);
  padding: 18px 19px 19px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__basket {
    width: 100%;
    margin-bottom: 8px;
  }
}

.modal-basket__close {
  color: #808080;
  width: calc(50% - 4px);
  padding: 18px 19px 19px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__close {
    width: 100%;
  }
}

.modal-basket__scrollbar.swiper-scrollbar {
  margin: 0 32px;
  width: auto;
}

@media only screen and (max-width: 1260px) {
  .modal-basket__scrollbar.swiper-scrollbar {
    margin: 0 16px;
  }
}

.product-card {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .product-card {
    margin-bottom: 48px;
  }
}

.product-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-card__top {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  padding-bottom: 8px;
  margin-bottom: 24px;
  width: 832px;
  padding-right: 40px;
}

@media only screen and (max-width: 1260px) {
  .product-card__top {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.product-card__code-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  padding-bottom: 8px;
  margin-bottom: 24px;
  width: 392px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 1260px) {
  .product-card__code-line {
    margin-bottom: 16px;
    padding-bottom: 0;
    border-bottom: none;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.product-card__buy-count {
  margin-right: 56px;
  color: #B3B3B3;
  padding-left: 24px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .product-card__buy-count {
    margin-right: 0;
  }
}

.product-card__buy-count::before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url("../img/ic_basket_grey.svg");
}

.product-card__code {
  color: #B3B3B3;
}

@media only screen and (max-width: 1260px) {
  .product-card__code {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.product-card__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .product-card__title {
    margin-bottom: 12px;
  }
}

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

.product-card__rate, .sticky-product__rate {
  margin-right: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .product-card__rate, .sticky-product__rate {
    margin-right: 16px;
  }
}

.product-card__rate-stars, .sticky-product__rate-stars {
  position: relative;
  width: 80px;
  height: 16px;
  background-image: url("../img/ic_star_grey.svg");
}

.product-card__rate-stars-fill, .sticky-product__rate-stars-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
}

.product-card__rate-count, .sticky-product__rate-count {
  margin-left: 8px;
}

.product-card__stats-span, .sticky-product__stats-span {
  margin-right: 56px;
  color: #0a4881;
  cursor: pointer;
}

@media only screen and (max-width: 1260px) {
  .product-card__stats-span, .sticky-product__stats-span {
    margin-right: 16px;
  }
}

.product-card__gallery {
  position: relative;
  padding-right: 40px;
  max-width: 832px;
}

@media only screen and (max-width: 1260px) {
  .product-card__gallery {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    max-width: 375px;
    margin-bottom: 12px;
  }
}

.product-card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  overflow: hidden;
}

.product-card__tag {
  margin-left: -4px;
  padding: 1px 8px;
  clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

.product-card__link {
  margin-bottom: 12px;
  display: block;
  text-decoration: none;
}

.product-card__link:hover .tile-item__title {
  color: #0a4881;
}

@media only screen and (max-width: 1260px) {
  .product-card__slider {
    overflow: hidden;
  }
}

.product-card__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .product-card__wrapper {
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    gap: 0;
  }
}

.product-card__slide {
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .product-card__slide {
    margin: 0;
  }
}

.product-card__slide_half {
  width: 384px;
}

@media only screen and (max-width: 1260px) {
  .product-card__slide_half {
    width: 100%;
  }
}

.product-card__slide_half .product-card__image {
  height: 254px;
}

@media only screen and (max-width: 1260px) {
  .product-card__slide_half .product-card__image {
    height: 248px;
  }
}

.product-card__slide_hide {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .product-card__slide_hide {
    display: block;
  }
}

.product-card__picture {
  width: 100%;
}

.product-card__image {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 524px;
}

@media only screen and (max-width: 1260px) {
  .product-card__image {
    height: 248px;
  }
}

.product-card__pagination {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .product-card__pagination {
    margin: 0 -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: unset !important;
    bottom: 8px !important;
    right: 0 !important;
    width: unset !important;
    height: 2px;
    margin: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .product-card__pagination .swiper-pagination-bullet {
    border-radius: 2px;
    width: 100%;
    height: 2px;
    background-color: rgba(51, 51, 51, 0.08);
    opacity: 1;
  }
  .product-card__pagination .swiper-pagination-bullet-active {
    background-color: #0a4881;
  }
}

.product-card__gallery-more {
  display: block;
  padding: 18px 19px 19px;
  max-width: 392px;
  width: 100%;
  margin: 24px auto 0;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .product-card__gallery-more {
    display: none;
  }
}

.product-card__inner {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .product-card__inner {
    width: 100%;
  }
}

.product-card__price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .product-card__price-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-right: 95px;
  }
}

.product-card__small-btns {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-card__price-current {
  margin-right: 12px;
  font-family: EuclidCircularA, sans-serif;
}

.product-card__price-old {
  margin-right: 12px;
  color: #B3B3B3;
  position: relative;
}

.product-card__price-old::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #B3B3B3;
}

.product-card__price-discount {
  background-color: #D44A1B;
  color: #fff;
  padding-right: 4px;
  margin-left: 6px;
  position: relative;
}

.product-card__price-discount::before {
  content: '';
  background-image: url("../img/ic_triangle_action_red.svg");
  position: absolute;
  top: 1px;
  left: -6px;
  width: 6px;
  height: 20px;
}

.product-card__bonus {
  margin-left: auto;
  padding: 0 8px 0 20px;
  border-radius: 999px;
  background: #F5F3F1;
  color: #808080;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .product-card__bonus {
    margin-left: 0;
    margin-top: 12px;
  }
}

.product-card__bonus::before {
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  top: 4px;
  left: 3px;
  background-image: url("../img/ic_bonus_grey.svg");
  background-size: cover;
}

.product-card__pay-plan {
  margin-top: 12px;
  text-decoration: none;
}

@media only screen and (min-width: 1260px) {
  .product-card__pay-plan {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .product-card__pay-plan {
    margin-top: 16px;
  }
}

.product-card__pay-plan-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*&::after {
        content: '';
        position: relative;
        top: 1px;
        width: 20px;
        height: 20px;
        display: inline-block;
        transform: rotate(-90deg);
        background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
    }*/
}

.product-card__pay-plan-note {
  color: #808080;
  margin-right: 4px;
}

.product-card__pay-plan-value {
  color: #333;
}

.product-card__features {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.product-card__size {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  grid-auto-rows: 32px;
  gap: 8px;
}

.product-card__size-item {
  position: relative;
  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;
  width: 100%;
  height: 32px;
  padding: 4px;
  border-radius: 4px;
  background: rgba(51, 51, 51, 0.08);
  font-size: 14px;
  line-height: 160%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.product-card__size-item_all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 2px;
  padding-left: 8px;
}

.product-card__size-item_all::after {
  content: '';
  width: 20px;
  height: 20px;
  right: 2px;
  background-image: url(../img/ic_custom_select_arrow.svg);
  background-size: cover;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.product-card__size-item:hover {
  color: #0A4881;
  background-color: rgba(51, 51, 51, 0.16);
}

.product-card__size-item._selected {
  background-color: #0A4881;
  color: #fff;
}

.product-card__size-item._disabled {
  color: #B3B3B3;
  background-color: #fff0;
  pointer-events: none;
}

.product-card__size-item._disabled::after {
  border-color: rgba(51, 51, 51, 0.08);
}

.product-card__size-line {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-card__size-status {
  color: #7BBF3F;
  position: relative;
}

.product-card__size-status::before {
  content: '';
  position: absolute;
  top: 8px;
  left: -15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7BBF3F;
}

.product-card__size-status.not-available {
  color: #B3B3B3;
}

.product-card__size-status.not-available::before {
  background-color: #B3B3B3;
}

.product-card__textile {
  margin-top: 16px;
}

@media only screen and (max-width: 1260px) {
  .product-card__textile {
    margin-top: 24px;
  }
}

.product-card__textile-note {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .product-card__textile-note {
    margin-bottom: 4px;
  }
}

.product-card__textile-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

._selected + .product-card__textile-line {
  display: none;
}

.product-card__textile-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  color: #333;
  width: 100%;
}

.product-card__textile-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-card__textile-list--expandable {
  display: none;
}

.product-card__textile-list--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card__textile-item:not(:last-of-type) {
  margin-right: 2px;
}

.product-card__textile-item--hidden {
  display: none;
}

.product-card__textile-item.selected .product-card__textile-view {
  border: 1px solid #B3B3B3;
}

.product-card__textile-input {
  display: none;
  opacity: 0;
}

.product-card__textile-input:checked + .product-card__textile-view::after {
  border-color: #B3B3B3;
}

.product-card__textile-view {
  position: relative;
  width: 30px;
  height: 30px;
  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-radius: 50%;
}

.product-card__textile-view::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 50%;
  border: 1px solid #fff0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-card__textile-view:hover .product-card__textile-hint {
  opacity: 1;
}

.product-card__textile-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.product-card__textile-hint {
  position: absolute;
  top: -34px;
  left: 12px;
  opacity: 0;
  pointer-events: none;
  color: #808080;
  padding: 8px 16px;
  border-radius: 4px 4px 4px 0;
  background: #F5F3F1;
  -webkit-box-shadow: 0 16px 24px 0 #ECE5DF;
  box-shadow: 0 16px 24px 0 #ECE5DF;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.product-card__textile-all {
  margin-left: 7px;
  color: #B3B3B3;
  width: 30px;
  height: 30px;
  text-align: center;
  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;
  text-decoration: none;
}

.product-card__textile-all--hidden {
  display: none;
}

.product-card__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  margin-bottom: 24px;
}

.product-card__more_blue {
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .product-card__more_blue {
    margin-bottom: 24px;
  }
}

.product-card__more_blue .product-card__more-plus {
  background-color: #0a4881;
}

.product-card__more_blue .product-card__more-plus::before {
  background-image: url("../img/ic_plus_white.svg");
}

.product-card__more-plus {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F2F2F2;
  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;
}

.product-card__more-plus::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_plus_grey.svg");
}

.product-card__more-note {
  color: #333;
  margin-right: 4px;
}

.product-card__more-span {
  color: #808080;
}

.product-card__extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 24px;
}

.product-card__extra-image {
  margin-right: 16px;
  width: 122px;
  height: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .product-card__extra-image {
    width: 85px;
    height: 56px;
  }
}

.product-card__extra-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.product-card__extra-top {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-card__extra-reset {
  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;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5px;
}

.product-card__extra-reset::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("../img/ic_close_grey.svg");
  background-size: cover;
}

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

.product-card__extra-counter {
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 96px;
  border-radius: 4px;
  border: 2px solid rgba(51, 51, 51, 0.08);
  background: #FFF;
}

.product-card__extra-counter-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.product-card__extra-input {
  width: 38px;
  text-align: center;
}

.product-card__extra-prices {
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-card__extra-price {
  font-weight: 500;
}

.product-card__extra-price:first-child::before {
  content: '+';
}

.product-card__extra-price + .product-card__extra-price {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 8px;
  color: #B3B3B3;
  position: relative;
  font-weight: 400;
}

.product-card__extra-price + .product-card__extra-price::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.product-card__gift {
  display: grid;
  grid-template-columns: 122px 1fr auto;
  grid-template-rows: 1fr auto;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .product-card__gift {
    margin-bottom: 32px;
  }
}

.product-card__gift-img-wrap {
  position: relative;
  grid-column: 1/2;
  grid-row: 1/-1;
}

.product-card__gift-svg {
  position: absolute;
}

.product-card__gift-image {
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 122px;
  height: 80px;
}

@media only screen and (max-width: 1260px) {
  .product-card__gift-image {
    width: 85px;
    height: 56px;
  }
}

.product-card__gift-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-card__gift-name {
  margin-bottom: 16px;
}

.product-card__gift-line {
  margin-top: auto;
  color: #EE7E19;
  border-radius: 4px;
  background: #F5F3F1;
  padding: 8px 8px 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.product-card__gift-line::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url("../img/ic_gift_orange.svg");
}

.product-card__buttons {
  margin-bottom: 24px;
}

.product-card__basket {
  margin-bottom: 8px;
  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;
  width: 100%;
  padding: 16px;
}

.product-card__basket::before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: block;
  background-image: url("../img/ic_basket_add_white.svg");
}

.product-card__one-click {
  display: block;
  width: 100%;
  padding: 18px 19px 19px;
}

.product-card__delivery {
  margin-bottom: 16px;
  padding-left: 28px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .product-card__delivery {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.product-card__delivery-block::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_delivery_grey.svg");
}

@media only screen and (max-width: 1260px) {
  .product-card__delivery-block::before {
    top: 0;
  }
}

.product-card__delivery-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card__delivery-note {
  color: #808080;
}

.product-card__city {
  color: #0a4881;
  text-decoration: none;
}

.product-card__delivery-span {
  margin-left: 4px;
}

@media only screen and (max-width: 1260px) {
  .product-card__nav {
    display: none;
  }
}

.product-card__nav-item {
  display: block;
  text-decoration: none;
  color: #808080;
  padding: 16px 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.product-card__nav-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.product-card__nav-item:hover {
  color: #0a4881;
}

.product-card__list-item {
  margin-bottom: 2rem;
}

.product-card__slide iframe {
  pointer-events: none;
}

.product-about {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .product-about {
    margin-bottom: 32px;
  }
}

.product-about__area {
  max-width: 600px;
  width: 100%;
}

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

.product-about__stats-box {
  margin-bottom: 48px;
  width: calc(50% - 12px);
}

@media only screen and (max-width: 1260px) {
  .product-about__stats-box {
    margin-bottom: 24px;
    width: 100%;
  }
}

.product-about__stats-name {
  color: #808080;
  margin-bottom: 8px;
}

.product-about__stats-value {
  font-family: EuclidCircularA, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.product-about__stats-value .hint {
  position: static;
  margin-bottom: -3px;
}

@media only screen and (max-width: 1260px) {
  .product-about__stats-value .hint__box {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.product-about__stats-value a {
  text-decoration: none;
}

.product-about__stats-icon {
  margin-right: 4px;
}

.product-about__stats-hint {
  margin-left: 4px;
}

.product-about__wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .product-about__wrap {
    display: block;
  }
}

.product-about__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  aspect-ratio: 900/600;
  width: 792px;
  margin-right: 40px;
}

@media only screen and (max-width: 1260px) {
  .product-about__picture {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.product-about__image {
  height: 469px;
}

@media only screen and (max-width: 1260px) {
  .product-about__image {
    height: 203px;
  }
}

.product-about__box-headline {
  margin-bottom: 32px;
  font-family: EuclidCircularA, sans-serif;
}

.product-about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
}

.product-about__item:not(:last-of-type) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
  margin-bottom: 16px;
}

.product-about__number {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #0a4881;
  color: #0a4881;
}

.product-about__item-top {
  color: #0a4881;
  cursor: pointer;
}

.product-about__item-top._is-active + .product-about__item-text {
  display: block;
}

.product-about__item-text {
  margin-top: 8px;
  display: none;
}

.product-about__composition .component {
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: -999;
}

.component {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.component._is-active {
  -webkit-transform: scale(1.05) translateY(-55px);
  -ms-transform: scale(1.05) translateY(-55px);
  transform: scale(1.05) translateY(-55px);
  opacity: 1;
}

.component._is-active ~ .component {
  -webkit-transform: translateY(-110px);
  -ms-transform: translateY(-110px);
  transform: translateY(-110px);
  opacity: .5;
}

.component._is-active ~ ._is-active {
  -webkit-transform: scale(1.05) translateY(-155px);
  -ms-transform: scale(1.05) translateY(-155px);
  transform: scale(1.05) translateY(-155px);
}

.component._is-active ~ .component._is-active ~ .component {
  -webkit-transform: translateY(-220px);
  -ms-transform: translateY(-220px);
  transform: translateY(-220px);
}

.product-about__picture:has(._is-active) .component {
  opacity: 0.5;
}

.product-about__picture:has(._is-active) .component._is-active {
  opacity: 1;
}

.multi-range-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge,*/
}

.multi-range-slider-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.multi-range-slider-bar-left {
  width: 25%;
  background-color: rgba(51, 51, 51, 0.08);
  padding: 1px 0;
}

.multi-range-slider-bar-right {
  width: 25%;
  background-color: rgba(51, 51, 51, 0.08);
}

.multi-range-slider-bar-inner {
  background-color: #0a4881;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.multi-range-slider-bar-inner-left {
  width: 50%;
}

.multi-range-slider-bar-inner-right {
  width: 50%;
}

.multi-range-slider-thumb {
  background-color: red;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.multi-range-slider-thumb::before {
  content: '';
  background-color: #0a4881;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 1;
  margin: -8px;
  cursor: pointer;
}

.multi-range-slider-thumb * {
  position: absolute;
  bottom: 25px;
  width: 30px;
  height: 30px;
  left: -15px;
  font-size: 75%;
  text-align: center;
  line-height: 30px;
  background-color: blue;
  border-radius: 50%;
  color: white;
  display: none;
}

.multi-range-slider-thumb:active * {
  display: block;
}

.input-type-range {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background: #ECE5DF;
  padding: 16px;
  max-width: 233px;
  width: 100%;
  position: fixed;
  z-index: 50;
  bottom: 16px;
  right: 16px;
  opacity: 0;
  pointer-events: none;
  min-height: 143px;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .notification {
    bottom: 80px;
    max-width: 343px;
    min-height: 127px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.notification_active {
  opacity: 1;
  pointer-events: all;
}

.notification__title {
  margin-bottom: 4px;
  color: #808080;
}

.notification__name {
  margin-bottom: 4px;
}

.notification__link {
  margin-top: auto;
  padding-right: 22px;
  position: relative;
  line-height: 26px;
  display: inline-block;
  color: #0a4881;
  text-decoration: none;
}

.notification__link::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 0;
  background: url("../img/ic_arrow_right_blue.svg");
  background-size: cover;
}

.cookies {
  position: fixed;
  bottom: 16px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.notification_active + .cookies, .notification_active ~ .cookies {
  bottom: 180px;
}

@media only screen and (max-width: 1260px) {
  .notification_active + .cookies, .notification_active ~ .cookies {
    bottom: 170px;
  }
}

@media only screen and (max-width: 1260px) {
  .mobile-bar_active ~ .cookies {
    -webkit-transform: translateY(-6rem);
    -ms-transform: translateY(-6rem);
    transform: translateY(-6rem);
  }
}

.cookies.is-active {
  opacity: 1;
  pointer-events: all;
}

.cookies__inner {
  position: relative;
}

.cookies__content {
  position: absolute;
  bottom: 0;
  right: 1.6rem;
  padding: 1.6rem;
  max-width: 228px;
  width: 100%;
  border-radius: .8rem;
  background-color: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .cookies__content {
    max-width: 343px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.cookies__text {
  margin-bottom: 1.6rem;
}

.cookies__faq {
  text-decoration: none;
  color: #0A4881;
}

.cookies__faq:hover {
  color: #0063BD;
}

.cookies__btn {
  min-height: 4rem;
  width: 100%;
}

.modal-cookies-faq {
  display: none;
  padding: 3.2rem;
  border-radius: .8rem;
  max-width: 44rem;
}

.modal-cookies-faq.fancybox__content {
  display: block;
}

@media only screen and (max-width: 1260px) {
  .modal-cookies-faq {
    padding: 1.6rem 1.6rem 3.2rem;
    border-radius: .8rem .8rem 0 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.modal-cookies-faq__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 4.8rem;
  margin-bottom: 1.6rem;
}

@media only screen and (max-width: 1260px) {
  .modal-cookies-faq__top {
    margin-bottom: 0.8rem;
  }
}

.modal-cookies-faq__title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: -.01em;
}

.modal-cookies-faq__text {
  font-size: 1.6rem;
  line-height: 1.6;
}

.modal-cookies-faq__text:not(:last-of-type) {
  margin-bottom: 2rem;
}

.modal-cookies-faq__link {
  text-decoration: none;
  color: #0A4881;
}

.modal-cookies-faq__link:hover {
  color: #0063BD;
}

.product-info {
  margin-bottom: 85px;
}

@media only screen and (max-width: 1260px) {
  .product-info {
    margin-bottom: 48px;
  }
}

.product-info__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media only screen and (max-width: 1260px) {
  .product-info__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product-info__nav::before {
  content: '';
  top: 30px;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .product-info__nav::before {
    content: none;
  }
}

@media only screen and (max-width: 1260px) {
  .product-info__nav::after {
    content: '';
    position: absolute;
    background-color: rgba(51, 51, 51, 0.16);
    bottom: 0;
    height: 1px;
    left: -16px;
    right: -16px;
  }
}

.product-info__item {
  border-bottom: 2px solid transparent;
  padding-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #808080;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.product-info__item:not(:last-of-type) {
  margin-right: 80px;
}

@media only screen and (max-width: 1260px) {
  .product-info__item:not(:last-of-type) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .product-info__item {
    display: block;
    position: relative;
    width: calc(100% + 32px);
    padding: 22px 16px 23px;
    margin: 0 -16px;
    text-align: left;
    color: #333;
    border-top: 1px solid rgba(51, 51, 51, 0.16);
    border-bottom: 1px solid rgba(51, 51, 51, 0.16);
  }
  .product-info__item:last-of-type {
    border-bottom: none;
  }
  .product-info__item::before {
    content: '';
    width: 20px;
    height: 20px;
    top: 25px;
    right: 16px;
    position: absolute;
    background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
    background-size: cover;
  }
}

.product-info__item:hover {
  color: #333;
}

.product-info__item span {
  margin-left: 8px;
  padding: 3px 7px;
  background-color: #0a4881;
  border-radius: 999px;
  color: #fff;
}

.product-info__item_active {
  color: #0a4881;
  border-bottom: 2px solid #0a4881;
}

.product-info__item_active + .product-info__box {
  display: block;
}

@media only screen and (max-width: 1260px) {
  .product-info__item_active {
    color: #333;
    border-bottom: none;
  }
  .product-info__item_active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.product-info__item_active:hover {
  color: #0a4881;
}

@media only screen and (max-width: 1260px) {
  .product-info__item_active:hover {
    color: #333;
  }
}

.product-info__box {
  margin-top: 32px;
  padding-bottom: 24px;
  width: 100%;
  display: none;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (max-width: 1260px) {
  .product-info__box {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    margin-top: 8px;
  }
}

.products-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .products-stats {
    display: block;
  }
}

.products-stats__main {
  width: 600px;
  margin-right: 48px;
}

@media only screen and (max-width: 1260px) {
  .products-stats__main {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.products-stats__list {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .products-stats__list {
    margin-bottom: 24px;
  }
}

.products-stats__item {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products-stats__item:not(:last-of-type) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .products-stats__item {
    padding: 16px 0;
  }
}

.products-stats__name {
  width: calc(50% - 12px);
  margin-right: 24px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .products-stats__name {
    width: calc(50% - 8px);
  }
}

.products-stats__value {
  width: calc(50% - 12px);
}

.products-stats__value .hint {
  top: 5px;
}

@media only screen and (max-width: 1260px) {
  .products-stats__value {
    width: calc(50% - 8px);
  }
}

.products-stats__text {
  color: #B3B3B3;
}

.products-stats__sidebar {
  width: 360px;
  position: sticky;
  top: 20px;
}

@media only screen and (max-width: 1260px) {
  .products-stats__sidebar {
    width: 343px;
    position: static;
  }
}

.products-stats__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 19px 19px;
  color: #808080;
}

.products-stats__button:not(:last-of-type) {
  margin-bottom: 8px;
}

.products-stats__button::before {
  content: '';
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_download_grey.svg");
  background-size: cover;
}

.product-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .product-reviews {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-reviews__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .product-reviews__main {
    width: 100%;
  }
}

.product-reviews__empty {
  color: #808080;
}

.product-reviews__list {
  margin-bottom: 40px;
}

.product-reviews__item:not(:last-of-type) {
  margin-bottom: 48px;
}

.product-reviews__top {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .product-reviews__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product-reviews__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-reviews__avatar {
  margin-right: 8px;
  width: 40px;
  height: 40px;
}

.product-reviews__tag {
  margin-left: 8px;
  padding: 0 8px 2px;
  background: #ECE5DF;
}

.product-reviews__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .product-reviews__info {
    margin-top: 8px;
    margin-left: 0;
  }
}

.product-reviews__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-reviews__rate-icon {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
  background-size: cover;
}

.product-reviews__date {
  margin-left: 20px;
  color: #808080;
  position: relative;
}

.product-reviews__date::before {
  content: '∙';
  position: absolute;
  top: 0;
  left: -12px;
  width: 4px;
  height: 100%;
  font-size: 14px;
  line-height: 160%;
  color: #808080;
}

.product-reviews__line {
  margin-bottom: 16px;
}

.product-reviews__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px 8px;
}

.product-reviews__image {
  margin: 0 4px 8px;
}

.product-reviews__text {
  margin-bottom: 16px;
}

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

.product-reviews__react {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-reviews__react_like {
  margin-right: 16px;
}

.product-reviews__react_like:hover path {
  fill: #7BBF3F;
}

.product-reviews__react_like.active path {
  fill: #7BBF3F;
}

.product-reviews__react_dislike:hover path {
  fill: #DD2323;
}

.product-reviews__react_dislike.active path {
  fill: #DD2323;
}

.product-reviews__react-icon {
  width: 20px;
  height: 20px;
}

.product-reviews__react-icon path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.product-reviews__react-value {
  color: #808080;
  margin-left: 4px;
}

.product-reviews__sidebar {
  position: sticky;
  top: 20px;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .product-reviews__sidebar {
    padding: 16px;
    margin-bottom: 24px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    position: static;
  }
}

.product-reviews__sidebar-top {
  padding-bottom: 24px;
}

.product-reviews__sidebar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 24px;
}

.product-reviews__sidebar-star {
  position: relative;
  margin-right: 4px;
  width: 32px;
  height: 32px;
  background-image: url("../img/ic_star_grey.svg");
  background-size: cover;
}

.product-reviews__sidebar-star-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/ic_star_orange.svg");
  background-size: cover;
}

.product-reviews__sidebar-value {
  margin-right: 16px;
  font-family: EuclidCircularA, sans-serif;
}

.product-reviews__sidebar-count {
  color: #808080;
}

.product-reviews__sidebar-list {
  margin-bottom: 24px;
}

.product-reviews__sidebar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-reviews__sidebar-item:not(:last-of-type) {
  margin-bottom: 16px;
}

.product-reviews__sidebar-number {
  margin-right: 4px;
  width: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-reviews__sidebar-item-icon {
  margin-right: 12px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
  background-size: cover;
}

.product-reviews__sidebar-bar {
  margin-right: 12px;
  position: relative;
  width: 184px;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(51, 51, 51, 0.16);
}

.product-reviews__sidebar-bar-fill {
  background-color: #FFB800;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.product-reviews__sidebar-item-count {
  color: #808080;
}

.product-reviews__bottom {
  border-top: 1px solid rgba(51, 51, 51, 0.16);
  padding-top: 24px;
}

.product-reviews__gift {
  margin-bottom: 16px;
}

.product-reviews__gift span {
  color: #D44A1B;
}

.product-reviews__button {
  margin-bottom: 16px;
  padding: 10px 40px 11px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .product-reviews__button {
    max-width: 311px;
    width: 100%;
  }
}

.product-reviews__sidebar-note {
  color: #B3B3B3;
}

.product-questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .product-questions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-questions__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .product-questions__main {
    width: 100%;
  }
}

.product-questions__empty {
  color: #808080;
}

.product-questions__item {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.product-questions__top {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-questions__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-questions__avatar {
  margin-right: 8px;
  width: 40px;
  height: 40px;
}

.product-questions__name-tag {
  margin-left: 8px;
  padding: 0 8px 2px;
  background-color: #0a4881;
  color: #fff;
}

.product-questions__date {
  color: #808080;
}

.product-questions__answer {
  margin-top: 16px;
  padding-left: 52px;
  border-left: 4px solid #0a4881;
}

@media only screen and (max-width: 1260px) {
  .product-questions__answer {
    padding-left: 36px;
  }
  .product-questions__answer .product-questions__date {
    margin-top: 8px;
  }
}

.product-questions__pagination {
  max-width: 343px;
  width: 100%;
  margin: 0 auto;
}

.product-questions__sidebar {
  position: sticky;
  top: 20px;
  width: 392px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .product-questions__sidebar {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-bottom: 24px;
    position: static;
  }
}

.product-questions__sidebar-box {
  margin-bottom: 24px;
}

.product-questions__sidebar-title {
  margin-bottom: 8px;
}

.product-questions__sidebar-note {
  color: #808080;
}

.product-questions__phone {
  display: inline-block;
  margin-bottom: 5px;
  font-family: EuclidCircularA, sans-serif;
  color: #333;
  text-decoration: none;
}

.product-questions__button {
  padding: 10px 40px 11px;
}

.product-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .product-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-description__main {
  width: 792px;
}

@media only screen and (max-width: 1260px) {
  .product-description__main {
    width: 100%;
  }
}

.product-description__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

@media only screen and (max-width: 1260px) {
  .product-description__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-description__item:not(:last-of-type) {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .product-description__item:not(:last-of-type) {
    margin-bottom: 48px;
  }
}

.product-description__item_reverse .product-description__picture {
  margin-left: 0;
}

@media only screen and (max-width: 1260px) {
  .product-description__item_reverse .product-description__picture {
    margin-right: 0;
  }
}

.product-description__item_reverse .product-description__box {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (max-width: 1260px) {
  .product-description__item_reverse .product-description__box {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
}

@media only screen and (max-width: 1260px) {
  .product-description__box {
    width: 100%;
  }
}

.product-description__headline {
  margin-bottom: 8px;
}

.product-description__picture {
  width: 368px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .product-description__picture {
    margin-left: 0;
    margin-bottom: 24px;
    max-width: 343px;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

@media only screen and (max-width: 1260px) {
  .product-description__image {
    height: 214px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.product-description__sidebar {
  position: sticky;
  top: 20px;
  width: 392px;
  padding: 32px;
  border-radius: 8px;
  background: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .product-description__sidebar {
    width: 100%;
    margin-top: 32px;
    position: static;
    padding: 24px;
  }
}

.product-description__sidebar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-description__sidebar-item:not(:last-of-type) {
  margin-bottom: 24px;
}

.product-description__sidebar-box {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 12px;
  border-radius: 16px;
  width: 56px;
  height: 56px;
  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;
}

.product-description__sidebar-icon {
  width: 24px;
  height: 24px;
}

.modal-question {
  display: none;
  width: 874px;
  padding: 42px 32px 32px;
  border-radius: 8px;
  background: #FFF;
}

@media only screen and (max-width: 1260px) {
  .modal-question {
    padding: 29px 16px 32px;
    border-radius: 0;
  }
}

.modal-question__headline {
  margin-bottom: 10px;
}

.modal-question__text {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal-question__text {
    max-width: 290px;
    width: 100%;
  }
}

.modal-question__area {
  margin-bottom: 24px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-question__area {
    padding: 16px;
  }
}

.modal-question__label {
  margin-bottom: 16px;
}

.modal-question__label_half {
  width: calc(50% - 4px);
}

@media only screen and (max-width: 1260px) {
  .modal-question__label_half {
    width: 100%;
  }
}

.modal-question__input-name {
  margin-bottom: 8px;
  color: #808080;
  display: block;
}

.modal-question__textarea {
  height: 120px;
  padding: 16px;
  width: 100%;
  border: 2px solid transparent;
}

.modal-question__textarea:focus {
  border: 2px solid rgba(51, 51, 51, 0.16);
}

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

@media only screen and (max-width: 1260px) {
  .modal-question__line {
    display: block;
  }
}

.modal-question__input {
  border-radius: 8px;
  width: 100%;
  border: 2px solid transparent;
}

.modal-question__input:focus {
  border: 2px solid rgba(51, 51, 51, 0.16);
}

.modal-question__legend {
  margin-bottom: 24px;
  display: block;
  color: #808080;
}

.modal-question__submit {
  margin-bottom: 24px;
  max-width: 335px;
  width: 100%;
  padding: 18px 19px 19px;
  text-align: center;
}

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

.modal-question__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-question__checkbox {
  display: none;
}

.modal-question__checkbox:checked + .modal-question__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-question__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-question__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-question__policy-text a {
  text-decoration: underline;
  color: #808080;
}

.modal-review {
  display: none;
  width: 648px;
  padding: 42px 32px 32px;
  border-radius: 8px;
  background: #FFF;
}

@media only screen and (max-width: 1260px) {
  .modal-review {
    padding: 29px 16px 32px;
    border-radius: 0;
  }
}

.modal-review__headline {
  margin-bottom: 34px;
}

.modal-review__area {
  margin-bottom: 24px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-review__area {
    padding: 16px;
  }
}

.modal-review__label {
  margin-bottom: 16px;
}

.modal-review__rate {
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 17px 16px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-review__rate-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-review__rate-radio {
  display: none;
}

.modal-review__rate-radio + .modal-review__rate-label svg path {
  fill: #F2F2F2;
}

.modal-review__rate-radio:checked ~ .modal-review__rate-label svg path {
  fill: #ffb800;
}

.modal-review__rate-radio:checked + .modal-review__rate-label svg path {
  fill: #FFB800;
}

.modal-review__rate-label {
  cursor: pointer;
  display: block;
}

.modal-review__rate-label path {
  fill: #FFB800;
}

.modal-review__rate-label:hover {
  opacity: 0.5;
}

.modal-review__rate-label:hover ~ .modal-review__rate-label {
  opacity: 0.5;
}

.modal-review__rate-star {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.modal-review__input-name {
  display: block;
  margin-bottom: 8px;
  color: #808080;
}

.modal-review__input {
  width: 100%;
}

.modal-review__textarea-span {
  display: block;
  margin-bottom: 8px;
}

.modal-review__textarea {
  width: 100%;
  height: 120px;
}

.modal-review__counter {
  margin-top: 8px;
  color: #B3B3B3;
  text-align: right;
}

.modal-review__recommend {
  margin-bottom: 16px;
}

.modal-review__recommend-note {
  margin-bottom: 8px;
}

.modal-review__recommend-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-review__recommend-label {
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-review__recommend-span {
  margin-left: 6px;
}

.modal-review__gallery-span {
  display: block;
  margin-bottom: 8px;
}

.modal-review__gallery-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.modal-review__gallery-add._hidden {
  display: none;
}

.modal-review__gallery-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-review__gallery-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-review__gallery-list-wrapp {
  max-width: calc(100% - 156px);
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  margin-right: 8px;
  overflow: auto;
  padding-bottom: 5px;
  margin-bottom: -5px;
}

.modal-review__gallery-list-wrapp::-webkit-scrollbar {
  height: 3px;
  background-color: #fff0;
}

.modal-review__gallery-list-wrapp::-webkit-scrollbar-thumb {
  height: 3px;
  border-radius: 5px;
  background-color: #B3B3B3;
  cursor: pointer;
}

._hidden + .modal-review__gallery-list-wrapp {
  max-width: 100%;
  width: 100%;
  margin-right: 0;
}

.modal-review__gallery-item {
  position: relative;
  overflow: hidden;
  margin-right: 8px;
  max-height: 56px;
  max-width: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-review__gallery-item-img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  max-width: 100%;
  min-height: 100%;
  width: 100%;
}

.modal-review__gallery-item-del {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-review__gallery-item-del-icon {
  width: 20px;
  height: 20px;
}

.modal-review__gallery-label {
  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;
  padding: 10px;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  border: 1px solid var(--stroke-16, rgba(51, 51, 51, 0.16));
}

.modal-review__gallery-input {
  position: absolute;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -99;
  visibility: hidden;
}

.modal-review__gallery-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.modal-review__gallery-files {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 8px;
}

.modal-review__gallery-files-span {
  color: #B3B3B3;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-review__legend {
  margin-bottom: 24px;
  display: block;
  color: #808080;
}

.modal-review__submit {
  margin-bottom: 24px;
  max-width: 335px;
  width: 100%;
  padding: 18px 19px 19px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .modal-review__submit {
    max-width: 343px;
  }
}

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

.modal-review__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-review__checkbox {
  display: none;
}

.modal-review__checkbox:checked + .modal-review__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-review__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-review__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-review__policy-text a {
  text-decoration: underline;
  color: #808080;
}

.product-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .product-delivery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-delivery__main {
  margin-right: 50px;
  width: 782px;
}

@media only screen and (max-width: 1260px) {
  .product-delivery__main {
    width: 100%;
  }
}

.product-delivery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-delivery__item {
  margin-bottom: 40px;
}

.product-delivery__headline {
  margin-bottom: 12px;
}

.product-delivery__headline a {
  text-decoration: none;
  color: #0a4881;
}

.product-delivery__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .product-delivery__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product-delivery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 8px 12px;
}

@media only screen and (max-width: 1260px) {
  .product-delivery__box {
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.product-delivery__icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.product-delivery__text {
  margin-left: 12px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .product-delivery__text {
    margin-left: 0;
    margin-top: 12px;
  }
}

.product-delivery__more {
  margin-top: 12px;
}

.product-delivery__map-title {
  margin-bottom: 12px;
}

.product-delivery__sidebar {
  position: sticky;
  top: 20px;
  width: 392px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .product-delivery__sidebar {
    position: static;
    padding: 16px;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 32px;
  }
}

.product-delivery__sidebar-title {
  margin-bottom: 8px;
}

.product-delivery__sidebar-list {
  margin-bottom: 24px;
}

.product-delivery__sidebar-item {
  color: #808080;
}

.product-delivery__sidebar-item:not(:last-of-type) {
  margin-bottom: 14px;
}

.product-delivery__pay-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-delivery__pay-item {
  margin-right: 4px;
}

.product-delivery__pay-image {
  border-radius: 4px;
  width: 56px;
  height: 26px;
}

.product-delivery__sidebar-bottom {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(51, 51, 51, 0.16);
}

.product-delivery__requisites-title {
  margin-bottom: 16px;
}

.product-delivery__sidebar-button {
  margin-bottom: 16px;
  padding: 10px 11px 11px;
  max-width: 274px;
  width: 100%;
  text-align: center;
}

.product-delivery__sidebar-note {
  margin-bottom: 24px;
  color: #B3B3B3;
}

.product-delivery__sidebar-more {
  color: #808080;
}

.modal-login {
  display: none;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
  width: 440px;
}

@media only screen and (max-width: 1260px) {
  .modal-login {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-login_email {
  /*.modal-login__submit {
        margin-top: 80px;

        @include breakpoint-down($mobile-width) {
            margin-top: 50px;
        }
    }*/
  /*.modal-login__recovery-box {
        display: block;
    }*/
}

.modal-login_email .modal-login__input_password {
  display: block;
}

.modal-login_phone .modal-login__text {
  display: block;
}

.modal-login_phone .modal-login__area, .modal-login_phone .modal-login__nav, .modal-login_phone .modal-login__social {
  display: none;
}

.modal-login_phone .modal-login__code, .modal-login_phone .modal-login__send-again, .modal-login_phone .modal-login__change-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-login_loader .modal-login__nav, .modal-login_loader .modal-login__area, .modal-login_loader .modal-login__recovery-box, .modal-login_loader .modal-login__notify, .modal-login_loader .modal-login__social,
.modal-login_loader .modal-login__code, .modal-login_loader .modal-login__change-number, .modal-login_loader .modal-login__send-again, .modal-login_loader .modal-login__text {
  display: none;
}

.modal-login_loader .modal-login__loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-login_loader .modal-login__submit {
  margin-bottom: 0;
  margin-top: 0;
}

.modal-login__loader {
  display: none;
  height: 450px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-login__loader-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 8px;
  -webkit-animation: 1s modalLoginLoaderAnim infinite;
  animation: 1s modalLoginLoaderAnim infinite;
}

.modal-login__loader-circle:nth-child(1) {
  background-color: #808080;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modal-login__loader-circle:nth-child(2) {
  background-color: #999;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.modal-login__loader-circle:nth-child(3) {
  background-color: #B3B3B3;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.modal-login__loader-circle:nth-child(4) {
  background-color: #CCC;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.modal-login__loader-circle:nth-child(5) {
  background-color: #E6E6E6;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@-webkit-keyframes modalLoginLoaderAnim {
  0% {
    background-color: #808080;
  }
  25% {
    background-color: #999;
  }
  50% {
    background-color: #B3B3B3;
  }
  75% {
    background-color: #CCC;
  }
  100% {
    background-color: #E6E6E6;
  }
}

@keyframes modalLoginLoaderAnim {
  0% {
    background-color: #808080;
  }
  25% {
    background-color: #999;
  }
  50% {
    background-color: #B3B3B3;
  }
  75% {
    background-color: #CCC;
  }
  100% {
    background-color: #E6E6E6;
  }
}

.modal-login__title {
  margin-bottom: 26px;
}

.modal-login__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 4px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
}

.modal-login__nav-btn {
  border-radius: 6px;
  background: #FFF;
  padding: 6px;
  width: calc(50% - 2px);
  color: #333;
  text-decoration: none;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-login__nav-btn:hover {
  opacity: 0.8;
}

.modal-login__nav-btn_active {
  opacity: 1;
  cursor: default;
}

.modal-login__area {
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-login__area {
    padding: 16px;
  }
}

.modal-login__area .cbaup_row:not(:first-child) {
  margin-top: 16px;
}

.c-bxmaker-authuserphone_login-default-box .cbaup_row.captcha {
  margin-top: 5px;
}

.c-bxmaker-authuserphone_login-default-box .cbaup_row.captcha.showed {
  padding: 16px 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .c-bxmaker-authuserphone_login-default-box .cbaup_row.captcha.showed {
    padding: 16px;
  }
}

.c-bxmaker-authuserphone_login-default-box .cbaup_row.captcha input {
  display: block;
  width: 100%;
  outline: none;
  padding: 15px 16px 19px;
  border-radius: 8px;
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  border: 2px solid transparent;
  margin-bottom: 10px;
}

.modal-login__input {
  width: 100%;
}

.modal-login__input_password {
  display: none;
  margin-top: 16px;
}

.modal-login__text {
  display: none;
  color: #808080;
  max-width: 328px;
  margin-bottom: 16px;
}

.modal-login__phone-value {
  color: #333;
}

.modal-login__change-number {
  display: none;
  color: #0a4881;
  margin-bottom: 16px;
}

.modal-login__code {
  display: none;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 16px;
}

.modal-login__code-input {
  width: 64px;
  height: 64px;
  text-align: center;
  font-family: EuclidCircularA, sans-serif;
}

.modal-login__send-again {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #808080;
}

.modal-login__send-again.counting .modal-login__send-again-counter-text, .modal-login__send-again.counting .modal-login__send-again-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-login__send-again-btn {
  color: #0a4881;
}

.modal-login__send-again-btn::before {
  background-color: #0a4881;
}

.modal-login__send-again-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.modal-login__send-again-counter-text, .modal-login__send-again-counter {
  margin-left: 4px;
  display: none;
}

.modal-login__submit {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 18px 19px 19px;
  color: white;
  cursor: pointer;
  /*@include breakpoint-down($mobile-width) {
        margin-top: 156px;
    }*/
}

.modal-login__recovery-box {
  display: block;
  text-align: center;
  margin-bottom: 18px;
}

.modal-login__recovery {
  color: #0a4881;
}

.modal-login__recovery::before {
  background-color: #0a4881;
}

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

.modal-login__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-login__checkbox {
  display: none;
}

.modal-login__checkbox:checked + .modal-login__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-login__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-login__notify-text {
  color: #808080;
  line-height: 140%;
}

.modal-login__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
}

.modal-login__social-note {
  width: 90px;
}

.modal-login__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-login__social-link {
  display: block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.modal-login__social-link:hover {
  opacity: 0.8;
}

.modal-login__social-icon {
  margin-left: 8px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.modal-login__captcha {
  display: block;
  margin-top: 2%;
  background: #F2F2F2;
  padding: 5%;
}

.modal-login__captcha img {
  margin: auto;
}

.modal-login__captcha .modal-login__input {
  margin-top: 5%;
}

.modal-login__text.error_msg {
  color: red;
}

.modal-registration {
  display: none;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
  width: 440px;
}

@media only screen and (max-width: 1260px) {
  .modal-registration {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-registration__title {
  margin-bottom: 10px;
}

.modal-registration__text {
  margin-bottom: 16px;
  max-width: 328px;
  width: 100%;
  color: #808080;
}

.modal-registration__text span {
  color: #EE7E19;
}

.modal-registration__loyalty {
  color: #0a4881;
  text-decoration: none;
  padding-right: 22px;
  position: relative;
}

.modal-registration__loyalty::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.modal-registration__nav {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 4px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
}

.modal-registration__nav-btn {
  border-radius: 6px;
  background: #FFF;
  padding: 6px;
  width: calc(50% - 2px);
  color: #333;
  text-decoration: none;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-registration__nav-btn:hover {
  opacity: 0.8;
}

.modal-registration__nav-btn_active {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}

.modal-registration__area {
  margin-bottom: 20px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-registration__area {
    padding: 16px;
  }
}

.modal-registration__label {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-registration__label {
    margin-bottom: 24px;
  }
}

.modal-registration__label_code:not(.show) {
  display: none;
}

.modal-registration__label-name {
  color: #808080;
  display: block;
  margin-bottom: 8px;
}

.modal-registration__input {
  width: 100%;
}

.modal-registration__input-wrapp > .modal-registration__input {
  padding-right: 56px;
}

.modal-registration__input-wrapp {
  position: relative;
}

.modal-registration__input-phone-send {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.modal-registration__input-note {
  margin-top: 8px;
  color: #B3B3B3;
  display: block;
}

.modal-registration__submit {
  width: 100%;
  padding: 18px 19px 19px;
}

.modal-registration__notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

.modal-registration__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-registration__checkbox {
  display: none;
}

.modal-registration__checkbox:checked + .modal-registration__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.modal-registration__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-registration__notify-text {
  color: #808080;
  line-height: 140%;
}

.modal-registration__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
}

.modal-registration__social-note {
  width: 168px;
}

.modal-registration__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-registration__social-link {
  display: block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.modal-registration__social-link:hover {
  opacity: 0.8;
}

.modal-registration__social-icon {
  margin-left: 8px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.modal-registration__send-btn {
  margin-top: 5px;
}

.modal-registration__send-btn, .modal-registration__send-again-btn {
  color: #0a4881;
}

.modal-registration__send-btn::before, .modal-registration__send-again-btn::before {
  background-color: #0a4881;
}

.modal-registration__send-btn:disabled, .modal-registration__send-again-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.modal-registration__send-again-counter-text, .modal-registration__send-again-counter {
  margin-left: 4px;
  color: #808080;
  display: none;
}

.modal-registration__send-again {
  display: none;
  margin-top: 5px;
}

.modal-registration__send-again.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-registration__send-again.counting .modal-registration__send-again-counter-text, .modal-registration__send-again.counting .modal-registration__send-again-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-registration__captcha {
  display: block;
  margin-top: 2%;
  background: #F2F2F2;
  padding: 5%;
}

.modal-registration__captcha img {
  margin: auto;
}

.modal-registration__captcha .modal-registration__input {
  margin-top: 5%;
}

.modal-registration__text.error_msg {
  color: red;
}

.modal-recovery {
  display: none;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
  width: 440px;
}

@media only screen and (max-width: 1260px) {
  .modal-recovery {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-recovery_email .modal-recovery__input_email {
  display: block;
}

.modal-recovery_email .modal-recovery__input_phone {
  display: none;
}

.modal-recovery_phone .modal-recovery__input_email {
  display: none;
}

.modal-recovery_phone .modal-recovery__input_phone {
  display: block;
}

.modal-recovery__captcha {
  display: none;
  margin-top: 16px;
}

.modal-recovery__captcha img {
  margin-bottom: 10px;
  cursor: pointer;
}

.modal-recovery_active {
  /*.modal-recovery__nav, .modal-recovery__area {
        display: none;
    }*/
  /*& .modal-recovery__text.modal-recovery__text_start {
        display: none;
    }*/
}

.modal-recovery_active .modal-recovery__code, .modal-recovery_active .modal-recovery__send-again {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-recovery_email.modal-recovery_active .modal-recovery__text_email, .modal-recovery_email.modal-recovery_active .modal-recovery__change-login_email {
  display: block;
}

.modal-recovery_phone.modal-recovery_active .modal-recovery__text_phone, .modal-recovery_phone.modal-recovery_active .modal-recovery__change-login_phone {
  display: block;
}

.modal-recovery_active.modal-recovery_done .modal-recovery__done {
  display: block;
}

.modal-recovery_active.modal-recovery_done .modal-recovery__change-login, .modal-recovery_active.modal-recovery_done .modal-recovery__text, .modal-recovery_active.modal-recovery_done .modal-recovery__code, .modal-recovery_active.modal-recovery_done .modal-recovery__send-again,
.modal-recovery_active.modal-recovery_done .modal-recovery__submit, .modal-recovery_active.modal-recovery_done .modal-recovery__link-box, .modal-recovery_active.modal-recovery_done .modal-recovery__area {
  display: none;
}

.modal-recovery__title {
  margin-bottom: 26px;
}

.modal-recovery__done {
  display: none;
  margin-bottom: 20px;
  color: #808080;
  max-width: 328px;
  width: 100%;
}

.modal-recovery__text {
  display: none;
  margin-bottom: 16px;
  color: #808080;
}

.modal-recovery__text span {
  color: #333;
}

.modal-recovery__text.modal-recovery__text_start {
  display: block;
}

.modal-recovery__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 4px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
}

.modal-recovery__nav-btn {
  border-radius: 6px;
  background: #FFF;
  padding: 6px;
  width: calc(50% - 2px);
  color: #333;
  text-decoration: none;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-recovery__nav-btn:hover {
  opacity: 0.8;
}

.modal-recovery__nav-btn_active {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}

.modal-recovery__change-login {
  display: none;
  color: #0a4881;
  margin-bottom: 16px;
}

.modal-recovery__code {
  display: none;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 16px;
}

.modal-recovery__code-input {
  width: 64px;
  height: 64px;
  text-align: center;
  font-family: EuclidCircularA, sans-serif;
}

.modal-recovery__send-again {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #808080;
}

.modal-recovery__send-again-btn {
  margin-right: 4px;
  color: #0a4881;
}

.modal-recovery__send-again-btn::before {
  background-color: #0a4881;
}

.modal-recovery__send-again-btn:disabled {
  opacity: 0.5;
}

.modal-recovery__send-again-counter {
  margin-left: 4px;
}

.modal-recovery__area {
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-recovery__area {
    padding: 16px;
  }
}

.modal-recovery__input {
  width: 100%;
}

.modal-recovery__submit {
  width: 100%;
  margin-top: 20px;
  padding: 18px 19px 19px;
  /*@include breakpoint-down($mobile-width) {
        margin-top: 105px;
    }*/
}

.modal-recovery__link-box {
  text-align: center;
  margin-top: 16px;
}

.modal-recovery__link {
  color: #0a4881;
}

.modal-recovery__link::before {
  background-color: #0a4881;
}

.modal-new-pas {
  display: none;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
  width: 440px;
}

@media only screen and (max-width: 1260px) {
  .modal-new-pas {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-new-pas_done .modal-new-pas__text, .modal-new-pas_done .modal-new-pas__area {
  display: none;
}

.modal-new-pas_done .modal-new-pas__text_done {
  display: block;
}

.modal-new-pas__title {
  margin-bottom: 10px;
}

.modal-new-pas__text {
  margin-bottom: 16px;
  color: #808080;
  max-width: 328px;
  width: 100%;
}

.modal-new-pas__text_done {
  display: none;
}

.modal-new-pas__area {
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .modal-new-pas__area {
    padding: 16px;
  }
}

.modal-new-pas__input {
  width: 100%;
}

.modal-new-pas__input:not(:last-of-type) {
  margin-bottom: 16px;
}

.modal-new-pas__submit {
  width: 100%;
  margin-top: 82px;
  padding: 18px 19px 19px;
}

@media only screen and (max-width: 1260px) {
  .modal-new-pas__submit {
    margin-top: 105px;
  }
}

.modal-new-pas__link-box {
  text-align: center;
  margin-top: 16px;
}

.modal-new-pas__link {
  color: #0a4881;
}

.modal-new-pas__link::before {
  background-color: #0a4881;
}

.basket-empty {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .basket-empty {
    margin-bottom: 40px;
  }
}

.basket-empty__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__top {
    margin-bottom: 20px;
  }
}

.basket-empty__back {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.basket-empty__back:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.basket-empty__back::before {
  content: '';
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.basket-empty__wrap {
  padding: 24px;
  border-radius: 8px;
  background: #F2F2F2;
  max-width: 808px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__wrap {
    padding: 16px 16px 24px;
  }
}

.basket-empty__headline {
  margin-bottom: 8px;
}

.basket-empty__text {
  margin-bottom: 24px;
  color: #808080;
}

.basket-empty__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__area {
    margin-bottom: 10px;
    padding-bottom: 14px;
    margin-left: -16px;
    margin-right: -16px;
  }
  .basket-empty__area::before, .basket-empty__area::after {
    content: '';
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
  }
}

.basket-empty__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 248px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
  min-height: 137px;
}

.basket-empty__box:not(:last-of-type) {
  margin-right: 8px;
}

.basket-empty__value {
  margin-bottom: 10px;
}

.basket-empty__span {
  margin-top: auto;
}

.basket-empty__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.basket-empty__catalog {
  padding: 18px 19px 19px;
  max-width: 248px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__catalog {
    max-width: 310px;
  }
}

.basket-empty__bonus {
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .basket-empty__bonus {
    margin-left: 0;
    margin-top: 24px;
  }
}

.basket__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 28px;
}

@media only screen and (max-width: 1260px) {
  .basket__top {
    margin-bottom: 20px;
  }
}

.basket__back {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.basket__back:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.basket__back::before {
  content: '';
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

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

@media only screen and (max-width: 1260px) {
  .basket__wrap {
    display: block;
  }
}

.basket__main {
  width: 808px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 24px;
}

@media only screen and (max-width: 1260px) {
  .basket__main {
    padding: 12px;
    width: 100%;
    margin-bottom: 32px;
  }
}

.basket__headline {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .basket__headline {
    margin-bottom: 12px;
  }
}

.basket__area {
  margin-bottom: 24px;
  padding: 32px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}

@media only screen and (max-width: 1260px) {
  .basket__area {
    padding: 12px 12px 16px;
    margin-bottom: 12px;
  }
}

.basket__area_delete {
  background: rgba(51, 51, 51, 0.08);
}

.basket__area_delete .basket__inner, .basket__area_delete .basket__more {
  display: none;
}

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

@media only screen and (max-width: 1260px) {
  .basket__area_delete .basket__delete-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
}

.basket__delete-box {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket__delete-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 30px;
}

.basket__delete-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .basket__delete-price {
    margin-left: none;
  }
}

.basket__delete-price span {
  margin-left: 4px;
}

.basket__delete-recovery {
  margin-left: 24px;
  color: #0a4881;
  font-weight: 500;
}

@media only screen and (max-width: 1260px) {
  .basket__delete-recovery {
    margin-left: auto;
  }
}

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

@media only screen and (max-width: 1260px) {
  .basket__inner {
    display: block;
  }
}

.basket__picture {
  width: 280px;
  margin-right: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .basket__picture {
    margin-bottom: 9px;
    width: 100%;
  }
}

.basket__image {
  height: 184px;
}

@media only screen and (max-width: 1260px) {
  .basket__image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}

.basket__box {
  position: relative;
  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-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.basket__delete {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}

.basket__delete:hover path {
  fill: #808080;
}

.basket__delete path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.basket__artikul {
  padding-right: 25px;
  color: #B3B3B3;
  margin-bottom: 5px;
}

.basket__inner-box {
  margin-bottom: 12px;
  margin-right: 24px;
}

.basket__name {
  display: inline-block;
  margin-bottom: 12px;
  text-decoration: none;
  color: #333;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.basket__name:hover {
  color: #0a4881;
}

.basket__line {
  margin-bottom: 5px;
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.basket__line-value {
  margin-left: 6px;
  color: #333;
}

.basket__line-note {
  margin-left: 2px;
  color: #333;
}

.basket__line-icon-size {
  width: 24px;
  height: 24px;
  margin: 0 2px;
}

.basket__line-icon-textile {
  width: 20px;
  height: 20px;
  margin: 0 8px;
  border-radius: 50%;
}

.basket__line-name {
  color: #333;
}

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

.basket__ended-button {
  padding: 10px 24px 11px;
}

.basket__ended-span {
  margin-left: 20px;
  color: #808080;
}

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

@media only screen and (max-width: 1260px) {
  .basket__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.basket__counter {
  width: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 7px;
  border-radius: 4px;
  border: 2px solid rgba(51, 51, 51, 0.08);
  background: #FFF;
}

.basket__counter-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.basket__counter-input {
  width: 38px;
  text-align: center;
}

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

@media only screen and (max-width: 1260px) {
  .basket__price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.basket__price-old {
  margin-left: 12px;
  color: #B3B3B3;
  position: relative;
}

.basket__price-old::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #B3B3B3;
}

.basket__price-discount {
  margin-left: 12px;
  background-color: #D44A1B;
  color: #fff;
  padding-right: 4px;
  position: relative;
}

.basket__price-discount::before {
  content: '';
  background-image: url("../img/ic_triangle_action_red.svg");
  position: absolute;
  top: 1px;
  left: -6px;
  width: 6px;
  height: 20px;
}

.basket__sidebar {
  position: sticky;
  top: 20px;
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .basket__sidebar {
    position: static;
    width: 100%;
  }
}

.basket__sidebar-login {
  margin-bottom: 32px;
}

.basket__sidebar-login-span {
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
}

.basket__sidebar-inner {
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .basket__sidebar-inner {
    padding: 16px;
  }
}

.basket__sidebar-title {
  margin-bottom: 16px;
}

.basket__sidebar-nav {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
  padding: 4px;
}

.basket__sidebar-nav-btn {
  border-radius: 6px;
  padding: 5px;
  width: calc(50% - 2px);
  opacity: 0.5;
  background-color: #fff;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.basket__sidebar-nav-btn:hover {
  opacity: 0.8;
}

.basket__sidebar-nav-btn_active {
  opacity: 1;
  pointer-events: none;
}

.basket__sidebar-step {
  display: none;
  margin-bottom: 26px;
}

.basket__sidebar-step .not-available-discount {
  color: #FF8000;
}

.basket__sidebar-step_active {
  display: block;
}

.basket__sidebar-bonus-span {
  margin-bottom: 16px;
}

.basket__sidebar-bonus-icon {
  display: inline;
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.basket__sidebar-bonus-input {
  width: 100%;
  padding: 18px 16px 19px;
  margin-bottom: 18px;
}

.basket__range {
  margin: 0 8px;
}

.basket__promo .basket__promo-text {
  margin-bottom: 16px;
}

.basket__promo .basket__promo-input {
  width: 100%;
  padding: 18px 16px 19px;
}

.basket__promo .basket__promo-input.error {
  border: 2px solid red;
}

.basket__promo._used .basket__promo-text {
  color: #D44A1B;
}

.basket__promo._used .basket__promo-input {
  color: #D44A1B;
  outline: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: red; rx: 8; stroke-width: 3.5; stroke-dasharray: 17 7'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
}

.basket__sidebar-line {
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  padding-top: 16px;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket__sidebar-result {
  margin-bottom: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.basket__sidebar-result-span {
  margin-top: 7px;
}

.basket__sidebar-result-box {
  margin-left: auto;
}

.basket__sidebar-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.basket__sidebar-price-current {
  font-family: EuclidCircularA, sans-serif;
}

.basket__sidebar-price-old {
  margin-left: 8px;
  color: #808080;
  position: relative;
}

.basket__sidebar-price-old::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #808080;
}

.basket__result-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket__result-bonus-value {
  margin-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px 0 4px;
  border-radius: 999px;
  background: #D7CCC3;
}

.basket__result-bonus-icon {
  margin-right: 4px;
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.basket__order {
  padding: 18px 19px 19px;
  width: 100%;
}

.basket__sidebar-favorite {
  margin-top: 16px;
  width: 100%;
  padding: 12px 16px 20px;
  display: block;
}

.basket__sidebar-favorite::before {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_heart_dark.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.basket__sidebar-clear {
  margin-top: 16px;
  width: 100%;
  display: block;
  padding: 18px 19px 19px;
}

.basket__sidebar-text {
  margin-top: 16px;
  color: #B3B3B3;
}

.basket__more {
  margin: 32px -32px 0;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  padding: 16px 32px 0;
}

@media only screen and (max-width: 1260px) {
  .basket__more {
    padding: 16px 12px 0;
    margin: 20px -16px 0;
  }
}

.basket__more_expand .basket__more-button svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.basket__more_expand .basket__more-nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.basket__more_expand .basket__more__slider {
  display: block;
}

.basket__more_expand .basket__more-list {
  display: none;
}

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

@media only screen and (max-width: 1260px) {
  .basket__more-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.basket__more-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.basket__more-button:hover {
  color: #0a4881;
}

.basket__more-button:hover path {
  fill: #0a4881;
}

.basket__more-button svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}

.basket__more-button path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

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

@media only screen and (max-width: 1260px) {
  .basket__more-list {
    margin-top: 16px;
  }
}

.basket__more-picture {
  width: 73px;
  height: 48px;
  margin-left: 8px;
}

.basket__more-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.basket__more-nav-box {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.basket__more-nav-box .swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

@media only screen and (max-width: 1260px) {
  .basket__more-nav-box {
    display: none;
  }
}

.basket__more-nav {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.basket__more-nav:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.basket__more-nav::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.basket__more-nav_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.basket__more-nav_right {
  margin-left: 8px;
}

.basket__more__slider {
  display: none;
  position: relative;
  padding: 0 0 24px;
  margin-top: 16px;
}

@media only screen and (max-width: 1260px) {
  .basket__more__slider {
    padding: 0 0 24px;
  }
}

.basket__more__slide {
  width: 184px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}

.basket__more__slide:not(:last-of-type) {
  margin-right: 24px;
}

.basket__more__slide-picture {
  margin-bottom: 12px;
  padding: 11px 19px 12px;
  background: #F4F3F1;
}

.basket__more__slide-image {
  height: 97px;
}

.basket__more__slide-name {
  margin-bottom: 12px;
}

.basket__more__slide-price {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.basket__more__slide-price-current {
  margin-right: 8px;
  line-height: 19px;
}

.basket__more__slide-price-old {
  line-height: 19px;
  color: #B3B3B3;
  position: relative;
}

.basket__more__slide-price-old::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #B3B3B3;
}

.basket__more__slide-add {
  padding: 10px 11px 11px;
  color: #808080;
  width: 100%;
}

.basket__more__slide-add_active {
  padding: 7px 11px 9px;
  pointer-events: none;
  background-color: rgba(51, 51, 51, 0.16);
  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;
}

.basket__more__slide-add_active::before {
  content: '';
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  background-image: url("../img/ic_check_dark.svg");
}

.basket__top-label {
  margin-left: auto;
  padding: 4px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket__top-label .basket__top-text {
  margin-left: 6px;
}

.basket__top-label .basket__top-checkbox {
  display: none;
}

.basket__top-label .basket__top-checkbox:checked + .basket__top-checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.basket__top-label .basket__top-checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-clear {
  display: none;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
  width: 440px;
}

@media only screen and (max-width: 1260px) {
  .modal-clear {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-clear__headline {
  margin-bottom: 10px;
}

.modal-clear__text {
  margin-bottom: 80px;
  color: #808080;
  max-width: 320px;
  width: 100%;
}

.modal-clear__clear {
  margin-bottom: 16px;
  width: 100%;
  display: block;
  padding: 18px 19px 19px;
}

.modal-clear__favorite {
  width: 100%;
  margin-bottom: 16px;
  padding: 12px 16px 20px;
  display: block;
}

.modal-clear__favorite::before {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_heart_dark.svg");
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-clear__cancel {
  display: block;
  padding: 18px 19px 19px;
  width: 100%;
}

.basket-fixed {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  left: 0;
  right: 0;
  display: none;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .basket-fixed_active {
    display: block;
  }
}

.basket-fixed__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 16px 19px;
  color: #fff;
  border-radius: 8px;
  background: #0A4881;
}

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

.basket-fixed__count {
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 13px;
}

.basket-fixed__count::before {
  content: '∙';
  width: 5px;
  height: 11px;
  position: absolute;
  top: 0;
  right: -9px;
  color: rgba(255, 255, 255, 0.5);
}

.order input.error {
  border: 2px solid red;
}

.order .order__area.error {
  outline: 2px solid red !important;
}

.modal-address-add input.error {
  border-color: red;
}

.order__title-box {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .order__title-box {
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.order__back {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.order__back:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.order__back::before {
  content: '';
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.order__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.order__login {
  padding: 16px;
  max-width: 256px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .order__login {
    max-width: 343px;
    margin: 16px auto 0;
  }
}

.order__wrap {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media only screen and (max-width: 1260px) {
  .order__wrap {
    display: block;
  }
}

.order__main {
  width: 808px;
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .order__main {
    margin-right: 0;
    width: 100%;
    margin-bottom: 40px;
  }
}

.order__area {
  margin-bottom: 40px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .order__area {
    padding: 16px;
  }
}

.order__area_bonus {
  max-width: 392px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .order__area_bonus {
    max-width: unset;
  }
}

.order__top {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1260px) {
  .order__top {
    margin-bottom: 16px;
    display: block;
  }
}

.order__top-label {
  margin-left: auto;
  padding: 4px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .order__top-label {
    padding: 4px 0;
    margin-top: 16px;
  }
}

.order__top-checkbox {
  display: none;
}

.order__top-checkbox:checked + .order__top-checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.order__top-checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.order__top-text {
  margin-left: 6px;
}

.order__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .order__box {
    display: block;
  }
}

.order__label {
  width: calc(50% - 4px);
  margin-bottom: 24px;
  cursor: default;
}

@media only screen and (max-width: 1260px) {
  .order__label {
    width: 100%;
    margin-bottom: 16px;
  }
}

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

.order__label_code {
  display: none;
}

.order__label_code .order__input-state {
  display: none;
}

.order__label_code._showed {
  display: block;
}

.order__label-name {
  display: block;
  color: #808080;
  margin-bottom: 8px;
}

.order__input {
  width: 100%;
}

.order__input:disabled {
  color: #B3B3B3;
}

.personal__profile-form .order__label {
  cursor: default;
}

.personal__profile-form .order__label-timer {
  color: #333;
}

.personal__profile-form .order__input:-moz-read-only {
  pointer-events: none;
}

.personal__profile-form .order__input:read-only {
  pointer-events: none;
}

.personal__profile-form .order__input-wrapp {
  position: relative;
}

.personal__profile-form .order__input-state {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_edit_grey.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.personal__profile-form .order__input-state:hover {
  background-image: url("../img/ic_edit_blue.svg");
}

.personal__profile-form .order__input._editing + .order__input-state {
  background-image: url("../img/ic_check_dark.svg");
}

.personal__profile-form .order__input._editing + .order__input-state:hover {
  background-image: url("../img/ic_check_blue.svg");
}

.personal__profile-form .order__input._confirming {
  pointer-events: none;
}

.personal__profile-form .order__input._confirming + .order__input-state {
  background-image: url("../img/ic_send_button-grey.svg");
}

.personal__profile-form .order__input._done {
  color: #7BBF3F;
}

.personal__profile-form .order__input._done + .order__input-state {
  display: block;
  background-image: url("../img/ic_check_light-green.svg");
}

.order__address {
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 2px solid #0a4881;
  background: #FFF;
}

.order__address-btns {
  position: absolute;
  top: 16px;
  right: 16px;
}

.order__address-btn {
  width: 24px;
  height: 24px;
}

.order__address-btn:hover path {
  fill: #808080;
}

.order__address-btn path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.order__address-btn_delete {
  margin-left: 16px;
}

.order__address-circle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  background-image: url("../img/ic_radio_checked.svg");
  background-size: cover;
  width: 24px;
  height: 24px;
}

.order__address-inner {
  max-width: 368px;
  width: 100%;
  margin-top: 2px;
}

@media only screen and (max-width: 1260px) {
  .order__address-name {
    width: calc(100% - 80px);
  }
}

.order__address-text {
  margin-top: 8px;
  color: #808080;
}

.order__address-choose {
  display: block;
  margin-bottom: 24px;
  padding: 18px 19px 19px;
  max-width: 320px;
  width: 100%;
}

.order__radio {
  position: relative;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  padding: 16px;
  border-radius: 8px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 1260px) {
  .order__radio {
    width: 100%;
  }
}

.order__radio_no-icon .order__radio-inner {
  padding-right: 0;
}

.order__radio_no-icon .order__radio-title {
  padding-right: 0;
}

.order__radio-border {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0a4881;
  pointer-events: none;
  background-color: transparent;
  border-radius: 8px;
}

.order__radio-input {
  display: none;
}

.order__radio-input:checked ~ .order__radio-view {
  background-image: url("../img/ic_radio_checked.svg");
}

.order__radio-input:checked ~ .order__radio-border {
  display: block;
}

.order__radio-input:checked ~ .order__part {
  display: block;
}

.order__radio-input:checked ~ .order__installment {
  display: block;
}

.order__installment {
  margin-top: 16px;
  width: 100%;
  display: none;
}

.order__installment-area {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order__installment-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.order__installment-box:not(:last-of-type) {
  margin-right: 40px;
}

.order__installment-span {
  margin-left: 4px;
  color: #808080;
  margin-bottom: 3px;
}

.order__installment-text {
  margin-bottom: 8px;
}

.order__installment-note {
  color: #808080;
}

.order__radio-view {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_radio_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.order__radio-inner {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 32px);
}

.order__radio-title {
  margin-bottom: 8px;
  padding-right: 65px;
}

.order__text {
  color: #808080;
}

.order__radio-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 24px;
}

.order__part {
  display: none;
  margin-top: 14px;
  width: 100%;
}

.order__part-span {
  margin-bottom: 16px;
}

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

.order__part-box {
  width: calc(25% - 4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.order__part-dot {
  margin-bottom: 8px;
  height: 3px;
  border-radius: 999px;
  background: rgba(51, 51, 51, 0.16);
}

.order__part-dot_active {
  background-color: #333;
}

.order__part-date {
  color: #808080;
  margin-bottom: 8px;
}

.order__part-percent {
  margin-top: auto;
}

.order__more-box {
  text-align: right;
  margin-top: 16px;
}

.order__more {
  position: relative;
  display: inline-block;
  margin-left: auto;
  padding-right: 22px;
  text-decoration: none;
  color: #0a4881;
}

.order__more::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.order__toggle {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order__toggle-input {
  display: none;
}

.order__toggle-input:checked ~ .order__toggle-view {
  background-color: #0a4881;
}

.order__toggle-input:checked ~ .order__toggle-view::before {
  left: calc(100% - 20px);
}

.order__toggle-view {
  position: relative;
  width: 48px;
  height: 24px;
  border-radius: 999px;
  background-color: #808080;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.order__toggle-view::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.order__toggle-text {
  margin-left: 8px;
  color: #808080;
}

.order__toggle-value {
  color: #333;
}

.order__bonus-span {
  margin-bottom: 16px;
}

.order__bonus-span.not-available-discount .order__top-label {
  padding: 4px 0px;
}

.order__bonus-span.not-available-discount .not-available-discount-text {
  color: #FF8000;
}

.order__bonus-icon {
  display: inline;
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.order__bonus-input {
  width: 100%;
  padding: 18px 16px 19px;
  margin-bottom: 18px;
}

.order__range {
  margin: 0 8px;
}

.order__promo-wrapp:not(:last-child) {
  margin-bottom: 32px;
}

.order__promo-text {
  margin-bottom: 16px;
}

.order__promo-input {
  width: 100%;
  border: none;
  padding: 19px 20px 23px;
}

.order__promo-input:not(:last-child) {
  margin-bottom: 16px;
}

.order__promo-input:focus {
  outline: 2px solid rgba(51, 51, 51, 0.16);
  outline-offset: -2px;
  border: none;
}

._used > .order__promo-input {
  color: #D44A1B;
  outline: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: red; rx: 8; stroke-width: 3.5; stroke-dasharray: 17 7'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
}

._used > .order__promo-text {
  color: #D44A1B;
}

._login > .order__promo-input {
  color: #DD2323;
  outline: 2px solid rgba(51, 51, 51, 0.16);
}

._login > .order__promo-text {
  color: #DD2323;
}

.order__result {
  margin-bottom: 40px;
}

.order__result-note {
  margin-bottom: 4px;
}

@media only screen and (max-width: 1260px) {
  .order__result-note {
    display: none;
  }
}

.order__result-price {
  font-family: EuclidCircularA, sans-serif;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .order__result-price {
    display: none;
  }
}

.order__result-button {
  padding: 18px 19px 19px;
  max-width: 317px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .order__result-button {
    max-width: unset;
  }
}

.order__notify {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.order__checkbox {
  display: none;
}

.order__checkbox:checked + .order__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.order__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.order__notify-text {
  color: #808080;
  line-height: 140%;
  max-width: 565px;
}

.order__sidebar {
  position: sticky;
  top: 20px;
  width: 392px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .order__sidebar {
    width: 100%;
    padding: 16px;
    position: static;
    margin-bottom: 40px;
  }
}

.order__sidebar-title {
  margin-bottom: 16px;
}

.order__sidebar-item {
  margin-bottom: 8px;
  display: block;
}

.order__sidebar-item_hide {
  display: none;
}

.order__sidebar-item-value {
  color: #808080;
  margin-top: 4px;
}

.order__sidebar-more {
  position: relative;
  color: #0a4881;
  padding-right: 22px;
  margin-bottom: 16px;
}

.order__sidebar-more::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  right: 0;
  background-image: url("../img/ic_dropdown_arrow_bottom_blue.svg");
  background-size: cover;
}

.order__sidebar-more_active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.order__sidebar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  padding: 15px 0;
}

.order__sidebar-line_first {
  margin: 0 -32px;
  padding: 15px 32px;
}

.order__sidebar-result {
  padding-top: 16px;
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order__sidebar-result-span {
  margin-top: 7px;
}

.order__sidebar-result-box {
  margin-left: auto;
}

.order__sidebar-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.order__sidebar-price-current {
  font-family: EuclidCircularA, sans-serif;
}

.order__sidebar-price-old {
  margin-left: 8px;
  color: #808080;
  position: relative;
}

.order__sidebar-price-old::before {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #808080;
}

.order__result-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order__result-bonus-value {
  margin-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px 0 4px;
  border-radius: 999px;
  background: #D7CCC3;
}

.order__result-bonus-icon {
  margin-right: 4px;
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.loader {
  position: relative;
  left: 50%;
  top: 50%;
  margin-bottom: 70px;
}

.loader-wheel {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  border: 2px solid rgba(30, 30, 30, 0.5);
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.loader-text {
  color: #fff;
  font-family: arial, sans-serif;
}

.loader-text:after {
  -webkit-animation: load 2s linear infinite;
  animation: load 2s linear infinite;
}

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

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

.order-done__title {
  margin-top: 9px;
  margin-bottom: 16px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .order-done__title {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}

.order-done__title-date {
  color: #808080;
}

.order-done__headline {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .order-done__headline {
    margin-bottom: 24px;
  }
}

.order-done__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.order-done__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 256px;
  padding: 24px;
  border-radius: 8px;
  background: #F2F2F2;
  min-height: 220px;
}

@media only screen and (max-width: 1260px) {
  .order-done__box {
    width: 240px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px;
    min-height: 163px;
  }
}

.order-done__box .personal__order-item-pay {
  margin-top: 15px;
}

.order-done__box_wide {
  width: 680px;
}

@media only screen and (max-width: 1260px) {
  .order-done__box_wide {
    width: 100%;
    min-height: 220px;
  }
}

.order-done__box_wide .order-done__box-name {
  margin-bottom: 0;
}

.order-done__box-name {
  margin-bottom: 16px;
}

.order-done__loader {
  width: 104px;
  margin-top: 24px;
  margin-bottom: 32px;
  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;
}

@media only screen and (max-width: 1260px) {
  .order-done__loader {
    margin-top: 32px;
  }
}

.order-done__loader-circle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 8px;
  -webkit-animation: 1s orderDoneLoaderAnim infinite;
  animation: 1s orderDoneLoaderAnim infinite;
}

.order-done__loader-circle:nth-child(1) {
  background-color: #808080;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.order-done__loader-circle:nth-child(2) {
  background-color: #999;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.order-done__loader-circle:nth-child(3) {
  background-color: #B3B3B3;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.order-done__loader-circle:nth-child(4) {
  background-color: #CCC;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.order-done__loader-circle:nth-child(5) {
  background-color: #E6E6E6;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@-webkit-keyframes orderDoneLoaderAnim {
  0% {
    background-color: #808080;
  }
  25% {
    background-color: #999;
  }
  50% {
    background-color: #B3B3B3;
  }
  75% {
    background-color: #CCC;
  }
  100% {
    background-color: #E6E6E6;
  }
}

@keyframes orderDoneLoaderAnim {
  0% {
    background-color: #808080;
  }
  25% {
    background-color: #999;
  }
  50% {
    background-color: #B3B3B3;
  }
  75% {
    background-color: #CCC;
  }
  100% {
    background-color: #E6E6E6;
  }
}

.order-done__pay {
  position: relative;
  margin-top: auto;
  border-radius: 8px;
  background-color: #fff;
  padding: 18px 80px 16px 16px;
  max-width: 368px;
  width: 100%;
}

.order-done__pay-name {
  margin-bottom: 8px;
}

.order-done__pay-text {
  color: #808080;
}

.order-done__pay-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 24px;
}

.order-done__list {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

@media only screen and (max-width: 1260px) {
  .order-done__list {
    margin-left: -16px;
    margin-right: -16px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 24px;
    overflow-x: auto;
  }
  .order-done__list::before, .order-done__list::after {
    content: '';
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.order-done__list .order-done__box:first-child {
  margin-right: 16px;
}

.order-done__link {
  margin-top: auto;
  display: block;
  padding: 10px 11px 11px;
}

.order-done__note {
  margin-top: 8px;
  color: #808080;
}

.order-done__btn-box {
  margin-top: 24px;
  width: 680px;
  margin-right: 16px;
}

@media only screen and (max-width: 1260px) {
  .order-done__btn-box {
    margin-right: 0;
  }
}

.order-done__button {
  padding: 18px 56px 19px;
}

@media only screen and (max-width: 1260px) {
  .order-done__button {
    max-width: 343px;
    width: 100%;
  }
}

.order-done__alert {
  position: relative;
  margin-top: 36px;
  padding-left: 28px;
  width: 430px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .order-done__alert {
    margin-top: 16px;
    max-width: 430px;
    width: 100%;
  }
}

.order-done__alert::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ic_alert_grey.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.tabs-box {
  margin-bottom: 16px;
  max-width: 340px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .tabs-box {
    max-width: none;
  }
}

.tabs-box_delivery {
  max-width: 245px;
}

@media only screen and (max-width: 1260px) {
  .tabs-box_delivery {
    max-width: 343px;
  }
}

.tabs {
  width: calc(100% + 4px);
  margin: 0 -2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 2px;
  border-radius: 8px;
  background: rgba(51, 51, 51, 0.08);
}

.tab {
  width: calc(50% + 4px);
  margin: 0 2px;
  padding: 5px;
  border-radius: 6px;
  background: #FFF;
  opacity: 0.5;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tab:hover {
  opacity: 0.8;
}

.tab_active {
  opacity: 1;
  pointer-events: none;
}

.tab-step {
  display: none;
}

.tab-step_active {
  display: block;
}

.product-button-basket._in-basket {
  background-color: #0063BD;
  text-decoration: none;
}

.product-button-basket._in-basket::before {
  background-image: url(../img/ic_check_white.svg);
}

.product-button-basket._to-order {
  color: #333;
  background-color: rgba(51, 51, 51, 0.16);
  pointer-events: none;
}

.product-button-basket._to-order::before {
  content: none;
}

.modal-address {
  padding: 42px 32px;
  display: none;
  border-radius: 8px;
  background: #fff;
  width: 664px;
}

@media only screen and (max-width: 1260px) {
  .modal-address {
    border-radius: 0;
    padding: 29px 16px 32px;
  }
}

.modal-address__headline {
  margin-bottom: 34px;
}

.modal-address__list {
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-address__list {
    padding: 16px;
  }
}

.modal-address__label {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
}

.modal-address__label:not(:last-of-type) {
  margin-bottom: 8px;
}

.modal-address__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-address__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-address__btn {
  width: 24px;
  height: 24px;
}

.modal-address__btn:hover path {
  fill: #808080;
}

.modal-address__btn path {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.modal-address__btn_delete {
  margin-left: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-address__btn_delete {
    margin-left: 0;
    margin-top: 16px;
  }
}

.modal-address__input {
  display: none;
}

.modal-address__input:checked ~ .modal-address__view {
  background-image: url("../img/ic_radio_checked.svg");
}

.modal-address__input:checked ~ .modal-address__border {
  display: block;
}

.modal-address__view {
  position: absolute;
  top: 16px;
  left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_radio_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-address__border {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0a4881;
  pointer-events: none;
  background-color: transparent;
  border-radius: 8px;
}

.modal-address__inner {
  padding-left: 32px;
  padding-right: 75px;
}

@media only screen and (max-width: 1260px) {
  .modal-address__inner {
    padding-right: 30px;
  }
}

.modal-address__text {
  margin-top: 8px;
  color: #808080;
}

.modal-address__button {
  padding: 18px 19px 19px;
  max-width: 320px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .modal-address__button {
    max-width: 343px;
  }
}

.more-questions {
  border-radius: 8px;
  background: #F2F2F2;
  padding: 32px;
  position: sticky;
  top: 20px;
}

@media only screen and (max-width: 1260px) {
  .more-questions {
    padding: 24px;
    position: static;
  }
}

.more-questions__title {
  margin-bottom: 8px;
}

.more-questions__note {
  color: #808080;
}

.more-questions__link {
  margin-top: 10px;
  margin-bottom: 26px;
  display: inline-block;
  font-family: EuclidCircularA, sans-serif;
  color: #333;
  text-decoration: none;
}

.more-questions__button {
  margin-top: 8px;
  margin-bottom: 24px;
  padding: 10px 40px 11px;
}

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

.more-questions__social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.more-questions__social-link:first-child {
  margin-right: 24px;
}

.more-questions__social-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}

.more-questions__social-name {
  color: #808080;
}

.refund {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .refund {
    margin-bottom: 48px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .refund__wrap {
    display: block;
  }
}

.refund__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .refund__main {
    width: 100%;
  }
}

.refund__title {
  margin-bottom: 25px;
  margin-top: 9px;
}

@media only screen and (max-width: 1260px) {
  .refund__title {
    margin-bottom: 39px;
    margin-top: 15px;
  }
}

.refund__text-main {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .refund__text-main {
    margin-bottom: 32px;
  }
}

.refund__dropdown-wrap {
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.refund__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  cursor: pointer;
}

.refund__dropdown:hover .refund__dropdown-text {
  color: #0a4881;
}

.refund__dropdown_active + .refund__dropdown-content {
  display: block;
}

.refund__dropdown_active + .refund__dropdown-content .refund__dropdown-text::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.refund__dropdown-icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.refund__dropdown-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 28px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
  position: relative;
}

.refund__dropdown-text::before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
  background-size: cover;
  position: absolute;
  top: 4px;
  right: 0;
}

.refund__dropdown-content {
  display: none;
}

.refund__dropdown-list {
  padding-left: 26px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__dropdown-list {
    margin-bottom: 16px;
  }
}

.refund__dropdown-item {
  list-style: disc;
}

.refund__dropdown-item:not(:last-of-type) {
  margin-bottom: 5px;
}

.refund__dropdown-box {
  margin-bottom: 24px;
  padding: 24px 40px 24px 24px;
  background-color: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .refund__dropdown-box {
    margin-bottom: 16px;
  }
}

.refund__dropdown-note {
  color: #808080;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__dropdown-note {
    margin-bottom: 16px;
  }
}

.refund__headline {
  margin-top: 40px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__headline {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

.refund__text {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__text {
    margin-bottom: 16px;
  }
}

.refund__text a {
  text-decoration: none;
  color: #0a4881;
}

.refund__note {
  color: #808080;
}

.refund__caption {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__caption {
    margin-bottom: 16px;
  }
}

.refund__list {
  padding-left: 20px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .refund__list {
    margin-bottom: 16px;
  }
}

.refund__item {
  margin-bottom: 5px;
}

.refund__item a {
  text-decoration: none;
  color: #0a4881;
}

.refund__area {
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .refund__area {
    display: block;
    padding: 16px;
  }
}

.refund__label {
  width: calc(50% - 8px);
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .refund__label {
    width: 100%;
  }
}

.refund__label_wide {
  width: 100%;
}

.refund__label-name {
  display: block;
  color: #808080;
  margin-bottom: 8px;
}

.refund__input {
  width: 100%;
}

datalist + .refund__input::-webkit-calendar-picker-indicator {
  width: 20px;
  height: 20px;
  padding: 0;
  background-size: cover;
  display: block !important;
  opacity: 1 !important;
  background-image: url(../img/ic_dropdown_arrow_bottom_black.svg) !important;
}

.refund__textarea {
  width: 100%;
  margin-bottom: 8px;
  height: 120px;
}

.refund__label-left {
  text-align: right;
  color: #B3B3B3;
}

.refund__file-title {
  margin-bottom: 8px;
}

.refund__file-input {
  display: none;
}

.refund__file-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.refund__file-icon {
  margin-right: 8px;
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url("../img/ic_input_file_plus.svg");
  background-size: cover;
}

.refund__file-icon_active {
  background-image: url("../img/ic_check_green.svg");
}

.refund__file-note {
  color: #B3B3B3;
}

.refund__file-note-default {
  display: none;
}

.refund__file-note_active {
  color: #333;
}

.refund__legend {
  margin-bottom: 16px;
  color: #808080;
}

.refund__submit {
  margin-bottom: 24px;
  max-width: 298px;
  width: 100%;
  padding: 18px 19px 19px;
}

@media only screen and (max-width: 1260px) {
  .refund__submit {
    max-width: 343px;
    width: 100%;
    margin-bottom: 16px;
  }
}

.refund__policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

.refund__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.refund__checkbox {
  display: none;
}

.refund__checkbox:checked + .refund__checkbox-view {
  background: url("../img/ic_checkbox_checked.svg");
}

.refund__checkbox-view {
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_checkbox_empty.svg");
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.refund__policy-text {
  max-width: 540px;
  width: 100%;
  color: #808080;
  line-height: 140%;
}

.refund__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .refund__sidebar {
    width: 100%;
    margin-top: 48px;
  }
}

.delivery {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .delivery {
    margin-bottom: 48px;
  }
}

.delivery__title {
  margin-bottom: 25px;
  margin-top: 9px;
}

@media only screen and (max-width: 1260px) {
  .delivery__title {
    margin-bottom: 40px;
    margin-top: 22px;
  }
}

.delivery__title a {
  color: #0a4881;
  text-decoration: none;
}

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

@media only screen and (max-width: 1260px) {
  .delivery__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.delivery__main {
  margin-right: 50px;
  width: 782px;
}

@media only screen and (max-width: 1260px) {
  .delivery__main {
    width: 100%;
  }
}

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

.delivery__item {
  margin-bottom: 40px;
}

.delivery__item:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.delivery__headline {
  margin-bottom: 12px;
}

.delivery__headline a {
  text-decoration: none;
  color: #0a4881;
}

.delivery__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .delivery__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1260px) {
  .delivery__line_wide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .delivery__line_wide .delivery__box {
    margin-right: 4px;
  }
  .delivery__line_wide .delivery__text {
    width: 100%;
  }
}

.delivery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4px;
  border-radius: 8px;
  background: #F2F2F2;
  padding: 8px 12px;
}

@media only screen and (max-width: 1260px) {
  .delivery__box {
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.delivery__icon {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.delivery__type-box {
  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;
  width: 70px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.08);
}

.delivery__type-box:not(:last-of-type) {
  margin-right: 4px;
}

.delivery__type-icon {
  width: 46px;
  height: 20px;
}

.delivery__text {
  margin-left: 8px;
  max-width: 286px;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .delivery__text {
    margin-left: 0;
    margin-top: 12px;
  }
}

.delivery__text_wide {
  margin-left: 0;
}

.delivery__pickup {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.delivery__map-title {
  margin-bottom: 12px;
}

.delivery__map .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.delivery__map .simplebar-track.simplebar-vertical {
  width: 7px;
}

.delivery__caption {
  border-top: 1px solid rgba(51, 51, 51, 0.08);
  padding-top: 40px;
  margin-top: 40px;
  margin-bottom: 12px;
}

.delivery__table {
  margin-top: 24px;
}

.delivery__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}

@media only screen and (max-width: 1260px) {
  .delivery__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 16px;
  }
}

.delivery__row:nth-child(odd) {
  background-color: #F5F3F1;
}

.delivery__td:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 1260px) {
  .delivery__td:first-of-type {
    width: 100%;
    margin-bottom: 32px;
  }
}

.delivery__td:not(:first-of-type) {
  max-width: 216px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .delivery__td:not(:first-of-type) {
    width: calc(50% - 8px);
  }
}

.delivery__td:not(:last-of-type) {
  margin-right: 16px;
}

.delivery__td-note {
  margin-top: 4px;
  color: #808080;
}

.delivery__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .delivery__sidebar {
    width: 100%;
  }
}

.delivery__sidebar-pay {
  margin-bottom: 24px;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .delivery__sidebar-pay {
    padding: 16px;
    margin-bottom: 16px;
  }
}

.delivery__sidebar-title {
  margin-bottom: 8px;
}

.delivery__sidebar-list {
  margin-bottom: 24px;
}

.delivery__sidebar-item {
  color: #808080;
}

.delivery__sidebar-item:not(:last-of-type) {
  margin-bottom: 14px;
}

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

.delivery__pay-item {
  margin-right: 4px;
}

.delivery__pay-image {
  border-radius: 4px;
  width: 56px;
  height: 26px;
}

.delivery__sidebar-bottom {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(51, 51, 51, 0.16);
}

.delivery__requisites-title {
  margin-bottom: 16px;
}

.delivery__sidebar-button {
  margin-bottom: 16px;
  padding: 10px 11px 11px;
  max-width: 274px;
  width: 100%;
  text-align: center;
}

.delivery__sidebar-note {
  margin-bottom: 24px;
  color: #B3B3B3;
}

.policy {
  margin-bottom: 56px;
}

.policy__title {
  margin-top: 9px;
  margin-bottom: 65px;
}

@media only screen and (max-width: 1260px) {
  .policy__title {
    margin-top: 15px;
    margin-bottom: 48px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .policy__wrap {
    display: block;
  }
}

.policy__main {
  width: 705px;
}

@media only screen and (max-width: 1260px) {
  .policy__main {
    width: 100%;
  }
}

.policy__main a {
  text-decoration: none;
  color: #0a4881;
}

.policy__box:not(:last-of-type) {
  margin-bottom: 56px;
}

.policy__headline {
  margin-bottom: 16px;
}

.policy__text:not(:last-of-type) {
  margin-bottom: 10px;
}

.policy__list {
  padding-left: 20px;
}

.policy__item {
  list-style: disc;
}

.policy__item:not(:last-of-type) {
  margin-bottom: 10px;
}

.policy__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .policy__sidebar {
    width: 100%;
    margin-top: 48px;
  }
}

.not-found {
  margin-bottom: 61px;
}

@media only screen and (max-width: 1260px) {
  .not-found {
    margin-bottom: 48px;
  }
}

.not-found__title {
  margin-bottom: 41px;
  margin-top: 9px;
}

@media only screen and (max-width: 1260px) {
  .not-found__title {
    margin-bottom: 32px;
    margin-top: 15px;
  }
}

.not-found__area {
  position: relative;
  z-index: 1;
  padding: 32px;
  border-radius: 8px;
  background: #F2F2F2;
  min-height: 624px;
}

@media only screen and (max-width: 1260px) {
  .not-found__area {
    padding: 16px;
    min-height: unset;
  }
}

.not-found__picture {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 141px;
  width: 942px;
}

@media only screen and (max-width: 1260px) {
  .not-found__picture {
    max-width: 311px;
    width: 100%;
    position: static;
    margin-bottom: 18px;
  }
}

.not-found__image {
  height: 624px;
}

@media only screen and (max-width: 1260px) {
  .not-found__image {
    height: auto;
  }
}

.not-found__headline {
  margin-bottom: 8px;
}

.not-found__text {
  margin-bottom: 32px;
  max-width: 560px;
  width: 100%;
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .not-found__text {
    margin-bottom: 24px;
  }
}

.not-found__button {
  padding: 18px 32px 19px;
}

@media only screen and (max-width: 1260px) {
  .not-found__button {
    max-width: 560px;
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .article-side {
    margin-top: 56px;
  }
}

@media only screen and (max-width: 1260px) {
  .article-side_post .article-side__tags {
    position: static;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px 34px;
    padding: 0;
  }
  .article-side_post .article-side__tags::before, .article-side_post .article-side__tags::after {
    content: none;
  }
}

.article-side__title {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .article-side__title_mob-hide {
    display: none;
  }
}

.article-side__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.article-side__social-button {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  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;
}

.article-side__social-icon {
  width: 24px;
  height: 24px;
}

.article-side__social-share {
  padding: 0 24px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article-side__social-share .article-side__social-icon {
  margin-right: 8px;
}

.article-side__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px 34px;
}

@media only screen and (max-width: 1260px) {
  .article-side__tags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 -16px;
    padding-bottom: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .article-side__tags::before, .article-side__tags::after {
    content: '';
    width: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.article-side__tag {
  margin: 0 3px 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
}

.article-side__input {
  display: none;
}

.article-side__input:checked ~ .article-side__view {
  background-color: #0a4881;
  color: #fff;
  padding-right: 30px;
  position: relative;
}

.article-side__input:checked ~ .article-side__view::before {
  content: '';
  position: absolute;
  top: 5px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../img/ic_close_white.svg");
  background-size: cover;
}

.article-side__view {
  border-radius: 999px;
  background-color: rgba(51, 51, 51, 0.08);
  padding: 2px 12px 4px;
  color: #808080;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.article-side__view:hover {
  background-color: rgba(51, 51, 51, 0.16);
}

.article-side__list {
  margin-bottom: 40px;
}

.article-side__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #333;
}

.article-side__item:not(:last-of-type) {
  margin-bottom: 16px;
}

.article-side__item:hover .article-side__item-name {
  color: #0a4881;
}

.article-side__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  height: 105px;
  border-radius: 4px;
  margin-right: 16px;
}

.article-side__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.article-side__item-views {
  margin-top: auto;
  color: #B3B3B3;
  padding-left: 24px;
  position: relative;
}

.article-side__item-views::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_view_grey.svg");
  background-size: cover;
}

.article-side__subscribe {
  border-radius: 8px;
  background: #F5F3F1;
  padding: 24px;
}

.article-side__subscribe_thanks {
  display: none;
}

.article-side__headline {
  margin-bottom: 8px;
}

.article-side__subscribe-note {
  margin-bottom: 16px;
  color: #808080;
}

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

.article-side__subscribe-input {
  margin-right: 8px;
  max-width: 280px;
  width: 100%;
}

.article-side__submit {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  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;
}

.article-side__submit-icon {
  width: 24px;
  height: 24px;
}

.articles {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .articles {
    margin-bottom: 48px;
  }
}

.articles__title {
  margin-top: 9px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1260px) {
  .articles__title {
    margin-top: 15px;
    margin-bottom: 23px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .articles__wrap {
    display: block;
    position: relative;
    padding-top: 55px;
  }
}

.articles__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .articles__main {
    width: 100%;
  }
}

.articles__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.articles__sort-item {
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.articles__sort-item:not(:last-of-type) {
  margin-right: 32px;
}

.articles__sort-item:hover {
  color: #333;
}

.articles__sort-radio {
  display: none;
}

.articles__sort-radio:checked ~ .articles__sort-icon {
  display: block;
}

.articles__sort-radio.desc ~ .articles__sort-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.articles__sort-radio:checked ~ .articles__sort-name {
  color: #333;
}

.articles__sort-icon {
  display: none;
  margin-top: 1px;
  width: 20px;
  height: 20px;
}

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

@media only screen and (max-width: 1260px) {
  .articles__tile {
    margin: 0 -8px;
  }
}

.articles__item {
  position: relative;
  margin-bottom: 40px;
  width: 340px;
  height: 456px;
  text-decoration: none;
  color: #333;
}

@media only screen and (max-width: 1260px) {
  .articles__item {
    height: auto;
    max-width: 343px;
    width: 100%;
    margin: 0 8px 48px;
  }
}

@media only screen and (min-width: 1261px) {
  .articles__item:hover .articles__button {
    opacity: 1;
    pointer-events: all;
  }
  .articles__item:hover .articles__image {
    height: 242px;
  }
}

.articles__item_wide {
  width: 100%;
  height: 540px;
}

@media only screen and (max-width: 1260px) {
  .articles__item_wide {
    height: auto;
  }
}

@media only screen and (max-width: 1260px) {
  .articles__item_wide .articles__name {
    font-size: 18px;
    letter-spacing: -0.18px;
  }
}

.articles__item_wide .articles__image {
  height: 396px;
}

@media only screen and (max-width: 1260px) {
  .articles__item_wide .articles__image {
    height: 180px;
  }
}

@media only screen and (max-width: 1260px) {
  .articles__item_wide .articles__box {
    border-radius: 8px 8px 0 0;
  }
}

@media only screen and (min-width: 1261px) {
  .articles__item_wide:hover .articles__image {
    height: 342px;
  }
}

.articles__box {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.articles__image {
  height: 296px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: height;
  transition-property: height;
}

@media only screen and (max-width: 1260px) {
  .articles__image {
    height: 180px;
  }
}

.articles__tag {
  padding: 0 4px 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  display: inline-block;
}

.articles__tag::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: -4px;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
  background-color: #0a4881;
}

.articles__line {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.articles__date {
  position: relative;
  color: #B3B3B3;
  margin-right: 20px;
}

.articles__date::before {
  content: '∙';
  position: absolute;
  top: 0;
  right: -12px;
  width: 4px;
  height: 16px;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: -0.13px;
  color: #B3B3B3;
  text-align: center;
}

.articles__time {
  position: relative;
  color: #B3B3B3;
  padding-left: 20px;
}

.articles__time::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -1px;
  left: 0;
  background-image: url("../img/ic_time_grey.svg");
}

.articles__name {
  font-family: EuclidCircularA, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.articles__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 16px;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 32px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color;
  transition-property: opacity, background-color;
}

.articles__button::after {
  content: '';
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 4px;
  background-image: url("../img/cyclopedia/ic_arrow_right_white_read.svg");
}

.articles__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .articles__sidebar {
    width: 100%;
  }
}

.article {
  margin-bottom: 56px;
}

.article__title {
  margin-top: 9px;
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .article__title {
    margin-top: 15px;
    margin-bottom: 31px;
  }
}

.article__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  padding-bottom: 16px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .article__top {
    display: block;
  }
}

.article__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .article__author {
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__author-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
}

.article__author-name span {
  color: #B3B3B3;
}

.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .article__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.article__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .article__info-item {
    margin-bottom: 8px;
  }
}

.article__info-item:not(:last-of-type) {
  margin-right: 32px;
}

.article__info-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.article__info-note {
  color: #B3B3B3;
}

.article__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1260px) {
  .article__tags {
    margin-bottom: 0;
  }
}

.article__tag {
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: 999px;
  background: rgba(51, 51, 51, 0.08);
  padding: 4px 12px;
  color: #808080;
}

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

@media only screen and (max-width: 1260px) {
  .article__wrap {
    display: block;
  }
}

.article__main {
  width: 704px;
}

@media only screen and (max-width: 1260px) {
  .article__main {
    width: 100%;
  }
}

.article__main table {
  width: 100%;
}

.article__main nav {
  margin-bottom: 56px;
}

.article__main nav li a {
  text-decoration: none !important;
}

.article__main nav li:not(:last-of-type) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .article__main nav {
    margin-bottom: 40px;
  }
}

.article__main ul {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1260px) {
  .article__main ul {
    margin-bottom: 24px;
  }
}

.article__main ol {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1260px) {
  .article__main ol {
    margin-bottom: 24px;
  }
}

.article__link, .article__main a {
  color: #0a4881;
  text-decoration: none;
}

.article__headline, .article__main h2 {
  margin-top: 56px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .article__headline, .article__main h2 {
    margin-top: 40px;
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}

.article__nav-item:not(:last-of-type) {
  margin-bottom: 16px;
}

.article__nav-link, .article__main nav li a {
  color: #0a4881;
  text-decoration: none;
}

.article__photo {
  margin-bottom: 24px;
  max-width: 704px;
  width: 100%;
}

.article__photo-line {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .article__photo-line {
    display: block;
  }
}

.article__photo-left {
  max-width: 480px;
  width: 100%;
}

.article__photo-right {
  color: #B3B3B3;
}

@media only screen and (max-width: 1260px) {
  .article__photo-right {
    margin-top: 4px;
  }
}

.article__caption, .article__main h3:not(.article__headline) {
  margin-top: 24px;
  margin-bottom: 16px;
}

.article__text, .article__main p:not(.article__text-main) {
  margin-bottom: 16px;
}

.article__advice {
  margin-top: 56px;
  margin-bottom: 56px;
  background-color: #ECE5DF;
  padding: 32px;
}

@media only screen and (max-width: 1260px) {
  .article__advice {
    padding: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: -16px;
    margin-right: -16px;
  }
}

ul.article__list, .article__main ul {
  padding-left: 20px;
}

ul.article__list li, .article__main ul li {
  list-style: disc;
}

ol.article__list, .article__main ol {
  padding-left: 20px;
}

ol.article__list li, .article__main ol li {
  list-style: decimal;
}

.article__item {
  margin-bottom: 16px;
}

.article__text-highlight, .article__main p:not(.article__text-main) span.highlight {
  position: relative;
  display: inline-block;
}

.article__text-highlight::before, .article__main p:not(.article__text-main) span.highlight::before {
  content: '';
  background-color: #ECE5DF;
  position: absolute;
  z-index: -1;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  display: block;
}

.article__product {
  max-width: 704px;
  width: 100%;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .article__product {
    margin-bottom: 40px;
  }
}

.article__product-line {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .article__product-line {
    display: block;
  }
}

.article__product-left {
  max-width: 480px;
  width: 100%;
}

.article__product-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 159px;
  width: 100%;
  padding: 8px 32px;
  color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color;
  transition-property: opacity, background-color;
}

@media only screen and (max-width: 1260px) {
  .article__product-button {
    margin-top: 16px;
  }
}

.article__product-button::after {
  content: '';
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 4px;
  background-image: url("../img/cyclopedia/ic_arrow_right_white_read.svg");
}

.article__area {
  margin-top: 56px;
  border-top: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .article__area {
    margin-top: 40px;
  }
}

.article__slider-area {
  position: relative;
  max-width: 704px;
  width: 100%;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .article__slider-area {
    margin-bottom: 40px;
  }
}

.article__slider-area_single .article__slider {
  padding-bottom: 24px;
}

.article__slider-area_single .article__slide {
  width: 100%;
}

.article__slider-area_single .article__slider-btn {
  top: 207px;
}

.article__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: unset !important;
  bottom: 10px !important;
  right: 0 !important;
  width: unset !important;
  height: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -4px;
}

.article__pagination .swiper-pagination-bullet {
  border-radius: 2px;
  width: 100%;
  height: 2px;
  background-color: rgba(51, 51, 51, 0.08);
  opacity: 1;
}

.article__pagination .swiper-pagination-bullet-active {
  background-color: #0a4881;
}

.article__slider-note {
  max-width: 480px;
  width: 100%;
}

.article__slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 33px;
}

.article__slider-btn {
  position: absolute;
  z-index: 5;
  top: 71px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

@media only screen and (max-width: 1260px) {
  .article__slider-btn {
    display: none;
  }
}

.article__slider-btn:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.article__slider-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.article__slider-btn_left {
  left: -16px;
}

.article__slider-btn_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.article__slider-btn_right {
  right: -16px;
}

@media only screen and (max-width: 1260px) {
  .article__wrapper {
    padding: 0;
  }
}

.article__slide {
  width: 288px;
  margin-right: 24px;
  height: auto;
}

.article__more {
  margin-bottom: 24px;
  margin-top: 24px;
}

.article__more-note {
  color: #B3B3B3;
}

.article__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 24px;
}

@media only screen and (max-width: 1260px) {
  .article__bottom {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__bottom-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .article__bottom-tags {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.article__bottom-tags .article__tags {
  margin-bottom: 0;
}

.article__bottom-tags-note {
  margin-right: 6px;
  margin-bottom: 6px;
}

@media only screen and (max-width: 1260px) {
  .article__bottom-tags-note {
    margin-top: 3px;
  }
}

.article__reacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
}

@media only screen and (max-width: 1260px) {
  .article__reacts {
    margin-top: 4px;
  }
}

.article__react {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article__react_like {
  margin-right: 16px;
}

.article__react_like:hover path {
  fill: #7BBF3F;
}

.article__react_dislike:hover path {
  fill: #DD2323;
}

.article__react-icon {
  width: 20px;
  height: 20px;
}

.article__react-icon path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.article__react-value {
  color: #808080;
  margin-left: 4px;
}

.article__sidebar {
  width: 392px;
}

@media only screen and (max-width: 1260px) {
  .article__sidebar {
    width: 100%;
  }
}

.about {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .about {
    margin-bottom: 48px;
  }
}

.about__title {
  margin-bottom: 18px;
}

.about__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 8px;
  overflow: hidden;
  padding: 56px;
  background-image: url("../img/about/about_bg.svg");
  background-size: cover;
}

@media only screen and (max-width: 1260px) {
  .about__area {
    padding: 24px;
    display: block;
  }
}

.about__video-box {
  position: relative;
  display: block;
  width: 500px;
}

@media only screen and (max-width: 1260px) {
  .about__video-box {
    margin-bottom: 24px;
    width: 100%;
    max-width: 295px;
  }
}

.about__video-button {
  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;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
}

.about__video-button::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_play_white.svg");
}

.about__video-placeholder {
  height: 500px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1260px) {
  .about__video-placeholder {
    height: 295px;
  }
}

.about__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 550px;
  min-height: 500px;
}

@media only screen and (max-width: 1260px) {
  .about__box {
    width: 100%;
    min-height: unset;
  }
}

.about__headline {
  margin-bottom: 16px;
}

.about__text {
  margin-bottom: 82px;
}

.about__list {
  position: relative;
  margin-top: auto;
}

.about__emblem {
  position: absolute;
  right: 15px;
  top: -40px;
  width: 72px;
  height: 72px;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

@media only screen and (max-width: 1260px) {
  .about__emblem {
    top: -55px;
  }
}

.about__item {
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
}

@media only screen and (max-width: 1260px) {
  .about__item {
    padding: 16px;
  }
}

.about__item:not(:last-of-type) {
  margin-bottom: 16px;
}

.history-tile {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .history-tile {
    margin-bottom: 48px;
  }
}

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

.history-tile__title {
  margin-bottom: 24px;
}

.history-tile__all {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  padding-right: 22px;
  color: #0a4881;
  text-decoration: none;
}

.history-tile__all::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.history-tile__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
}

@media only screen and (max-width: 1260px) {
  .history-tile__area {
    display: block;
    margin: 0;
  }
}

.history-tile__item {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  background: #F5F3F1;
  margin: 0 12px 24px;
  text-decoration: none;
  color: #333;
}

@media only screen and (max-width: 1260px) {
  .history-tile__item {
    margin: 0 0 16px;
    padding: 16px;
  }
}

a.history-tile__item {
  display: block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

@media only screen and (max-width: 1260px) {
  a.history-tile__item {
    padding-top: 23px;
  }
}

a.history-tile__item:hover {
  background-color: #ECE5DF;
}

.history-tile__item_middle {
  width: calc(25% - 24px);
}

@media only screen and (max-width: 1260px) {
  .history-tile__item_middle {
    width: 100%;
  }
}

.history-tile__item_text {
  background-color: transparent;
  width: calc(50% - 24px);
}

@media only screen and (max-width: 1260px) {
  .history-tile__item_text {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 0;
  }
}

.history-tile__item_small {
  width: calc(20% - 24px);
}

@media only screen and (max-width: 1260px) {
  .history-tile__item_small {
    width: 100%;
  }
}

.history-tile__year {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .history-tile__year {
    margin-bottom: 16px;
  }
}

.history-tile__icons {
  position: absolute;
  top: 16px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .history-tile__icons {
    top: 10px;
    right: unset;
    left: 80px;
  }
}

.vacancies {
  margin-bottom: 56px;
}

.vacancies__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__title {
    margin-bottom: 16px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .vacancies__wrap {
    display: block;
    padding-bottom: 300px;
    position: relative;
  }
}

.vacancies__sidebar {
  position: sticky;
  top: 20px;
  width: 495px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__sidebar {
    position: static;
    width: 100%;
  }
}

.vacancies__sidebar-text {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__sidebar-text {
    margin-bottom: 40px;
  }
}

.vacancies__sidebar-box {
  padding: 40px;
  border-radius: 8px;
  background: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .vacancies__sidebar-box {
    padding: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.vacancies__sidebar-headline {
  margin-bottom: 16px;
}

.vacancies__sidebar-email {
  display: inline-block;
  margin-bottom: 56px;
  color: #0a4881;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .vacancies__sidebar-email {
    margin-bottom: 40px;
  }
}

.vacancies__sidebar-download {
  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;
  margin-bottom: 12px;
  max-width: 336px;
  width: 100%;
  padding: 16px;
}

.vacancies__sidebar-download::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/ic_download_white.svg");
  background-size: cover;
}

.vacancies__sidebar-note {
  color: #808080;
  line-height: 140%;
}

.vacancies__main {
  width: 600px;
  margin-top: -24px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__main {
    width: 100%;
    margin: 0;
  }
}

.vacancies__item {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.vacancies__item:not(:last-of-type) {
  margin-bottom: 7px;
}

.vacancies__top {
  position: relative;
  cursor: pointer;
  padding: 24px 30px 24px 0;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .vacancies__top {
    padding: 16px 30px 16px 0;
  }
}

.vacancies__top:hover {
  color: #0a4881;
}

.vacancies__top::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 28px;
  right: 0;
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
  background-size: cover;
}

@media only screen and (max-width: 1260px) {
  .vacancies__top::before {
    top: 18px;
  }
}

.vacancies__top_active + .vacancies__content {
  display: block;
}

.vacancies__content {
  display: none;
}

.vacancies__content p, .vacancies__content li {
  font-size: 16px;
  line-height: 160%;
}

.vacancies__content p {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__content p {
    margin-bottom: 16px;
  }
}

.vacancies__content ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__content ul {
    margin-bottom: 16px;
  }
}

.vacancies__content li:not(:last-of-type) {
  margin-bottom: 5px;
}

.vacancies__line {
  margin-bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .vacancies__line {
    margin-bottom: 16px;
  }
}

.vacancies__price {
  color: #0a4881;
}

.vacancies__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .vacancies__link-span {
    display: none;
  }
}

.vacancies__icon {
  margin-left: 17px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

@media only screen and (max-width: 1260px) {
  .vacancies__icon {
    margin-left: 0;
  }
}

.certificates {
  margin-bottom: 62px;
}

.certificates._hidden {
  display: none;
}

.certificates__wrap {
  position: relative;
}

.certificates__area {
  border-radius: 8px;
  padding: 56px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ECE5DF;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .certificates__area {
    display: block;
    padding: 48px 32px;
    margin: 0 -16px;
    border-radius: 0;
  }
}

.certificates__emblem {
  position: absolute;
  left: 20px;
  bottom: -40px;
  width: 122px;
  height: 122px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

@media only screen and (max-width: 1260px) {
  .certificates__emblem {
    width: 73px;
    height: 73px;
    bottom: -30px;
    left: 25px;
  }
}

.certificates__box {
  width: 360px;
  margin-right: 44px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .certificates__box {
    width: 100%;
    margin-right: 0;
  }
}

.certificates__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .certificates__title {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1260px) {
  .certificates__text {
    margin-bottom: 24px;
  }
}

.certificates__inner {
  overflow: hidden;
  margin-right: -32px;
  padding-right: 32px;
}

@media only screen and (max-width: 1260px) {
  .certificates__inner {
    overflow: visible;
    margin: 0;
    padding: 0;
  }
}

.certificates__slider {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  padding-bottom: 32px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .certificates__slider {
    padding-bottom: 24px;
    overflow: visible;
  }
}

.certificates__image {
  border-radius: 8px;
  width: 171px;
  height: 242px;
}

.certificates__image:not(:last-of-type) {
  margin-right: 16px;
}

@media only screen and (max-width: 1260px) {
  .partners {
    overflow-x: hidden;
  }
}

.partners__title {
  margin-top: 1px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .partners__title {
    margin-top: 8px;
  }
}

.partners__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 31px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .partners__tabs {
    overflow-x: auto;
    margin: 0 -16px 23px;
  }
  .partners__tabs::after, .partners__tabs::before {
    content: '';
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.partners__tab {
  padding-bottom: 6px;
  color: #808080;
  border-bottom: 2px solid transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.partners__tab:not(:last-of-type) {
  margin-right: 80px;
}

.partners__tab:hover {
  color: #0a4881;
}

.partners__tab_active {
  color: #0a4881;
  border-bottom: 2px solid #0a4881;
}

.partners__item {
  display: none;
}

.partners__item_active {
  display: block;
}

.cooperation {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .cooperation {
    margin-bottom: 48px;
  }
}

.cooperation._hidden {
  display: none;
}

.cooperation__form {
  max-width: 808px;
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
  background: #F5F3F1;
  padding: 56px 24px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__form {
    padding: 24px 16px;
  }
}

.cooperation__title {
  margin-bottom: 13px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__title {
    margin-bottom: 16px;
  }
}

.cooperation__text {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__text {
    margin-bottom: 16px;
  }
}

.cooperation__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__area {
    margin: 0;
    display: block;
  }
}

.cooperation__label {
  margin: 0 4px 24px;
  width: calc(50% - 8px);
}

@media only screen and (max-width: 1260px) {
  .cooperation__label {
    margin: 0 0 16px;
    width: 100%;
  }
}

.cooperation__label_wide {
  width: calc(100% - 8px);
}

@media only screen and (max-width: 1260px) {
  .cooperation__label_wide {
    width: 100%;
  }
}

.cooperation__note {
  display: block;
  margin-bottom: 8px;
  color: #808080;
}

.cooperation__input {
  width: 100%;
}

.cooperation__box {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__box {
    margin-bottom: 16px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .cooperation__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.cooperation__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 12px 4px 0;
}

.cooperation__checkbox:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__checkbox:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.cooperation__checkbox-name {
  margin-left: 8px;
}

.cooperation__bottom {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .cooperation__bottom {
    display: block;
  }
}

.cooperation__submit {
  margin-right: 24px;
  padding: 18px 44px 19px;
}

@media only screen and (max-width: 1260px) {
  .cooperation__submit {
    padding: 16px;
    max-width: 400px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1260px) {
  .cooperation__bottom-note {
    max-width: 200px;
    width: 100%;
  }
}

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

.cooperation__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cooperation__policy-text {
  color: #808080;
  line-height: 140%;
}

.modal-cooperation {
  display: none;
  background-color: #fff;
}

.modal-cooperation .input {
  background-color: #F2F2F2;
}

.advantages {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .advantages {
    margin-bottom: 48px;
  }
}

.advantages__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .advantages__area {
    margin-bottom: 48px;
    display: block;
  }
}

.advantages__box {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  min-height: 273px;
  padding: 24px 16px;
  width: calc(50% - 12px);
}

@media only screen and (max-width: 1260px) {
  .advantages__box {
    width: 100%;
    min-height: 420px;
  }
}

@media only screen and (max-width: 1260px) {
  .advantages__box:first-child {
    margin-bottom: 16px;
  }
}

.advantages__box:first-child .advantages__headline {
  max-width: 305px;
}

.advantages__box:first-child .advantages__box-text {
  max-width: 305px;
}

.advantages__box:last-child .advantages__headline {
  max-width: 216px;
}

.advantages__box:last-child .advantages__box-text {
  max-width: 320px;
}

.advantages__picture {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advantages__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.advantages__headline {
  margin-bottom: 32px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .advantages__headline {
    margin-bottom: 8px;
  }
}

.advantages__box-text {
  margin-bottom: 32px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .advantages__box-text {
    margin-bottom: 16px;
  }
}

.advantages__link {
  color: #0a4881;
}

.advantages__link::before {
  content: '';
  height: 2px;
  background-color: #0a4881;
}

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

@media only screen and (max-width: 1260px) {
  .advantages__wrap {
    display: block;
  }
}

.advantages__slider {
  margin-bottom: -24px;
}

@media only screen and (max-width: 1260px) {
  .advantages__slider {
    margin-bottom: 48px;
    position: relative;
    padding-bottom: 24px;
  }
}

.advantages__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1260px) {
  .advantages__wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.advantages__slide {
  padding: 24px 16px;
  margin-right: 24px;
  margin-bottom: 24px;
  height: auto;
  width: calc(50% - 24px);
}

@media only screen and (max-width: 1260px) {
  .advantages__slide {
    width: 327px;
    border-radius: 8px;
    background: #F5F3F1;
    margin-right: 16px;
    margin-bottom: 0;
  }
  .advantages__slide:last-of-type {
    margin-right: 0;
  }
}

.advantages__slide:not(:nth-child(2)) .advantages__slide-headline {
  max-width: 240px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .advantages__slide:not(:nth-child(2)) .advantages__slide-headline {
    max-width: 100%;
  }
}

.advantages__slide-headline {
  margin-bottom: 16px;
}

.advantages__scrollbar {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .advantages__scrollbar {
    display: block;
  }
}

.advantages__info {
  padding: 24px 47px 36px;
  width: 392px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  background: #CEDAE6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 1260px) {
  .advantages__info {
    width: 100%;
    padding: 32px 22px;
  }
}

.advantages__info-box {
  margin-bottom: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.advantages__info-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advantages__info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 289px;
  height: 289px;
}

.advantages__info-percent {
  margin-bottom: 8px;
  color: #0a4881;
  font-family: CloserText, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
}

.advantages__info-note {
  text-align: center;
  max-width: 185px;
  margin: 0 auto;
}

.advantages__time {
  margin-bottom: 8px;
  color: #0a4881;
  text-align: center;
  font-family: CloserText, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.32px;
}

.advantages__note {
  text-align: center;
}

.dealers {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .dealers {
    margin-bottom: 48px;
  }
}

.dealers__headline {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .dealers__headline {
    margin-bottom: 16px;
  }
}

.dealers__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .dealers__list {
    margin-bottom: 48px;
  }
}

.dealers__item {
  padding: 23px 16px;
  border-radius: 8px;
  background: #F5F3F1;
  width: 392px;
  text-decoration: none;
  color: #333;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1260px) {
  .dealers__item {
    width: 100%;
  }
  .dealers__item:not(:last-of-type) {
    margin-bottom: 16px;
  }
}

.dealers__item_text {
  margin-top: 24px;
  padding: 0;
  width: 808px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background: transparent;
}

@media only screen and (max-width: 1260px) {
  .dealers__item_text {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
  }
}

.dealers__image {
  height: 69px;
}

.dealers__name {
  margin-top: 12px;
}

.dealers__text {
  color: #000;
}

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

.dealers__link {
  color: #0a4881;
}

.dealers__link::before {
  background-color: #0a4881;
  height: 2px;
}

.dealers__link:not(:last-of-type) {
  margin-bottom: 16px;
}

.hotels {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .hotels {
    margin-bottom: 48px;
  }
}

.hotels__area {
  margin-bottom: 56px;
  border-radius: 8px;
  padding: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url("../img/hotels/hotels-area-bg.svg");
  background-size: cover;
}

@media only screen and (max-width: 1260px) {
  .hotels__area {
    margin-bottom: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding: 24px;
    background-image: url("../img/hotels/hotels-area-bg_mob.svg");
  }
}

.hotels__left {
  width: 550px;
}

@media only screen and (max-width: 1260px) {
  .hotels__left {
    width: 100%;
  }
}

.hotels__title {
  margin-bottom: 16px;
}

.hotels__text {
  margin-bottom: 104px;
}

@media only screen and (max-width: 1260px) {
  .hotels__text {
    margin-bottom: 16px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .hotels__bottom {
    display: block;
  }
}

.hotels__box {
  margin-right: 40px;
  border-radius: 8px;
  background-color: #fff;
  padding: 24px;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 1260px) {
  .hotels__box {
    margin-right: 0;
    min-height: 158px;
  }
}

.hotels__number {
  font-family: CloserText, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.48px;
}

@media only screen and (max-width: 1260px) {
  .hotels__number {
    font-size: 36px;
    letter-spacing: -0.36px;
  }
}

.hotels__box-text {
  margin-top: auto;
}

@media only screen and (max-width: 1260px) {
  .hotels__box-text {
    margin-top: 21px;
  }
}

.hotels__list {
  padding: 25px 0;
}

@media only screen and (max-width: 1260px) {
  .hotels__list {
    padding: 24px 0 0;
  }
}

.hotels__item:first-child {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1260px) {
  .hotels__item:first-child {
    margin-bottom: 24px;
  }
}

.hotels__right {
  width: 500px;
}

@media only screen and (max-width: 1260px) {
  .hotels__right {
    width: 100%;
    max-width: 295px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 24px;
  }
}

.hotels__image {
  height: 500px;
  border-radius: 8px;
}

@media only screen and (max-width: 1260px) {
  .hotels__image {
    height: auto;
  }
}

.hotels__headline {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .hotels__headline {
    margin-bottom: 16px;
  }
}

.hotels__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .hotels__slider {
    margin-bottom: 32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.hotels__slide {
  width: calc(25% - 12px);
}

@media only screen and (max-width: 1260px) {
  .hotels__slide {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}

.hotels__slide-picture {
  margin-bottom: 16px;
}

.hotels__slide-image {
  border-radius: 8px;
}

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

@media only screen and (max-width: 1260px) {
  .hotels__logos {
    overflow-x: auto;
    margin: 0 -16px;
  }
  .hotels__logos::before, .hotels__logos::after {
    content: '';
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.hotels__logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 244px;
}

.hotels__logo:not(:last-of-type) {
  border-right: 1px solid rgba(51, 51, 51, 0.08);
}

.agency {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1260px) {
  .agency {
    margin-bottom: 48px;
  }
}

.agency__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -3px 24px;
}

.agency__tab {
  margin: 0 3px 6px;
  padding: 2px 12px 4px;
  border-radius: 999px;
  background: rgba(51, 51, 51, 0.08);
  color: #808080;
  cursor: pointer;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.agency__tab:hover {
  background-color: rgba(51, 51, 51, 0.16);
}

.agency__tab_active {
  background-color: #0a4881;
  color: #fff;
  padding-right: 30px;
  position: relative;
}

.agency__tab_active::before {
  content: '';
  position: absolute;
  top: 5px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../img/ic_close_white.svg");
  background-size: cover;
}

.agency__tab_active:hover {
  background-color: #0a4881;
}

.agency__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -12px -24px;
}

@media only screen and (max-width: 1260px) {
  .agency__list {
    margin: 0 0 16px;
  }
}

.agency__item {
  width: calc(50% - 24px);
  margin: 0 12px 24px;
  padding: 32px 24px;
  border-radius: 8px;
  background: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .agency__item {
    margin: 0 0 16px;
    padding: 16px;
    width: 100%;
  }
}

.agency__item_hide {
  display: none;
}

.agency__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .agency__top {
    margin-bottom: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.agency__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 21px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.agency__icon {
  width: 60px;
}

@media only screen and (max-width: 1260px) {
  .agency__icon {
    width: 48px;
  }
}

.agency__icon:not(:first-of-type) {
  margin-left: -24px;
}

.agency__name {
  margin-bottom: 24px;
  color: #808080;
}

.agency__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .agency__line {
    margin-bottom: 12px;
    display: block;
  }
}

.agency__email {
  color: #0a4881;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .agency__email {
    margin-top: 12px;
    display: inline-block;
  }
}

.agency__time {
  color: #808080;
}

@media only screen and (max-width: 1260px) {
  .agency__time {
    margin-top: 12px;
  }
}

.franchise__title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .franchise__title {
    margin-bottom: 24px;
  }
}

.franchise-request {
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 62px;
  padding: 56px;
  border-radius: 8px;
  background-image: url(../img/history/history-bg.svg);
  background-size: cover;
}

.franchise-request__title {
  margin-bottom: 16px;
}

.franchise-request__info {
  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;
}

.franchise-request__text {
  font-size: 20px;
  line-height: 160%;
}

.franchise-request__text-block {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 1260px) {
  .franchise-request__text-block {
    margin-bottom: 80px;
  }
}

.franchise-request__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.franchise-request__img-wrap {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 8px;
}

@media only screen and (max-width: 1260px) {
  .franchise-request__img-wrap {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.franchise-request__btn {
  padding: 16px;
  width: 100%;
  max-width: 223px;
}

@media only screen and (max-width: 1260px) {
  .franchise-request__btn {
    max-width: none;
  }
}

.franchise-request__list > :not(:last-child) {
  margin-bottom: 16px;
}

.franchise-request__item {
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.18px;
}

@media only screen and (max-width: 1260px) {
  .franchise-request__item {
    padding: 16px;
  }
}

@media only screen and (max-width: 1260px) {
  .franchise-request {
    background-image: url(../img/history/history-bg_mob.svg);
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
  }
}

.franchise-advantage {
  padding: 58px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.franchise-advantage__slider {
  position: relative;
}

.franchise-advantage__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}

.franchise-advantage__item {
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 225px;
  gap: 17px;
  border-radius: 8px;
  background-color: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__item {
    padding: 24px 16px 35px;
    grid-template-columns: 1fr;
    gap: 42px;
    width: 100%;
    max-width: 327px;
    height: auto;
  }
}

.franchise-advantage__headline {
  font-family: CloserText, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.32px;
  max-width: 216px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__headline {
    min-width: none;
    font-size: 22px;
    letter-spacing: -0.22px;
    margin-bottom: 16px;
  }
}

.franchise-advantage__text {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.2px;
}

.franchise-advantage__text-selected {
  color: #0063BD;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__text {
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
  }
}

.franchise-advantage__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.franchise-advantage__img-wrapp {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__img-wrapp {
    width: 225px;
    padding-bottom: 225px;
    justify-self: center;
    -ms-flex-item-align: end;
    align-self: end;
  }
}

.franchise-advantage__scrollbar.swiper-scrollbar {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage__scrollbar.swiper-scrollbar {
    display: block;
    background: rgba(51, 51, 51, 0.08);
    height: 2px;
    bottom: -26px;
    left: 0;
    right: 0;
  }
}

.franchise-advantage__scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background: #0a4881;
}

@media only screen and (max-width: 1260px) {
  .franchise-advantage {
    padding: 48px 0 74px;
  }
}

.franchise-offer {
  padding: 49px 0 48px 24px;
  display: grid;
  grid-template-columns: 1fr 393px;
  gap: 50px;
  border-radius: 8px;
  background-color: #CEDAE6;
}

.franchise-offer__title {
  font-family: CloserText, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.32px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .franchise-offer__title {
    font-size: 22px;
    letter-spacing: -0.22px;
    margin-bottom: 16px;
  }
}

.franchise-offer__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 24px;
}

.franchise-offer__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

@media only screen and (max-width: 1260px) {
  .franchise-offer__form {
    grid-template-columns: 1fr;
  }
}

.franchise-offer__label-name {
  display: block;
  margin-bottom: 8px;
  color: #808080;
}

.franchise-offer__input {
  width: 100%;
}

.franchise-offer__submit {
  padding: 16px;
  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;
  min-height: 57px;
}

.franchise-offer__logo {
  position: relative;
  left: 40px;
}

@media only screen and (max-width: 1260px) {
  .franchise-offer__logo {
    display: none;
  }
}

.franchise-offer__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 12px 4px 0;
}

.franchise-offer__checkbox:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .franchise-offer__checkbox:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.franchise-offer__checkbox-box {
  width: 20px;
  margin-right: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.franchise-offer__policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: span 2;
  max-width: 560px;
}

.franchise-offer__policy-text {
  color: #808080;
  line-height: 140%;
}

@media only screen and (max-width: 1260px) {
  .franchise-offer__policy {
    grid-column: auto;
  }
}

@media only screen and (max-width: 1260px) {
  .franchise-offer {
    grid-template-columns: 1fr;
    padding: 24px 16px;
  }
}

.franchise-equipment {
  padding: 56px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  min-height: 475px;
}

.franchise-equipment__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.franchise-equipment__img-wrapp {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}

@media only screen and (max-width: 1260px) {
  .franchise-equipment__img-wrapp {
    padding-bottom: calc(208 / 343 * 100%);
  }
}

.franchise-equipment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.franchise-equipment__title {
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .franchise-equipment__title {
    font-size: 19px;
    letter-spacing: -0.19px;
  }
}

.franchise-equipment__text {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .franchise-equipment__text {
    margin-bottom: 48px;
  }
}

.franchise-equipment__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.franchise-equipment__item {
  padding: 4px 12px;
  font-size: 18px;
  line-height: 160%;
  border-radius: 999px;
  background-color: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .franchise-equipment__item {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1260px) {
  .franchise-equipment {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 48px 0;
  }
}

.franchise-cases {
  padding: 56px 0;
}

.franchise-cases__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__list {
    grid-template-columns: 1fr;
    gsp: 16px;
  }
}

.franchise-cases__item {
  border-radius: 8px;
  padding: 24px;
  min-height: 295px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.franchise-cases__item:nth-child(odd) {
  background-color: #ECE5DF;
}

.franchise-cases__item:nth-child(even) {
  background-color: #CEDAE6;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__item {
    padding: 24px 16px;
    min-height: 290px;
  }
}

.franchise-cases__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.franchise-cases__title {
  font-family: CloserText, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.32px;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__title {
    font-size: 22px;
    letter-spacing: -0.22px;
    margin-bottom: 16px;
  }
}

.franchise-cases__investment {
  padding: 4px 12px;
  border-radius: 999px;
  background-color: #fff;
  font-size: 16px;
  line-height: 160%;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__investment {
    font-size: 14px;
  }
}

.franchise-cases__details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.franchise-cases__details > :not(:last-child) {
  margin-bottom: 16px;
}

.franchise-cases__details-item {
  font-size: 18px;
  line-height: 120%;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__details > :not(:last-child) {
    margin-bottom: 8px;
  }
  .franchise-cases__details-item {
    font-size: 16px;
    line-height: normal;
  }
}

.franchise-cases__bottom {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases__bottom {
    padding-top: 40px;
  }
}

.franchise-cases__link {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: #0A4881;
}

.franchise-cases__link::before {
  height: 1.5px;
  background-color: #0A4881;
}

@media only screen and (max-width: 1260px) {
  .franchise-cases {
    padding: 48px 0;
  }
}

.franchise-team {
  padding-bottom: 56px;
  overflow: hidden;
}

.franchise-team__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .franchise-team__title {
    margin-bottom: 16px;
  }
}

.franchise-team__text {
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 24px;
}

.franchise-team__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media only screen and (max-width: 1260px) {
  .franchise-team__list {
    grid-template-columns: 1fr;
  }
}

.franchise-team__item {
  min-height: 392px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 1260px) {
  .franchise-team__item {
    min-height: auto;
  }
}

.franchise-team__img {
  width: 230px;
  height: 230px;
}

.franchise-team__img-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 1260px) {
  .franchise-team__img {
    width: 192px;
    height: 192px;
  }
  .franchise-team__img-wrapp {
    margin-bottom: 8px;
  }
}

.franchise-team__name {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.18px;
  margin-bottom: 8px;
}

.franchise-team__post {
  font-size: 14px;
  line-height: 160%;
  color: #808080;
  max-width: 95%;
}

@media only screen and (max-width: 1260px) {
  .franchise-team__post {
    margin-bottom: 16px;
  }
}

.franchise-team__functions {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.franchise-team__functions-item {
  padding: 4px 12px;
  border-radius: 999px;
  background-color: #F5F3F1;
  font-size: 14px;
  line-height: 160%;
  white-space: nowrap;
}

@media only screen and (max-width: 1260px) {
  .franchise-team {
    padding-bottom: 48px;
  }
}

.franchise-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 56px;
  border-radius: 8px;
  background-image: url(../img/franchise/contacts-bg.svg);
  background-size: cover;
  background-color: #DFD6CF99;
  min-height: 295px;
}

.franchise-contacts__title {
  margin-bottom: 13px;
}

.franchise-contacts__text {
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 13px;
}

.franchise-contacts__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

@media only screen and (max-width: 1260px) {
  .franchise-contacts__list {
    grid-template-columns: 1fr;
  }
}

.franchise-contacts__link {
  display: block;
  padding: 24px 16px;
  border-radius: 8px;
  background-color: #fff;
  color: #0A4881;
  text-decoration: none;
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  text-align: center;
}

@media only screen and (max-width: 1260px) {
  .franchise-contacts__link {
    padding: 16px;
    font-size: 19px;
    letter-spacing: -0.19px;
  }
}

@media only screen and (max-width: 1260px) {
  .franchise-contacts {
    padding: 24px;
  }
}

.section-franchise-contacts {
  margin: 0 -16px;
}

.stock {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1260px) {
  .stock {
    margin-bottom: 48px;
  }
}

.stock__title {
  margin-top: 10px;
  margin-bottom: 38px;
}

@media only screen and (max-width: 1260px) {
  .stock__title {
    margin-top: 8px;
    margin-bottom: 24px;
  }
}

.stock__title-span {
  color: #808080;
  margin-left: 4px;
  vertical-align: top;
}

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

@media only screen and (max-width: 1260px) {
  .stock__wrap {
    display: block;
  }
}

.stock__sidebar {
  width: 280px;
}

@media only screen and (max-width: 1260px) {
  .stock__sidebar {
    width: 100%;
  }
}

.stock__all {
  border-radius: 8px;
  background-image: url("../img/stock/stock-all-bg.svg");
  background-size: cover;
  margin-bottom: 18px;
  padding: 16px 14px;
}

@media only screen and (max-width: 1260px) {
  .stock__all {
    margin-bottom: 16px;
  }
}

.stock__all-title {
  margin-bottom: 12px;
}

.stock__all-link {
  position: relative;
  display: inline-block;
  padding-right: 22px;
  color: #0a4881;
  text-decoration: none;
}

.stock__all-link::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/ic_btn_all_blue.svg");
}

.stock__mob-btn {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .stock__mob-btn {
    display: block;
    margin-bottom: 16px;
  }
}

.stock__mob-filters {
  text-decoration: none;
}

.stock__mob-filters-note {
  color: #808080;
  padding-left: 32px;
  position: relative;
  line-height: 24px;
}

.stock__mob-filters-note::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_filters_mob.svg");
}

.stock__mob-filters-counter {
  color: #0a4881;
}

.stock__main {
  width: 912px;
}

@media only screen and (max-width: 1260px) {
  .stock__main {
    width: 100%;
  }
}

.stock__tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px 16px;
}

@media only screen and (max-width: 1260px) {
  .stock__tile {
    margin: 0 -8px 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.stock__link {
  margin: 0 12px 38px;
  width: 288px;
  text-decoration: none;
  color: #333;
}

@media only screen and (max-width: 1260px) {
  .stock__link {
    display: block;
    margin: 0 8px 16px;
    width: 100%;
    max-width: 400px;
  }
}

.stock__link:hover .stock__name {
  color: #0a4881;
}

.stock__box {
  margin-bottom: 16px;
  position: relative;
}

.stock__image {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

@media only screen and (max-width: 1260px) {
  .stock__image {
    width: 100%;
  }
}

.stock__tag {
  padding: 0 4px 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  display: inline-block;
}

.stock__tag span {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -4px;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

.stock__left {
  margin-bottom: 8px;
  color: #B3B3B3;
}

.stock__name {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.stock-detail {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail {
    margin-bottom: 48px;
  }
}

.stock-detail__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__title {
    margin-bottom: 16px;
  }
}

.stock-detail__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 13px;
}

.stock-detail__left {
  color: #B3B3B3;
}

.stock-detail__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stock-detail__share-text {
  margin-right: 6px;
  color: #0a4881;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__share-text {
    display: none;
  }
}

.stock-detail__share-icon {
  width: 16px;
  height: 16px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__share-icon {
    width: 24px;
    height: 24px;
  }
}

.stock-detail__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.stock-detail__main {
  width: 808px;
}

.stock-detail__picture {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__picture {
    margin-bottom: 12px;
  }
}

.stock-detail__image {
  border-radius: 8px;
}

.stock-detail__headline {
  margin-bottom: 24px;
}

.stock-detail__headline a {
  color: #0a4881;
  text-decoration: none;
}

.stock-detail__caption {
  margin-bottom: 21px;
  color: #000;
}

.stock-detail__caption p {
  margin-bottom: 16px;
}

.stock-detail__caption p span.highlight {
  position: relative;
  display: inline-block;
}

.stock-detail__caption p span.highlight::before {
  content: '';
  background-color: #ECE5DF;
  position: absolute;
  z-index: -1;
  top: -4px;
  right: -4px;
  left: -4px;
  bottom: -4px;
  display: block;
}

.stock-detail__caption h2 {
  margin-top: 56px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__caption h2 {
    margin-top: 40px;
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}

.stock-detail__caption h3 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.stock-detail__caption a {
  color: #0a4881;
  text-decoration: none;
}

.stock-detail__caption ul {
  padding-left: 20px;
  margin-bottom: 30px;
}

.stock-detail__caption ul li {
  list-style: disc;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__caption ul {
    margin-bottom: 24px;
  }
}

.stock-detail__caption ol {
  padding-left: 20px;
  margin-bottom: 30px;
}

.stock-detail__caption ol li {
  list-style: decimal;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__caption ol {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1260px) {
  .stock-detail__caption {
    margin-bottom: 16px;
  }
}

.stock-detail__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__list {
    margin: 0 -8px;
  }
}

.stock-detail__item {
  margin: 0 12px 24px;
  border-radius: 8px;
  background: #F5F3F1;
  padding: 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  width: 184px;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__item {
    margin: 0 8px 16px;
    width: calc(50% - 16px);
  }
}

.stock-detail__name {
  margin-bottom: 7px;
  font-family: CloserText, sans-serif;
  color: #0a4881;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__name {
    font-size: 16px;
    letter-spacing: -0.16px;
  }
}

.stock-detail__count {
  color: #808080;
}

.stock-detail__more {
  margin-top: 37px;
  color: #808080;
  max-width: 680px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__more {
    margin-top: 16px;
  }
}

.stock-detail__more a {
  color: #0a4881;
  text-decoration: none;
  display: inline-block;
}

.stock-detail__sidebar {
  position: sticky;
  top: 20px;
  margin-left: 25px;
  width: 391px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 32px 24px;
  border-radius: 8px;
  background: #F5F3F1;
}

@media only screen and (max-width: 1260px) {
  .stock-detail__sidebar {
    display: none;
  }
}

.stock-detail__sidebar-headline {
  margin-bottom: 24px;
  font-family: EuclidCircularA, sans-serif;
}

.stock-detail__sidebar-item {
  position: relative;
  padding-left: 13px;
}

.stock-detail__sidebar-item:not(:last-of-type) {
  margin-bottom: 16px;
}

.stock-detail__sidebar-item::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0063BD;
  position: absolute;
  top: 10px;
  left: 0;
}

.stock-detail__sidebar-item a {
  color: #0a4881;
  text-decoration: none;
}

.another-stock {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1260px) {
  .another-stock {
    overflow: hidden;
    margin-bottom: 46px;
  }
}

.another-stock__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .another-stock__top {
    margin-bottom: 24px;
  }
}

.another-stock__title {
  margin-top: 5px;
}

@media only screen and (max-width: 1260px) {
  .another-stock__title {
    margin-top: 0;
  }
}

.another-stock__title a {
  color: #0a4881;
  text-decoration: none;
}

.another-stock__title a:hover {
  text-decoration: underline;
}

.another-stock__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .another-stock__nav {
    display: none;
  }
}

.another-stock__nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

.another-stock__nav-btn:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.another-stock__nav-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.another-stock__nav-btn_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.another-stock__nav-btn_right {
  margin-left: 8px;
}

.another-stock__slider {
  overflow: hidden;
  position: relative;
  padding-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .another-stock__slider {
    overflow: unset;
  }
}

@media only screen and (max-width: 1260px) {
  .another-stock__wrapper {
    padding: 0;
  }
}

.another-stock__link {
  margin: 0 12px;
  width: 288px;
  text-decoration: none;
  color: #333;
}

.another-stock__link:hover .another-stock__name {
  color: #0a4881;
}

.another-stock__box {
  margin-bottom: 16px;
  position: relative;
}

.another-stock__image {
  height: 194px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

@media only screen and (max-width: 1260px) {
  .another-stock__image {
    width: 100%;
  }
}

.another-stock__tag {
  padding: 0 4px 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  display: inline-block;
}

.another-stock__tag span {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -4px;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 100%, 0 100%);
}

.another-stock__left {
  margin-bottom: 8px;
  color: #B3B3B3;
}

.another-stock__name {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
}

.favorites {
  margin-bottom: 80px;
}

.favorites__title {
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .favorites__title {
    margin-bottom: 24px;
  }
}

.favorites__title-span {
  color: #808080;
  margin-left: 4px;
  vertical-align: top;
}

.favorites__nav {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .favorites__nav {
    margin-bottom: 16px;
    overflow-x: auto;
  }
}

.favorites__nav-item {
  padding-bottom: 6px;
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.favorites__nav-item:not(:last-of-type) {
  margin-right: 80px;
}

@media only screen and (max-width: 1260px) {
  .favorites__nav-item:not(:last-of-type) {
    margin-right: 48px;
  }
}

.favorites__nav-item:hover {
  color: #0a4881;
}

.favorites__nav-item_active {
  color: #0a4881;
  border-bottom: 2px solid #0a4881;
}

.favorites__nav-count {
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background-color: #0a4881;
  color: #fff;
}

.favorites__mob-sort-btn {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .favorites__mob-sort-btn {
    display: inline-block;
    text-decoration: none;
    margin-left: auto;
    margin-bottom: 24px;
    padding: 16px 0 16px 32px;
    position: relative;
    color: #333;
  }
  .favorites__mob-sort-btn::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("../img/ic_sort_mob.svg");
  }
}

.favorites__sort {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .favorites__sort {
    display: none !important;
    border-radius: 8px 8px 0 0;
    width: 600px;
    position: absolute;
    bottom: 0;
    padding: 29px 16px 24px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .favorites__sort.fancybox__content {
    display: block !important;
  }
}

.favorites__sort-headline {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .favorites__sort-headline {
    display: block;
    margin-bottom: 29px;
  }
}

.favorites__sort-label:not(:last-of-type) {
  margin-right: 32px;
}

@media only screen and (max-width: 1260px) {
  .favorites__sort-label:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.favorites__sort-label:hover .favorites__sort-name {
  color: #0a4881;
}

.favorites__sort-input {
  display: none;
}

.favorites__sort-input:checked + .favorites__sort-name {
  color: #333;
  padding-right: 20px;
  position: relative;
}

.favorites__sort-input:checked + .favorites__sort-name::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  right: 0;
  background-image: url("../img/ic_sort_arrow_top.svg");
}

@media only screen and (max-width: 1260px) {
  .favorites__sort-input:checked + .favorites__sort-name::before {
    background-image: url("../img/ic_sort_check_mob.svg");
  }
}

.favorites__sort-name {
  color: #808080;
}

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

.favorites__sidebar {
  width: 231px;
  margin-top: 45px;
  position: sticky;
  top: 20px;
}

@media only screen and (max-width: 1260px) {
  .favorites__sidebar {
    display: none;
  }
}

.favorites__sidebar-btn {
  padding: 16px;
  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;
  width: 100%;
}

.favorites__sidebar-btn_buy {
  margin-bottom: 16px;
}

.favorites__sidebar-btn_buy::before {
  content: '';
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_basket_add_white.svg");
  background-size: cover;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.favorites__sidebar-btn_delete {
  color: #333;
}

.favorites__sidebar-btn_delete::before {
  content: '';
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_delete_black.svg");
  background-size: cover;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.favorites__main {
  width: 960px;
}

@media only screen and (max-width: 1260px) {
  .favorites__main {
    width: 100%;
  }
}

.favorites__tile {
  margin: 0 -8px -56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1260px) {
  .favorites__tile {
    margin-bottom: -32px;
  }
}

.favorites__item {
  position: relative;
  margin: 0 8px 56px;
  padding-bottom: 56px;
  max-width: 288px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .favorites__item {
    margin-bottom: 32px;
    padding: 0;
    max-width: unset;
  }
}

.favorites__delete {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
}

.favorites__delete path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.favorites__delete:hover path {
  fill: #333;
}

.favorites__picture {
  margin-bottom: 12px;
}

.favorites__image {
  height: 190px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.favorites__name {
  margin-bottom: 12px;
}

@media only screen and (max-width: 1260px) {
  .favorites__line {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.favorites__price {
  margin-bottom: 8px;
}

@media only screen and (max-width: 1260px) {
  .favorites__price {
    margin-bottom: 0;
  }
}

.favorites__select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.favorites__select-box:not(:last-child) {
  margin-bottom: 12px;
}

.favorites__select-note {
  margin-right: 13px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #B3B3B3;
}

.favorites__select {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.favorites__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .favorites__buttons {
    position: static;
  }
}

.favorites__button {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px 11px 11px;
}

@media only screen and (max-width: 1260px) {
  .favorites__button {
    width: 40px;
    height: 40px;
    padding: 0;
    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-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
  }
}

@media only screen and (max-width: 1260px) {
  .favorites__button::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../img/ic_basket_add_white.svg");
    background-size: cover;
  }
}

@media only screen and (max-width: 1260px) {
  .favorites__button-text {
    display: none;
  }
}

.favorites__button-compare {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 8px;
  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;
}

@media only screen and (max-width: 1260px) {
  .favorites__button-compare {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-left: 0;
    margin-right: 6px;
  }
}

.favorites__button-compare::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_compare_grey.svg");
}

.favorites__button-compare.active::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_compare_blue.svg");
}

.compare__title {
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .compare__title {
    margin-bottom: 24px;
  }
}

.compare__title-span {
  color: #808080;
  margin-left: 4px;
  vertical-align: top;
}

.compare__nav {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .compare__nav {
    margin-bottom: 16px;
    overflow-x: auto;
  }
}

.compare__nav-item {
  padding-bottom: 6px;
  color: #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.compare__nav-item:not(:last-of-type) {
  margin-right: 80px;
}

@media only screen and (max-width: 1260px) {
  .compare__nav-item:not(:last-of-type) {
    margin-right: 48px;
  }
}

.compare__nav-item:hover {
  color: #0a4881;
}

.compare__nav-item_active {
  color: #0a4881;
  border-bottom: 2px solid #0a4881;
}

.compare__nav-count {
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background-color: #0a4881;
  color: #fff;
}

.compare__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .compare__line {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
}

.compare__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
}

.compare__checkbox-view {
  margin-right: 6px;
}

.compare__delete-all {
  color: #333;
  padding: 16px;
  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;
}

@media only screen and (max-width: 1260px) {
  .compare__delete-all {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-bottom: 16px;
  }
}

.compare__delete-all::before {
  content: '';
  display: block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_delete_black.svg");
  background-size: cover;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.compare__wrap {
  width: 912px;
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .compare__wrap {
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
  }
}

.compare__slider-top {
  margin: 0 -20px;
  padding: 0 20px;
  overflow: hidden;
  position: sticky;
  z-index: 5;
  top: 0;
  background-color: #fff;
}

@media only screen and (max-width: 1260px) {
  .compare__slider-top {
    position: static;
  }
}

.compare__slider-top_sticky {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
  box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
}

.compare__slider-top_sticky .compare__slide-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.compare__slider-top_sticky .compare__box {
  display: block;
}

.compare__slider-top_sticky .compare__delete {
  display: none;
}

.compare__slider-top_sticky .compare__picture {
  width: 144px;
}

.compare__nav-btn {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: #FFF;
  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;
}

@media only screen and (max-width: 1260px) {
  .compare__nav-btn {
    display: none;
  }
}

.compare__nav-btn:hover::before {
  background-image: url("../img/ic_arrow_right_blue.svg");
}

.compare__nav-btn::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_arrow_right_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.compare__nav-btn_left {
  left: 0;
}

.compare__nav-btn_left::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.compare__nav-btn_right {
  right: 0;
}

.compare__slide-top {
  width: 288px;
  position: relative;
}

.compare__slide-top:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .compare__slide-top:not(:last-of-type) {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1260px) {
  .compare__slide-top {
    width: 210px;
  }
}

.compare__delete {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
}

.compare__delete path {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: fill;
  transition-property: fill;
}

.compare__delete:hover path {
  fill: #333;
}

.compare__image {
  width: 100%;
}

.compare__box {
  display: none;
  margin-left: 8px;
}

.compare__name {
  margin-bottom: 8px;
  color: #0a4881;
}

.compare__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.compare__basket {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px;
  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;
}

.compare__basket::before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-image: url("../img/ic_basket_add_white.svg");
}

@media only screen and (max-width: 1260px) {
  .compare__basket::before {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1260px) {
  .compare__basket {
    width: 40px;
    height: 40px;
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    padding: 0;
  }
  .compare__basket span {
    display: none;
  }
}

.compare__favorite {
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.compare__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.compare__info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.compare__review-star {
  position: relative;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("../img/ic_star_grey.svg");
}

.compare__review-star-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 16px;
  background-image: url("../img/ic_star_orange.svg");
}

.compare__info-count {
  margin-left: 24px;
  color: #0a4881;
}

.compare__slider-bottom {
  overflow: hidden;
}

.compare__slide-name {
  color: #0a4881;
  padding: 26px 0;
}

@media only screen and (max-width: 1260px) {
  .compare__slide-name {
    padding: 16px 0 8px;
  }
}

.compare__slide-name-link {
  text-decoration: none;
}

.compare__slide-line {
  padding: 24px 0;
}

@media only screen and (max-width: 1260px) {
  .compare__slide-line {
    padding: 16px 0 8px;
  }
}

.compare__slide-price {
  padding: 0 0 17px;
}

.compare__slide-bottom {
  position: relative;
  width: 288px;
}

.compare__slide-bottom:hover {
  z-index: 10;
}

.compare__slide-bottom:not(:last-of-type) {
  margin-right: 24px;
}

@media only screen and (max-width: 1260px) {
  .compare__slide-bottom:not(:last-of-type) {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1260px) {
  .compare__slide-bottom {
    width: 210px;
  }
}

.compare__slide-inner {
  position: relative;
  padding: 24px 0;
}

@media only screen and (max-width: 1260px) {
  .compare__slide-inner {
    padding: 16px 0;
  }
}

.compare__slide-inner.text-16 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  --rows: 4;
}

.compare__slide-inner:not(:last-child)::before {
  content: '';
  background-color: rgba(51, 51, 51, 0.08);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: -24px;
}

.compare__slide-inner > span {
  display: -webkit-box;
  -webkit-line-clamp: var(--rows, 4);
  -webkit-box-orient: vertical;
  height: calc(var(--rows, 4) * 24.5px);
  overflow: hidden;
}

.compare__slide-inner > .hint {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5px;
}

.shops-page__title {
  margin-bottom: 33px;
}

@media only screen and (max-width: 1260px) {
  .shops-page__title {
    margin-bottom: 31px;
  }
}

.shops-page__title a {
  color: #0a4881;
  text-decoration: none;
}

.shops-page__title-span {
  color: #808080;
  margin-left: 4px;
  vertical-align: top;
}

.shops-page__nav {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .shops-page__nav {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    background: rgba(51, 51, 51, 0.08);
    padding: 4px;
  }
}

.shops-page__nav-btn {
  padding: 5px;
  border-radius: 6px;
  background: #FFF;
  width: calc(50% - 2px);
  text-align: center;
  opacity: 0.5;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.shops-page__nav-btn:hover {
  opacity: 0.8;
}

.shops-page__nav-btn_active {
  opacity: 1;
  pointer-events: none;
}

.shops-page__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .shops-page__wrap {
    width: 100%;
  }
}

.shops-page__list {
  height: 613px;
  width: 352px;
}

@media only screen and (max-width: 1260px) {
  .shops-page__list {
    display: none;
    width: 343px;
  }
}

@media only screen and (max-width: 1260px) {
  .shops-page__list.active {
    display: block;
  }
}

.shops-page .simplebar-track.simplebar-vertical {
  width: 7px;
}

.shops-page .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.shops-page__about.shops-page__about-show {
  display: block;
}

.shops-page__box_left {
  height: 613px;
  width: 360px;
  padding-right: 8px;
  overflow: hidden;
}

.shops-page__item {
  border-radius: 6px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.shops-page__item:not(:last-of-type) {
  margin-bottom: 8px;
}

.shops-page__item:hover {
  background-color: #F2F2F2;
}

.shops-page__icon {
  margin-right: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.shops-page__name {
  margin-bottom: 4px;
}

.shops-page__span {
  margin-bottom: 4px;
}

.shops-page__note {
  margin-bottom: 4px;
  color: #808080;
}

.shops-page__link {
  color: #0a4881;
}

.shops-page__box_right {
  position: relative;
  width: 848px;
  height: 613px;
}

@media only screen and (max-width: 1260px) {
  .shops-page__box_active {
    display: block;
  }
}

@media only screen and (max-width: 1260px) {
  .shops-page__fade.active {
    position: fixed;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 250;
  }
}

@media only screen and (max-width: 1260px) {
  .shops-page__box .shops-page__about-show-fixed {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.shops-page__about {
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 376px;
  height: 472px;
  border-radius: 6px;
  background: #FFF;
  padding: 16px;
  z-index: 1;
}

@media only screen and (max-width: 1260px) {
  .shops-page__about {
    display: none;
    width: 343px;
    bottom: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
  }
}

.shops-page__about-top {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1260px) {
  .shops-page__about-top {
    margin-bottom: 16px;
  }
}

.shops-page__about-hide {
  display: none;
}

.shops-page__close {
  margin-left: auto;
  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;
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.16);
}

.shops-page__close:hover::before {
  background-image: url("../img/ic_close_blue.svg");
}

.shops-page__close::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/ic_close_grey.svg");
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .shops-page__close {
    width: auto;
    height: auto;
    border: none;
  }
}

.shops-page__inner {
  display: none;
}

.shops-page__inner_active {
  display: block;
}

.shops-page__about-slider {
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 8px;
  overflow: hidden;
}

.shops-page__about-slider .swiper-wrapper {
  padding: 0;
}

.shops-page__about-slide:not(:last-of-type) {
  margin-right: 12px;
}

.shops-page__about-image {
  height: 194px;
  border-radius: 8px;
}

.shops-page__about-scrollbar.swiper-scrollbar {
  background: rgba(51, 51, 51, 0.08);
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}

.shops-page__about-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background: #0a4881;
}

.shops-page__about-name {
  margin-top: 16px;
  margin-bottom: 16px;
}

.shops-page__about-link {
  display: inline-block;
  margin-bottom: 8px;
  color: #0a4881;
  text-decoration: none;
}

.shops-page__about-link:hover {
  text-decoration: underline;
}

.shops-page__about-span {
  margin-bottom: 8px;
}

.shops-page__map {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 1260px) {
  .shops-page__map {
    display: none;
  }
}

.shops-page__map.active {
  display: block;
}

.shops-page__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .shops-page__legend {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.shops-page__legend-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shops-page__legend-box:not(:last-of-type) {
  margin-right: 24px;
}

.shops-page__legend-icon {
  width: 20px;
  height: 20px;
  margin-right: 2px;
}

.shops-page__text {
  max-width: 985px;
  width: 100%;
}

.personal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

.personal__exit {
  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;
  gap: 4px;
  padding: 16px 32px;
  background: #33333314;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .personal__exit {
    display: none;
  }
}

.personal__inner {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

.personal__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  width: 100%;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
  margin-bottom: 32px;
}

.personal__tags::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .personal__tags {
    overflow-x: scroll;
  }
}

.personal__tags-link {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
  color: gray;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-bottom: 7px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  text-decoration: none;
}

@media only screen and (max-width: 1260px) {
  .personal__tags-link {
    white-space: nowrap;
  }
  .personal__tags-link span {
    white-space: nowrap;
  }
}

.personal__tags-link.active {
  color: #0a4881;
}

.personal__tags-link.active .bonuses__count {
  color: #fff;
  background: #0a4881;
}

.personal__tags-link.active .bonuses__count path {
  fill: #fff;
}

.personal__tags-link.active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #0a4881;
}

.personal__tags-link .bonuses__count {
  padding-left: 4px;
  padding-right: 8px;
  background: #f5f3f1;
  color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__tags-link .bonuses__count path {
  fill: #808080;
}

.personal__tags-link .activity__count {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  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;
  background: #0a4881;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #fff;
}

.personal__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media only screen and (max-width: 1260px) {
  .personal__profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}

.personal__profile-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.personal__profile-form {
  padding: 32px;
  width: 392px;
  background: #f2f2f2;
  border-radius: 8px;
  min-width: 392px;
}

@media only screen and (max-width: 1260px) {
  .personal__profile-form {
    min-width: 0;
    width: 100%;
  }
}

.personal__profile-right {
  padding: 32px;
  width: 100%;
  background: #f2f2f2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.personal__profile-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
  margin-bottom: 24px;
}

.personal__profile-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 56px;
  width: 392px;
  background: #f2f2f2;
  border-radius: 8px;
  min-width: 392px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  color: gray;
  cursor: pointer;
}

.personal__profile-button:disabled {
  cursor: default;
  opacity: 0.5;
}

@media only screen and (max-width: 1260px) {
  .personal__profile-button {
    max-width: 100%;
    min-width: initial;
  }
}

.order__toggle.personal__toggle .order__toggle-view::before {
  background-color: #B3B3B3;
  -webkit-transition-property: left, background-color;
  transition-property: left, background-color;
}

.order__toggle.personal__toggle .order__toggle-input:checked ~ .order__toggle-view::before {
  background-color: #fff;
}

.order__toggle.personal__toggle .order__toggle-view {
  background-color: #fff;
  min-width: 48px;
}

.personal__toggle .order__toggle-input:checked ~ .order__toggle-view {
  background-color: #0A4881;
}

.personal__toggle .order__toggle-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333;
}

.personal .order__label-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #808080;
  margin-bottom: 8px;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal .order__label {
  width: 100%;
}

.personal .order__toggle {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.personal .order__label-text {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.6px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #B3B3B3;
}

.personal .order__label-text a {
  color: gray;
  text-decoration: none;
}

.personal .order__label-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.personal .order__label-row .order__input {
  width: 100%;
}

.personal__profile-form .order__label:last-child {
  margin-bottom: 0;
}

.personal__order-search input:focus + img {
  opacity: 0;
  pointer-events: none;
}

.personal__order-search {
  width: 400px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-search {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .personal__order-checkbox {
    padding: 4px 0;
  }
}

@media only screen and (max-width: 1260px) {
  .personal__order-checkbox label {
    margin-top: 0;
  }
}

.personal__order-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px;
  }
}

.personal .order__top-label {
  padding: 0;
}

.personal__order-items {
  background: #F2F2F2;
  padding: 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-items {
    padding: 16px;
  }
}

.personal__order-items .pagination {
  padding-top: 16px;
}

.personal__order-item {
  border-radius: 6px;
  background: #FFFFFF;
}

.personal__order-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 16px;
  cursor: pointer;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-top {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__order-item-top.active .personal__order-item-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.personal__order-item-left-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__order-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__order-item-arrow {
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.personal__order-item-name {
  margin-right: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-name {
    font-size: 19px;
    line-height: 23px;
  }
}

.personal__order-item-name span {
  color: #808080;
}

.personal__order-item-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.personal__order-item-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 15.4px;
  letter-spacing: 0em;
  padding: 1px 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.personal__order-item-label.order-label-red {
  color: #fff;
  background: #FF0000;
}

.personal__order-item-label.order-label-green {
  color: #fff;
  background: #7BBF3F;
}

.personal__order-item-label.order-label-gray {
  background: #D7CCC3;
}

.personal__order-item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.personal__order-item-summary {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #808080;
}

.personal__order-item-price {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -0.01em;
  text-align: left;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-price {
    font-size: 19px;
    line-height: 23px;
  }
}

.personal__order-item-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  padding: 0 16px;
}

.personal__order-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.personal__order-item-row {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}

.personal__order-item-row span {
  color: #808080;
}

.personal__order-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0;
  margin-bottom: 16px;
}

.personal__order-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.personal__order-product:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.personal__order-product-image {
  width: 122px;
  height: 80px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.personal__order-product-image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.personal__order-product-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__order-product-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__order-product-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.personal__order-product-article {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #B3B3B3;
}

.personal__order-product-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  text-decoration: none;
  color: #333;
}

.personal__order-product-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.personal__order-product-count {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #808080;
}

.personal__order-product-price {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
}

.personal__order-item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-bottom {
    gap: 16px;
  }
}

.personal__order-item-change {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}

.personal__order-item-change br {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-change br {
    display: block;
  }
}

.personal__order-item-change span {
  color: #808080;
  margin-right: 4px;
}

.personal__order-item-change a {
  margin-left: 16px;
  text-decoration: none;
  color: #0A4881;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-change a {
    margin-left: 50px;
  }
}

.personal__order-item-bonuses {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.personal__order-item-bonuses span {
  margin-left: 4px;
  background: #D7CCC3;
  border-radius: 999px;
  padding-left: 4px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__order-item-bonuses span path {
  fill: #333333;
}

.personal__order-item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-buttons {
    display: block;
    margin-top: 24px;
  }
}

.personal__order-item-pay, .personal__order-item-cancel, .personal__order-item-repeat {
  padding: 16px 32px;
  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;
  gap: 8px;
  cursor: pointer;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-pay, .personal__order-item-cancel, .personal__order-item-repeat {
    width: 100%;
  }
}

.personal__order-item-pay {
  margin-right: 8px;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-pay {
    margin: 0;
    margin-bottom: 8px;
  }
}

.personal__order-item-repeat {
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .personal__order-item-repeat {
    margin: 0;
    margin-top: 32px;
  }
}

.personal .basket-empty__wrap {
  margin-bottom: 85px;
}

.personal__bonus-top {
  background: #ECE5DF;
  padding: 24px;
  border-radius: 8px;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.01em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-top {
    font-size: 22px;
    line-height: 26px;
    padding: 16px;
  }
}

.personal__bonus-top > span {
  margin: 0 8px;
  background: #D7CCC3;
  padding-left: 4px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-top > span {
    margin: 0 6px;
  }
  .personal__bonus-top > span svg {
    width: 18px;
    height: 18px;
  }
}

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

@media only screen and (max-width: 1260px) {
  .personal__bonus-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

.personal__bonus-sidebar {
  width: 392px;
  position: sticky;
  top: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-sidebar {
    width: 100%;
    position: relative;
    top: auto;
  }
}

.personal__bonus-sidebar-top {
  padding: 24px;
  border-radius: 8px;
  background: #F2F2F2;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-sidebar-top {
    padding: 16px;
  }
}

.personal__bonus-sidebar-bottom {
  padding: 24px;
  border-radius: 8px;
  background: #F2F2F2;
  margin-top: 16px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-sidebar-bottom {
    padding: 16px;
  }
}

.personal__bonus-main {
  width: 808px;
  margin-right: 24px;
  padding: 24px;
  border-radius: 8px;
  background: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-main {
    width: 100%;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
}

.personal__bonus-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: 264px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
}

.personal__bonus-boxes .basket-empty__box {
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-boxes .basket-empty__box {
    width: 192px;
  }
}

.personal__bonus-boxes .basket-empty__bonus {
  margin: 0 auto;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-boxes .basket-empty__bonus {
    display: none;
  }
}

.personal__bonus-history {
  margin-right: 24px;
  width: 472px;
  background: #FFFFFF;
  padding: 24px;
  border-radius: 8px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-history {
    width: 100%;
    margin: 0;
    padding: 16px;
  }
}

.personal__bonus-history-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-history-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__bonus-link {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-link {
    display: block;
  }
}

.personal__bonus-history-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
}

.personal__bonus-history-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: gray;
}

.personal__bonus-history-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 8px 16px;
  margin-top: 24px;
}

.personal__bonus-history-warning-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.personal__bonus-history-warning-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__bonus-history-warning-subtitle span {
  color: #808080;
}

.personal .articles__sort {
  margin: 24px 0;
}

.personal__bonus-history-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}

.personal__bonus-history-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 8px;
}

.personal__bonus-history-item:not(:last-child) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

.personal__bonus-history-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  max-width: 305px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-history-item-left {
    max-width: 216px;
  }
}

.personal__bonus-history-item-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__bonus-history-item-name {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #808080;
}

.personal__bonus-history-item-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #7BBF3F;
}

.personal__bonus-history-item-number.bonus-minus {
  color: #B3B3B3;
}

.personal__bonus-history-more {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 40px;
  border-radius: 8px;
  font-size: 16px;
}

.personal__bonus-sidebar-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
  margin-bottom: 20px;
}

.personal__bonus-sidebar-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 32px;
}

.personal__bonus-sidebar .basket__sidebar-nav {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-sidebar .basket__sidebar-nav {
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}

.personal__bonus-sidebar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% + 56px);
  margin-left: -28px;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-sidebar-line {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}

.personal__bonus-sidebar-dot {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
}

.personal__bonus-sidebar-content input {
  width: 100%;
}

.personal__bonus-sidebar-content button {
  height: 56px;
  width: 100%;
  margin-top: 8px;
}

.personal__bonus-sidebar-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #808080;
  margin-top: 8px;
  margin-bottom: 16px;
}

.personal__bonus-sidebar-promocode {
  margin-top: 16px;
  width: 100%;
  height: 56px;
  padding: 16px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #B3B3B3;
  background: #FFFFFF;
  position: relative;
}

.personal__bonus-sidebar-promocode.active {
  color: #D44A1B;
  border: 1.5px dashed #D44A1B;
}

.personal__bonus-sidebar-promocode.active::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/personal/file_copy.svg");
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.personal__bonus-sidebar-bottom .personal__bonus-sidebar-title {
  margin-bottom: 16px;
}

.personal__bonus-sidebar-bottom .personal__bonus-sidebar-line {
  margin-bottom: 16px;
}

.personal__bonus-sidebar-bottom input {
  width: 100%;
}

[data-tag="request"] {
  display: none;
}

.personal__bonus-empty {
  background: #FFFFFF;
  padding: 24px;
  border-radius: 8px;
  width: 472px;
  margin-right: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-empty {
    padding: 16px;
    margin: 0;
    width: 100%;
  }
}

.personal__bonus-empty-button {
  width: 100%;
  height: 56px;
  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;
}

.personal__bonus-empty-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.personal__bonus-empty-title span {
  color: #D44A1B;
}

.personal__bonus-empty-loading {
  margin: 23px 0;
  background-color: #f2f2f2;
  border-radius: 4px;
  background-image: url("../img/personal/bg-load.png");
  width: 100%;
  height: 276px;
  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;
}

@media only screen and (max-width: 1260px) {
  .personal__bonus-empty-loading {
    margin: 16px 0;
    height: 160px;
  }
}

.personal__bonus-form .notice {
  margin-top: 10px;
  display: block;
}

.personal__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media only screen and (max-width: 1260px) {
  .personal__address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
  }
}

.personal__address-box {
  background: #f2f2f2;
  padding: 32px;
  border-radius: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__address-box {
    padding: 16px;
  }
}

.personal__address-right, .personal__address-left {
  width: 50%;
}

@media only screen and (max-width: 1260px) {
  .personal__address-right, .personal__address-left {
    width: 100%;
  }
}

.personal__address-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: left;
  margin-bottom: 24px;
}

.personal__address-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  height: 56px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}

@media only screen and (max-width: 1260px) {
  .personal__address-button {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .personal__address .modal-address__label {
    min-height: 96px;
  }
}

.personal__address-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #808080;
}

.personal__activity .basket__sidebar-nav-btn span {
  color: #808080;
}

.personal__activity .basket__sidebar-nav {
  width: 344px;
  margin-bottom: 40px;
}

.personal__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .personal__review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 24px;
  }
}

.personal__review-left {
  width: 704px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-right: 128px;
}

@media only screen and (max-width: 1260px) {
  .personal__review-left {
    width: 100%;
    margin: 0;
  }
}

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

@media only screen and (max-width: 1260px) {
  .personal__review-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__review-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__review-top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__review-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__review-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 600px;
}

@media only screen and (max-width: 1260px) {
  .personal__review-content {
    width: 100%;
    max-width: none;
  }
}

.personal__review-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 392px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (max-width: 1260px) {
  .personal__review-right {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .personal__activity .tile-line__title {
    font-size: 19px;
    line-height: 23px;
  }
}

.personal__review-reacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__review-likes, .personal__review-dislikes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__review-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.personal__review-photo img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.personal__review-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.personal__review-label {
  background: #ECE5DF;
  padding: 0px 8px 2px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
}

.personal__review-stars {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__review-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #808080;
}

.personal__review-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__review-content span {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.personal__review-product-image {
  width: 144px;
  height: 95px;
}

.personal__review-product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.personal__review-product-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__reviews {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}

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

.personal__questions {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

.personal__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .personal__question {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 24px;
  }
}

.personal__question-left {
  width: 704px;
  margin-right: 128px;
}

@media only screen and (max-width: 1260px) {
  .personal__question-left {
    width: 100%;
    margin: 0;
  }
}

.personal__question-right {
  width: 392px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

@media only screen and (max-width: 1260px) {
  .personal__question-right {
    width: 100%;
  }
}

.personal__question-product-image {
  width: 144px;
  height: 95px;
}

.personal__question-product-image img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.personal__question-product-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.personal__question-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.personal__question-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__question-top-photo {
  width: 40px;
  height: 40px;
}

.personal__question-top-photo img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.personal__question-top-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.personal__question-top-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #808080;
}

.personal__question-content {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.personal__question-question {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 16px;
}

.personal__question-reply {
  border-left: 4px solid #0a4881;
  padding-left: 56px;
}

@media only screen and (max-width: 1260px) {
  .personal__question-reply {
    padding-left: 40px;
  }
}

.personal__question-reply-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .personal__question-reply-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.personal__question-reply-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal__question-reply-right {
  margin-left: auto;
}

@media only screen and (max-width: 1260px) {
  .personal__question-reply-right {
    margin-left: 0;
  }
}

.personal__question-reply-image {
  width: 40px;
  height: 40px;
}

.personal__question-reply-image img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}

.personal__question-reply-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.personal__question-reply-label {
  background: #0a4881;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0em;
  color: #FFFFFF;
  padding: 0px 8px 2px 8px;
}

.personal__question-reply-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #808080;
}

.personal__question-reply-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

.personal__activity .tile-line__title span {
  color: #EE7E19;
}

.purchased-product__image {
  height: 190px;
  padding: 18px 28px;
  margin-bottom: 12px;
  background: #F4F3F1;
}

.purchased-product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.purchased-product__name {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 12px;
}

.purchased-product__button {
  width: 200px;
  height: 40px;
  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;
  outline: none;
}

.personal__activity .tile-line {
  margin-top: 80px;
}

.order__label-gender {
  width: 50%;
  height: 56px;
  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;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #808080;
  background-color: rgba(51, 51, 51, 0.08);
  border-radius: 8px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.order__label-gender.active {
  background-color: white;
  color: #333333;
}

.order__label-gender.active svg path {
  fill: #333333;
}

.order__label-gender input {
  display: none;
}

.order__label-gender svg path {
  fill: #808080;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

.modal-address-add {
  padding: 32px;
  border-radius: 8px;
  background: #FFFFFF;
  width: 872px;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add {
    padding: 16px;
  }
}

.modal-address-add__button {
  width: 235px;
  height: 56px;
  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;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add__button {
    width: 100%;
  }
}

.modal-address-add__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 44px;
  width: 100%;
  padding: 32px;
  background: #F2F2F2;
  border-radius: 8px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add__content {
    padding: 16px;
  }
}

.modal-address-add__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
  }
}

.modal-address-add__row .modal-registration__label {
  width: 50%;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add__row .modal-registration__label {
    width: 100%;
  }
}

.modal-address-add__headline {
  margin-bottom: 33.5px;
  margin-top: 9.5px;
}

@media only screen and (max-width: 1260px) {
  .modal-address-add__headline {
    margin-bottom: 28.5px;
    margin-top: 12.5px;
  }
}

.modal-address-add__textarea {
  height: 120px;
  margin-bottom: 0;
}

.modal-address-add__textarea::-webkit-input-placeholder {
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-address-add__textarea::-moz-placeholder {
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-address-add__textarea:-ms-input-placeholder {
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-address-add__textarea::-ms-input-placeholder {
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-address-add__textarea::placeholder {
  position: absolute;
  top: 16px;
  left: 16px;
}

.modal-address-add .modal-registration__label {
  margin-bottom: 0;
}

.modal-address-add__warning {
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  color: #808080;
}

.modal-cancel-order__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.modal-cancel-order__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.modal-cancel-order__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  margin-bottom: 24px;
  max-width: 432px;
}

@media only screen and (max-width: 1260px) {
  .modal-cancel-order__subtitle {
    max-width: 295px;
  }
}

.modal-cancel-order {
  width: 544px;
  padding: 32px;
  padding-top: 42px;
  background: #FFFFFF;
  border-radius: 8px;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-cancel-order {
    padding: 16px;
    padding-top: 29px;
  }
}

.modal-cancel-order__headline {
  margin-bottom: 9px;
}

@media only screen and (max-width: 1260px) {
  .modal-cancel-order__headline {
    margin-bottom: 12px;
  }
}

.modal-cancel-order__box {
  background: #F2F2F2;
  padding: 16px;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 24px;
}

.modal-cancel-order__box .modal-registration__label {
  width: 100%;
}

.modal-cancel-order__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

@media only screen and (max-width: 1260px) {
  .modal-cancel-order__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-cancel-order__bottom-button {
  width: 50%;
  height: 56px;
  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;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1260px) {
  .modal-cancel-order__bottom-button {
    width: 100%;
  }
}

.modal-change-payment {
  width: 544px;
  padding: 32px;
  padding-top: 42px;
  background: #FFFFFF;
  border-radius: 8px;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-change-payment {
    padding: 16px;
    padding-top: 29px;
  }
}

.modal-change-payment__headline {
  margin-bottom: 9px;
}

@media only screen and (max-width: 1260px) {
  .modal-change-payment__headline {
    margin-bottom: 12px;
  }
}

.modal-change-payment__image {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 25px;
}

.modal-change-payment__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.modal-change-payment__box {
  width: 100%;
  background: #F2F2F2;
  padding: 32px;
  border-radius: 8px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal-change-payment__box {
    padding: 16px;
  }
}

.modal-change-payment__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 24px;
}

.modal-change-payment__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

@media only screen and (max-width: 1260px) {
  .modal-change-payment__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-change-payment__button {
  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;
  width: 50%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1260px) {
  .modal-change-payment__button {
    width: 100%;
  }
}

.js-field .error {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  display: none;
}

.js-field:not(.field-dont-show-error).field__error {
  position: relative;
}

.js-field:not(.field-dont-show-error).field__error .error {
  display: block;
}

.modal-textile__wrapp {
  z-index: 1;
}

.modal-textile .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.modal-textile .simplebar-track.simplebar-vertical {
  width: 7px;
}

.modal-textile__title {
  position: relative;
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
  z-index: 1;
}

.modal-textile__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 128px);
  grid-auto-rows: 1fr;
  gap: 8px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile__list {
    grid-template-columns: repeat(auto-fit, 108px);
  }
}

.modal-textile__types {
  margin-bottom: 40.5px;
}

.modal-textile__item-btn {
  padding: 16px;
  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;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid #fff0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 1260px) {
  .modal-textile__item-btn {
    padding: 14px;
  }
}

.modal-textile__item-btn._selected {
  border-color: #0A4881;
}

.modal-textile__item-btn._disabled {
  opacity: 0.4;
  pointer-events: none;
}

.modal-textile__item-btn._highlighted {
  border-color: rgba(51, 51, 51, 0.16);
}

.modal-textile__item-btn:hover {
  border-color: rgba(51, 51, 51, 0.16);
}

.modal-textile__item-img {
  width: 96px;
  height: 96px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile__item-img {
    width: 80px;
    height: 80px;
  }
}

.modal-textile__item-name {
  font-size: 14px;
  line-height: 160%;
  color: #333;
  text-align: center;
  padding: 0 8px;
}

.modal-textile__list-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  margin-bottom: 24px;
}

.modal-textile__category:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile__category:not(:last-child) {
    margin-bottom: 16px;
  }
}

.modal-textile__category-name {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 7px;
}

.modal-textile__category-label {
  color: #808080;
}

.modal-textile__colors-list > :not(:last-child) {
  margin-bottom: 24px;
}

.modal-textile__colors-hidden {
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-textile {
    position: relative;
    top: 13px;
    border-radius: 8px 8px 0px 0;
  }
  .modal-textile::after {
    border-radius: 8px 8px 0px 0;
  }
}

@media only screen and (max-width: 1260px) {
  .modal-textile-expand-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    opacity: 0;
    background-color: #000;
    -webkit-transform: translate(0, 12.8px);
    -ms-transform: translate(0, 12.8px);
    transform: translate(0, 12.8px);
    border-radius: 7px 7px 0 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s 0s, z-index 0s 0.3s;
    transition: opacity 0.3s 0s, z-index 0s 0.3s;
  }
  .modal-textile-expand-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  ._showed + .modal-textile-expand-overlay {
    -webkit-transform: translate(0, 12.8px);
    -ms-transform: translate(0, 12.8px);
    transform: translate(0, 12.8px);
    opacity: 0.7;
    z-index: 44;
    -webkit-transition: opacity 0.3s 0s, z-index 0s 0s;
    transition: opacity 0.3s 0s, z-index 0s 0s;
  }
  ._showed + .modal-textile-expand-overlay::after {
    width: 100dvw;
  }
}

.modal-textile-expand {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  max-width: 440px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0s;
  transition: opacity 0.3s, -webkit-transform 0s;
  transition: opacity 0.3s, transform 0s;
  transition: opacity 0.3s, transform 0s, -webkit-transform 0s;
  border-radius: 0 0 8px 8px;
  padding-bottom: 32px;
}

.modal-textile-expand::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
}

.modal-textile-expand._showed {
  opacity: 1;
  -webkit-transform: translate(calc(-100% - 160px), -50%);
  -ms-transform: translate(calc(-100% - 160px), -50%);
  transform: translate(calc(-100% - 160px), -50%);
}

.modal-textile-expand__content-wrapp {
  max-height: calc(100dvh - 32px);
}

.modal-textile-expand__close {
  position: absolute;
  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;
  width: 48px;
  height: 48px;
  top: 8.5px;
  right: 8.5px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.08);
  opacity: 1;
  background-color: #fff;
  z-index: 10;
}

.modal-textile-expand__close:before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../img/ic_close_grey.svg);
}

.modal-textile-expand__close:hover:before {
  background-image: url(../img/ic_close_blue.svg);
}

@media only screen and (max-width: 1260px) {
  .modal-textile-expand {
    top: auto;
    bottom: 0;
    right: 0;
    max-width: none;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    z-index: 45;
  }
  .modal-textile-expand::before {
    border-radius: 8px 8px 0px 0;
  }
  .modal-textile-expand._showed {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.modal-textile-color {
  display: none;
  position: relative;
  right: 100%;
  background-color: #fff;
  width: 440px;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  left: 10px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
    left: 0;
    right: 0;
    height: calc(100% - 16px);
    border-radius: 8px 8px 0 0;
  }
}

.modal-textile-color.active {
  display: block;
}

.modal-textile-color__close {
  position: absolute;
  top: 8.5px;
  right: 8px;
  background-color: #fff;
  display: none;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.modal-textile-color__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.modal-textile-color__img-wrapp {
  position: relative;
  padding-bottom: calc(295 / 440 * 100%);
  max-height: 295px;
  overflow: hidden;
}

.modal-textile-color__content {
  padding: 32px 32px 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 295px - 32px);
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__content {
    padding: 0;
    height: initial;
  }
}

.modal-textile-color__name {
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__name {
    padding: 16px 16px 0;
  }
}

.modal-textile-color__description {
  font-family: EuclidCircularA, sans-serif;
  color: #808080;
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 16px;
  max-height: 200px;
  overflow-y: auto;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__description {
    padding: 16px 16px 0;
    display: none;
  }
}

.modal-textile-color__quality {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__quality {
    padding: 16px 16px 0;
  }
}

.modal-textile-color__quality > :first-child {
  -ms-flex-preferred-size: 120px;
  flex-basis: 120px;
  margin-right: 18px;
}

.modal-textile-color__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-textile-color__label {
  color: #808080;
  font-size: 16px;
  line-height: 160%;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__label {
    padding: 16px 16px 0;
  }
}

.modal-textile-color__value {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.18px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__value {
    padding: 16px 16px 0;
  }
}

.modal-textile-color__info {
  color: #333;
}

.modal-textile-color__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 16px 32px 16px;
    border-top: 1px solid #F2F2F2;
    background-color: #fff;
  }
}

.modal-textile-color__price {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.24px;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__price {
    margin-right: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.modal-textile-color__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 250px;
  padding: 16px;
  width: 100%;
}

@media only screen and (max-width: 1260px) {
  .modal-textile-color__img-wrapp {
    border-radius: 8px 8px 0px 0;
  }
}

.modal-size__wrapp {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-size__title {
  position: relative;
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.24px;
  margin-bottom: 40.5px;
  z-index: 1;
}

.modal-size__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  grid-auto-rows: 32px;
  gap: 11px;
}

.modal-size__list_value {
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
}

.modal-size__list-wrapp:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1260px) {
  .modal-size__list-wrapp:not(:last-child) {
    margin-bottom: 24.5px;
  }
}

.modal-size__list-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  margin-bottom: 24px;
}

.modal-size__list-title .title-error {
  display: none;
}

.modal-size__list-title._error {
  color: red;
}

.modal-size__list-title._error .title-error {
  font-size: 14px;
  display: block;
}

.modal-size__notice {
  color: #0A4881;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: block;
  text-decoration: none;
  text-align: end;
}

.modal-size__item {
  position: relative;
  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;
  width: 100%;
  height: 32px;
  padding: 4px;
  border-radius: 4px;
  background: rgba(51, 51, 51, 0.08);
  font-size: 14px;
  line-height: 160%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.modal-size__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #fff0;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal-size__item:hover {
  color: #0A4881;
  background-color: rgba(51, 51, 51, 0.16);
}

.modal-size__item._selected {
  background-color: #0A4881;
  color: #fff;
  pointer-events: none;
}

.modal-size__item._disabled {
  color: #B3B3B3;
  background-color: #fff0;
  pointer-events: none;
}

.modal-size__item._disabled::after {
  border-color: rgba(51, 51, 51, 0.08);
}

@media only screen and (max-width: 1260px) {
  .modal-size {
    position: relative;
    top: 13px;
    border-radius: 8px 8px 0px 0;
  }
}

.modal-config__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden auto;
  z-index: 1;
  margin-bottom: 24px;
}

.modal-config .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.modal-config .simplebar-track.simplebar-vertical {
  width: 7px;
  right: -20px;
}

.modal-config__title {
  position: relative;
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.24px;
  margin-bottom: 25.5px;
  z-index: 1;
}

.modal-config__list {
  padding-top: 24px;
}

.modal-config__list > :not(:last-child) {
  margin-bottom: 8px;
}

.modal-config__list-head {
  position: relative;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.modal-config__list-head ::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  -webkit-transform: translateY(24px);
  -ms-transform: translateY(24px);
  transform: translateY(24px);
  z-index: 1;
}

.modal-config__list-head > :not(:last-child) {
  margin-right: 8px;
}

@media only screen and (max-width: 1260px) {
  .modal-config__list-head {
    padding-right: 24px;
    gap: 8px;
  }
}

.modal-config__list-wrapp {
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.modal-config__list-body {
  height: 0;
  overflow: hidden;
  padding-bottom: 24px;
}

._opened + .modal-config__list-body {
  height: auto;
}

.modal-config__list-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

@media only screen and (max-width: 1260px) {
  .modal-config__list-name {
    text-align: left;
  }
}

.modal-config__list-arrow {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

._opened .modal-config__list-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 1260px) {
  ._opened .modal-config__list-arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

@media only screen and (max-width: 1260px) {
  .modal-config__list-arrow {
    position: absolute;
    right: 0;
  }
}

.modal-config__list-selected {
  color: #808080;
  font-size: 14px;
  line-height: 160%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}

.modal-config__list-total {
  font-size: 14px;
  line-height: 160%;
  text-wrap: nowrap;
}

@media only screen and (max-width: 1260px) {
  .modal-config {
    position: relative;
    top: 13px;
    border-radius: 8px 8px 0px 0;
  }
}

.modal-extra__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  margin-bottom: 24px;
}

.modal-extra .simplebar-scrollbar::before {
  background-color: #B3B3B3;
  width: 2px;
}

.modal-extra .simplebar-track.simplebar-vertical {
  width: 7px;
  right: -20px;
}

.modal-extra__title {
  position: relative;
  font-family: CloserText, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.24px;
  margin-bottom: 25.5px;
  z-index: 1;
}

.modal-extra__list {
  padding-top: 24px;
}

.modal-extra__list > :not(:last-child) {
  margin-bottom: 8px;
}

.modal-extra__list-head {
  position: relative;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.modal-extra__list-head ::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  -webkit-transform: translateY(24px);
  -ms-transform: translateY(24px);
  transform: translateY(24px);
  z-index: 1;
}

.modal-extra__list-head > :not(:last-child) {
  margin-right: 8px;
}

.modal-extra__list-wrapp {
  border-bottom: 1px solid rgba(51, 51, 51, 0.16);
}

.modal-extra__list-body {
  height: 0;
  overflow: hidden;
  padding-bottom: 24px;
}

._opened + .modal-extra__list-body {
  height: auto;
}

.modal-extra__list-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

.modal-extra__list-arrow {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../img/ic_dropdown_arrow_bottom_black.svg");
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

._opened .modal-extra__list-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modal-extra__list-selected {
  color: #808080;
  font-size: 14px;
  line-height: 160%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}

.modal-extra__list-total {
  font-size: 14px;
  line-height: 160%;
  text-wrap: nowrap;
}

@media only screen and (max-width: 1260px) {
  .modal-extra {
    position: relative;
    top: 13px;
    border-radius: 8px 8px 0px 0;
  }
}

.modal-message {
  display: none;
}

.modal-message.fancybox__content {
  display: none;
  width: 465px;
  border-radius: 8px;
  background: #fff;
  padding: 42px 32px 32px;
}

@media only screen and (max-width: 1260px) {
  .modal-message.fancybox__content {
    padding: 28px 16px 34px;
    border-radius: 0;
    width: 600px;
  }
}

.modal-message__title {
  margin-bottom: 38px;
}

.modal-message__headline {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1260px) {
  .modal-message__headline {
    margin-top: 24px;
  }
}

.modal-message__sub-headline {
  display: block;
  color: #808080;
}

.config-item__input {
  display: none;
  opacity: 0;
}

.config-item__input-view {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-size: cover;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
}

.config-item__input-view._checkbox {
  background-image: url("../img/ic_checkbox_empty.svg");
}

.config-item__input-view._radio {
  background-image: url("../img/ic_radio_empty.svg");
}

.config-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(51, 51, 51, 0.08);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.config-item__label > :not(:last-child) {
  margin-right: 16px;
}

.config-item__input:checked + .config-item__label {
  border-color: #0A4881;
}

.config-item__input:checked + .config-item__label .config-item__input-view._checkbox {
  background-image: url("../img/ic_checkbox_checked.svg");
}

.config-item__input:checked + .config-item__label .config-item__input-view._radio {
  background-image: url("../img/ic_radio_checked.svg");
}

.config-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.config-item__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
}

.config-item__img-wrapp {
  position: relative;
  width: 122px;
  height: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.config-item__name {
  font-size: 14px;
  line-height: 160%;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.config-item__prices {
  -ms-flex-item-align: end;
  align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.config-item__prices > :not(:last-child) {
  margin-right: 8px;
}

.config-item__price {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
}

.config-item__price:first-child:before {
  content: '+';
}

.config-item__price + .config-item__price {
  position: relative;
  color: #B3B3B3;
}

.config-item__price + .config-item__price::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #B3B3B3;
}

.product-gift {
  pointer-events: none;
}

.product-gift__input-view._checkbox {
  background-image: url("../img/ic_checkbox_gift.svg");
}

.product-gift__text-color {
  color: #EE7E19;
}

.product-gift__input:checked + .product-gift__label {
  border-color: #EE7E19;
}

.product-gift__input:checked + .product-gift__label .product-gift__input-view._checkbox {
  background-image: url("../img/ic_checkbox_gift.svg");
}

.product-gift__svg {
  position: absolute;
  top: -12px;
  right: -12px;
}

@media only screen and (max-width: 1260px) {
  .product-gift__svg {
    display: none;
  }
}

.product-textile-preview {
  display: none;
}

.product-textile-preview._selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.product-textile-preview > :first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 1260px) {
  .product-textile-preview > :first-child {
    width: 56px;
    height: 56px;
  }
}

.product-textile-preview > :not(:last-child) {
  margin-right: 16px;
}

.product-textile-preview__info {
  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;
}

.product-textile-preview__info > :not(:last-child) {
  margin-bottom: 16px;
}

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

.product-textile-preview__color {
  font-size: 14px;
  line-height: 160%;
}

.product-textile-preview__edit {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("../img/ic_edit_grey.svg");
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-textile-preview:hover .product-textile-preview__edit {
  background-image: url("../img/ic_edit_blue.svg");
}

.product-textile-preview__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-textile-preview__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
  position: relative;
}

.product-textile-preview__type::after {
  content: '';
  width: 4px;
  height: 4px;
  margin-right: 8px;
  background-color: #D9D9D9;
  border-radius: 100%;
}

.product-textile-preview__price {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-wrap: nowrap;
  letter-spacing: -0.16px;
}

.sticky-product__card {
  -webkit-box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
  box-shadow: 0 26px 40px 0 rgba(236, 229, 223, 0.2);
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.sticky-product__card._show {
  opacity: 1;
  pointer-events: initial;
  visibility: visible;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__card {
    opacity: 1;
    pointer-events: initial;
    visibility: visible;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
  }
}

.sticky-product__picture {
  display: block;
  margin-right: 12px;
}

.sticky-product__picture img {
  display: block;
  width: 85px;
  height: 56px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__picture {
    display: none;
  }
}

.sticky-product__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__grid {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sticky-product__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #333;
  margin: 0;
  grid-column: 1 / 3;
}

.sticky-product__stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 56px;
}

.sticky-product__stats-span {
  margin: 0;
}

.sticky-product__rate {
  margin: 0;
}

.sticky-product__info {
  margin-right: 50px;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__info {
    display: none;
  }
}

.sticky-product__info + .sticky-product__add {
  margin-left: auto;
}

.sticky-product__price {
  margin-left: auto;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__price {
    display: none;
  }
}

.sticky-product__price-value {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.sticky-product__price-sale {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-decoration: line-through;
  color: #b3b3b3;
}

.sticky-product__price-percent {
  position: relative;
  width: 48px;
  height: 22px;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  padding-right: 4px;
}

.sticky-product__price-percent svg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.sticky-product__add {
  min-width: 210px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add {
    margin-left: initial;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.sticky-product__add-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add-btn {
    max-width: 240px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.sticky-product__add-btn::before {
  content: "";
  width: 21px;
  height: 21px;
  margin-right: 11px;
  display: block;
  background-image: url(../img/ic_basket_add_white.svg);
  background-size: 100%;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add-btn-text {
    display: none;
  }
}

.sticky-product__add-btn-price {
  display: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add-btn-price {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.sticky-product__add-btn-price--sale {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: line-through;
  color: #b3b3b3;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add-btn-box {
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
  }
}

.sticky-product__add-btn--added {
  display: none;
  padding-left: 38px;
  padding-right: 38px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 18px;
  background-color: #0063bd;
}

@media only screen and (max-width: 1260px) {
  .sticky-product__add-btn--added {
    padding-right: 36px;
    padding-left: 41px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.sticky-product__add-btn--added::before {
  display: none;
}

.sticky-product__add._basket .sticky-product__add-btn {
  display: none;
}

.sticky-product__add._basket .sticky-product__add-btn--added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sticky-product__actions {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}

.sticky-product__actions button {
  margin: 0;
}

.sticky-product__favorite, .sticky-product__compare {
  width: 48px;
  height: 48px;
}

.sticky-product__added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.sticky-product__added img {
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.modal__close-btn {
  margin-left: auto;
}

.modal__title {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1260px) {
  .modal__title {
    font-size: 19px;
    font-style: normal;
    letter-spacing: -0.19px;
  }
}

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

.modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 100%;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

@media only screen and (max-width: 1260px) {
  .modal__body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.modal__content {
  --border-radius: 8px;
  padding: 32px;
  background-color: #fff;
  max-width: 600px;
  width: 100%;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  z-index: 1;
  position: relative;
}

.modal__content.modal-textile-color_active {
  -webkit-box-shadow: 0 16px 24px 0 #ECE5DF;
  box-shadow: 0 16px 24px 0 #ECE5DF;
}

@media only screen and (max-width: 1260px) {
  .modal__content {
    padding: 16px;
    max-width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius);
  }
}

.modal__child + .modal__content {
  -webkit-box-shadow: 0 16px 24px 0 #ece5df;
  box-shadow: 0 16px 24px 0 #ece5df;
}

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

.modal._active .modal__body {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (max-width: 1260px) {
  .text-desk {
    display: none;
  }
}

.modal__content {
  overflow: hidden;
  height: 100vh;
}

@media only screen and (max-width: 1260px) {
  .modal__content {
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
  }
}

.modal__center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  margin-top: 24px;
  padding-bottom: 24px;
}

@media only screen and (max-width: 1260px) {
  .modal__center-top {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}

.modal__center-content {
  padding-top: 20px;
  position: relative;
  overflow-y: auto;
}

@media only screen and (max-width: 1260px) {
  .modal__center-content {
    padding-top: 16px;
    margin-bottom: 8px;
  }
}

.modal__bottom {
  margin-top: auto;
  position: absolute;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  background-color: #fff;
  z-index: 1;
}

@media only screen and (max-width: 1260px) {
  .modal__bottom {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.modal__tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 1260px) {
  .modal__tabs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scrollbar-color: #fff;
  }
  .modal__tabs::-webkit-scrollbar-thumb, .modal__tabs::-webkit-scrollbar-thumb {
    background-color: #fff;
  }
}

.modal__btn {
  height: 56px;
  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;
  gap: 4px;
}

.modal__btn-apply-value {
  color: #0A4881;
  display: none;
}

.modal__btn-apply-value.active {
  display: block;
}

.modal__btn_basket {
  margin-bottom: 8px;
  width: 100%;
  padding: 16px;
}

.modal__btn_basket::before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: block;
  background-image: url("../img/ic_basket_add_white.svg");
}

@media only screen and (max-width: 1260px) {
  .modal__btn_basket {
    font-size: 0;
  }
}

.modal__btn_basket-price {
  margin-left: auto;
  font-size: 14px;
}

.modal__tab {
  height: 40px;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  gap: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-wrap: nowrap;
  cursor: pointer;
  border: 2px solid transparent;
}

.modal__tab_more-plus {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.08);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
}

.modal__tab_more-plus.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__tab_more-plus::before {
  content: '';
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url("../img/ic_plus_dark-grey.svg");
}

.modal__tab_config-price, .modal__tab_extra-price, .modal__tab_gift-price {
  color: #0A4881;
  display: none;
}

.modal__tab_config-price.active, .modal__tab_extra-price.active, .modal__tab_gift-price.active {
  display: block;
}

.modal__tab_config-value, .modal__tab_extra-value, .modal__tab_gift-value {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #0A4881;
  color: #fff;
  display: none;
}

.modal__tab_config-value.active, .modal__tab_extra-value.active, .modal__tab_gift-value.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__tab_size-value {
  color: #0A4881;
  display: none;
}

.modal__tab_size-value.active {
  display: block;
}

.modal__tab_textile-value,
.modal__tab_textile .js-textile-img {
  width: 12px;
  height: 12px;
  border-radius: 100px;
  overflow: hidden;
  display: none;
}

.modal__tab_textile-value.active,
.modal__tab_textile .js-textile-img.active {
  display: block;
}

.modal__tab_textile-price {
  color: #0A4881;
  display: none;
}

.modal__tab_textile-price.active {
  display: block;
}

.modal__tab_gift-price {
  color: #EE7E19;
}

.modal__tab_gift-value {
  background-color: #EE7E19;
}

.modal__tab.active {
  border: 2px solid #0A4881;
  cursor: auto;
}

.modal__pane {
  display: none;
}

.modal__pane.active {
  display: block;
}

.modal .hidden-input {
  display: none;
}

.product-page {
  position: relative;
}

.product-page .sticky-product {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  visibility: hidden;
  z-index: 99;
}

@media only screen and (max-width: 1260px) {
  .product-page .sticky-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.product-page .sticky-product__card {
  position: sticky;
  top: 90px;
}

@media only screen and (max-width: 1260px) {
  .product-page .sticky-product__card {
    position: fixed;
    width: 100%;
    top: initial;
    bottom: 58px;
    margin-top: auto;
  }
}

@media only screen and (max-width: 1260px) {
  .product-page .product-card__basket {
    display: none;
  }
}

@media only screen and (max-width: 1260px) {
  .product-page .services {
    padding-bottom: 80px;
  }
}

/*# sourceMappingURL=main.css.map */