/* Start:/local/templates/main/css/style.css?1729836009393619*/
@charset "UTF-8";

@font-face {
  font-family: Golos;
  font-display: swap;
  src: url("/local/templates/main/css/../fonts/golostext_regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/golostext_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Golos;
  font-display: swap;
  src: url("/local/templates/main/css/../fonts/golostext_bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/golostext_bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

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

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

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

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

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 */
  -webkit-text-decoration: underline dotted;
          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 {
  -webkit-box-sizing: border-box;
          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] {
  -webkit-box-sizing: border-box;
          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;
}

/* Colors */

/* border */

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

html,
body {
  height: 100%;
}

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

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

.footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

body {
  margin: 0;
  padding: 0;
  font-family: Golos, Tahoma, sans-serif;
  color: #211e1c;
}

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

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

body ol {
  margin: 0;
  padding: 0;
}

body a {
  text-decoration: none;
  color: inherit;
}

body p {
  margin: 0;
}

.container {
  width: 1256px;
  padding: 0;
  margin: 0 auto;
}

.bg-gray97 {
  background-color: #F5F9FC;
}

.bg__open-menu {
  position: absolute;
  top: 200px;
  right: 0;
  height: 100%;
  left: 0;
  background-color: #25313D;
  opacity: 0.5;
  z-index: 5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bg__open {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #25313D;
  opacity: 0.5;
  z-index: 6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.bg__open-help {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #25313D;
  opacity: 0.2;
  z-index: 6;
}

.noscroll {
  height: 100%;
  overflow: hidden;
}

.crumbs {
  margin-top: 48px;
}

.crumbs__wrapper {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 8px;
}

.crumbs__box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #C7D0D9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 16px;
  text-transform: lowercase;
}

.crumbs__link:hover {
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog {
  margin-top: 48px;
}

.heading {
  margin-top: 16px;
}

.heading_m48 {
  margin-top: 48px;
}

.heading__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 4px;
}

.heading__main {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
}

.heading__name {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.heading__name span {
  display: none;
}

.heading__quantity {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #7C8894;
  margin-bottom: 4px;
}

.heading__search {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.heading__description-text {
  width: 616px;
  margin-left: 160px;
  margin-top: 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #425161;
}

.heading__description-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.subcategory__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 48px;
}

.input__custom-duplicate--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  color: #425161;
}

.input__custom-duplicate--wrapper .input__custom-marker {
  color: #1D57CC;
}

.input__custom-duplicate--button {
  padding: 16px;
  max-height: 48px;
  min-height: 48px;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.input__custom-duplicate--base {
  color: #7C8894;
}

.input__custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 72px;
  width: 100%;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: 1px solid transparent;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.input__custom.__error {
  border: 1px solid #FF3333;
}

.input__custom.__error ~ .input__error {
  position: absolute;
  right: 0;
  bottom: -8px;
  -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
  color: #FF3333;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #FF3333;
}

.input__custom.__focus {
  border-color: #E0EBFF;
  background-color: #FFFFFF;
}

.input__custom-wrapper {
  position: relative;
}

.label__custom {
  top: 28px;
  left: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  /* 100% */
  color: #7C8894;
  position: absolute;
}

.label__custom.__active {
  top: 16px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 100% */
}

.textarea__custom-wrapper {
  width: 100%;
  position: relative;
}

.textarea__custom-wrapper textarea {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  width: 100%;
  padding: 36px 16px 16px 16px;
  border-radius: 8px;
  background: #F5F9FC;
  border-width: 1px;
  border-color: transparent;
  resize: none;
  min-height: 96px;
}

.textarea__custom-wrapper textarea:focus {
  outline: none;
  border-color: #E0EBFF;
}

.textarea__custom-label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 16px;
  left: 16px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #7C8894;
}

.textarea__custom-label.__active {
  font-size: 12px;
}

.select__custom-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 24px;
}

.select__custom-input {
  position: relative;
  width: 100%;
}

.select__custom-input--hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.select__custom-input--wrapper {
  cursor: pointer;
  padding: 16px;
  background: #F5F9FC;
  height: 72px;
  border-radius: 8px;
}

.select__custom-input--wrapper:hover .select__custom-date--text {
  color: #425161;
}

.select__custom-input--wrapper:hover svg path {
  stroke: #425161;
}

.select__custom-input--view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.select__custom-input.__active .select__custom-list--wrapper {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  visibility: visible;
  opacity: 1;
}

.select__custom-input.__active .select__custom-list--wrapper .select__custom-list {
  max-height: 235px;
  min-height: 115px;
}

.select__custom-input.__focus .select__custom-date--text {
  top: 16px;
  font-size: 12px;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.select__custom-input.__focus .select__custom-input--view {
  margin-top: 8px;
}

.select__custom-date--text {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  font-size: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  font-weight: 400;
  color: #7C8894;
  line-height: 1;
}

.select__custom-date.__select {
  font-size: 12px;
}

.select__custom-list {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-right: 8px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.select__custom-list::-webkit-scrollbar {
  width: 4px;
}

.select__custom-list::-webkit-scrollbar-thumb {
  background: #425161;
  border-radius: 2px;
}

.select__custom-list--wrapper {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  height: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 4px;
  background: #FFFFFF;
}

.select__custom-arrow--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  background: transparent;
}

.select__custom-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #7C8894;
  padding: 12px 10px;
  cursor: pointer;
}

.select__custom-item:hover {
  background: #F5F9FC;
  color: #425161;
}

.select__custom-item.__default {
  background: #E0EBFF;
  color: #25313D;
}

.select__custom-item.__select {
  background: #E0EBFF;
  color: #25313D;
}

.select__custom-item:not(:last-child) {
  border-bottom: 1px solid #F5F9FC;
}

.button__custom {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 28px 24px;
  border-radius: 8px;
  outline: none;
  line-height: 1;
}

.button__custom.primary-custom {
  color: #FFFFFF;
  border: none;
  background: #6091F1;
}

.button__custom.primary-custom:disabled {
  opacity: 0.4;
}

.button__custom.primary-custom:hover {
  background: #1D57CC;
}

.button__custom.secondary-custom {
  background-color: #E0EBFF;
  color: #1D57CC;
  border: 2px solid #E0EBFF;
}

.button__custom.secondary-custom:hover {
  border: 2px solid #1D57CC;
  background-color: #E0EBFF;
}

.button__custom.secondary-custom:disabled {
  opacity: 0.4;
}

.button__map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 264px;
  background: #6091F1;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  font-family: Golos;
  gap: 8px;
  border: 0;
}

.button__map--mw {
  max-width: 100%;
  width: 100%;
}

.order__line + .bonus__wrapper {
  margin-top: 48px;
}

.bonus__wrapper {
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 48px;
}

.bonus__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  border-radius: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.bonus__btn.__active {
  background: #425161;
  color: #FFFFFF;
}

.bonus__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.bonus__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #7C8894;
}

.title-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.title-info__arrow-btn {
  display: none;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.title-info__arrow-btn svg {
  width: 19px;
  height: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.title-b h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.title-b__txt {
  margin-bottom: 48px;
}

.title-b__txt-24 {
  margin-bottom: 24px;
}

.title-m h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #425161;
}

.title-m__txt {
  margin-bottom: 24px;
}

.title-s h5,
.title-s div {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: #425161;
}

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

.infotext-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.infotext-description__list {
  gap: 0;
  margin-bottom: 16px;
}

.infotext-description__m16 {
  margin-bottom: 16px;
}

.info-text p,
.info-text li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #425161;
}

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

.sidebar-items__mw {
  max-width: 296px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sidebar-items__list-item {
  position: relative;
}

.sidebar-items__list-item a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  padding: 16px;
  display: block;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.sidebar-items__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  display: none;
}

.sidebar-items__list-item:hover::before {
  display: block;
  background-color: #F5F9FC;
}

.sidebar-items__list-item:hover a {
  color: #25313D;
}

.sidebar-items__list-item.active-item-list a {
  color: #1D57CC;
}

.sidebar-items__list-item.active-item-list::before {
  display: block;
  background-color: #6091F1;
}

.sidebar-info {
  z-index: 10;
}

.sidebar-info__title {
  display: none;
}

.sidebar-info.active-mobile-sidebar {
  display: block;
}

.sidebar-info .pa-user-data {
  display: none;
}

.accordion-item {
  border: 2px solid transparent;
}

.accordion-item__prev-descr {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  border-radius: 8px;
  width: 100%;
}

.accordion-item__prev-descr:hover {
  background-color: #F5F9FC;
}

.accordion-item__prev-descr svg {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.accordion-item__prev-descr.active-accordion-item svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-item__txt {
  text-align: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: #7C8894;
}

.accordion-item__accordion-content {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.accordion-item__accordion-content .infotext-description {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.accordion-item__content-inner {
  padding: 16px;
}

.accordion-item__accordion-btn {
  border: none;
  background-color: #E0EBFF;
  margin: 0;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #1D57CC;
}

.accordion-item.active-accordion-wrapper {
  border-color: #F5F9FC;
  border-radius: 8px;
}

.card-contact {
  padding: 24px;
  background-color: #F5F9FC;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.card-contact__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.card-contact__card-title svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 25px;
  max-height: 25px;
}

.card-contact__mess-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-contact__card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #76808C;
}

.card-contact__card-row a {
  color: #1D57CC;
}

.sidebar-brand {
  padding: 24px;
  background-color: #F5F9FC;
}

.sidebar-brand__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.sidebar-brand__prev-logo {
  height: 192px;
  background-color: #FFFFFF;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar-brand__prev-logo img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 50px;
  width: 100%;
}

.sidebar-brand .sidebar-brand__btn {
  height: 72px;
  width: 100%;
}

.sidebar-brand__description h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: #7C8894;
  margin-bottom: 16px;
}

.sidebar-brand__list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.sidebar-brand__list-items a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
}

.sidebar-brand__mw {
  max-width: 344px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.video-frame {
  height: 347px;
}

.video-frame__iframe {
  width: 100%;
  height: 100%;
}

.video-frame__m {
  margin: 24px 0;
}

.pa-user-data div {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #C7D0D9;
  margin-bottom: 4px;
}

.pa-user-data span {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #C7D0D9;
}

.pa-user-data__m48 {
  margin-bottom: 48px;
}

.pa-card-prod__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.pa-card-prod__image-prod {
  width: 136px;
  height: 136px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pa-card-prod__image-prod img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.pa-card-prod__description-prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 16px;
}

.pa-card-prod__data-prod {
  max-width: 268px;
}

.pa-card-prod__data-prod h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #25313D;
  margin-bottom: 16px;
}

.pa-card-prod__prod-info {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.pa-card-prod__prod-info span {
  color: #25313D;
  margin-left: 8px;
}

.pa-card-prod__sum-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
  gap: 16px;
}

.pa-card-prod__quantity-prod span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #25313D;
}

.pa-card-prod__sum-prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.pa-card-prod__sum-prod span:nth-child(1) {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
  color: #7C8894;
  text-align: right;
}

.pa-card-prod__sum-prod span:nth-child(2) {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #25313D;
}

/**
 * Swiper 8.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2022
 */

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

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

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

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

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

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

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

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

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

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

/* Auto Height */

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

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

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

/* 3D Effects */

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

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

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

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

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

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

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

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

/* CSS Mode */

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

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

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

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

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

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

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

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

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

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

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

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

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

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

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

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

/* a11y */

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

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

.header {
  position: relative;
  /* Стили для бургера меню*/
  /*  /Стили для бургера меню*/
}

.header__top {
  height: 48px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.header__sity-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 4px;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.header__sity-link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #F5F9FC;
}

.header__sity-icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__sity-name {
  color: #425161;
}

.header__sity-modal {
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  width: 268px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  z-index: 2510;
}

.header__sity-modal-wrap {
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  width: 268px;
  padding: 24px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  z-index: 2510;
}

.header__sity-modal-wrap::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 16px;
  border: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

.header__sity-modal-wrapper {
  width: 100%;
  position: relative;
  padding: 24px;
}

.header__sity-modal-wrapper::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 16px;
  border: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

.header__modal-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.header__modal-btns {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__btn-yes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 16px;
  background: #E0EBFF;
  border-radius: 8px;
  border: 1px solid #E0EBFF;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__btn-yes:hover {
  background: #FFFFFF;
  border: 1px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__btn-not {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #6091F1;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #FFFFFF;
}

.header__btn-not:hover {
  border: 1px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.header__choose-sity {
  display: block;
  position: relative;
  margin-top: 16px;
}

.header__select-sity {
  width: 100%;
  height: 72px;
  padding: 34px 48px 18px 16px;
  background: #F5F9FC;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  cursor: pointer;
}

.header__option-ul {
  height: 0;
  opacity: 0;
  border: 1px solid #F5F9FC;
  margin-top: 4px;
  max-height: 296px;
  overflow-y: auto;
  scrollbar-width: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.header__option-ul-active {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.header__option-ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F9FC;
}

.header__option-ul::-webkit-scrollbar-thumb {
  background-color: #7C8894;
  border-radius: 2px;
  height: 20px;
}

.header__option-sity {
  padding: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__option-sity:not(:first-child) {
  border-top: 1px solid #F5F9FC;
}

.header__option-sity:hover {
  background: #F5F9FC;
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__select-arrow {
  position: absolute;
  top: 28px;
  right: 16px;
}

.header__select-label {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #7C8894;
}

.header__sity-link:hover .header__sity-name {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #25313D;
}

.header__sity-link:hover .header__sity-icon > svg > circle {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  fill: #7C8894;
}

.header__sity-link:hover .header__sity-icon > svg > path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  stroke: #7C8894;
}

.header__modal-submit-wrap {
  margin-top: 16px;
}

.header__modal-submit-block-wrap {
  position: relative;
  width: 100%;
  height: 48px;
  margin-top: 24px;
}

.header__modal-submit-input_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.header__modal-submit-input_wrap .sey-container {
  position: absolute;
  width: 100%;
  background: #fff;
  padding: 8px;
  border-radius: 8px;
}

.header__modal-submit-input_wrap .sey-item {
  cursor: pointer;
  margin-top: 8px;
}

.header__modal-submit-input_wrap .sey-list {
  padding-left: 0;
  margin: 0;
}

.header__modal-submit-input_wrap .sey-list .sey-hide {
  display: none;
}

.header__modal-submit-input_wrap_error {
  color: red;
  position: absolute;
  top: -20px;
}

.header__modal-submit-input {
  width: 100%;
  height: 100%;
  border: 1px solid #F5F9FC;
  background-color: #F5F9FC;
  padding-left: 16px;
  padding-right: 80px;
  outline: none;
  border-radius: 8px;
}

.header__modal-submit-input:focus {
  background-color: #ffffff;
  border: 1px solid #E0EBFF;
}

.header__modal-submit-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: #6091F1;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__modal-submit-btn:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__sity-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  color: #7C8894;
  padding: 0 4px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__sity-phone:hover {
  color: #425161;
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-link {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0 6px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-link:hover {
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-name {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-phone {
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-link:hover .header__country-name {
  color: #25313D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__country-link:hover .header__country-phone {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__help {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 6px;
  background-color: #FFFFFF;
  border-radius: 8px;
}

.header__help-name {
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.header__help-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__help-svg {
  display: block;
  margin-top: 1px;
}

.header__help:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #F5F9FC;
}

.header__help:hover .header__help-name {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #425161;
}

.header__help:hover .header__help-arrow svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  fill: #7C8894;
}

.header__help-modal {
  position: absolute;
  width: 296px;
  top: 36px;
  left: 0;
  padding: 16px;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  z-index: 10;
  display: none;
}

.header__help-modal::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 16px;
  border: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

.header__help-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 16px;
}

.header__soc-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__soc-img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__soc-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__soc-link:hover .header__soc-name {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__line-mob {
  display: none;
}

.header__heading-mob {
  display: none;
}

.header__line-w100 {
  display: none;
}

.header__mail-mob {
  display: none;
}

.header__phone-mob {
  display: none;
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
}

.header__help-callback {
  border-top: 2px solid #F5F9FC;
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.header__help-callback-link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__help-callback-link:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__help-callback-time {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #7C8894;
}

.header__help-contacts {
  border-top: 2px solid #F5F9FC;
  padding-top: 16px;
}

.header__help-contacts-link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__help-contacts-link:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback {
  display: none;
  position: fixed;
  top: 30%;
  left: 30%;
  width: 616px;
  padding: 48px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  z-index: 12;
}

.header__callback-wrapper {
  position: relative;
}

.header__callback-header {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #425161;
}

.header__callback-close {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-close:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__callback-wrapper-text {
  width: 100%;
  min-height: 196px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__skeleton {
  width: 100%;
  height: 166px;
  margin-top: 48px;
  border-radius: 8px;
  background-color: #F5F9FC;
}

.header__callback-form {
  margin-top: 48px;
}

.header__callback-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #25313D;
}

.header__callback-input-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin: 16px 0;
}

.header__callback-input {
  height: 72px;
  width: 100%;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.header__callback-label {
  position: absolute;
  top: 28px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.header__callback-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.header__callback-input:focus + .header__callback-label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 12px;
  font-size: 12px;
  line-height: 12px;
}

.header__callback-lab {
  top: 12px;
  font-size: 12px;
  line-height: 12px;
}

.header__callback-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  width: 130px;
  height: 72px;
  background: #6091F1;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.header__callback-btn img {
  display: none;
}

.header__callback-btn input {
  display: none;
}

.header__callback-btn:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-btn:disabled {
  background: #6091F1;
  opacity: 0.4;
  cursor: unset;
}

.header__callback-btn:hover:disabled {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.header__callback-label-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #25313D;
}

.header__callback-label-check::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #C7D0D9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-check:not(:disabled):not(:checked) + .header__callback-label-check:hover::before {
  border-color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-check:checked + .header__callback-label-check::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url("/img/icon/check.svg");
  background-size: contain;
}

.header__callback-label-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__callback-label-link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.header__art {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 6px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__art-link {
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__art:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #F5F9FC;
}

.header__art:hover .header__art-link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #425161;
}

.header__line {
  width: 100%;
  height: 2px;
  background-color: #F5F9FC;
}

.header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}

.header__logo {
  width: 244px;
  height: 48px;
}

.header__logo-link {
  width: 100%;
  height: 100%;
}

.header__logo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.header__favorites {
  width: 24px;
  height: 24px;
}

.header__favorites-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.header__favorites-link:hover svg > g > path:last-child {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__favorite-quantity {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #425161;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #ffffff;
  padding-top: 2px;
}

.header__lk {
  width: 24px;
  height: 24px;
}

.header__lk-link {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__lk-link:hover svg > path {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__cart {
  width: 24px;
  height: 24px;
}

.header__cart-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.header__cart-quantity {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #425161;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  color: #ffffff;
  padding-top: 2px;
}

.header__cart-link:hover svg > path {
  fill: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__bottom {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}

.header__menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}

.header__catalog {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background: #6091F1;
  border-radius: 8px 0 0 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.header__catalog:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__catalog-icon {
  width: 16px;
  height: 16px;
  position: relative;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.header__catalog-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.header__catalog-icon span:nth-child(1) {
  top: 2px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.header__catalog-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.header__catalog-icon span:nth-child(3) {
  top: 14px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.header__catalog-icon.open-burger span:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 3px;
  left: 3px;
}

.header__catalog-icon.open-burger span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.header__catalog-icon.open-burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 14px;
  left: 3px;
}

.header__catalog-btn {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}

.header__search-wrapper {
  height: 100%;
  width: 100%;
}

.header__search {
  width: 256px;
  height: 48px;
  border-radius: 0 8px 8px 0;
}

.header__form {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__input {
  height: 100%;
  width: 100%;
  border: 0;
  background-color: #F5F9FC;
  padding-left: 16px;
  padding-right: 48px;
  outline: none;
  border-radius: 0 8px 8px 0;
}

.header__input:focus {
  background-color: #FFFFFF;
  border: 1px solid #e0ebff;
  padding-left: 15px;
}

.header__search-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  border: 0;
  background: unset;
  padding: 0;
  cursor: pointer;
}

.header__search-btn:hover svg circle {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__search-btn:hover svg line {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__search-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.header__action-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__action-link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.header__main-menu {
  height: 0;
  opacity: 0;
  position: fixed;
  top: -1000px;
  right: 0;
  width: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 0px 0px 20px 20px;
  overflow-y: auto;
  z-index: 12;
}

.header__main-menu-open {
  height: 73%;
  opacity: 1;
}

.header__main-menu-wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
}

.header__menu-main {
  position: relative;
}

.header__menu-section {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.header__name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.header__section-icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__section-name {
  width: 274px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 12px;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.header__section-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__section-arrow {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__section-name:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #F5F9FC;
}

.header__section-name:hover .header__section-heading {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__section-name:hover .header__section-arrow path {
  stroke: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__item-active {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #F5F9FC;
}

.header__item-active .header__section-heading {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__item-active .header__section-arrow path {
  stroke: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__section-name:hover .header__section-icon path:not(:first-child) {
  fill: #1D57CC;
  stroke: #1D57CC;
}

.header__section-name:hover .header__section-icon path {
  stroke: #1D57CC;
}

.header__section-name:hover .header__section-icon rect {
  stroke: #1D57CC;
}

.header__section-name:hover .header__section-icon line {
  stroke: #1D57CC;
}

.header__menu-second {
  display: none;
  position: absolute;
  top: 0;
  left: 286px;
  background-color: #FFFFFF;
}

.header__menu-subsection {
  z-index: 1;
}

.header__menu-subsection-link {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 12px;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__menu-subsection-link:hover {
  background: #F5F9FC;
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__top-mmenu {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 2px;
  cursor: pointer;
}

.header__top-point {
  width: 6px;
  height: 6px;
}

.header__top-point svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__menu-back {
  display: none;
}

.header__link-all {
  display: none;
}

.modal__overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #25313D;
  opacity: 0.2;
  z-index: 2500;
}

.header_order {
  margin-top: 48px;
}

.header-server-not-available .header__top {
  height: auto;
  padding-top: 24px;
}

.header-server-not-available .header__logo-link {
  display: block;
}

.banner {
  margin-top: 24px;
}

.banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.banner__left {
  position: relative;
  width: 856px;
  height: 432px;
}

.banner__main {
  width: 100% !important;
  height: 100%;
}

.banner__link {
  display: block;
  width: 100%;
  height: 100%;
}

.banner__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}

.banner__nav-left {
  position: absolute;
  top: 44%;
  left: 16px;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 1;
}

.banner__nav-left:hover {
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.banner__nav-left:hover .banner__nav-img path {
  stroke: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.banner__nav-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.banner__nav-right {
  position: absolute;
  top: 44%;
  right: 16px;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 1;
}

.banner__nav-right:hover {
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.banner__nav-right:hover .banner__nav-img path {
  stroke: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.banner__pagination {
  position: absolute;
  bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  z-index: 1;
}

.banner__pag-item {
  width: 9px;
  height: 6px;
  background: #25313D;
  opacity: 0.2;
  border-radius: 4px;
  cursor: pointer;
}

.banner__pag-active {
  width: 32px;
  background: #425161;
  opacity: 0.8;
}

.banner__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 432px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.banner__right-item {
  display: block;
  width: 100%;
  height: calc((100% - 24px) / 2);
  border-radius: 20px;
}

.banner__small {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}

.swiper-pagination-bullet {
  width: 9px;
  height: 6px;
  background: #25313D;
  opacity: 0.2;
  border-radius: 4px;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  width: 32px;
  background: #425161;
  opacity: 0.8;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 16px;
  left: 0;
  width: 100%;
}

.chain {
  margin-top: 24px;
}

.chain__wrapper {
  width: 100%;
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  position: relative;
}

.chain__item-header {
  min-height: 120px;
  border-right: 2px solid #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chain__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 292px;
  min-height: 120px;
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}

.chain__item_border {
  border-right: 2px solid #F5F9FC;
}

.chain__item_right {
  border-radius: 0 20px 20px 0;
}

.chain__header {
  padding: 16px 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #425161;
}

.chain__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 42px;
}

.chain__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.chain__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__item svg path {
  fill: #C7D0D9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__item:hover {
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__item:hover .chain__text {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__item:hover svg path {
  fill: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__popup {
  position: absolute;
  top: 20%;
  right: calc((100% - 616px) / 2);
  max-width: 616px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  z-index: 6;
}

.chain__popup-wrapper {
  padding: 0 24px 24px 24px;
}

.chain__popup-close {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.chain__popup-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__popup-close:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}

.chain__popup-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #425161;
}

.chain__popup-content {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #25313D;
}

.chain__popup-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.chain__popup-link {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits {
  padding-top: 94px;
  padding-bottom: 59px;
}

.hits__p48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.hits__bg {
  background-color: #F5F9FC;
}

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

.hits__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.hits__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hits__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.hits__heading-category {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #25313D;
}

.hits__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.hits__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.hits__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.hits__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__arrow-left:hover .hits__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__arrow-right:hover .hits__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.hits__header-link {
  display: block;
  padding: 16px;
  background: #E0EBFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  border: 1px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__header-link:hover {
  background: #FFFFFF;
  border: 1px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits__box {
  margin-top: 28px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hits1 {
  padding-top: 77px;
  padding-bottom: 56px;
}

.hits1__wrapper {
  overflow: hidden;
}

.hits1__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.hits1__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.hits1__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.hits1__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #E0EBFF;
  border-radius: 24px;
}

.hits1__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.hits1__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.hits1__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__arrow-left:hover .hits1__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__arrow-right:hover .hits1__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.hits1__header-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.hits1__header-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__header-link:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hits1__link-all {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1d57cc;
  background: #e0ebff;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #e0ebff;
}

.hits1__link-all:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #6091f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
}

.hits1__box {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.cat {
  padding-top: 96px;
  padding-bottom: 77px;
}

.cat__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cat__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.cat__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.cat__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.cat__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.cat__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cat__arrow-left:hover .cat__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cat__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cat__arrow-right:hover .cat__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cat__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.cat__box {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cat__item {
  display: block;
  width: 296px;
}

.cat__photo-wrap {
  width: 100%;
  height: 248px;
  border-radius: 20px;
  background-color: #F5F9FC;
}

.cat__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}

.cat__name {
  width: 100%;
  margin-top: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #25313D;
}

.product__item {
  width: 296px;
  border-radius: 8px;
  background: #ffffff;
}

.product__item:hover {
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

.product__photo-wrapper {
  width: 100%;
  position: relative;
}

.product__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 296px;
}

.product__photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px 8px 0 0;
}

.product__stiskers {
  position: absolute;
  top: 11px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  z-index: 5;
}

.product__sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 20px;
  padding: 0 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}

.product__sticker_green {
  background-color: #70B493;
}

.product__sticker_red {
  background-color: #E48899;
}

.product__favorit {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 5;
}

.product__favorit-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__favorit:hover .product__favorit-img > g > path:last-child {
  stroke: #7C8894;
  fill: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__description {
  margin-top: 12px;
  padding: 0 16px 16px;
}

.product__feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.product__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.product__rating-icon {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__feedback-value {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #C7D0D9;
}

.product__comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.product__name {
  height: 48px;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product__props {
  display: none;
}

.product__price {
  height: 48px;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  flex-wrap: wrap;
}

.product__price-wrapper_top {
  display: none;
}

.product__price-main {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #25313D;
}

.product__price-old {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #7C8894;
}

.product__cart-btn {
  width: 92px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6091F1;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__cart-btn:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__cart-img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.product__quantity-plus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__quantity-num {
  width: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #25313D;
}

.product__quantity-plus:disabled {
  cursor: unset;
}

.product__quantity-plus:disabled .product__quantity-img g path {
  stroke: #C7D0D9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__quantity-minus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__quantity-img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.product__quantity-minus:hover,
.product__quantity-plus:hover {
  background-color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product__none {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #7C8894;
}

.right-block__cards_list .product__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  position: relative;
}

.right-block__cards_list .product__item:not(:last-child) {
  border-bottom: 2px solid #F5F9FC;
}

.right-block__cards_list .product__item-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.right-block__cards_list .product__photo-wrapper {
  width: 136px;
  position: unset;
}

.right-block__cards_list .product__photo {
  height: 136px;
}

.right-block__cards_list .product__favorit {
  top: 58%;
  right: 116px;
}

.right-block__cards_list .product__description {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
  padding: 0 0 0 24px;
}

.right-block__cards_list .product__rating .product__rating-icon path {
  fill: #425161;
}

.right-block__cards_list .product__rating .product__feedback-value {
  color: #425161;
}

.right-block__cards_list .product__price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  margin-top: 0;
}

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

.right-block__cards_list .product__props {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.right-block__cards_list .product__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}

.right-block__cards_list .product__prop-name {
  color: #7C8894;
}

.right-block__cards_list .product__prop-value {
  color: #425161;
}

.right-block__cards_list .product__stiskers {
  top: 32px;
}

.info__top {
  padding-top: 48px;
}

.info__top24 {
  margin-top: 24px;
}

.info__m {
  margin-top: 96px;
  margin-bottom: 48px;
}

.info__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.info__box {
  display: block;
  position: relative;
  width: 87%;
  padding: 32px 380px 32px 80px;
  background: linear-gradient(92.48deg, #dce8ff -2.1%, #fcf5f0 99.04%);
  border-radius: 20px;
}

.info__m .info__box {
  padding: 42px 461px 42px 80px;
}

.info__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #25313D;
}

.info__ul {
  margin-top: 28px;
}

.info__m .info__ul {
  margin-top: 24px;
}

.info__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.info__arrow {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.info__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.info__link {
  margin-top: 28px;
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.info__m .info__link {
  margin-top: 24px;
}

.info__icon-wrapper {
  position: absolute;
  top: -44px;
  right: 80px;
  width: 300px;
  height: 300px;
}

.info__icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.actions {
  padding-top: 8px;
  padding-bottom: 48px;
}

.actions__wrapper {
  overflow: hidden;
}

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

.actions__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.actions__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.actions__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.actions__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.actions__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.actions__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__arrow-left:hover .actions__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__arrow-right:hover .actions__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.actions__link-all {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

.actions__link-all:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #6091F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
}

.actions__link-all span {
  margin-left: 8px;
}

.actions__box {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.actions__item {
  display: block;
}

.actions__photo-wrap {
  width: 100%;
  max-width: 296px;
  height: 100%;
  border-radius: 20px;
}

.actions__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}

.actions__item:hover .actions__photo-wrap {
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__date {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.actions__item:hover .actions__date {
  color: #25313D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rew {
  padding-top: 48px;
}

.rew__wrapper {
  overflow: hidden;
  padding-bottom: 42px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
}

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

.rew__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.rew__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.rew__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.rew__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.rew__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.rew__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rew__arrow-left:hover .rew__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rew__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rew__arrow-right:hover .rew__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rew__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.rew__link-all {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

.rew__link-all span {
  margin-left: 8px;
}

.rew__link-all:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #6091F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
}

.rew__box {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
}

.rew__item {
  height: 209px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
  border-radius: 8px;
  padding: 16px 16px 19px 16px;
}

.rew__name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.rew__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.rew__star {
  width: 16px;
  height: 16px;
}

.rew__star-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.rew__num {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.rew__text {
  height: 110px;
  overflow: hidden;
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #7C8894;
}

.rew__link {
  display: block;
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #6091F1;
}

.rew__link:hover {
  color: #1D57CC;
}

.brend {
  margin-top: 96px;
}

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

.brend__header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.brend__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.brend__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.brend__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.brend__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.brend__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__arrow-left:hover .brend__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__arrow-right:hover .brend__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.brend__link-all {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

.brend__link-all:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #6091F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
}

.brend__link-all span {
  margin-left: 8px;
}

.brend__box {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.brend__item {
  height: 140px;
}

.brend__photo-wrap {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 2px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__photo-wrap:hover {
  border: 2px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.brend__photo {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.callback {
  margin-top: 96px;
}

.callback__wrapper {
  position: relative;
  width: 100%;
}

.callback__left {
  margin-left: 80px;
  background: #f5f9fc;
  border-radius: 20px;
  width: 62%;
  padding: 101px 200px 101px 48px;
}

.callback__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
  margin-bottom: 8px;
}

.callback__description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.callback__phone {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.callback__link {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  color: #1D57CC;
}

.callback__phone-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.callback__form {
  position: absolute;
  top: 24px;
  right: 80px;
  width: 474px;
  margin-top: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  padding: 48px;
}

.callback__form-wrapper {
  position: relative;
}

.callback__input {
  height: 72px;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  padding-left: 16px;
  padding-right: 176px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.callback__label {
  position: absolute;
  top: 69px;
  left: 17px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.callback__input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.callback__input:focus + .callback__label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 53px;
  font-size: 12px;
  line-height: 12px;
}

.callback__lab {
  top: 53px;
  font-size: 12px;
  line-height: 12px;
}

.callback__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  position: absolute;
  width: 141px;
  height: 48px;
  top: 52px;
  right: 12px;
  background: #6091F1;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.callback__btn:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.callback__btn:disabled {
  background: #6091F1;
  opacity: 0.4;
  cursor: unset;
}

.callback__btn:disabled:hover {
  background: #6091F1;
  opacity: 0.4;
}

.callback__img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.callback__check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.callback__label-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #25313D;
}

.callback__label-check::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #C7D0D9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.callback__check:not(:disabled):not(:checked) + .callback__label-check:hover::before {
  border-color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.callback__check:checked + .callback__label-check::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url("/img/icon/check.svg");
  background-size: contain;
}

.callback__label-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.callback__label-link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.news {
  margin-top: 96px;
}

.news__articles {
  margin-top: unset;
  padding-top: 20px;
  padding-bottom: 48px;
}

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

.news__header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.news__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #25313D;
}

.news__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.news__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.news__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.news__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__arrow-left:hover .news__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__arrow-right:hover .news__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.news__link-all {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

.news__link-all:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #6091F1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #FFFFFF;
}

.news__box {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news__item {
  display: block;
}

.news__photo-wrap {
  width: 100%;
  height: 296px;
  overflow: hidden;
  border-radius: 20px;
}

.news__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__descr {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.news__item-heading {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__item:hover .news__item-heading {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__item:hover .news__photo {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.vk {
  margin-top: 96px;
  margin-bottom: 96px;
}

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

.vk__header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.vk__icon-wrap {
  width: 64px;
  height: 64px;
}

.vk__icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.vk__heading-h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #6091F1;
}

.vk__heading-descr {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.vk__heading-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__heading-link:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__nav {
  height: 48px;
  width: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid #F5F9FC;
  border-radius: 24px;
}

.vk__arrow-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.vk__arrow-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.vk__arrow-left:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__arrow-left:hover .vk__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__arrow-right:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__arrow-right:hover .vk__arrow-img path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__arrow-img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.vk__box {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vk__item {
  display: block;
  height: 296px;
}

.vk__photo-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vk__photo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vk__item:hover .vk__photo {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer {
  margin-top: 48px;
}

.footer__line {
  width: 100%;
  height: 2px;
  background: #F5F9FC;
}

.footer__line-mob {
  display: none;
  height: 2px;
  width: 100%;
  background: #F5F9FC;
}

.footer__top {
  margin-top: 48px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__subscr {
  width: 376px;
}

.footer__subscr-head {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.footer__form {
  margin-top: 24px;
  position: relative;
  width: 100%;
}

.footer__input {
  height: 72px;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  padding-left: 16px;
  padding-right: 176px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.footer__label {
  position: absolute;
  top: 28px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.footer__input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.footer__input:focus + .footer__label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.footer__lab {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  position: absolute;
  width: 158px;
  height: 48px;
  top: 12px;
  right: 12px;
  background: #6091F1;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__btn:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__btn:disabled {
  background: #6091F1;
  opacity: 0.4;
  cursor: unset;
}

.footer__btn:disabled:hover {
  background: #6091F1;
  opacity: 0.4;
}

.footer__img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.footer__label-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #25313D;
}

.footer__label-check::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #C7D0D9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__check:not(:disabled):not(:checked) + .footer__label-check:hover::before {
  border-color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__check:checked + .footer__label-check::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url("/img/icon/check.svg");
  background-size: contain;
}

.footer__label-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__label-link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__callback:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.footer__phone:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__mail:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.footer__soc-link {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__soc-link svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__soc-link:hover svg path {
  fill: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__midle {
  margin-top: 48px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.footer__nav-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 96px;
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.footer__menu-mob {
  display: none;
}

.footer__menu_right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.footer__menu-link:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__bottom {
  background-color: #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.footer__background {
  background-color: #F5F9FC;
}

.footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #425161;
}

.footer__fred {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.footer__fred-link {
  display: block;
  height: 14px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.footer__fred-link svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

.footer__image-mir {
  width: 49px;
  height: 14px;
}

.footer__image-visa {
  width: 43px;
  height: 14px;
}

.footer__image-master {
  width: 80px;
  height: 14px;
}

.footer__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__pay-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.footer_order {
  background-color: unset;
}

.footer_order .footer__image-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mess {
  position: fixed;
  opacity: 1;
  visibility: visible;
  bottom: 24px;
  right: 24px;
  width: 320px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 16px;
  border-radius: 8px;
  /* $gray32 */
  background: #425161;
  z-index: 100;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mess__close {
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mess__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.mess__description {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  /* $gray85 */
  color: #C7D0D9;
}

.mess__description p {
  margin: 0;
}

.mess__description a {
  font-weight: 600;
  color: #FFFFFF;
}

.mess__description a:hover {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mess__btn {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* $gray15 */
  background: #25313D;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mess__btn span {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.mess__btn:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 12px 0 #7C8894;
          box-shadow: 0 0 12px 0 #7C8894;
}

.catalog__section {
  margin-top: 68px;
}

.catalog__heading {
  margin-top: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.catalog__box {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog__item {
  display: block;
  width: 296px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 24px;
}

.catalog__photo {
  width: 100%;
  height: 248px;
  background: #f5f9fc;
  border-radius: 20px;
  margin-bottom: 8px;
  overflow: hidden;
}

.catalog__photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog__item:hover .catalog__photo-img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog__name {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #25313D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.catalog__item:hover .catalog__name {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter {
  width: 296px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.filter__wrapper .right-block__tags {
  display: none;
}

.filter__button {
  display: none;
}

.filter__button-wrapper {
  display: none;
}

.filter__category {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.filter__category-heading {
  margin-top: 16px;
  color: #425161;
  margin-bottom: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__category-items {
  color: #7C8894;
}

.filter__category-item {
  padding-right: 8px;
}

.filter__category-name {
  height: 48px;
  padding: 8px 8px 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}

.filter__category-name:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__category-name-active {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__category-name-active > .filter__category-arrow > .filter__category-img path {
  stroke: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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

.filter__category-arrow {
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__category-arrow:hover .filter__category-img path {
  stroke: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__category-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.filter__arrow-rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__subcategory-items {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.filter__subcategory-items-active {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  visibility: visible;
}

.filter__subcategory-item {
  width: 100%;
  height: 48px;
  padding: 8px 0 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.filter__subcategory-link:hover {
  color: #1D57CC;
}

.filter__price {
  padding: 24px;
  border: 2px solid #F5F9FC;
  border-radius: 20px;
  margin-top: 16px;
}

.filter__price-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #425161;
}

.filter__slider {
  margin-top: 24px;
  height: 4px;
  width: 100%;
  background-color: #F5F9FC;
  border-radius: 4px;
  position: relative;
}

.filter__progress {
  height: 4px;
  border-radius: 4px;
  background-color: #C7D0D9;
  position: absolute;
  left: 50%;
  right: 50%;
}

.filter__range {
  position: relative;
}

.filter__range-inp {
  position: absolute;
  height: 4px;
  width: 100%;
  top: -4px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  background: none;
}

.filter__price-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}

.filter__btn-min-wrap {
  position: relative;
}

.filter__btn-max-wrap {
  position: relative;
}

.filter__btn {
  width: 116px;
  height: 48px;
  background: #F5F9FC;
  border-radius: 8px;
  border: 0;
  outline: none;
  padding: 16px 16px 16px 40px;
  position: relative;
  -moz-appearance: textfield;
  border: 2px solid #F5F9FC;
}

.filter__btn:focus {
  background: #ffffff;
  border: 2px solid #F5F9FC;
}

.filter__btn-lab {
  position: absolute;
  top: 16px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.filter__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.filter__option-item {
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #F5F9FC;
  border-radius: 8px;
}

.filter__option-name {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.filter__option-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.filter__option-input + label {
  position: relative;
  cursor: pointer;
}

.filter__option-input + label:before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  width: 32px;
  height: 20px;
  border-radius: 20px;
  background: #7C8894;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.filter__option-input + label:after {
  content: "";
  position: absolute;
  top: 0;
  right: 14px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.filter__option-input:checked + label:before {
  background: #1D57CC;
}

.filter__option-input:checked + label:after {
  right: 2px;
}

.filter__option-input:disabled + label:before {
  background: #C7D0D9;
}

.filter__option-input:disabled + label {
  cursor: unset;
}

.filter__line {
  width: 100%;
  height: 2px;
  background: #F5F9FC;
}

.filter__line_tags {
  display: none;
}

.filter__type {
  margin: 16px 0;
}

.filter__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.filter__box {
  margin-top: 8px;
  max-height: 482px;
  overflow-y: auto;
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #7C8894 #F5F9FC;
  /* плашка скролла и дорожка */
}

.filter__box::-webkit-scrollbar {
  width: 4px;
}

.filter__box::-webkit-scrollbar-track {
  background-color: #F5F9FC;
  border-radius: 100px;
}

.filter__box::-webkit-scrollbar-thumb {
  height: 34px;
  background-color: #7C8894;
  border-radius: 100px;
}

.filter__item {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}

.filter__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.filter__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.filter__label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #C7D0D9;
  border-radius: 0.25em;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__input:not(:disabled):not(:checked) + .filter__label:hover::before {
  border-color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__input:checked + .filter__label::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url("/img/icon/check.svg");
  background-size: contain;
}

.filter__size {
  margin: 16px 0;
}

.filter__btn-all {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__btn-all:hover {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__disable {
  display: none;
}

.filter__search {
  margin-top: 24px;
}

.filter__search-wrapper {
  position: relative;
  width: 100%;
}

.filter__search-input {
  height: 72px;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  padding-left: 16px;
  padding-right: 176px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.filter__search-wrapper:hover .filter__search-btn .filter__search-icon circle {
  stroke: #7C8894;
}

.filter__search-wrapper:hover .filter__search-btn .filter__search-icon line {
  stroke: #7C8894;
}

.filter__search-label {
  position: absolute;
  top: 28px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.filter__search-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.filter__search-input:focus + .filter__search-label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.filter__search-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  height: 24px;
  width: 24px;
}

.filter__search-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.filter__lab {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.filter__self-item {
  margin: 24px 0;
}

.filter__color {
  margin: 16px 0;
}

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

.filter__label-color {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.filter__label-text {
  margin-left: 4px;
}

.filter__color-black {
  background-color: #25313D;
}

.filter__color-white {
  background: #ffffff;
  border: 2px solid #C7D0D9;
}

.filter__color-gray {
  background: #d5d5d5;
}

.filter__color-red {
  background: #e83323;
}

.filter__color-orange {
  background: #f1a83c;
}

.filter__color-beige {
  background: #e9e2bf;
}

.filter__color-yellow {
  background: #fffe55;
}

.filter__color-green {
  background: #397e22;
}

.filter__color-blue {
  background: #61a9f8;
}

.filter__color-darkblue {
  background: #0017f5;
}

.filter__color-violet {
  background: #7323f5;
}

.filter__color-pink {
  background: #fd65a5;
}

.filter__brend {
  margin: 16px 0;
}

.filter__gender {
  margin: 16px 0;
}

.filter__season {
  margin: 16px 0;
}

.filter__result {
  position: absolute;
  top: 332px;
  right: -198px;
  z-index: 11;
}

.filter__result-tab {
  display: none;
}

.filter__result-wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  background: #6091F1;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.filter__result-wrapper::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  position: absolute;
  top: 15px;
  left: -20px;
  border: 10px solid transparent;
  border-right: 10px solid #6091F1;
}

.filter__result-wrapper:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #1D57CC;
}

.filter__result-wrapper:hover::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-right: 10px solid #1D57CC;
}

.filter__button-reset input {
  border: 0;
  background-color: white;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

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

input[type=range]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-appearance: none;
  background: #C7D0D9;
  pointer-events: auto;
}

input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  -moz-appearance: none;
  background: #C7D0D9;
  pointer-events: auto;
}

.right-block {
  width: 100%;
}

.right-block__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}

.right-block__tag {
  padding: 8px 16px;
  background: #F5F9FC;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__tag:hover {
  color: #425161;
  background: #C7D0D9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__tag-active {
  color: #ffffff;
  background: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__line {
  width: 100%;
  height: 2px;
  background-color: #F5F9FC;
}

.right-block__line24 {
  display: none;
  width: 100%;
  height: 2px;
  margin-top: 24px;
  background-color: #F5F9FC;
}

.right-block__view {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.right-block__view-sort {
  position: relative;
}

.right-block__view-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  cursor: pointer;
}

.right-block__view-name:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-name:hover .right-block__view-arrow svg path {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-arrow {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-arrow svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-active {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-items {
  position: absolute;
  top: 24px;
  left: 0;
  min-width: 296px;
  max-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #F5F9FC;
  background-color: #ffffff;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #7C8894 #F5F9FC;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-show {
  max-height: 258px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 6;
}

.right-block__view-items::-webkit-scrollbar {
  width: 4px;
}

.right-block__view-items::-webkit-scrollbar-track {
  background-color: #F5F9FC;
  border-radius: 100px;
}

.right-block__view-items::-webkit-scrollbar-thumb {
  height: 34px;
  background-color: #7C8894;
  border-radius: 100px;
}

.right-block__view-item {
  height: 40px;
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-item:hover {
  color: #25313D;
  background-color: #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.right-block__view-list {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.right-block__view-cards {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.right-block__view-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-icon:hover rect {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__view-active .right-block__view-icon rect {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-top: 28px;
}

.right-block__cards_list {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  margin-top: 0;
}

.right-block__banner {
  height: 144px;
  width: 100%;
  margin: 24px 0;
  border-radius: 20px;
}

.right-block__banner-link {
  display: block;
  width: 100%;
  height: 100%;
}

.right-block__banner-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.right-block__cards_list + .right-block__banner {
  display: none;
}

.right-block__cards_list .right-block__banner {
  display: none;
}

.right-block__pagination {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.right-block__pagination-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  background: #E0EBFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  border: 1px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.right-block__pagination-btn:hover {
  background: #FFFFFF;
  border: 1px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__pagination-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.right-block__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__num:hover {
  color: #1D57CC;
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__num-active {
  color: #425161;
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
}

.right-block__arrow-end {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.right-block__arrow-end svg {
  width: 16px;
  height: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.right-block__arrow-end:hover svg path {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__pagination-filter {
  position: relative;
}

.right-block__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__arrow-bottom {
  width: 16px;
  height: 16px;
}

.right-block__arrow-bottom svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.right-block__select:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__select:hover svg path {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__select-box {
  position: absolute;
  top: 24px;
  right: 6px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  border: 1px solid #F5F9FC;
  z-index: 20;
}

.right-block__select-box a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
}

.right-block__select-box a:hover {
  color: #425161;
  background: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-block__select-active {
  color: #25313D !important;
  background-color: #E0EBFF;
}

.right-block__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  width: 100%;
}

.right-block__pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.reviews {
  background-color: #F5F9FC;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
}

.reviews__m {
  margin-top: 48px;
}

.reviews__wrapper {
  margin: 0 auto;
  max-width: 616px;
}

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

.reviews__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.reviews__add-rew {
  width: 212px;
  height: 72px;
}

.reviews__btn {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #6091F1;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__btn:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #7C8894 #F5F9FC;
  /* плашка скролла и дорожка */
}

.reviews__box::-webkit-scrollbar {
  width: 4px;
}

.reviews__box::-webkit-scrollbar-track {
  background: #F5F9FC;
  /* цвет дорожки */
}

.reviews__box::-webkit-scrollbar-thumb {
  background-color: #7C8894;
  /* цвет плашки */
  border-radius: 2px;
  /* закругления плашки */
}

.reviews__item {
  padding: 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

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

.reviews__item-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.reviews__item-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.reviews__item-num {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.reviews__item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #7C8894;
}

.reviews__item-date {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #C7D0D9;
}

.reviews__popup {
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 616px;
  top: 5%;
  left: calc(50% - 316px);
  padding: 48px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  z-index: 10;
}

.reviews__popup-active {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__popup-wrapper {
  width: 100%;
  height: 100%;
  max-height: 73vh;
  position: relative;
  overflow: auto;
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #7C8894 #F5F9FC;
  /* плашка скролла и дорожка */
}

.reviews__popup-wrapper::-webkit-scrollbar {
  width: 0;
}

.reviews__popup-close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 24px;
  right: 24px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__popup-close svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews__popup-close:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__popup-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.reviews__popup-from {
  margin-top: 48px;
}

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

.reviews__popup-star {
  width: 50px;
  height: 48px;
  cursor: pointer;
}

.reviews__popup-star svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews__star-hover svg {
  fill: #C7D0D9;
}

.reviews__star-active svg {
  fill: #f4bb66;
}

.reviews__star-active svg path {
  stroke: #f4bb66;
}

.reviews__popup-ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

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

.reviews__rating-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.reviews__rating-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.reviews__rating-star {
  width: 32px;
  height: 32px;
}

.reviews__rating-star svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews__rating-total {
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.reviews__popup-error {
  color: #FF3333;
}

.reviews__total-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.reviews__total-value {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #4ea94c;
}

.reviews__popup-name {
  margin-top: 16px;
  position: relative;
}

.reviews__popup-input {
  height: 72px;
  width: 100%;
  border-radius: 8px;
  background-color: #F5F9FC;
  border: 1px solid #F5F9FC;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.reviews__popup-label {
  position: absolute;
  top: 28px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.reviews__popup-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.reviews__popup-input:focus + .reviews__popup-label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.reviews__lab {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.reviews__popup-text {
  margin-top: 16px;
  position: relative;
}

.reviews__textarea-heading {
  width: 100%;
  position: absolute;
  top: 0;
  border-radius: 8px 8px 0 0;
  background-color: #F5F9FC;
  padding: 16px 16px 6px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.reviews__popup-text textarea {
  width: 100%;
  height: 120px;
  padding: 36px 16px 16px 16px;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  resize: none;
}

.reviews__popup-text_h96 textarea {
  height: 96px;
}

.reviews__popup-text textarea:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.reviews__popup-text textarea:focus + div {
  font-size: 12px;
  line-height: 12px;
  background-color: #FFFFFF;
  border-top: 1px solid #E0EBFF;
  border-left: 1px solid #E0EBFF;
  border-right: 1px solid #E0EBFF;
}

.reviews__popup-submit {
  margin-top: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.reviews__popup-submit button {
  padding: 28px 24px;
  background: #6091F1;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 0;
}

.reviews__popup-submit:hover button {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.reviews__popup-return {
  width: 100%;
  height: 364px;
  padding-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reviews__popup-img {
  width: 192px;
  height: 192px;
  margin-bottom: 16px;
}

.reviews__popup-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews__return-text {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.reviews__empty {
  color: #7C8894;
  height: 40px;
}

.reviews__go {
  position: fixed;
  bottom: 136px;
  right: 48px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 1;
}

.reviews__go-move {
  position: absolute;
}

.reviews__go-hiding {
  opacity: 0;
}

.reviews__go-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
}

.reviews__go-img {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.reviews__go-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item {
  margin-top: 48px;
  margin-bottom: 96px;
}

.item__photo-block {
  border-bottom: 2px solid #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding-bottom: 48px;
}

.item__photo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  height: 632px;
}

.item__photo-slider {
  height: 100%;
}

.item__slider-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item__swiper {
  width: 100%;
  height: 522px;
}

.item__arrow-top {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__arrow-top svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 4px;
}

.item__arrow-top:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__arrow-top:hover svg path {
  stroke: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__arrow-bottom {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__arrow-bottom svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 4px;
}

.item__arrow-bottom:hover {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__arrow-bottom:hover svg path {
  stroke: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__slider-box {
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.item__slider-photo {
  width: 100%;
  height: 120px;
  cursor: pointer;
}

.item__slider-photo.swiper-slide {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.item__slider-photo.swiper-slide:hover {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__slider-photo.swiper-slide-thumb-active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__slider-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__photo {
  width: 632px;
  height: 632px;
  position: relative;
}

.item__img-box {
  width: 100%;
  height: 100%;
}

.item__img-wrapper {
  width: 100%;
  height: 100%;
}

.item__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__stiskers {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.item__sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #ffffff;
}

.item__sticker_green {
  width: 40px;
  height: 20px;
  background-color: #70b493;
}

.item__sticker_red {
  width: 45px;
  height: 20px;
  background-color: #e48899;
}

.item__pagination {
  display: none;
}

.item__right {
  max-width: 376px;
}

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

.item__rating-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.item__rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.item__star {
  width: 16px;
  height: 16px;
}

.item__rating-link {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
}

.item__favorite {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.item__favorite svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__favorite:hover svg g path:not(:first-child) {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__name {
  margin-top: 24px;
  margin-bottom: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.item__color {
  margin-top: 24px;
  margin-bottom: 24px;
}

.item__color-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__color-box {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.item__color-item {
  width: 32px;
  height: 32px;
  border: 2px solid #C7D0D9;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__color-item:hover {
  border: 2px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__color-item a {
  cursor: pointer;
}

.item__color-background {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.item__color-active {
  border: 2px solid #6091F1;
}

.item__black {
  background-color: black;
}

.item__white {
  background-color: white;
}

.item__grey {
  background-color: grey;
}

.item__red {
  background-color: #e83323;
}

.item__orange {
  background-color: #f1a83c;
}

.item__beige {
  background-color: #e9e2bf;
}

.item__yellow {
  background-color: #fffe55;
}

.item__green {
  background-color: #397e22;
}

.item__cyan {
  background-color: #61a9f8;
}

.item__blue {
  background-color: #0017f5;
}

.item__violet {
  background-color: #7323f5;
}

.item__pink {
  background-color: #fd65a5;
}

.item__size {
  margin-top: 24px;
  margin-bottom: 24px;
}

.item__size-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.item__size-link {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #1D57CC;
  cursor: pointer;
}

.item__size-box {
  margin-top: 16px;
  position: relative;
}

.item__size-table {
  margin-top: 16px;
  position: relative;
  overflow-y: auto;
}

.item__size-input {
  padding-left: 16px;
  padding-right: 16px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F9FC;
  border-radius: 8px;
  cursor: pointer;
}

.item__size-input:hover .item__input-label {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__size-input:hover .item__input-arrow svg path {
  stroke: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__input-label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__input-arrow {
  width: 16px;
  height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.item__input-arrow svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__input-rotate {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.item__size-wrapper {
  display: none;
  max-height: 235px;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #F5F9FC;
  overflow-y: auto;
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #7C8894 #F5F9FC;
  /* плашка скролла и дорожка */
  z-index: 10;
}

.item__size-wrapper::-webkit-scrollbar {
  width: 4px;
}

.item__size-wrapper::-webkit-scrollbar-track {
  background-color: #F5F9FC;
  border-radius: 100px;
}

.item__size-wrapper::-webkit-scrollbar-thumb {
  height: 34px;
  background-color: #7C8894;
  border-radius: 100px;
}

.item__size-box_wrapper {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

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

.item__size-num {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__size-num:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__size-num:not(:last-child) {
  border-bottom: 1px solid #F5F9FC;
}

.item__size-num a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item__size-popup {
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 10%;
  left: calc(50% - 316px);
  width: 616px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  padding: 48px;
  z-index: 10;
}

.item__size-popup_active {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__size-popup-container {
  width: 100%;
}

.item__popup-wrapper {
  position: relative;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(96vh - 102px);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #C7D0D9 #F5F9FC;
}

.item__popup-wrapper::-webkit-scrollbar {
  width: 2px;
}

.item__popup-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.item__popup-close svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__popup-close:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__line-wrapper {
  display: none;
}

.item__line-mob {
  display: none;
}

.item__popup-header {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.4px;
  color: #425161;
}

.item__popup-table-description {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.item__popup-guide {
  margin-top: 48px;
  padding-left: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.item__popup-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.item__popup-sizes {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.item__popup-size {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.item__line {
  border-bottom: 2px solid #F5F9FC;
}

.item__price {
  margin-top: 24px;
  margin-bottom: 24px;
}

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

.item__price-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__price-value {
  margin-left: 12px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #E48899;
}

.item__price_dark {
  color: #425161;
}

.item__price-old {
  margin-left: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #7C8894;
}

.item__cart-wrapper {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.item__cart {
  position: relative;
}

.item__cart-add {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background: #6091F1;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.item__add-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}

.item__cart-add:hover {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__cart-change {
  width: 143px;
  height: 48px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E0EBFF;
  border-radius: 8px;
}

.item__cart-minus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border: 0;
}

.item__cart-minus svg {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__cart-num {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.item__cart-plus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  cursor: pointer;
}

.item__cart-plus svg {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__cart-plus:disabled svg g path {
  stroke: #7C8894;
}

.item__minicart {
  position: fixed;
  top: 48px;
  right: 5%;
  width: 438px;
  padding: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  z-index: 10;
}

.item__minicart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.item__minicart-photo {
  position: relative;
}

.item__minicart-img {
  width: 96px;
  height: 96px;
}

.item__minicart-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__minicart-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.item__minicart-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.item__minicart-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.item__minicart-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.item__parameter-name {
  color: #7C8894;
}

.item__parameter-value {
  color: #25313D;
}

.item__quck-btn {
  width: 209px;
  height: 48px;
  background: #E0EBFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  cursor: pointer;
  border: 2px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__quck-btn:hover {
  border: 2px solid #6091F1;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__count-none {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E0EBFF;
  opacity: 0.4;
  border-radius: 8px;
}

.item__none-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
}

.item__popup-order {
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 616px;
  top: 4.5%;
  left: calc(50% - 316px);
  padding: 48px 48px 48px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  z-index: 10;
}

.item__popup-bid {
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 616px;
  top: 4.5%;
  left: calc(50% - 316px);
  padding: 48px 48px 48px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  z-index: 10;
}

.item__popup-active {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__popup-description {
  margin-top: 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #7C8894;
}

.item__popup-description p {
  -webkit-margin-before: unset;
          margin-block-start: unset;
}

.item__popup-description p:not(:last-child) {
  -webkit-margin-after: 8px;
          margin-block-end: 8px;
}

.item__popup-form {
  margin-top: 16px;
}

.item__popup-name {
  margin-top: 16px;
  position: relative;
}

.item__popup-name_small {
  margin-top: 8px;
}

.item__popup-input {
  height: 72px;
  width: 100%;
  border-radius: 8px;
  background-color: #F5F9FC;
  border: 1px solid #F5F9FC;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.item__popup-label {
  position: absolute;
  top: 28px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__popup-input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.item__popup-input:focus + .item__popup-label {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.item__lab {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
}

.item__popup-text {
  margin-top: 16px;
  position: relative;
}

.item__textarea-heading {
  width: 100%;
  position: absolute;
  top: 0;
  border-radius: 8px 8px 0 0;
  background-color: #F5F9FC;
  padding: 16px 16px 6px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__lab-text {
  top: 0;
  font-size: 12px;
  line-height: 12px;
}

.item__popup-text textarea {
  width: 100%;
  height: 120px;
  padding: 36px 16px 16px 16px;
  border-radius: 8px;
  background-color: #F5F9FC;
  outline: none;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  resize: none;
}

.item__small {
  margin-top: 8px;
}

.item__small textarea {
  height: 100px;
}

.item__popup-text textarea:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
}

.item__popup-text textarea:focus + div {
  font-size: 12px;
  line-height: 12px;
  background-color: #FFFFFF;
  border-top: 1px solid #E0EBFF;
  border-left: 1px solid #E0EBFF;
  border-right: 1px solid #E0EBFF;
}

.item__popup-submit {
  margin-top: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.item__popup-submit button {
  padding: 28px 24px;
  background: #6091F1;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 0;
}

.item__submit_small button {
  padding: 16px 24px;
}

.item__popup-submit:hover button {
  background: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__popup-return {
  width: 100%;
  height: 570px;
  padding-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item__popup-img {
  width: 192px;
  height: 192px;
  margin-bottom: 16px;
}

.item__popup-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__return-text {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
  text-align: center;
}

.item__sceleton-form {
  width: 100%;
  height: 696px;
}

.item__sceleton-heading {
  width: 100%;
  height: 72px;
  background-color: #e0ebff;
  border-radius: 8px;
}

.item__sceleton-box {
  width: 100%;
  height: 584px;
  background-color: #e0ebff;
  border-radius: 8px;
  margin-top: 16px;
}

.item__popup-radio {
  margin-top: 16px;
  color: #425161;
}

.item__radio-heading {
  margin-top: 16px;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.item__radio-box {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.item__popup-file {
  margin-top: 16px;
  margin-bottom: 16px;
}

.item__consent p {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #25313D;
}

.item__consent a {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__delivery-info {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.item__consent a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1D57CC;
}

.item__delivery-icon {
  margin-top: 8px;
  width: 24px;
  height: 24px;
}

.item__input-file_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  width: 100%;
  height: 72px;
  border: 1px dashed #6091F1;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__input-box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.item__input-box label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #1D57CC;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__input-box label:hover {
  color: #003399;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.item__input-box span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #425161;
}

.item__input-descr {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #7C8894;
}

.item__delivery-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}

.item__callback-lab {
  top: 12px;
  font-size: 12px;
  line-height: 12px;
}

.item__delivery-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__storage-info {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}

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

.item__storage-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__storage-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.item__storage-text {
  color: #7C8894;
}

.item__storage-num {
  color: #6091F1;
}

.item__storage-num_text {
  color: #6091F1;
}

.item__map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.item__container {
  max-width: 1256px;
  height: 100%;
  padding: 0;
  margin: 0 auto;
}

.item__map-wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.item__map-left {
  max-width: 428px;
  padding: 24px 14px 24px 24px;
}

.item__map-back {
  width: 105px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background: #6091F1;
  border-radius: 8px;
}

.item__map-back svg {
  width: 16px;
  height: 16px;
}

.item__map-back span {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.item__map-heading {
  margin-top: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.item__map-shops {
  margin-top: 24px;
}

.item__shops-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.item__shop-line {
  width: 100%;
  height: 2px;
  background-color: #F5F9FC;
}

.item__shop {
  padding: 16px;
}

.item__shop-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.item__shop-footer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.item__shop-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.item__shop-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.item__shop-days {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #7C8894;
}

.item__shop-hours {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #425161;
}

.item__shop-phone {
  display: block;
  margin-top: 16px;
}

.item__shop-buy {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  cursor: pointer;
}

.item__map-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background-color: #6091F1;
}

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

.item__description-left {
  max-width: 616px;
}

.item__description {
  min-height: 360px;
}

.item__description h3 {
  margin-top: 48px;
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.item__description p {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.item__description ul {
  margin-top: 16px;
  list-style-type: disc;
  margin-left: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.item__description div b {
  display: block;
  margin-top: 48px;
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.item__description div b u {
  text-decoration: none;
}

.item__description div u {
  text-decoration: none;
}

.item__description b u {
  text-decoration: none;
}

.item__description-expang {
  margin-top: 48px;
  width: 156px;
  height: 48px;
  cursor: pointer;
}

.item__description-btn {
  width: 100%;
  height: 100%;
  background: #E0EBFF;
  border: 2px solid #E0EBFF;
  border-radius: 8px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1D57CC;
  cursor: pointer;
}

.item__description-expang:hover .item__description-btn {
  border: 2px solid #6091F1;
  background: #ffffff;
}

.item__description_btn_mob {
  display: none;
}

.item__description-right {
  max-width: 456px;
}

.item__specification {
  margin-top: 48px;
  max-width: 376px;
}

.item__specification-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

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

.item__specification-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.item__specification-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.item__specification-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.item__specification-value a {
  color: #1D57CC;
}

.item__delivery {
  margin-top: 48px;
}

.item__delivery-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

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

.item__delivery-service {
  padding-bottom: 24px;
}

.item__delivery-service:not(:last-child) {
  border-bottom: 2px solid #F5F9FC;
}

.item__service-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item__service-logo {
  width: 80px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.item__service-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.item__service-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
}

.item__service-description {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.item__file-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.item__file-icon {
  width: 32px;
  height: 32px;
}

.item__file-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cart {
  margin-top: 48px;
  margin-bottom: 48px;
}

.cart__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.cart__box {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cart__empty {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cart__empty-wrapper {
  width: 276px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart__empty-text {
  width: 100%;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.cart__empty-link {
  margin-top: 24px;
  padding: 28px 24px;
  background-color: #6091F1;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__empty-link:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__left {
  max-width: 856px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart__lk-authorisation {
  width: 100%;
  padding: 24px;
  background: #E0EBFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.cart__lk-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__lk-link:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__lk-text {
  color: #425161;
}

.cart__items {
  width: 100%;
}

.cart__item {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #F5F9FC;
}

.cart__name {
  width: 53%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cart__photo-wrapper {
  position: relative;
}

.cart__photo {
  width: 136px;
  height: 136px;
}

.cart__photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cart__sticks {
  left: -4px;
  top: 16px;
}

.cart__description {
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart__item-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.cart__property-box {
  margin-top: 16px;
}

.cart__property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.cart__property:not(:first-child) {
  margin-top: 8px;
}

.cart__property-name {
  color: #7C8894;
}

.cart__property-value {
  color: #25313D;
}

.cart__quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart__btn-minus {
  width: 32px;
  height: 32px;
  background: #F5F9FC;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.cart__btn-minus:hover {
  background-color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__btn-minus svg {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

.cart__quantity-num {
  min-width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.cart__btn-plus {
  width: 32px;
  height: 32px;
  background: #F5F9FC;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.cart__btn-plus:hover {
  background-color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__btn-plus svg {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}

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

.cart__price-old {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #7C8894;
}

.cart__price-main {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #25313D;
}

.cart__price-mob {
  display: none;
}

.cart__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.cart__del {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.cart__del svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__del:hover svg path {
  fill: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__favorit {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.cart__favorit svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__favorit:hover svg > g > path:last-child {
  stroke: #7C8894;
  fill: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__options-mob {
  display: none;
}

.cart__miss {
  margin-top: 24px;
}

.cart__miss-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.cart__miss-description {
  margin-top: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #FF3333;
}

.cart__miss .cart__name {
  opacity: 0.4;
}

.cart__not-price {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FF3333;
}

.cart__not-price-mob {
  display: none;
}

.cart__promo {
  margin-top: 24px;
}

.cart__form-wrapper {
  width: 280px;
  height: 72px;
  position: relative;
}

.cart__input {
  width: 100%;
  height: 100%;
  background: #F5F9FC;
  border-radius: 8px;
  outline: none;
  border: 1px solid #F5F9FC;
  padding: 38px 38px 18px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__input:focus {
  border: 1px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #FFFFFF;
}

.cart__input-error {
  border: 1px solid #FF3333;
}

.cart__lab {
  position: absolute;
  left: 16px;
  top: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__input:focus + .cart__lab {
  top: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  line-height: 12px;
}

.cart__lab-active {
  top: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  line-height: 12px;
}

.cart__submit {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  border: 0;
  background: none;
  top: 12px;
  right: 18px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__submit:hover svg path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__submit:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__btn-arrow {
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__form-error {
  display: none;
  position: absolute;
  bottom: -18px;
  right: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #FF3333;
}

.cart__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-width: 376px;
  padding: 24px;
  background: #F5F9FC;
  border-radius: 20px;
}

.cart__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.cart__result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.cart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #25313D;
}

.cart__offer-btn {
  margin-top: 24px;
  width: 100%;
}

.cart__offer-link {
  width: 100%;
  padding: 28px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #6091F1;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}

.cart__offer-link:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart__popup {
  display: none;
}

.part {
  margin-top: 48px;
  margin-bottom: 48px;
}

.part__hero {
  background-color: #F5F9FC;
  margin-bottom: 48px;
}

.part__hero-wrapper {
  height: 336px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.part__hero-descr {
  max-width: 296px;
  margin-top: 6px;
  margin-left: 80px;
}

.part__hero-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.part__hero-heading span {
  color: #ff4e50;
}

.part__hero-text {
  margin-top: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.part__hero-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
  height: 100%;
}

.part__hero-img1 {
  position: absolute;
  top: 29%;
  left: 26%;
  width: 381px;
  height: 260px;
  -webkit-transform: rotate(-14.83deg);
      -ms-transform: rotate(-14.83deg);
          transform: rotate(-14.83deg);
  z-index: 1;
}

.part__hero-img1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.part__hero-img2 {
  position: absolute;
  top: -3%;
  right: 9%;
  width: 381px;
  height: 260px;
  -webkit-transform: rotate(9.49deg);
      -ms-transform: rotate(9.49deg);
          transform: rotate(9.49deg);
}

.part__hero-img2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.part__box {
  margin-top: 96px;
}

.part__slider-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

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

.part__slide {
  height: auto;
  padding: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
}

.part__slide-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #ff4e50;
}

.part__slide-description {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.part__article {
  margin-top: 96px;
  width: 100%;
}

.part__article-wrapper {
  max-width: 616px;
  margin: 0 auto;
}

.part__article-wrapper h3 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.part__article-wrapper p {
  margin: 24px 0 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.part__article-wrapper a {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.part__article-wrapper a:hover {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.part__article-wrapper ul {
  margin-top: 11px;
  margin-left: 26px;
  margin-bottom: 48px;
  list-style-type: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.part__article-wrap {
  margin: 48px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.part__article-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  padding: 24px 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  background: #6091F1;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.part__article-link:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about {
  margin-top: 48px;
}

.about__wrapper {
  margin-top: 72px;
  margin-bottom: 96px;
}

.about__box {
  margin-top: 48px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 42px;
}

.about__box_left {
  margin-right: 78px;
}

.about__box_right {
  margin-left: 78px;
}

.about__description {
  width: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about__description-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 48px;
}

.about__box_left .about__description .about__description-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.about__description-heading {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #425161;
}

.about__description-text {
  width: 456px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.about__link {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about__link:hover {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about__photo {
  width: 616px;
  height: 410px;
  border-radius: 20px;
}

.about__photo-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.about__photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}

.about__heading {
  margin-top: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  color: #E0EBFF;
}

.about__heading_first {
  margin-left: 6.5%;
}

.about__heading_second {
  margin-left: 44.5%;
}

.service {
  margin-top: 48px;
  margin-bottom: 48px;
}

.service__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.service__header-description {
  max-width: 616px;
  margin-top: 48px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #425161;
}

.service__adv {
  margin-top: 98px;
}

.service__adv-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.service__adv-item {
  max-width: 294px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0 16px 24px 16px;
}

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

.service__adv-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.service__adv-description {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.service__how {
  margin-top: 72px;
}

.service__how-items {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.service__how-item {
  padding: 24px;
  width: 400px;
  height: auto;
  background: #F5F9FC;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service__how-description {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.service__how-btn {
  margin-top: 24px;
  width: 100%;
  height: 72px;
}

.service__how-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 72px;
  background: #E0EBFF;
  border-radius: 8px;
  color: #1D57CC;
  border: 2px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.service__how-link:hover {
  background-color: #FFFFFF;
  border: 2px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.service__specialists {
  margin-top: 96px;
}

.service__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service__specialists-items {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.service__specialists-item {
  width: 296px;
}

.service__specialists-photo {
  width: 100%;
  height: 370px;
  border-radius: 8px;
}

.service__specialists-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

.service__specialists-description {
  margin-top: 16px;
}

.service__specialists-name {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #425161;
}

.service__specialists-post {
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.service__address {
  margin-top: 96px;
}

.service__address-items {
  width: 100%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.service__address-item {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  border: 2px solid #E0EBFF;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.service__address-description {
  width: 396px;
  height: 100%;
  padding: 54px 8px 54px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.service__address-sity {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.service__address-phone {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.service__address-phone:hover {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.service__address-street {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
}

.service__address-timetable {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.service__address-map {
  width: 776px;
  position: relative;
  overflow: hidden;
  border-radius: 0 20px 20px 0;
  position: relative;
  overflow: hidden;
}

.service__brand {
  margin-top: 96px;
}

.service__brand-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #425161;
}

.service__brand-box {
  margin-top: 24px;
  height: 400px;
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  -webkit-column-width: auto;
     -moz-column-width: auto;
          column-width: auto;
}

.service__brand-name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.service__brand-name:not(:first-child) {
  margin-top: 16px;
}

.stores {
  margin-bottom: 48px;
}

.stores__wrapper {
  margin-top: 48px;
}

.stores__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.stores__map {
  width: 776px;
  height: 480px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.stores__map-wrapper {
  height: 100%;
}

.stores__tags-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.stores__tags-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.stores__tags-item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 32px;
}

.stores__tags-link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  background: #F5F9FC;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.stores__tags-link:hover {
  background: #C7D0D9;
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__tags_active {
  color: #FFFFFF;
  background: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__tags_active:hover {
  color: #FFFFFF;
  background: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__items {
  margin-top: 48px;
}

.stores__items-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
  margin-bottom: 8px;
}

.stores__items-wrapper {
  width: 100%;
}

.stores__item {
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  border-radius: 8px;
  border: 2px solid #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.stores__item_active {
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__item:hover {
  background-color: #F5F9FC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__item-active {
  border: 2px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__line {
  border-bottom: 2px solid #F5F9FC;
  margin: 8px 0;
}

.stores__item-line {
  display: none;
}

.stores__item-head {
  display: none;
}

.stores__item-heading {
  color: #425161;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.stores__item-timetable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stores__item-day {
  color: #7C8894;
}

.stores__item-hours {
  color: #425161;
}

.stores__item-phone {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__item-phone:hover {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__contacts {
  margin-top: 88px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.stores__contacts-item {
  max-width: 50%;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background: #F5F9FC;
  border-radius: 20px;
}

.stores__contacts-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.stores__contacts-link {
  width: 100%;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E0EBFF;
  border-radius: 8px;
  border: 2px solid #E0EBFF;
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stores__contacts-link:hover {
  background: #FFFFFF;
  border: 2px solid #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job {
  margin-top: 96px;
  margin-bottom: 72px;
}

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

.job__heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.job__map-box {
  margin-top: 24px;
  width: 100%;
  height: 628px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.job__vacancy {
  margin-top: 96px;
}

.job__vacancy-items {
  margin-top: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 49% 49%;
  grid-template-columns: 49% 49%;
  gap: 24px;
}

.job__vacancy-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100px;
  min-width: 480px;
}

.job__vacancy-item-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 22px;
  border: 2px solid #E0EBFF;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-item-wrapper:hover {
  border: 2px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-item-wrapper:hover .job__vacancy-arrow {
  background-color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-item-wrapper:hover .job__vacancy-arrow svg path {
  stroke: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 480px;
}

.job__vacancy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.job__vacancy-name {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #425161;
}

.job__vacancy-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.job__vacancy-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.job__vacancy-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.job__vacancy-location {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.job__vacancy-arrow {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.job__vacancy-arrow svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.job__vacancy-arrow svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-description {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.job__vacancy-active {
  position: absolute;
  z-index: 10;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  overflow: hidden;
}

.job__vacancy-active .job__vacancy-description {
  margin-top: 48px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.job__vacancy-active .job__vacancy-description h3 {
  margin: 24px 0 16px;
}

.job__vacancy-active .job__vacancy-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__vacancy-description h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
  margin: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.job__vacancy-active h3 {
  margin: 0 0 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.job__vacancy-description p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.job__vacancy-active p {
  margin-top: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.job__vacancy-description ul {
  margin-top: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.job__vacancy-active ul {
  margin-top: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.job__vacancy-description li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.job__vacancy-active li {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.job__vacancy-description a {
  color: #1D57CC;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.job__vacancy-description a:hover {
  color: #6091F1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.resume {
  background: linear-gradient(to bottom, #F5F9FC 384px, #FFFFFF 384px, #FFFFFF 100%);
  margin-top: 96px;
  padding-top: 72px;
  margin-bottom: 38px;
}

.resume__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.resume__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 376px;
}

.resume__heading {
  margin-top: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.resume__header-description {
  margin-top: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #425161;
}

.resume__form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 712px;
  padding: 48px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 20px;
  min-height: 592px;
}

.resume__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}

.resume__data {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 24px;
}

.resume__input-box {
  position: relative;
}

.resume__input {
  width: 100%;
  padding: 35px 15px 15px;
  background-color: #F5F9FC;
  border-radius: 8px;
  border: 1px solid #F5F9FC;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #25313D;
}

.resume__input:focus {
  background-color: #FFFFFF;
  border: 1px solid #E0EBFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__label {
  position: absolute;
  top: 27px;
  left: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__input:focus + .resume__label {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__label-active {
  top: 18px;
  font-size: 12px;
  line-height: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  width: 100%;
  height: 72px;
  border: 1px dashed #6091f1;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__file-box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.resume__file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}

.resume__file-label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #1d57cc;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__file-box span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #425161;
}

.resume__file-descr {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #7c8894;
}

.resume__select {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.resume__select[data-state=active] .resume__select-title::before {
  -webkit-transform: translate(-3px, -50%) rotate(-45deg);
      -ms-transform: translate(-3px, -50%) rotate(-45deg);
          transform: translate(-3px, -50%) rotate(-45deg);
}

.resume__select[data-state=active] .resume__select-title::after {
  -webkit-transform: translate(3px, -50%) rotate(45deg);
      -ms-transform: translate(3px, -50%) rotate(45deg);
          transform: translate(3px, -50%) rotate(45deg);
}

.resume__select[data-state=active] .resume__select-content {
  opacity: 1;
}

.resume__select[data-state=active] .resume__select-label + .resume__select-input + .resume__select-label {
  max-height: 40px;
  border-top-width: 1px;
}

.resume__select-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 28px 48px 28px 16px;
  border-radius: 10px;
  border: solid 1px #F5F9FC;
  background-color: #F5F9FC;
  cursor: pointer;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__select-title::before,
.resume__select-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 10px;
  height: 2px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #7C8894;
  -webkit-transform: translate(-3px, -50%) rotate(45deg);
      -ms-transform: translate(-3px, -50%) rotate(45deg);
          transform: translate(-3px, -50%) rotate(45deg);
}

.resume__select-title::after {
  -webkit-transform: translate(3px, -50%) rotate(-45deg);
      -ms-transform: translate(3px, -50%) rotate(-45deg);
          transform: translate(3px, -50%) rotate(-45deg);
}

.resume__select-title:hover {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__select-title:hover::before,
.resume__select-title:hover::after {
  background-color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__select-content {
  max-height: 248px;
  position: absolute;
  top: 80px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  color: #7C8894;
  background-color: #ffffff;
  border: 1px solid #F5F9FC;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: 8;
  overflow: hidden;
  -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
          box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

.resume__select-wrapper {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  overflow-x: auto;
  scrollbar-width: thin;
  /* "auto" или "thin"  */
  scrollbar-color: #7C8894 #F5F9FC;
  /* плашка скролла и дорожка */
}

.resume__select-wrapper::-webkit-scrollbar {
  width: 4px;
}

.resume__select-wrapper::-webkit-scrollbar-track {
  background-color: #F5F9FC;
  border-radius: 100px;
}

.resume__select-wrapper::-webkit-scrollbar-thumb {
  height: 34px;
  background-color: #7C8894;
  border-radius: 100px;
}

.resume__select-input {
  display: none;
}

.resume .resume__select-input:checked + label {
  background-color: #E0EBFF;
  color: #425161;
}

.resume__select-input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.resume__select-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 48px;
  max-height: 0;
  padding: 0 16px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
}

.resume__select-label + input + .resume__select-label {
  border-top: 0 solid #F5F9FC;
}

.resume__select-label:hover {
  background-color: #F5F9FC !important;
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__consent {
  margin-top: 0;
}

.resume__check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.resume__label-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #25313D;
}

.resume__label-check::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #c7d0d9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__check:checked + .resume__label-check::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url(/img/icon/check.svg);
  background-size: contain;
}

.resume__label-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__label-link:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__submit {
  margin-top: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.resume__submit-btn {
  padding: 28px 24px;
  background: #6091F1;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 0;
}

.resume__submit-btn:disabled {
  background: #6091F1;
  opacity: 0.4;
  cursor: unset;
}

.resume__submit-btn:hover {
  background-color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.resume__submit-btn:disabled:hover {
  background: #6091f1;
  opacity: 0.4;
}

.resume__footer {
  margin-top: 96px;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.resume__footer-content {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.resume__success {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.resume__success-img {
  width: 240px;
  height: 240px;
}

.resume__success-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.resume__success-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.resume__success-description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #425161;
}

.order {
  margin-top: 72px;
}

.order__link-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.order__link-back svg {
  width: 24px;
  height: 24px;
}

.order__link-back span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.order__link-back:hover span {
  color: #425161;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.order__link-back:hover svg path {
  stroke: #7C8894;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.order__heading {
  margin-top: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.18;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
}

.order__box {
  margin-top: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.order__left {
  width: 771px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}

.order__authorise {
  padding: 24px;
  background-color: #E0EBFF;
  border-radius: 8px;
}

.order__authorise-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}

.order__authorise-link {
  color: #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.order__authorise-link:hover {
  color: #1D57CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.order__authorise-text span {
  color: #7C8894;
}

.order__items,
.order__forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}

.order__line {
  width: 100%;
  height: 2px;
  background: #F5F9FC;
}

.order__item-head {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
}

.order__item-head .__change {
  color: #6091F1;
  margin-bottom: 3px;
}

.order__item-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #425161;
  padding-left: 10px;
}

.order__item-box {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.order__item-box.__hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  scale: none;
}

.order__item-box--duplicate {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.order__item-box--duplicate.__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  height: auto;
  visibility: visible;
  opacity: 1;
}

.order__item-box--duplicate .input__custom-duplicate {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  /* 100% */
}

.order__item-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.order__input-wrapper {
  max-width: 296px;
  width: 100%;
}

.order__input-city {
  max-width: 296px;
}

.order__input-delivery--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.order__input-description {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #7C8894;
}

.order__delivery-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.order__delivery-choice--box:not(.modal__pickup-wrapper) {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

.order__delivery-choice--box:not(.modal__pickup-wrapper).__active {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  opacity: 1;
  overflow: unset;
  visibility: visible;
  height: auto;
}

.order__delivery-choice--box.modal__pickup-wrapper {
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.order__delivery-choice--box.modal__pickup-wrapper.__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
}

.order__delivery-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 24px;
  border: 2px solid #F5F9FC;
  border-radius: 8px;
  height: 88px;
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  cursor: pointer;
}

.order__delivery-item:hover {
  border-color: #C7D0D9;
}

.order__delivery-item.selected {
  border-color: #6091F1;
}

.order__right {
  width: 376px;
  position: relative;
}

.order__right-wrapper {
  top: 0;
  position: sticky;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  background-color: #F5F9FC;
  border-radius: 20px;
  padding: 24px;
}

.order__right-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #425161;
}

.order__total {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #25313D;
}

.order .inputs__currier.__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.order .inputs__currier-label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #7C8894;
}

.order .inputs__currier-item {
  max-width: 771px;
  width: 100%;
}

.order .inputs__currier-item--select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order .inputs__currier-item--three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.order__pay-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.order__pay-box {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.order__pay-label {
  color: #425161;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.promokode__wrapper {
  max-width: 318px;
}

.promokode__arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.promokode__basket-icon {
  border: 0;
  background-color: transparent;
  width: 24px;
  height: 24px;
  display: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.promokode__correct-txt {
  display: none;
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: #4EA94C;
}

.promokode__wrapper--correct .input__custom {
  border-color: #4EA94C;
  border-width: 1px;
  border-style: dashed;
  background-color: #F5F9FC;
}

.promokode__wrapper--correct .promokode__arrow-icon {
  display: none;
}

.promokode__wrapper--correct .promokode__basket-icon {
  display: block;
}

.promokode__wrapper--correct .promokode__correct-txt {
  display: block;
}

.order__pay-choice + .order__line {
  margin-top: 48px;
}

.custom__check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom__check:checked + .custom__label-check::before {
  border-color: #1D57CC;
  background-color: #1D57CC;
  background-image: url(/img/icon/check.svg);
  background-size: contain;
}

.custom__label-check {
  font-size: 12px;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 400;
  color: #25313D;
}

.custom__label-check::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 2px solid #C7D0D9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.custom__label-check a {
  color: #1D57CC;
  font-weight: 500;
}

.modal__pickup-btn--back svg {
  display: none;
}

.__change {
  cursor: pointer;
  display: none;
}

.__change.__active {
  display: inline-block;
}

.modal__icon-line {
  display: none;
}

.modal__pickup-btn--back {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  min-height: 48px;
  max-height: 48px;
  padding: 16px;
  background-color: #6091F1;
  border: none;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.modal__pickup-map {
  width: 100%;
}

.modal__pickup-map .ymaps-2-1-79-balloon {
  -webkit-box-shadow: 0px 8px 24px -4px rgba(24, 39, 75, 0.08), 0px 6px 12px -6px rgba(24, 39, 75, 0.12);
          box-shadow: 0px 8px 24px -4px rgba(24, 39, 75, 0.08), 0px 6px 12px -6px rgba(24, 39, 75, 0.12);
  border-radius: 8px;
}

.modal__pickup-map .ymaps-2-1-79-balloon__layout {
  border-radius: 8px;
}

.modal__pickup-map .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
  margin-right: 0;
  padding: 16px;
}

.modal__pickup-map .ymaps-2-1-79-balloon__tail {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modal__pickup-map .ymaps-2-1-79-balloon__close-button {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_274_19854)'%3E%3Cpath d='M19 6.415L17.585 5L12 10.585L6.415 5L5 6.415L10.585 12L5 17.585L6.415 19L12 13.415L17.585 19L19 17.585L13.415 12L19 6.415Z' fill='%237C8894'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_274_19854'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  opacity: 1;
  position: absolute;
  right: 16px;
  top: 6px;
}

.modal__pickup-map .ymaps__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.modal__pickup-map .ymaps__wrapper-address {
  font-family: Golos;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #425161;
  max-width: 242px;
  padding-right: 24px;
}

.modal__pickup-map .ymaps__wrapper-working {
  display: inline-block;
  font-family: Golos;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: #7C8894;
}

.modal__pickup-map .ymaps__wrapper-row span {
  color: #425161;
  font-family: Golos;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}

.modal__pickup-map .ymaps__wrapper-phone {
  font-family: Golos;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
}

.modal__pickup-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  width: calc(100vw - 404px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal__pickup-left {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 404px;
  width: 100%;
}

.modal__pickup-left .button__custom-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(/local/templates/main/css/../img/arrow_left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 12px;
}

.modal__pickup-left .store__list {
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  scrollbar-width: thin;
  padding-right: 8px;
}

.modal__pickup-left .store__list::-webkit-scrollbar {
  width: 4px;
}

.modal__pickup-left .store__list::-webkit-scrollbar-thumb {
  background: #425161;
  border-radius: 2px;
}

.modal__pickup-left .store__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  overflow: hidden;
}

.modal__pickup-left .store__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
}

.modal__pickup-left .store__item:not(:last-child) {
  border-bottom: 2px solid #F5F9FC;
}

.modal__pickup-left .store__item.__active .store__item-wrapper {
  border: 1px solid #6091F1;
}

.modal__pickup-left .store__item button {
  color: #1D57CC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  text-transform: lowercase;
}

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

.modal__pickup-left .store__item-contact {
  color: #7C8894;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.modal__pickup-left .store__item-address {
  color: #425161;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.modal__pickup-left .store__item-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.modal__pickup-left .store__item-schedule--time {
  color: #425161;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.modal__pickup-left .store__item-schedule--days {
  color: #7C8894;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.modal__pickup-left .store__title {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #425161;
}

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

.delivery-info__wrapper {
  padding: 48px 0;
}

.delivery-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.delivery-info__tags {
  margin-bottom: 24px;
}

.delivery-info__service {
  margin-bottom: 48px;
}

.delivery-info__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}

.delivery-info__card {
  border-radius: 8px;
  background-color: #F5F9FC;
  padding-bottom: 0;
  padding: 24px;
}

.delivery-info__card:not(:last-child) {
  border-bottom: none;
}

.delivery-info__card .item__service-logo {
  width: 125px;
  height: 60px;
}

.delivery-info__card .item__service-description {
  margin-top: 24px;
}

.delivery-info__data-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

.delivery-info__data-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
}

.delivery-info__data-row span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #425161;
}

.delivery-info__data-row span:first-child {
  color: #7C8894;
}

.delivery-info__description {
  margin-bottom: 48px;
}

.delivery-info__description-ul {
  margin-bottom: 24px;
}

.delivery-info__info hr {
  height: 2px;
  background-color: #F5F9FC;
  margin: 0;
  border: none;
  margin-bottom: 48px;
}

.delivery-info__info ol {
  padding-left: 22px;
}

.payment-info__wrapper {
  padding: 48px 0;
}

.payment-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.payment-info__m48 {
  margin-bottom: 48px;
}

.payment-info__info ol {
  padding-left: 22px;
}

.order-processed__wrapper {
  padding: 96px 0;
}

.order-processed__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  text-align: center;
}

.order-processed__text h1 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #425161;
}

.order-processed__text p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
}

.order-processed__text p a {
  color: #1D57CC;
}

.exchange-return__wrapper {
  padding: 48px 0;
}

.exchange-return__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.exchange-return__m48 {
  margin-bottom: 48px;
}

.exchange-return__m48 a {
  color: #1D57CC;
}

.exchange-return__info ol {
  padding-left: 22px;
}

.exchange-return__accordion-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.guarantees-info__wrapper {
  padding: 48px 0;
}

.guarantees-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.guarantees-info__m48 {
  margin-bottom: 48px;
}

.bonus-program__wrapper {
  padding: 48px 0;
}

.bonus-program__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.bonus-program__m48 {
  margin-bottom: 48px;
}

.contact-info__wrapper {
  padding: 48px 0;
}

.contact-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.contact-info__info .info-text a {
  color: #1D57CC;
}

.contact-info__cards-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.contact-info__calculated-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.contact-info__calculated-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 194px;
}

.contact-info__calculated-col span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: #7C8894;
}

.contact-info__calculated-btn {
  position: static;
  min-width: 210px;
}

.contact-info__m48 {
  margin-bottom: 48px;
}

.contact-info__m24 {
  margin-bottom: 24px;
}

.questions-info__wrapper {
  padding: 48px 0;
}

.questions-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.questions-info__m48 {
  margin-bottom: 48px;
}

.questions-info__m24 {
  margin-bottom: 24px;
}

.brands-catalog__wrapper {
  padding: 48px 0;
}

.brands-catalog__cards-brands {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.brands-catalog__card-brand {
  height: 192px;
}

.brands-catalog__card-brand .brend__photo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
}

.brands-catalog__card-brand img {
  height: auto;
  width: auto;
  max-width: 100%;
  border-radius: 0;
}

.detailed-brand__wrapper {
  padding: 48px 0 96px 0;
}

.detailed-brand__link-rev {
  margin-bottom: 48px;
}

.detailed-brand__link-rev a,
.detailed-brand__link-rev span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.detailed-brand__link-rev a svg,
.detailed-brand__link-rev span svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 19px;
  height: 12px;
}

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

.detailed-brand__content-left {
  max-width: 616px;
  width: 100%;
}

.detailed-brand__image-brand {
  height: 389px;
}

.detailed-brand__image-brand img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.popular-brands .popular-brands__wrapper {
  padding: 0 16px 48px 16px;
}

.popular-brands .actions__header {
  margin-bottom: 24px;
}

.articles-catalog__wrapper {
  padding: 48px 0;
}

.articles-catalog__tags-links {
  margin-bottom: 48px;
}

.articles-catalog__tags-links .stores__tags-items {
  margin-top: 0;
}

.articles-catalog__cards-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
  gap: 48px 24px;
}

.articles-catalog__card-item .news__item-heading {
  font-weight: 600;
}

.articles-catalog__full-card {
  -ms-grid-row-span: 2;
  grid-row: 2 span;
  -ms-grid-column-span: 2;
  grid-column: 2 span;
  background-color: #F5F9FC;
  padding: 94px 42px;
  border-radius: 20px;
}

.articles-catalog__full-card .news__photo-wrap {
  height: 532px;
}

.articles-catalog__nav-bottom {
  max-width: 936px;
  margin-top: 0;
  margin: 48px auto 0 auto;
}

.article-detailed__wrapper {
  padding: 48px 0;
}

.article-detailed__head-dec {
  padding: 48px 0;
  background-color: #F5F9FC;
}

.article-detailed__head-dec .detailed-brand__link-rev {
  margin-bottom: 0;
}

.article-detailed__head-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.article-detailed__head-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 780px;
  width: 100%;
}

.article-detailed__image-prev {
  width: 456px;
  height: 456px;
  position: absolute;
  left: 0;
  top: -24px;
}

.article-detailed__image-prev img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-detailed__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 48px;
}

.article-detailed__content-inner {
  max-width: 780px;
  width: 100%;
}

.article-detailed__content-btn {
  margin: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.article-detailed__content-btn .footer__btn {
  min-width: 241px;
  height: 72px;
  width: auto;
}

.article-detailed__mb48 {
  margin-bottom: 48px;
}

.article-detailed__mb48 a {
  color: #1D57CC;
}

.article-detailed__mb24 {
  margin-bottom: 24px;
}

.article-detailed__mb24 a {
  color: #1D57CC;
}

.article-detailed__images-prod {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (376px)[2];
  grid-template-columns: repeat(2, 376px);
  grid-auto-rows: 376px;
  gap: 24px;
}

.article-detailed__images-prod img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.article-detailed__images-prod .video-frame {
  height: auto;
}

.article-detailed__image-prod--c2 {
  -ms-grid-column-span: 2;
  grid-column: 2 span;
}

.stock-catalog__wrapper {
  padding: 48px 0;
}

.stock-catalog__title {
  margin-bottom: 24px;
}

.stock-catalog__tabs-items {
  padding: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  background-color: #F5F9FC;
  border-radius: 10px;
  margin-bottom: 48px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stock-catalog__tab-btn {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  padding: 12px;
  margin: 0;
  border: 0;
  background-color: transparent;
  border-radius: 8px;
  cursor: pointer;
}

.stock-catalog__tab-btn--active {
  background-color: #425161;
  color: #FFFFFF;
}

.stock-catalog__card-item .actions__photo-wrap {
  height: 296px;
  border-radius: 20px;
}

.stock-catalog__nav-bottom {
  margin-top: 48px;
}

.stock-catalog__nav-bottom .right-block__pagination {
  width: 60%;
}

.pa-details__wrapper {
  padding: 48px 0;
}

.pa-details__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.pa-details__content {
  border-bottom: 2px solid #F5F9FC;
  padding-bottom: 24px;
  max-width: 866px;
  width: 100%;
}

.pa-details__form {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 280px;
  width: 100%;
}

.pa-details__form-input {
  position: relative;
}

.pa-details__form-input span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: #7C8894;
  position: absolute;
  right: -112%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pa-details__form-svg {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.pa-details__link-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24px;
}

.pa-details__link-remove a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #6091F1;
}

.footer__input--disabled:disabled {
  opacity: 0.4;
}

.footer__input--disabled:disabled ~ .footer__label {
  opacity: 0.4;
}

.footer__input--disabled:disabled ~ .pa-details__form-svg {
  opacity: 0.4;
}

.pa-bonus-program__wrapper {
  padding: 48px 0;
}

.pa-bonus-program__wrapper .pa-details__content {
  border-bottom: none;
}

.pa-bonus-program__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}

.pa-bonus-program__prev-icon {
  width: 96px;
  height: 72px;
  border-radius: 8px;
  background-color: #E0EBFF;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pa-bonus-program__prev-icon svg {
  width: 40px;
  height: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pa-bonus-program__prev-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.pa-bonus-program__prev-text span:nth-child(1) {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #425161;
}

.pa-bonus-program__prev-text span:nth-child(2) {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #425161;
}

.pa-bonus-program__more-details {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  margin-top: 48px;
}

.pa-bonus-program__more-details a {
  color: #6091F1;
}

.pa-orders__wrapper {
  padding: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.pa-orders__orders-items {
  max-width: 856px;
  width: 100%;
}

.pa-orders__list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.pa-orders__list-item {
  padding: 24px;
  border-radius: 20px;
  background-color: #F5F9FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.pa-orders__prod-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.pa-orders__prod-id div {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #425161;
  letter-spacing: -0.4px;
}

.pa-orders__state {
  padding: 5px 10px;
  border-radius: 8px;
}

.pa-orders__state span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.pa-orders__state--grey {
  border: 2px solid #C7D0D9;
}

.pa-orders__state--grey span {
  color: #C7D0D9;
}

.pa-orders__state--blue {
  border: 2px solid #6091F1;
}

.pa-orders__state--blue span {
  color: #6091F1;
}

.pa-orders__state--green {
  border: 2px solid #4EA94C;
}

.pa-orders__state--green span {
  color: #4EA94C;
}

.pa-orders__state--red {
  border: 2px solid #FF3333;
}

.pa-orders__state--red span {
  color: #FF3333;
}

.pa-orders__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.pa-orders__description p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
}

.pa-final-order__wrapper {
  padding: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pa-final-order__content {
  max-width: 856px;
  width: 100%;
  padding-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
}

.pa-final-order__content .pa-orders__prod-head {
  margin-bottom: 48px;
}

.pa-final-order__content .pa-orders__prod-id div {
  font-weight: 700;
}

.pa-final-order__content-data {
  padding-bottom: 48px;
  border-bottom: 2px solid #F5F9FC;
}

.pa-final-order__icon-arrow {
  margin-bottom: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pa-final-order__icon-arrow svg {
  width: 19px;
  height: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pa-final-order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.pa-final-order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.pa-final-order__item span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.pa-final-order__item span:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  color: #7C8894;
}

.pa-final-order__item span:nth-child(2) {
  color: #425161;
}

.pa-final-order__content-prod {
  border-bottom: 2px solid #F5F9FC;
  padding-bottom: 48px;
}

.pa-final-order__order-prod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.pa-final-order__content-sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.pa-final-order__sum-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.pa-final-order__sum-row span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #425161;
}

.pa-final-order__sum-row span:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16%;
          flex: 0 0 16%;
}

.pa-final-order__sum-row:last-child span {
  color: #25313D;
}

.pa-mailings__wrapper {
  padding: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.pa-mailings__content {
  max-width: 856px;
  width: 100%;
}

.pa-mailings__list-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.switch span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #425161;
}

.switch__toggle-hidden {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  width: 32px;
  height: 20px;
  border-radius: 24px;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.switch__toggle {
  width: 32px;
  height: 20px;
  background-color: #C7D0D9;
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.switch__toggle::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFFFFF;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}

.switch__toggle-hidden:checked + .switch__toggle {
  background-color: #1D57CC;
}

.switch__toggle-hidden:checked + .switch__toggle::before {
  left: 14px;
}

.form-page-pa {
  min-height: 1032px;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 48px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

.form-page-pa__header {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.form-page-pa__callback-form {
  margin-top: 16px;
}

.form-page-pa__callback-input-box {
  margin: 48px 0 16px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.form-page-pa .header__callback-label {
  z-index: 10;
}

.form-page-pa .header__callback-label-check {
  margin-top: 16px;
}

.form-page-pa .header__callback-btn {
  width: 100%;
  margin-top: 48px;
}

.form-page-pa__arrow {
  margin-bottom: 16px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.form-page-pa__phone {
  margin-bottom: 48px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #425161;
}

.form-page-pa__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.form-page-pa__input-item {
  padding: 16px 16px 14px 16px;
  margin: 0;
  width: 96px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}

.form-page-pa__time-cod {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
  display: block;
  margin-top: 24px;
}

.form-page-pa__box-1.active-box {
  display: none;
}

.form-page-pa__box-2.active-box {
  display: none;
}

.stock-detailed__wrapper {
  padding: 48px 0 96px 0;
}

.stock-detailed__content {
  max-width: 776px;
  margin: 0 auto;
}

.stock-detailed__content .article-detailed__content-btn {
  margin: 0;
}

.stock-detailed__content .article-detailed__content-btn .footer__btn {
  min-width: 192px;
}

.stock-detailed__image-banner {
  width: 100%;
  height: 360px;
}

.stock-detailed__image-banner img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.stock-detailed__title {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.stock-detailed__title h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: #425161;
  text-align: center;
}

.stock-detailed__limited-time {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #7C8894;
}

.stock-detailed__limited-time div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.stock-detailed__limited-time span {
  color: #425161;
}

.stock-detailed__m48 {
  margin-bottom: 48px;
}

.stock-prod__wrapper {
  padding-bottom: 48px;
}

.stock-prod__items-prod {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.privacy-policy__wrapper {
  padding: 48px 0;
}

.privacy-policy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.privacy-policy__description ul {
  padding-left: 40px;
}

.page-not-found__wrapper {
  padding: 64px 0 24px 0;
}

.page-not-found__body {
  max-width: 935px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin: 0 auto;
}

.page-not-found__body a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #1D57CC;
}

.page-not-found__image {
  width: 296px;
  height: 296px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page-not-found__image img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-not-found__prev-text {
  max-width: 535px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.page-not-found__buttons-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.page-not-found__btn {
  position: static;
  min-height: 72px;
  height: auto;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 123px;
}

.server-not-available {
  height: calc(100vh - 96px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.server-not-available__wrapper {
  padding: 48px 0;
}

.custom-modal {
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999;
}

.custom-modal[data-modal-template=map-delivery] {
  background: #fff;
}

.custom-modal[data-modal-template=map-delivery] .modal__pickup-box {
  height: 100%;
}

.custom-modal .modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.custom-modal .modal-header {
  color: #425161;
  font-family: "Golos";
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  padding: 24px 24px 0 24px;
}

.custom-modal .modal-header__title {
  padding: 0 24px;
}

.custom-modal .modal-wrapper {
  border-radius: 20px;
  background: #fff;
  max-width: 616px;
  width: 100%;
  position: relative;
  max-height: 100%;
  -ms-overflow-style: none;
  /* IE и Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow: auto;
}

.custom-modal .modal-wrapper::-webkit-scrollbar {
  display: none;
}

.custom-modal .modal-body {
  height: 100%;
  padding: 48px;
}

.custom-modal .modal-body__desc {
  color: #425161;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
}

.custom-modal .modal-body__submit input[type=submit] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  padding: 28px 24px;
  border-radius: 8px;
  background: #6091F1;
  color: #fff;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.custom-modal .modal-body__submit input[type=submit]:hover {
  background: #1D57CC;
}

.custom-modal .modal-body__submit input[type=submit]:disabled {
  opacity: 0.4;
  background: #6091F1;
  cursor: not-allowed;
}

.custom-modal .modal-body__submit input[type=submit].disabled {
  opacity: 0.4;
  background: #6091F1;
  cursor: not-allowed;
}

.custom-modal .modal-body__submit button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  padding: 28px 24px;
  border-radius: 8px;
  background: #6091F1;
  color: #fff;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  cursor: pointer;
}

.custom-modal .modal-body__submit button:hover {
  background: #1D57CC;
}

.custom-modal .modal-body__submit button:disabled {
  opacity: 0.4;
  background: #6091F1;
  cursor: not-allowed;
}

.custom-modal .modal-body__submit button.disabled {
  opacity: 0.4;
  background: #6091F1;
  cursor: not-allowed;
}

.custom-modal .modal-body__finish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.custom-modal .modal-body__finish .modal-body__title {
  color: #425161;
  text-align: center;
  font-family: "Golos";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}

.custom-modal .modal-body__finish .modal-body__subtitle {
  color: #425161;
  text-align: center;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.custom-modal .modal-body__finish .modal-body__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 192px;
  width: 192px;
}

.custom-modal .modal-body__finish .modal-body__image img {
  width: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.custom-modal .modal-body__description {
  color: #7C8894;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.37;
}

.custom-modal .modal-body__size li {
  color: #425161;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.custom-modal .modal-body__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.custom-modal .modal ul {
  padding: 0;
  margin: 0;
}

.custom-modal .modal ol {
  padding-left: 18px;
}

.custom-modal .modal li {
  color: #425161;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375;
}

.custom-modal .modal h3 {
  padding: 16px 0;
  color: #425161;
  font-family: "Golos";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.11;
}

.custom-modal.__open {
  height: auto;
  width: 100%;
  opacity: 1;
  visibility: visible;
}

.__fixed {
  min-height: 100%;
  overflow: hidden;
}

.modal[data-modal=one-click] textarea {
  height: 120px;
  resize: vertical;
}

.modal[data-modal=one-click] textarea::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 999;
  background-image: url("/img/resize.svg");
  height: 16px;
  width: 16px;
}

.rating-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

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

.rating-row__title {
  color: #7C8894;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 100% */
}

.rating-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  color: #7C8894;
  font-family: "Golos";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.rating-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.rating-detail .rating-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}

.rating-detail .rating-star svg {
  height: 32px;
  width: 32px;
}

.rating .rating-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}

.rating .rating-star svg path {
  -webkit-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  fill: none;
  stroke: #C7D0D9;
}

.rating .rating-star.__rating-active svg path {
  -webkit-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  fill: #F4BB66;
  stroke: #F4BB66;
}

.rating .rating-star.__rating-hover:not(.__rating-active) svg path {
  -webkit-transition: all ease-in-out 500ms;
  transition: all ease-in-out 500ms;
  fill: #C7D0D9;
  stroke: #C7D0D9;
}

.open {
  display: block;
}

.open-mob {
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.close {
  display: none;
}

.hits__wrapper,
.slider__hits,
.hits1__wrapper,
.actions__wrapper {
  margin-left: -16px;
  margin-right: -16px;
  padding: 0 16px;
}

.error_border {
  border: 1px solid #FF3333;
}

.highlight {
  background-color: #F5F9FC;
  border: 1px solid #6091F1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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

.disabled svg g path {
  stroke: #C7D0D9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.disabled:hover {
  background-color: #F5F9FC;
}

.disabled {
  cursor: default;
  background-color: #F5F9FC;
}

.test-modal {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.test-modal button {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

.test-modal a {
  height: 48px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #1D57CC;
  background: #E0EBFF;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #E0EBFF;
}

@media (max-width: 1260px) {
  .container {
    max-width: 936px;
  }

  .header {
    margin-bottom: 24px;
  }

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

  .banner__left {
    width: 100%;
    height: 473px;
  }

  .banner__right {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
    height: 248px;
  }

  .banner__right-item {
    height: 248px;
  }

  .chain {
    margin-top: 18px;
  }

  .chain__header {
    padding: 36px 24px;
    font-size: 20px;
    line-height: 24px;
  }

  .chain__item-header {
    width: 40%;
  }

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

  .hits__header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .cat {
    display: none;
  }

  .info {
    margin-top: 96px;
  }

  .info__top24 {
    margin-top: 24px;
    margin-bottom: 96px;
  }

  .info__m {
    margin-top: 64px;
  }

  .info__box {
    width: 100%;
    padding: 32px 298px 32px 50px;
  }

  .info__m .info__box {
    padding: 42px 363px 42px 48px;
  }

  .info__icon-wrapper {
    right: 46px;
  }

  .info__link {
    margin-top: 24px;
  }

  .callback__left {
    margin-left: 0;
    width: 66%;
    padding: 101px 168px 101px 28px;
  }

  .callback__form {
    right: 0;
  }

  .footer__nav-left {
    gap: 48px;
  }

  .footer__bottom {
    margin-left: 48px;
    margin-right: 48px;
  }

  .catalog__section {
    margin-top: 48px;
  }

  .catalog__box {
    margin-top: 48px;
  }

  .filter {
    position: fixed;
    left: -600px;
    background-color: #fff;
    z-index: -10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .filter__active {
    z-index: 11;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 548px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .filter__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 48px 48px 24px 32px;
  }

  .filter__button {
    width: 216px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 48px;
    margin-bottom: 48px;
    background: #6091F1;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .filter__button_close {
    margin-top: 0;
    margin-bottom: 0;
  }

  .filter__button:hover {
    background-color: #1D57CC;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .filter__button-svg {
    width: 16px;
    height: 16px;
  }

  .filter__button-svg svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .filter__button-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
  }

  .filter__button-reset {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #6091F1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }

  .filter__button-reset:hover {
    color: #1D57CC;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .filter__wrapper {
    padding: 24px 48px 48px 44px;
    overflow-y: auto;
  }

  .filter__result {
    display: none !important;
  }

  .filter__result-tab {
    display: block;
    width: 100%;
    padding: 24px 44px;
    -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
            box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
  }

  .filter__result-btn {
    height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    background: #6091F1;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .filter__result-btn:hover {
    background: #1D57CC;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .right-block__line24 {
    display: block;
  }

  .item__photo-block {
    border-bottom: 0;
    padding-bottom: 4px;
  }

  .item__photo-wrapper {
    height: 492px;
  }

  .item__slider-wrapper {
    gap: 6px;
  }

  .item__swiper {
    height: 402px;
  }

  .item__slider-box {
    width: 96px;
  }

  .item__slider-photo {
    height: 96px;
  }

  .item__photo {
    width: 492px;
    height: 492px;
  }

  .item__right {
    max-width: 295px;
  }

  .item__cart-add {
    width: 101px;
  }

  .item__add-text {
    display: none;
  }

  .item__storage-description {
    line-height: 16px;
  }

  .item__description-left {
    max-width: 534px;
  }

  .item__description-right {
    max-width: 376px;
  }

  .item__description-expang {
    margin-top: 16px;
  }

  .item__map-left {
    max-width: 376px;
    padding: 24px 6px 24px 24px;
  }

  .item__map-heading {
    margin-top: 24px;
  }

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

  .cart__left {
    max-width: 100%;
  }

  .cart__name {
    width: 49%;
  }

  .cart__right {
    margin-top: 24px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    max-width: unset;
    width: 455px;
  }

  .part__hero-descr {
    margin-left: 0;
  }

  .part__hero-img1 {
    left: 11%;
  }

  .part__hero-img2 {
    right: 0;
  }

  .part__slide {
    padding: 16px;
  }

  .about__wrapper {
    margin-top: 72px;
    margin-bottom: 48px;
  }

  .about__box {
    margin-top: 72px;
    gap: 24px;
  }

  .about__box_right {
    margin-left: 0;
  }

  .about__box_left {
    margin-right: 0;
  }

  .about__description {
    width: 456px;
  }

  .about__photo {
    width: 456px;
    height: 304px;
  }

  .about__photo-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }

  .about__heading {
    margin-top: 72px;
  }

  .about__heading_first {
    margin-left: 0;
  }

  .about__heading_second {
    margin-left: 42.5%;
  }

  .service__adv-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 80px;
  }

  .service__adv-item {
    max-width: 376px;
    gap: 6px;
    padding: 0 16px 32px 16px;
  }

  .service__how {
    margin-top: 66px;
  }

  .service__address-map {
    width: 460px;
  }

  .service__brand-box {
    height: 368px;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }

  .stores__map {
    width: 456px;
    height: 468px;
  }

  .stores__contacts {
    margin-top: 38px;
  }

  .job__vacancy-items {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .job__vacancy-item {
    width: 100%;
  }

  .job__vacancy-active {
    width: 100%;
  }

  .resume {
    padding-top: 24px;
  }

  .resume__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 83%;
    margin: 0 auto;
  }

  .resume__header {
    width: 456px;
  }

  .resume__form-container {
    margin-top: 24px;
    width: 100%;
    min-height: 592px;
  }

  .delivery-info__info {
    max-width: 612px;
  }

  .delivery-info__card {
    padding: 16px;
  }

  .delivery-info__card .item__service-logo {
    width: 96px;
    height: 46px;
  }

  .contact-info__info {
    max-width: 616px;
  }

  .card-contact__mess-items {
    gap: 24px;
  }

  .card-contact__mess-items .card-contact__card-row span {
    display: none;
  }

  .contact-info__calculated-col {
    min-width: 170px;
  }

  .brands-catalog__cards-brands {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .sidebar-brand__mw {
    max-width: 296px;
  }

  .sidebar-brand__prev-logo {
    height: 160px;
    padding: 0 16px;
  }

  .sidebar-brand__prev-logo img {
    height: 42px;
  }

  .articles-catalog__cards-items {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .article-detailed__image-prev {
    width: 376px;
    height: 376px;
  }

  .article-detailed__head-title {
    max-width: 540px;
  }

  .article-detailed__content {
    padding-top: 196px;
  }

  .article-detailed__content-inner {
    max-width: 880px;
  }

  .article-detailed__content-inner h5 {
    font-size: 16px;
    font-weight: 400;
  }

  .article-detailed__images-prod {
    display: none;
  }

  .pa-details__content {
    max-width: 616px;
  }

  .pa-orders__orders-items {
    max-width: 616px;
  }

  .pa-final-order__content {
    max-width: 616px;
  }

  .pa-final-order__content .cart__name {
    gap: 0;
    width: 74%;
  }

  .pa-card-prod__inner {
    gap: 16px;
  }

  .pa-card-prod__image-prod {
    width: 96px;
    height: 96px;
  }

  .pa-final-order__sum-row span:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%;
  }

  .pa-mailings__content {
    max-width: 616px;
  }

  .stock-detailed__image-banner {
    height: 268px;
  }

  .stock-prod__items-prod {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .stock-prod__items-prod .product__item {
    width: auto;
  }
}

@media (max-width: 1024px) {
  .callback {
    margin-top: 48px;
    margin-bottom: 240px;
  }

  .callback__left {
    width: 60%;
    padding: 48px 48px 72px 24px;
  }

  .callback__form {
    top: 172px;
    right: 10%;
  }

  .order__box {
    gap: 0;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }

  .order__left {
    max-width: 640px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 49px;
  }

  .order__right {
    max-width: 296px;
    width: 100%;
  }

  .order__item-heading {
    line-height: normal;
    padding-left: 0;
  }

  .order__item:first-child .order__item-heading {
    padding-left: 10px;
  }

  .order__delivery-item:last-child .order__input-delivery {
    max-width: 112px;
  }

  .label__custom.__active {
    top: 21px;
  }

  .input__custom {
    padding-top: 25px;
  }

  .inputs__currier-item--three {
    gap: 24px;
  }
}

@media (max-width: 970px) {
  .article-detailed__image-prev {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 964px) {
  .container {
    max-width: 100%;
    padding: 0 12px;
  }

  .header__top {
    position: relative;
  }

  .header__top-mmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .header__top-mmenu:hover .header__top-point svg rect {
    stroke: #7C8894;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .header__sity-phone {
    display: none;
  }

  .header__country-link {
    display: none;
  }

  .header__callback {
    left: 10%;
    width: 80%;
  }

  .header__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: -360px;
    left: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    padding: 16px 16px 48px 16px;
    border-radius: 20px 20px 0px 0px;
    z-index: 6;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .header__top-mob {
    bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .header__line-mob {
    display: block;
    width: 48px;
    height: 4px;
    margin: 0 auto 16px auto;
    background-color: #C7D0D9;
  }

  .header__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .header__art {
    height: auto;
    padding: 8px 16px;
    border-radius: 16px;
  }

  .header__art-link {
    font-size: 16px;
    line-height: 16px;
  }

  .header__action {
    display: none;
  }

  .header__section-heading {
    color: #425161;
  }

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

  .chain__item-header {
    width: 100%;
    padding: 24px;
    border-right: unset;
    text-align: center;
    border-bottom: 2px solid #F5F9FC;
  }

  .chain__item {
    max-width: unset;
    width: 100%;
    padding: 24px 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .chain__item:not(:last-child) {
    border-right: unset;
    border-bottom: 2px solid #F5F9FC;
  }

  .chain__popup {
    max-width: 540px;
    right: calc((100% - 540px) / 2);
    top: 40%;
  }

  .callback__left {
    width: 80%;
  }

  .callback__heading {
    font-size: 20px;
    line-height: 22px;
  }

  .footer__top {
    gap: 8px;
  }

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

  .footer__nav-left {
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer__midle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .footer__menu_right {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }

  .footer__bottom {
    margin-left: 16px;
    margin-right: 16px;
  }

  .hits__wrapper,
  .slider__hits,
  .hits1__wrapper,
  .actions__wrapper {
    margin-left: -8px;
    margin-right: -8px;
    padding: 0 8px;
  }
}

@media (max-width: 900px) {
  .delivery-info__wrapper {
    padding: 48px 0 24px 0;
  }

  .title-info__arrow-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sidebar-info {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: none;
  }

  .sidebar-info__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
  }

  .sidebar-info__body {
    -webkit-box-shadow: 0px 8px 24px -4px rgba(24, 39, 75, 0.08), 0px 6px 12px -6px rgba(24, 39, 75, 0.12);
            box-shadow: 0px 8px 24px -4px rgba(24, 39, 75, 0.08), 0px 6px 12px -6px rgba(24, 39, 75, 0.12);
    background-color: #425161;
    min-height: 728px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 320px;
  }

  .sidebar-info__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 48px 12px 24px 12px;
    border-bottom: 2px solid #7C8894;
  }

  .sidebar-info__title span {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
  }

  .sidebar-info .pa-user-data {
    padding: 24px 0 0 26px;
    display: block;
  }

  .sidebar-info .pa-user-data div {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    color: #7C8894;
  }

  .sidebar-info .pa-user-data span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: #7C8894;
  }

  .sidebar-info__title-close {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
  }

  .sidebar-info__title-close svg {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .sidebar-info__list {
    padding: 24px 8px;
  }

  .sidebar-info__item:hover::before {
    display: none;
  }

  .sidebar-info__item a {
    color: #FFFFFF;
  }

  .title-info h1 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
  }

  .delivery-info__service {
    margin-bottom: 16px;
  }

  .delivery-info__cards {
    grid-template-columns: repeat(auto-fill, 296px);
    gap: 16px;
  }

  .delivery-info__card .item__service-logo {
    width: 66px;
    height: 32px;
  }

  .title-m h3 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.4px;
  }

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

  .title-s h5,
  div {
    font-size: 16px;
    line-height: 16px;
  }

  .order__item-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }

  .order__right {
    display: none;
  }

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

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

  .footer__pay {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .payment-info__wrapper {
    padding: 48px 0 24px 0;
  }

  .payment-info__m48 {
    margin-bottom: 24px;
  }

  .exchange-return__wrapper {
    padding: 48px 0 24px 0;
  }

  .exchange-return__accordion-items {
    gap: 16px;
  }

  .accordion-item__prev-descr {
    padding: 8px;
  }

  .accordion-item__txt {
    font-size: 16px;
    line-height: 16px;
  }

  .guarantees-info__wrapper {
    padding: 48px 0 24px 0;
  }

  .guarantees-info__m48 {
    margin-bottom: 24px;
  }

  .bonus-program__wrapper {
    padding: 48px 0 24px 0;
  }

  .contact-info__wrapper {
    padding: 48px 0 24px 0;
  }

  .contact-info__info {
    max-width: 100%;
  }

  .contact-info__cards-items {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .contact-info__m24 {
    margin-bottom: 16px;
  }

  .contact-info__calculated-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .questions-info__wrapper {
    padding: 48px 0 24px 0;
  }

  .brands-catalog__wrapper {
    padding: 48px 0 24px 0;
  }

  .brands-catalog__cards-brands {
    grid-template-columns: repeat(auto-fill, 218px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }

  .brands-catalog__card-brand {
    height: 141px;
  }

  .detailed-brand__wrapper {
    padding: 48px 0;
  }

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

  .detailed-brand__content-left {
    max-width: 100%;
  }

  .video-frame__m {
    margin: 16px 0;
  }

  .detailed-brand__image-brand {
    margin-bottom: 48px;
  }

  .articles-catalog__wrapper {
    padding: 48px 0 24px 0;
  }

  .articles-catalog__cards-items {
    grid-template-columns: repeat(auto-fill, 296px);
  }

  .articles-catalog__full-card {
    grid-row: auto;
    grid-column: auto;
    background-color: transparent;
    padding: 0;
  }

  .articles-catalog__card-item .news__photo-wrap {
    height: 296px;
  }

  .articles-catalog__full-card .news__photo-wrap {
    height: 296px;
  }

  .articles-catalog__nav-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .articles-catalog__nav-bottom .right-block__nav-wrapper {
    width: 100%;
    margin-bottom: 24px;
  }

  .articles-catalog__nav-bottom .right-block__pagination-btn {
    width: 100%;
  }

  .articles-catalog__nav-bottom .right-block__pagination {
    width: 100%;
  }

  .articles-catalog__nav-bottom .right-block__pagination-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .articles-catalog__nav-bottom .right-block__pagination-main {
    margin-top: 0;
  }

  .articles-catalog__nav-bottom .right-block__pagination-filter {
    display: none;
  }

  .article-detailed__wrapper {
    padding: 48px 0 24px 0;
  }

  .article-detailed__head-dec {
    background-color: transparent;
    position: relative;
  }

  .article-detailed__head-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    position: static;
  }

  .article-detailed__head-inner::before {
    content: "";
    width: 100%;
    height: 220px;
    position: absolute;
    left: 0;
    top: -27px;
    background-color: #F5F9FC;
    z-index: -1;
  }

  .article-detailed__image-prev {
    width: 298px;
    height: 298px;
    position: static;
  }

  .article-detailed__head-dec {
    padding: 0 0 48px 0;
  }

  .article-detailed__content {
    padding-top: 0;
  }

  .stock-catalog__wrapper {
    padding: 48px 0 24px 0;
  }

  .stock-catalog__nav-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .stock-catalog__nav-bottom .right-block__nav-wrapper {
    width: 100%;
  }

  .stock-catalog__nav-bottom .right-block__pagination-btn {
    width: 100%;
  }

  .stock-catalog__nav-bottom .right-block__pagination {
    width: 100%;
  }

  .stock-catalog__nav-bottom .right-block__pagination-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .stock-catalog__nav-bottom .right-block__pagination-main {
    margin-top: 0;
  }

  .stock-catalog__nav-bottom .right-block__pagination-filter {
    display: none;
  }

  .pa-details__wrapper {
    padding: 48px 0 24px 0;
  }

  .pa-details__nav-data .pa-user-data__m48 {
    display: none;
  }

  .pa-details__inner {
    gap: 0;
  }

  .pa-details__content {
    max-width: 100%;
  }

  .pa-details__form {
    max-width: 100%;
  }

  .pa-details__form-input span {
    display: none;
  }

  .pa-bonus-program__wrapper {
    padding: 48px 0 24px 0;
  }

  .pa-bonus-program__wrapper .infotext-description {
    padding-left: 20px;
  }

  .pa-bonus-program__prev {
    gap: 16px;
  }

  .pa-orders__wrapper {
    gap: 0;
    padding: 48px 0 24px 0;
  }

  .pa-orders__orders-items {
    max-width: 100%;
  }

  .pa-orders__list-items {
    gap: 16px;
  }

  .pa-orders__list-item {
    padding: 16px;
  }

  .pa-orders__prod-id div {
    font-size: 16px;
  }

  .pa-orders__description p {
    font-size: 14px;
  }

  .pa-final-order__wrapper {
    padding: 48px 0 24px 0;
  }

  .pa-final-order__content {
    max-width: 100%;
    gap: 24px;
  }

  .pa-final-order__content-data {
    padding-bottom: 24px;
  }

  .pa-final-order__content .pa-orders__prod-head {
    margin-bottom: 24px;
  }

  .pa-final-order__list {
    gap: 8px;
  }

  .pa-final-order__item span {
    font-size: 14px;
  }

  .pa-card-prod__inner {
    gap: 8px;
  }

  .pa-card-prod__description-prod {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .pa-card-prod__data-prod h6 {
    font-size: 14px;
  }

  .pa-final-order__item span:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
            flex: 0 0 38%;
  }

  .pa-card-prod__prod-info {
    gap: 4px;
  }

  .pa-card-prod__prod-info div {
    font-size: 14px;
  }

  .pa-card-prod__quantity-prod span {
    font-size: 14px;
  }

  .pa-card-prod__image-prod {
    width: 72px;
    height: 72px;
  }

  .pa-card-prod__data-prod {
    max-width: 100%;
  }

  .pa-card-prod__sum-info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }

  .pa-card-prod__sum-prod {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .pa-card-prod__sum-prod span:nth-child(1) {
    font-size: 14px;
  }

  .pa-card-prod__sum-prod span:nth-child(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    font-size: 14px;
  }

  .pa-final-order__sum-row span:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44%;
            flex: 0 0 44%;
  }

  .pa-mailings__wrapper {
    gap: 0;
    padding: 48px 0 24px 0;
  }

  .pa-mailings__content {
    max-width: 100%;
  }

  .stock-detailed__wrapper {
    padding: 48px 0;
  }

  .stock-detailed__image-banner {
    height: 100%;
    max-height: 268px;
  }

  .stock-detailed__title {
    margin-bottom: 16px;
  }

  .stock-detailed__title h1 {
    font-size: 22px;
    letter-spacing: -0.6px;
  }

  .stock-detailed__limited-time div {
    display: block;
  }

  .stock-prod__wrapper {
    padding: 0 0 24px 0;
  }

  .stock-prod__items-prod {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .stock-prod__items-prod .product__price {
    width: auto;
  }

  .sidebar-items--none {
    display: none;
  }

  .privacy-policy__wrapper {
    padding: 48px 0 24px 0;
  }

  .privacy-policy__wrapper .title-b__txt {
    margin-bottom: 24px;
  }

  .page-not-found__wrapper {
    padding: 48px 0 16px 0;
  }

  .page-not-found__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .page-not-found__image {
    width: 144px;
    height: 144px;
  }

  .page-not-found__prev-text {
    max-width: 100%;
    gap: 16px;
  }

  .page-not-found__btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 48px;
  }
}

@media (max-width: 860px) {
  .heading__description-text {
    width: 480px;
    margin-left: 48px;
    margin-top: 48px;
    font-size: 18px;
    line-height: 24px;
  }

  .stores__map {
    width: 360px;
    height: 480px;
  }
}

@media (max-width: 700px) {
  .modal__pickup-left {
    padding: 24px 0 16px 16px;
  }

  .modal__pickup-left .button__custom-arrow {
    display: none;
  }

  .modal__pickup-btn--back {
    background-color: transparent;
    padding: 0;
    min-height: auto;
    color: #7C8894;
  }

  .modal__pickup-btn--back svg {
    display: block;
  }

  .modal__pickup-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
  }

  .modal__pickup-left .store__wrapper {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    height: 188px;
    border-radius: 20px 20px 0px 0px;
    padding: 16px 12px 22px 12px;
    gap: 16px;
  }

  .modal__icon-line {
    display: block;
    width: 48px;
    height: 4px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 auto;
  }

  .modal__pickup-right {
    width: 100%;
    height: 100%;
  }

  .modal__pickup-left .store__title {
    text-align: center;
  }

  .modal__pickup-left .store__item-wrapper {
    padding: 0;
  }

  .modal__pickup-left .store__list {
    padding-right: 0;
  }

  .modal__pickup-left .store__item:not(:last-child) {
    border: 0;
    margin-bottom: 16px;
  }
}

@media (max-width: 600px) {
  .container {
    max-width: 100%;
  }

  .crumbs {
    margin-top: 24px;
  }

  .heading {
    margin-top: 8px;
  }

  .heading_m48 {
    margin-top: 48px;
    margin-right: 16px;
  }

  .heading__main {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.6px;
  }

  .heading__name {
    font-size: 22px;
    line-height: 26px;
  }

  .heading__name span {
    display: unset;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #425161;
    text-transform: lowercase;
  }

  .heading__quantity {
    display: none;
  }

  .heading__search {
    font-size: 16px;
    line-height: 16px;
  }

  .heading__description-text {
    width: 100%;
    margin-left: 0;
    margin-top: 48px;
    font-size: 14px;
    line-height: 14px;
  }

  .heading__description-text p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .subcategory__wrapper {
    gap: 24px;
    margin-top: 22px;
  }

  .header {
    margin-bottom: 14px;
  }

  .header__top-left {
    gap: 4px;
  }

  .header__help-name span {
    display: none;
  }

  .header__help-modal {
    position: fixed;
    width: 100%;
    bottom: -400px;
    top: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px 20px 0px 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .header__help-modal::after {
    content: unset;
  }

  .header__help-soc {
    display: none;
  }

  .header__heading-mob {
    display: block;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #425161;
  }

  .header__help-callback {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-top: unset;
    gap: 24px;
  }

  .header__help-callback-time {
    font-size: 16px;
    line-height: 16px;
  }

  .header__line-w100 {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #F5F9FC;
  }

  .header__mail-mob {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #7C8894;
  }

  .header__help-contacts {
    display: none;
  }

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

  .header__phone-number {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #25313D;
  }

  .header__phone-text {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #7C8894;
    margin-left: 8px;
  }

  .header__callback {
    display: block;
    top: unset;
    bottom: -400px;
    left: 0;
    width: 100%;
    padding: 16px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
            box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
    border-radius: 20px 20px 0px 0px;
  }

  .header__callback-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .header__callback-close {
    display: none;
  }

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

  .header__callback-input-box {
    gap: 16px;
  }

  .header__callback-btn {
    width: 64px;
  }

  .header__callback-btn img {
    display: block;
    width: 14px;
    height: 14px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .header__callback-btn span {
    display: none;
  }

  .header__main {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
    position: relative;
  }

  .header__logo {
    width: 164px;
    height: 32px;
  }

  .header__personal {
    position: absolute;
    top: 126px;
    right: 18px;
    gap: 24px;
  }

  .header__bottom {
    margin-top: 18px;
  }

  .header__menu-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
    width: 100%;
    height: auto;
    padding: 0 4px;
  }

  .header__search-wrapper {
    width: 100%;
    height: 48px;
  }

  .header__search {
    width: 100%;
    height: 48px;
    border-radius: 8px;
  }

  .header__search-btn {
    right: 20px;
  }

  .header__catalog {
    height: 48px;
    border-radius: 8px;
  }

  .header__menu-second {
    left: 0;
    height: 100%;
  }

  .header__menu-back {
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 12px;
  }

  .header__link-all {
    display: block;
  }

  .header__back-img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .hits {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .hits__watched {
    padding-bottom: 24px;
  }

  .hits__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .hits__heading-category {
    font-size: 20px;
    line-height: 22px;
  }

  .hits__header-link span {
    display: none;
  }

  .hits__nav {
    display: none;
  }

  .hits__box {
    margin-top: 16px;
  }

  .product__item:hover {
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }

  .product__item-wrapper {
    position: relative;
  }

  .product__photo-wrapper {
    position: unset;
  }

  .product__cat {
    width: calc((100% - 16px) / 2);
  }

  .product__photo {
    height: 218px;
  }

  .product__cat .product__photo {
    height: 140px;
  }

  .product__cat .product__favorit {
    top: unset;
    right: 8px;
    bottom: 13px;
  }

  .product__cat .product__stiskers {
    top: -3px;
    right: -3px;
    left: unset;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .product__cat .product__feedback {
    display: none;
  }

  .product__description {
    padding: 8px;
    margin-top: 8px;
  }

  .product__cat .product__description {
    padding: unset;
    margin-top: 16px;
  }

  .product__name {
    font-size: 14px;
    line-height: 16px;
  }

  .product__price-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .product__price {
    width: 60%;
  }

  .product__cat .product__price-wrapper {
    display: none;
  }

  .product__cat .product__price-wrapper_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .product__cat .product__price-main {
    font-size: 14px;
    line-height: 14px;
  }

  .product__price-main {
    font-size: 16px;
    line-height: 16px;
  }

  .product__cat .product__price-old {
    font-size: 14px;
    line-height: 14px;
  }

  .product__price-old {
    font-size: 14px;
    line-height: 16px;
  }

  .product__cart-btn {
    height: 40px;
  }

  .right-block__cards_list .product__item {
    padding: 16px 0;
  }

  .right-block__cards_list .product__item-wrapper {
    gap: 16px;
  }

  .right-block__cards_list .product__description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .right-block__cards_list .product__props {
    margin-top: 16px;
  }

  .right-block__cards_list .product__favorit {
    top: unset;
    right: 16px;
    bottom: 10px;
  }

  .right-block__cards_list .product__prop {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .news {
    margin-top: 48px;
  }

  .news__articles {
    margin-top: 0;
  }

  .news__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .news__articles .news__heading {
    font-size: 32px;
    line-height: 32px;
  }

  .news__nav {
    display: none;
  }

  .news__box {
    margin-top: 24px;
  }

  .news__item {
    height: auto;
  }

  .news__photo-wrap {
    height: 218px;
  }

  .news__descr {
    margin-top: 8px;
  }

  .news__item-heading {
    margin-top: 8px;
  }

  .footer__line {
    height: 1px;
  }

  .footer__line-mob {
    display: block;
  }

  .footer__top {
    display: none;
  }

  .footer__subscr {
    display: none;
  }

  .footer__contacts {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer__midle {
    margin-bottom: 0;
    gap: unset;
  }

  .footer__nav-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding-left: 8px;
    gap: 16px;
    margin-bottom: 24px;
  }

  .footer__menu-mob {
    display: block;
    margin-top: 24px;
  }

  .footer__menu_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 24px;
  }

  .footer__bottom {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    background-color: #fff;
    padding-bottom: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer__fred-link {
    width: 68px;
  }

  .footer__img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }

  .catalog__heading {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.6px;
    text-transform: uppercase;
  }

  .catalog__box {
    gap: 8px;
  }

  .filter {
    width: 100%;
  }

  .filter__wrapper {
    padding: 0 12px;
  }

  .filter__wrapper .right-block__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .filter__line_tags {
    display: block;
  }

  .filter__button-wrapper {
    margin: 24px;
  }

  .filter__button {
    width: 100%;
    margin-bottom: 22px;
  }

  .filter__button_close {
    width: 124px;
    margin-bottom: 0;
  }

  .filter__result-tab {
    padding: 24px 12px;
  }

  .filter__result-btn {
    height: 48px;
  }

  .filter__category {
    margin-top: 24px;
  }

  .right-block__tags {
    display: none;
  }

  .right-block__container {
    max-width: 100%;
  }

  .right-block__view {
    margin: 14px 0;
  }

  .right-block__line24 {
    display: none;
  }

  .right-block__cards {
    gap: 16px;
    margin-top: 48px;
  }

  .right-block__banner {
    height: 64px;
    margin: 24px 0;
    border-radius: 8px;
  }

  .right-block__banner-image {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .right-block__pagination {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }

  .right-block__pagination-btn {
    width: 100%;
  }

  .right-block__pagination-main {
    -ms-flex-item-align: start;
        align-self: flex-start;
    gap: 16px;
    margin-top: 22px;
  }

  .right-block__pagination-filter {
    display: none;
  }

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

  .right-block__pagination-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .reviews__wrapper {
    width: 100%;
  }

  .reviews__heading {
    font-size: 24px;
    line-height: 29px;
  }

  .reviews__add-rew {
    width: 196px;
    height: 48px;
  }

  .reviews__box {
    margin-top: 16px;
    gap: 16px;
  }

  .reviews__item {
    padding: 16px;
  }

  .reviews__popup {
    width: 100%;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 48px 24px 24px 24px;
    border-radius: 20px 20px 0 0;
  }

  .reviews__popup-active {
    height: 480px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .reviews__popup-wrapper {
    width: 100%;
    height: 404px;
    max-height: unset;
  }

  .reviews__popup-close {
    top: 16px;
    right: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .reviews__popup-from {
    margin-top: 24px;
  }

  .reviews__popup-submit button {
    padding: 16px 24px;
  }

  .reviews__empty {
    height: 96px;
  }

  .reviews__go {
    right: 24px;
  }

  .item {
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .item__photo-slider {
    display: none;
  }

  .item__photo-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }

  .item__photo-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    height: auto;
  }

  .item__photo {
    width: 100%;
    height: 296px;
  }

  .item__stiskers {
    top: 6px;
  }

  .item__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
  }

  .item__pagination-point {
    width: 9px;
    height: 6px;
    background: #25313D;
    opacity: 0.2;
    border-radius: 4px;
  }

  .item__pagination-active {
    width: 32px;
    background: #425161;
    opacity: 0.8;
  }

  .item__right {
    max-width: 100%;
  }

  .item__rating-link {
    font-size: 12px;
    line-height: 12px;
  }

  .item__name {
    font-size: 20px;
    line-height: 22px;
  }

  .item__size-popup {
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 24px 24px 8px 24px;
    z-index: 10;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .item__size-popup_active {
    height: 524px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .item__popup-wrapper {
    height: 488px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: auto;
  }

  .item__popup-close {
    top: 20px;
    right: 24px;
  }

  .item__line-wrapper {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .item__line-mob {
    display: block;
    width: 48px;
    height: 4px;
    margin-bottom: 16px;
    background-color: #C7D0D9;
  }

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

  .item__size-wrapper {
    padding: 0 16px;
  }

  .item__size-num a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .item__popup-guide {
    margin-top: 24px;
  }

  .item__cart-wrapper {
    gap: 16px;
  }

  .item__cart-add {
    width: 109px;
  }

  .item__delivery-description {
    gap: 8px;
  }

  .item__storage-info {
    margin-top: 18px;
  }

  .item__description-left {
    max-width: 100%;
  }

  .item__description-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 16px;
  }

  .item__description {
    overflow-y: auto !important;
    height: 320px;
  }

  .item__description h3 {
    margin-top: 36px;
    font-size: 20px;
    line-height: 22px;
  }

  .item__description div b {
    margin-top: 44px;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 16px;
  }

  .item__description-expang {
    display: none;
  }

  .item__description_btn_mob {
    display: block;
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #6091F1;
  }

  .item__description_mob_hidden {
    height: 240px;
    min-height: unset;
    overflow: hidden !important;
  }

  .item__description-right {
    max-width: 100%;
  }

  .item__specification-heading {
    font-size: 20px;
    line-height: 22px;
  }

  .item__specification-box {
    margin-top: 16px;
    gap: 16px;
  }

  .item__delivery-heading {
    font-size: 20px;
    line-height: 22px;
  }

  .item__popup-bid {
    width: 100%;
    top: unset;
    bottom: -660px;
    left: 0;
    right: 0;
    padding: 48px 16px 16px;
    border-radius: 20px 20px 0 0;
    z-index: 10;
  }

  .item__popup-order {
    width: 100%;
    top: unset;
    bottom: -660px;
    left: 0;
    right: 0;
    padding: 48px 16px 16px;
    border-radius: 20px 20px 0 0;
  }

  .item__popup-active {
    height: 560px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    bottom: 0;
  }

  .item__popup-return {
    height: 430px;
    padding-top: 0;
  }

  .item__input-file_wrap {
    padding: 8px;
  }

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

  .item__popup-submit button {
    padding: 16px 24px;
  }

  .item__minicart {
    top: 48px;
    right: 2%;
    width: 96%;
  }

  .cart {
    margin-bottom: 0;
  }

  .cart__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .cart__box {
    margin-top: 24px;
  }

  .cart__lk-authorisation {
    padding: 16px;
  }

  .cart__items {
    margin-top: 32px;
  }

  .cart__item {
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cart__name {
    width: 100%;
    gap: 0;
  }

  .cart__photo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }

  .cart__photo {
    width: 96px;
    height: 96px;
  }

  .cart__sticks {
    top: -4px;
  }

  .cart__description {
    padding: 0;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-left: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .cart__item-name {
    font-size: 14px;
    line-height: 14px;
  }

  .cart__property {
    font-size: 12px;
    line-height: 12px;
  }

  .cart__quantity {
    display: none;
  }

  .cart__price {
    display: none;
  }

  .cart__price-old {
    font-size: 14px;
    line-height: 14px;
  }

  .cart__price-main {
    margin-top: 0;
    font-size: 14px;
    line-height: 14px;
  }

  .cart__price-mob {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 4px;
  }

  .cart__icons {
    display: none;
  }

  .cart__options-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }

  .cart__options-mob svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .cart__popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: -300px;
    left: 0;
    right: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
            box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 52px -4px rgba(24, 41, 75, 0.04);
    border-radius: 20px 20px 0px 0px;
    z-index: 12;
    padding: 16px 12px 48px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .cart__popup-active {
    bottom: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .cart__popup-wrapper {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cart__popup-line {
    width: 48px;
    height: 4px;
    background-color: #C7D0D9;
    border-radius: 2px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .cart__popup-quantity {
    margin-top: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }

  .cart__popup__name {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #425161;
  }

  .cart__quantity-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
  }

  .cart__line-small {
    margin-top: 24px;
    width: 100%;
    height: 2px;
    background-color: #F5F9FC;
  }

  .cart__icons-popup {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart__favorit-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }

  .cart__favorite-name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #7C8894;
  }

  .cart__delete-mob {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #7C8894;
  }

  .cart__miss {
    margin-top: 16px;
  }

  .cart__miss-heading {
    font-size: 20px;
    line-height: 22px;
  }

  .cart__miss .cart__items {
    margin-top: 8px;
  }

  .cart__not-price {
    display: none;
  }

  .cart__not-price-mob {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FF3333;
  }

  .cart__miss .cart__description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .cart__form-wrapper {
    width: 100%;
  }

  .cart__submit {
    right: 12px;
  }

  .cart__right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-width: unset;
    width: 100%;
    padding: 24px;
    background: #F5F9FC;
    border-radius: 20px;
  }

  .part__hero-wrapper {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 48px;
  }

  .part__hero-descr {
    margin: 0;
  }

  .part__hero-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .part__hero-text {
    margin-top: 8px;
  }

  .part__hero-image {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
    -ms-flex-item-align: unset;
        -ms-grid-row-align: unset;
        align-self: unset;
    height: 164px;
  }

  .part__hero-img1 {
    top: 15%;
    left: 5%;
    width: 188px;
    height: 116px;
  }

  .part__hero-img2 {
    top: -14%;
    right: 4%;
    width: 188px;
    height: 116px;
  }

  .part__box {
    margin-top: 48px;
  }

  .part__slider-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .part__article {
    margin-top: 42px;
  }

  .part__article-wrapper {
    max-width: 100%;
    padding: 0 4px;
  }

  .part__article-wrapper h3 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
  }

  .part__article-wrapper p {
    margin: 16px 0 40px;
  }

  .stores {
    margin-bottom: 0;
  }

  .stores__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .stores__map {
    width: 100%;
    height: 480px;
    margin-top: 24px;
  }

  .stores__tags-heading {
    font-size: 16px;
    line-height: 16px;
  }

  .stores__tags-items {
    margin-top: 14px;
  }

  .stores__items {
    margin-top: 0;
  }

  .stores__items-heading {
    display: none;
  }

  .stores__items-wrapper {
    width: unset;
  }

  .stores__item {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    border-radius: 20px 20px 0 0;
    background-color: #FFFFFF;
  }

  .stores__item_active {
    bottom: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 10;
  }

  .stores__item-line {
    display: block;
    width: 48px;
    height: 4px;
    background-color: #C7D0D9;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .stores__item-head {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    letter-spacing: -0.4px;
    color: #425161;
  }

  .stores__contacts {
    margin-top: 48px;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .stores__contacts-item {
    max-width: unset;
    width: 100%;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    background: #F5F9FC;
    border-radius: 20px;
  }

  .job {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .job__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .job__map-box {
    margin-top: 16px;
    width: 100%;
    height: 458px;
  }

  .job__vacancy {
    margin-top: 48px;
  }

  .job__vacancy-items {
    margin-top: 16px;
    gap: 16px;
  }

  .job__vacancy-item {
    min-width: unset;
    width: 100%;
  }

  .job__vacancy-item-wrapper {
    padding: 14px;
    height: 100%;
  }

  .job__vacancy-active {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }

  .job__vacancy-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    min-width: unset;
    width: 100%;
  }

  .job__vacancy-arrow {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .job__vacancy-name {
    font-size: 16px;
    line-height: 16px;
  }

  .resume {
    margin-top: 48px;
    margin-bottom: 0;
  }

  .resume__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
  }

  .resume__header {
    width: 100%;
  }

  .resume__heading {
    margin-top: 24px;
    font-size: 22px;
    line-height: 26px;
  }

  .resume__form-container {
    margin-top: 0;
    padding: 16px;
    min-height: 592px;
  }

  .resume__form {
    gap: 16px;
  }

  .resume__data {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    gap: 16px;
  }

  .resume__file-wrap {
    gap: 8px;
    padding: 8px 16px;
    height: 72px;
  }

  .resume__file-box {
    width: 100%;
    text-align: center;
  }

  .resume__file-label {
    line-height: 14px;
  }

  .resume__file-box span {
    line-height: 14px;
  }

  .resume__select-title {
    padding: 18px 48px 18px 16px;
    line-height: 16px;
  }

  .resume__select-content {
    top: 54px;
  }

  .resume__select[data-state=active] .resume__select-label + .resume__select-input + .resume__select-label {
    max-height: 64px;
    border-top-width: 1px;
  }

  .resume__select-label {
    height: 64px;
    max-height: 0;
  }

  .resume__footer {
    margin-top: 48px;
  }

  .resume__footer-content {
    font-size: 22px;
    line-height: 26px;
  }

  .resume__success {
    margin: auto;
  }

  .resume__success-img {
    width: 96px;
    height: 96px;
  }

  .resume__success-heading {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
  }

  .resume__success-description {
    text-align: center;
  }

  .custom-modal .modal-close {
    height: 4px;
    border-radius: 2px;
    background: #C7D0D9;
    width: 48px;
    left: 50%;
    position: unset;
    margin: 16px auto;
  }

  .custom-modal .modal-close svg {
    display: none;
  }

  .custom-modal .modal-wrapper {
    border-radius: 20px 20px 0 0;
  }

  .custom-modal .modal-body {
    padding: 0 12px 12px 12px;
  }

  .custom-modal .modal-header {
    padding: 0 24px;
    margin-bottom: 16px;
  }

  .custom-modal .modal-header__title {
    text-align: center;
  }

  .custom-modal.__open-mob {
    height: auto;
    width: 100%;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 576px) {
  .banner {
    margin-top: 14px;
  }

  .banner__wrapper {
    gap: 10px;
  }

  .banner__left {
    width: 100%;
    height: 149px;
  }

  .banner__nav {
    display: none;
  }

  .banner__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }

  .banner__right-item {
    height: 161px;
  }

  .chain__item-header {
    min-height: 92px;
  }

  .chain__header {
    font-size: 16px;
    line-height: 22px;
    padding: 0;
  }

  .chain__item {
    min-height: 96px;
  }

  .chain__popup {
    max-width: unset;
    width: 100%;
    right: 0;
    top: 40%;
  }

  .hits1 {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  .hits1__header {
    gap: 4px;
  }

  .hits1__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .hits1__nav {
    display: none;
  }

  .hits1__header-text {
    margin-top: 8px;
    font-size: 16px;
    line-height: 22px;
  }

  .hits1__box {
    margin-top: 20px;
  }

  .info {
    padding-top: 48px;
    margin-top: 0;
  }

  .info__top {
    margin-top: unset;
  }

  .info__m {
    padding-top: 0;
    margin-bottom: 16px;
  }

  .info__box {
    padding: 140px 16px 24px 16px;
  }

  .info__m .info__box {
    padding: 140px 16px 24px 16px;
  }

  .info__icon-wrapper {
    width: 148px;
    height: 148px;
  }

  .info__heading {
    font-size: 18px;
    line-height: 20px;
  }

  .info__text {
    font-size: 12px;
    line-height: 12px;
  }

  .info__icon-wrapper {
    top: -24px;
    right: calc((100% - 148px) / 2);
  }

  .actions__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .actions__nav {
    display: none;
  }

  .actions__link-all span {
    display: none;
  }

  .actions__photo-wrap {
    width: 100%;
    height: auto;
  }

  .actions__date {
    margin-top: 10px;
  }

  .rew {
    margin-top: 48px;
  }

  .rew__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .rew__nav {
    display: none;
  }

  .rew__link-all span {
    display: none;
  }

  .rew__box {
    margin-top: 10px;
  }

  .rew__item {
    height: 250px;
  }

  .brend {
    margin-top: 48px;
  }

  .brend__heading {
    font-size: 22px;
    line-height: 26px;
  }

  .brend__nav {
    display: none;
  }

  .brend__link-all span {
    display: none;
  }

  .brend__item {
    height: 72px;
  }

  .callback {
    margin-bottom: 184px;
  }

  .callback__left {
    width: 100%;
    padding: 48px 16px 72px 6px;
  }

  .callback__phone {
    margin-top: 24px;
  }

  .callback__phone-text {
    font-size: 12px;
    line-height: 12px;
  }

  .callback__form {
    right: 1%;
    left: 1%;
    top: 146px;
    width: auto;
    max-width: 400px;
    padding: 16px;
  }

  .callback__input {
    margin-top: 16px;
    padding-right: 64px;
  }

  .callback__label {
    top: 77px;
    left: 16px;
  }

  .callback__input:focus + .callback__label {
    top: 61px;
  }

  .callback__btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 62px;
    right: 12px;
  }

  .callback__btn span {
    display: none;
  }

  .vk {
    margin-top: 32px;
    margin-bottom: 48px;
  }

  .vk__icon-wrap {
    display: none;
  }

  .vk__nav {
    display: none;
  }

  .vk__heading-h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .vk__item {
    height: 218px;
  }

  .about__wrapper {
    margin-top: 48px;
    margin-bottom: 0;
  }

  .about__box {
    margin-top: 48px;
    gap: 12px;
  }

  .about__box_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

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

  .about__description {
    width: 100%;
  }

  .about__description-wrapper {
    gap: 12px;
  }

  .about__description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .about__description-text {
    width: 100%;
  }

  .about__photo {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }

  .about__photo-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }

  .about__heading {
    margin-top: 48px;
    font-size: 20px;
    line-height: 22px;
  }

  .about__heading_second {
    margin-left: 0;
  }

  .service__heading {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.6px;
  }

  .service__header-description {
    max-width: 100%;
    margin-top: 24px;
    font-size: 16px;
    line-height: 22px;
  }

  .service__adv {
    margin-top: 48px;
  }

  .service__adv-wrapper {
    padding: 0;
    gap: 24px;
  }

  .service__adv-item {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 0 16px 24px 16px;
  }

  .service__how {
    margin-top: 24px;
    padding: 0 8px;
  }

  .service__how-items {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }

  .service__how-item {
    padding: 16px;
  }

  .service__how-link {
    height: 48px;
  }

  .service__how-description {
    font-size: 14px;
    line-height: 14px;
  }

  .service__how-btn {
    margin-top: 16px;
    width: 100%;
    height: 48px;
  }

  .service__specialists {
    margin-top: 48px;
    padding: 0 8px;
  }

  .service__specialists-items {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .service__specialists-photo {
    height: auto;
    border-radius: 8px;
  }

  .service__specialists-description {
    margin-top: 8px;
  }

  .service__specialists-post {
    margin-top: 8px;
  }

  .service__address {
    margin-top: 48px;
    padding: 0 8px;
  }

  .service__address-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 18px;
  }

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

  .service__address-description {
    width: 100%;
    height: 100%;
    padding: 16px 24px 24px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .service__address-street {
    line-height: 22px;
  }

  .service__address-map {
    width: 100%;
    height: 166px;
    border-radius: 0 0 20px 20px;
    position: relative;
    overflow: hidden;
  }

  .service__brand {
    margin-top: 48px;
  }

  .service__brand-heading {
    font-size: 20px;
    line-height: 22px;
  }

  .service__brand-box {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }

  .order__heading {
    font-size: 22px;
  }

  .order__items,
  .order__forms {
    gap: 54px;
  }

  .order__item-box {
    gap: 16px;
  }

  .order__box {
    margin-top: 54px;
  }

  .order__authorise {
    padding: 16px;
  }

  .order__input-wrapper {
    max-width: 100%;
  }

  .order__item-heading {
    font-size: 20px;
  }

  .order .inputs__currier.__active {
    margin-top: 40px;
  }

  .order .inputs__currier-item--three {
    gap: 16px;
  }

  .order .inputs__currier-item--three .label__custom {
    font-size: 12px;
  }

  .order__input-city {
    max-width: 100%;
  }

  .bonus__box {
    border-radius: 10px;
    background-color: #F5F9FC;
    padding: 4px;
  }

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

  .select__custom-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 16px;
  }

  .order__pay-choice + .order__line {
    margin-top: 28px;
  }

  .order__line + .bonus__wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .button__custom.primary-custom {
    width: 100%;
  }

  .modal__pickup-left .store__wrapper {
    gap: 11px;
  }

  .modal__pickup-left .store__title {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  .product__photo {
    height: 141px;
  }

  .product__price {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .mess {
    position: fixed;
    opacity: 1;
    visibility: visible;
    right: calc(50% - 160px);
    width: 320px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 16px;
    border-radius: 8px;
    /* $gray32 */
    background: #425161;
    z-index: 100;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .mess__close {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .video-frame__m {
    height: 165px;
  }

  .detailed-brand__image-brand {
    height: 186px;
  }
}

@media (max-width: 375px) {
  .order__heading {
    font-size: 22px;
  }

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

  .order__item-heading {
    font-size: 20px;
  }

  .order__label-delivery {
    font-size: 16px;
    line-height: 1;
  }

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

  .order__box .bonus__btn {
    font-size: 14px;
  }

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

  .footer__pay {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer__pay .footer__pay-text {
    width: 100%;
    text-align: center;
  }

  .footer_order .footer__image-list {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* End */


/* Start:/local/templates/main/css/custom.css?173010127914972*/
/* .catalog__box {
    justify-content: unset;
} */
h1.item__name{
    word-break: keep-all;
    
    overflow-wrap: break-word;
 }
.online-chat-root-MeTalk #supportTrigger {
    left: unset !important;
    right: 3px !important;
    z-index: 5 !important;
}

.subtitle_m {
    text-transform: uppercase;
}

#ohsnap {
    text-shadow: none;
}
  
#ohsnap {
    position: fixed;
    bottom: 5px;
    right: 5px;
    margin-left: 5px;
    z-index: 9999;
    width: 300px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    right: 21px;
    /* Each alert has its own width */
    float: right;
    clear: right;
  }
  
  .alert-red {
    color: white;
    background-color: #da4453;
  }
  
  .alert-green {
    color: white;
    background-color: #37bc9b;
  }
  
  .alert-blue {
    color: white;
    background-color: #4a89dc;
  }
  
  .alert-yellow {
    color: white;
    background-color: #f6bb42;
  }
  
  .alert-orange {
    color: white;
    background-color: #e9573f;
  }
    

/* ----------------- HEADER ---------------- */

.header_top_banner img {
    width: 100%;
    height: auto;
    min-height: 60px;
    object-fit: cover;
}

@media (max-width: 600px) {
    .header_top_banner img {
        min-height: 40px;
    }    
}

.product__cart-btn>img {
    pointer-events: none;
}

/* ------------ ССЫЛКИ --------------*/
.exchange-return__info a,
.privacy-policy__description a,
.article-detailed__mb48 a,
.stock-detailed__content a,
.help_page a,
.contact-info__info .info-text a,
.pickup-info__text a,
.hits1__header-text a {
    transition: 0.3s;
    color: #6091F1;
}

.exchange-return__info a:hover,
.privacy-policy__description a:hover,
.article-detailed__mb48 a:hover,
.stock-detailed__content a:hover,
.help_page a:hover,
.contact-info__info .info-text a:hover,
.pickup-info__text a:hover,
.hits1__header-text a:hover {
    transition: 0.3s;
    color: #1D57CC;
}

/* ------------- INDEX ------------------*/
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

#captcha_word-error {
    color: red;
    font-size: 12px;
}
.cat__header {
    justify-content: space-between;
}

.custom__slider .hits__header {
    justify-content: start;
}

/* ------------ САМОВЫВОЗ ---------------*/
.pickup-info__content {
    display: flex;
    gap: 24px;
}

/* ----------- ЧАСТЫЕ ВОПРОСЫ --------------*/
.questions-info__info .exchange-return__accordion-items {
    margin-bottom: 24px;
}

.questions-info__info .exchange-return__accordion-items:last-child {
    margin-bottom: 0;
}

/* ----------- БРЕНДЫ --------------*/
.sidebar-brand__prev-logo img {
    height: unset;
}

.detailed-brand__image-brand img {
    object-fit: contain;
}

/* ----------- СТРАНИЦА ПОИСКА --------------*/
.search-view-default {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
}

.search-page-title {
    margin-top: 30px;
    font-weight: bold;
    font-size: 20px;
    color: #425161;
}

.search-page .search-change-how {
    margin-top: 30px;
    color: #425161;
}

.search-page .search-item.search-item-first {
    border-color: unset;
    border: 0.5px solid rgb(143 143 143 / 30%);
}

.search-page .search-item {
    flex-basis: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    padding: 20px;
    margin: unset;
    justify-content: space-between;
    border-color: rgb(143 143 143 / 30%);
    border: 0.5px solid rgb(143 143 143 / 30%);
}

.search-page .search-item:hover {
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

.search-page .search-preview + .search-description {
    margin-left: 0;
}

.search-page .search-preview {
    float: none;
    margin-right: 0;
    width: 100%;
    height: 100%;
    max-height: 220px;
}

.search-page .search-preview a {
    display: flex;
    justify-content: center;
    height: 100%;
}

.search-page .search-preview img {
    max-width: 100%;
    object-fit: cover;
}

.search-page .search-title a {
    font-weight: unset;
    color: unset;
}

.search-page .right-block__pagination-container {
    width: 100%;
}

/* ------------- ДЕТАЛЬНАЯ СТРАНИЦА ТОВАРА ---------------*/

.item__delivery-sale-info {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #e48899;
    margin-top: 24px;
}

.item__delivery-sale-info p:first-child {
    margin-bottom: 10px;
}

.item__container {
    max-width: unset;
}

.item__map-wrapper {
    padding-left: 15px;
    gap: unset;
}

.item__map-left {
    max-width: 404px;
    padding: 24px;
}

.item__map-back {
    cursor: pointer;
}

.item__map-shops {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.bx-yandex-view-layout, .bx-yandex-view-map {
    height: 100%;
}

@media (max-width: 600px) {
    #stores_items_map {
        overflow: auto;
        background: #fff;
    }

    .item__map-wrapper {
        display: block;
        padding-left: 0;
    }

    .item__map-left {
        max-width: unset;
    }

    .item__map-right {
        height: 70%;
    }
}

/* ------------- ПАГИНАЦИЯ ---------------*/

.right-block__nav .right-block__nav-wrapper {
    flex-basis: 60%;
}

.right-block__nav .right-block__pagination {
    width: 100%;
}

/* ------------- СТАТЬЯ ДЕТАЛЬНАЯ ---------------*/

.article-detailed__mb48 .contact-info__calculated-btn,
.article-detailed__mb48 .contact-info__calculated-btn:hover {
    color: #fff;
}

/* ------------- АКЦИЯ ДЕТАЛЬНАЯ ---------------*/

.stock-prod__items-prod {
    display: block;
}

.stock-detailed__content u {
    text-decoration: none;
}

/* ------------- НОВОСТИ  -----------------*/
.actions__item .news__item-heading {
    font-weight: 600;
}

.actions__item:hover .news__item-heading {
    color: #6091F1;
    transition: 0.3s;
}

/* -------------- ДОСТАВКА -----------------*/
.stores__tags-item {
    list-style-type: none
}

/* -------------- КОРЗИНА --------------------*/

.basket-items-list-table {
    border-bottom: 1px solid #f2f2f2;
}

.basket-items-list-item-container {
    border-top: 1px solid #f2f2f2;
}

.basket-items-list-item-container > td {
    border-top: unset;
}

.basket-items-list-item-remove {
    order: 5;
    padding-top: 0 !important;
}

.basket-item-actions-remove:after,
.basket-item-actions-remove:before {
    display: none;
}

.basket-items-list-item-descriptions,
.basket-items-list-item-amount,
.basket-item-block-price {
    padding-top: 0;
}

.cart__item {
    padding: 15px 0;
    border-bottom: unset;
}

.basket-item-block-actions {
    opacity: 1;
}

.basket-items-list-item-descriptions-inner {
    gap: 24px;
}

.basket-item-block-image {
    padding: 0;
    min-width: unset;
}

.basket-item-amount-filed-block,
.cart__photo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cart__offer-link {
    outline: transparent none 0px;
    border-width: 0px;
}

.cart__empty-link:hover {
    color: #fff;
    text-decoration:none;
}

.cart__empty-link {
    max-width: 120px;
    font-size: 14px;
    margin: 24px auto 0 auto;
}

.cart__quantity-num {
    width: 0;
    border: none;
    text-align: center;
    margin: 0 5px;
}

.cart__form {
    display: flex;
    align-items: center;
}

/* --------------- ОФОРМЛЕНИЕ ЗАКАЗА --------------*/
.bx-soa-customer, .bx-soa-section-title, .order__right, .order__left {
    padding-right: 0;
    padding-left: 0;
}

.order__box {
    gap: unset;
}
.order__box::before, .order__box::after {
    content: none;
}

/* .bx_soa_location .order__input-city {
    height: 72px;
} */

.order__input-city .bx-ui-sls-container {
    height: 100%;
}

.bx-soa-section .form-control:focus, .bx-soa-section .form-control {
    box-shadow: none;
}

.order__pay-choice {
    padding: 0;
}

.order__pay-choice .bx-soa-pp-company.order__pay-box {
    padding: 0;
}

.button__custom.primary-custom {
    font-size: 16px;
}

.order__pay-box input[type="radio"], .order__pay-box input[type="checkbox"] {
    margin: 0;
}

.order__pay-label {
    margin-bottom: 0;
}

.bx-soa-pp-company-description {
    color: #9a9a9a;
    font-size: 11px;
    margin-top: 10px;
}

.form-group.order__item-input {
    margin-bottom: 0;
}

.bx-soa-location-input-container .form-control {
    height: unset;
    border: unset;
    border-radius: unset;
    color: unset;
    background-color: unset;
    padding: unset;
    font-size: unset;
}

.order__delivery-choice {
    align-items: unset;
}

/* ---------- PRIVATE CABINET ---------- */
.pa-details__form-input .footer__input {
    padding-right: 0;
}

.pa-details__form-input .star {
    right: unset;
    font-size: 15px;
    font-weight: normal;
    line-height: 0;
    margin: 0 0 0 4px;
    position: relative;
    color: #e62222;
}

.pa-details__form button {
    padding: 28px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6091F1;
    border-radius: 8px;
    transition: 0.3s;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    cursor: pointer;
    border-width: 0;
}

.pa-details__form button:hover {
    background: #1D57CC;
    transition: 0.3s;
}

.pa-details__form .lenght_pass {
    right: -80%;
    top: 45%;
}

.pa-details__content .button__custom.secondary-custom {
    max-width: fit-content;
    margin-top: 15px;
    padding: 15px;
}

.pa-details__content .button__custom.secondary-custom:hover {
    transition: 0.3s;
    border: 2px solid #6091f1;
    background: #ffffff;
}

.bx_map_buttons {
    margin-bottom: 15px;
}

.pa-buttons-block {
    display: flex;
    gap: 24px;
}

.pa-buttons-block .button__custom.secondary-custom {
    margin-top: 0;
}

.pa-orders__list-items .empty_history {
    text-align: center;
    line-height: 22px;
    color: #425161;
}

/* ---------- АВТОРИЗАЦИЯ РЕГИСТРАЦИЯ -------------- */
.header__callback.form-page-pa {
    display: block;
    padding: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: unset
}

.header__callback.form-page-pa .closeModal {
    color: #aaaaaa;
    font-size: 40px;
    position: absolute;
    right: -35px;
    top: -35px;
    cursor: pointer;
    transition: 0.3s;
    line-height: 0.55;
}

.header__callback.form-page-pa .closeModal:hover,
.header__callback.form-page-pa .closeModal:focus {
    color: #425161;
    transition: 0.3s;
}

.header__callback-header {
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.header__callback-label-check::before {
    content: none;
}

.header__callback-label-check {
    gap: 10px;
}

.form-page-pa__box-2 .header__callback-input-box {
    margin: 0;
}

.header__callback-input-box input,
.header__callback-input-box label {
    margin: 0;
}

.header__callback-label.__active {
    top: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}

.form-page-pa__callback-input-box {
    display: flex;
    gap: 24px;
    flex-direction: column;
    margin: 16px 0;
}

.header__callback.form-page-pa .header__callback-btn {
    width: 100%;
    margin-top: unset;
}

.header__callback-box .form_footer {
    margin-top: 48px;
}

.header__callback-box .buttons {
    display: flex;
    gap: 24px;
}

.header__callback-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-page-pa__phone {
    font-size: 24px;
    font-weight: 700;
    color: #425161;
    margin-top: 16px;
}

.form-page-pa__arrow {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #25313D;
    margin-bottom: 30px;
}

.form-page-pa__no-cod,
.form-page-pa__time-cod {
    color: #7C8894;
}

.header__callback-form .callback__link {
    font-size: 16px;
    transition: 0.3s;
    color: #6091F1;
}

.header__callback-form .callback__link:hover {
    transition: 0.3s;
    color: #1D57CC;
}

@media (max-width: 600px) {
    .header__callback-wrapper {
        align-items: start;
    }

    .header__callback-btn span {
        display: inline;
    }

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

    .header__callback.form-page-pa{
        height: 100%;
        border-radius: 0;
        padding: 72px 16px;
    }

    .header__callback-input-box {
        margin: 24px 0;
    }

    .header__callback-box {
        width: 100%;
    }

    .header__callback.form-page-pa .closeModal {
        right: 15px;
    }

    .header__callback-header {
        font-size: 22px;
        line-height: 1.1;
    }

    .header__callback-box .buttons {
        flex-direction: column;
    }
}

/* ------------ МОДАЛЬНЫЕ ОКНА ----------------- */
.custom-modal .modal-wrapper {
    box-shadow: 0px 0px 12px -6px #18274B;
}

.custom-modal {
    width: 100%;
}

.custom-modal.__open {
    transition: height 0.5s ease 0s;
}

.chain__popup {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
    .custom-modal {
        top: unset;
    }

    .custom-modal.__open {
        align-items: end;
        height: 100%;
    }

    .item__wrapper .custom-modal.__open {
        height: 70vh;
    }

    .custom-modal .modal-header__title {
        font-size: 20px;
    }

    .custom-modal .modal-body {
        padding: 0 12px 48px 12px;
    }
    
    .modal-body__desc {
        text-align: center;
    }

    .modal-body__submit {
        align-self: center;
    }

    .open-mob {
        bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .header__callback-btn {
        width: unset;
    }
    
    .chain__popup {
        left: unset;
        right: unset;
        transition: transform 0.5s ease-out;
        transform: translateY(100%);
    }

    .chain__popup.show {
        width: 100%;
        top: unset;
        bottom: 0;
        border-radius: 20px 20px 0px 0px;
        height: auto;
        transform: translateY(0%);
        transition: transform 0.5s ease-out;
    }

    .chain__popup-close {
        display: none;
    }
}

/* -------------- FOOTER --------------*/
@media (max-width: 600px) {
    .footer__background {
        background-color: unset;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/top-right/style.css?1729836008581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/top-right/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/main/components/fred/sale.basket.basket.line/store_v3_inline/style.css?1729836008587*/
.catalog-cart-counter-menu {
    background: #6cb70e;
    color: #fff;
    text-align: center;
    line-height: 25px;
    min-width: 25px;
    height: 25px;
    position: relative;
    top: -12px;
    right: 10px;
    border-radius: 50%;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
/* End */


/* Start:/local/templates/main/components/arturgolubev/search.title/main-search/style.css?172983600913871*/
/* div.title-search-result {
	display: block !important;
} */

.bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-family: Golos, Tahoma, sans-serif;
	font-size: 14px;
}

.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 1px 0 0 1px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
	background-color: #fff;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
	line-height: normal;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/search-icon.png) center center no-repeat #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:0;
	border-radius: 0 1px 1px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	height: 34px;
	width: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background-color: #1484CE;
}
div.title-search-result {
    background: #FFFFFF;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
    border-radius: 8px;
    border: 0 none !important;
    border-top: 0 none;
    display: none;
    overflow: hidden;
    z-index: 999;
    min-width: 200px;
    margin-top: 3px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/main/components/arturgolubev/search.title/main-search/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_smart_searche {
	padding-top:8px 8px 0 8px;
	
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche .bx_info_wrap{
	margin-left: 85px;
}
.bx_smart_searche .bx_img_element{
	float: left;
	padding: 5px;
	width: 75px;
	text-align: center;
}
.bx_smart_searche .bx_item_block{
	min-height: 65px;
	position: relative;
}
.bx_smart_searche .bx_image{
	/* width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8; */
	display: inline-block;
	max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image{
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/image/noimg.png);
}
.bx_smart_searche .bx_item_element{
	padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
	text-align: center;
}
.bx_smart_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_smart_searche .bx_item_element a{
	margin-top: 5px;
	display: inline-block;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{
	font-weight: bold;
}
.bx_smart_searche .bx_item_element a b{color: #000;}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_smart_searche .bx_item_preview_text{
	font-size:13px;
	padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price{
	font-weight:bold;
	font-size:15px;
	margin-top: 5px;
}
.bx_smart_searche .bx_price .old{
	font-weight: normal;
	text-decoration: line-through;
	color: #636363;
	font-size: 12px;
	vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result{min-height:0}
.bx_smart_searche .bx_item_block.others_result{
	min-height: 0;
	line-height: 12px;
	padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button{
	display: inline-block;
	font-size: 14px;
	border: 1px solid;
	color: #FFF;
	padding: 0 22px;
	height: 34px;
	text-decoration: none;
	border-radius: 8px;
	margin: 0 0 8px;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .5px;
}
.bx_smart_searche .bx_item_block_href {
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 8px;
	line-height: 14px;
}
.bx_smart_searche .bx_item_block_href:hover {
	background-color: #feeed2;
}
.bx_smart_searche .bx_item_block_hrline {
	border-bottom: 1px solid #f5a61c;
	margin: 0 8px 5px;
}
.bx_item_block_item_clear {
	display: block;
	clear:both;
}
.bx_smart_searche .bx_item_block_item_info_wrap {
	display: block;
	padding-left: 39px;
}
.bx_smart_searche .bx_item_block_item_info {
	display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
	color: #a2a2a2;
	/* font-weight: bold; */
}
.bx_smart_searche .bx_item_block_href_category_name {
	color: #f5a61c;
	font-weight: bold;
	text-transform: uppercase;
}
.bx_smart_searche .bx_item_block_item_image {
	width: 34px;
	height: 34px;
	float:left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 5px;
}
.bx_smart_searche .bx_item_block_item_name {
	color: #333;
	overflow: hidden;
	height: 34px;
	display: block;
	line-height: 17px;
	display: flex;
}
.bx_smart_searche .bx_item_block_item_name_flex_align {
	margin: auto 0;
}
.bx_smart_searche .bx_item_block_item_simple_name {
	color: #333;
	display: block;
	line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b {
	color: #f5a61c;
}
.bx_smart_searche .bx_item_block_item_price {
	float:right;
	text-align: right;
	color: #333;
	line-height: 17px;
	padding-left: 5px;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
	line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
	white-space: nowrap;
	font-weight: bold;
	display: block;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
	white-space: nowrap;
	text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_props {
	color: #9b9b9b;
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
}
.bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic {
	/* padding-left: 39px; */
}
.bx_item_block_item_prop_item {
	display: block;
}
.bx_smart_no_result_find {
	padding: 0 8px 8px;
}


/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
	position: absolute;
	top: 2px;
	right: 110%;
	width: 30px;
	height: 30px;
	z-index: 5;
	display: none;
	/* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
	background: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_orange.gif) center center no-repeat;
}



/* blue */
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
	border-color:#1D57CC;
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{
	background-color: #6091F1;
	border-color: #6091F1;
	transition: .3s;
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
	background-color: #1D57CC;
	border-color: #1D57CC;
	transition: .3s;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button {
	background-color: #0083d1;
	border-color: #0083d1;
	color: #FFF;
}
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover {
	background-color: #1D57CC;
	border-color: #1D57CC;
	text-decoration: none;
}
.bx_smart_searche.theme-blue .bx_item_element a b{
	color: #1D57CC;
}
.bx_smart_searche.theme-blue .bx_item_block_href:hover {
	background-color: #F5F9FC;
}
.bx_smart_searche.theme-blue .bx_item_block_href_category_name {
	color:#1D57CC;
}
.bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b {
	color:#1D57CC;
}
.bx_smart_searche.theme-blue .bx_item_block_hrline {
	border-color: #1D57CC;
}
/* black */
.bx-searchtitle.theme-black .bx-input-group .bx-form-control {
	border-color:#333;
}
.bx-searchtitle.theme-black .bx-searchtitle-preloader.view {
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_black.gif);
}
.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{
	background-color: #333;
	border-color: #333;
}
.bx-searchtitle.theme-black .bx-input-group-btn button {
	background-color: #333;
	border-color: #333;
	color: #FFF;
}
.bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover {
	background-color: #5c5c5c;
	border-color: #5c5c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-black .bx_item_element a b{
	color: #5c5c5c;
}
.bx_smart_searche.theme-black {
	/* border:1px solid #333; */
	border-top: 0 none;
	border-radius: 0 0 3px 3px;
}
.bx_smart_searche.theme-black .bx_item_block_href:hover {
	background-color: #eaeaea;
}
.bx_smart_searche.theme-black .bx_item_block_href_category_name {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b {
	color:#333;
}
.bx_smart_searche.theme-black .bx_item_block_hrline {
	border-color: #333;
}
/* green */
.bx-searchtitle.theme-green .bx-input-group .bx-form-control {
	border-color:#159ebb;
}
.bx-searchtitle.theme-green .bx-searchtitle-preloader.view {
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_green.gif);
}
.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{
	background-color: #159ebb;
	border-color: #159ebb;
}
.bx-searchtitle.theme-green .bx-input-group-btn button {
	background-color: #159ebb;
	border-color: #159ebb;
	color: #FFF;
}
.bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover {
	background-color: #44b1c9;
	border-color: #44b1c9;
	text-decoration: none;
}
.bx_smart_searche.theme-green .bx_item_element a b{
	color: #44b1c9;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #d0ebf1;
}
.bx_smart_searche.theme-green .bx_item_block_href_category_name {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b {
	color:#159ebb;
}
.bx_smart_searche.theme-green .bx_item_block_hrline {
	border-color: #159ebb;
}
/* red */
.bx-searchtitle.theme-red .bx-input-group .bx-form-control {
	border-color:#E22B2B;
}
.bx-searchtitle.theme-red .bx-searchtitle-preloader.view {
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_red.gif);
}
.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{
	background-color: #E22B2B;
	border-color: #E22B2B;
}
.bx-searchtitle.theme-red .bx-input-group-btn button {
	background-color: #E22B2B;
	border-color: #E22B2B;
	color: #FFF;
}
.bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover {
	background-color: #e95c5c;
	border-color: #e95c5c;
	text-decoration: none;
}
.bx_smart_searche.theme-red .bx_item_element a b{
	color: #e95c5c;
}
.bx_smart_searche.theme-green .bx_item_block_href:hover {
	background-color: #f9d4d4;
}
.bx_smart_searche.theme-red .bx_item_block_href_category_name {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b {
	color:#E22B2B;
}
.bx_smart_searche.theme-red .bx_item_block_hrline {
	border-color: #E22B2B;
}
/* yellow */
.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control {
	border-color:#F9A91D;
}
.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view {
	background-image: url(/local/templates/main/components/arturgolubev/search.title/main-search/images/loader_yellow.gif);
}
.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{
	background-color: #F9A91D;
	border-color: #F9A91D;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button {
	background-color: #F9A91D;
	border-color: #F9A91D;
	color: #FFF;
}
.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover {
	background-color: #faba4a;
	border-color: #faba4a;
	text-decoration: none;
}
.bx_smart_searche.theme-yellow .bx_item_element a b{
	color: #faba4a;
}
.bx_smart_searche.theme-yellow .bx_item_block_href_category_name {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b {
	color:#F9A91D;
}
.bx_smart_searche.theme-yellow .bx_item_block_hrline {
	border-color: #F9A91D;
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/top-midle/style.css?1729836008581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/top-midle/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/main/components/bitrix/menu/bottom-left/style.css?1729836008581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/bottom-left/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/main/components/bitrix/menu/bottom-right/style.css?1729836008581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/main/components/bitrix/menu/bottom-right/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */
/* /local/templates/main/css/style.css?1729836009393619 */
/* /local/templates/main/css/custom.css?173010127914972 */
/* /local/templates/main/components/bitrix/menu/top-right/style.css?1729836008581 */
/* /local/templates/main/components/fred/sale.basket.basket.line/store_v3_inline/style.css?1729836008587 */
/* /local/templates/main/components/arturgolubev/search.title/main-search/style.css?172983600913871 */
/* /local/templates/main/components/bitrix/menu/top-midle/style.css?1729836008581 */
/* /local/templates/main/components/bitrix/menu/bottom-left/style.css?1729836008581 */
/* /local/templates/main/components/bitrix/menu/bottom-right/style.css?1729836008581 */