@charset "UTF-8";

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Golos Text VF";
  src: url("/fonts/golos-text_vf.woff2") format("woff2"), url("/fonts/golos-text_vf.woff") format("woff");
  font-style: normal;
}

:root {
  --black: #111112;
  --orange: #FF7A00;
  --gray: #505052;
  --purple: #0D4EFF;
  --white: #F1F0F5;
  --green: #19FFB0;
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100vh;
  font-family: "Golos Text VF";
  font-style: normal;
  font-weight: 400;
  color: #000000;
  font-size: 17px;
  line-height: 130%;
  background-color: #F2F1F5;
  overflow-x: hidden;
}

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

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

.container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1380px;
}

button,
input,
textarea {
  padding: 0;
  background: none;
  border: 0;
  outline: none;
  font: inherit;
}

button {
  cursor: pointer;
}

.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=checked].visually-hidden,
input[type=radio].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

button:hover,
button:active,
button:focus,
input:hover,
input:active,
input:focus {
  outline: none;
}

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

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
}

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

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.h2 {
  color: var(--black);
  font-size: 40px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.7px;
}

.h2 span {
  color: var(--orange);
}

.title-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.title-wrapper p {
  grid-row: 2/3;
  color: var(--gray);
  font-size: 21px;
  font-weight: 400;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.title-wrapper .outside-link {
  grid-column: 2/3;
  grid-row: 1/3;
  align-self: center;
  justify-self: end;
}

.outside-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  color: var(--purple);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 115.885%;
  text-decoration: none;
  border-radius: 33px;
  background: rgba(13, 78, 255, 0.1);
}

.title-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.title-wrapper1 p {
  margin-top: 12px;
  max-width: 820px;
  color: var(--black);
  text-align: center;
  font-size: 27px;
  line-height: 120.885%;
  letter-spacing: -0.27px;
}

.title-wrapper1 .outside-link {
  margin-top: 37px;
}

.bottom-link {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-top: 20px;
  color: var(--purple);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  text-decoration: none;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.rating {
  display: flex;
  align-items: center;
  color: var(--gray);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
}

.rating.active {
  color: var(--black);
}

.rating.active::before {
  background-image: url("/img/icon9.svg");
}

.rating.active span {
  display: block;
}

.rating span {
  display: none;
  color: var(--orange);
}

.rating::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.action-btn {
  transition: 0.3s;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  text-decoration: none;
  border-radius: 12px;
}

.btn.btn--white {
  color: #111112;
  background: #FFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

.btn.btn--black {
  color: #FFF;
  background: #111112;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  overflow: hidden;
}

#preloader.load .line {
  left: 0;
}

#preloader .img {
  width: 70px;
  height: auto;
}

#preloader .line-wrapper {
  position: relative;
  width: 232px;
  height: 4px;
  margin-top: 34px;
  background-color: #D9D9D9;
  border-radius: 2px;
  overflow: hidden;
}

#preloader .line-wrapper .line {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #111112;
  border-radius: 2px;
  animation: loading 0.5s forwards;
  transition: 0.1s;
}

@keyframes loading {
  0% {
    left: -100%;
  }

  100% {
    left: 0;
  }
}

body.menu--open {
  overflow: hidden;
  padding-right: 15px;
}

body.menu--open .header-top {
  padding-right: 15px;
  background-color: var(--white);
}

body.menu--open .header-top .menu-btn {
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

body.menu--open .header-top .menu-btn span {
  color: #000;
}

body.menu--open .header-top .menu-btn span::before {
  background-image: url("/img/cancel.svg");
}

body.menu--open .header-top .search .search__btn {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

body.menu--open .header-top .header-item .img-wrapper {
  opacity: 0.7;
}

body.menu--open .header-top .header-item .header-item__num {
  background-color: var(--gray);
}

body.menu--open .header-top .header-item .header-item__num .services-num {
  background-color: var(--white) !important;
}

body.menu--open .header-top .header-item .header-item__txt {
  color: var(--gray);
}

body.menu--open .header-bottom {
  background-color: var(--white);
}

body.menu--open .header-bottom .container {
  padding-right: 27.5px;
}

body.menu--open .header-bottom .link {
  color: var(--gray);
}

body.menu--open .menu {
  bottom: 20px;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}

body.menu--open .overlay {
  opacity: 1;
  visibility: visible;
}

body.delivery-map-open {
  padding-right: 15px;
  overflow: hidden;
}

body.delivery-map-open .header-top {
  padding-right: 15px;
  background-color: #ffffff;
}

body.delivery-map-open .header-bottom {
  z-index: 200;
  background-color: #ffffff;
}

body.modal-active .header-top {
  z-index: 199;
}

body.search-focused .header-top {
  background-color: var(--white);
}

body.search-focused .header-top .search .search__btn {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

body.search-focused .header-top .header-item .img-wrapper {
  opacity: 0.7;
}

body.search-focused .header-top .header-item .header-item__num {
  background-color: var(--gray);
}

body.search-focused .header-top .header-item .header-item__num .services-num {
  background-color: var(--white) !important;
}

body.search-focused .header-top .header-item .header-item__txt {
  color: var(--gray);
}

body.search-focused .header-bottom {
  background-color: var(--white);
}

body.search-focused .header-bottom .link {
  color: var(--gray);
}

body.search-focused .overlay {
  opacity: 1;
  visibility: visible;
}

body.region-select {
  padding-right: 15px;
  overflow: hidden;
}

body.region-select .header-top {
  padding-right: 15px;
  background-color: var(--white);
}

body.region-select .header-bottom .container {
  padding-right: 27.5px;
}

body.cover {
  overflow: hidden;
  padding-right: 15px;
}

body.cover .header-top {
  padding-right: 15px;
  background-color: var(--white);
  transition: 0;
}

body.cover .header-top .search .search__btn {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

body.cover .header-top .header-item .img-wrapper {
  opacity: 0.7;
}

body.cover .header-top .header-item .header-item__num {
  background-color: var(--gray);
}

body.cover .header-top .header-item .header-item__num .services-num {
  background-color: var(--white) !important;
}

body.cover .header-top .header-item .header-item__txt {
  color: var(--gray);
}

body.cover .header-bottom {
  background-color: var(--white);
}

body.cover .header-bottom .container {
  padding-right: 27.5px;
}

body.cover .header-bottom .link {
  color: var(--gray);
}

body.cover .overlay {
  opacity: 1;
  visibility: visible;
}

body.item-page .header .header-bottom {
  position: absolute;
}

body.item-page .header .header-bottom.move {
  top: 62px;
}

body.item-page .header .header-bottom.active {
  top: 62px;
}

body.body--popup-open {
  overflow: hidden;
  padding-right: 15px;
}

body.body--popup-open .header-top {
  padding-right: 15px;
  background-color: var(--white);
  transition: 0;
}

body.body--popup-open .header-top .search .search__btn {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

body.body--popup-open .header-top .header-item .img-wrapper {
  opacity: 0.7;
}

body.body--popup-open .header-top .header-item .header-item__num {
  background-color: var(--gray);
}

body.body--popup-open .header-top .header-item .header-item__num .services-num {
  background-color: var(--white) !important;
}

body.body--popup-open .header-top .header-item .header-item__txt {
  color: var(--gray);
}

body.body--popup-open .header-bottom {
  background-color: var(--white);
}

body.body--popup-open .header-bottom .container {
  padding-right: 27.5px;
}

body.body--popup-open .header-bottom .link {
  color: var(--gray);
}

body.body--popup-open .overlay {
  opacity: 1;
  visibility: visible;
}

.header .header-top {
  position: fixed;
  bottom: calc(100% - 62px);
  left: 0;
  z-index: 200;
  width: 100%;
  height: 62px;
  background: #FFF;
}

.header .header-top .container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .header-top .header-logo {
  flex-shrink: 0;
  width: 113px;
  height: 32px;
  margin-right: 116px;
  overflow: hidden;
}

.header .header-top .header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .header-top .menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 40px;
  margin-right: 10px;
  border-radius: 8px;
  background: var(--black);
  transition: 0.3s;
}

.header .header-top .menu-btn span {
  position: relative;
  display: block;
  padding-left: 25px;
  color: #FFF;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  font-weight: 400;
  transition: 0.3s;
}

.header .header-top .menu-btn span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/img/menu.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.header .header-top .menu-btn span.mobile {
  display: none;
  margin: 0;
  white-space: nowrap;
}

.header .header-top .home-btn {
  display: none;
}

.header .header-top .search {
  position: relative;
  flex: 1;
  margin-right: 20px;
}

.header .header-top .search.focused input {
  padding-left: 13px;
  border-radius: 6px;
  border: 2px solid #111112;
  background: #FFF;
}

.header .header-top .search.focused .search__btn {
  right: 0;
  height: 100%;
  width: 87px;
  color: #FFF;
  background: #111112;
  border: 3px solid #111112;
  border-radius: 0 6px 6px 0;
  box-shadow: none;
}

.header .header-top .search.focused .bottom {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.header .header-top .search .search__input {
  width: 100%;
  height: 40px;
  padding: 0 14px;
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F1F0F5;
}

.header .header-top .search .search__input:focus::placeholder {
  color: transparent;
}

.header .header-top .search .search__input::placeholder {
  color: #000;
}

.header .header-top .search .search__btn {
  position: absolute;
  top: 50%;
  right: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 34px;
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  font-weight: 400;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.19);
  transform: translateY(-50%);
}

.header .header-top .search .bottom {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  padding: 56px 18px 18px;
  margin-top: -30px;
  overflow: hidden;
  transition: 0.3s;
  border-radius: 6px;
  border: 2px solid #FFF;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.2), 0px 2px 0px 0px #FFF inset;
  opacity: 0;
  visibility: hidden;
}

.header .header-top .search .bottom .search-history-title {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
}

.header .header-top .search .bottom .search-history-txt {
  margin-top: 11px;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
}

.header .header-top .search .bottom .search-history-txt span {
  font-weight: 600;
}

.header .header-top .search .bottom .search-history-txt::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("/img/history.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.header .header-top .search .bottom .goods {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.header .header-top .search .bottom .goods h4 {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
  font-weight: 400;
}

.header .header-top .search .bottom .goods ul {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.header .header-top .search .bottom .goods ul li {
  margin-top: 12px;
}

.header .header-top .search .bottom .goods ul a {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 1px 11px;
  text-decoration: none;
}

.header .header-top .search .bottom .goods ul picture {
  grid-row: 1/3;
  align-self: center;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.header .header-top .search .bottom .goods ul picture source,
.header .header-top .search .bottom .goods ul picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .header-top .search .bottom .goods ul h6 {
  color: #000;
  font-size: 17px;
  line-height: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.header .header-top .search .bottom .goods ul p {
  color: var(--gray);
  font-size: 12px;
  line-height: 115.385%;
}

.header .header-top .search .bottom .brands {
  margin: 0;
  padding: 0;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent;
}

.header .header-top .search .bottom .brands h4 {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
  font-weight: 400;
}

.header .header-top .search .bottom .brands ul {
  margin-top: 10px;
  list-style: none;
}

.header .header-top .search .bottom .brands ul li {
  margin-top: 2px;
}

.header .header-top .search .bottom .brands ul li:first-of-type {
  margin-top: 0;
}

.header .header-top .search .bottom .brands ul a {
  color: #000;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  text-decoration: none;
}

.header .header-top .search .bottom .brands ul a span {
  font-weight: 600;
}

.header .header-top .profile-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.header .header-top .profile-wrapper .mobile-wrapper {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.header .header-top .profile-wrapper .mobile-wrapper.active {
  display: block;
}

.header .header-top .profile-wrapper .mobile-wrapper.open {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.header .header-top .profile-wrapper .mobile-wrapper.open .user-portal {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.header .header-top .profile-wrapper .user-portal {
  position: absolute;
  top: 62px;
  right: 0;
  width: 316px;
  margin-top: 30px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.header .header-top .profile-wrapper .user-portal.user-logged .bottom .portal-wrapper .img-wrapper svg g path {
  fill: #111112;
}

.header .header-top .profile-wrapper .user-portal.user-logged .bottom .portal-wrapper h6 {
  color: #000;
}

.header .header-top .profile-wrapper .user-portal.user-logged span {
  grid-column: 3/4;
  grid-row: 1/3;
  justify-self: end;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.13px;
  border-radius: 26px;
  background: var(--orange);
}

.header .header-top .profile-wrapper .user-portal.user-unlogged .bottom {
  padding-top: 3px;
}

.header .header-top .profile-wrapper .user-portal .top {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px 25px 28px;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: linear-gradient(180deg, rgba(255, 122, 0, 0.1) 0%, rgba(255, 122, 0, 0) 100%);
}

.header .header-top .profile-wrapper .user-portal .top picture {
  display: block;
  width: 145px;
  height: 88px;
  flex-shrink: 0;
  overflow: hidden;
}

.header .header-top .profile-wrapper .user-portal .top picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .header-top .profile-wrapper .user-portal .top h3 {
  margin-top: 22px;
  color: #000;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  line-height: 128.885%;
  letter-spacing: -0.21px;
}

.header .header-top .profile-wrapper .user-portal .top p {
  margin-top: 7px;
  color: #000;
  text-align: center;
  font-size: 14px;
  line-height: 136.885%;
  letter-spacing: -0.14px;
}

.header .header-top .profile-wrapper .user-portal .top .user-create {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 13px;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 115.885%;
  border-radius: 8px;
  background: var(--orange);
}

.header .header-top .profile-wrapper .user-portal .top .user-enter {
  margin-top: 8px;
  color: var(--purple);
  text-align: center;
  font-size: 13px;
  line-height: 136.885%;
}

.header .header-top .profile-wrapper .user-portal .bottom {
  padding: 15px 15px 3px;
  background: #FFF;
}

.header .header-top .profile-wrapper .user-portal .button-wrapper {
  padding: 14px 15px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: var(--white);
}

.header .header-top .profile-wrapper .user-portal .button-wrapper button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  width: 100%;
  color: #FF3B0D;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 20px auto auto;
  grid-gap: 0 12px;
  padding: 7px 0 10px;
  text-decoration: none;
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper:last-of-type::before {
  content: none;
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 32px;
  width: calc(100% - 32px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper .img-wrapper {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: start;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper .img-wrapper svg {
  opacity: 1;
  visibility: visible;
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper h6 {
  grid-column: 2/3;
  grid-row: 1/2;
  color: var(--gray);
  font-size: 17px;
  line-height: 128.885%;
  font-weight: 400;
  letter-spacing: -0.17px;
}

.header .header-top .profile-wrapper .user-portal .portal-wrapper p {
  grid-column: 2/3;
  grid-row: 2/3;
  color: var(--gray);
  font-size: 12px;
  line-height: 115.385%;
}

.header .header-top .profile-wrapper .user-portal .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.header .header-top .profile-wrapper .user-portal .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.header .header-top .profile-wrapper .user-portal .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.header .header-top .header-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
  padding-left: 15px;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

.header .header-top .header-item.cart {
  padding: 0;
  padding-left: 0;
  margin: 0;
  margin-left: 0;
  height: auto;
  background-color: transparent;
  overflow: visible;
}

.header .header-top .header-item.cart::before {
  content: none;
}

.header .header-top .header-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 32px;
  background: rgba(0, 0, 0, 0.12);
  transform: translateY(-50%);
  transition: 0.3s;
}

.header .header-top .header-item .img-wrapper {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.header .header-top .header-item .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .header-top .header-item .header-item__num {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  flex-shrink: 0;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  line-height: 18px;
  background: #FF7A00;
}

.header .header-top .header-item .header-item__num.cart-num {
  position: relative;
  border-radius: 30px;
  min-width: 20px;
  padding: 0 5px;
}

.header .header-top .header-item .header-item__num.cart-num .services-num {
  position: absolute;
  top: -7px;
  right: -7px;
  padding: 0 2px;
  color: #000;
  text-align: center;
  font-size: 9px;
  font-weight: 500;
  line-height: 112%;
  border-radius: 22px;
  border: 2px solid #FFF;
  background: #19FFB0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.38);
}

.header .header-top .header-item .header-item__num.profile-num {
  border-radius: 30px;
  min-width: 20px;
  padding: 0 5px;
}

.header .header-top .header-item .header-item__txt {
  margin-left: 7px;
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
  transition: 0.3s;
}

.header .header-bottom {
  position: fixed;
  z-index: 100;
  top: 62px;
  height: 42px;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: #FBFAFF;
  transition: 0.3s;
}

.header .header-bottom.move {
  top: 0;
}

.header .header-bottom.active {
  top: 62px;
}

.header .header-bottom .container {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 2px;
}

.header .header-bottom .region {
  position: relative;
  height: 100%;
}

.header .header-bottom .region .title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  font-weight: 400;
  cursor: pointer;
}

.header .header-bottom .region .title::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("/img/icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.header .header-bottom nav {
  display: flex;
  align-items: center;
  margin-left: 38px;
}

.header .header-bottom nav a {
  display: flex;
  margin-left: 38px;
  color: var(--gray);
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  text-decoration: none;
  font-weight: 400;
}

.header .header-bottom nav a:first-of-type {
  margin-left: 0;
}

.header .header-bottom .link {
  position: relative;
  display: block;
  margin-left: 38px;
  color: var(--purple);
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  text-decoration: none;
  font-weight: 400;
}

.header .header-bottom .link:first-of-type {
  padding-left: 38px;
}

.header .header-bottom .link:last-of-type::before {
  content: none;
}

.header .header-bottom .link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 13px;
  background: rgba(0, 0, 0, 0.12);
  transform: translateY(-50%);
}

.menu {
  position: fixed;
  bottom: -10px;
  left: 50%;
  z-index: 200;
  width: 100%;
  max-width: 885px;
  height: calc(100vh - 82px - 20px);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}

.menu.menu--open {
  transition: 0.3s;
}

.menu.second .main-page {
  display: none;
}

.menu.second .second-page {
  display: flex;
}

.menu .main-page {
  position: relative;
  width: 100%;
  padding: 24px 30px 30px;
  height: 100%;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  overflow-y: scroll;
}

.menu .main-page::-webkit-scrollbar {
  width: 0;
}

.menu .main-page .search {
  position: relative;
  display: none;
}

.menu .main-page .search::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon41.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.menu .main-page .search.focused {
  display: flex;
  justify-content: space-between;
  margin: 0 -20px;
  width: calc(100% + 40px);
  padding: 0 20px 12px;
  border-bottom: 1px solid var(--Op-12-Black, rgba(0, 0, 0, 0.12));
}

.menu .main-page .search.focused::before {
  content: none;
}

.menu .main-page .search.focused input {
  padding-left: 13px;
  width: calc(100% - 8px - 100px);
  height: 47px;
  border-radius: 6px;
  border: 2px solid #111112;
  background: #FFF;
}

.menu .main-page .search.focused .del-btn {
  display: block;
}

.menu .main-page .search.focused .search__btn {
  right: 0;
  height: 47px;
  width: 100px;
  display: flex;
  color: #F1F0F5;
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  white-space: nowrap;
  border-radius: 8px;
  background: #111112;
  box-shadow: none;
  overflow: hidden;
}

.menu .main-page .search.focused .bottom {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.menu .main-page .search .search__input {
  width: 100%;
  height: 40px;
  padding: 0 14px 0 46px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F1F0F5;
}

.menu .main-page .search .search__input:focus::placeholder {
  color: transparent;
}

.menu .main-page .search .search__input::placeholder {
  color: var(--Gray, #505052);
}

.menu .main-page .search .del-btn {
  position: absolute;
  top: 12px;
  right: 140px;
  display: none;
  flex-basis: 0;
  width: 24px;
  height: 24px;
}

.menu .main-page .search .del-btn svg {
  display: block;
  width: 24px;
  height: 24px;
}

.menu .main-page .search .search__btn {
  display: none;
  justify-content: center;
  align-items: center;
  width: 81px;
  height: 34px;
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  font-weight: 400;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.19);
}

.menu .main-page .search .bottom {
  position: fixed;
  top: 86px;
  left: 0;
  width: 100%;
  height: calc(100% - 73px - 8px - 5px);
  padding: 25px 20px 20px;
  margin: 0;
  overflow: hidden;
  overflow-y: scroll;
  background: #FFF;
  border-radius: 0 0 12px 12px;
  opacity: 0;
  visibility: hidden;
}

.menu .main-page .search .bottom .search-history-title {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
}

.menu .main-page .search .bottom .search-history-txt {
  margin-top: 11px;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
}

.menu .main-page .search .bottom .search-history-txt span {
  font-weight: 600;
}

.menu .main-page .search .bottom .search-history-txt::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("/img/history.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.menu .main-page .search .bottom .goods {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.menu .main-page .search .bottom .goods h4 {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
  font-weight: 400;
}

.menu .main-page .search .bottom .goods ul {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.menu .main-page .search .bottom .goods ul li {
  margin-top: 12px;
}

.menu .main-page .search .bottom .goods ul a {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 1px 11px;
  text-decoration: none;
}

.menu .main-page .search .bottom .goods ul picture {
  grid-row: 1/3;
  align-self: center;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.menu .main-page .search .bottom .goods ul picture source,
.menu .main-page .search .bottom .goods ul picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .search .bottom .goods ul h6 {
  color: #000;
  font-size: 17px;
  line-height: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.menu .main-page .search .bottom .goods ul p {
  color: var(--gray);
  font-size: 12px;
  line-height: 115.385%;
}

.menu .main-page .search .bottom .brands {
  margin: 0;
  padding: 0;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent;
}

.menu .main-page .search .bottom .brands h4 {
  color: #595959;
  font-size: 13px;
  line-height: 115.385%;
  font-weight: 400;
}

.menu .main-page .search .bottom .brands ul {
  margin-top: 10px;
  list-style: none;
}

.menu .main-page .search .bottom .brands ul li {
  margin-top: 2px;
}

.menu .main-page .search .bottom .brands ul li:first-of-type {
  margin-top: 0;
}

.menu .main-page .search .bottom .brands ul a {
  color: #000;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  text-decoration: none;
}

.menu .main-page .search .bottom .brands ul a span {
  font-weight: 600;
}

.menu .main-page .search .bottom .btn-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #FFF;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.14);
}

.menu .main-page .search .bottom .btn-wrapper .btn {
  width: 100%;
  height: 44px;
}

.menu .main-page .region {
  display: none;
  grid-template-columns: 24px 1fr 24px;
  grid-gap: 0 9px;
  padding: 12px 13px;
  margin-top: 9px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.menu .main-page .region h6 {
  font-weight: 400;
  color: #000;
  font-size: 17px;
  line-height: 128.885%;
  letter-spacing: -0.17px;
}

.menu .main-page .region p {
  margin-top: -2px;
  color: var(--gray);
  font-size: 12px;
  line-height: 128.885%;
}

.menu .main-page .region svg {
  grid-row: 1/3;
  width: 24px;
  height: 24px;
  align-self: center;
}

.menu .main-page .region svg.mark {
  grid-column: 1/2;
}

.menu .main-page .region svg.list {
  grid-column: 3/4;
}

.menu .main-page .categories-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin-top: 18px;
  list-style: none;
}

.menu .main-page .categories-list li {
  border-radius: 8px;
  background: var(--white);
  overflow: hidden;
  cursor: pointer;
}

.menu .main-page .categories-list .top {
  margin: 0;
  padding: 0;
  padding: 18px 20px 18px 15px;
  display: grid;
  grid-template-columns: 55px 1fr;
  grid-gap: 2px 8px;
}

.menu .main-page .categories-list .img-wrapper {
  grid-row: 1/3;
  align-self: center;
  width: 55px;
  height: 55px;
  overflow: hidden;
}

.menu .main-page .categories-list .img-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .categories-list .categories-list__name {
  align-self: end;
  color: #000;
  font-weight: 600;
  font-size: 17px;
  line-height: 124.385%;
}

.menu .main-page .categories-list .categories-list__txt {
  color: #000;
  font-size: 17px;
  line-height: 124.385%;
  letter-spacing: -0.051px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.menu .main-page .news-banner {
  margin: 30px 0;
  padding: 30px 0;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 2px 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}

.menu .main-page .news-banner .img-wrapper {
  grid-row: 1/3;
  align-self: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.menu .main-page .news-banner .img-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .news-banner h6 {
  align-self: end;
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 124.385%;
}

.menu .main-page .news-banner h6 span {
  color: var(--purple);
}

.menu .main-page .news-banner p {
  color: #000;
  font-size: 17px;
  line-height: 124.385%;
  letter-spacing: -0.051px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.menu .main-page .news-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
  list-style: none;
}

.menu .main-page .news-list li {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 18px 27px 25px;
  border-radius: 8px;
  background: var(--black);
  overflow: hidden;
}

.menu .main-page .news-list picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.menu .main-page .news-list picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .news-list p {
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
}

.menu .main-page .advantages-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin: 30px 0;
  padding-top: 30px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.menu .main-page .advantages-list li {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--white);
}

.menu .main-page .advantages-list .img-wrapper {
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.menu .main-page .advantages-list .img-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .advantages-list h6 {
  margin-top: 16px;
  color: var(--black);
  font-size: 27px;
  font-weight: 500;
  line-height: 111.385%;
  letter-spacing: -0.135px;
}

.menu .main-page .advantages-list h6 span {
  color: var(--purple);
}

.menu .main-page .advantages-list p {
  margin-top: 7px;
  margin-bottom: 24px;
  color: #000;
  font-size: 17px;
  line-height: 126.885%;
}

.menu .main-page .advantages-list a {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  color: #FFF;
  font-size: 17px;
  line-height: 40px;
  text-decoration: none;
  border-radius: 33px;
  background: var(--black);
}

.menu .main-page .store-list {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}

.menu .main-page .store-list li {
  padding: 5px;
  border-radius: 8px;
  background: var(--white);
  overflow: hidden;
}

.menu .main-page .store-list picture {
  display: block;
  width: 100%;
  height: 191px;
  border-radius: 4px;
  overflow: hidden;
}

.menu .main-page .store-list picture source,
.menu .main-page .store-list picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu .main-page .store-list .txt-wrapper {
  padding: 15px;
}

.menu .main-page .store-list .txt-wrapper h6 {
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 124.385%;
  letter-spacing: -0.21px;
}

.menu .main-page .store-list .txt-wrapper .address-wrapper {
  margin-top: 15px;
  padding-top: 15px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 2px 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.menu .main-page .store-list .txt-wrapper .address-wrapper a {
  grid-row: 1/3;
  align-self: center;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 8px 12px 8px 9px;
  text-decoration: none;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.19);
}

.menu .main-page .store-list .txt-wrapper .address-wrapper a span {
  margin-left: 6px;
  color: #000;
  font-size: 17px;
  line-height: 133.885%;
  letter-spacing: -0.17px;
}

.menu .main-page .store-list .txt-wrapper .address-wrapper .txt {
  align-self: end;
  color: var(--gray);
  font-size: 14px;
  line-height: 124.385%;
}

.menu .main-page .store-list .txt-wrapper .address-wrapper .time {
  color: #000;
  font-size: 17px;
  line-height: 124.385%;
  letter-spacing: -0.17px;
}

.menu .main-page .store-list-btn {
  display: none;
}

.menu .main-page .services-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin-top: 30px;
  list-style: none;
  border: none;
}

.menu .main-page .services-list li {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--white);
}

.menu .main-page .services-list .img-wrapper {
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.menu .main-page .services-list .img-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .main-page .services-list h6 {
  margin-top: 16px;
  color: var(--black);
  font-size: 27px;
  font-weight: 500;
  line-height: 111.385%;
  letter-spacing: -0.135px;
}

.menu .main-page .services-list h6 span {
  color: #65AC00;
}

.menu .main-page .services-list p {
  margin-top: 7px;
  margin-bottom: 24px;
  color: #000;
  font-size: 17px;
  line-height: 126.885%;
}

.menu .main-page .services-list a {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  color: #FFF;
  font-size: 17px;
  line-height: 40px;
  text-decoration: none;
  border-radius: 33px;
  background: var(--black);
}

.menu .second-page {
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  top:0;
  left:0;
}

.second-page--wrap, .third-page--wrap {
    display: none;
}

.menu .second-page::-webkit-scrollbar {
  width: 0;
}

.menu .second-page .title-wrapper {
  margin: 0;
  grid-template-columns: 66px 1px 1fr;
  grid-gap: 0 15px;
  padding: 21px 24px 22px !important;
  border: none;
}

.menu .second-page .title-wrapper button {
  grid-row: 1/3;
  align-self: center;
  width: 66px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 57px;
  background: rgba(13, 78, 255, 0.1);
}

.menu .second-page .title-wrapper button svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.menu .second-page .title-wrapper button svg.mobile {
  display: none;
}

.menu .second-page .title-wrapper .page-close-btn {
  display: none;
}

.menu .second-page .title-wrapper .page-close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.menu .second-page .title-wrapper .line {
  width: 1px;
  height: 50px;
  display: block;
  grid-row: 1/3;
  background: rgba(0, 0, 0, 0.12);
}

.menu .second-page .title-wrapper h2 {
  color: var(--black);
  font-size: 27px;
  font-weight: 600;
  line-height: 124.385%;
  letter-spacing: -0.27px;
}

.menu .second-page .title-wrapper a {
  display: flex;
  align-items: center;
  margin-top: -3px;
  text-decoration: none;
}

.menu .second-page .title-wrapper a .txt {
  color: var(--purple);
  font-size: 17px;
  line-height: 124.385%;
}

.menu .second-page .title-wrapper a .arrow {
  margin-left: 4px;
  color: var(--purple);
  font-size: 17px;
  line-height: 124.385%;
}

.menu .second-page .title-wrapper a .subtxt {
  display: none;
  color: var(--gray);
  font-size: 12px;
  line-height: 128.885%;
}

.menu .second-page .inner-wrapper {
  height: 100%;
}

.menu .second-page .page-list {
  padding: 44px 40px 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px;
  background: rgba(241, 240, 245, 0.6);
}

.menu .second-page .page-list li {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-gap: 16px;
  height: auto;
}

.menu .second-page .page-list picture {
  width: 100%;
  display: block;
  align-self: start;
  overflow: hidden;
}

.menu .second-page .page-list picture source,
.menu .second-page .page-list picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.menu .second-page .page-list .txt-wrapper {
  padding-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.menu .second-page .page-list h6 {
  padding-bottom: 16px;
  color: #000;
  font-size: 17px;
  font-weight: 560;
  line-height: 124.385%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.menu .second-page .page-list ul li {
  display: block;
  margin-top: 9px;
}

.menu .second-page .page-list ul li:first-of-type {
  margin-top: 0;
}

.menu .second-page .page-list ul a {
  display: block;
  color: var(--gray);
  font-size: 17px;
  line-height: 124.385%;
  letter-spacing: -0.17px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}

.menu .second-page .page-list button {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  color: #585759;
  font-size: 14px;
  line-height: 125.4%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.35), 0px -1px 0px 0px rgba(0, 0, 0, 0.12) inset;
}

.menu .third-page {
  display: none;
  margin-bottom: 78px;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  overflow-y: scroll;
  border-radius: 12px;
}

.menu .third-page .title-wrapper {
  position: relative;
  display: block;
  padding: 20px 20px 16px !important;
  margin: 0;
  grid-template-columns: 66px 1px 1fr;
  grid-gap: 0 15px;
  background: #F1F0F5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.menu .third-page .title-wrapper h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 14px;
  color: var(--Black-10, #111112);
  font-size: 24px;
  font-weight: 600;
  line-height: 115.885%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #F1F0F5;
}

.menu .third-page .title-wrapper a {
  display: flex;
  align-items: center;
  margin-top: -3px;
  text-decoration: none;
}

.menu .third-page .title-wrapper a .txt {
  color: var(--purple);
  font-size: 17px;
  line-height: 124.385%;
}

.menu .third-page .title-wrapper a .arrow {
  margin-left: 4px;
  color: var(--purple);
  font-size: 17px;
  line-height: 124.385%;
}

.menu .third-page .title-wrapper a .subtxt {
  display: none;
  color: var(--gray);
  font-size: 12px;
  line-height: 128.885%;
}

.menu .third-page .inner-wrapper {
  height: 100%;
}

.menu .third-page .page-list {
  padding: 44px 40px 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px;
  background: rgba(241, 240, 245, 0.6);
  list-style: none;
}

.menu .third-page .page-list .txt-wrapper {
  padding-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.menu .third-page .page-list a {
  padding-bottom: 16px;
  color: #000;
  font-size: 17px;
  font-weight: 560;
  line-height: 124.385%;
  text-decoration: none;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  border-bottom: 1px solid var(--Op-12-Black, rgba(0, 0, 0, 0.12));
  overflow: hidden;
}

.menu .popup-btns-wrapper .back-btn {
  display: none;
  justify-content: center;
  align-items: center;
  height: 57px;
  padding: 0 20px;
  flex-shrink: 0;
  margin-right: 7px;
  border-radius: 12px;
  background: rgba(239, 239, 239, 0.75);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
  backdrop-filter: blur(10px);
}

.menu .popup-btns-wrapper .back-btn span {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.menu .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.menu .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.menu .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.menu .title-wrapper {
  margin-top: 30px;
}

.menu .title-wrapper.title-wrapper--top {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.menu .title-wrapper h2 {
  color: var(--black);
  font-size: 27px;
  font-weight: 600;
  line-height: 124.385%;
  letter-spacing: -0.27px;
}

.menu .title-wrapper p {
  color: #000;
  font-size: 17px;
  line-height: 124.385%;
  letter-spacing: -0.17px;
}

.main-item {
  position: fixed;
  bottom: -10px;
  left: 50%;
  z-index: 200;
  width: 100%;
  max-width: 658px;
  height: calc(100vh - 82px - 20px);
  border-radius: 12px;
  background: var(--white);
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}

.main-item.active {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.main-item .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.main-item .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.main-item .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.main-item .container {
  height: 100%;
  padding: 0;
  border-radius: 12px;
  overflow-y: scroll;
}

.main-item .container::-webkit-scrollbar {
  width: 0;
}

.main-item .container .simplebar-mask {
  border-radius: 12px;
}

.main-item .top {
  margin: 0;
  padding: 20px 20px 25px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  border-radius: 12px 12px 0 0;
}

.main-item .top p {
  grid-column: 1/3;
  color: var(--gray);
  font-size: 15px;
  line-height: 130.385%;
}

.main-item .top h3 {
  grid-column: 1/3;
  margin-top: 1px;
  color: var(--black);
  font-size: 24px;
  font-weight: 600;
  line-height: 122.385%;
  letter-spacing: -0.24px;
}

.main-item .top button {
  margin-top: 16px;
  width: 100%;
  height: 52px;
  padding: 0 12px 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  border-radius: 8px;
}

.main-item .top button.favorite, .main-item .top button.comparison {
  color: var(--black);
  background-color: var(--white);
}
.main-item .top button.active {
  color: #ffffff !important;
  background-color: var(--purple) !important;
}

.main-item .bottom {
  padding: 20px;
}

.main-item .bottom .availability .top-wrapper {
  display: grid;
  grid-template-columns: 1fr 239px;
}

.main-item .bottom .availability .top-wrapper h4 {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 115.885%;
  letter-spacing: -0.24px;
}

.main-item .bottom .availability .top-wrapper p {
  color: var(--gray);
  font-size: 15px;
  line-height: 130.385%;
}

.main-item .bottom .availability .top-wrapper p a {
  position: relative;
  display: inline-block;
  color: var(--purple);
  font-size: 15px;
  line-height: 130.385%;
  text-decoration: none;
}

.main-item .bottom .availability .top-wrapper p a::before {
  content: "•";
  margin: 0 5px;
  color: var(--purple);
  font-size: 15px;
  line-height: 130.385%;
  text-decoration: none;
}

.main-item .bottom .availability .top-wrapper .tabs {
  grid-row: 1/3;
  grid-column: 2/3;
  align-self: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px;
  padding: 3px;
  height: 38px;
  border-radius: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.main-item .bottom .availability .top-wrapper .tabs p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  line-height: 126%;
  cursor: pointer;
}

.main-item .bottom .availability .top-wrapper .tabs p.active {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}

.main-item .bottom .availability ul {
  margin-top: 20px;
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.main-item .bottom .availability ul li {
  border-radius: 8px;
  background: #FFF;
  overflow: hidden;
}

.main-item .bottom .availability ul li.disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: var(--white);
}

.main-item .bottom .availability ul li.disabled .where {
  color: var(--gray);
}

.main-item .bottom .availability ul li.disabled .num {
  color: var(--gray);
}

.main-item .bottom .availability ul a {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0 5px;
  padding: 13px 34px 10px 13px;
  text-decoration: none;
}

.main-item .bottom .availability ul .metro {
  height: 22px;
}

.main-item .bottom .availability ul .name {
  position: relative;
  display: block;
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
  line-height: 130.385%;
}

.main-item .bottom .availability ul .where {
  grid-column: 1/3;
  margin-top: 10px;
  overflow: hidden;
  color: var(--black);
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 130.385%;
  white-space: nowrap;
}

.main-item .bottom .availability ul .num {
  grid-column: 1/3;
  margin-top: 2px;
  color: var(--black);
  font-size: 27px;
  line-height: 130.385%;
  letter-spacing: -0.81px;
}

.main-item .bottom .availability ul .arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
}

.main-item .bottom .services {
  padding: 0;
  margin: 0;
  padding-top: 18px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.main-item .bottom .services svg.services-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}

.main-item .bottom .services h3 {
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.main-item .bottom .services p {
  margin-top: 2px;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.main-item .bottom .services ul {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
}

.main-item .bottom .services ul li {
  margin-top: 8px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 380px 1fr 24px;
  align-items: center;
  border-radius: 8px;
  background: #FFF;
}

.main-item .bottom .services ul li:first-of-type {
  margin-top: 0;
}

.main-item .bottom .services ul li .title-wrapper {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

.main-item .bottom .services ul li .title-wrapper h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.main-item .bottom .services ul li .title-wrapper p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.main-item .bottom .services ul li .price {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.main-item .bottom .services ul li .price span {
  color: #505052;
  font-size: 13px;
  font-weight: 400;
}

.main-item .bottom .services ul li svg {
  width: 24px;
  height: 24px;
}

.main-item .bottom .services ul li svg.desktop {
  width: 24px;
  height: 24px;
}

.main-item .bottom .services ul li svg.mobile {
  display: none;
}

.main-item .bottom .services a {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.main-item .bottom .services a svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.main-item .bottom .services a span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.region-change-wrapper .check-banner {
  position: fixed;
  top: 119px;
  left: calc((100% - 1380px) / 2 + 229px + 15px);
  z-index: 200;
  width: 316px;
  display: none;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.region-change-wrapper .check-banner.active {
  display: block;
}

.region-change-wrapper .check-banner .top {
  margin: 0;
  padding: 11px 16px 14px;
  background: #FFF;
}

.region-change-wrapper .check-banner .top svg {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.region-change-wrapper .check-banner .top h5 {
  margin-top: 8px;
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.48px;
}

.region-change-wrapper .check-banner .top h6 {
  margin-top: -4px;
  color: var(--black);
  font-size: 17px;
  line-height: 128.885%;
  font-weight: 400;
}

.region-change-wrapper .check-banner .top p {
  margin-top: 20px;
  color: var(--gray);
  font-size: 13px;
  line-height: 133.885%;
}

.region-change-wrapper .check-banner .bottom {
  padding: 15px;
  display: grid;
  grid-template-columns: 89px 1fr;
  grid-gap: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: var(--white);
}

.region-change-wrapper .check-banner .bottom button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  width: 100%;
  font-size: 17px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  border-radius: 6px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
}

.region-change-wrapper .check-banner .bottom button.correct {
  color: var(--white);
  background: var(--black);
}

.region-change-wrapper .check-banner .bottom button.uncorrect {
  color: var(--black);
  background: #FFF;
}

.region-change-wrapper .region-change {
  position: fixed;
  bottom: -10px;
  left: 50%;
  z-index: 200;
  width: 100%;
  max-width: 430px;
  height: calc(100vh - 82px - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
}

.region-change-wrapper .region-change.active {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.region-change-wrapper .region-change .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.region-change-wrapper .region-change .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.region-change-wrapper .region-change .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.region-change-wrapper .region-change .scroll-wrapper {
  overflow: hidden;
  overflow-y: scroll;
}

.region-change-wrapper .region-change .scroll-wrapper::-webkit-scrollbar {
  width: 0;
}

.region-change-wrapper .region-change .txt-wrapper {
  padding: 26px 20px 0;
}

.region-change-wrapper .region-change .txt-wrapper h6 {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 115.885%;
  letter-spacing: -0.24px;
}

.region-change-wrapper .region-change .txt-wrapper p {
  margin-top: 6px;
  color: var(--gray);
  font-size: 15px;
  line-height: 130.385%;
}

.region-change-wrapper .region-change .no-region {
  margin: 20px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 1fr 46px;
  grid-gap: 0 13px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.region-change-wrapper .region-change .no-region p {
  align-self: end;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.17px;
}

.region-change-wrapper .region-change .no-region a {
  align-self: start;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.17px;
  text-decoration: none;
}

.region-change-wrapper .region-change .no-region .no-region-input {
  grid-column: 2/3;
  grid-row: 1/3;
  align-self: center;
}

.region-change-wrapper .region-change .no-region .no-region-input input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.region-change-wrapper .region-change .no-region .no-region-input input:checked + label {
  background-color: #FF7A00;
}

.region-change-wrapper .region-change .no-region .no-region-input input:checked + label::before {
  left: 18px;
}

.region-change-wrapper .region-change .no-region .no-region-input label {
  position: relative;
  width: 46px;
  height: 30px;
  display: block;
  background-color: rgba(80, 80, 82, 0.35);
  border-radius: 100px;
  cursor: pointer;
}

.region-change-wrapper .region-change .no-region .no-region-input label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.region-change-wrapper .region-change .list-wrapper {
  padding: 0 20px 20px;
}

.region-change-wrapper .region-change .list-wrapper::-webkit-scrollbar {
  width: 0;
}

.region-change-wrapper .region-change .list-wrapper ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.region-change-wrapper .region-change .list-wrapper ul li {
  position: relative;
  margin-top: 7px;
  padding: 13px 10px 13px 50px;
  border-radius: 8px;
  background: var(--white);
  border: 2px solid var(--white);
  cursor: pointer;
  transition: 0.3s;
}

.region-change-wrapper .region-change .list-wrapper ul li:first-of-type {
  margin-top: 0;
}

.region-change-wrapper .region-change .list-wrapper ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon27.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.region-change-wrapper .region-change .list-wrapper ul li.active {
  border: 2px solid var(--black);
  background: #FFF;
}

.region-change-wrapper .region-change .list-wrapper ul li.active::before {
  background-image: url("/img/icon28.svg");
}

.region-change-wrapper .region-change .list-wrapper ul h6 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 128.885%;
  letter-spacing: -0.17px;
}

.region-change-wrapper .region-change .list-wrapper ul p {
  color: var(--gray);
  font-size: 12px;
  line-height: 115.385%;
}

.region-change-wrapper .region-change .btn-wrapper {
  padding: 20px 16px 18px;
  margin-top: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  border-radius: 0 0 8px 8px;
}

.region-change-wrapper .region-change .btn-wrapper .confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  color: var(--white);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  border-radius: 8px;
  background: var(--black);
}

.region-change-wrapper .region-change .btn-wrapper .confirm.disabled {
  color: rgba(0, 0, 0, 0.4);
  background: rgba(80, 80, 82, 0.24);
  pointer-events: none;
}

.region-change-wrapper .region-change .btn-wrapper .close {
  display: none;
  margin: 14px auto 0;
  color: var(--purple);
  text-align: center;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  text-decoration: none;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  overflow: hidden;
}

#preloader.load .line {
  left: 0;
}

#preloader .img {
  width: 70px;
  height: auto;
}

#preloader .line-wrapper {
  position: relative;
  width: 232px;
  height: 4px;
  margin-top: 34px;
  background-color: #D9D9D9;
  border-radius: 2px;
  overflow: hidden;
}

#preloader .line-wrapper .line {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #111112;
  border-radius: 2px;
  animation: loading 0.5s forwards;
  transition: 0.1s;
}

@keyframes loading {
  0% {
    left: -100%;
  }

  100% {
    left: 0;
  }
}

.top {
  margin: 104px 0 27px;
  padding-top: 40px;
  background: #F2F1F5;
}

.top .container {
  position: relative;
}

.top .mobile-logo {
  display: none;
}

.top .mobile-logo .wrapper {
  padding: 16px;
  display: grid;
  grid-template-columns: 46px 1fr;
  grid-gap: 0 9px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.top .mobile-logo .icon-wrapper {
  grid-row: 1/3;
  align-self: center;
  width: 46px;
  height: 42px;
  overflow: hidden;
}

.top .mobile-logo .icon-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top .mobile-logo .txt-wrapper {
  width: 58px;
  overflow: hidden;
}

.top .mobile-logo .txt-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top .mobile-logo p {
  max-width: 175px;
  margin-top: -1px;
  color: #000;
  font-size: 12px;
  line-height: normal;
}

.top .top-slider {
  overflow: hidden;
}

.top .top-slider .swiper-wrapper {
  display: flex;
}

.top .top-slider .swiper-wrapper .swiper-slide {
  min-height: 280px;
  height: auto;
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  grid-template-columns: 1fr 682px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  overflow: hidden;
}

.top .top-slider .swiper-wrapper .txt-wrapper {
  padding: 31px 35px 37px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;

  height: 280px;
}
@media (max-width: 1280px) {
  .top .top-slider .swiper-wrapper .swiper-slide {
    grid-template-columns: repeat(2, 1fr);
  }
  .top .top-slider .swiper-wrapper .txt-wrapper {
    height: auto;
  }
}

.top .top-slider .swiper-wrapper .discount {
  padding: 0 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 13px;
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 118.5%;
  border-radius: 46px;
  background: var(--orange);
}

.top .top-slider .swiper-wrapper h2 {
  margin-bottom: 52px;
  color: #080808;
  font-size: 40px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.8px;
}

.top .top-slider .swiper-wrapper h2 span {
  color: var(--orange);
}

.top .top-slider .swiper-wrapper .txt {
  margin-top: auto;
  color: #080808;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.top .top-slider .swiper-wrapper picture {
  width: 100%;
  /*height: 100%;*/
  display: block;
  overflow: hidden;
  height: 280px;
}
@media (max-width: 1280px){
  .top .top-slider .swiper-wrapper picture {
    height: 100%;
  }
}

.top .top-slider .swiper-wrapper picture img,
.top .top-slider .swiper-wrapper picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top .top-slider-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
}

.top .top-slider-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  background-color: #9C9B9E;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
}

.top .top-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.top .top-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111112;
}

.top .top-slider-button-prev {
  position: absolute;
  top: 108px;
  left: 0;
  z-index: 10;
  width: 40px;
  height: 64px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(7.5px);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.top .top-slider-button-prev.swiper-button-disabled {
  background: var(--white);
  cursor: default;
}

.top .top-slider-button-prev.swiper-button-disabled::before {
  background-image: url("/img/arrow1.svg");
}

.top .top-slider-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/img/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%) rotate(180deg);
}

.top .top-slider-button-next {
  position: absolute;
  top: 108px;
  right: 0;
  z-index: 10;
  width: 40px;
  height: 64px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(7.5px);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

.top .top-slider-button-next.swiper-button-disabled {
  background: var(--white);
  cursor: default;
}

.top .top-slider-button-next.swiper-button-disabled::before {
  background-image: url("/img/arrow1.svg");
}

.top .top-slider-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/img/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.catalog {
  margin: 30px 0;
  background: #F2F1F5;
  overflow: hidden;
}

.catalog.catalog--top {
  margin-top: 27px;
}

.catalog.bookmarks {
  margin-top: 164px;
}

.catalog.bookmarks .title-wrapper {
  margin: 0;
  padding: 0;
  border: none;
}

.catalog.catalog--main .title-wrapper {
  margin-top: 0;
  border-top: none;
}

.catalog.catalog--without-top-margin {
  margin-top: 0;
}

.catalog.catalog--without-top-margin .title-wrapper {
  margin-top: 0;
  border-top: none;
}

.catalog .pagination-wrapper {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog .pagination {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
}

.catalog .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.catalog .pagination ul li {
  margin-left: 13px;
}

.catalog .pagination ul li:first-of-type {
  margin-left: 0;
}

.catalog .pagination ul li.active a {
  font-weight: 500;
}

.catalog .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.catalog .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog .mobile-btns {
  display: none;
  margin-top: 25px;
}

.catalog .mobile-btns button {
  padding: 0 15px;
  flex-shrink: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.13) inset;
}

.catalog .mobile-btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  margin-left: 11px;
  flex: 1;
  color: var(--purple);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  text-decoration: none;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.catalog .show-me-more {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  width: 100%;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.1);
}

.catalog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 30px;
  list-style: none;
}

.catalog-list .catalog-list__item {
  width: calc((100% - 75px) / 4);
  height: auto;
  display: flex;
  flex-direction: column;
}

.catalog-list .catalog-list__item.catalog-list__item--empty .btns {
  grid-template-columns: 1fr 51px;
}

.catalog-list .img-wrapper {
  position: relative;
  padding: 22px 22px 38px;
  border-radius: 16px;
  background: #FFF;
  overflow: hidden;
}

.catalog-list .img-wrapper a {
  display: block;
  text-decoration: none;
}

.catalog-list .img-wrapper .img-slider {
  position: relative;
  width: 100%;
  height: 272px;
}

.catalog-list .img-wrapper .img-slider .swiper-wrapper {
  display: flex;
}

.catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  background-color: white;
  overflow: hidden;
}

.catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  
}

.catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture img,
.catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture source {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.catalog-list .img-wrapper .img-slider-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  margin-left: 5px;
  height: 100%;
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

.catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  bottom: -19px;
  right: 0;
  height: 2px;
  width: 100%;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.15);
}

.catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: var(--black);
}

.catalog-list .img-wrapper .rating {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  padding: 3px 8px 3px 6px;
  border-radius: 17px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.catalog-list .badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.catalog-list .badges .badge {
  position: relative;
  padding: 6px 10px;
  margin-right: 3px;
  margin-top: 3px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 117%;
  border-radius: 8px;
  border: 3px solid #FFF;
  box-shadow: 0px 0.5px 2px 0px rgba(0, 0, 0, 0.25);
}

.catalog-list .badges .badge.badge--empty {
  padding: 6px 0;
  height: 38px;
  color: #FF3B0D;
  font-weight: 500;
  line-height: 119%;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #FF3B0D;
}

.catalog-list .badges .badge.badge--empty::before {
  content: none;
}

.catalog-list .badges .badge.badge--discount {
  color: #FFF;
  background: var(--purple);
}

.catalog-list .badges .badge.badge--discount::before {
  content: none;
}

.catalog-list .badges .badge.badge--new {
  background: var(--green);
}

.catalog-list .badges .badge.badge--new::before {
  background-image: url("/img/icon10.svg");
}

.catalog-list .badges .badge.badge--sale {
  color: #ffffff;
  background-color: var(--purple);
}

.catalog-list .badges .badge.badge--sale::before {
  background-image: url("/img/sell.svg");
}

.catalog-list .badges .badge.badge--bestseller {
  color: #FFF;
  background: #FF3B0D;
}

.catalog-list .badges .badge.badge--bestseller::before {
  background-image: url("/img/fire.svg");
}

.catalog-list .badges .badge::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

.catalog-list .name {
  margin-top: 8px;
  margin-bottom: auto;
  color: #000;
  font-size: 17px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-decoration: none;
  overflow: hidden;
}

.catalog-list .price-wrapper {
  margin-top: 11px;
  padding: 11px 0;
  min-height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-list .price-wrapper .price.price--new .num {
  color: var(--purple);
}

.catalog-list .price-wrapper .price .num {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.72px;
}

.catalog-list .price-wrapper .price .num span {
  font-size: 17px;
  letter-spacing: -0.17px;
}

.catalog-list .price-wrapper .price .old {
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
}

.catalog-list .price-wrapper .price .old span {
  color: var(--gray);
}

.catalog-list .price-wrapper .tabs {
  display: grid;
  grid-template-columns: 49px 49px;
  grid-gap: 6px;
  padding: 3px;
  height: 38px;
  border-radius: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.catalog-list .price-wrapper .tabs p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  line-height: 126%;
  cursor: pointer;
}

.catalog-list .price-wrapper .tabs p.active {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}

.catalog-list .btns {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 51px 51px;
  grid-gap: 8px;
}

.catalog-list .btns .find-similar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 51px;
  color: #0D4EFF;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.catalog-list .btns .to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--black);
  white-space: nowrap;
}

.catalog-list .btns .to-cart.active {
    background-color: var(--purple);
}

.catalog-list .btns .to-bookmarks {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.catalog-list .btns .to-bookmarks.active {
  background-color: var(--purple);
}

.catalog-list .btns .to-bookmarks.active::before {
  background-image: url("/img/icon29.svg");
}

.catalog-list .btns .to-bookmarks::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon11.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-list .btns .link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 51px;
  width: 51px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.catalog-list .btns .link::before {
  content: "";
  width: 16px;
  height: 4px;
  background-image: url("/img/icon12.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.categories {
  margin: 50px 0;
  background-color: #F2F1F5;
}

.categories .cat-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
  list-style: none;
}

.categories .cat-list .cat-list__item {
  height: 315px;
  border-radius: 16px;
  background: var(--black);
  overflow: hidden;
}

.categories .cat-list a {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 23px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: default;
}

.categories .cat-list a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 153px;
  background: linear-gradient(180deg, rgba(17, 17, 18, 0) 0%, #111112 57.81%, #111112 100%);
}

.categories .cat-list picture {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -20;
  width: 100%;
  height: 100%;
  display: block;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.categories .cat-list picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.categories .cat-list h6 {
  margin-top: auto;
  color: #FFF;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  line-height: normal;
}

.categories .cat-list p {
  margin-top: 5px;
  color: var(--orange);
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 115.885%;
  cursor: pointer;
}

.promotions {
  margin: 50px 0;
  background-color: #F2F1F5;
  overflow: hidden;
}

.promotions .promotions-slider {
  margin-top: 30px;
}

.promotions .promotions-list {
  display: flex;
  list-style: none;
}

.promotions .promotions-list li {
  width: 430px;
  height: auto;
  min-height: 566px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #FFF;
}

.promotions .promotions-list picture {
  width: 100%;
  height: 320px;
  display: block;
  flex-shrink: 0;
  border-radius: 12px;
  border: 3px solid #FFF;
  overflow: hidden;
}

.promotions .promotions-list picture img,
.promotions .promotions-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.promotions .promotions-list .txt-wrapper {
  flex: 1;
  padding: 22px 27px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.promotions .promotions-list .txt-wrapper h6 {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 121%;
  letter-spacing: -0.24px;
}

.promotions .promotions-list .txt-wrapper p {
  margin-top: 6px;
  margin-bottom: 6px;
  color: var(--gray);
  font-size: 17px;
  font-weight: 400;
  line-height: 132%;
}

.promotions .promotions-list .txt-wrapper a {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 18px;
  text-decoration: none;
  border-radius: 33px;
  background: var(--black);
}

.promotions .promotions-list .txt-wrapper a span {
  display: block;
  color: #FFF;
  font-size: 17px;
  line-height: 115.885%;
}

.promotions-slider-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.promotions-slider-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0;
  margin-left: 8px;
  background-color: #9C9B9E;
}

.promotions-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.promotions-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--orange);
}

.ready-solutions {
  margin: 50px 0;
  background: #F2F1F5;
  overflow: hidden;
}

.ready-solutions .promotions-slider {
  margin-top: 60px;
}

.ready-solutions .ready-solutions-list {
  display: flex;
  list-style: none;
}

.ready-solutions .ready-solutions-list li {
  width: 430px;
  height: auto;
  border-radius: 12px;
  background: #FFF;
  overflow: hidden;
}

.ready-solutions .ready-solutions-list picture {
  width: 100%;
  height: 520px;
  display: block;
  border-radius: 12px;
  border: 3px solid #FFF;
  overflow: hidden;
}

.ready-solutions .ready-solutions-list picture img,
.ready-solutions .ready-solutions-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ready-solutions .ready-solutions-list .txt-wrapper {
  padding: 25px 23px 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.ready-solutions .ready-solutions-list .txt-wrapper h6 {
  color: #000;
  font-size: 24px;
  font-weight: 520;
  line-height: 110.885%;
  letter-spacing: -0.24px;
}

.ready-solutions .ready-solutions-list .txt-wrapper .txt {
  margin-top: 4px;
  color: #000;
  font-size: 17px;
  line-height: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ready-solutions .ready-solutions-list .txt-wrapper a {
  margin-top: 35px;
  display: block;
  color: var(--purple);
  font-size: 17px;
  line-height: 115.885%;
  text-decoration: none;
}

.brands {
  margin: 50px 0;
  background-color: #F2F1F5;
}

.brands .brands-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
  list-style: none;
  margin-top: 30px;
}

.brands .brands-list li {
  height: auto;
  border-radius: 10px;
  background: #FFF;
}

.brands .brands-list a {
  display: block;
  padding: 20px;
  text-decoration: none;
}

.brands .brands-list .img-wrapper {
  width: 100%;
  height: 24px;
  overflow: hidden;
}

.brands .brands-list .img-wrapper img {
  height: 100%;
  object-fit: contain;
}

.brands .brands-list h6 {
  margin-top: 14px;
  color: #000;
  font-size: 27px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.337px;
}

.brands .brands-list p {
  color: #464646;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.brands .bottom-link {
  margin-top: 25px;
}

.news {
  margin: 50px 0;
  background: #F2F1F5;
  overflow: hidden;
}

.news .h2 span {
  color: var(--purple);
}

.news .promotions-slider {
  margin-top: 60px;
}

.news .news-list {
  display: flex;
  list-style: none;
}

.news .news-list li {
  width: 430px;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #FFF;
  overflow: hidden;
}

.news .news-list picture {
  width: 100%;
  height: 320px;
  display: block;
  border-radius: 12px;
  border: 3px solid #FFF;
  overflow: hidden;
}

.news .news-list picture img,
.news .news-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .news-list .txt-wrapper {
  padding: 25px 23px 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}

.news .news-list .txt-wrapper .about {
  margin-bottom: 4px;
  color: var(--orange);
  font-size: 17px;
  font-weight: 500;
  line-height: 129.5%;
}

.news .news-list .txt-wrapper h6 {
  color: #000;
  font-weight: 400;
  font-size: 24px;
  line-height: 115.385%;
  letter-spacing: -0.24px;
}

.news .news-list .txt-wrapper .txt {
  margin-top: 10px;
  color: var(--gray);
  font-size: 17px;
  line-height: normal;
}

.news .news-list .txt-wrapper a {
  margin-top: 35px;
  display: block;
  color: var(--purple);
  font-size: 17px;
  line-height: 115.885%;
  text-decoration: none;
}

.application {
  margin-top: 150px;
  background: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  overflow: hidden;
}

.application .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding-top: 26px;
  max-width: 1152px;
}

.application picture {
  width: 218px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: -3px;
  overflow: hidden;
}

.application picture.mobile {
  display: none;
}

.application picture source,
.application picture img {
  width: 100%;
  object-fit: contain;
}

.application .txt-wrapper {
  margin-bottom: 45px;
  margin-left: 34px;
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.application .txt-wrapper h2 {
  color: #111112;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.32px;
}

.application .txt-wrapper .desktop {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  list-style: none;
}

.application .txt-wrapper .desktop li {
  margin-right: 8px;
  margin-top: 8px;
}

.application .txt-wrapper .desktop li:last-of-type {
  margin-right: 0;
}

.application .txt-wrapper .mobile {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin-top: 27px;
  width: 100%;
}

.application .txt-wrapper .mobile li {
  min-width: 162px;
  padding: 21px 9px 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  border-radius: 12px;
  background: #F1F0F5;
}

.application .txt-wrapper .mobile svg {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.application .txt-wrapper .mobile p {
  margin-top: 10px;
  color: #111112;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
}

.application .txt-wrapper .mobile a {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  color: #0D4EFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 110.885%;
  text-decoration: none;
  border-radius: 8px;
  background: #FFF;
}

.application .qr-wrapper {
  width: 212px;
  margin-bottom: 45px;
  padding-left: 25px;
  margin-top: 27px;
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.application .qr-wrapper svg {
  width: 109px;
  height: 109px;
}

.application .qr-wrapper p {
  color: #000;
  font-size: 13px;
  line-height: 126%;
}

.item {
  margin-top: 104px;
  padding: 33px 0 50px;
  background: #FFF;
  overflow: hidden;
}

.item .item-header {
  position: fixed;
  bottom: 100vh;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 80px;
  background: #FFF;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}

.item .item-header.active {
  bottom: calc(100vh - 80px);
}

.item .item-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.item .item-header .title-wrapper {
  display: grid;
  grid-template-columns: 45px 1fr;
  grid-gap: 1px 16px;
  margin: 0;
  padding: 0;
  max-width: 702px;
  width: 100%;
  border: none;
}

.item .item-header .title-wrapper picture {
  grid-row: 1/3;
  align-self: center;
  display: block;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.item .item-header .title-wrapper picture img,
.item .item-header .title-wrapper picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .item-header .title-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item .item-header .title-wrapper .btns-wrapper {
  display: flex;
  align-items: center;
}

.item .item-header .title-wrapper .btns-wrapper .rating {
  font-size: 13px;
  font-weight: 400;
  line-height: 117.5%;
}

.item .item-header .title-wrapper .btns-wrapper .rating::before {
  width: 20px;
  height: 20px;
}

.item .item-header .title-wrapper .btns-wrapper a {
  display: block;
  margin-left: 11px;
  color: #505052;
  font-size: 13px;
  line-height: 126%;
  text-decoration: none;
}

.item .item-header .price {
  margin-left: 43px;
}

.item .item-header .price .num {
  color: #0D4EFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.24px;
  white-space: nowrap;
}

.item .item-header .price .for {
  color: #505052;
  font-size: 13px;
  font-weight: 400;
  line-height: 126%;
}

.item .item-header .to-bookmarks {
  display: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  margin-left: 9px;
  border-radius: 12px;
  border: 2px solid #111112;
}

.item .item-header .to-bookmarks.active {
  background: #0D4EFF;
  border: 2px solid #0D4EFF;
}

.item .item-header .to-bookmarks.active svg path {
  fill: #ffffff;
}

.item .item-header .to-playlist {
  display: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  margin-left: 9px;
  border-radius: 12px;
  border: 2px solid #111112;
}

.item .item-header .to-playlist.active {
  background: #0D4EFF;
  border: 2px solid #0D4EFF;
}

.item .item-header .to-playlist.active svg path {
  fill: #ffffff;
}

.item .item-header .to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 303px;
  margin: 0;
  padding: 16px 20px;
  border-radius: 12px;
  background: #111112;
}
.item .item-header .to-cart.active {
    background-color: var(--purple);
}

.item .item-header .to-cart svg {
  display: none;
  width: 24px;
  height: 24px;
}

.item .item-header .to-cart span {
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.item .container {
  display: grid;
  grid-template-columns: 534px 1fr 303px;
  grid-gap: 0 40px;
}

.item .title-wrapper {
  grid-column: 1/3;
  display: block;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.item .title-wrapper .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -8px;
  list-style: none;
}

.item .title-wrapper .breadcrumbs li {
  margin-left: 8px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.item .title-wrapper .breadcrumbs li:first-of-type {
  margin-left: 0;
}

.item .title-wrapper .breadcrumbs li:first-of-type::before {
  content: none;
}

.item .title-wrapper .breadcrumbs li::before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  margin-right: 8px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.15);
}

.item .title-wrapper .breadcrumbs li > a, .item .title-wrapper .breadcrumbs li > span {
  color: #505052;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
  text-decoration: none;
}

.item .title-wrapper .variations {
  display: none;
}

.item .title-wrapper .variations p {
  color: #505052;
  font-size: 13px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: 0.13px;
}

.item .title-wrapper .variations p span {
  color: #000;
}

.item .title-wrapper .variations .imgs-slider {
  margin: 2px -20px 0;
  padding: 0 20px;
  width: calc(100% + 40px);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.item .title-wrapper .variations .imgs-slider::-webkit-scrollbar {
  display: none;
}

.item .title-wrapper .variations .imgs-slider .imgs-list {
  display: flex;
  flex-direction: row;
  margin: 0;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li {
  display: block;
  width: 64px;
  height: 64px;
  margin-right: 12px;
  margin-top: 12px;
  padding: 3px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #FFF;
  cursor: pointer;
  overflow: hidden;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li:last-of-type {
  position: relative;
  margin-right: 0;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li:last-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  display: block;
  flex-shrink: 0;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li.active {
  border: 1px solid #000000;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.item .title-wrapper .variations .imgs-slider .imgs-list li picture img,
.item .title-wrapper .variations .imgs-slider .imgs-list li picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .title-wrapper .variations .txt-slider {
  margin: 2px -20px 0;
  padding: 0 20px;
  width: calc(100% + 40px);
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.item .title-wrapper .variations .txt-slider::-webkit-scrollbar {
  display: none;
}

.item .title-wrapper .variations .txt-slider .txt-list {
  display: flex;
  flex-direction: row;
  margin: 0;
}

.item .title-wrapper .variations .txt-slider .txt-list li {
  margin: 0;
  margin-top: 12px;
  margin-right: 12px;
  height: 47px;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 18, 0.07);
  background: #FFF;
  cursor: pointer;
}

.item .title-wrapper .variations .txt-slider .txt-list li:last-of-type {
  position: relative;
}

.item .title-wrapper .variations .txt-slider .txt-list li:last-of-type::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  display: block;
}

.item .title-wrapper .variations .txt-slider .txt-list li.active {
  border: 1px solid #111112;
}

.item .title-wrapper .item-action {
  display: flex;
  margin-top: 25px;
}

.item .title-wrapper .item-action .action-btn {
  margin-left: 25px;
  display: flex;
  align-items: center;
}

.item .title-wrapper .item-action .action-btn svg {
  margin-right: 6px;
}

.item .title-wrapper .item-action .action-btn.active {
  color: #0D4EFF;
}

.item .title-wrapper .item-action .action-btn.active svg path {
  fill: #0D4EFF;
}

.item .title-wrapper .item-action .articul {
  margin-left: auto;
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .title-wrapper .rating {
  display: flex;
  align-items: center;
  color: var(--gray);
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.item .title-wrapper .rating.active {
  color: var(--black);
}

.item .title-wrapper .rating.active::before {
  background-image: url("/img/icon9.svg");
}

.item .title-wrapper .rating.active span {
  display: block;
}

.item .title-wrapper .rating span {
  display: none;
  color: var(--orange);
}

.item .title-wrapper .rating::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.item .sliders-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  grid-column: 1/2;
}

.item .sliders-wrapper.enlarge {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100dvh;
  margin: 0;
  padding: 0;
  grid-column: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  overflow: hidden;
}

.item .sliders-wrapper.enlarge .item-slider1 {
  max-width: 810px;
  height: auto;
  padding-top: 0;
}

.item .sliders-wrapper.enlarge .item-slider1 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}

.item .sliders-wrapper.enlarge .item-slider2 {
  margin-top: 51px;
  margin-bottom: 22px;
  width: 525px;
  padding: 20px;
  border-top: none;
  border-radius: 12px;
  background: #F1F0F5;
  overflow: hidden !important;
}

.item .sliders-wrapper.enlarge .item-slider2 .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap !important;
}

.item .sliders-wrapper.enlarge .item-slider2 .swiper-wrapper .swiper-slide {
  margin: 0;
}

.item .sliders-wrapper.enlarge .item-slider2 .btns-wrapper {
  display: flex;
}

.item .sliders-wrapper.enlarge .item-slider2 .show-btn {
  display: none;
}

.item .sliders-wrapper.enlarge .enlarge-top {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 26px;
}

.item .sliders-wrapper.enlarge .enlarge-top .close-btn span {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .sliders-wrapper.enlarge .btns {
  display: none;
}

.item .sliders-wrapper.enlarge .enlarge-btn {
  display: none;
}

.item .sliders-wrapper .enlarge-top {
  display: none;
}

.item .sliders-wrapper .enlarge-top .close-btn {
  display: flex;
}

.item .sliders-wrapper .btns {
  display: none;
}

.item .sliders-wrapper .btns button {
  width: 100%;
  padding: 11px 13px;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .sliders-wrapper .btns .action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item .sliders-wrapper .btns .action-btn.active {
  background: #0D4EFF;
}

.item .sliders-wrapper .btns .action-btn.active svg rect {
  fill: #ffffff;
}

.item .sliders-wrapper .btns .action-btn.active svg path {
  fill: #ffffff;
}

.item .sliders-wrapper .btns .action-btn.active span {
  color: #FFF;
}

.item .sliders-wrapper .btns .action-btn svg {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.item .sliders-wrapper .btns .action-btn span {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .sliders-wrapper .item-slider1 {
  width: 100%;
  padding-top: 22px;
  overflow: hidden;
  pointer-events: none;
}

.item .sliders-wrapper .item-slider1 .swiper-wrapper {
  display: flex;
}

.item .sliders-wrapper .item-slider1 .swiper-wrapper .swiper-slide {
  width: 373px;
  height: 410px;
  display: block;
}

.item .sliders-wrapper .item-slider1 .swiper-wrapper .swiper-slide source,
.item .sliders-wrapper .item-slider1 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .sliders-wrapper .item-slider1 .item-slider-pagination {
  display: none;
}

.item .sliders-wrapper .item-slider1 .item-slider-pagination .swiper-pagination-bullet {
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-radius: 50%;
  background-color: #C9C8CC;
  opacity: 1;
}

.item .sliders-wrapper .item-slider1 .item-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.item .sliders-wrapper .item-slider1 .item-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111112;
}

.item .sliders-wrapper .enlarge-btn {
  margin-top: 37px;
  color: #505052;
  text-align: center;
  font-size: 13px;
  line-height: 126%;
}

.item .sliders-wrapper .item-slider2 {
  position: relative;
  width: 100%;
  margin-top: 23px;
  padding-top: 17px;
  flex-shrink: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.item .sliders-wrapper .item-slider2.show {
  overflow: auto;
}

.item .sliders-wrapper .item-slider2.show .swiper-wrapper {
  flex-wrap: wrap;
}

.item .sliders-wrapper .item-slider2 .swiper-wrapper {
  display: flex;
}

.item .sliders-wrapper .item-slider2 .swiper-wrapper .swiper-slide {
  display: block;
  width: 64px;
  height: 64px;
  margin-top: 12px;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #FFF;
  cursor: pointer;
  overflow: hidden;
}

.item .sliders-wrapper .item-slider2 .swiper-wrapper .swiper-slide::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.item .sliders-wrapper .item-slider2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #000000;
}

.item .sliders-wrapper .item-slider2 .swiper-wrapper .swiper-slide img,
.item .sliders-wrapper .item-slider2 .swiper-wrapper .swiper-slide source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .sliders-wrapper .item-slider2 .btns-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
  padding: 20px 16px;
  height: 100%;
  border-radius: 0 12px 12px 0;
  background: #F1F0F5;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.item .sliders-wrapper .item-slider2 .btns-wrapper button {
  width: 40px;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
  background-color: #ffffff;
  border-radius: 20px;
}

.item .sliders-wrapper .item-slider2 .btns-wrapper button.item-slider2-button-prev svg {
  transform: rotate(180deg);
}

.item .sliders-wrapper .item-slider2 .btns-wrapper button.item-slider2-button-next {
  margin-left: 14px;
}

.item .sliders-wrapper .item-slider2 .btns-wrapper button svg {
  width: 24px;
  height: 24px;
}

.item .sliders-wrapper .item-slider2 .show-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 64px;
  color: #505052;
  font-size: 21px;
  line-height: 130%;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .item-description {
  margin-top: 20px;
  overflow: hidden;
}

.item .item-description .variations p {
  color: #505052;
  font-size: 13px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: 0.13px;
}

.item .item-description .variations p span {
  color: #000;
}

.item .item-description .variations .imgs-slider {
  margin-top: 2px;
  overflow: hidden;
}

.item .item-description .variations .imgs-slider .imgs-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
}

.item .item-description .variations .imgs-slider .imgs-list li {
  display: block;
  width: 64px;
  height: 64px;
  padding: 6px;
  margin: 0;
  margin-top: 12px;
  margin-right: 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #FFF;
  cursor: pointer;
  overflow: hidden;
}

.item .item-description .variations .imgs-slider .imgs-list li:last-of-type {
  margin-right: 0;
}

.item .item-description .variations .imgs-slider .imgs-list li::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.item .item-description .variations .imgs-slider .imgs-list li.active {
  border: 1px solid #000000;
}

.item .item-description .variations .imgs-slider .imgs-list li picture {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.item .item-description .variations .imgs-slider .imgs-list li picture img,
.item .item-description .variations .imgs-slider .imgs-list li picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .item-description .variations .txt-slider {
  margin-top: 2px;
  overflow: hidden;
}

.item .item-description .variations .txt-slider .txt-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
}

.item .item-description .variations .txt-slider .txt-list li {
  margin: 0;
  margin-top: 12px;
  margin-right: 12px;
  height: 47px;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 18, 0.07);
  background: #FFF;
  cursor: pointer;
}

.item .item-description .variations .txt-slider .txt-list li.active {
  border: 1px solid #111112;
}

.item .item-description h6 {
  padding-top: 20px;
  margin-top: 20px;
  color: #505052;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: 0.13px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .item-description p {
  margin-top: 10px;
  color: #111112;
  font-size: 17px;
  line-height: 130%;
}

.item .item-description ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}

.item .item-description ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.item .item-description ul li span {
  position: relative;
  z-index: 10;
  flex: 1;
  display: block;
  color: #505052;
  font-size: 15px;
  line-height: 126%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item .item-description ul li span:first-of-type {
  color: #505052;
}

.item .item-description ul li span:last-of-type {
  color: #111112;
  text-align: right;
}

.item .item-description ul li span::before {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  z-index: -10;
  width: 350px;
  height: 2px;
  background-image: url("/img/icon42.svg");
  background-position: center;
  background-size: contain;
}

.item .item-description a {
  margin-top: 22px;
  display: block;
  color: #0D4EFF;
  font-size: 15px;
  line-height: 126%;
  text-decoration: none;
}

.item .item-description a span {
  font-weight: 600;
}

.item .mobile-description {
  order: 3;
  display: none;
  padding-top: 20px;
  margin: 0 0 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .mobile-description h6 {
  color: #111112;
  font-size: 27px;
  font-weight: 600;
  line-height: 126%;
  letter-spacing: -0.27px;
}

.item .mobile-description p {
  margin-top: 10px;
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .mobile-description ul {
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .mobile-description ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.item .mobile-description ul li:first-of-type {
  margin-top: 0;
}

.item .mobile-description ul li span {
  flex: 1;
  display: block;
  font-size: 15px;
  line-height: 126%;
}

.item .mobile-description ul li span:first-of-type {
  color: #505052;
}

.item .mobile-description ul li span:last-of-type {
  color: #111112;
}

.item .mobile-description a {
  margin-top: 20px;
  padding: 20px 0;
  display: block;
  color: #0D4EFF;
  font-size: 15px;
  line-height: 126%;
  text-decoration: none;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.item .mobile-description a span {
  font-weight: 600;
}

.item .badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.item .badges .badge {
  position: relative;
  padding: 6px 10px;
  margin-right: 9px;
  margin-top: 3px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 117%;
  border-radius: 8px;
}

.item .badges .badge.badge--discount {
  color: #FFF;
  background: var(--purple);
}

.item .badges .badge.badge--discount::before {
  content: none;
}

.item .badges .badge.badge--new {
  background: var(--green);
}

.item .badges .badge.badge--new::before {
  background-image: url("/img/icon10.svg");
}

.item .badges .badge.badge--sale {
  color: #ffffff;
  background-color: var(--purple);
}

.item .badges .badge.badge--sale::before {
  background-image: url("/img/sell.svg");
}

.item .badges .badge.badge--bestseller {
  color: #FFF;
  background: #FF3B0D;
}

.item .badges .badge.badge--bestseller::before {
  background-image: url("/img/fire.svg");
}

.item .badges .badge::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.item h1 {
  margin-top: 10px;
  color: #111112;
  font-size: 34px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.408px;
}

.item .tabs-wrapper {
  grid-column: 1/3;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 3px;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .tabs .tabs-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: 50px;
  color: #000;
  font-size: 17px;
  line-height: 126%;
  cursor: pointer;
}

.item .tabs .tabs-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.12);
  transform: translateY(-50%);
}

.item .tabs .tabs-item:first-of-type::before {
  content: none;
}

.item .tabs .tabs-item.active {
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 18, 0.2);
  background: #FFF;
}

.item .tabs .tabs-item.active + .tabs-item::before {
  content: none;
}

.item .tabs .tabs-item .desktop {
  pointer-events: none;
}

.item .tabs .tabs-item .mobile {
  display: none;
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 113%;
  pointer-events: none;
}

.item .tabs .tabs-item .mobile span {
  color: #505052;
}

.item .tabs .tabs-item .mobile .num {
  color: #505052;
  font-size: 14px;
  font-weight: 500;
  line-height: 126%;
}

.item .tabs .tabs-item .inner-wrapper {
  display: none;
  margin-top: 17px;
  padding: 14px 0 0 20px;
  margin: 17px -20px 0;
  width: calc(100% + 40px);
  border-top: 1px solid #ffffff;
}

.item .tabs .tabs-item .inner-wrapper .mobile-slider-title {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider {
  margin: 14px -20px 0;
  padding: 0 20px;
  width: calc(100% + 40px);
  overflow: hidden;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper {
  display: flex;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper li {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper a {
  display: block;
  text-decoration: none;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}

.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper picture img,
.item .tabs .tabs-item .inner-wrapper .reviews-mobile-slider .swiper-wrapper picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .media {
  grid-column: 1/3;
  margin-top: 40px;
}

.item .media .media-tab {
  display: none;
}

.item .media .media-tab.active {
  display: block;
}

.item .media .media-tab h3 {
  color: #111112;
  font-size: 34px;
  font-weight: 500;
  line-height: 126%;
  letter-spacing: -0.34px;
}

.item .media .media-tab .description {
  max-width: 879px;
}

.item .media .media-tab .description p {
  margin-top: 20px;
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
  overflow: hidden;
}

.item .media .media-tab .description .show-me-more {
  margin-top: 25px;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 126%;
}

.item .media .media-tab .characteristics {
  padding-top: 32px;
  margin-top: 32px;
  max-width: 879px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .characteristics .characteristics-wrapper {
  margin-top: 32px;
}

.item .media .media-tab .characteristics .characteristics-wrapper h4 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 126%;
}

.item .media .media-tab .characteristics .characteristics-wrapper ul {
  margin-top: 15px;
  list-style: none;
  border-top: 1px solid #000000;
}

.item .media .media-tab .characteristics .characteristics-wrapper ul li {
  display: grid;
  grid-template-columns: 304px 1fr;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .characteristics .characteristics-wrapper ul div {
  font-size: 17px;
  line-height: 126%;
}

.item .media .media-tab .characteristics .characteristics-wrapper ul div:first-of-type {
  padding: 14px 20px 14px 0;
  color: #505052;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .characteristics .characteristics-wrapper ul div:last-of-type {
  padding: 14px 20px 14px 13px;
  color: #000;
}

.item .media .media-tab .reviews {
  max-width: 764px;
}

.item .media .media-tab .reviews .title-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0;
  border: none;
}

.item .media .media-tab .reviews .title-wrapper h3 span {
  color: #505052;
}

.item .media .media-tab .reviews .title-wrapper p {
  margin-top: -2px;
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
  letter-spacing: -0.105px;
}

.item .media .media-tab .reviews .title-wrapper button {
  grid-row: 1/3;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--black);
}

.item .media .media-tab .reviews .photos {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .reviews .photos h6 {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .photos .photos-slider {
  position: relative;
  margin-top: 14px;
  overflow: hidden;
}

.item .media .media-tab .reviews .photos .photos-slider::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 66px;
  height: 80px;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}

.item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper {
  display: flex;
}

.item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper .swiper-slide {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}

.item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper .swiper-slide picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper .swiper-slide picture img,
.item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper .swiper-slide picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .media .media-tab .reviews .filter {
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .reviews .filter h6 {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .filter p {
  margin-left: 20px;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .filter p.active {
  font-weight: 500;
}

.item .media .media-tab .reviews .filter p.active::before {
  content: "• ";
}

.item .media .media-tab .reviews .reviews-list {
  margin-top: 20px;
  padding-top: 20px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .reviews .reviews-list li {
  margin-top: 13px;
}

.item .media .media-tab .reviews .reviews-list li:first-of-type {
  margin-top: 0;
}

.item .media .media-tab .reviews .reviews-list .review,
.item .media .media-tab .reviews .reviews-list .answer {
  padding: 20px 20px 22px;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 13px;
  border-radius: 12px;
  background: #F1F0F5;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .flaws,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .flaws {
  margin-top: 18px;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .explanations,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .explanations {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .title,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .title {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .title span,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .title span {
  color: #0D4EFF;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .txt,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .txt {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list {
  display: flex;
  margin-top: 18px;
  padding-top: 0;
  list-style: none;
  border: none;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list li,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list li {
  margin: 0;
  margin-left: 10px;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list li:first-of-type,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list li:first-of-type {
  margin-left: 0;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list picture,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list picture {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}

.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list picture img,
.item .media .media-tab .reviews .reviews-list .review .wrapper .photo-list picture source,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list picture img,
.item .media .media-tab .reviews .reviews-list .answer .wrapper .photo-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item .media .media-tab .reviews .reviews-list .review button,
.item .media .media-tab .reviews .reviews-list .answer button {
  margin-top: 18px;
  padding-top: 18px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  color: #0D4EFF;
  font-size: 14px;
  line-height: 128.885%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .reviews .reviews-list .answer {
  margin-top: 13px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}

.item .media .media-tab .reviews .reviews-list .img-wrapper {
  width: 40px;
  height: 40px;
}

.item .media .media-tab .reviews .reviews-list .top {
  margin: 0;
  padding: 0;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: transparent;
}

.item .media .media-tab .reviews .reviews-list .top .name {
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
}

.item .media .media-tab .reviews .reviews-list .top .when {
  color: #505052;
  font-size: 14px;
  line-height: 128.885%;
}

.item .media .media-tab .reviews .reviews-list .top .rating {
  margin-top: 18px;
  display: flex;
  align-items: center;
}

.item .media .media-tab .reviews .reviews-list .top .rating::before {
  content: none;
}

.item .media .media-tab .reviews .reviews-list .top .rating .rating-list {
  display: flex;
  align-items: center;
  list-style: none;
}

.item .media .media-tab .reviews .reviews-list .top .rating .rating-list li {
  width: 24px;
  height: 24px;
  margin: 0;
  overflow: hidden;
}

.item .media .media-tab .reviews .reviews-list .top .rating .rating-list li svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .media .media-tab .reviews .reviews-list .top .rating p {
  margin-left: 5px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .media .media-tab .reviews .reviews-list .top .rating p span {
  color: #505052;
}

.item .media .media-tab .reviews .pagination {
  margin-top: 13px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #F1F0F5;
}

.item .media .media-tab .reviews .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.item .media .media-tab .reviews .pagination ul li {
  margin-left: 13px;
}

.item .media .media-tab .reviews .pagination ul li:first-of-type {
  margin-left: 0;
}

.item .media .media-tab .reviews .pagination ul li.active a {
  font-weight: 500;
}

.item .media .media-tab .reviews .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.item .media .media-tab .reviews .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .reviews .show-me-more {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 15px 20px;
  width: 100%;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.1);
}

.item .media .media-tab .questions {
  max-width: 764px;
}

.item .media .media-tab .questions .title-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0;
  border: none;
}

.item .media .media-tab .questions .title-wrapper p {
  margin-top: -2px;
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
  letter-spacing: -0.105px;
}

.item .media .media-tab .questions .title-wrapper button {
  grid-row: 1/3;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--black);
}

.item .media .media-tab .questions ul {
  margin-top: 20px;
  padding-top: 20px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .questions ul .question,
.item .media .media-tab .questions ul .answer {
  padding: 20px 20px 22px;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 13px;
  border-radius: 12px;
  background: #F1F0F5;
}

.item .media .media-tab .questions ul .question .wrapper .title,
.item .media .media-tab .questions ul .answer .wrapper .title {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 137.5%;
}

.item .media .media-tab .questions ul .question .wrapper .title span,
.item .media .media-tab .questions ul .answer .wrapper .title span {
  color: #0D4EFF;
}

.item .media .media-tab .questions ul .question .wrapper .txt,
.item .media .media-tab .questions ul .answer .wrapper .txt {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .questions ul .question .wrapper .photo-list,
.item .media .media-tab .questions ul .answer .wrapper .photo-list {
  display: flex;
  margin-top: 18px;
  padding-top: 0;
  border: none;
}

.item .media .media-tab .questions ul .question .wrapper .photo-list li,
.item .media .media-tab .questions ul .answer .wrapper .photo-list li {
  margin-top: 0;
  margin-left: 10px;
}

.item .media .media-tab .questions ul .question .wrapper .photo-list li:first-of-type,
.item .media .media-tab .questions ul .answer .wrapper .photo-list li:first-of-type {
  margin-left: 0;
}

.item .media .media-tab .questions ul .question .wrapper .photo-list picture,
.item .media .media-tab .questions ul .answer .wrapper .photo-list picture {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}

.item .media .media-tab .questions ul .question .wrapper .photo-list picture img,
.item .media .media-tab .questions ul .question .wrapper .photo-list picture source,
.item .media .media-tab .questions ul .answer .wrapper .photo-list picture img,
.item .media .media-tab .questions ul .answer .wrapper .photo-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item .media .media-tab .questions ul .question button,
.item .media .media-tab .questions ul .answer button {
  margin-top: 18px;
  padding-top: 18px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  color: #0D4EFF;
  font-size: 14px;
  line-height: 128.885%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .questions ul .answer {
  margin-top: 13px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}

.item .media .media-tab .questions ul .img-wrapper {
  width: 40px;
  height: 40px;
}

.item .media .media-tab .questions ul .top {
  margin: 0;
  padding: 0;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: transparent;
}

.item .media .media-tab .questions ul .top .name {
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
}

.item .media .media-tab .questions ul .top .when {
  color: #505052;
  font-size: 14px;
  line-height: 128.885%;
}

.item .media .media-tab .questions .pagination {
  margin-top: 13px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #F1F0F5;
}

.item .media .media-tab .questions .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .questions .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  border: none;
  list-style: none;
}

.item .media .media-tab .questions .pagination ul li {
  margin-left: 13px;
}

.item .media .media-tab .questions .pagination ul li:first-of-type {
  margin-left: 0;
}

.item .media .media-tab .questions .pagination ul li.active a {
  font-weight: 500;
}

.item .media .media-tab .questions .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.item .media .media-tab .questions .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.item .media .media-tab .questions .show-me-more {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 15px 20px;
  width: 100%;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.1);
}

.item .media .media-tab .documents {
  max-width: 765px;
}

.item .media .media-tab .documents ul {
  padding-top: 20px;
  margin-top: 20px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .media-tab .documents ul li {
  margin-top: 14px;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .media .media-tab .documents ul li:first-of-type {
  margin-top: 0;
}

.item .media .media-tab .documents ul a {
  padding: 14px 14px 16px;
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-gap: 3px 14px;
  text-decoration: none;
}

.item .media .media-tab .documents ul .img-wrapper {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  grid-column: 1/2;
  grid-row: 1/3;
  border-radius: 50%;
  background: #0D4EFF;
  overflow: hidden;
}

.item .media .media-tab .documents ul .img-wrapper svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.item .media .media-tab .documents ul .title {
  color: #000;
  font-size: 17px;
  line-height: 126%;
}

.item .media .media-tab .documents ul .txt {
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .media .media-tab .documents ul .mobile-btn {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  height: 41px;
  padding: 0 13px;
  border-radius: 8px;
  border: 2px solid #0D4EFF;
}

.item .media .media-tab .services {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.item .media .media-tab .services .title-wrapper {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 2px 18px;
  margin: 0;
  padding: 0;
  border: none;
}

.item .media .media-tab .services .title-wrapper .img-wrapper {
  width: 40px;
  height: 40px;
  grid-row: 1/3;
  align-self: end;
  overflow: hidden;
}

.item .media .media-tab .services .title-wrapper .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .media .media-tab .services .title-wrapper h3 {
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.item .media .media-tab .services .title-wrapper p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.item .media .media-tab .services .services-list {
  margin-left: 58px;
}

.item .media .media-tab .services .all-services {
  display: flex;
  align-items: center;
  margin-left: 58px;
  margin-top: 16px;
  text-decoration: none;
}

.item .media .media-tab .services .all-services svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.item .media .media-tab .services .all-services span {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 130%;
}

.item .media .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.item .media .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.item .media .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.item .item-aside {
  grid-column: 3/4;
  grid-row: 1/5;
}

.item .item-aside .price-wrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.item .item-aside .price-wrapper .price {
  display: none;
  margin-top: 15px;
  flex-shrink: 0;
}

.item .item-aside .price-wrapper .price.active {
  display: block;
}

.item .item-aside .price-wrapper .price.price--new .num {
  color: var(--purple);
}

.item .item-aside .price-wrapper .price .num {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.72px;
}

.item .item-aside .price-wrapper .price .num span {
  font-size: 17px;
  letter-spacing: -0.17px;
}

.item .item-aside .price-wrapper .price .old {
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
}

.item .item-aside .price-wrapper .price .old span {
  color: var(--gray);
}

.item .item-aside .price-wrapper .tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px;
  padding: 3px;
  height: 35px;
  margin: 0;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.item .item-aside .price-wrapper .tabs p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  line-height: 126%;
  cursor: pointer;
}

.item .item-aside .price-wrapper .tabs p.active {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}

.item .item-aside .to-cart-wrapper {
  margin-top: 20px;
}

.item .item-aside .to-cart-wrapper .to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: #111112;
}

.item .item-aside .to-cart-wrapper .inner-wrapper {
  display: none;
  justify-content: space-between;
  align-items: center;
}

.item .item-aside .to-cart-wrapper .inner-wrapper.active {
  display: flex;
}

.item .item-aside .to-cart-wrapper .inner-wrapper.active.fixed {
  position: fixed;
  bottom: 58px;
  left: 0;
  z-index: 29;
  padding: 6px;
  width: 100%;
  height: 64px;
  flex-direction: row-reverse;
  background: #F8F7FC;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07) inset;
}

.item .item-aside .to-cart-wrapper .inner-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 51px;
  width: calc((100% - 4px) / 2);
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  text-decoration: none;
  border-radius: 12px;
  background: #0D4EFF;
}

.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc {
  height: 51px;
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc((100% - 4px) / 2);
  border-radius: 12px;
  background: #F1F0F5;
}

.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc p span {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}
.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc p span b {
    font-weight: 500;
}

.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 42px;
  border-radius: 9px;
  background: #FFF;
}

.item .item-aside .to-cart-wrapper .inner-wrapper .quantity-calc button svg {
  width: 24px;
  height: 25px;
}

.item .item-aside .calculate {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7px;
  width: 100%;
  height: 51px;
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  border: 1px solid #111112;
  background: #FFF;
}

.item .item-aside .popular {
  display: grid;
  grid-template-columns: 1fr 34px;
  margin-top: 15px;
}

.item .item-aside .popular h6 {
  color: #FF3B0D;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .popular p {
  margin-top: -2px;
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .item-aside .popular .img-wrapper {
  grid-column: 2/3;
  align-self: center;
  grid-row: 1/3;
  width: 34px;
  height: 35px;
  overflow: hidden;
}

.item .item-aside .popular .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .item-aside .bonuses {
  margin-top: 15px;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .item-aside .bonuses h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.item .item-aside .bonuses p {
  position: relative;
  display: flex;
  align-items: center;
  color: #FF7A00;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .bonuses p::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("/img/icon31.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.item .item-aside .available-payment {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .item-aside .available-payment .available-payment__top {
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}

.item .item-aside .available-payment .available-payment__top.active {
  margin-bottom: 15px;
}

.item .item-aside .available-payment .available-payment__top.active::before {
  transform: translateY(-50%) rotateX(180deg);
}

.item .item-aside .available-payment .available-payment__top::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 25px;
  background-image: url("/img/arrow7.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  transition: 0.3s;
}

.item .item-aside .available-payment .available-payment__top .title {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .available-payment .available-payment__top .subtitle {
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .item-aside .available-payment .available-payment__bottom {
  padding: 0 15px;
  max-height: 0;
  border-radius: 8px;
  background: #F1F0F5;
  transition: 0.3s;
  overflow: hidden;
}

.item .item-aside .available-payment .available-payment__bottom .num {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 14px;
  color: #111112;
  font-size: 18px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .available-payment .available-payment__bottom .num::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("/img/icon32.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.item .item-aside .available-payment .available-payment__bottom .txt {
  margin-top: 5px;
  color: #111112;
  font-size: 13px;
  line-height: 126%;
}

.item .item-aside .available-payment .available-payment__bottom a {
  margin-top: 17px;
  display: block;
  padding-bottom: 14px;
  color: #0D4EFF;
  font-size: 13px;
  line-height: 126%;
  text-decoration: none;
}

.item .item-aside .product-availability {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .item-aside .product-availability h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .product-availability h6 span {
  font-weight: 400;
}

.item .item-aside .product-availability p {
  margin-top: 1px;
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .item-aside .product-availability button {
  margin-top: 13px;
  display: flex;
  align-items: center;
  padding: 12px 11px;
  width: 100%;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .item-aside .product-availability button svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  object-fit: contain;
}

.item .item-aside .product-availability button span {
  color: #000;
  font-size: 14px;
  line-height: 125.4%;
}

.item .item-aside .delivery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1px;
  margin-top: 15px;
  padding-top: 15px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.item .item-aside .delivery >div {
  padding: 12px;
  height: auto;
  background: #F1F0F5;
}

.item .item-aside .delivery >div:first-of-type {
  border-radius: 8px 0 0 8px;
}

.item .item-aside .delivery >div:last-of-type {
  border-radius: 0 8px 8px 0;
}

.item .item-aside .delivery .img-wrapper {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.item .item-aside .delivery .img-wrapper svg, .item .item-aside .delivery .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .item-aside .delivery h6 {
  margin-top: 3px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
}

.item .item-aside .delivery p {
  margin-top: 10px;
  color: #505052;
  font-size: 13px;
  line-height: 126%;
}

.item .item-aside .guarantee {
  margin-top: 15px;
  padding: 18px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .item-aside .guarantee div {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  overflow: hidden;
}

.item .item-aside .guarantee div svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item .item-aside .guarantee p {
  color: #111112;
  font-size: 17px;
  line-height: 126%;
}

.item .item-aside .guarantee p span {
  font-weight: 600;
}

.item .item-aside .similar {
  margin-top: 15px;
}

.item .item-aside .similar h5 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .similar .compare {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 11px;
  margin-top: 14px;
  width: 100%;
  border-radius: 8px;
  background: #F1F0F5;
}

.item .item-aside .similar .compare svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  object-fit: contain;
}

.item .item-aside .similar .compare span {
  color: #000;
  font-size: 14px;
  line-height: 125.4%;
}

.item .item-aside .similar .similar-slider {
  margin-top: 14px;
  margin-bottom: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.item .item-aside .similar ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.item .item-aside .similar ul li {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 89px 1fr auto;
  grid-gap: 14px 25px;
}

.item .item-aside .similar ul li:first-of-type {
  margin-top: 0;
}

.item .item-aside .similar ul picture {
  position: relative;
  grid-row: 1/3;
  grid-column: 1/2;
  align-self: center;
  display: block;
  width: 89px;
  height: 89px;
  overflow: hidden;
}

.item .item-aside .similar ul picture::before {
  content: "";
  padding-top: 100%;
}

.item .item-aside .similar ul a {
  display: block;
  grid-column: 2/4;
  color: #000;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.item .item-aside .similar ul .price {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.item .item-aside .similar ul .similar-bonuses {
  display: flex;
  align-items: center;
  color: #FF7A00;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.item .item-aside .similar ul .similar-bonuses::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("/img/icon31.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.item .item-aside .similar .similar-slider-pagination {
  display: none;
}

.item .item-aside .similar .similar-slider-pagination .swiper-pagination-bullet {
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  background-color: #C9C8CC;
  border-radius: 50%;
  opacity: 1;
}

.item .item-aside .similar .similar-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.item .item-aside .similar .similar-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111112;
}

.services-list {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.services-list .services-list__item {
  display: grid;
  grid-template-columns: 1fr 184px 117px;
  align-items: start;
  grid-gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.services-list .services-list__item .mobile-title {
  display: none;
}

.services-list .services-list__item .mobile-title .txt {
  margin-top: 2px;
  display: block;
  color: #505052;
  font-size: 13px;
}

.services-list .akk {
  align-self: center;
}

.services-list .akk.active .akk-bottom {
  max-height: none !important;
  margin: 14px -20px 0;
  padding: 17px 20px 0;
}

.services-list .akk .akk-top {
  position: relative;
  padding: 0 0 0 32px;
  height: 44px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.services-list .akk .akk-top.active::before {
  transform: rotateX(180deg);
}

.services-list .akk .akk-top::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/arrow4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}

.services-list .akk .akk-top svg {
  display: none;
}

.services-list .akk .akk-top span.desktop .txt {
  display: block;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services-list .akk .akk-top span.mobile {
  display: none;
}

.services-list .akk .akk-bottom {
  max-height: 0;
  transition: 0.3s;
  overflow: hidden;
}

.services-list .akk .akk-bottom .akk-bottom__title {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.services-list .akk .akk-bottom .inner-list {
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  list-style: none;
}

.services-list .akk .akk-bottom .inner-list .inner-list__item {
  position: relative;
  margin-top: 8px;
  padding-left: 22px;
  color: #111112;
  font-size: 17px;
  line-height: 130%;
}

.services-list .akk .akk-bottom .inner-list .inner-list__item:first-of-type {
  margin-top: 0;
}

.services-list .akk .akk-bottom .inner-list .inner-list__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  background-image: url("/img/icon33.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.services-list .akk .akk-bottom .inner-link {
  margin-top: 24px;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 130%;
  text-decoration: none;
}

.services-list .price {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.services-list .price span {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services-list .add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
  height: 44px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  border-radius: 39px;
  background: #19FFB0;
  box-shadow: 0px 2px 3.4px 0px rgba(255, 255, 255, 0.53) inset, 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.services-list .add-btn.active {
    background: rgba(80, 80, 82, 0.09);
}

.catalog-inner {
  margin-top: 104px;
  padding: 60px 0 160px;
  background: #F2F1F5;
}

.catalog-inner.inner2 {
  padding: 60px 0 0;
}

.catalog-inner.inner2 .container {
  display: grid;
  grid-template-columns: 291px calc(100% - 291px - 25px);
  grid-gap: 0 25px;
}

.catalog-inner.inner2 .title-wrapper {
  margin-bottom: 0;
}

.catalog-inner.inner2 aside .wrapper {
  padding: 30px 0 0 0;
}

.catalog-inner.inner2 aside .block {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.catalog-inner.inner2 aside .block:first-of-type {
  margin: 0;
  padding: 0;
  border: none;
}

.catalog-inner.inner2 aside .block h6 a {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 122.5%;
  letter-spacing: -0.24px;
  text-decoration: none;
}

.catalog-inner.inner2 aside .block .mobile-subtitle {
  display: none;
}

.catalog-inner.inner2 aside .block ul {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  list-style: none;
}

.catalog-inner.inner2 aside .block ul li {
  margin-top: 14px;
}

.catalog-inner.inner2 aside .block ul li:first-of-type {
  margin-top: 0;
}

.catalog-inner.inner2 aside .block ul li a {
  display: block;
  text-decoration: none;
}

.catalog-inner.inner2 aside .block ul li a picture {
  display: none;
}

.catalog-inner.inner2 aside .block ul li a span {
  color: var(--Gray, #505052);
  font-size: 15px;
  line-height: 125%;
}

.catalog-inner.inner2 aside .more-btn {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.catalog-inner.inner2 aside .more-btn svg {
  width: 24px;
  height: 24px;
  margin-right: 7px;
}

.catalog-inner.inner2 aside .more-btn span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
}

.catalog-inner.inner2 .catalog-wrapper {
  padding-bottom: 160px;
  padding-left: 25px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner.inner2 .catalog-wrapper .inner-wrapper:first-of-type .title-wrapper {
  margin-top: 0;
  border: none;
}

.catalog-inner.inner2 .catalog-wrapper .title-wrapper {
  padding: 0;
  margin: 0;
  padding-top: 30px;
  margin-top: 50px;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner.inner2 .catalog-wrapper .title-wrapper a {
  grid-column: 2/3;
  grid-row: 1/3;
  justify-self: end;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  flex-shrink: 0;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 115.885%;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 33px;
  background: rgba(13, 78, 255, 0.1);
}

.catalog-inner.inner2 .catalog-wrapper .catalog-list {
  margin-top: 30px;
  padding: 0;
  border: none;
}

.catalog-inner .container {
  display: grid;
  grid-template-columns: 316px calc(100% - 316px - 25px);
  grid-gap: 0 25px;
}

.catalog-inner .title-wrapper {
  grid-column: 1/3;
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
  margin-bottom: 32px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner .title-wrapper p {
  margin-top: 4px;
  color: var(--gray);
  font-size: 21px;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.catalog-inner .filters {
  position: relative;
}

.catalog-inner .filters.search .wrapper .filters-block {
  display: none;
}

.catalog-inner .filters.search .wrapper .filters-block.filters-block--search {
  display: grid;
}

.catalog-inner .filters.search .wrapper .filters-block.filters-block--search .search-btn,
.catalog-inner .filters.search .wrapper .filters-block.filters-block--search .reset-btn {
  display: none;
}

.catalog-inner .filters.search .wrapper .filters-block.filters-block--search .search-container {
  display: block;
}

.catalog-inner .filters.search .wrapper .feedback-btn {
  display: none;
}

.catalog-inner .filters.search .show-me {
  display: none;
}

.catalog-inner .filters .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  border-bottom: 1px solid var(--Op-12-Black, rgba(0, 0, 0, 0.12));
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.catalog-inner .filters .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.catalog-inner .filters .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.catalog-inner .filters .wrapper .mobile-title {
  display: none;
  margin-bottom: 20px;
  color: #111112;
  font-size: 27px;
  font-weight: 600;
  line-height: 126%;
  letter-spacing: -0.27px;
}

.catalog-inner .filters .back-link {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 46px;
  width: 100%;
  text-decoration: none;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.09);
}

.catalog-inner .filters .back-link svg {
  width: 24px;
  height: 24px;
}

.catalog-inner .filters .back-link span {
  display: block;
  padding-left: 13px;
  overflow: hidden;
  color: #0D4EFF;
  text-overflow: ellipsis;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
  border-left: 1px solid rgba(13, 78, 255, 0.25);
}

.catalog-inner .filters .top-nav {
  display: flex;
  flex-direction: column;
  margin-top: 13px;
}

.catalog-inner .filters .top-nav .title {
  display: flex;
  align-items: center;
  padding: 6px 9px;
  margin: 0;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  line-height: 128.5%;
  text-decoration: none;
  border-radius: 8px;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(0, 0, 0, 0.07);
  white-space: nowrap;
}

.catalog-inner .filters .top-nav .title::before {
  content: "";
  width: 3px;
  height: 14px;
  margin-right: 9px;
  border-radius: 4px;
  background: #FF7A00;
}

.catalog-inner .filters .top-nav a {
  display: flex;
  align-items: center;
  padding: 4px 9px;
  margin-top: 6px;
  overflow: hidden;
  color: #505052;
  text-overflow: ellipsis;
  line-height: 128.5%;
  text-decoration: none;
  white-space: nowrap;
}

.catalog-inner .filters .top-nav a::before {
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 9px;
  border-radius: 50%;
  background: #505052;
}

.catalog-inner .filters .filters-block {
  margin-top: 17px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.catalog-inner .filters .filters-block.question-icon .title-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  border: none;
}

.catalog-inner .filters .filters-block.question-icon .title-wrapper .question-icon {
  width: 24px;
  height: 24px;
  padding-top: 1px;
  background-image: url("/img/icon46.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.catalog-inner .filters .filters-block h6 {
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.catalog-inner .filters .filters-block .reset-btn {
  display: none;
  align-items: center;
  margin-bottom: 3px;
}

.catalog-inner .filters .filters-block .reset-btn.active {
    display: flex;
}

.catalog-inner .filters .filters-block .reset-btn svg {
  width: 20px;
  height: 20px;
  margin-right: -4px;
  margin-top: -2px;
}

.catalog-inner .filters .filters-block .reset-btn span {
  color: #505052;
  font-size: 14px;
  font-weight: 500;
  line-height: 127%;
}

.catalog-inner .filters .filters-block .radio-list {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  list-style: none;
}

.catalog-inner .filters .filters-block .radio-list li {
  position: relative;
  margin-top: 12px;
}

.catalog-inner .filters .filters-block .radio-list li:first-of-type {
  margin-top: 0;
}

.catalog-inner .filters .filters-block .radio-list li input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  opacity: 0;
}

.catalog-inner .filters .filters-block .radio-list li input:checked + label::before {
  background-image: url("/img/icon28.svg");
}

.catalog-inner .filters .filters-block .radio-list li label {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
  cursor: pointer;
}

.catalog-inner .filters .filters-block .radio-list li label span {
  color: #505052;
}

.catalog-inner .filters .filters-block .radio-list li label::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 7px;
  background-image: url("/img/icon27.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.catalog-inner .filters .filters-block .radio-list li .ya-per {
  padding-left: 31px;
  color: #505052;
  font-size: 13px;
  font-weight: 400;
  line-height: 126%;
}

.catalog-inner .filters .filters-block .radio-list li .ya-per a {
  color: #FF2323;
  text-decoration: none;
}

.catalog-inner .filters .filters-block .checkbox-list {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  margin-bottom: 18px;
  list-style: none;
}

.catalog-inner .filters .filters-block .checkbox-list li {
  position: relative;
  margin-top: 12px;
}

.catalog-inner .filters .filters-block .checkbox-list li:first-of-type {
  margin-top: 0;
}

.catalog-inner .filters .filters-block .checkbox-list li input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  opacity: 0;
}

.catalog-inner .filters .filters-block .checkbox-list li input:checked + label::before {
  background-image: url("/img/icon36.svg");
}

.catalog-inner .filters .filters-block .checkbox-list li label {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
  cursor: pointer;
}

.catalog-inner .filters .filters-block .checkbox-list li label span {
  color: #505052;
}

.catalog-inner .filters .filters-block .checkbox-list li label::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 7px;
  background-image: url("/img/icon35.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.catalog-inner .filters .filters-block .more-btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.catalog-inner .filters .filters-block .more-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 7px;
  background-image: url("/img/arrow8.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .filters .filters-block .more-btn span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
}

.catalog-inner .filters .filters-block--search {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 17px 12px;
}

.catalog-inner .filters .filters-block--search h6 {
  grid-column: 1/3;
}

.catalog-inner .filters .filters-block--search .search-btn {
  height: 47px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 13px;
  background: #FFF;
  border-radius: 12px;
}

.catalog-inner .filters .filters-block--search .search-btn span {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
}

.catalog-inner .filters .filters-block--search .search-btn svg {
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
}

.catalog-inner .filters .filters-block--search .reset-btn {
  position: relative;
  width: 100%;
  height: 47px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
  border: none;
}

.catalog-inner .filters .filters-block--search .reset-btn .txt {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
}

.catalog-inner .filters .filters-block--search .reset-btn svg {
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.catalog-inner .filters .filters-block--search .reset-btn .num {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  padding: 1px 5px 0px 5px;
  color: #FFF;
  text-align: center;
  font-family: Golos Text VF;
  font-size: 14px;
  font-weight: 500;
  line-height: 127.385%;
  border-radius: 18px;
  border: 3px solid #F1F0F5;
  background: #505052;
}

.catalog-inner .filters .filters-block--search .search-container {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
  width: 100%;
  display: none;
  background: #F2F1F5;
}

.catalog-inner .filters .filters-block--search .search-container .input-wrapper {
  position: relative;
}

.catalog-inner .filters .filters-block--search .search-container .input-wrapper input {
  width: 100%;
  height: 47px;
  padding: 0 13px;
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid #111112;
  background: #FFF;
  box-shadow: 0px 0px 0px 5px rgba(17, 17, 18, 0.1);
}

.catalog-inner .filters .filters-block--search .search-container .input-wrapper .del-btn {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.11);
  transform: translateY(-50%);
}

.catalog-inner .filters .filters-block--search .search-container .input-wrapper .del-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background-image: url("/img/icon48.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.catalog-inner .filters .filters-block--search .search-container .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 20px;
  margin-top: 17px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.catalog-inner .filters .filters-block--search .search-container .no-results .icon {
  width: 40px;
  height: 40px;
  background-image: url("/img/icon47.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .filters .filters-block--search .search-container .no-results p {
  margin-top: 13px;
  color: rgba(80, 80, 82, 0.82);
  text-align: center;
  font-size: 17px;
  line-height: 126%;
}

.catalog-inner .filters .price .input-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin-top: 17px;
}

.catalog-inner .filters .price .input-wrapper input {
  width: 100%;
  height: 47px;
  padding: 0 13px;
  color: rgba(80, 80, 82, 0.82);
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.07);
}

.catalog-inner .filters .price .input-wrapper input:focus {
  color: #111112;
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.catalog-inner .filters .color ul {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  list-style: none;
}

.catalog-inner .filters .color ul li {
  position: relative;
  margin-top: 12px;
  display: none;
}

.catalog-inner .filters .color ul li:nth-of-type(1),
.catalog-inner .filters .color ul li:nth-of-type(2),
.catalog-inner .filters .color ul li:nth-of-type(3),
.catalog-inner .filters .color ul li:nth-of-type(4) {
  display: block;
}

.catalog-inner .filters .color ul li:first-of-type {
  margin-top: 0;
}

.catalog-inner .filters .color ul li input {
  position: absolute;
  opacity: 0;
}

.catalog-inner .filters .color ul li input:checked + label::before {
  content: "";
}

.catalog-inner .filters .color ul li label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.catalog-inner .filters .color ul li label::before {
  content: none;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 24px;
  height: 24px;
  background-image: url("/img/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.catalog-inner .filters .color ul li label .color-icon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.catalog-inner .filters .color ul li label .txt {
  color: #000;
  font-size: 17px;
  line-height: 126%;
}

.catalog-inner .filters .availability {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner .filters .availability h6 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.catalog-inner .filters .availability h6::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon45.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .filters .availability .search {
  margin: 18px 0;
  padding-bottom: 18px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner .filters .availability .search input {
  width: 100%;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
  /* 21.42px */
  border-radius: 8px;
  background: #FFF;
}

.catalog-inner .filters .availability .search input:focus::placeholder {
  color: transparent;
}

.catalog-inner .filters .availability .search input::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.catalog-inner .filters .availability .checkbox-list {
  max-height: 393px;
  overflow-y: scroll;
}

.catalog-inner .filters .feedback-btn {
  padding: 8px 9px;
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-gap: 1px 12px;
  margin-top: 17px;
  text-decoration: none;
  border-radius: 8px;
  background: #FFF;
}

.catalog-inner .filters .feedback-btn svg {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 36px;
  height: 36px;
}

.catalog-inner .filters .feedback-btn .txt {
  display: block;
  align-self: end;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
}

.catalog-inner .filters .feedback-btn .link {
  overflow: hidden;
  color: #0D4EFF;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 126%;
}

.catalog-inner .filters .show-me {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  padding: 10px;
  width: 100%;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.14);
}

.catalog-inner .filters .show-me .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 8px;
  background: var(--Black-10, #111112);
}

.catalog-inner .catalog-wrapper .filter-btn-mobile {
  display: none;
}

.catalog-inner .catalog-wrapper .top-wrapper {
  display: grid;
  grid-template-columns: 240px calc(100% - 240px);
}

.catalog-inner .catalog-wrapper .top-wrapper .choices {
  z-index: 15;
  width: 240px;
  height: 46px;
  flex-shrink: 0;
  margin: 0;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices.is-open::after {
  transform: translateY(-50%) rotateX(180deg);
}

.catalog-inner .catalog-wrapper .top-wrapper .choices::after {
  top: 50%;
  right: 17px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-image: url("/img/arrow6.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 1;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices::before {
  content: "Сортировать по";
  position: absolute;
  top: 7px;
  left: 13px;
  overflow: hidden;
  color: #505052;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices .choices__inner {
  display: block;
  padding: 22px 45px 0 13px;
  overflow: hidden;
  color: #111112;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 137.5%;
  white-space: nowrap;
  border: none;
  border-radius: 12px;
  background: #FFF;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices .choices__item {
  background: #FFF;
  opacity: 1;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices .choices__list {
  margin: 0;
  padding: 0;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices .choices__list.choices__list--dropdown {
  border-radius: 12px;
  background: #FFF;
  border: none;
}

.catalog-inner .catalog-wrapper .top-wrapper .choices .choices__list.choices__list--dropdown .choices__item {
  color: #111112;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 137.5%;
  white-space: nowrap;
}

.catalog-inner .catalog-wrapper .top-wrapper .wrapper {
  display: flex;
  overflow: hidden;
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters {
  display: flex;
  margin-left: 19px;
  padding-left: 16px;
  flex-shrink: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters li {
  height: 46px;
  padding: 0 13px 0 17px;
  margin-left: 8px;
  display: grid;
  grid-template-columns: 1fr 24px;
  grid-gap: 0 5px;
  border-radius: 36px;
  background: rgba(80, 80, 82, 0.09);
  cursor: pointer;
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters li:first-of-type {
  margin-left: 0;
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters li p:first-of-type {
  align-self: end;
  color: #505052;
  font-size: 13px;
  font-weight: 400;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters li p:last-of-type {
  margin-top: -3px;
  align-self: start;
  color: #111112;
  font-size: 13px;
  font-weight: 500;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .top-wrapper .added-filters li svg {
  align-self: center;
  grid-column: 2/3;
  grid-row: 1/3;
  width: 24px;
  height: 24px;
}

.catalog-inner .catalog-wrapper .catalog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 17px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  padding-top: 17px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner .catalog-wrapper .catalog-list .catalog-list__item {
  width: calc((100% - 50px) / 3);
  height: auto;
  display: flex;
  flex-direction: column;
}

.catalog-inner .catalog-wrapper .catalog-list .badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge {
  position: relative;
  padding: 6px 10px;
  margin-right: 3px;
  margin-top: 3px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 117%;
  border-radius: 8px;
  border: 3px solid #FFF;
  box-shadow: 0px 0.5px 2px 0px rgba(0, 0, 0, 0.25);
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--discount {
  color: #FFF;
  background: var(--purple);
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--discount::before {
  content: none;
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--new {
  background: var(--green);
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--new::before {
  background-image: url("/img/icon10.svg");
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--sale {
  color: #ffffff;
  background-color: var(--purple);
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--sale::before {
  background-image: url("/img/sell.svg");
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--bestseller {
  color: #FFF;
  background: #FF3B0D;
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge.badge--bestseller::before {
  background-image: url("/img/fire.svg");
}

.catalog-inner .catalog-wrapper .catalog-list .badges .badge::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .catalog-wrapper .catalog-list .name {
  margin-top: 8px;
  margin-bottom: auto;
  color: #000;
  font-size: 17px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-decoration: none;
  overflow: hidden;
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper {
  margin-top: 11px;
  padding: 11px 0;
  min-height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price.price--new .num {
  color: var(--purple);
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .num {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.72px;
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .num span {
  font-size: 17px;
  letter-spacing: -0.17px;
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .old {
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .old span {
  color: var(--gray);
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .tabs {
  display: grid;
  grid-template-columns: 49px 49px;
  grid-gap: 6px;
  padding: 3px;
  height: 38px;
  border-radius: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .tabs p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  line-height: 126%;
  cursor: pointer;
}

.catalog-inner .catalog-wrapper .catalog-list .price-wrapper .tabs p.active {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}

.catalog-inner .catalog-wrapper .catalog-list .btns {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 51px 51px;
  grid-gap: 8px;
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--black);
  white-space: nowrap;
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-cart.active {
    background-color: var(--purple);
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-bookmarks {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-bookmarks.active {
  background-color: var(--purple);
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-bookmarks.active::before {
  background-image: url("/img/icon29.svg");
}

.catalog-inner .catalog-wrapper .catalog-list .btns .to-bookmarks::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon11.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .catalog-wrapper .catalog-list .btns .link {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.catalog-inner .catalog-wrapper .catalog-list .btns .link::before {
  content: "";
  width: 16px;
  height: 4px;
  background-image: url("/img/icon12.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-inner .catalog-wrapper .more-btn {
  display: none;
}

.catalog-inner .catalog-wrapper .more-btn svg {
  width: 29px;
  height: 28px;
  transition: 0.3s;
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.catalog-inner .catalog-wrapper .pagination {
  margin-top: 25px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
}

.catalog-inner .catalog-wrapper .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.catalog-inner .catalog-wrapper .pagination ul li {
  margin-left: 13px;
}

.catalog-inner .catalog-wrapper .pagination ul li:first-of-type {
  margin-left: 0;
}

.catalog-inner .catalog-wrapper .pagination ul li.active a {
  font-weight: 500;
}

.catalog-inner .catalog-wrapper .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.catalog-inner .catalog-wrapper .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.catalog-inner .catalog-wrapper .tops-akk {
  padding-top: 24px;
  margin-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top.active svg {
  transform: rotateX(180deg);
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top.active + .akk-bottom {
  margin-top: 13px;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top p {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top button {
  display: flex;
  align-items: center;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top button span {
  display: block;
  color: #505052;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top button span.open {
  display: none;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-top button svg {
  margin-right: 1px;
  width: 20px;
  height: 20px;
  transition: 0.3s;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-bottom {
  display: flex;
  flex-wrap: wrap;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.catalog-inner .catalog-wrapper .tops-akk .akk-bottom a {
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  margin: 9px 9px 0 0;
  color: #505052;
  font-size: 13px;
  line-height: 128.5%;
  text-decoration: none;
  border-radius: 48px;
  background: rgba(0, 0, 0, 0.05);
}

.cart {
  margin-top: 104px;
  padding: 60px 0 50px;
  background: #F2F1F5;
  overflow: hidden;
}

.cart .container >form>div, .hostcms-sharebasket-cart {
  display: grid;
  grid-template-columns: 1fr 430px;
  grid-gap: 0 25px;
}

.cart .title-wrapper {
  grid-column: 1/2;
  align-self: start;
  padding: 0;
  margin: 0;
  border: none;
}

.cart .title-wrapper p {
  color: var(--gray);
  font-size: 21px;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.cart .second-block {
  grid-row: 2/5;
  margin-top: 30px;
}

.cart .second-block .added-wrapper {
  align-self: start;
}

.cart .second-block .added-wrapper .quantity {
  margin-bottom: 9px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 110.885%;
}

.cart .second-block .added-wrapper .quantity span {
  font-weight: 400;
}

.cart .second-block .added-wrapper .added-item {
  padding-top: 36px;
  margin-top: 36px;
  display: grid;
  grid-template-columns: 203px auto auto;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .second-block .added-wrapper .added-item.deleted {
  opacity: 0.45;
}

.cart .second-block .added-wrapper .added-item:first-of-type {
  margin-top: 0;
}

.cart .second-block .added-wrapper .added-item .img-wrapper {
  grid-row: 1/4;
  align-self: start;
  position: relative;
  width: 203px;
  padding: 18px 20px 28px;
  border-radius: 12px;
  background: #FFF;
  
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider {
  width: 100%;
  overflow: hidden;
  cursor:pointer;
  height: 168px;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper {
  display: flex;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper .swiper-slide::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture img,
.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture source {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider-pagination {
  position: absolute;
  bottom: 14px;
  left: 20px;
  width: calc(100% - 40px);
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-left: 5px;
  height: 2px;
  width: 100%;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.15);
  opacity: 1;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.cart .second-block .added-wrapper .added-item .img-wrapper .img-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--black);
}

.cart .second-block .added-wrapper .added-item .title-wrapper {
  grid-column: 2/4;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: 25px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.cart .second-block .added-wrapper .added-item .title-wrapper p {
  margin-left: 5px;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
}

.cart .second-block .added-wrapper .added-item .title-wrapper p.discount {
  color: #0D4EFF;
  font-weight: 500;
  letter-spacing: -0.13px;
}

.cart .second-block .added-wrapper .added-item .title-wrapper p:first-of-type {
  margin-left: 0;
}

.cart .second-block .added-wrapper .added-item .title-wrapper p:first-of-type::before {
  content: none;
}

.cart .second-block .added-wrapper .added-item .title-wrapper p::before {
  content: "•";
  display: block;
  margin-right: 5px;
  color: rgba(80, 80, 82, 0.4);
}

.cart .second-block .added-wrapper .added-item .title-wrapper h6 {
  width: 100%;
  margin-top: 6px;
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.cart .second-block .added-wrapper .added-item .title-wrapper h6 a {
    color:inherit;
    text-decoration: none;
}

.cart .second-block .added-wrapper .added-item .price {
  margin-left: 25px;
}

.cart .second-block .added-wrapper .added-item .price .num {
  color: #0D4EFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.72px;
}

.cart .second-block .added-wrapper .added-item .price .num span {
  font-size: 17px;
  letter-spacing: -0.17px;
}

.cart .second-block .added-wrapper .added-item .price .txt {
  color: #505052;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
}

.cart .second-block .added-wrapper .added-item .quantity-wrapper {
  justify-self: end;
}

.cart .second-block .added-wrapper .added-item .quantity-calc {
  justify-self: end;
  display: grid;
  align-items: center;
  grid-template-columns: 42px 42px 1fr;
  grid-gap: 9px;
}

.cart .second-block .added-wrapper .added-item .quantity-calc button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid #000;
}

.cart .second-block .added-wrapper .added-item .quantity-calc button svg {
  width: 24px;
  height: 24px;
}

.cart .second-block .added-wrapper .added-item .quantity-calc p {
  margin-left: 9px;
}

.cart .second-block .added-wrapper .added-item .quantity-calc p span {
  display: block;
  color: #000;
  line-height: 110.885%;
}

.cart .second-block .added-wrapper .added-item .quantity-calc p span b {
    font-weight: 500;
}

.cart .second-block .added-wrapper .added-item .quantity-calc p span:first-of-type {
  font-size: 17px;
  font-weight: 500;
}

.cart .second-block .added-wrapper .added-item .quantity-calc p span:last-of-type {
  margin-top: 3px;
  font-size: 13px;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper {
  grid-column: 2/3;
  display: flex;
  padding-top: 20px;
  margin-top: 20px;
  margin-left: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.cart .second-block .added-wrapper .added-item .btns-wrapper button {
  margin-left: 8px;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper button:first-of-type {
  margin-left: 0;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .action-btn.active {
  background: #0D4EFF;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .action-btn.active svg rect {
  fill: #ffffff;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .action-btn.active svg path {
  fill: #ffffff;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .action-btn svg {
  width: 24px;
  height: 24px;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .del {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 18px;
  height: 51px;
  margin-left: 58px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .del::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  width: 1px;
  height: 42px;
  background-color: rgba(0, 0, 0, 0.07);
  transform: translateY(-50%);
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .del svg {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.cart .second-block .added-wrapper .added-item .btns-wrapper .del span {
  color: #000;
  font-size: 17px;
  line-height: 127%;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper {
  width: 100%;
  grid-column: 3/4;
  justify-self: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size {
  display: grid;
  grid-template-columns: 1fr 24px;
  padding: 9px 12px 7px 12px;
  height: 53px;
  width: 153px;
  border-radius: 12px;
  background: #FFF;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size p {
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
  white-space: nowrap;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size .size-slider {
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size .swiper-wrapper {
  display: flex;
  width: 95px;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size .swiper-wrapper .swiper-slide {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  line-height: 100%;
  white-space: nowrap;
  background-color: #ffffff;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .size .size-slider-button-next {
  z-index: 10;
  grid-row: 1/3;
  grid-column: 2/3;
  width: 24px;
  height: 24px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-content: inherit;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .color {
  padding: 9px 12px;
  margin-left: 12px;
  height: 53px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #FFF;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .color .color-slider {
  overflow: hidden;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .color .color-slider .swiper-wrapper {
  display: flex;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .color .color-slider .swiper-wrapper .swiper-slide {
  width: 34px !important;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  overflow: hidden;
}

.cart .second-block .added-wrapper .added-item .choice-wrapper .color .color-slider-button-next {
  z-index: 10;
  grid-row: 1/3;
  grid-column: 2/3;
  width: 24px;
  height: 24px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-content: inherit;
}

.cart .second-block .services {
  padding-top: 36px;
  margin-top: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .second-block .services .quantity {
  margin-bottom: 9px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 110.885%;
}

.cart .second-block .services .quantity span {
  font-weight: 400;
}

.cart .second-block .services .added-services-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 36px;
  margin-bottom: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .second-block .services .added-services-wrapper .added-service {
  display: grid;
  grid-template-columns: 1fr 102px;
  grid-gap: 12px;
  margin-top: 12px;
  height: 84px;
}

.cart .second-block .services .added-services-wrapper .added-service:first-of-type {
  margin-top: 0;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper {
  padding: 0 20px;
  display: grid;
  align-items: center;
  grid-template-columns: 24px auto 184px 117px;
  grid-gap: 14px;
  border-radius: 12px;
  background: #FFF;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper svg {
  width: 24px;
  height: 24px;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper h6 {
  height: 24px;
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper .price .num {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper .price .txt {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.cart .second-block .services .added-services-wrapper .added-service .wrapper .del-btn {
  height: 44px;
  width: 117px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  border-radius: 39px;
  background: rgba(80, 80, 82, 0.09);
}

.cart .second-block .services .added-services-wrapper .added-service .change-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.1);
}

.cart .second-block .services .added-services-wrapper .added-service .change-btn svg {
  width: 24px;
  height: 24px;
}

.cart .second-block .services .added-services-wrapper .added-service .change-btn span {
  margin-top: 4px;
  color: #0D4EFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.cart .second-block .services .services-wrapper {
  padding-top: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .second-block .services .services-top {
  padding-bottom: 16px;
}

.cart .second-block .services .services-top.active + .services-list {
  max-height: none !important;
}

.cart .second-block .services .services-top.active .title-wrapper button svg {
  transform: rotateX(180deg);
}

.cart .second-block .services .services-top .title-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr 40px;
  grid-gap: 2px 18px;
  margin: 0;
  padding: 0;
  border: none;
}

.cart .second-block .services .services-top .title-wrapper .img-wrapper {
  width: 40px;
  height: 40px;
  grid-row: 1/3;
  align-self: end;
  overflow: hidden;
}

.cart .second-block .services .services-top .title-wrapper .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart .second-block .services .services-top .title-wrapper h3 {
  align-self: end;
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.cart .second-block .services .services-top .title-wrapper p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.cart .second-block .services .services-top .title-wrapper button {
  grid-row: 1/3;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.07);
}

.cart .second-block .services .services-top .title-wrapper button svg {
  transition: 0.3s;
}

.cart .second-block .services .services-top .title-wrapper button span {
  display: none;
  color: #000;
  font-size: 17px;
  line-height: 130%;
}

.cart .second-block .services .services-list {
  margin: 0;
  margin-left: 58px;
  max-height: 0;
  transition: 0.3s;
  overflow: hidden;
}

.cart .second-block .services .services-list .services-list__item .mobile-title {
  display: none;
}

.cart .second-block .services .services-list .services-list__item .akk .akk-top svg {
  display: none;
}

.cart .second-block .services .services-list .services-list__item .akk .akk-top span.mobile {
  display: none;
}

.cart .second-block .services .all-services {
  display: flex;
  align-items: center;
  margin-left: 58px;
  margin-top: 16px;
  text-decoration: none;
}

.cart .second-block .services .all-services svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.cart .second-block .services .all-services span {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 130%;
}

.cart .top-block {
  grid-row: 1/3;
  grid-column: 2/3;
}

.cart .top-block .free-delivery {
  padding: 20px;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 9px 20px;
  border-radius: 12px;
  background: #FFF;
}

.cart .top-block .free-delivery svg {
  grid-row: 1/3;
  align-self: center;
  width: 40px;
  height: 40px;
  align-self: center;
}

.cart .top-block .free-delivery h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.cart .top-block .free-delivery .progress .total {
  color: #111112;
  font-size: 27px;
  font-weight: 500;
  line-height: 126%;
  letter-spacing: -0.54px;
}

.cart .top-block .free-delivery .progress .all {
  color: #FF7A00;
  font-size: 27px;
  font-weight: 500;
  line-height: 126%;
  letter-spacing: -0.54px;
}

.cart .top-block .free-delivery .progress .progress-bar {
  width: 100%;
  height: 4px;
  margin-top: 4px;
  border-radius: 36px;
  background: rgba(0, 0, 0, 0.12);
}

.cart .top-block .free-delivery .progress .progress-bar .line {
  height: 4px;
  border-radius: 36px;
  background: #FF7A00;
}

.cart .top-block .services-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  margin-top: 12px;
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid #111112;
  background: #FFF;
}

.cart .top-block .services-cart .num {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  flex-shrink: 0;
  padding: 0 5px;
  margin-right: 8px;
  color: #F1F0F5;
  text-align: center;
  font-feature-settings: "case" on;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  background-color: #111112;
  border-radius: 19px;
}

.cart .top-block .services-cart p {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.cart .top-block .services-cart p.services-price {
  margin-left: auto;
}

.cart .aside-wrapper {
  grid-column: 2/3;
}

.cart .aside-wrapper .cart-info {
  padding: 20px;
  margin-top: 12px;
  border-radius: 12px;
  background: #FFF;
}

.cart .aside-wrapper .cart-info p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.cart .aside-wrapper .cart-info p:first-of-type {
  margin-top: 0;
}

.cart .aside-wrapper .cart-info p span:first-of-type {
  color: #000;
  font-size: 17px;
  line-height: 131.5%;
}

.cart .aside-wrapper .cart-info p span:last-of-type {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.cart .aside-wrapper .cart-info p span:last-of-type.discount {
  color: #FF3B0D;
}

.cart .aside-wrapper .cart-info .bonuses {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .aside-wrapper .cart-info .bonuses span:last-of-type {
  display: flex;
  align-items: center;
  color: #FF7A00;
}

.cart .aside-wrapper .cart-info .bonuses span:last-of-type svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.cart .aside-wrapper .cart-info .btn {
  margin-top: 25px;
  width: 100%;
}

.cart .aside-wrapper .cart-info .bonus-info {
  margin-top: 12px;
  display: flex;
  align-items: center;
  padding: 14px 15px;
  border-radius: 12px;
  background: #F1F0F5;
}

.cart .aside-wrapper .cart-info .bonus-info svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.cart .aside-wrapper .cart-info .bonus-info .txt {
  color: #000;
  font-size: 13px;
  line-height: 126%;
}

.cart .aside-wrapper .doc-link {
  margin-top: 12px;
  padding: 15px 19px;
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 0 12px;
  text-decoration: none;
  border-radius: 12px;
  background: #FFF;
}

.cart .aside-wrapper .doc-link svg {
  grid-row: 1/3;
  align-self: center;
  width: 24px;
  height: 24px;
}

.cart .aside-wrapper .doc-link .bold {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.cart .aside-wrapper .doc-link .txt {
  color: #505052;
  font-size: 13px;
  line-height: 126.885%;
  letter-spacing: -0.13px;
}

.cart .aside-wrapper .share-link {
  margin-top: 12px;
  padding: 15px 19px;
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 0 12px;
  text-decoration: none;
  border-radius: 12px;
  background: #FFF;
}

.cart .aside-wrapper .share-link svg {
  grid-row: 1/3;
  align-self: center;
  width: 24px;
  height: 24px;
}

.cart .aside-wrapper .share-link .bold {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.cart .aside-wrapper .share-link .txt {
  color: #505052;
  font-size: 13px;
  line-height: 126.885%;
  letter-spacing: -0.13px;
}

.cart .aside-wrapper .share-link.active svg {
    fill: #0D4EFF;
}
.cart .aside-wrapper .share-link.active .bold {
    color: #0D4EFF;
}

.cart .aside-wrapper .similar {
  margin-top: 12px;
  padding: 20px;
  border-radius: 12px;
  background: #FFF;
}

.cart .aside-wrapper .similar h5 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 126%;
}

.cart .aside-wrapper .similar ul {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.cart .aside-wrapper .similar ul li {
  padding-top: 20px;
  margin-top: 18px;
  display: grid;
  grid-template-columns: 89px 1fr auto;
  grid-gap: 14px 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cart .aside-wrapper .similar ul li:first-of-type {
  margin-top: 0;
}

.cart .aside-wrapper .similar ul li:last-of-type {
  padding-bottom: 0;
}

.cart .aside-wrapper .similar ul picture {
  position: relative;
  grid-row: 1/3;
  grid-column: 1/2;
  align-self: center;
  display: block;
  width: 89px;
  height: 89px;
  overflow: hidden;
}

.cart .aside-wrapper .similar ul picture::before {
  content: "";
  padding-top: 100%;
}

.cart .aside-wrapper .similar ul a {
  display: block;
  grid-column: 2/4;
  color: #000;
  font-size: 14px;
  line-height: 130%;
  text-decoration: none;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.cart .aside-wrapper .similar ul .price {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.cart .aside-wrapper .similar ul .similar-bonuses {
  display: flex;
  align-items: center;
  color: #FF7A00;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.cart .aside-wrapper .similar ul .similar-bonuses::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background-image: url("/img/icon31.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cart .aside-wrapper .similar .similar-slider-pagination {
  display: none;
}

.cart .aside-wrapper .similar .similar-slider-pagination .swiper-pagination-bullet {
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  background-color: #C9C8CC;
  border-radius: 50%;
  opacity: 1;
}

.cart .aside-wrapper .similar .similar-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.cart .aside-wrapper .similar .similar-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #111112;
}

.order {
  padding: 30px 0 160px;
  margin-top: 104px;
  background: #FFF;
  overflow: hidden;
}

.order .container >form {
  display: grid;
  grid-template-columns: 1fr 316px;
  grid-gap: 25px 140px;
  max-width: 1152px;
}

.order .title-wrapper {
  padding: 30px 0;
  grid-column: 1/3;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.order .back-btn {
  grid-column: 1/3;
  display: block;
  text-decoration: none;
}

.order .back-btn span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .discounts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}

.order .order-wrapper .discounts .discount-wrapper {
  width: 100%;
  height: auto;
  min-height: 235px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  background: #F1F0F5;
}

.order .order-wrapper .discounts .discount-wrapper.no-bonuses p {
  color: #505052;
}

.order .order-wrapper .discounts .discount-wrapper.no-bonuses input {
  pointer-events: none;
}

.order .order-wrapper .discounts .discount-wrapper.no-bonuses button {
  background: #505052;
  pointer-events: none;
}

.order .order-wrapper .discounts .discount-wrapper .icon {
  width: 40px;
  height: 40px;
}

.order .order-wrapper .discounts .discount-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .discounts .discount-wrapper p {
  color: #FF7A00;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .discounts .discount-wrapper input {
  width: 100%;
  padding: 13px 0;
  margin-top: 5px;
  margin-top: auto;
  color: #000;
  font-size: 17px;
  line-height: 126%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.84);
}

.order .order-wrapper .discounts .discount-wrapper input:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .discounts .discount-wrapper input::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .discounts .discount-wrapper .btns-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.order .order-wrapper .discounts .discount-wrapper button {
  height: 40px;
  padding: 0;
  width: 100%;
  border-radius: 8px;
  background: #111112;
}

.order .order-wrapper .discounts .discount-wrapper button span {
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .discounts .discount-wrapper .info {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  cursor: pointer;
}

.order .order-wrapper .discounts .discount-wrapper .info svg {
  width: 24px;
  height: 24px;
}

.order .order-wrapper .block-title {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 118%;
}

.order .order-wrapper .block-title span {
  color: #0D4EFF;
}

.order .order-wrapper .subtitle {
  margin-top: 2px;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .order-as {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 34px 25px;
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .order-as .block-title {
  grid-column: 1/3;
}

.order .order-wrapper .order-as input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .order-as input:checked + label::before {
  background-image: url("/img/icon28.svg");
}

.order .order-wrapper .order-as label {
  position: relative;
  display: block;
  padding-left: 31px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  cursor: pointer;
}

.order .order-wrapper .order-as label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon27.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.order .order-wrapper .first-info {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .first-info .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .first-info .inputs-wrapper .input-wrapper {
  position: relative;
  width: 100%;
  height: 47px;
}

.order .order-wrapper .first-info .inputs-wrapper label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  display: block;
}

.order .order-wrapper .first-info .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 14px;
  height: 15px;
  background-image: url("/img/icon44.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.order .order-wrapper .first-info .inputs-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 47px;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid #F1F0F5;
  background: #F1F0F5;
}

.order .order-wrapper .first-info .inputs-wrapper input:required:valid {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .first-info .inputs-wrapper input:required:valid + label::before {
  content: none;
}

.order .order-wrapper .first-info .inputs-wrapper input:required:valid::placeholder {
  color: transparent;
}

.order .order-wrapper .first-info .inputs-wrapper input:focus {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .first-info .inputs-wrapper input:focus + label::before {
  content: none;
}

.order .order-wrapper .first-info .inputs-wrapper input:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .first-info .inputs-wrapper input::placeholder {
  padding-left: 24px;
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .first-info .add-recipient {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .first-info .add-recipient button {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .first-info .add-recipient p {
  margin-top: 5px;
  padding-left: 14px;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .receiving-options .tabs .tab {
  padding: 15px 18px;
  width: 100%;
  height: auto;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.order .order-wrapper .receiving-options .tabs .tab.active, .order .order-wrapper .receiving-options .tabs .tab:has(> input:checked) {
  padding: 14px 17px;
  border: 2px solid #111112;
}

.order .order-wrapper .receiving-options .tabs .tab input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.order .order-wrapper .receiving-options .tabs .tab h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  pointer-events: none;
}

.order .order-wrapper .receiving-options .tabs .tab p {
  margin-top: 1px;
  margin-bottom: auto;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
  pointer-events: none;
}

.order .order-wrapper .receiving-options .panes .pane {
  margin-top: 36px;
  padding-top: 20px;
  display: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.active {
  display: block;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 25px) / 2));
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place {
  position: relative;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .main {
  position: relative;
  height: 65px;
  padding: 13px 50px 13px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background: #F1F0F5;
  overflow: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .main::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-image: url("/img/arrow6.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 1;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .main.active::after {
  transform: translateY(-50%) rotateX(180deg);
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .main .title {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .main .txt {
  margin-top: 1px;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .list {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  display: none;
  flex-direction: column;
  border-radius: 8px;
  background: #F1F0F5;
  overflow: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .list.active {
  display: flex;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .list .other {
  height: 65px;
  padding: 13px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  background: #F1F0F5;
  overflow: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .list .other .title {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place .list .other .txt {
  margin-top: 1px;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .delivery-map-btn {
  display: grid;
  grid-template-columns: 1fr 24px;
  grid-gap: 1px 10px;
  height: 65px;
  padding: 13px 16px;
  text-decoration: none;
  border-radius: 8px;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .delivery-map-btn .title {
  align-self: end;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .delivery-map-btn .txt {
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .delivery-map-btn svg {
  align-self: center;
  grid-column: 2/3;
  grid-row: 1/3;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .pickup-txt {
  margin-top: 25px;
  color: #505052;
  font-size: 17px;
  line-height: 100%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .pickup-txt span {
  display: block;
  margin-top: 2px;
  color: #000;
}

.order .order-wrapper .receiving-options .panes .pane.pane--pickup .more-link {
  display: block;
  margin-top: 25px;
  padding-top: 12px;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  text-decoration: none;
  border-top: 1px solid rgba(13, 78, 255, 0.24);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .inner-title {
  color: #000;
  font-size: 21px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper .input-wrapper {
  position: relative;
  width: 100%;
  height: 47px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper .input-wrapper:first-of-type {
  grid-column: 1/3;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  display: block;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 14px;
  height: 15px;
  background-image: url("/img/icon44.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 47px;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid #F1F0F5;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:required:valid {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:required:valid + label::before {
  content: none;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:required:valid::placeholder {
  color: transparent;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:focus {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:focus + label::before {
  content: none;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper input::placeholder {
  padding-left: 24px;
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .delivery-map-btn {
  display: grid;
  grid-template-columns: 1fr 24px;
  grid-gap: 1px 10px;
  height: 65px;
  padding: 13px 16px;
  margin-top: 20px;
  width: 100%;
  text-decoration: none;
  border-radius: 8px;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .delivery-map-btn .title {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  text-align: left;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .delivery-map-btn .txt {
  text-align: left;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .delivery-map-btn svg {
  align-self: center;
  grid-column: 2/3;
  grid-row: 1/3;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper input:checked + label::before {
  background-image: url("/img/icon36.svg");
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper label {
  position: relative;
  display: block;
  padding-left: 31px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  cursor: pointer;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon35.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper input:checked + label::before {
  background-image: url("/img/icon38.svg");
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper label {
  position: relative;
  display: block;
  height: 65px;
  padding: 13px 16px;
  text-decoration: none;
  border-radius: 8px;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon27.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper label .title {
  display: block;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper label .txt {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info {
  margin-top: 25px;
  padding: 13px 16px 17px;
  display: grid;
  grid-template-columns: 1fr 46px;
  grid-gap: 0 20px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .txt-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .txt-wrapper p {
  margin-top: 1px;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance-input input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance-input input:checked + label {
  background-color: #FF7A00;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance-input input:checked + label::before {
  left: 18px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance-input label {
  position: relative;
  width: 46px;
  height: 30px;
  display: block;
  background-color: rgba(80, 80, 82, 0.35);
  border-radius: 100px;
  cursor: pointer;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance-input label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance {
  grid-column: 1/3;
  width: 100%;
  height: 47px;
  padding: 0 13px;
  margin-top: 20px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .distance::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info {
  grid-column: 1/3;
  margin-top: 7px;
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 1px 10px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(255, 122, 0, 0.09);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info svg {
  width: 24px;
  height: 24px;
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info p {
  color: #505052;
  font-size: 13px;
  line-height: 126%;
  mix-blend-mode: luminosity;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .summary-txt {
  margin-top: 25px;
  color: #505052;
  font-size: 17px;
  line-height: 100%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .summary-txt span {
  display: block;
  margin-top: 2px;
  color: #000;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .more-link {
  display: block;
  margin-top: 25px;
  padding-top: 12px;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  text-decoration: none;
  border-top: 1px solid rgba(13, 78, 255, 0.24);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper {
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices {
  z-index: 15;
  width: 100%;
  height: 65px;
  flex-shrink: 0;
  margin: 0;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices:first-of-type {
  z-index: 20;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices:first-of-type::before {
  content: "Дата доставки";
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices:last-of-type::before {
  content: "Время доставки";
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices.is-open::after {
  transform: translateY(-50%) rotateX(180deg);
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices::after {
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-image: url("/img/arrow6.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 1;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices::before {
  position: absolute;
  bottom: 13px;
  left: 16px;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices .choices__inner {
  display: block;
  padding: 13px 50px 0 16px;
  height: 65px;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices .choices__item {
  height: 65px;
  background: #F1F0F5;
  opacity: 1;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices .choices__list {
  margin: 0;
  padding: 0;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices .choices__list.choices__list--dropdown {
  margin-top: 5px;
  border-radius: 8px;
  background: #F1F0F5;
  border: none;
}

.order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices .choices__list.choices__list--dropdown .choices__item {
  padding: 13px 16px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .map-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: calc(100dvh - 104px);
  display: none;
  background-color: #fff;
}

.order .order-wrapper .receiving-options .map-wrapper.active {
  display: block;
}

.order .order-wrapper .receiving-options .map-wrapper #delivery-pickup-map,
.order .order-wrapper .receiving-options .map-wrapper #delivery-courier-map {
  width: 100%;
  height: 100%;
  grid-column: 2/3;
  grid-row: 1/3;
}

.order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 104px;
  padding: 0 27px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: rgba(137, 136, 143, 0.66);
}

.order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon49.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.order .order-wrapper .receiving-options .map-wrapper aside {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 360px 1fr;
  grid-template-rows: auto 1fr;
  background: #FFF;
}

.order .order-wrapper .receiving-options .map-wrapper aside .title-wrapper {
  padding: 16px 20px;
  grid-column: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}

.order .order-wrapper .receiving-options .map-wrapper aside .title-wrapper h6 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 118%;
}

.order .order-wrapper .receiving-options .map-wrapper aside .title-wrapper h6 span {
  color: #0D4EFF;
}

.order .order-wrapper .receiving-options .map-wrapper aside .title-wrapper p {
  margin-top: 5px;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .receiving-options .map-wrapper aside .inner-wrapper {
  height: 100%;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper {
  overflow-y: scroll;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper::-webkit-scrollbar {
  width: 0;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
  list-style: none;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point {
  padding: 13px;
  display: grid;
  grid-template-columns: 22px 1fr;
  grid-gap: 13px 8px;
  margin-top: 14px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #F1F0F5;
}
.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point.active {border:1px solid #ff7a00;}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point:first-of-type {
  margin-top: 0;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point h6 {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  white-space: nowrap;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point p {
  grid-column: 1/3;
  color: #505052;
  font-size: 14px;
  line-height: 126%;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point p span {
  color: #000;
}

.order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point .choose {
  grid-column: 1/3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: rgba(0, 0, 0, 0.06);
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto 1fr;
  grid-gap: 20px;
  padding: 20px;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper .input-wrapper {
  position: relative;
  width: 100%;
  height: 47px;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper .input-wrapper:first-of-type {
  grid-column: 1/3;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  display: block;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 14px;
  height: 15px;
  background-image: url("/img/icon44.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 47px;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  border: 1px solid #F1F0F5;
  background: #F1F0F5;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:required:valid {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:required:valid + label::before {
  content: none;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:required:valid::placeholder {
  color: transparent;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:focus {
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:focus + label::before {
  content: none;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper input::placeholder {
  padding-left: 24px;
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper button {
  grid-column: 1/3;
  align-self: end;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--Black-10, #111112);
}

.order .order-wrapper .payment-options {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .payment-options .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .payment-options .inputs-wrapper input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .payment-options .inputs-wrapper input:checked + label::before {
  background-image: url("/img/icon28.svg");
}

.order .order-wrapper .payment-options .inputs-wrapper label {
  position: relative;
  display: block;
  padding-left: 31px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  cursor: pointer;
}

.order .order-wrapper .payment-options .inputs-wrapper label span {
  display: block;
  margin-top: 1px;
  color: #505052;
  font-size: 13px;
  font-weight: 400;
  line-height: 126%;
}

.order .order-wrapper .payment-options .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon27.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order .order-wrapper .payment-options a {
  display: block;
  margin-top: 25px;
  padding-top: 12px;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  text-decoration: none;
  border-top: 1px solid rgba(13, 78, 255, 0.24);
}

.order .order-wrapper .order-confirmation {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .order-confirmation .inputs-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 34px;
}

.order .order-wrapper .order-confirmation .inputs-wrapper input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .order-confirmation .inputs-wrapper input:checked + label::before {
  background-image: url("/img/icon36.svg");
}

.order .order-wrapper .order-confirmation .inputs-wrapper label {
  position: relative;
  display: block;
  padding-left: 31px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  cursor: pointer;
}

.order .order-wrapper .order-confirmation .inputs-wrapper label::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon35.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order .order-wrapper .comment {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .comment textarea {
  width: 100%;
  height: 160px;
  padding: 13px;
  margin-top: 34px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
  border: 1px solid #F1F0F5;
  resize: none;
}

.order .order-wrapper .comment textarea:focus {
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 18, 0.32);
  background: #FFF;
}

.order .order-wrapper .comment textarea:focus::placeholder {
  color: transparent;
}

.order .order-wrapper .comment textarea::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.order .order-wrapper .more-details {
  margin-top: 36px;
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .more-details .inner-wrapper {
  display: flex;
  flex-direction: column;
}

.order .order-wrapper .more-details .inner-wrapper svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.order .order-wrapper .more-details .inner-wrapper h6 {
  margin-top: 12px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.order .order-wrapper .more-details .inner-wrapper p {
  margin-top: 5px;
  margin-bottom: auto;
  color: #000;
  font-size: 13px;
  line-height: 130%;
}

.order .order-wrapper .more-details .inner-wrapper a {
  display: block;
  margin-top: 20px;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
  text-decoration: none;
}

.order .order-wrapper .last-wrapper {
  margin-top: 36px;
  padding-top: 31px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .order-wrapper .last-wrapper input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.order .order-wrapper .last-wrapper input:checked + label::before {
  background-image: url("/img/icon36.svg");
}

.order .order-wrapper .last-wrapper label {
  position: relative;
  display: block;
  padding-left: 31px;
  margin-top: 25px;
  color: #000;
  font-size: 17px;
  line-height: 126%;
  cursor: pointer;
}

.order .order-wrapper .last-wrapper label:first-of-type {
  margin-top: 0;
}

.order .order-wrapper .last-wrapper label[for=news]::before {
  background-image: url("/img/icon35.svg");
}

.order .order-wrapper .last-wrapper label::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon37.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order .order-wrapper .last-wrapper label a {
  color: #0D4EFF;
  text-decoration: none;
}

.order .aside .cart-info {
  margin-top: 12px;
}

.order .aside .cart-info p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.order .aside .cart-info p:first-of-type {
  margin-top: 0;
}

.order .aside .cart-info p span:first-of-type {
  color: #000;
  font-size: 17px;
  line-height: 131.5%;
}

.order .aside .cart-info p span:last-of-type {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.order .aside .cart-info p span:last-of-type.discount {
  color: #FF3B0D;
}

.order .aside .cart-info .bonuses {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order .aside .cart-info .bonuses span:last-of-type {
  display: flex;
  align-items: center;
  color: #FF7A00;
}

.order .aside .cart-info .bonuses span:last-of-type svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.order .aside .cart-info .btn {
  margin-top: 14px;
  width: 100%;
}

.order .aside .cart-info .total {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .aside .cart-info .total .num {
  color: #000;
  text-align: center;
  font-size: 27px;
  font-weight: 500;
  line-height: 131.5%;
  letter-spacing: -0.27px;
}

.order .aside .cart-info .total .txt {
  margin-top: -4px;
  color: #000;
  text-align: center;
  font-size: 17px;
  line-height: 131.5%;
}

.order .aside .required-fields {
  margin-top: 20px;
  padding-top: 27px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 20px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.order .aside .required-fields .row {
  position: relative;
  grid-column: 1/3;
  width: 100%;
  height: 4px;
  border-radius: 14px;
  background: #F1F0F5;
}

.order .aside .required-fields .row .col {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 20px;
  transform: translateY(-50%);
}

.order .aside .required-fields .row .col:nth-of-type(1) {
  left: 10px;
}

.order .aside .required-fields .row .col:nth-of-type(2) {
  left: calc(10px + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col:nth-of-type(3) {
  left: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col:nth-of-type(4) {
  left: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col:nth-of-type(5) {
  left: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col:nth-of-type(6) {
  left: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col:nth-of-type(7) {
  left: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row .col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 6px;
  background-color: #C6C6C6;
}

.order .aside .required-fields .row .col::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 6px;
  background-color: #C6C6C6;
}

.order .aside .required-fields .row.r1::before {
  width: 10px;
}

.order .aside .required-fields .row.r2::before {
  width: calc(10px + (100% - 20px) / 6);
}

.order .aside .required-fields .row.r3::before {
  width: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row.r4::before {
  width: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row.r5::before {
  width: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row.r6::before {
  width: calc(10px + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6 + (100% - 20px) / 6);
}

.order .aside .required-fields .row.r7::before {
  width: 100%;
}

.order .aside .required-fields .row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  border-radius: 14px;
  background: #FF7A00;
}

.order .aside .required-fields p {
  color: #505052;
  font-size: 13px;
  line-height: 126.885%;
}

.order .aside .required-fields p:last-of-type {
  justify-self: end;
}

.services {
  margin-top: 104px;
  padding: 60px 0 160px;
  background: #F2F1F5;
}

.services.services--empty .title-wrapper {
  grid-row: 1/2;
  grid-column: 1/3;
}

.services.services--empty aside {
  grid-row: 2/3;
}

.services .container {
  display: grid;
  grid-template-columns: 1fr 430px;
  grid-gap: 0 25px;
}

.services .title-wrapper {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  border: none;
}

.services .title-wrapper p {
  color: var(--Gray, #505052);
  font-size: 21px;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.services .services-wrapper .txt-wrapper {
  padding-top: 20px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.services .services-wrapper .txt-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.051px;
}

.services .services-wrapper .txt-wrapper .region {
  display: grid;
  grid-template-columns: 20px auto 1fr;
  grid-gap: 0 4px;
  margin-top: 20px;
}

.services .services-wrapper .txt-wrapper .region .icon {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  width: 20px;
  height: 20px;
}

.services .services-wrapper .txt-wrapper .region .place {
  align-self: end;
  color: #000;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
}

.services .services-wrapper .txt-wrapper .region .change {
  justify-self: start;
}

.services .services-wrapper .txt-wrapper .region .change span {
  color: #0D4EFF;
  font-size: 14px;
  line-height: 128.885%;
  letter-spacing: -0.14px;
}

.services .services-wrapper .txt-wrapper .region .change svg {
  display: none;
}

.services .services-wrapper .txt-wrapper .region .txt {
  grid-column: 2/4;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services .services-wrapper .block {
  padding-top: 20px;
  border-top: 1px solid #505052;
}

.services .services-wrapper .block .title {
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 130%;
}

.services .services-wrapper .block .title >p {
  color: #FF3B0D;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  margin: 10px 0 0 0;
}

.services .services-wrapper .block .services-list {
  margin-bottom: 0;
}

.services .services-wrapper .block .services-list .services-list__item .mobile-title {
  display: none;
}

.services .services-wrapper .block .services-list .services-list__item .mobile-title .txt {
  margin-top: 2px;
  display: block;
  color: #505052;
  font-size: 13px;
}

.services .services-wrapper .block .services-list .services-list__item .akk .akk-top svg {
  display: none;
}

.services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.desktop .txt {
  display: block;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.mobile {
  display: none;
}

.services .services-wrapper .banner {
  margin-top: 24px;
  min-height: 243px;
  display: flex;
  border-radius: 12px;
  background: #FFF;
  overflow: hidden;
}

.services .services-wrapper .banner .imgs {
  position: relative;
  width: 268px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}

.services .services-wrapper .banner .imgs picture {
  position: absolute;
  display: block;
  overflow: hidden;
}

.services .services-wrapper .banner .imgs picture.img1 {
  top: 40px;
  left: 0;
  width: 105px;
  height: calc(50% - 6px - 40px);
  border-radius: 0 12px 12px 0;
}

.services .services-wrapper .banner .imgs picture.img2 {
  top: 0;
  left: 117px;
  width: 151px;
  height: calc(50% - 6px);
  border-radius: 0 0 12px 12px;
}

.services .services-wrapper .banner .imgs picture.img3 {
  left: 0;
  bottom: 0;
  width: 150px;
  height: calc(50% - 6px);
  border-radius: 0 12px 0 0;
}

.services .services-wrapper .banner .imgs picture.img4 {
  bottom: 30px;
  left: 162px;
  width: 106px;
  height: calc(50% - 6px - 30px);
  border-radius: 12px;
}

.services .services-wrapper .banner .imgs picture img,
.services .services-wrapper .banner .imgs picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services .services-wrapper .banner .txt-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin: 0;
  padding: 40px 24px 40px 40px;
  border: none;
}

.services .services-wrapper .banner .txt-wrapper h6 {
  color: #111112;
  font-size: 21px;
  font-weight: 500;
  line-height: 130%;
}

.services .services-wrapper .banner .txt-wrapper p {
  margin-top: 8px;
  margin-bottom: 16px;
  color: #505052;
  font-size: 17px;
  line-height: 130%;
}

.services .services-wrapper .banner .txt-wrapper a {
  margin-top: auto;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
}

.services aside {
  grid-column: 2/3;
  grid-row: 1/3;
}

.services aside .empty-wrapper {
  padding: 32px 20px 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  background: #FFF;
}

.services aside .empty-wrapper svg {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.services aside .empty-wrapper h6 {
  color: #505052;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.services aside .empty-wrapper p {
  margin-top: 7px;
  color: #505052;
  text-align: center;
  font-size: 13px;
  line-height: 130%;
}

.services aside .items .item-wrapper {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.services aside .items .item-wrapper:first-of-type {
  margin-top: 0;
}

.services aside .items .item-wrapper.item-wrapper--deleted .top-wrapper {
  opacity: 0.45;
}

.services aside .items .item-wrapper.item-wrapper--deleted .remove-btn {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.services aside .items .item-wrapper.item-wrapper--deleted .remove-btn svg {
  width: 24px;
  height: 24px;
}

.services aside .items .item-wrapper.item-wrapper--deleted .remove-btn span {
  color: #000;
  font-size: 17px;
  line-height: 130%;
}

.services aside .items .top-wrapper {
  display: flex;
}

.services aside .items .top-wrapper .num {
  flex-shrink: 0;
  height: 19px;
  min-width: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F1F0F5;
  text-align: center;
  font-feature-settings: "case" on;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  border-radius: 50%;
  background-color: #111112;
}

.services aside .items .top-wrapper .name {
  margin-left: 6px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.services aside .items .top-wrapper .name span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.services aside .items .top-wrapper .price {
  margin-left: auto;
  color: #505052;
  font-size: 17px;
  line-height: 130%;
}

.services aside .items .middle-wrapper {
  margin-top: 14px;
}

.services aside .items .middle-wrapper .numbers {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 110px;
  border-radius: 12px 12px 0 0;
  background: #FFF;
}

.services aside .items .middle-wrapper .numbers h6 {
  align-self: end;
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.services aside .items .middle-wrapper .numbers p {
  align-self: start;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services aside .items .middle-wrapper .numbers .calc {
  grid-column: 2/3;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 83px 22px;
  grid-gap: 0 5px;
}

.services aside .items .middle-wrapper .numbers .calc input {
  grid-column: 1/2;
  grid-row: 1/3;
  padding: 0 13px;
  width: 83px;
  height: 47px;
  color: rgba(80, 80, 82, 0.82);
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
}

.services aside .items .middle-wrapper .numbers .calc button {
  width: 22px;
  justify-content: center;
  align-items: center;
  background: #F1F0F5;
}

.services aside .items .middle-wrapper .numbers .calc button.plus {
  height: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px 8px 0 0;
}

.services aside .items .middle-wrapper .numbers .calc button.plus svg {
  width: 20px;
  height: 20px;
}

.services aside .items .middle-wrapper .numbers .calc button.min {
  height: 24px;
  border-radius: 0 0 8px 8px;
}

.services aside .items .middle-wrapper .numbers .calc button.min svg {
  width: 20px;
  height: 20px;
}

.services aside .items .middle-wrapper .total {
  padding: 20px;
  background: #FFF;
  border-radius: 0 0 12px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.services aside .items .middle-wrapper .total h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.services aside .items .middle-wrapper .total p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services aside .items .del-btn {
  display: flex;
  align-items: center;
  margin-top: 14px;
}

.services aside .items .del-btn svg {
  width: 24px;
  height: 24px;
}

.services aside .items .del-btn span {
  color: #FF3B0D;
  font-size: 17px;
  line-height: 130%;
}

.services aside .gray-wrapper {
  margin-top: 14px;
  padding: 15px 20px;
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 12px 6px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: rgba(0, 0, 0, 0.06);
}

.services aside .gray-wrapper svg {
  width: 24px;
  height: 24px;
  align-self: center;
}

.services aside .gray-wrapper p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.services aside .gray-wrapper button {
  grid-column: 2/3;
  display: flex;
  height: 32px;
  margin-right: auto;
  background: rgba(0, 0, 0, 0.09);
  border-radius: 29px;
  overflow: hidden;
}

.services aside .gray-wrapper button .txt {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 11px 8px;
  color: #111112;
  font-size: 13px;
  line-height: 130%;
  border-radius: 29px;
  background: #FFF;
}

.services aside .gray-wrapper button .price {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 11px 8px;
  font-size: 13px;
  line-height: 130%;
  color: #111112;
  border-radius: 29px;
}

.services aside .cart-info {
  position: relative;
  padding: 20px;
  margin-top: 30px;
  border-radius: 12px;
  background: #FFF;
}

.services aside .cart-info::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.services aside .cart-info p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.services aside .cart-info p:first-of-type {
  margin-top: 0;
}

.services aside .cart-info p span:first-of-type {
  color: #000;
  font-size: 17px;
  line-height: 131.5%;
}

.services aside .cart-info p span:last-of-type {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 131.5%;
}

.services aside .cart-info p span:last-of-type.discount {
  color: #FF3B0D;
}

.services aside .cart-info .bonuses {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.services aside .cart-info .bonuses span:last-of-type {
  display: flex;
  align-items: center;
  color: #FF7A00;
}

.services aside .cart-info .bonuses span:last-of-type svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.services aside .cart-info .btn {
  margin-top: 25px;
  width: 100%;
  display: block;
}

.services aside .guarantee {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding: 16px 18px 18px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.services aside .guarantee svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  flex-shrink: 0;
}

.services aside .guarantee p {
  color: #111112;
  font-size: 17px;
  line-height: 126%;
}

.services aside .guarantee p span {
  font-weight: 600;
}

.order-processed {
  padding: 60px 0 100px;
  margin-top: 104px;
  background-color: #ffffff;
}

.order-processed .container {
  max-width: 698px;
}

.order-processed .title-wrapper {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}

.order-processed .title-wrapper p {
  margin-top: 6px;
  color: var(--Gray, #505052);
  font-size: 21px;
  font-weight: 400;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.order-processed .before .txt-wrapper {
  padding: 28px 0;
  margin: 30px 0 28px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.order-processed .before .txt-wrapper h6 {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 118%;
}

.order-processed .before .txt-wrapper p {
  margin-top: 21px;
  color: #000;
  font-family: Golos Text VF;
  font-size: 17px;
  font-weight: 400;
}

.order-processed .before .payment-wrapper {
  padding: 20px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.order-processed .before .payment-wrapper .txt {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

.order-processed .before .payment-wrapper .btn-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.order-processed .before .payment-wrapper .btn-wrapper button {
  display: flex;
  align-items: center;
  padding: 0 26px;
  height: 50px;
  border-radius: 12px;
  background: var(--Black-10, #111112);
}

.order-processed .before .payment-wrapper .btn-wrapper button span {
  display: flex;
  align-items: center;
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 110.885%;
}

.order-processed .before .payment-wrapper .btn-wrapper button span::after {
  content: "";
  width: 1px;
  height: 19px;
  margin: 0 14px;
  display: block;
  background-color: rgba(255, 255, 255, 0.31);
}

.order-processed .before .payment-wrapper .btn-wrapper button svg {
  width: 55px;
  height: 15px;
}

.order-processed .before .payment-wrapper .btn-wrapper .price {
  margin-left: 20px;
  color: #000;
  font-family: Golos Text VF;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

.order-processed .before .payment-wrapper .btn-wrapper .price span {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 126%;
}

.order-processed .after .txt-wrapper {
  padding: 28px 0;
  margin: 30px 0 28px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.order-processed .after .txt-wrapper p {
  color: #000;
  font-family: Golos Text VF;
  font-size: 17px;
  font-weight: 400;
}

.order-processed .after .info-wrapper {
  display: grid;
  grid-template-columns: 203px 1fr;
  grid-gap: 25px;
}

.order-processed .after .info-wrapper .info-list {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 17px;
  border-radius: 8px;
  background: #F1F0F5;
}

.order-processed .after .info-wrapper .info-list p {
  position: relative;
  margin-top: 25px;
  padding-left: 21px;
}

.order-processed .after .info-wrapper .info-list p span {
  display: block;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}

.order-processed .after .info-wrapper .info-list p.check span {
  color: #FF7A00;
}

.order-processed .after .info-wrapper .info-list p.check::before {
  left: 0;
  background-color: #FF7A00;
  border: 3px solid #ffffff;
  box-shadow: 1px 1px 5px -1px #000000;
}

.order-processed .after .info-wrapper .info-list p.check::after {
  background-color: #FF7A00;
}

.order-processed .after .info-wrapper .info-list p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #505052;
  transform: translateY(-50%);
}

.order-processed .after .info-wrapper .info-list p::after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: -25px;
  width: 3px;
  height: 25px;
  border-radius: 19px;
  background: rgba(80, 80, 82, 0.12);
}

.order-processed .after .info-wrapper .info-list p:first-of-type {
  margin-top: 0;
}

.order-processed .after .info-wrapper .info-list p:last-of-type::after {
  content: none;
}

.order-processed .after .info-wrapper .info h6 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 126%;
}

.order-processed .after .info-wrapper .info a {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.order-processed .after .info-wrapper .info a .title {
  color: #0D4EFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 126%;
}

.order-processed .after .info-wrapper .info a .txt {
  margin-top: 1px;
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
}

.order-processed .after .info-wrapper .info .small-txt {
  margin-top: 25px;
  padding-top: 25px;
  color: #505052;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet {
  padding: 170px 0 160px;
  background: #F2F1F5;
}

.cabinet .container {
  display: grid;
  grid-template-columns: 292px calc(100% - 292px - 24px);
  grid-gap: 24px;
}

.cabinet .profile-aside .title-wrapper {
  padding: 0;
  margin: 0;
  border: none;
}

.cabinet .profile-aside .title-wrapper h1 {
  color: var(--Black-10, #111112);
  font-size: 24px;
  font-weight: 600;
  line-height: 110.885%;
}

.cabinet .profile-aside .title-wrapper .name {
  margin-top: 4px;
  color: var(--Gray, #505052);
  font-size: 13px;
  line-height: 110.885%;
}

.cabinet .profile-aside .profile-menu {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-aside .profile-menu .profile-menu__item {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}

.cabinet .profile-aside .profile-menu .profile-menu__item.active {
  padding: 12px 12px 12px 3px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}

.cabinet .profile-aside .profile-menu .profile-menu__item.active::before {
  content: "";
  width: 3px;
  height: 20px;
  margin-right: 12px;
  border-radius: 5px;
  background: #FF7A00;
}

.cabinet .profile-aside .profile-menu .profile-menu__item.active svg.no-active {
  display: none;
}

.cabinet .profile-aside .profile-menu .profile-menu__item.active svg.active {
  display: block;
}

.cabinet .profile-aside .profile-menu .profile-menu__item.active .num {
  color: #FF7A00;
  background: #FFF;
}

.cabinet .profile-aside .profile-menu .profile-menu__item svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  pointer-events: none;
}

.cabinet .profile-aside .profile-menu .profile-menu__item svg.no-active {
  display: block;
}

.cabinet .profile-aside .profile-menu .profile-menu__item svg.active {
  display: none;
}

.cabinet .profile-aside .profile-menu .profile-menu__item .name {
  margin-right: auto;
  margin-left: 12px;
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
  pointer-events: none;
}

.cabinet .profile-aside .profile-menu .profile-menu__item .num {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  padding: 0 5px 1px 5px;
  color: #F8F8F8;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  border-radius: 18px;
  background: #111112;
  pointer-events: none;
}

.cabinet .profile-aside .exit {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}

.cabinet .profile-aside .exit svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  pointer-events: none;
}

.cabinet .profile-aside .exit .name {
  margin-right: auto;
  margin-left: 12px;
  color: #FF3B0D;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
  pointer-events: none;
}

.cabinet .profile-wrapper {
  padding-left: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-wrapper .profile-wrapper__item {
  display: none;
}

.cabinet .profile-wrapper .profile-wrapper__item.active {
  display: block;
}

.cabinet .profile-wrapper .profile-wrapper__item .title-wrapper {
  padding: 0;
  margin: 0;
  border: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .title-wrapper h2 {
  color: var(--Black-10, #111112);
  font-size: 40px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.7px;
}

.cabinet .profile-wrapper .profile-wrapper__item .title-wrapper p {
  margin-top: 7px;
  color: var(--Gray, #505052);
  font-size: 21px;
  line-height: 110.885%;
  letter-spacing: -0.21px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog {
  margin: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 0;
  list-style: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item {
  width: calc((100% - 50px) / 3);
  height: auto;
  display: flex;
  flex-direction: column;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item.catalog-list__item--empty .btns {
  grid-template-columns: 1fr 51px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper {
  position: relative;
  padding: 22px 22px 38px;
  border-radius: 16px;
  background: #FFF;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper a {
  display: block;
  text-decoration: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider {
  position: relative;
  width: 100%;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper {
  display: flex;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide::before {
  content: "";
  padding-top: 100%;
  float: left;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture img,
.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider .swiper-wrapper .swiper-slide picture source {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  margin-left: 5px;
  height: 100%;
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  bottom: -19px;
  right: 0;
  height: 2px;
  width: 100%;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.15);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet:first-of-type {
  margin-left: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: var(--black);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .rating {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  padding: 3px 8px 3px 6px;
  border-radius: 17px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge {
  position: relative;
  padding: 6px 10px;
  margin-right: 3px;
  margin-top: 3px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 117%;
  border-radius: 8px;
  border: 3px solid #FFF;
  box-shadow: 0px 0.5px 2px 0px rgba(0, 0, 0, 0.25);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--empty {
  padding: 6px 0;
  height: 38px;
  color: #FF3B0D;
  font-weight: 500;
  line-height: 119%;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #FF3B0D;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--empty::before {
  content: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--discount {
  color: #FFF;
  background: var(--purple);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--discount::before {
  content: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--new {
  background: var(--green);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--new::before {
  background-image: url("/img/icon10.svg");
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--sale {
  color: #ffffff;
  background-color: var(--purple);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--sale::before {
  background-image: url("/img/sell.svg");
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--bestseller {
  color: #FFF;
  background: #FF3B0D;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--bestseller::before {
  background-image: url("/img/fire.svg");
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .name {
  margin-top: 8px;
  margin-bottom: auto;
  color: #000;
  font-size: 17px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-decoration: none;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper {
  margin-top: 11px;
  padding: 11px 0;
  min-height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price.price--new .num {
  color: var(--purple);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .num {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.72px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .num span {
  font-size: 17px;
  letter-spacing: -0.17px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .old {
  color: #000;
  font-size: 13px;
  line-height: 110.885%;
  letter-spacing: -0.13px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .old span {
  color: var(--gray);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .tabs {
  display: grid;
  grid-template-columns: 49px 49px;
  grid-gap: 6px;
  padding: 3px;
  height: 38px;
  border-radius: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .tabs p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
  line-height: 126%;
  cursor: pointer;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .tabs p.active {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1fr 51px 51px;
  grid-gap: 8px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .find-similar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 51px;
  color: #0D4EFF;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  height: 51px;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  border-radius: 12px;
  background: var(--black);
  white-space: nowrap;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-bookmarks {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-bookmarks.active {
  background-color: var(--purple);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-bookmarks.active::before {
  background-image: url("/img/icon29.svg");
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-bookmarks::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icon11.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 51px;
  width: 51px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.07);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .link::before {
  content: "";
  width: 16px;
  height: 4px;
  background-image: url("/img/icon12.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination-wrapper {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul li {
  margin-left: 13px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul li:first-of-type {
  margin-left: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul li.active a {
  font-weight: 500;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .mobile-btns {
  display: none;
  margin-top: 25px;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .mobile-btns button {
  padding: 0 15px;
  flex-shrink: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.13) inset;
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .mobile-btns a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  margin-left: 11px;
  flex: 1;
  color: var(--purple);
  font-size: 17px;
  font-weight: 500;
  line-height: 115.885%;
  text-decoration: none;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.cabinet .profile-wrapper .profile-wrapper__item .catalog .show-me-more {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  width: 100%;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 137.5%;
  border-radius: 12px;
  background: rgba(13, 78, 255, 0.1);
}

.cabinet .profile-wrapper .profile-wrapper__item .inner-wrapper {
  margin-top: 30px;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li {
  padding: 20px;
  margin-top: 24px;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-gap: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li:first-of-type {
  margin-top: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li.checked h6 {
  color: #505052;
  font-weight: 400;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li.checked .img-wrapper::before {
  content: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li .img-wrapper {
  position: relative;
  grid-row: 1/4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFF;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li .img-wrapper svg {
  width: 24px;
  height: 24px;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li .img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #FF7A00;
  border: 3px solid #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li p {
  margin-top: 3px;
  color: var(--Gray, #505052);
  font-size: 13px;
  line-height: 110.885%;
}

.cabinet .profile-wrapper .profile-wrapper__item .notifications-list li a {
  display: block;
  margin-top: 20px;
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
  text-decoration: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes {
  display: grid;
  grid-template-columns: repeat(4, 203px);
  grid-gap: 24px;
  list-style: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li {
  position: relative;
  width: 100%;
  height: 351px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 14px;
  background: #FFF;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.add {
  background: #DEDDE2;
  cursor: pointer;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.add svg {
  margin-top: 104px;
  width: 48px;
  height: 48px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.add .txt {
  margin-top: 9px;
  padding: 0 14px;
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: 127%;
  letter-spacing: -0.13px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.add .bottom-wrapper {
  padding: 7px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.add .bottom-wrapper button {
  width: 100%;
  margin-top: auto;
  height: 43px;
  border-radius: 8px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.new .bottom-wrapper {
  padding: 17px 7px 7px;
  flex-direction: column;
  background: #FF7A00;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.new .bottom-wrapper .txt {
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: 127%;
  letter-spacing: -0.13px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li.new .bottom-wrapper button {
  margin-top: auto;
  width: 100%;
  height: 43px;
  border-radius: 8px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .decor1 {
  position: absolute;
  top: 53px;
  left: -22px;
  width: 45px;
  height: 45px;
  background-color: #F1F0F5;
  border-radius: 50%;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .decor2 {
  position: absolute;
  top: 53px;
  right: -22px;
  width: 45px;
  height: 45px;
  background-color: #F1F0F5;
  border-radius: 50%;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .num {
  padding-top: 24px;
  color: #505052;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.17px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .promo-txt {
  padding: 0 9px;
  margin-top: 86px;
  color: #505052;
  text-align: center;
  font-size: 17px;
  line-height: 127%;
  letter-spacing: -0.17px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .bottom-wrapper {
  position: relative;
  width: 100%;
  margin-top: auto;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  border-radius: 0 0 14px 14px;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .bottom-wrapper::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: url("/img/icon42.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .promotional-codes li .bottom-wrapper .txt {
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: 127%;
  letter-spacing: -0.13px;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
  grid-gap: 24px;
  list-style: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item {
  position: relative;
  padding: 20px;
  border-radius: 12px;
  background: #FFF;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item::before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon43.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .txt-wrapper {
  padding-right: 38px;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .txt-wrapper h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .txt-wrapper p {
  color: var(--Gray, #505052);
  font-size: 13px;
  line-height: 110.885%;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .list-wrapper {
  width: 100%;
  margin-top: 23px;
  margin-bottom: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .items-list {
  display: flex;
  list-style: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .items-list li {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #FFF;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .items-list li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item .items-list li a img {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  padding: 0 13px;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item button svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  flex-shrink: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .comparison-list .comparison-list__item button span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list {
  display: flex;
  flex-direction: column;
  list-style: none;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li {
  margin-top: 24px;
  padding: 20px;
  border-radius: 12px;
  background: #FFF;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li:first-of-type {
  margin-top: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li h6 {
  color: var(--Black-10, #111112);
  font-size: 24px;
  font-weight: 600;
  line-height: 110.885%;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .companies-data {
  display: flex;
  margin-top: 25px;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .companies-data p {
  display: flex;
  align-items: center;
  margin-left: 24px;
  color: #000;
  font-size: 17px;
  line-height: 110.885%;
  letter-spacing: -0.17px;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .companies-data p:first-of-type {
  margin-left: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .companies-data p span {
  display: block;
  margin-right: 8px;
  font-weight: 500;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .address {
  margin-top: 18px;
  color: #000;
  font-size: 17px;
  line-height: 127%;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .add-btn {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .add-btn svg {
  width: 24px;
  height: 24px;
  margin-right: 2px;
  flex-shrink: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .add-btn span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .btns-wrapper {
  display: flex;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .btns-wrapper button {
  padding: 11px 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  border-radius: 8px;
  background: rgba(13, 78, 255, 0.1);
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .btns-wrapper button:first-of-type {
  margin-left: 0;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .btns-wrapper button svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 10px;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .companies-list li .btns-wrapper button span {
  color: #0D4EFF;
  font-size: 17px;
  font-weight: 500;
  line-height: 127%;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .add-companie-btn {
  margin-top: 24px;
  padding: 15px 20px 17px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #111112;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .add-companie-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 2px;
}

.cabinet .profile-wrapper .profile-wrapper__item .companies .add-companie-btn span {
  color: #F1F0F5;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.footer-regular {
  padding: 25px 0;
  overflow: hidden;
}

.footer-regular.footer--white {
  background: #FFF;
}

.footer-regular.footer--gray {
  background: #F1F0F5;
}

.footer-regular .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px 12px;
  max-width: 1152px;
}

.footer-regular .footer-logo {
  grid-column: 1/3;
  width: 36px;
  height: 32px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

.footer-regular .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-regular .mobile-btn {
  display: none;
  grid-template-columns: auto 24px;
  padding: 13px 16px;
  margin-top: 12px;
  text-decoration: none;
  border-radius: 8px;
  background: #F1F0F5;
}

.footer-regular .mobile-btn .num {
  color: var(--purple);
  font-size: 14px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.14px;
}

.footer-regular .mobile-btn .txt {
  color: #000;
  font-size: 13px;
}

.footer-regular .mobile-btn .img-wrapper {
  width: 24px;
  height: 24px;
  grid-row: 1/3;
  grid-column: 2/3;
  align-self: center;
}

.footer-regular .categories-list {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: repeat(6, calc((100% - 60px) / 6));
  grid-gap: 12px;
  margin-top: 10px;
  padding-bottom: 15px;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-regular .categories-list .categories-list__item {
  padding: 13px 17px 17px;
  border-radius: 8px;
  background: #F1F0F5;
}

.footer-regular .categories-list .top {
  margin: 0;
  padding: 0;
}

.footer-regular .categories-list .top.active::before {
  transform: translateY(-50%) rotateX(180deg);
}

.footer-regular .categories-list .img-wrapper {
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.footer-regular .categories-list .img-wrapper img, .footer-regular .categories-list .img-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-regular .categories-list .categories-list__name {
  margin-top: 6px;
  color: #000;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  line-height: 124.385%;
  text-decoration: none;
  overflow: hidden;
}

.footer-regular .categories-list .inner-list {
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  list-style: none;
}

.footer-regular .categories-list .inner-list .inner-list__item {
  margin-top: 4px;
}

.footer-regular .categories-list .inner-list .inner-list__item:first-of-type {
  margin-top: 0;
}

.footer-regular .categories-list .inner-list .inner-list__link {
  display: block;
  overflow: hidden;
  color: var(--gray);
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
}

.footer-regular .nav-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
  margin-top: 5px;
}

.footer-regular .nav-wrapper .nav-block {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-regular .nav-wrapper .nav-block p {
  color: var(--black);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.footer-regular .nav-wrapper .nav-block div {
  margin-top: 14px;
  transition: 0.3s;
}

.footer-regular .nav-wrapper .nav-block a {
  display: block;
  margin-top: 6px;
  color: var(--gray);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer-regular .nav-wrapper .nav-block a:first-of-type {
  margin-top: 0;
}

.footer-regular .subscribe-wrapper {
  margin-top: 5px;
}

.footer-regular .subscribe-wrapper .subscribe h3 {
  color: #000;
  font-size: 17px;
  line-height: normal;
  font-weight: 400;
}

.footer-regular .subscribe-wrapper .subscribe p {
  margin-top: 4px;
  color: #505052;
  font-size: 13px;
  line-height: normal;
}

.footer-regular .subscribe-wrapper .subscribe p a {
  color: #505052;
}

.footer-regular .subscribe-wrapper .subscribe .subscribe-form {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 8px;
}

.footer-regular .subscribe-wrapper .subscribe .subscribe-form input {
  width: 100%;
  height: 47px;
  padding: 0 13px;
  color: rgba(80, 80, 82, 0.82);
  font-size: 17px;
  font-weight: 400;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
}

.footer-regular .subscribe-wrapper .subscribe .subscribe-form input:focus::placeholder {
  color: transparent;
}

.footer-regular .subscribe-wrapper .subscribe .subscribe-form input::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.footer-regular .subscribe-wrapper .subscribe .subscribe-form button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 118px;
  height: 47px;
  color: #0B0B0B;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid var(--black);
}

.footer-regular .subscribe-wrapper .social {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-regular .subscribe-wrapper .social p {
  font-size: 17px;
  line-height: normal;
}

.footer-regular .subscribe-wrapper .social .socials-list {
  margin-top: 12px;
  display: flex;
  list-style: none;
}

.footer-regular .subscribe-wrapper .social .socials-list li {
  margin-left: 20px;
}

.footer-regular .subscribe-wrapper .social .socials-list li:first-of-type {
  margin-left: 0;
}

.footer-regular .subscribe-wrapper .social .socials-list a {
  display: block;
  color: var(--purple);
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
}

.footer-regular .footer-bottom {
  grid-column: 1/3;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-regular .footer-bottom .footer-bottom__txt {
  color: #6E6E73;
  font-size: 13px;
  line-height: normal;
}

.footer-regular .footer-bottom .footer-bottom-nav {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.footer-regular .footer-bottom .footer-bottom-nav a {
  display: block;
  margin-left: 12px;
  padding-left: 12px;
  color: var(--gray);
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.footer-regular .footer-bottom .footer-bottom-nav a:first-of-type {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}

.footer-lite {
  padding: 25px 0 22px;
  background: #FFF;
}

.footer-lite.footer--white {
  background: #FFF;
}

.footer-lite.footer--gray {
  background: #F1F0F5;
}

.footer-lite .footer-top {
  display: flex;
  align-items: center;
}

.footer-lite .footer-logo {
  width: 113px;
  height: 32px;
  flex-shrink: 0;
  display: block;
  margin-right: 15px;
  overflow: hidden;
}

.footer-lite .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-lite .footer-logo img.mobile {
  display: none;
}

.footer-lite .link-wrapper {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-lite .link-wrapper a {
  display: block;
  color: var(--purple);
  font-size: 14px;
  font-weight: 500;
  line-height: 128.885%;
  letter-spacing: -0.14px;
  text-decoration: none;
}

.footer-lite .link-wrapper p {
  color: #000;
  font-size: 13px;
  line-height: normal;
}

.footer-lite .nav-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-lite .nav-wrapper .nav-block {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-lite .nav-wrapper .nav-block:last-of-type {
  border-right: none;
}

.footer-lite .nav-wrapper .nav-block p {
  color: var(--black);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.footer-lite .nav-wrapper .nav-block div {
  margin-top: 14px;
  transition: 0.3s;
}

.footer-lite .nav-wrapper .nav-block a {
  display: block;
  margin-top: 6px;
  color: var(--gray);
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer-lite .nav-wrapper .nav-block a:first-of-type {
  margin-top: 0;
}

.footer-lite .footer-bottom {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.footer-lite .footer-bottom p {
  color: #6E6E73;
  font-size: 13px;
  line-height: normal;
}

.modal {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 200;
  height: calc(100vh - 20px - 20px);
  width: 100%;
  max-width: 744px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.modal.active {
  opacity: 1;
  visibility: visible;
}

.modal .container {
  padding: 0;
  height: 100%;
  border-radius: 12px;
  overflow-y: scroll;
}

.modal .title-wrapper {
  padding: 28px 30px 0;
  display: block;
  background: #FFF;
  border: none;
}

.modal .title-wrapper h2 {
  color: var(--black);
  font-size: 34px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.408px;
}

.modal .title-wrapper p {
  margin-top: 4px;
  color: #505052;
  font-size: 17px;
  line-height: 126%;
}

.modal .rating-wrapper {
  margin: 24px 30px;
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}

.modal .rating-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.modal .rating-wrapper .rating-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
}

.modal .rating-wrapper .rating-area:not(:checked) > input {
  display: none;
}

.modal .rating-wrapper .rating-area:not(:checked) > label {
  padding: 0;
  cursor: pointer;
}

.modal .rating-wrapper .rating-area:not(:checked) > label::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("/img/star.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal .rating-wrapper .rating-area > input:checked ~ label::before {
  background-image: url("/img/star1.svg");
}

.modal .rating-wrapper .rating-area:not(:checked) > label:hover::before,
.modal .rating-wrapper .rating-area:not(:checked) > label:hover ~ label::before {
  background-image: url("/img/star1.svg");
}

.modal .rating-wrapper .rating-area > input:checked + label:hover::before,
.modal .rating-wrapper .rating-area > input:checked + label:hover ~ label::before,
.modal .rating-wrapper .rating-area > input:checked ~ label:hover::before,
.modal .rating-wrapper .rating-area > input:checked ~ label:hover ~ label::before,
.modal .rating-wrapper .rating-area > label:hover ~ input:checked ~ label::before {
  background-image: url("/img/star1.svg");
}

.modal .rating-wrapper .rating-area > label:active {
  position: relative;
}

.modal .txt-wrapper {
  padding: 0 30px;
}

.modal .txt-wrapper textarea {
  width: 100%;
  margin-top: 16px;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
  resize: none;
}

.modal .txt-wrapper textarea:first-of-type {
  margin-top: 0;
}

.modal .txt-wrapper textarea.reviews-explanation {
  height: 241px;
}

.modal .txt-wrapper textarea:focus::placeholder {
  color: transparent;
}

.modal .txt-wrapper textarea::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.modal .hide-wrapper {
  position: relative;
  margin: 24px 0 26px;
  padding: 0 30px;
}

.modal .hide-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
}

.modal .hide-wrapper input:checked + label::before {
  background-image: url("/img/icon36.svg");
}

.modal .hide-wrapper label {
  position: relative;
  display: block;
  padding-left: 32px;
  color: #000;
  font-size: 17px;
  font-weight: 450;
  line-height: 126%;
  cursor: pointer;
}

.modal .hide-wrapper label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon35.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal .imgs {
  padding: 30px;
  background: #F1F0F5;
}

.modal .imgs .wrapper {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.modal .imgs .wrapper label {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 64px;
  height: 64px;
  cursor: pointer;
}

.modal .btns-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  padding: 0 30px 30px;
  background: #F1F0F5;
}

.modal .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.modal .close-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon39.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(50%, -50%);
}

.modal .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.modal.modal--add-reviews {
  max-width: 744px;
}

.modal.modal--add-reviews .container {
  padding: 0;
  height: 100%;
  border-radius: 12px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal.modal--add-reviews .container::-webkit-scrollbar {
  display: none;
}

.modal.modal--add-reviews .title-wrapper {
  padding: 28px 30px 0;
  display: block;
  background: #FFF;
  border: none;
}

.modal.modal--add-reviews .title-wrapper h2 {
  color: var(--black);
  font-size: 34px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.408px;
}

.modal.modal--add-reviews .title-wrapper p {
  margin-top: 4px;
  color: #505052;
  font-size: 17px;
  line-height: 126%;
}

.modal.modal--add-reviews form .rating-wrapper {
  margin: 24px 30px;
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}

.modal.modal--add-reviews form .rating-wrapper h6 {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 126%;
}

.modal.modal--add-reviews form .rating-wrapper .rating-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
}

.modal.modal--add-reviews form .rating-wrapper .rating-area:not(:checked) > input {
  display: none;
}

.modal.modal--add-reviews form .rating-wrapper .rating-area:not(:checked) > label {
  padding: 0;
  cursor: pointer;
}

.modal.modal--add-reviews form .rating-wrapper .rating-area:not(:checked) > label::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("../img/star.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal.modal--add-reviews form .rating-wrapper .rating-area > input:checked ~ label::before {
  background-image: url("../img/star1.svg");
}

.modal.modal--add-reviews form .rating-wrapper .rating-area:not(:checked) > label:hover::before,
.modal.modal--add-reviews form .rating-wrapper .rating-area:not(:checked) > label:hover ~ label::before {
  background-image: url("../img/star1.svg");
}

.modal.modal--add-reviews form .rating-wrapper .rating-area > input:checked + label:hover::before,
.modal.modal--add-reviews form .rating-wrapper .rating-area > input:checked + label:hover ~ label::before,
.modal.modal--add-reviews form .rating-wrapper .rating-area > input:checked ~ label:hover::before,
.modal.modal--add-reviews form .rating-wrapper .rating-area > input:checked ~ label:hover ~ label::before,
.modal.modal--add-reviews form .rating-wrapper .rating-area > label:hover ~ input:checked ~ label::before {
  background-image: url("../img/star1.svg");
}

.modal.modal--add-reviews form .rating-wrapper .rating-area > label:active {
  position: relative;
}

.modal.modal--add-reviews form .txt-wrapper {
  padding: 0 30px;
}

.modal.modal--add-reviews form .txt-wrapper textarea {
  width: 100%;
  margin-top: 16px;
  padding: 13px;
  color: #111112;
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
  resize: none;
}

.modal.modal--add-reviews form .txt-wrapper textarea:first-of-type {
  margin-top: 0;
}

.modal.modal--add-reviews form .txt-wrapper textarea.reviews-explanation {
  height: 241px;
}

.modal.modal--add-reviews form .txt-wrapper textarea:focus::placeholder {
  color: transparent;
}

.modal.modal--add-reviews form .txt-wrapper textarea::placeholder {
  color: rgba(80, 80, 82, 0.82);
}

.modal.modal--add-reviews form .hide-wrapper {
  position: relative;
  margin: 24px 0 26px;
  padding: 0 30px;
}

.modal.modal--add-reviews form .hide-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
}

.modal.modal--add-reviews form .hide-wrapper input:checked + label::before {
  background-image: url("../img/icon36.svg");
}

.modal.modal--add-reviews form .hide-wrapper label {
  position: relative;
  display: block;
  padding-left: 32px;
  color: #000;
  font-size: 17px;
  font-weight: 450;
  line-height: 126%;
  cursor: pointer;
}

.modal.modal--add-reviews form .hide-wrapper label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/icon35.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modal.modal--add-reviews form .imgs {
  padding: 30px;
  background: #F1F0F5;
}

.modal.modal--add-reviews form .imgs .wrapper {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.modal.modal--add-reviews form .imgs .wrapper label {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 64px;
  height: 64px;
  cursor: pointer;
}

.modal.modal--add-reviews form .btns-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  padding: 0 30px 30px;
  background: #F1F0F5;
}

.modal.modal--add-reviews .popup-btns-wrapper .back-btn {
  display: none;
  justify-content: center;
  align-items: center;
  height: 57px;
  padding: 0 20px;
  flex-shrink: 0;
  margin-right: 7px;
  border-radius: 12px;
  background: rgba(239, 239, 239, 0.75);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
  backdrop-filter: blur(10px);
}

.modal.modal--add-reviews .popup-btns-wrapper .back-btn span {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.modal.modal--add-reviews .popup-btns-wrapper .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}

.modal.modal--add-reviews .popup-btns-wrapper .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.modal.modal--add-reviews .popup-btns-wrapper .close-btn svg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.modal.modal--reviews-success .container,
.modal.modal--question-success .container {
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.modal.modal--reviews-success .img-wrapper,
.modal.modal--question-success .img-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--purple-o-10, rgba(13, 78, 255, 0.1));
}

.modal.modal--reviews-success .img-wrapper img,
.modal.modal--question-success .img-wrapper img {
  width: 40px;
  height: 40px;
}

.modal.modal--reviews-success h6,
.modal.modal--question-success h6 {
  margin-top: 24px;
  margin-bottom: auto;
  color: var(--Black-10, #111112);
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.408px;
}

.modal.modal--reviews-success .bottom-wrapper,
.modal.modal--question-success .bottom-wrapper {
  margin-top: 24px;
  padding-top: 24px;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.modal.modal--reviews-success .bottom-wrapper button,
.modal.modal--question-success .bottom-wrapper button {
  width: 100%;
}

.modal.modal--additional-info {
  max-width: 744px;
}

.modal.modal--additional-info .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.modal.modal--additional-info .top {
  padding: 30px 30px 0;
  margin: 0;
  background-color: #ffffff;
}

.modal.modal--additional-info .top h6 {
  padding-bottom: 30px;
  color: var(--Black-10, #111112);
  font-size: 34px;
  font-weight: 600;
  line-height: 110.885%;
  letter-spacing: -0.408px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.modal.modal--additional-info .wrapper {
  overflow-y: scroll;
}

.modal.modal--additional-info .wrapper p {
  padding: 30px;
  color: #000;
  font-size: 17px;
  line-height: 126%;
}

.modal.modal--additional-info .wrapper p b {
  font-weight: 600;
}

.modal.modal--additional-info .bottom {
  padding: 30px;
  display: flex;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.21);
}

.modal.modal--additional-info .bottom .add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 18px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  border-radius: 39px;
  background: #19FFB0;
  box-shadow: 0px 2px 3.4px 0px rgba(255, 255, 255, 0.53) inset, 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.modal.modal--additional-info .bottom .price {
  margin-left: 16px;
  padding-left: 14px;
  color: #111112;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.modal.modal--additional-info .bottom .price span {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.modal.modal--add-service {
  bottom: 50%;
  height: auto;
  max-width: 658px;
  max-height: calc(100dvh - 40px);
  transform: translate(-50%, 50%);
}

.modal.modal--add-service .container {
  padding: 25px 30px;
  height: 100%;
  background: #F1F0F5;
  overflow: auto;
}

.modal.modal--add-service .top-wrapper {
  display: flex;
}

.modal.modal--add-service .top-wrapper .name {
  margin-left: 6px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
}

.modal.modal--add-service .top-wrapper .name span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.modal.modal--add-service .top-wrapper .price {
  margin-left: auto;
  color: #505052;
  font-size: 17px;
  line-height: 130%;
}

.modal.modal--add-service .middle-wrapper {
  margin-top: 20px;
}

.modal.modal--add-service .middle-wrapper .numbers {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 110px;
  border-radius: 12px 12px 0 0;
  background: #FFF;
}

.modal.modal--add-service .middle-wrapper .numbers h6 {
  align-self: end;
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.modal.modal--add-service .middle-wrapper .numbers p {
  align-self: start;
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.modal.modal--add-service .middle-wrapper .numbers .calc {
  grid-column: 2/3;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 83px 22px;
  grid-gap: 0 5px;
}

.modal.modal--add-service .middle-wrapper .numbers .calc input {
  grid-column: 1/2;
  grid-row: 1/3;
  padding: 0 13px;
  width: 83px;
  height: 47px;
  color: rgba(80, 80, 82, 0.82);
  font-size: 17px;
  line-height: 126%;
  border-radius: 8px;
  background: #F1F0F5;
}

.modal.modal--add-service .middle-wrapper .numbers .calc button {
  width: 22px;
  justify-content: center;
  align-items: center;
  background: #F1F0F5;
}

.modal.modal--add-service .middle-wrapper .numbers .calc button.plus {
  height: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px 8px 0 0;
}

.modal.modal--add-service .middle-wrapper .numbers .calc button.plus svg {
  width: 20px;
  height: 20px;
}

.modal.modal--add-service .middle-wrapper .numbers .calc button.min {
  height: 24px;
  border-radius: 0 0 8px 8px;
}

.modal.modal--add-service .middle-wrapper .numbers .calc button.min svg {
  width: 20px;
  height: 20px;
}

.modal.modal--add-service .middle-wrapper .total {
  padding: 20px;
  background: #FFF;
  border-radius: 0 0 12px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.modal.modal--add-service .middle-wrapper .total h6 {
  color: #111112;
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.modal.modal--add-service .middle-wrapper .total p {
  color: #505052;
  font-size: 13px;
  line-height: 130%;
}

.modal.modal--add-service .add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 18px;
  margin-top: 22px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 130%;
  border-radius: 39px;
  background: #19FFB0;
  box-shadow: 0px 2px 3.4px 0px rgba(255, 255, 255, 0.53) inset, 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 199;
  width: 100%;
  height: 100%;
  background: rgba(137, 136, 143, 0.66);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.page_hr {
    text-align: center;
    color: #A8AFBF;
    opacity: .5;
    margin-bottom: 25px;
    font-size: 12px;
}

.brands-inner {
  margin-top: 104px;
  padding: 30px 0 50px;
}

.brands-inner .title-wrapper {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 36px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.brands-inner .nav-bar {
  margin: 36px 0 26px;
  padding: 14px 20px 20px 20px;
  border-radius: 12px;
  background-color: #111112;
}

.brands-inner .nav-bar .nav-bar__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  color: #F1F0F5;
}

.brands-inner .nav-bar .tags {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.brands-inner .nav-bar .tags .mobile-wrapper {
  display: flex;
}

.brands-inner .nav-bar .tags .wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: 40px;
}

.brands-inner .nav-bar .tags .wrapper::before {
  content: "•";
  position: absolute;
  top: 4px;
  left: -22px;
  color: #F1F0F5;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}

.brands-inner .nav-bar .tags .wrapper:first-of-type {
  margin-left: 0;
}

.brands-inner .nav-bar .tags .wrapper:first-of-type::before {
  content: none;
}

.brands-inner .nav-bar .tags .wrapper span {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 34px;
  background-color: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}

.brands-inner .nav-bar .tags .wrapper span:first-of-type {
  margin-left: 0;
}

.brands-inner .nav-bar .tags .wrapper span.active {
  background-color: #0D4EFF;
}

.brands-inner .nav-bar .tags .wrapper span.all {
  width: 55px;
  text-transform: none;
}

.brands-inner .nav-bar .tags .wrapper span.numbers {
  width: 52px;
}

.brands-inner .brands-list-title {
  margin-bottom: 26px;
  margin-top: 26px;
  font-size: 17px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 15%;
  text-transform: uppercase;
  color: #000000;
}

.brands-inner .brands-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
  list-style: none;
  margin-top: 26px;
}

.brands-inner .brands-list li {
  height: auto;
  border-radius: 10px;
  background: #FFF;
}

.brands-inner .brands-list a {
  display: block;
  padding: 20px;
  text-decoration: none;
}

.brands-inner .brands-list .img-wrapper {
  width: 100%;
  height: 24px;
  overflow: hidden;
}

.brands-inner .brands-list .img-wrapper img {
  height: 100%;
  object-fit: contain;
}

.brands-inner .brands-list h6 {
  margin-top: 14px;
  color: #000;
  font-size: 27px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.337px;
}

.brands-inner .brands-list p {
  color: #464646;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.contacts {
  margin-top: 104px;
  padding: 30px 0 50px;
}

.contacts .container {
  display: grid;
  grid-template-columns: 768px 1fr;
  grid-template-rows: auto auto 1fr;
  grid-gap: 0 25px;
}

.contacts .title-wrapper {
  grid-column: 1/3;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 36px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .socials .socials__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #000000;
}

.contacts .socials .socials__txt {
  margin-top: 5px;
  font-size: 17px;
  line-height: 22px;
  color: #000000;
}

.contacts .socials .socials-list {
  display: flex;
  margin-top: 30px;
  list-style: none;
}

.contacts .socials .socials-list .socials-list__item {
  margin-left: 12px;
  height: 51px;
  border-radius: 43px;
  background-color: #ffffff;
  overflow: hidden;
}

.contacts .socials .socials-list .socials-list__item:first-of-type {
  margin-left: 0;
}

.contacts .socials .socials-list .socials-list__item a {
  width: 100%;
  height: 100%;
  padding: 0 21px 0 15px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.contacts .socials .socials-list .socials-list__item svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 10px;
}

.contacts .socials .socials-list .socials-list__item span {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .contacts-wrapper {
  grid-column: 2/3;
  grid-row: 2/4;
}

.contacts .contacts-wrapper .inner-wrapper {
  padding-bottom: 24px;
  margin-top: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .contacts-wrapper .inner-wrapper:first-of-type {
  margin-top: 0;
}

.contacts .contacts-wrapper .inner-wrapper:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.contacts .contacts-wrapper .inner-wrapper .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #000000;
}

.contacts .contacts-wrapper .inner-wrapper .time {
  font-size: 13px;
  line-height: 19px;
  color: var(--gray);
}

.contacts .contacts-wrapper .inner-wrapper .txt {
  margin-top: 12px;
  font-size: 17px;
  line-height: 22px;
  color: #000000;
}

.contacts .contacts-wrapper .inner-wrapper .txt a {
  text-decoration: none;
  color: #0D4EFF;
}

.contacts .contacts-wrapper .inner-wrapper .email {
  margin-top: 22px;
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.01em;
  text-decoration: none;
  color: #0D4EFF;
}

.contacts .contacts-wrapper .contacts-list {
  margin-top: 18px;
  list-style: none;
}

.contacts .contacts-wrapper .contacts-list .contacts-list__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin-top: 8px;
}

.contacts .contacts-wrapper .contacts-list .contacts-list__item:first-of-type {
  margin-top: 0;
}

.contacts .contacts-wrapper .contacts-list .contacts-list__item .contacts-list__txt {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .contacts-wrapper .contacts-list .contacts-list__item .contacts-list__link {
  font-size: 17px;
  line-height: 25px;
  color: #0D4EFF;
  text-decoration: none;
}

.contacts .contacts-wrapper .note {
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 13px 6px;
  padding: 20px;
  margin: 24px 0 0;
  background-color: #ffffff;
  border: 1px solid rgba(80, 80, 82, 0.2);
  border-radius: 8px;
}

.contacts .contacts-wrapper .note svg {
  width: 24px;
  height: 24px;
  align-self: center;
}

.contacts .contacts-wrapper .note .note__title {
  align-self: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  color: #505052;
}

.contacts .contacts-wrapper .note .note__txt {
  grid-column: 1/3;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .shops {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .shops .shops__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #000000;
}

.contacts .shops .shops-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-top: 24px;
  list-style: none;
}

.contacts .shops .shops-list .shops-list__item {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px 5px 20px;
  background-color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
}

.contacts .shops .shops-list .shops-list__item .img-wrapper {
  width: 100%;
  height: 216px;
  border-radius: 4px;
  overflow: hidden;
}

.contacts .shops .shops-list .shops-list__item .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper {
  position: relative;
  padding: 15px 12px 0;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper::before {
  content: "";
  position: absolute;
  top: 24px;
  right: 12px;
  width: 34px;
  height: 34px;
  background-image: url("/img/arrow10.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper .shops-list__title {
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #000000;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper .metro {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper .metro svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 5px;
}

.contacts .shops .shops-list .shops-list__item .txt-wrapper .metro span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #111112;
}

.contacts .shops .shops-list .shops-list__item .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contacts .shops .shops-list .item-popup {
  position: fixed;
  bottom: 50%;
  left: 50%;
  z-index: 300;
  height: 100%;
  max-height: calc(100vh - 20px - 20px);
  width: 100%;
  max-width: 744px;
  transform: translate(-50%, 50%);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.contacts .shops .shops-list .item-popup.active {
  opacity: 1;
  visibility: visible;
}

.contacts .shops .shops-list .item-popup .container {
  padding: 0;
  height: 100%;
  display: block;
  margin: 0;
  grid-gap: 0;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 15px 48px 0px rgba(0, 0, 0, 0.15);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.contacts .shops .shops-list .item-popup .container::-webkit-scrollbar {
  display: none;
}

.contacts .shops .shops-list .item-popup .container .img-wrapper {
  width: 100%;
  height: 425px;
  border-radius: 0;
  overflow: hidden;
}

.contacts .shops .shops-list .item-popup .container .img-wrapper img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper {
  position: relative;
  padding: 22px 30px 30px;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.contacts .shops .shops-list .item-popup .container .top-wrapper .metro {
  display: flex;
  align-items: center;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper .metro svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-right: 5px;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper .metro span {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #111112;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper .name {
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.0175em;
  color: #111112;
}

.contacts .shops .shops-list .item-popup .container .top-wrapper .txt {
  margin-top: 16px;
  font-size: 14px;
  line-height: 17px;
  color: var(--gray);
}

.contacts .shops .shops-list .item-popup .container .schedule {
  margin: 24px 30px 0;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule__title {
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule-list {
  margin-top: 18px;
  list-style: none;
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule-list .schedule-list__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-top: 8px;
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule-list .schedule-list__item:first-of-type {
  margin-top: 0;
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule-list .schedule-list__item .what {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .schedule .schedule-list .schedule-list__item .time {
  font-size: 17px;
  line-height: 25px;
  color: var(--gray);
}

.contacts .shops .shops-list .item-popup .container .address {
  margin: 24px 30px 0;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .shops .shops-list .item-popup .container .address .address__title {
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .address .address__txt {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .address .address-list {
  display: flex;
  margin-top: 20px;
  list-style: none;
}

.contacts .shops .shops-list .item-popup .container .address .address-list .address-list__item {
  margin-left: 10px;
  height: 51px;
  border-radius: 43px;
  background-color: #F1F0F5;
  overflow: hidden;
}

.contacts .shops .shops-list .item-popup .container .address .address-list .address-list__item:first-of-type {
  margin-left: 0;
}

.contacts .shops .shops-list .item-popup .container .address .address-list .address-list__item a {
  width: 100%;
  height: 100%;
  padding: 0 21px 0 15px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.contacts .shops .shops-list .item-popup .container .address .address-list .address-list__item svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 10px;
}

.contacts .shops .shops-list .item-popup .container .address .address-list .address-list__item span {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .support {
  margin-top: 24px;
  padding: 0 30px 36px;
}

.contacts .shops .shops-list .item-popup .container .support .support__title {
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .support .support-list {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contacts .shops .shops-list .item-popup .container .support .support-list .support-list__item {
  display: flex;
}

.contacts .shops .shops-list .item-popup .container .support .support-list .support-list__item p {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.contacts .shops .shops-list .item-popup .container .support .support-list .support-list__item a {
  display: block;
  margin-left: 4px;
  font-size: 17px;
  line-height: 25px;
  text-decoration: none;
  color: #0D4EFF;
}

.contacts .shops .shops-list .item-popup .close-btn {
  position: absolute;
  top: 0;
  right: -58px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contacts .shops .shops-list .item-popup .close-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/img/icon39.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(50%, -50%);
}

.contacts .shops .shops-list .item-popup .close-btn span {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.contacts .shops .shops-list .item-popup .close-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.news-inner {
  margin-top: 104px;
  padding: 30px 0 160px;
}

.news-inner .title-wrapper {
  padding: 0;
  margin: 0;
  border: none;
}

.news-inner .news-list {
  margin-top: 30px;
  padding-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px 25px;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.news-inner .news-list .__item {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #FFF;
  overflow: hidden;
}

.news-inner .news-list .__item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-inner .news-list picture {
  width: 100%;
  height: 320px;
  display: block;
  border-radius: 12px;
  border: 3px solid #FFF;
  overflow: hidden;
}

.news-inner .news-list picture img,
.news-inner .news-list picture source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-inner .news-list .txt-wrapper {
  padding: 25px 23px 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.news-inner .news-list .txt-wrapper .about {
  margin-bottom: 4px;
  color: var(--orange);
  font-size: 17px;
  font-weight: 500;
  line-height: 129.5%;
}

.news-inner .news-list .txt-wrapper h6 {
  color: #000;
  font-weight: 400;
  font-size: 24px;
  line-height: 115.385%;
  letter-spacing: -0.24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-inner .news-list .txt-wrapper .txt {
  margin-top: 10px;
  color: var(--gray);
  font-size: 17px;
  line-height: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-inner .pagination-wrapper {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.news-inner .pagination-wrapper .pagination {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
}

.news-inner .pagination-wrapper .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.news-inner .pagination-wrapper .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.news-inner .pagination-wrapper .pagination ul li {
  margin-left: 13px;
}

.news-inner .pagination-wrapper .pagination ul li:first-of-type {
  margin-left: 0;
}

.news-inner .pagination-wrapper .pagination ul li.active a {
  font-weight: 500;
}

.news-inner .pagination-wrapper .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.news-inner .pagination-wrapper .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.news-inner .pagination-wrapper .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.news-item {
  margin-top: 104px;
  padding-top: 60px;
  background-color: #F1F0F5;
  overflow: hidden;
}

.news-item.--with-photo .date {
  text-align: center;
}

.news-item.--with-photo h1 {
  margin-bottom: 30px;
  text-align: center;
}

.news-item.--with-photo .main-photo {
  margin-top: 30px;
  margin-bottom: 40px;
  width: 885px;
  margin-left: -113.5px;
  height: 498px;
  border-radius: 12px;
  overflow: hidden;
}

.news-item.--with-photo .main-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item .container {
  max-width: 698px;
}

.news-item .date {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  color: #505052;
}

.news-item h1 {
  font-size: 32px;
  font-weight: 500;
  line-height: 39px;
  letter-spacing: -0.012em;
  color: #000000;
}

.news-item h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  letter-spacing: -0.01em;
  color: #000000;
}

.news-item h3:first-of-type {
  padding-top: 20px;
  margin-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.news-item p {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  color: #000000;
}

.news-item .img-wrapper {
  margin-top: 35px;
  margin-bottom: 35px;
  border-radius: 8px;
  overflow: hidden;
}

.news-item .img-wrapper img {
  width: 100%;
  height: auto;
}

.news-item .img-wrapper p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 17px;
  color: #505052;
}

.news-item .note {
  display: grid;
  grid-template-columns: 24px 1fr;
  grid-gap: 13px 6px;
  padding: 20px;
  margin: 40px 0;
  background-color: #ffffff;
  border: 1px solid rgba(80, 80, 82, 0.2);
  border-radius: 8px;
}

.news-item .note svg {
  width: 24px;
  height: 24px;
  align-self: center;
}

.news-item .note .note__title {
  align-self: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  color: #505052;
}

.news-item .note .note__txt {
  grid-column: 1/3;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.news-item ul {
  margin-top: 20px;
  list-style: none;
}

.news-item ul li {
  margin-top: 6px;
  display: flex;
  font-size: 17px;
  line-height: 25px;
  color: #000000;
}

.news-item ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 12px;
  margin-top: 10px;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #FF7A00;
}

.news-item ul li:first-of-type {
  margin-top: 0;
}

.news-item .slider-wrapper {
  position: relative;
  margin: 34px 0 54px;
}

.news-item .slider-wrapper .slider-button-prev {
  position: absolute;
  top: 146px;
  left: -20px;
  z-index: 10;
  width: 40px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.75);
}

.news-item .slider-wrapper .slider-button-prev.swiper-button-disabled::before {
  background-image: url("/img/arrow1.svg");
}

.news-item .slider-wrapper .slider-button-prev::before {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/arrow.svg");
  transform: rotate(180deg);
}

.news-item .slider-wrapper .slider-button-next {
  position: absolute;
  top: 146px;
  right: -20px;
  z-index: 10;
  width: 40px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.75);
}

.news-item .slider-wrapper .slider-button-next.swiper-button-disabled::before {
  background-image: url("/img/arrow1.svg");
}

.news-item .slider-wrapper .slider-button-next::before {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/img/arrow.svg");
}

.news-item .slider {
  overflow: hidden;
}

.news-item .slider .slider-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-item .slider .slider-list .slider-list__item {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.news-item .slider .slider-list .slider-list__item::before {
  content: none;
}

.news-item .slider .slider-list .slider-list__item .img-wrapper {
  width: 100%;
  height: 356px;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}

.news-item .slider .slider-list .slider-list__item .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item .slider .slider-list .slider-list__item p {
  margin-top: 10px;
  padding-right: 50px;
  font-size: 13px;
  line-height: 17px;
  color: var(--gray);
}

.news-item .slider .slider-pagination {
  position: absolute;
  bottom: 0;
  left: calc(100% - 50px);
  z-index: 10;
  width: 50px;
  font-family: Golos Text VF;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--gray);
  text-align: right;
  white-space: nowrap;
  background-color: #F1F0F5;
}

.news-item .latest-publications {
  padding-top: 34px;
  margin-top: 54px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.news-item .latest-publications .latest-publications__title {
  padding: 0;
  margin: 0;
  font-size: 27px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #000000;
  border: none;
}

.news-item .latest-publications .latest-publications-list {
  margin-top: 34px;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item {
  position: relative;
  margin: 0;
  padding: 0;
  margin-top: 24px;
  display: grid;
  grid-template-columns: 160px 1fr;
  grid-gap: 4px 20px;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item::before {
  content: none;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item:first-of-type {
  margin-top: 0;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item .img-wrapper {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  padding: 0;
  margin: 0;
  width: 160px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item .date {
  align-self: end;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  color: var(--gray);
  text-align: left;
}

.news-item .latest-publications .latest-publications-list .latest-publications-list__item .title {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 21px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
}

.news-item .bottom {
  margin-top: 70px;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.news-item .bottom .bottom__title {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.015em;
  text-align: center;
  color: #111112;
}

.news-item .bottom .bottom__txt {
  margin-top: 3px;
  font-size: 21px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #505052;
}

.news-item .bottom .bottom__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  padding: 16px 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 12px;
  background-color: #111112;
}
.error-page {
  width: 100%;
  height: 100dvh;
  background-color: #111112;
  overflow: hidden;
}

.error-page .container {
  width: 100%;
  max-width: 698px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.error-page .mobile-img-wrapper {
  display: none;
  justify-content: center;
  width: 100%;
  padding: 20px 0 24px;
  border-bottom: 1px solid rgba(225, 225, 230, 0.16);
}

.error-page .mobile-img-wrapper svg {
  width: 35px;
  height: 32px;
  flex-shrink: 0;
}

.error-page h1 {
  font-size: 27px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #E1E1E5;
}

.error-page p {
  margin-top: 10px;
  font-size: 17px;
  line-height: 25px;
  color: #E1E1E5;
}

.error-page a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 51px;
  margin-top: 40px;
  padding: 0 20px;
  text-decoration: none;
  border-radius: 12px;
  background-color: #E1E1E5;
}

.error-page a span {
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
  color: #111112;
}

.error-page .desktop-img-wrapper {
  margin-top: 24px;
  padding-top: 18px;
  width: 100%;
  border-top: 1px solid #E1E1E5;
}

.error-page .desktop-img-wrapper svg {
  width: 113px;
  height: 32px;
}

.brands-inner {
  margin-top: 104px;
  padding: 30px 0 50px;
}

.brands-inner .title-wrapper {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  margin-bottom: 36px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.brands-inner .nav-bar {
  margin: 36px 0 26px;
  padding: 14px 20px 20px 20px;
  border-radius: 12px;
  background-color: #111112;
}

.brands-inner .nav-bar .nav-bar__title {
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  color: #F1F0F5;
}

.brands-inner .nav-bar .tags {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.brands-inner .nav-bar .tags .mobile-wrapper {
  display: flex;
}

.brands-inner .nav-bar .tags .wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: 40px;
}

.brands-inner .nav-bar .tags .wrapper::before {
  content: "•";
  position: absolute;
  top: 4px;
  left: -22px;
  color: #F1F0F5;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}

.brands-inner .nav-bar .tags .wrapper:first-of-type {
  margin-left: 0;
}

.brands-inner .nav-bar .tags .wrapper:first-of-type::before {
  content: none;
}

.brands-inner .nav-bar .tags .wrapper span {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 34px;
  background-color: rgba(255, 255, 255, 0.18);
  cursor: pointer;
}

.brands-inner .nav-bar .tags .wrapper span:first-of-type {
  margin-left: 0;
}

.brands-inner .nav-bar .tags .wrapper span.active {
  background-color: #0D4EFF;
}

.brands-inner .nav-bar .tags .wrapper span.all {
  width: 55px;
  text-transform: none;
}

.brands-inner .nav-bar .tags .wrapper span.numbers {
  width: 52px;
}

.brands-inner .brands-list-title {
  margin-bottom: 26px;
  margin-top: 26px;
  font-size: 17px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 15%;
  text-transform: uppercase;
  color: #000000;
}

.brands-inner .brands-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px;
  list-style: none;
  margin-top: 26px;
}

.brands-inner .brands-list li {
  height: auto;
  border-radius: 10px;
  background: #FFF;
}

.brands-inner .brands-list a {
  display: block;
  padding: 20px;
  text-decoration: none;
}

.brands-inner .brands-list .img-wrapper {
  width: 100%;
  height: 24px;
  overflow: hidden;
}

.brands-inner .brands-list .img-wrapper img {
  height: 100%;
  object-fit: contain;
}

.brands-inner .brands-list h6 {
  margin-top: 14px;
  color: #000;
  font-size: 27px;
  font-weight: 500;
  line-height: 110.885%;
  letter-spacing: -0.337px;
}

.brands-inner .brands-list p {
  color: #464646;
  font-size: 17px;
  font-weight: 500;
  line-height: 110.885%;
}

.brands-inner .pagination-wrapper {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.brands-inner .pagination-wrapper .pagination {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #FFF;
}

.brands-inner .pagination-wrapper .pagination p {
  color: #000;
  font-size: 17px;
  line-height: 137.5%;
}

.brands-inner .pagination-wrapper .pagination ul {
  margin: 0 auto 0 13px;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
  border: none;
}

.brands-inner .pagination-wrapper .pagination ul li {
  margin-left: 13px;
}

.brands-inner .pagination-wrapper .pagination ul li:first-of-type {
  margin-left: 0;
}

.brands-inner .pagination-wrapper .pagination ul li.active a {
  font-weight: 500;
}

.brands-inner .pagination-wrapper .pagination ul li.active a::before {
  content: "• ";
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

.brands-inner .pagination-wrapper .pagination ul a {
  position: relative;
  display: block;
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
  text-decoration: none;
}

.brands-inner .pagination-wrapper .pagination .more {
  color: #0D4EFF;
  font-size: 17px;
  line-height: 137.5%;
}

@media (max-width: 1380px) {
  .region-change-wrapper .check-banner {
    left: 244px;
  }

  .top .top-slider {
    margin-left: -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
  }

  .top .top-slider-button-prev {
    display: none;
  }

  .top .top-slider-button-next {
    display: none;
  }

  .item .container {
    grid-template-columns: 350px 1fr 303px;
  }
}

@media (max-width: 1200px) {
  .header .header-top .header-logo {
    margin-right: 40px;
  }

  .header .header-bottom {
    display: none;
  }

  .menu {
    left: 68px;
    width: calc(100% - 136px);
    max-width: none;
    transform: translateX(0);
  }

  .region-change-wrapper .check-banner {
    left: 168px;
  }

  .top {
    margin-top: 102px;
    padding-top: 0;
  }

  .catalog-list .btns {
    grid-template-columns: 1fr 51px;
  }

  .catalog-list .btns .to-bookmarks {
    display: none;
  }

  .categories .cat-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog-inner .catalog-wrapper .catalog-list .btns {
    grid-template-columns: 1fr 51px;
  }

  .catalog-inner .catalog-wrapper .catalog-list .btns .to-bookmarks {
    display: none;
  }

  .cart .container >form>div, .hostcms-sharebasket-cart {
    grid-template-columns: 1fr 340px;
  }

  .cart .second-block .added-wrapper .added-item {
    grid-template-columns: 1fr 1fr;
  }

  .cart .second-block .added-wrapper .added-item .img-wrapper {
    grid-row: auto;
  }

  .cart .second-block .added-wrapper .added-item .title-wrapper {
    order: 0;
    grid-column: 1/3;
    margin-top: 20px;
    margin-bottom: 11px;
    margin-left: 0;
  }

  .cart .second-block .added-wrapper .added-item .price {
    margin-left: 0;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper {
    grid-column: 1/2;
    margin-left: 0;
  }

  .cart .second-block .added-wrapper .added-item .choice-wrapper {
    grid-column: 2/3;
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper {
    grid-template-columns: 24px 1fr 1fr 117px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns {
    grid-template-columns: 1fr 51px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-bookmarks {
    display: none;
  }

  .footer-regular .categories-list {
    grid-template-columns: repeat(3, calc((100% - 24px) / 3));
  }

  .footer-regular .footer-bottom .footer-bottom-nav {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 8px;
  }

  .footer-regular .footer-bottom .footer-bottom-nav a {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 12px;
    padding-top: 12px;
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
}

@media (max-width: 992px) {
  .header .header-top .header-item .header-item__txt {
    display: none;
  }

  .catalog-list .price-wrapper {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
  }

  .catalog-list .price-wrapper .tabs {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: 10px;
  }

  .brands .brands-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .item .container {
    display: block;
  }

  .item .item-aside .price-wrapper .tabs {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: 10px;
  }

  .catalog-inner.inner2 .container {
    display: block;
  }

  .catalog-inner.inner2 .title-wrapper {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
  }

  .catalog-inner.inner2 aside .wrapper {
    padding: 0;
  }

  .catalog-inner.inner2 aside .block {
    margin-top: 20px;
    padding-top: 20px;
  }

  .catalog-inner.inner2 aside .block:first-of-type {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .catalog-inner.inner2 aside .block h6 a {
    font-size: 21px;
    font-weight: 500;
    line-height: 126%;
    letter-spacing: normal;
  }

  .catalog-inner.inner2 aside .block .mobile-subtitle {
    display: block;
    margin-top: 3px;
    color: var(--Gray, #505052);
    font-size: 17px;
    line-height: 110.885%;
    letter-spacing: -0.085px;
  }

  .catalog-inner.inner2 aside .block ul {
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
  }

  .catalog-inner.inner2 aside .block ul li {
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .catalog-inner.inner2 aside .block ul li:first-of-type {
    border-top: none;
  }

  .catalog-inner.inner2 aside .block ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 12px;
    background: #FFF;
  }

  .catalog-inner.inner2 aside .block ul li a::after {
    content: "";
    width: 24px;
    height: 24px;
    margin-left: auto;
    flex-shrink: 0;
    background-image: url("/img/arrow3.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: contain;
  }

  .catalog-inner.inner2 aside .block ul li a picture {
    display: block;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    flex-shrink: 0;
    overflow: hidden;
  }

  .catalog-inner.inner2 aside .block ul li a picture source,
  .catalog-inner.inner2 aside .block ul li a picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .catalog-inner.inner2 aside .block ul li a span {
    margin-right: 12px;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    line-height: 126%;
  }

  .catalog-inner.inner2 aside .more-btn {
    margin-top: 14px;
    width: 100%;
    height: 52px;
    justify-content: center;
    border-radius: 8px;
    background: rgba(13, 78, 255, 0.09);
  }

  .catalog-inner.inner2 aside .more-btn svg {
    margin-right: 4px;
  }

  .catalog-inner.inner2 aside .more-btn svg > rect {
    display: none;
  }

  .catalog-inner.inner2 .catalog-wrapper {
    display: none;
  }

  .catalog-inner .catalog-wrapper .catalog-list .price-wrapper {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
  }

  .catalog-inner .catalog-wrapper .catalog-list .price-wrapper .tabs {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: 10px;
  }

  .cart .container >form>div, .hostcms-sharebasket-cart {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }

  .order .container >form {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .tabs {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin-top: 10px;
  }

  .footer-regular .container {
    display: block;
  }

  .footer-regular .footer-logo {
    grid-column: auto;
    margin-bottom: 25px;
  }

  .footer-regular .categories-list {
    margin-top: 25px;
    grid-column: auto;
    padding-bottom: 0;
    border-bottom: none;
  }

  .footer-regular .nav-wrapper {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .footer-regular .nav-wrapper .nav-block {
    border-right: none;
  }

  .footer-regular .subscribe-wrapper {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }

  .footer-regular .footer-bottom {
    grid-column: auto;
  }

  .brands-inner .brands-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .h2 {
    font-size: 34px;
    line-height: 105.385%;
    letter-spacing: -0.595px;
  }

  .title-wrapper {
    padding-top: 24px;
  }

  .title-wrapper p {
    font-size: 17px;
    letter-spacing: -0.085px;
  }

  .title-wrapper1 {
    padding-top: 38px;
  }

  .title-wrapper1 h2 {
    font-size: 34px;
    font-weight: 600;
    line-height: 110.885%;
    letter-spacing: -0.595px;
  }

  .title-wrapper1 p {
    margin-top: 6px;
    font-size: 17px;
    letter-spacing: -0.17px;
  }

  .rating {
    font-size: 13px;
    line-height: 110.5%;
  }

  .rating.active span {
    display: none;
  }

  .rating::before {
    width: 18px;
    height: 18px;
  }

  .close-btn {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  body.menu--open {
    padding-right: 0;
  }

  body.menu--open .header-top {
    padding-right: 0;
    bottom: -58px;
  }

  body.menu--open .menu {
    bottom: 73px;
    transition: 0s;
  }

  body.delivery-map-open {
    padding-right: 0;
  }

  body.delivery-map-open .header-top {
    bottom: -58px;
    padding-right: 0;
  }

  body.region-select {
    padding-right: 0;
  }

  body.region-select .header-top {
    padding-right: 0;
    bottom: -58px;
  }

  body.cover {
    padding-right: 0;
  }

  body.cover .header-top {
    bottom: -58px;
  }

  body.cover .header-bottom {
    padding-right: 0;
  }

  body.body--popup-open {
    padding-right: 0;
  }

  body.body--popup-open .header-top {
    bottom: -58px;
  }

  body.body--popup-open .header-bottom {
    padding-right: 0;
  }

  .header .header-top {
    bottom: 0;
    height: 58px;
    background: #F8F7FC;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07) inset;
  }

  .header .header-top .container {
    padding: 0 6px;
    display: grid;
    grid-template-columns: 1fr 40px auto auto;
    grid-gap: 6px;
  }

  .header .header-top .header-logo {
    display: none;
  }

  .header .header-top .menu-btn {
    height: 46px;
    margin-right: 0;
    padding: 0 8px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.13) inset;
  }

  .header .header-top .menu-btn span {
    margin-left: 28px;
    color: var(--black);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 110.885%;
  }

  .header .header-top .menu-btn span::before {
    width: 25px;
    height: 25px;
    background-image: url("/img/icon16.svg");
  }

  .header .header-top .menu-btn span.desktop {
    display: none;
  }

  .header .header-top .menu-btn span.mobile {
    display: block;
  }

  .header .header-top .home-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 46px;
  }

  .header .header-top .home-btn::before {
    content: "";
    width: 24px;
    height: 25px;
    background-image: url("/img/icon15.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .header .header-top .search {
    display: none;
  }

  .header .header-top .profile-wrapper .mobile-wrapper {
    position: fixed;
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    margin-bottom: 0;
    transition: 0s;
  }

  .header .header-top .profile-wrapper .mobile-wrapper.open {
    bottom: 73px;
  }

  .header .header-top .profile-wrapper .user-portal {
    position: static;
    bottom: 0;
    width: 100%;
    border-radius: 12px;
    box-shadow: none;
  }

  .header .header-top .profile-wrapper .user-portal.user-unlogged .top {
    padding-top: 47px;
  }

  .header .header-top .profile-wrapper .user-portal.user-unlogged .bottom {
    padding-top: 5px;
  }

  .header .header-top .profile-wrapper .user-portal .top p {
    margin-top: 5px;
    font-size: 15px;
    letter-spacing: -0.15px;
  }

  .header .header-top .profile-wrapper .user-portal .top .user-create {
    padding: 14px 18px;
    margin-top: 30px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 32px;
  }

  .header .header-top .profile-wrapper .user-portal .top .user-enter {
    margin-top: 14px;
    font-size: 15px;
    line-height: 130.385%;
  }

  .header .header-top .profile-wrapper .user-portal .bottom {
    padding: 26px 14px 0;
  }

  .header .header-top .profile-wrapper .user-portal .close-btn {
    top: calc(100% + 8px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .header .header-top .profile-wrapper .user-portal .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .header .header-top .profile-wrapper .user-portal .close-btn span {
    display: block;
  }

  .header .header-top .profile-wrapper .user-portal .close-btn svg {
    display: none;
  }

  .header .header-top .header-item {
    height: 46px;
    margin-left: 0;
    padding-left: 12px;
    padding-right: 6px;
  }

  .header .header-top .header-item.cart {
    padding-left: 12px;
    padding-right: 12px;
  }

  .header .header-top .header-item.cart::before {
    content: "";
  }

  .header .header-top .header-item::before {
    height: 20px;
  }

  .menu {
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100dvh - 5px - 73px);
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
  }

  .menu.second .popup-btns-wrapper .back-btn {
    display: flex;
  }

  .menu.third .popup-btns-wrapper .back-btn {
    display: flex;
  }

  .menu.third .main-page {
    display: none;
  }

  .menu.third .second-page {
    display: none;
  }

  .menu.third .third-page {
    display: flex;
  }

  .menu .main-page {
    padding: 20px;
  }

  .menu .main-page .search {
    display: block;
  }

  .menu .main-page .region {
    display: grid;
  }

  .menu .main-page .categories-list {
    grid-gap: 8px;
  }

  .menu .main-page .news-banner {
    margin: 20px 0;
    padding: 13px 0 20px;
    display: block;
  }

  .menu .main-page .news-banner h6 {
    margin-top: 6px;
    color: var(--black);
    font-size: 24px;
    font-weight: 500;
    line-height: 115.885%;
    letter-spacing: -0.24px;
  }

  .menu .main-page .news-banner p {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: normal;
    -webkit-line-clamp: 100;
  }

  .menu .main-page .news-list {
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }

  .menu .main-page .news-list li {
    padding: 20px 12px;
    height: 183px;
  }

  .menu .main-page .news-list li:nth-of-type(3) {
    grid-column: 1/3;
  }

  .menu .main-page .news-list p {
    font-weight: 400;
    line-height: 124.385%;
    letter-spacing: -0.051px;
  }

  .menu .main-page .advantages-list {
    margin: 20px 0;
    padding-top: 20px;
  }

  .menu .main-page .advantages-list h6 {
    font-size: 21px;
    letter-spacing: -0.105px;
  }

  .menu .main-page .store-list .txt-wrapper {
    padding: 13px 10px 10px;
  }

  .menu .main-page .store-list .txt-wrapper h6 {
    font-size: 19px;
    letter-spacing: -0.19px;
  }

  .menu .main-page .store-list .txt-wrapper .address-wrapper {
    margin-top: 12px;
    padding-top: 14px;
  }

  .menu .main-page .services-list h6 {
    font-size: 21px;
    letter-spacing: -0.105px;
  }

  .menu .second-page {
    margin-bottom: 78px;
  }

  .menu .second-page .title-wrapper {
    position: relative;
    display: block;
    padding: 20px 20px 16px !important;
    background: #F1F0F5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }

  .menu .second-page .title-wrapper button {
    display: none;
  }

  .menu .second-page .title-wrapper .page-close-btn {
    position: absolute;
    top: -8px;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
  }

  .menu .second-page .title-wrapper .line {
    display: none;
  }

  .menu .second-page .title-wrapper h2 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 14px;
    color: var(--Black-10, #111112);
    font-size: 24px;
    font-weight: 600;
    line-height: 115.885%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #F1F0F5;
  }

  .menu .second-page .title-wrapper a {
    position: relative;
    display: block;
    background: var(--white);
  }

  .menu .second-page .title-wrapper a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/read_more.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .menu .second-page .title-wrapper a .txt {
    color: var(--black);
  }

  .menu .second-page .title-wrapper a .arrow {
    display: none;
  }

  .menu .second-page .title-wrapper a .subtxt {
    display: block;
  }

  .menu .second-page .page-list {
    padding: 44px 20px 20px;
  }

  .menu .third-page .title-wrapper a {
    position: relative;
    display: block;
  }

  .menu .third-page .title-wrapper a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/read_more.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .menu .third-page .page-list {
    padding: 44px 20px 20px;
  }

  .menu .popup-btns-wrapper {
    position: absolute;
    bottom: -65px;
    left: 0;
    width: 100%;
    height: 57px;
    display: flex;
    justify-content: space-between;
  }

  .menu .close-btn {
    position: static;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .menu .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .menu .close-btn span {
    display: block;
  }

  .menu .close-btn svg {
    display: none;
  }

  .menu .title-wrapper {
    margin-top: 20px;
    padding-top: 18px;
  }

  .menu .title-wrapper.title-wrapper--top {
    padding-top: 18px;
    margin-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .menu .title-wrapper h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 115.885%;
    letter-spacing: -0.24px;
  }

  .menu .title-wrapper p {
    color: var(--gray);
    font-size: 14px;
    letter-spacing: normal;
  }

  .main-item {
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100dvh - 5px - 73px);
    max-width: none;
    border-radius: 12px;
    background: #F1F0F5;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
    transform: translateX(0);
  }

  .main-item.active {
    bottom: 73px;
  }

  .main-item .close-btn {
    top: calc(100dvh - 8px - 57px - 5px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .main-item .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .main-item .close-btn span {
    display: block;
  }

  .main-item .close-btn svg {
    display: none;
  }

  .main-item .top {
    padding-top: 20px;
  }

  .main-item .top h3 {
    margin-bottom: 16px;
    font-size: 21px;
    letter-spacing: -0.21px;
  }

  .main-item .bottom .services ul li svg.desktop {
    display: none;
  }

  .main-item .bottom .services ul li svg.mobile {
    width: 34px;
    height: 35px;
    display: block;
  }

  .region-change-wrapper .check-banner {
    top: 20px;
    left: 20px;
  }

  .region-change-wrapper .region-change {
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100dvh - 5px - 73px);
    max-width: none;
    border-radius: 12px;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
    transform: translateX(0);
  }

  .region-change-wrapper .region-change.active {
    bottom: 73px;
    margin-top: 0;
  }

  .region-change-wrapper .region-change .close-btn {
    top: calc(100dvh - 8px - 57px - 5px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .region-change-wrapper .region-change .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .region-change-wrapper .region-change .close-btn span {
    display: block;
  }

  .region-change-wrapper .region-change .close-btn svg {
    display: none;
  }

  .region-change-wrapper .region-change .txt-wrapper {
    padding-top: 20px;
  }

  .region-change-wrapper .region-change .btn-wrapper {
    padding: 10px;
    border-top: none;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.14);
  }

  .top {
    margin: 12px 0 20px;
  }

  .top .mobile-logo {
    display: block;
  }

  .top .top-slider .swiper-wrapper .swiper-slide {
    display: block;
    border-radius: 8px;
  }

  .top .top-slider .swiper-wrapper .txt-wrapper {
    padding: 19px 14px 17px;
    align-items: center;
  }

  .top .top-slider .swiper-wrapper .discount {
    padding: 7px 11px 5px;
    mn: 11px;
    font-size: 17px;
  }

  .top .top-slider .swiper-wrapper h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.48px;
  }

  .top .top-slider .swiper-wrapper .txt {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
  }

  .top .top-slider .swiper-wrapper picture {
    height: 170px;
  }

  .top .top-slider-pagination {
    margin-top: 20px;
  }

  .catalog {
    margin: 32px 0;
  }

  .catalog.catalog--top {
    margin-top: 20px;
  }

  .catalog.bookmarks {
    margin-top: 20px;
  }

  .catalog .pagination-wrapper {
    margin-top: 25px;
    padding-top: 25px;
  }

  .catalog .pagination {
    display: none;
  }

  .catalog .show-me-more {
    display: flex;
  }

  .catalog-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 24px;
  }

  .catalog-list .catalog-list__item {
    display: none;
    width: calc((100% - 15px) / 2);
  }

  .catalog-list .catalog-list__item:nth-of-type(1),
  .catalog-list .catalog-list__item:nth-of-type(2),
  .catalog-list .catalog-list__item:nth-of-type(3),
  .catalog-list .catalog-list__item:nth-of-type(4) {
    display: flex;
  }

  .catalog-list .catalog-list__item.catalog-list__item--empty .btns {
    grid-template-columns: 1fr;
  }

  .catalog-list .img-wrapper {
    padding: 12px;
    border-radius: 8px;
  }

  .catalog-list .img-wrapper .img-slider-pagination {
    display: none;
  }

  .catalog-list .img-wrapper .rating {
    top: 5px;
    left: 5px;
    padding: 2px 6px 2px 4px;
  }
  
  .catalog-list .badges .badge {
    padding: 0 6px;
    height: 24px;
    margin-right: 4px;
    font-size: 13px;
    /*line-height: 119%;*/
    height: 22px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
  }

  .catalog-list .badges .badge.badge--empty {
    height: 24px;
  }

  .catalog-list .name {
    margin-top: 6px;
    font-size: 14px;
    line-height: 126%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .catalog-list .price-wrapper .price .num {
    font-size: 21px;
    letter-spacing: -0.63px;
  }

  .catalog-list .price-wrapper .price .old {
    font-size: 12px;
    letter-spacing: -0.12px;
  }

  .catalog-list .btns {
    margin-top: 13px;
    grid-template-columns: 1fr 40px;
  }

  .catalog-list .btns .find-similar {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 8px;
  }

  .catalog-list .btns .to-cart {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 8px;
  }

  .catalog-list .btns .link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  }

  .categories {
    margin: 32px 0;
  }

  .categories .h2 {
    text-align: center;
  }

  .categories .cat-list {
    margin-top: 24px;
    grid-gap: 15px;
  }

  .categories .cat-list .cat-list__item {
    height: 162px;
    border-radius: 8px;
  }

  .categories .cat-list a {
    padding: 14px 12px;
  }

  .categories .cat-list a::before {
    height: 40%;
  }

  .categories .cat-list h6 {
    font-size: 13px;
  }

  .categories .cat-list p {
    display: none;
  }

  .promotions {
    margin: 32px 0;
  }

  .promotions .promotions-slider {
    margin-top: 24px;
  }

  .promotions .promotions-list li {
    width: 335px;
    min-height: 542px;
  }

  .promotions .promotions-list .txt-wrapper {
    padding: 17px 18px 18px;
  }

  .promotions .promotions-list .txt-wrapper h6 {
    font-size: 21px;
    letter-spacing: -0.21px;
  }

  .promotions .promotions-list .txt-wrapper p {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 15px;
  }

  .promotions .promotions-list .txt-wrapper a {
    width: 100%;
    height: 48px;
    border-radius: 8px;
  }

  .promotions .promotions-list .txt-wrapper a span::after {
    content: "→";
    margin-left: 8px;
    color: #FFF;
    font-size: 17px;
    line-height: 115.885%;
  }

  .ready-solutions {
    margin: 32px 0;
  }

  .ready-solutions .promotions-slider {
    margin-top: 38px;
  }

  .ready-solutions .ready-solutions-list li {
    width: 335px;
  }

  .ready-solutions .ready-solutions-list picture {
    height: 405px;
  }

  .ready-solutions .ready-solutions-list .txt-wrapper {
    padding: 18px 16px 20px;
  }

  .ready-solutions .ready-solutions-list .txt-wrapper h6 {
    font-size: 21px;
    letter-spacing: -0.21px;
  }

  .ready-solutions .ready-solutions-list .txt-wrapper .txt {
    font-size: 15px;
    line-height: 129.5%;
    /* 19.425px */
  }

  .brands {
    margin: 32px 0;
  }

  .brands .brands-list {
    grid-gap: 8px;
    margin-top: 24px;
  }

  .brands .brands-list li {
    border-radius: 8px;
  }

  .brands .brands-list a {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px 3px;
  }

  .brands .brands-list .img-wrapper {
    grid-column: 1/3;
  }

  .brands .brands-list h6 {
    margin-top: 0;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.237px;
  }

  .brands .brands-list p {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -0.19px;
  }

  .brands .brands-list p::before {
    content: "•";
    margin-right: 3px;
    color: #464646;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    line-height: 110.885%;
  }

  .news {
    margin: 32px 0;
  }

  .news .promotions-slider {
    margin-top: 38px;
  }

  .news .news-list li {
    width: 335px;
  }

  .news .news-list picture {
    height: 247px;
  }

  .news .news-list .txt-wrapper {
    padding: 18px 16px 20px;
  }

  .news .news-list .txt-wrapper .about {
    font-size: 13px;
  }

  .news .news-list .txt-wrapper h6 {
    font-size: 21px;
    line-height: 110.885%;
    letter-spacing: -0.21px;
  }

  .news .news-list .txt-wrapper .txt {
    margin-top: 7px;
    font-size: 15px;
    line-height: 129.5%;
  }

  .application {
    margin-top: 80px;
  }

  .application .container {
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .application picture {
    width: 291px;
    height: 156px;
  }

  .application picture.desktop {
    display: none;
  }

  .application picture.mobile {
    display: flex;
  }

  .application .txt-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 37px;
    align-items: center;
  }

  .application .txt-wrapper h2 {
    max-width: 280px;
    text-align: center;
    font-size: 21px;
    line-height: 24.5px;
    letter-spacing: -0.21px;
  }

  .application .txt-wrapper .desktop {
    display: none;
  }

  .application .txt-wrapper .mobile {
    display: grid;
  }

  .application .qr-wrapper {
    display: none;
  }

  .item {
    margin-top: 0;
    padding: 15px 0 20px;
  }

  .item .item-header {
    bottom: -80px;
    z-index: 29;
    height: 64px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.07) inset;
  }

  .item .item-header.active {
    bottom: 58px;
  }

  .item .item-header .container {
    flex-direction: row;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .item .item-header .title-wrapper {
    display: none;
  }

  .item .item-header .price {
    margin-left: 0;
    margin-right: auto;
  }

  .item .item-header .price .num span {
    font-size: 17px;
  }

  .item .item-header .to-bookmarks {
    display: flex;
  }

  .item .item-header .to-playlist {
    display: flex;
  }

  .item .item-header .to-cart {
    width: 48px;
    height: 48px;
    padding: 0;
    margin-left: 9px;
  }

  .item .item-header .to-cart svg {
    display: block;
  }

  .item .item-header .to-cart span {
    display: none;
  }

  .item .container {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }

  .item .title-wrapper {
    order: 2;
    padding: 12px 20px 0;
    margin: 0 -20px 0;
    width: calc(100% + 40px);
    background: #F1F0F5;
  }

  .item .title-wrapper .breadcrumbs li {
    display: none;
  }

  .item .title-wrapper .breadcrumbs li:has(+ li:last-of-type) {
    display: flex;
    margin-left: 0;
  }

  .item .title-wrapper .breadcrumbs li:has(+ li:last-of-type)::before {
    content: none;
  }

  .item .title-wrapper .breadcrumbs li:last-of-type {
    display: flex;
  }

  .item .title-wrapper .variations {
    display: block;
    padding-top: 16px;
    margin-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .item .title-wrapper .item-action {
    margin-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .item .title-wrapper .item-action .action-btn {
    display: none;
  }

  .item .title-wrapper .item-action .articul {
    display: none;
  }

  .item .title-wrapper .rating {
    position: relative;
    width: 100%;
    padding: 14px 0;
  }

  .item .title-wrapper .rating::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/icon34.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
  }

  .item .title-wrapper .rating::before {
    width: 18px;
    height: 18px;
  }

  .item .sliders-wrapper.enlarge {
    display: block;
    padding: 0;
  }

  .item .sliders-wrapper.enlarge .item-slider1 {
    grid-column: 1/3;
    grid-row: 1/2;
    height: 100%;
    margin-top: 0;
    padding: 30px 40px 110px;
  }

  .item .sliders-wrapper.enlarge .item-slider1 .item-slider-pagination {
    position: absolute;
    bottom: 20px;
    left: 20px;
    height: 49px;
    width: calc(100% - 100px - 8px - 40px);
    justify-content: flex-start;
    padding: 0 14px;
    margin: 0;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .item .sliders-wrapper.enlarge .item-slider2 {
    display: none;
  }

  .item .sliders-wrapper.enlarge .enlarge-top {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 100px;
    padding: 0;
  }

  .item .sliders-wrapper.enlarge .enlarge-top .close-btn {
    width: 100px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .item .sliders-wrapper {
    margin-top: 0;
    order: 1;
  }

  .item .sliders-wrapper .btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
  }

  .item .sliders-wrapper .item-slider1 {
    margin: 20px -20px 0;
    width: calc(100% + 40px);
    padding: 0 20px 16px;
    pointer-events: all;
  }

  .item .sliders-wrapper .item-slider1 .swiper-wrapper .swiper-slide {
    height: 284px;
  }

  .item .sliders-wrapper .item-slider1 .item-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

  .item .sliders-wrapper .enlarge-btn {
    position: absolute;
    bottom: 12px;
    left: 0;
    margin: 0;
  }

  .item .sliders-wrapper .item-slider2 {
    display: none;
  }

  .item .item-description {
    order: 3;
    display: none;
  }

  .item .item-description .variations {
    display: none;
  }

  .item .mobile-description ul li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
  }

  .item .mobile-description {
    display: block;
  }

  .item .badges .badge {
    padding: 0 6px;
    height: 24px;
    margin-right: 4px;
    font-size: 13px;
    line-height: 119%;
    border: none;
    border-radius: 4px;
    box-shadow: none;
  }

  .item h1 {
    font-size: 24px;
    line-height: 126.9%;
    letter-spacing: normal;
  }

  .item .tabs-wrapper {
    order: 4;
    margin-top: 0;
    padding-top: 0;
    border: none;
  }

  .item .tabs {
    display: block;
    padding: 0;
    margin-top: 0;
    background-color: #ffffff;
  }

  .item .tabs .tabs-item {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    padding: 17px 44px 17px 20px;
    min-height: 82px;
    height: auto;
    margin-top: 14px;
    color: #111112;
    font-size: 21px;
    font-weight: 500;
    line-height: 113%;
    border-radius: 12px;
    background: #F1F0F5;
    overflow: hidden;
  }

  .item .tabs .tabs-item::after {
    content: "";
    position: absolute;
    top: 28px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url("/img/arrow5.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .item .tabs .tabs-item::before {
    display: none;
  }

  .item .tabs .tabs-item:first-of-type {
    margin-top: 0;
  }

  .item .tabs .tabs-item.active {
    border-radius: 12px;
    background: #F1F0F5;
    border: none;
  }

  .item .tabs .tabs-item .desktop {
    display: none;
  }

  .item .tabs .tabs-item .mobile {
    display: block;
  }

  .item .tabs .tabs-item .inner-wrapper {
    display: block;
  }

  .item .media {
    position: fixed;
    bottom: 73px;
    left: 5px;
    z-index: 200;
    width: calc(100% - 10px);
    max-height: calc(100dvh - 5px - 73px);
    margin: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
  }

  .item .media.active {
    bottom: 0;
  }

  .item .media .media-tab {
    height: 100%;
    max-height: calc(100dvh - 5px - 73px);
    overflow-y: scroll;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
  }

  .item .media .media-tab .inner-wrapper {
    padding: 20px;
    height: 100%;
  }

  .item .media .media-tab h3 {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -0.27px;
  }

  .item .media .media-tab .description p {
    -webkit-line-clamp: 8;
  }

  .item .media .media-tab .characteristics {
    padding-top: 20px;
    margin-top: 20px;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper {
    margin-top: 17px;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper h4 {
    font-size: 21px;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul {
    margin-top: 11px;
    border-top: 1px solid #505052;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul div {
    font-size: 15px;
  }

  .item .media .media-tab .reviews .title-wrapper {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }

  .item .media .media-tab .reviews .title-wrapper p {
    margin-top: -4px;
    font-size: 17px;
  }

  .item .media .media-tab .reviews .title-wrapper button {
    margin-top: 18px;
  }

  .item .media .media-tab .reviews .photos .photos-slider {
    margin: 14px -20px 0;
    width: calc(100% + 40px);
    padding: 0 20px;
  }

  .item .media .media-tab .reviews .photos .photos-slider::before {
    content: none;
  }

  .item .media .media-tab .reviews .photos .photos-slider .swiper-wrapper .swiper-slide {
    width: 90px;
    height: 90px;
  }

  .item .media .media-tab .reviews .reviews-list {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .item .media .media-tab .reviews .pagination {
    display: none;
  }

  .item .media .media-tab .reviews .show-me-more {
    display: flex;
  }

  .item .media .media-tab .questions .title-wrapper {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }

  .item .media .media-tab .questions .title-wrapper p {
    margin-top: -4px;
    font-size: 17px;
  }

  .item .media .media-tab .questions .title-wrapper button {
    margin-top: 18px;
  }

  .item .media .media-tab .questions .pagination {
    display: none;
  }

  .item .media .media-tab .questions .show-me-more {
    display: flex;
  }

  .item .media .media-tab .services .title-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
    align-items: center;
    padding: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }

  .item .media .media-tab .services .title-wrapper .img-wrapper {
    align-self: center;
  }

  .item .media .media-tab .services .title-wrapper h3 {
    margin-top: 12px;
    text-align: center;
  }

  .item .media .media-tab .services .title-wrapper p {
    text-align: center;
  }

  .item .media .media-tab .services .services-list {
    margin-left: 0;
    margin: 20px -20px 0;
    width: calc(100% + 40px);
    background: #FFF;
  }

  .item .media .media-tab .services .all-services {
    margin: 0;
    margin-top: 20px;
    padding: 15px 20px;
    width: 100%;
    justify-content: center;
    border-radius: 12px;
    background: rgba(13, 78, 255, 0.1);
  }

  .item .media .close-btn {
    top: calc(100% + 8px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .item .media .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .item .media .close-btn span {
    display: block;
  }

  .item .media .close-btn svg {
    display: none;
  }

  .item .item-aside {
    order: 2;
  }

  .item .item-aside .price-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
  }

  .item .item-aside .price-wrapper .price {
    margin-top: 0;
  }

  .item .item-aside .price-wrapper .price .num {
    letter-spacing: -0.63px;
  }

  .item .item-aside .price-wrapper .price .old {
    font-size: 12px;
    letter-spacing: -0.12px;
  }

  .item .item-aside .price-wrapper .tabs {
    width: auto;
    margin-top: 0;
  }

  .item .item-aside .price-wrapper .tabs p {
    width: 50px;
  }

  .item .item-aside .similar .similar-slider {
    margin: 14px 0;
    padding: 0;
    overflow: visible;
  }

  .item .item-aside .similar ul {
    flex-direction: row;
  }

  .item .item-aside .similar ul li {
    padding: 20px 0;
    margin-top: 0;
  }

  .item .item-aside .similar ul picture {
    width: 92px;
    height: 104px;
  }

  .item .item-aside .similar .similar-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services-list {
    margin-top: 20px;
  }

  .services-list .services-list__item {
    grid-template-columns: 1fr 1fr;
    padding: 14px 20px 0;
    border-top: 7px solid #F2F1F5;
  }

  .services-list .services-list__item:first-of-type {
    border-top: none;
  }

  .services-list .services-list__item .mobile-title {
    grid-row: 1/2;
    grid-column: 1/3;
    display: block;
    color: #111112;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
  }

  .services-list .akk {
    grid-row: 3/4;
    grid-column: 1/3;
    padding-top: 12px;
    padding-bottom: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services-list .akk.active .akk-bottom {
    padding: 17px 20px 20px;
  }

  .services-list .akk .akk-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 14px;
    width: 100%;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .services-list .akk .akk-top::before {
    content: none;
  }

  .services-list .akk .akk-top svg {
    display: block;
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .services-list .akk .akk-top span.desktop {
    display: none;
  }

  .services-list .akk .akk-top span.mobile {
    display: block;
  }

  .services-list .akk .akk-top span.mobile svg {
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .services-list .akk .akk-top span.mobile.active svg {
    transform: rotateX(180deg);
  }

  .services-list .akk .akk-bottom {
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
    background: #F1F0F5;
  }

  .services-list .akk .akk-bottom .inner-link {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: rgba(13, 78, 255, 0.1);
  }

  .catalog-inner {
    margin-top: 0;
    padding: 24px 0 80px;
  }

  .catalog-inner.inner2 {
    padding: 24px 0 80px;
  }

  .catalog-inner .container {
    display: block;
  }

  .catalog-inner .title-wrapper {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .catalog-inner .title-wrapper p {
    margin-top: 3px;
    font-size: 17px;
    letter-spacing: -0.085px;
  }

  .catalog-inner .filters {
    position: fixed;
    bottom: 73px;
    left: 5px;
    z-index: 200;
    width: calc(100% - 10px);
    height: calc(100dvh - 73px - 5px);
    background-color: #ffffff;
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
  }

  .catalog-inner .filters.active {
    opacity: 1;
    visibility: visible;
  }

  .catalog-inner .filters .close-btn {
    top: calc(100dvh - 8px - 57px - 5px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .catalog-inner .filters .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .catalog-inner .filters .close-btn svg {
    display: none;
  }

  .catalog-inner .filters .close-btn span {
    display: block;
  }

  .catalog-inner .filters .wrapper {
    height: 100%;
    padding: 20px 20px 91px;
    overflow-y: scroll;
  }

  .catalog-inner .filters .wrapper .mobile-title {
    display: block;
  }

  .catalog-inner .filters .top-nav .title {
    padding: 11px 9px;
    border-radius: 6px;
    background: linear-gradient(0deg, #F1F0F5 0%, #F1F0F5 100%), rgba(0, 0, 0, 0.07);
  }

  .catalog-inner .filters .top-nav a {
    padding: 11px 9px;
    border-radius: 6px;
    background: linear-gradient(0deg, #F1F0F5 0%, #F1F0F5 100%), rgba(0, 0, 0, 0.07);
  }

  .catalog-inner .filters .filters-block .reset-btn {
    padding: 10px 13px;
    border-radius: 8px;
    border: 1px solid rgba(80, 80, 82, 0.15);
    background: #F1F0F5;
  }

  .catalog-inner .filters .filters-block .more-btn {
    width: 100%;
    height: 52px;
    justify-content: center;
    margin-top: 17px;
    border-radius: 8px;
    background: rgba(13, 78, 255, 0.09);
  }

  .catalog-inner .filters .filters-block .more-btn::before {
    margin-right: 4px;
    background-image: url("/img/arrow9.svg");
  }

  .catalog-inner .filters .filters-block--search .search-btn {
    background: #F1F0F5;
  }

  .catalog-inner .filters .filters-block--search .reset-btn {
    background: #F1F0F5;
    border: none;
    border-radius: 12px;
  }

  .catalog-inner .filters .filters-block--search .search-container {
    background: #FFF;
  }

  .catalog-inner .filters .availability .search input {
    background: #F1F0F5;
  }

  .catalog-inner .filters .feedback-btn {
    background: #F1F0F5;
  }

  .catalog-inner .filters .show-me {
    display: block;
  }

  .catalog-inner .catalog-wrapper .filter-btn-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 15px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.13) inset;
  }

  .catalog-inner .catalog-wrapper .filter-btn-mobile .txt {
    display: block;
    margin-right: auto;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    line-height: 138.5%;
  }

  .catalog-inner .catalog-wrapper .filter-btn-mobile .num {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px 5px;
    width: 20px;
    height: 20px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border-radius: 18px;
    background: #505052;
  }

  .catalog-inner .catalog-wrapper .filter-btn-mobile svg {
    margin-left: 3px;
    width: 24px;
    height: 24px;
  }

  .catalog-inner .catalog-wrapper .top-wrapper {
    display: block;
  }

  .catalog-inner .catalog-wrapper .top-wrapper .choices {
    width: 100%;
  }

  .catalog-inner .catalog-wrapper .top-wrapper .choices .choices__inner {
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid rgba(17, 17, 18, 0.87);
  }

  .catalog-inner .catalog-wrapper .top-wrapper .choices .choices__item {
    background-color: transparent;
  }

  .catalog-inner .catalog-wrapper .top-wrapper .choices .choices__list.choices__list--dropdown {
    border-radius: 8px;
  }

  .catalog-inner .catalog-wrapper .top-wrapper .wrapper {
    display: none;
  }

  .catalog-inner .catalog-wrapper .catalog-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 24px;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }

  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item {
    display: none;
    width: calc((100% - 15px) / 2);
  }

  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(1),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(2),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(3),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(4) {
    display: flex;
  }

  .catalog-inner .catalog-wrapper .catalog-list .badges .badge {
    padding: 0 6px;
    height: 24px;
    margin-right: 4px;
    font-size: 13px;
    line-height: 119%;
    border: none;
    border-radius: 4px;
    box-shadow: none;
  }

  .catalog-inner .catalog-wrapper .catalog-list .name {
    margin-top: 6px;
    font-size: 14px;
    line-height: 126%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .num {
    font-size: 21px;
    letter-spacing: -0.63px;
  }

  .catalog-inner .catalog-wrapper .catalog-list .price-wrapper .price .old {
    font-size: 12px;
    letter-spacing: -0.12px;
  }

  .catalog-inner .catalog-wrapper .catalog-list .btns {
    margin-top: 13px;
    grid-template-columns: 1fr 40px;
  }

  .catalog-inner .catalog-wrapper .catalog-list .btns .to-cart {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 8px;
  }

  .catalog-inner .catalog-wrapper .catalog-list .btns .link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  }

  .catalog-inner .catalog-wrapper .more-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px auto 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFF;
  }

  .catalog-inner .catalog-wrapper .pagination {
    display: none;
  }

  .catalog-inner .catalog-wrapper .tops-akk .akk-top {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .catalog-inner .catalog-wrapper .tops-akk .akk-top button {
    margin-right: 12px;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(80, 80, 82, 0.87);
    background: #F1F0F5;
  }

  .catalog-inner .catalog-wrapper .tops-akk .akk-top button span {
    display: none;
  }

  .cart {
    margin-top: 0;
    padding: 24px 0 60px;
  }

  .cart .title-wrapper {
    order: 1;
  }

  .cart .title-wrapper p {
    margin-top: 3px;
    font-size: 17px;
    letter-spacing: -0.085px;
  }

  .cart .second-block {
    order: 3;
    margin: 20px -20px 0;
    width: calc(100% + 40px);
  }

  .cart .second-block .added-wrapper .quantity {
    margin: 0;
    padding: 9px 20px 11px;
    background: #FFF;
  }

  .cart .second-block .added-wrapper .added-item {
    padding: 16px 20px 0;
    margin: 0;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    background-color: #ffffff;
  }

  .cart .second-block .added-wrapper .added-item .img-wrapper {
    padding: 0;
    width: 90px;
    height: 90px;
    border-radius: 8px;
  }
  
  .cart .second-block .added-wrapper .added-item .img-wrapper .img-slider {
      height: 90px;
  }

  .cart .second-block .added-wrapper .added-item .img-wrapper .img-slider-pagination {
    display: none;
  }

  .cart .second-block .added-wrapper .added-item .title-wrapper {
    margin-left: 0;
  }

  .cart .second-block .added-wrapper .added-item .price {
    grid-column: 1/3;
  }

  .cart .second-block .added-wrapper .added-item .quantity-wrapper {
    justify-self: stretch;
    padding-right: 4px;
    margin-top: 16px;
    padding-top: 14px;
    margin-left: -20px;
    padding-left: 20px;
    background: #F1F0F5;
  }

  .cart .second-block .added-wrapper .added-item .quantity-calc {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 42px;
    grid-gap: 18px 6px;
    justify-self: auto;
    padding: 7px;
    border-radius: 11px;
    background: #FFF;
  }

  .cart .second-block .added-wrapper .added-item .quantity-calc button {
    border-radius: 8px;
    background: #F1F0F5;
    border: none;
  }

  .cart .second-block .added-wrapper .added-item .quantity-calc button {
    width: 100%;
    height: 42px;
  }

  .cart .second-block .added-wrapper .added-item .quantity-calc p {
    margin: 0;
    grid-column: 1/3;
    grid-row: 1/2;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper {
    display: grid;
    grid-column: 2/3;
    grid-template-columns: 1fr 51px;
    grid-template-rows: 51px 51px;
    grid-gap: 8px;
    padding-top: 14px;
    margin-top: 16px;
    padding-left: 4px;
    margin-right: -20px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-left: 0;
    background: #F1F0F5;
    border: none;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper button {
    margin: 0;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper .del {
    grid-row: 1/3;
    grid-column: 1/2;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper .del::before {
    content: none;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper .del svg {
    margin: 0;
  }

  .cart .second-block .added-wrapper .added-item .btns-wrapper .del span {
    margin-top: 6px;
  }

  .cart .second-block .added-wrapper .added-item .choice-wrapper {
    grid-column: 1/3;
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 14px 20px;
    display: grid;
    grid-template-columns: 1fr 90px;
    grid-gap: 8px;
    background: #F1F0F5;
  }

  .cart .second-block .added-wrapper .added-item .choice-wrapper .size {
    width: 100%;
  }

  .cart .second-block .added-wrapper .added-item .choice-wrapper .color {
    margin-left: 0;
  }

  .cart .second-block .services {
    background-color: #ffffff;
    padding: 20px;
    margin-top: 30px;
  }

  .cart .second-block .services .quantity {
    padding: 0 20px 10px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .cart .second-block .services .added-services-wrapper {
    padding-top: 0;
    margin-bottom: 0;
    border: none;
  }

  .cart .second-block .services .added-services-wrapper .added-service {
    display: block;
    height: auto;
    padding: 14px 20px;
    margin: 5px -20px 0;
    width: calc(100% + 40px);
    border-bottom: 7px solid #F2F1F5;
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper {
    padding: 0;
    grid-template-columns: 24px 1fr 117px;
    grid-gap: 0;
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper svg {
    height: 38px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper h6 {
    grid-column: 2/4;
    padding-left: 9px;
    padding-bottom: 14px;
    height: 38px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper .price {
    grid-column: 1/3;
    margin-top: 14px;
  }

  .cart .second-block .services .added-services-wrapper .added-service .wrapper .del-btn {
    margin-top: 14px;
  }

  .cart .second-block .services .added-services-wrapper .added-service .change-btn {
    flex-direction: row;
    height: 50px;
    margin-top: 14px;
  }

  .cart .second-block .services .added-services-wrapper .added-service .change-btn span {
    margin-top: 0;
    margin-left: 8px;
    font-size: 17px;
    font-weight: 400;
  }

  .cart .second-block .services .services-wrapper {
    padding-top: 20px;
    background: #FFF;
    border: none;
  }

  .cart .second-block .services .services-top .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 0;
    padding: 0;
    width: 100%;
    margin: 0;
    background-color: transparent;
  }

  .cart .second-block .services .services-top .title-wrapper .img-wrapper {
    align-self: center;
    grid-row: auto;
  }

  .cart .second-block .services .services-top .title-wrapper h3 {
    margin-top: 12px;
    align-self: center;
    text-align: center;
  }

  .cart .second-block .services .services-top .title-wrapper p {
    margin-top: 6px;
    text-align: center;
  }

  .cart .second-block .services .services-top .title-wrapper button {
    width: auto;
    height: 42px;
    padding: 8px 17px 10px 11px;
    margin-top: 18px;
    border-radius: 27px;
    background: #F1F0F5;
  }

  .cart .second-block .services .services-top .title-wrapper button svg {
    margin-right: 5px;
  }

  .cart .second-block .services .services-top .title-wrapper button span {
    display: block;
  }

  .cart .second-block .services .services-list {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }

  .cart .second-block .services .services-list .services-list__item {
    grid-template-columns: 1fr 1fr;
    padding: 14px 20px;
    border-top: 7px solid #F2F1F5;
  }

  .cart .second-block .services .services-list .services-list__item:first-of-type {
    border-top: none;
  }

  .cart .second-block .services .services-list .services-list__item .mobile-title {
    grid-row: 1/2;
    grid-column: 1/3;
    display: block;
    color: #111112;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
  }

  .cart .second-block .services .services-list .services-list__item .akk {
    grid-row: 3/4;
    grid-column: 1/3;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 14px;
    width: 100%;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top::before {
    content: none;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top.active svg {
    transform: rotateX(180deg);
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top svg {
    display: block;
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top span.desktop {
    display: none;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top span.mobile {
    display: block;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top span.mobile svg {
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .cart .second-block .services .services-list .services-list__item .akk .akk-top span.mobile.active svg {
    transform: rotateX(180deg);
  }

  .cart .second-block .services .services-list .services-list__item .add-btn {
    justify-self: end;
  }

  .cart .second-block .services .all-services {
    margin: 0;
    margin: 20px 0 0;
    padding: 15px 20px;
    width: 100%;
    justify-content: center;
    border-radius: 12px;
    background: rgba(13, 78, 255, 0.1);
  }

  .cart .top-block {
    margin-top: 44px;
    order: 2;
  }

  .cart .top-block .free-delivery {
    display: block;
    padding: 14px 20px 20px;
  }

  .cart .top-block .free-delivery h6 {
    margin-top: 14px;
  }

  .cart .top-block .free-delivery .progress {
    margin-top: 9px;
  }

  .cart .top-block .services-cart {
    margin-top: 20px;
  }

  .cart .aside-wrapper {
    order: 4;
    margin: 20px -20px 0;
    width: calc(100% + 40px);
    padding: 20px 20px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .cart .aside-wrapper .cart-info {
    margin-top: 0;
  }

  .cart .aside-wrapper .similar ul li {
    padding: 20px 0;
    margin-top: 0;
  }

  .cart .aside-wrapper .similar ul picture {
    width: 92px;
    height: 104px;
  }

  .cart .aside-wrapper .similar .similar-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .order {
    margin-top: 0;
    padding: 20px 0 80px;
  }

  .order .title-wrapper {
    order: 2;
    overflow: 25px 0;
  }

  .order .back-btn {
    order: 1;
  }

  .order .order-wrapper {
    order: 3;
    display: flex;
    flex-direction: column;
  }

  .order .order-wrapper .discounts {
    order: 1;
    grid-gap: 20px;
    margin-top: 24px;
  }

  .order .order-wrapper .order-as {
    padding-top: 0;
    margin-top: 20px;
    border: none;
  }

  .order .order-wrapper .first-info {
    margin-top: 24px;
  }

  .order .order-wrapper .receiving-options {
    margin-top: 24px;
  }

  .order .order-wrapper .receiving-options .tabs .tab {
    min-height: 135px;
  }

  .order .order-wrapper .receiving-options .panes .pane {
    margin-top: 24px;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper .choices {
    width: 100%;
  }

  .order .order-wrapper .receiving-options .map-wrapper {
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100dvh - 5px - 73px);
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.07);
    overflow: hidden;
  }

  .order .order-wrapper .receiving-options .map-wrapper #delivery-pickup-map,
  .order .order-wrapper .receiving-options .map-wrapper #delivery-courier-map {
    grid-column: auto;
    grid-row: auto;
    order: 2;
  }

  .order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper {
    top: calc(100% - 65px);
    left: 5px;
    width: calc(100% - 10px);
    height: 57px;
    padding: 0;
    background-color: transparent;
  }

  .order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn {
    width: 100%;
    padding: 0 20px;
    height: 57px;
    justify-content: flex-start;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn::before {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    transform: translateY(-50%);
  }

  .order .order-wrapper .receiving-options .map-wrapper .map-close-wrapper .map-close-btn span {
    display: block;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside {
    width: 100%;
    margin: 0;
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside .title-wrapper {
    order: 1;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside .inner-wrapper {
    order: 3;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper {
    height: 190px;
    overflow: hidden;
    overflow-x: scroll;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list {
    padding: 14px 12px;
    flex-direction: row;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point {
    width: 256px;
    height: 161px;
    margin-top: 0;
    margin-left: 14px;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.pickup .inner-wrapper .points-list .point:first-of-type {
    margin-left: 0;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper {
    grid-gap: 12px;
    padding: 20px 12px 12px;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper button {
    position: relative;
    margin-top: 12px;
  }

  .order .order-wrapper .receiving-options .map-wrapper aside.courier .inner-wrapper button::before {
    content: "";
    position: absolute;
    top: -13px;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
  }

  .order .order-wrapper .payment-options {
    margin-top: 24px;
  }

  .order .order-wrapper .order-confirmation {
    margin-top: 24px;
  }

  .order .order-wrapper .comment {
    margin-top: 24px;
  }

  .order .aside {
    position: relative;
    order: 4;
    margin-top: 44px;
  }

  .order .aside::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
  }

  .order .aside .cart-info {
    margin-top: 0;
  }

  .services {
    margin-top: 0;
    padding: 24px 0 80px;
  }

  .services .container {
    display: block;
  }

  .services .services-wrapper .txt-wrapper {
    margin-bottom: 20px;
  }

  .services .services-wrapper .txt-wrapper .region {
    padding: 14px 15px;
    grid-template-columns: 20px auto 50px;
    grid-gap: 0;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #FFF;
  }

  .services .services-wrapper .txt-wrapper .region .icon {
    align-self: start;
  }

  .services .services-wrapper .txt-wrapper .region .change {
    grid-row: 1/3;
    grid-column: 3/4;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: rgba(13, 78, 255, 0.1);
  }

  .services .services-wrapper .txt-wrapper .region .change span {
    display: none;
  }

  .services .services-wrapper .txt-wrapper .region .change svg {
    display: block;
    margin: 0;
  }

  .services .services-wrapper .txt-wrapper .region .txt {
    grid-column: 2/3;
  }

  .services .services-wrapper .block {
    padding-top: 0;
    border: none;
  }

  .services .services-wrapper .block .title {
    position: relative;
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 16px 20px 18px;
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services .services-wrapper .block .title.active::before {
    transform: rotateX(180deg);
  }

  .services .services-wrapper .block .title.active + .services-list {
    max-height: none !important;
  }

  .services .services-wrapper .block .title::before {
    content: "";
    position: absolute;
    top: 16px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url("/img/arrow6.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
  }

  .services .services-wrapper .block .title >p {
    color: #505052;
  }

  .services .services-wrapper .block .services-list {
    margin: 0 -20px;
    width: calc(100% + 40px);
    max-height: 0;
    background: #FFF;
    transition: 0.3s;
    overflow: hidden;
  }

  .services .services-wrapper .block .services-list .services-list__item {
    grid-template-columns: 1fr 1fr;
    padding: 14px 20px 0;
    border-top: 7px solid #F2F1F5;
  }

  .services .services-wrapper .block .services-list .services-list__item:first-of-type {
    border-top: none;
  }

  .services .services-wrapper .block .services-list .services-list__item .mobile-title {
    grid-row: 1/2;
    grid-column: 1/3;
    display: block;
    color: #111112;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk {
    grid-row: 3/4;
    grid-column: 1/3;
    padding-top: 12px;
    padding-bottom: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services .services-wrapper .block .services-list .services-list__item .akk.active {
    padding-bottom: 0;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 14px;
    width: 100%;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top::before {
    content: none;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top.active svg {
    transform: rotateX(180deg);
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top svg {
    display: block;
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.desktop {
    display: none;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.mobile {
    display: block;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.mobile svg {
    width: 24px;
    height: 24px;
    transition: 0.3s;
  }

  .services .services-wrapper .block .services-list .services-list__item .akk .akk-top span.mobile.active svg {
    transform: rotateX(180deg);
  }

  .services .services-wrapper .block .services-list .services-list__item .add-btn {
    justify-self: end;
  }

  .services .services-wrapper .banner {
    margin: 20px -20px;
    width: calc(100% + 40px);
    min-height: auto;
    padding: 20px;
    display: block;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services .services-wrapper .banner .imgs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    width: 100%;
  }

  .services .services-wrapper .banner .imgs picture {
    position: static;
  }

  .services .services-wrapper .banner .imgs picture.img1 {
    width: 100%;
    height: 86px;
    border-radius: 12px;
  }

  .services .services-wrapper .banner .imgs picture.img2 {
    width: 100%;
    height: 86px;
    border-radius: 12px;
  }

  .services .services-wrapper .banner .imgs picture.img3 {
    width: 100%;
    height: 86px;
    border-radius: 12px;
  }

  .services .services-wrapper .banner .imgs picture.img4 {
    width: 100%;
    height: 86px;
    border-radius: 12px;
  }

  .services .services-wrapper .banner .txt-wrapper {
    padding: 0;
    padding-top: 18px;
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .services .services-wrapper .banner .txt-wrapper h6 {
    font-size: 27px;
    line-height: 126%;
    letter-spacing: -0.27px;
  }

  .services .services-wrapper .banner .txt-wrapper p {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .services .services-wrapper .banner .txt-wrapper a {
    margin-top: 24px;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: rgba(13, 78, 255, 0.1);
  }

  .services aside .empty-wrapper {
    position: relative;
    margin-top: 35px;
  }

  .services aside .empty-wrapper::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
  }

  .services aside .items .item-wrapper.item-wrapper--deleted .remove-btn {
    width: 100%;
    height: 48px;
    justify-content: center;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.07);
  }

  .services aside .items .top-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6px;
  }

  .services aside .items .top-wrapper .num {
    justify-self: start;
  }

  .services aside .items .top-wrapper .name {
    grid-row: 2/3;
    grid-column: 1/3;
  }

  .services aside .items .middle-wrapper .numbers .calc {
    display: block;
    justify-self: end;
  }

  .services aside .items .middle-wrapper .numbers .calc button {
    display: none;
  }

  .services aside .items .del-btn {
    justify-content: center;
    width: 100%;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 59, 13, 0.12);
  }

  .order-processed {
    margin-top: 0;
    padding: 24px 0 80px;
  }

  .order-processed .container {
    max-width: none;
  }

  .order-processed .title-wrapper p {
    margin-top: 16px;
    font-size: 17px;
    letter-spacing: -0.085px;
  }

  .order-processed .before .txt-wrapper {
    position: relative;
    padding: 20px 0 20px 17px;
    margin: 24px 0 20px;
  }

  .order-processed .before .txt-wrapper::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 2px;
    height: calc(100% - 40px);
    background-color: #FF7A00;
  }

  .order-processed .before .txt-wrapper p {
    margin-top: 18px;
  }

  .order-processed .before .payment-wrapper {
    padding: 0;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .order-processed .before .payment-wrapper .btn-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 20px;
    padding: 15px 14px;
    border-radius: 12px;
    background: #F1F0F5;
  }

  .order-processed .before .payment-wrapper .btn-wrapper button {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
  }

  .order-processed .before .payment-wrapper .btn-wrapper .price {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .order-processed .before .payment-wrapper .btn-wrapper .price span {
    display: block;
    margin-top: -1px;
  }

  .order-processed .after .txt-wrapper {
    position: relative;
    padding: 20px 0 20px 17px;
    margin: 24px 0 20px;
  }

  .order-processed .after .txt-wrapper::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 2px;
    height: calc(100% - 40px);
    background-color: #FF7A00;
  }

  .order-processed .after .info-wrapper {
    display: block;
  }

  .order-processed .after .info-wrapper .info {
    margin-top: 25px;
  }

  .order-processed .after .info-wrapper .info a {
    margin-top: 14px;
  }

  .order-processed .after .info-wrapper .info a:first-of-type {
    margin-top: 20px;
  }

  .order-processed .after .info-wrapper .info .small-txt {
    padding-top: 20px;
    margin-top: 20px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
    margin-top: 24px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item {
    display: none;
    width: calc((100% - 15px) / 2);
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item:nth-of-type(1),
  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item:nth-of-type(2),
  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item:nth-of-type(3),
  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item:nth-of-type(4) {
    display: flex;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .catalog-list__item.catalog-list__item--empty .btns {
    grid-template-columns: 1fr;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper {
    padding: 12px;
    border-radius: 8px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .img-slider-pagination {
    display: none;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .img-wrapper .rating {
    top: 5px;
    left: 5px;
    padding: 2px 6px 2px 4px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge {
    padding: 0 6px;
    height: 24px;
    margin-right: 4px;
    font-size: 13px;
    line-height: 119%;
    border: none;
    border-radius: 4px;
    box-shadow: none;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .badges .badge.badge--empty {
    height: 24px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .name {
    margin-top: 6px;
    font-size: 14px;
    line-height: 126%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .num {
    font-size: 21px;
    letter-spacing: -0.63px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .price-wrapper .price .old {
    font-size: 12px;
    letter-spacing: -0.12px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns {
    margin-top: 13px;
    grid-template-columns: 1fr 40px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .find-similar {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 8px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .to-cart {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 8px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .catalog-list .btns .link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination-wrapper {
    margin-top: 25px;
    padding-top: 25px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .pagination {
    display: none;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .show-me-more {
    display: flex;
  }

  .footer-regular {
    padding: 25px 0 80px;
  }

  .footer-regular .categories-list {
    grid-template-columns: repeat(2, calc((100% - 12px) / 2));
  }

  .footer-lite {
    padding: 25px 0 80px;
  }

  .footer-lite.footer--gray .link-wrapper {
    background: #FFF;
  }

  .footer-lite .footer-top {
    flex-direction: column;
  }

  .footer-lite .footer-logo {
    width: 36px;
  }

  .footer-lite .footer-logo img.desktop {
    display: none;
  }

  .footer-lite .footer-logo img.mobile {
    display: block;
  }

  .footer-lite .link-wrapper {
    position: relative;
    margin-top: 12px;
    margin-left: 0;
    padding: 13px 16px;
    width: 100%;
    border-left: none;
    border-radius: 8px;
    background: #F1F0F5;
  }

  .footer-lite .link-wrapper:first-of-type {
    margin-top: 25px;
  }

  .footer-lite .link-wrapper.link-wrapper--tel::before {
    background-image: url("/img/call.svg");
  }

  .footer-lite .link-wrapper.link-wrapper--chat::before {
    background-image: url("/img/chat.svg");
  }

  .footer-lite .link-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .footer-lite .nav-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-lite .nav-wrapper .nav-block {
    border-right: none;
  }

  .footer-lite .footer-bottom {
    margin-top: 0;
  }

  .modal {
    bottom: 73px;
    left: 5px;
    width: calc(100% - 10px);
    max-width: none;
    max-height: calc(100dvh - 5px - 8px - 57px - 8px);
    height: auto;
    transform: translateX(0);
  }

  .modal .container {
    height: auto;
    max-height: calc(100dvh - 15px);
  }

  .modal .title-wrapper {
    padding: 52px 20px 0;
  }

  .modal .title-wrapper h2 {
    color: #111112;
    font-size: 27px;
    line-height: 126%;
    letter-spacing: -0.27px;
  }

  .modal .rating-wrapper {
    margin: 20px;
    padding: 20px 0;
  }

  .modal .rating-wrapper .wrapper {
    padding: 20px 10px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    background: #F1F0F5;
  }

  .modal .rating-wrapper h6 {
    text-align: center;
  }

  .modal .rating-wrapper .rating-area {
    margin-top: 16px;
    justify-content: center;
  }

  .modal .rating-wrapper .rating-area:not(:checked) > label {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  }

  .modal .rating-wrapper .rating-area:not(:checked) > label::before {
    width: 40px;
    height: 40px;
    background-image: url("/img/star2.svg");
  }

  .modal .rating-wrapper .rating-area > input:checked + label:hover::before,
  .modal .rating-wrapper .rating-area > input:checked + label:hover ~ label::before,
  .modal .rating-wrapper .rating-area > input:checked ~ label:hover::before,
  .modal .rating-wrapper .rating-area > input:checked ~ label:hover ~ label::before,
  .modal .rating-wrapper .rating-area > label:hover ~ input:checked ~ label::before {
    background-image: url("/img/star3.svg");
  }

  .modal .rating-wrapper .rating-area label {
    margin-right: 7px;
  }

  .modal .rating-wrapper .rating-area label:first-of-type {
    margin-right: 0;
  }

  .modal .txt-wrapper {
    padding: 0 20px;
  }

  .modal .hide-wrapper {
    margin: 20px 20px 24px;
    padding: 14px 12px;
    border-radius: 8px;
    background: #F1F0F5;
  }

  .modal .imgs {
    padding: 20px 20px 25px;
  }

  .modal .btns-wrapper {
    padding: 0 20px 20px;
  }

  .modal .btns-wrapper button.cancel-btn {
    grid-row: 2/3;
  }

  .modal .close-btn {
    top: calc(100% + 8px);
    right: 0;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
    height: 57px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 12px;
    background: rgba(239, 239, 239, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(10px);
  }

  .modal .close-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 25px;
    background-image: url("/img/cancel1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .modal .close-btn span {
    display: block;
  }

  .modal.modal--reviews-success,
  .modal.modal--question-success {
    bottom: 0;
    height: 100%;
    max-height: calc(100dvh - 15px);
  }

  .modal.modal--reviews-success .container,
  .modal.modal--question-success .container {
    padding: 20px;
  }

  .modal.modal--reviews-success h6,
  .modal.modal--question-success h6 {
    margin-top: 17px;
    font-size: 27px;
    line-height: 126%;
    letter-spacing: -0.27px;
  }

  .modal.modal--reviews-success .bottom-wrapper,
  .modal.modal--question-success .bottom-wrapper {
    margin-top: 20px;
    padding-top: 20px;
  }

  .modal.modal--additional-info .top {
    padding: 20px 20px 0;
  }

  .modal.modal--additional-info .top h6 {
    padding-bottom: 20px;
    font-size: 27px;
    line-height: 116%;
    letter-spacing: -0.27px;
  }

  .modal.modal--additional-info .wrapper p {
    padding: 20px;
  }

  .modal.modal--additional-info .bottom {
    padding: 20px;
    margin-bottom: 63px;
    border-radius: 12px;
    background: #FFF;
  }

  .modal.modal--add-service {
    bottom: 73px;
    max-width: none;
    max-height: calc(100dvh - 5px - 8px - 57px - 8px);
    transform: translate(0, 0);
  }

  .modal.modal--add-service .container {
    padding: 0 20px 20px;
  }

  .modal.modal--add-service .top-wrapper {
    display: block;
    margin: 0 -20px;
    padding: 20px;
    width: calc(100% + 40px);
    background: #FFF;
  }

  .modal.modal--add-service .top-wrapper .name {
    color: #111112;
    font-size: 21px;
    font-weight: 600;
    line-height: 116%;
  }

  .modal.modal--add-service .top-wrapper .name span {
    color: #000000;
  }

  .modal.modal--add-service .top-wrapper .price {
    margin-top: 17px;
    color: #505052;
    font-size: 27px;
    letter-spacing: -0.54px;
  }

  .modal.modal--add-service .middle-wrapper .numbers .calc {
    display: block;
    justify-self: end;
  }

  .modal.modal--add-service .middle-wrapper .numbers .calc button {
    display: none;
  }

  .modal.modal--add-service .add-btn {
    width: 100%;
    height: 50px;
    border-radius: 12px;
  }
  
  .catalog-list .img-wrapper .img-slider {
      height: 144px;
  }

  .item .media.active {
    bottom: 73px;
    opacity: 1;
    visibility: visible;
  }

  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(5),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(6),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(7),
  .catalog-inner .catalog-wrapper .catalog-list .catalog-list__item:nth-of-type(8) {
    display: flex;
  }
  .page_hr {
        margin-top: 25px;
    }

  .brands-inner .pagination-wrapper .pagination {
    display: none;
  }
}

@media (max-width: 600px) {
  .title-wrapper {
    display: block;
  }

  .title-wrapper p {
    margin-top: 3px;
  }

  .title-wrapper .outside-link {
    display: none;
  }

  .title-wrapper1 .outside-link {
    display: none;
  }

  .bottom-link {
    display: flex;
  }

  .menu .main-page .categories-list {
    grid-template-columns: 1fr;
  }

  .menu .main-page .advantages-list {
    grid-template-columns: 1fr;
  }

  .menu .main-page .store-list {
    grid-template-columns: 1fr;
  }

  .menu .main-page .store-list-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    margin-top: 12px;
    color: var(--purple);
    font-size: 17px;
    font-weight: 500;
    line-height: 115.885%;
    text-decoration: none;
    border-radius: 8px;
    background: rgba(13, 78, 255, 0.1);
  }

  .menu .main-page .services-list {
    grid-template-columns: 1fr;
  }

  .menu .second-page .title-wrapper button {
    position: absolute;
    top: 14px;
    left: 7px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border-radius: 0;
  }

  .menu .second-page .title-wrapper button svg.desktop {
    display: none;
  }

  .menu .second-page .title-wrapper button svg.mobile {
    display: block;
  }

  .menu .second-page .inner-wrapper {
    background-color: #ffffff;
  }

  .menu .second-page .page-list {
    padding-top: 0;
    grid-template-columns: 1fr;
    grid-gap: 0;
    background-color: #ffffff;
  }

  .menu .second-page .page-list li {
    grid-template-columns: 28px 1fr;
    grid-gap: 14px;
  }

  .menu .second-page .page-list picture {
    margin-top: 12px;
    width: 28px;
    height: 28px;
  }

  .menu .second-page .page-list .txt-wrapper {
    border-left: none;
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .menu .second-page .page-list .txt-wrapper.active {
    padding-bottom: 20px;
  }

  .menu .second-page .page-list h6 {
    position: relative;
    padding: 14px 0;
    font-size: 17px;
    font-weight: 500;
  }

  .menu .second-page .page-list h6::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/arrow3.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
  }

  .menu .second-page .page-list ul {
    max-height: 0;
    transition: 0.3s;
    overflow: hidden;
  }

  .menu .second-page .page-list ul li {
    margin-top: 0;
    padding: 5px 0;
    border-bottom: none;
  }

  .menu .second-page .page-list ul a {
    height: 100%;
    font-size: 13px;
    line-height: 115.385%;
    /* 15px */
  }

  .menu .second-page .page-list button {
    display: none;
  }

  .menu .third-page .title-wrapper a .txt {
    color: var(--black);
  }

  .menu .third-page .title-wrapper a .arrow {
    display: none;
  }

  .menu .third-page .title-wrapper a .subtxt {
    display: block;
  }

  .menu .third-page .inner-wrapper {
    background-color: #ffffff;
  }

  .menu .third-page .page-list {
    padding-top: 0;
    grid-template-columns: 1fr;
    grid-gap: 0;
    background-color: #ffffff;
  }

  .menu .third-page .page-list .txt-wrapper {
    border-left: none;
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .menu .third-page .page-list .txt-wrapper.active {
    padding-bottom: 20px;
  }

  .menu .third-page .page-list a {
    position: relative;
    padding: 14px 0;
    font-size: 17px;
    font-weight: 500;
  }

  .main-item .top {
    display: block;
  }

  .main-item .top button {
    margin-top: 8px;
  }

  .main-item .bottom .availability .top-wrapper {
    display: block;
  }

  .main-item .bottom .availability .top-wrapper .tabs {
    margin-top: 15px;
  }

  .main-item .bottom .availability ul {
    grid-template-columns: 1fr;
    grid-gap: 9px;
  }

  .main-item .bottom .services ul li {
    padding: 16px;
    grid-template-columns: auto 34px;
    grid-gap: 12px;
  }

  .main-item .bottom .services ul li .title-wrapper {
    grid-column: 1/3;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }

  .main-item .bottom .services a {
    width: 100%;
    padding: 16px 20px;
  }

  .region-change-wrapper .check-banner {
    top: 20px;
    width: calc(100% - 40px);
  }

  .catalog .mobile-btns {
    display: flex;
  }

  .promotions-slider-pagination {
    display: flex;
  }

  .brands .brands-list {
    grid-template-columns: 1fr;
  }

  .brands .brands-list li {
    display: none;
  }

  .brands .brands-list li:nth-of-type(1),
  .brands .brands-list li:nth-of-type(2),
  .brands .brands-list li:nth-of-type(3),
  .brands .brands-list li:nth-of-type(4),
  .brands .brands-list li:nth-of-type(5) {
    display: block;
  }

  .application .txt-wrapper {
    width: 100%;
  }

  .application .txt-wrapper .mobile li {
    min-width: auto;
    width: 100%;
  }

  .item .item-header .container {
    padding: 6px 13px;
    height: 100%;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul {
    padding-top: 13px;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul li {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    margin-top: 16px;
    border: none;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul li:first-of-type {
    margin-top: 0;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul div:first-of-type {
    padding: 0;
    border: none;
  }

  .item .media .media-tab .characteristics .characteristics-wrapper ul div:last-of-type {
    padding: 0;
  }

  .item .media .media-tab .reviews .title-wrapper button {
    width: 100%;
  }

  .item .media .media-tab .reviews .reviews-list .review,
  .item .media .media-tab .reviews .reviews-list .answer {
    display: block;
  }

  .item .media .media-tab .reviews .reviews-list .img-wrapper {
    display: none;
  }

  .item .media .media-tab .questions .title-wrapper button {
    width: 100%;
  }

  .item .media .media-tab .questions ul .question,
  .item .media .media-tab .questions ul .answer {
    display: block;
  }

  .item .media .media-tab .questions ul .img-wrapper {
    display: none;
  }

  .item .media .media-tab .documents ul a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .item .media .media-tab .documents ul .img-wrapper {
    display: none;
  }

  .item .media .media-tab .documents ul .mobile-btn {
    display: flex;
  }

  .services-list .price span {
    font-size: 11px;
  }

  .order .order-wrapper .discounts {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .order-as {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .order-as .block-title {
    grid-column: auto;
  }

  .order .order-wrapper .first-info .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .tabs {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .place {
    width: calc(100% - 90px);
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--pickup .inputs-wrapper .delivery-map-btn {
    width: calc(100% - 90px);
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .addresses .inputs-wrapper .input-wrapper:first-of-type {
    grid-column: auto;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .lifting .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info svg {
    grid-column: auto;
    grid-row: auto;
    margin-bottom: 10px;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .additional .more-info .info p {
    margin-top: 1px;
  }

  .order .order-wrapper .receiving-options .panes .pane.pane--courier .summary .inputs-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 14px;
  }

  .order .order-wrapper .payment-options .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .order-confirmation .inputs-wrapper {
    grid-template-columns: 1fr;
  }

  .order .order-wrapper .more-details {
    margin-top: 24px;
    grid-template-columns: 1fr;
    grid-gap: 38px;
  }

  .cabinet .profile-wrapper .profile-wrapper__item .catalog .mobile-btns {
    display: flex;
  }

  .footer-regular .mobile-btn {
    display: grid;
  }

  .footer-regular .categories-list {
    margin-top: 15px;
    padding-top: 15px;
    grid-template-columns: 1fr;
    border-bottom: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .footer-regular .categories-list .categories-list__item {
    padding: 0;
    overflow: hidden;
  }

  .footer-regular .categories-list .top {
    position: relative;
    padding: 17px;
    display: flex;
    align-items: center;
  }

  .footer-regular .categories-list .top::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 20px;
    height: 20px;
    background-image: url("/img/arrow2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s;
    transform: translateY(-50%);
  }

  .footer-regular .categories-list .top.active + .inner-list {
    margin-bottom: 17px;
  }

  .footer-regular .categories-list .categories-list__name {
    margin-top: 0;
    margin-left: 2px;
    font-size: 15px;
  }

  .footer-regular .categories-list .inner-list {
    margin-top: 0;
    padding: 0 37px 0 17px;
    max-height: 0;
    transition: 0.3s;
  }

  .footer-regular .categories-list .inner-list .inner-list__item {
    margin-top: 10px;
  }

  .footer-regular .categories-list .inner-list .inner-list__link {
    font-size: 15px;
  }

  .footer-regular .nav-wrapper {
    display: block;
    margin-top: 15px;
    padding-top: 0;
    border-top: none;
  }

  .footer-regular .nav-wrapper .nav-block {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .footer-regular .nav-wrapper .nav-block p {
    position: relative;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 400;
  }

  .footer-regular .nav-wrapper .nav-block p.active + div {
    margin-bottom: 17px;
  }

  .footer-regular .nav-wrapper .nav-block p.active::before {
    transform: translateY(-50%) rotateX(180deg);
  }

  .footer-regular .nav-wrapper .nav-block p::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("/img/arrow2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
    transform: translateY(-50%);
  }

  .footer-regular .nav-wrapper .nav-block div {
    max-height: 0;
    margin-top: 0;
  }

  .footer-regular .nav-wrapper .nav-block a {
    margin-top: 10px;
    font-size: 15px;
  }

  .footer-regular .subscribe-wrapper {
    margin-top: 0;
  }

  .footer-regular .subscribe-wrapper .subscribe .subscribe-form {
    grid-template-columns: 1fr;
    grid-gap: 11px;
  }

  .footer-regular .subscribe-wrapper .subscribe .subscribe-form button {
    width: 100%;
    height: 44px;
  }

  .footer-lite .nav-wrapper {
    display: block;
    margin-top: 15px;
    padding-top: 0;
    border-top: none;
  }

  .footer-lite .nav-wrapper .nav-block {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
  }

  .footer-lite .nav-wrapper .nav-block p {
    position: relative;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 400;
  }

  .footer-lite .nav-wrapper .nav-block p.active + div {
    margin-bottom: 17px;
  }

  .footer-lite .nav-wrapper .nav-block p.active::before {
    transform: translateY(-50%) rotateX(180deg);
  }

  .footer-lite .nav-wrapper .nav-block p::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("/img/arrow2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
    transform: translateY(-50%);
  }

  .footer-lite .nav-wrapper .nav-block div {
    max-height: 0;
    margin-top: 0;
  }

  .footer-lite .nav-wrapper .nav-block a {
    margin-top: 10px;
    font-size: 15px;
  }

  .modal .btns-wrapper {
    grid-template-columns: 1fr;
  }

  .modal.modal--additional-info .bottom .price span {
    font-size: 11px;
  }

  .brands-inner .brands-list {
    grid-template-columns: 1fr;
  }
}