@charset "UTF-8";
/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
/**
Медиа запросы
 */
/*! 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 {
  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 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.eot");
  src: local("Open Sans Italic"), local("../fonts/OpenSans-Italic"), url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../fonts/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot");
  src: local("Open Sans Regular"), local("../fonts/OpenSans-Regular"), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.eot");
  src: local("Open Sans Bold Italic"), local("../fonts/OpenSans-BoldItalic"), url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.eot");
  src: local("Open Sans SemiBold"), local("../fonts/OpenSans-SemiBold"), url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBoldItalic.eot");
  src: local("Open Sans ExtraBold Italic"), local("../fonts/OpenSans-ExtraBoldItalic"), url("../fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-LightItalic.eot");
  src: local("Open Sans Light Italic"), local("../fonts/OpenSans-LightItalic"), url("../fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic.woff") format("woff"), url("../fonts/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot");
  src: local("Open Sans Bold"), local("../fonts/OpenSans-Bold"), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBoldItalic.eot");
  src: local("Open Sans SemiBold Italic"), local("../fonts/OpenSans-SemiBoldItalic"), url("../fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBold.eot");
  src: local("Open Sans ExtraBold"), local("../fonts/OpenSans-ExtraBold"), url("../fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.eot");
  src: local("Open Sans Light"), local("../fonts/OpenSans-Light"), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6, ul {
  margin: 0;
  padding: 0;
}

/* Color */
.text-red {
  color: #CF1235;
}

.bg-red {
  background: #CF1235;
}

.text-green {
  color: #62AD12;
}

.bg-green {
  background: #62AD12;
}

.text-yellow {
  color: #F1D15A;
}

.bg-yellow {
  background: #F1D15A;
}

.link {
  color: #484f55;
  text-decoration: none;
}
.link_hide {
  display: none;
}
.link:not(.link_white):hover {
  opacity: 0.9;
  color: #CF1235;
  transition: all 0.2s;
}
.link_dot {
  text-decoration: underline dotted;
}
.link_active, .link_red {
  color: #CF1235;
}
.link_green {
  color: #62AD12;
}
.link_yellow {
  color: #F1D15A;
}
.link_white {
  color: #fff;
}
.link_white:hover {
  color: #D9D9D9;
}

.link-like {
  display: flex;
  align-items: center;
  line-height: normal;
}
.link-like__svg {
  justify-content: space-between;
  fill: transparent;
  stroke: #484f55;
  margin-top: 3px;
  width: 24px;
}
.link-like__svg :hover {
  fill: #CF1235;
  stroke: transparent;
}
.link-like_active svg {
  justify-content: space-between;
  fill: #CF1235;
  stroke: transparent;
}
.link-red-fill {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 14px;
  background: #CF1235;
  padding: 13px 34px;
  border-radius: 26px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
}
@media only screen and (max-width: 1080px) {
  .link-red-fill {
    padding: 13px 24px;
  }
}
.link-red-fill_h-50 {
  height: 50px;
}
.link-red-fill:hover {
  background: #DD2747;
  transition: all 0.2s;
}
.link-red-fill_circle {
  padding: 0;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.city-select {
  display: flex;
  gap: 4px;
  font-size: 13px;
  text-decoration: underline dotted;
  position: relative;
  align-items: center;
}

.button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.button_hide {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  display: none !important;
}
.button:hover {
  opacity: 0.9;
  transition: all 0.2s;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.button-transparent {
  font-size: 13px;
  border-radius: 6px;
  outline: none;
}
.button-transparent_border {
  border: 1px solid #fff;
}
.button-transparent:hover {
  opacity: 0.9;
  transition: all 0.2s;
}

.button-regular {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 14px;
  background: #CF1235;
  padding: 13px 34px;
  border-radius: 26px;
  color: #fff;
  text-decoration: none;
}
.button-regular:disabled {
  background: #878D94;
}
.button-regular:disabled:hover {
  background: #878D94;
  cursor: default;
}
.button-regular:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1080px) {
  .button-regular {
    padding: 13px 24px;
  }
}
.button-regular_h-50 {
  height: 50px;
}
.button-regular:hover {
  background: #DD2747;
  transition: all 0.2s;
}
.button-regular_circle {
  padding: 0;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
.button-regular.button-regular_transparent {
  background: transparent;
}
.button-regular.button-regular_green {
  background: #62AD12;
}

.button-gray {
  border-radius: 10px;
  border: none;
  background-color: #484f55;
  color: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
}
.button-gray_disable {
  background-color: #878D94;
  cursor: default;
}
.button-gray:hover {
  opacity: 0.9;
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .button-gray {
    width: 100%;
    padding: 12px;
  }
}
@media only screen and (max-width: 576px) {
  .button-gray {
    font-size: 13px;
  }
}

.button-gray-light {
  border-radius: 10px;
  border: none;
  background-color: #878D94;
  color: #fff;
  padding: 8px;
}
.button-gray-light:hover {
  background-color: #484f55;
  opacity: 0.9;
  transition: all 0.2s;
}
.button-gray-light_active {
  background-color: #484f55;
}

.sku-list .button-gray-light {
  font-size: 12px;
  padding: 4px 8px;
}

.increase-btn {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 100px;
  gap: 8px;
  height: 35px;
  padding: 0 15px;
  border: none;
  cursor: pointer;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.increase-btn span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  text-align: left;
  color: #878D94;
}
@media only screen and (max-width: 576px) {
  .increase-btn span {
    display: none;
  }
}
.increase-btn:hover span {
  color: #CF1235;
}

.heading {
  padding: 0;
  margin: 0;
}
.heading_h1, .heading_h2, .heading_h3 {
  font-weight: 400;
}
.heading_h1 {
  font-size: 30px;
}
@media only screen and (max-width: 1080px) {
  .heading_h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 576px) {
  .heading_h1 {
    font-size: 14px;
  }
}
.heading_h1.heading_page {
  font-size: 24px;
  line-height: 32.68px;
  font-weight: 600;
}
.heading_h1.heading_lk {
  font-size: 24px;
  font-weight: 600;
}
.heading_h2 {
  font-size: 20px;
  line-height: 25px;
  color: #484f55;
}
.heading_h2.heading_lk {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 576px) {
  .heading_h2.heading_lk {
    font-size: 18px;
  }
}
.heading_h3 {
  font-size: 20px;
}
.heading_h3.heading_block {
  font-size: 18px;
  text-align: left;
}
.heading_red {
  color: #CF1235;
}
.heading_white {
  color: #fff;
}

.button-nav {
  background: transparent;
  color: #CF1235;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  transition: all 150ms ease-in-out;
}
.button-nav:hover {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.5);
}
.button-nav:hover {
  opacity: 0.9;
}

.bubble {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  border-radius: 10px;
  border: none;
  background-color: #484f55;
  color: #fff;
  padding: 20px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
}
.bubble:not(.bubble_not-click) {
  cursor: pointer;
}
.bubble_active {
  padding: 20px;
  max-width: 470px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  background: #EFEFF1;
  color: #878D94;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bubble_active:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 19px solid #EFEFF1;
}
@media only screen and (max-width: 768px) {
  .bubble {
    padding: 12px;
  }
}

.item-card-label {
  font-size: 13px;
}

.input-custom-clear {
  background: #fff;
  height: 50px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  border-radius: 10px;
  display: flex;
}
.input-custom-clear_gray {
  background: #EFEFF1;
}
.input-custom-clear_gray .input-custom-clear__input {
  background: #EFEFF1;
}
.input-custom-clear__label {
  height: 100%;
  width: 100%;
}
.input-custom-clear__input {
  outline: none;
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  background: #fff;
}
.input-custom-clear__button-clear_hide {
  display: none;
}
.input-custom-clear__icon-close {
  color: #CF1235;
}

.input-custom {
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  border-radius: 10px;
  display: flex;
  position: relative;
  flex-direction: column;
}
.input-custom_error {
  border: 1px solid #DD2747 !important;
  border-radius: 10px;
  outline: none;
}
.input-custom__label {
  height: 100%;
  width: 100%;
}
.input-custom__input {
  appearance: none;
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  height: 50px;
  width: 100%;
  padding: 0;
}
.input-custom__input:focus, .input-custom__input:target {
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}
.input-custom__input_error {
  color: #DD2747;
}
.input-custom textarea.input-custom__input {
  padding: 20px 0;
  max-width: 100%;
  min-width: 528px;
}
.input-custom_gray {
  background: #EFEFF1;
}
.input-custom_gray input {
  background: #EFEFF1;
  color: #878D94;
}
.input-custom_gray-2 .input-custom__label {
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  color: #878D94;
}
.input-custom_gray-2 {
  border: none;
  background: #EFEFF1;
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.input-custom_gray-2 input {
  background: #EFEFF1;
  color: #484F55;
  font-size: 14px;
}

.input-custom_red-placeholder .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.input-custom_red-placeholder .input-placeholder {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  pointer-events: none;
  color: grey;
}
.input-custom_red-placeholder ::placeholder {
  opacity: 0;
}
.input-custom_red-placeholder input:focus + .input-placeholder, .input-custom_red-placeholder input:not(:placeholder-shown) + .input-placeholder {
  display: none;
}
.input-custom_red-placeholder .input-placeholder span {
  color: red;
}

.switch-custom {
  display: flex;
}
.switch-custom input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switch-custom label {
  cursor: pointer;
  text-indent: -9999px;
  width: 37px; /* Установить ширину 37px */
  height: 23px; /* Установить высоту 23px */
  background: grey;
  display: block;
  border-radius: 23px; /* Пропорционально высоте для закругленных краёв */
  position: relative;
}
.switch-custom label:after {
  content: "";
  position: absolute;
  top: 2px; /* Смещение сверху для центрального расположения */
  left: 2px; /* Смещение слева для центрального расположения */
  width: 19px; /* Пропорционально высоте с учетом отступов */
  height: 19px; /* Пропорционально высоте с учетом отступов */
  background: #fff;
  border-radius: 19px; /* Пропорционально ширине для закругленных краёв */
  transition: 0.3s;
}
.switch-custom input:checked + label {
  background: #CF1235;
}
.switch-custom input:checked + label:after {
  left: calc(100% - 2px); /* Смещение для правого положения */
  transform: translateX(-100%);
}
.switch-custom label:active:after {
  width: 25px; /* Немного увеличим ширину при активации */
}

.details {
  position: relative;
  display: block;
  max-width: 487px;
  border-radius: 10px;
  transition: 0.3s;
  overflow: hidden;
  user-select: none;
}

.details__title::after {
  position: absolute;
  left: 15px;
  top: 8px;
  content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49999 10.5H10.5M10.5 10.5H15.5M10.5 10.5V5.49999M10.5 10.5V15.5M20 10.5C20 15.7467 15.7467 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1C15.7467 1 20 5.25329 20 10.5Z' stroke='%23CF1235' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  display: block;
  max-width: 19px;
  max-height: 19px;
  transform-origin: center;
}

.details[open] .details__title::after {
  content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49999 10.5H10.5H15.5M20 10.5C20 15.7467 15.7467 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1C15.7467 1 20 5.25329 20 10.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.details[open] .details__title {
  margin-bottom: 4px;
  background: #3D4A55;
  color: #fff;
}

.details__title {
  border-radius: 10px;
  min-height: 35px;
  box-sizing: border-box;
  padding: 8px 15px 8px 49px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  text-align: left;
  color: #484f55;
  cursor: pointer;
  list-style: none;
  transition: 0.3s;
}

.details__title::-webkit-details-marker {
  display: none;
}

.details__content {
  font-size: 18px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.details__content li {
  list-style-position: inside;
  padding: 6px 15px 6px 35px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.7px;
  text-align: left;
}
.details__content .isActive {
  background-color: #EFEFF1;
}
.details__content li::marker {
  color: #878D94;
  width: 4px;
  height: 4px;
}

.details__content p:last-child {
  margin-bottom: 0;
}

.details__content p:first-child {
  margin-top: 0;
}

.label {
  height: fit-content;
  background: transparent;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 15px;
  padding: 2px 5px;
}
.label_red {
  background: #CF1235;
}
.label_green {
  background: #62AD12;
}
.label_blue {
  background: #127cad;
}

.label-circle {
  display: flex;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.label-circle_green {
  background-color: #62AD12;
}
.label-circle_red {
  background-color: #CF1235;
}
.label-circle_yellow {
  background-color: #F1D15A;
}

.button-dark {
  padding: 13px 28px;
  background-color: #3D4A55;
  color: #fff;
  border-radius: 22px;
}
.button-dark:hover {
  background: #484f55;
  transition: all 0.2s;
}

.button-white {
  padding: 12px 33px 14px 34px;
  border-radius: 21.5px;
  border: none;
  background-color: #fff;
  color: #878D94;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: center;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.button-white:hover {
  color: #DD2747;
  box-shadow: 3px 3px 10px 0px rgba(221, 39, 71, 0.15);
  transition: all 0.2s;
}
.button-white:disabled {
  color: #878D94;
  cursor: default;
}
.button-white_theme-2 {
  padding: 0;
  color: #3D4A55;
  background: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  box-shadow: unset;
  font-size: 13px;
  border-radius: 6px;
  justify-content: start;
}
.button-white_theme-2:hover {
  box-shadow: unset;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}
.checkbox p {
  font-weight: 400;
  font-size: 14px;
  padding-left: 7px;
  color: #878D94;
  margin: 0;
  padding: 0;
  user-select: none;
}

.checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox > span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.checkbox > span::after {
  content: " ";
}

.checkbox > span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  background-color: #EFEFF1;
}

.checkbox_circle > span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  background-color: #EFEFF1;
}

/* стили при наведении курсора на checkbox */
.checkbox > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: #d3d3d3;
}

/* стили для активного чекбокса (при нажатии на него) */
/* стили для чекбокса, находящегося в фокусе */
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
/* стили для чекбокса, находящегося в состоянии checked */
.checkbox > input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='3' fill='%23CF1235'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}

.checkbox_green > input:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='3' fill='%2385BE4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.checkbox > input:disabled + span::before {
  background-color: #d3d3d3;
}

.datepicker-custom {
  position: relative;
  width: 100%;
  height: 50px;
}
.datepicker-custom__input-container {
  display: flex;
  position: relative;
  height: 100%;
}
.datepicker-custom__input-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}
.datepicker-custom a:hover,
.datepicker-custom button:hover {
  text-decoration: none;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}
.datepicker-custom .calendar,
.datepicker-custom .datepicker {
  max-width: 250px;
  width: 100%;
  margin: auto;
}
.datepicker-custom .calendar {
  border: 1px solid #EFEFF1;
  border-radius: 10px;
  padding: 1em;
  box-sizing: border-box;
  position: absolute;
  top: 55px;
  left: 0;
  width: 250px;
  background: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.datepicker-custom .icon {
  padding: 16px;
  font-size: larger;
  color: #555555;
}
.datepicker-custom .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datepicker-custom .title .arrow-control {
  border: none;
  background-color: transparent;
  display: flex;
}
.datepicker-custom .title .arrow-control svg {
  display: flex;
}
.datepicker-custom .title .arrow-control:hover {
  color: #CF1235;
  border-radius: 5px;
  cursor: pointer;
}
.datepicker-custom .title .year-month:hover,
.datepicker-custom .title .year:hover {
  color: #cccccc;
  cursor: pointer;
  transition: 0.3s all;
}
.datepicker-custom .year-month::first-letter {
  text-transform: uppercase;
}
.datepicker-custom .week .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.28%;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  text-align: left;
  color: #878D94;
}
.datepicker-custom .list, .datepicker-custom .week {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 5px;
}
.datepicker-custom .list .date {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14.28%;
  height: 27px;
  margin-right: 5px;
  /* padding: 7.14%; */
  border: none;
  background-color: transparent;
}
.datepicker-custom .list .date:hover, .datepicker-custom .list .date:focus,
.datepicker-custom .list .mon:hover, .datepicker-custom .list .mon:focus {
  background-color: #db3d44;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.datepicker-custom .active {
  background-color: #db3d44 !important;
  border-radius: 5px;
  color: white;
}
.datepicker-custom .list .fadeout {
  color: #eeeeee;
}
.datepicker-custom .list .today {
  color: #db3d44;
}
.datepicker-custom .list .today.active {
  color: white;
}
.datepicker-custom .list .mon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 50px;
  margin-top: 1em;
  /* padding: 7.14%; */
  border: none;
  border-radius: 50px;
  background-color: transparent;
}
.datepicker-custom .year_list .mon:first-child,
.datepicker-custom .year_list .mon:last-child {
  color: #9d9d9d;
}
.datepicker-custom .d-none {
  display: none;
}

.datepicker-range-custom {
  display: flex;
  width: 100%;
  background: #EFEFF1;
  border-radius: 10px;
}
.datepicker-range-custom__input-icon {
  align-self: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.datepicker-range-custom__separator {
  align-self: center;
  color: #878D94;
}
.datepicker-range-custom .datepicker-custom {
  width: auto;
}
.datepicker-range-custom__from .input-custom {
  padding: 0 0 0 20px;
}
.datepicker-range-custom__to .input-custom {
  padding: 0 20px 0 0;
}
.datepicker-range-custom__to .input-custom__input {
  text-align: right;
}
.datepicker-range-custom__to .calendar {
  left: initial;
  right: -40%;
}
@media only screen and (max-width: 1080px) {
  .datepicker-range-custom__to .calendar {
    right: -40%;
  }
}
@media only screen and (max-width: 768px) {
  .datepicker-range-custom__to .calendar {
    right: -30%;
  }
}
@media only screen and (max-width: 576px) {
  .datepicker-range-custom__to .calendar {
    right: -25%;
  }
}
.datepicker-range-custom .input-custom__input {
  width: 80px;
}
@media only screen and (max-width: 1080px) {
  .datepicker-range-custom .input-custom__input {
    width: 100%;
  }
}

.scale {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  justify-content: space-between;
  border: none;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  max-width: 192px;
}
.scale > p {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  text-align: left;
  color: #878D94;
}
@media only screen and (max-width: 576px) {
  .scale > p {
    display: none;
  }
}
.scale__btn {
  width: 24px;
  height: 24px;
  padding: 7px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #d9d9d9;
  border: none;
  cursor: pointer;
}
.scale > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 17.7px;
  text-align: center;
  color: #484f55;
}

.input-search {
  position: relative;
}
.input-search__input-wrapper {
  border: none;
  background: #EFEFF1;
  padding: 9px 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 50px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 10px;
  position: relative;
}
.input-search__input-wrapper input {
  background: #EFEFF1;
  color: #484f55;
}
.input-search__input-error {
  font-size: 12px;
  position: absolute;
  color: #DD2747;
  top: 50px;
  left: 20px;
}
.input-search__label {
  height: 100%;
  width: 100%;
  font-size: 11px;
  color: #878D94;
}
.input-search__input {
  outline: none;
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  font-size: 14px;
}
.input-search__result {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  max-height: 0;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
.input-search__result-item {
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.input-search__result-item:not(:last-child) {
  margin-bottom: 2px;
}
.input-search__result-item_active {
  background-color: #EFEFF1;
}
.input-search__result-item:hover {
  background-color: #EFEFF1;
}

.input-search.input-search_visible .input-search__result {
  max-height: 282px;
}
.input-search.input-search_visible .input-search__input-wrapper {
  background: #fff;
  border-radius: 10px;
}
.input-search.input-search_visible .input-search__input-wrapper input {
  background: #fff;
}

.input-search_gray.input-search_visible .input-search__result {
  max-height: 282px;
}
.input-search_gray.input-search_visible .input-search__input-wrapper {
  background: #EFEFF1;
  color: #484f55;
}
.input-search_gray.input-search_visible .input-search__input-wrapper input {
  background: #EFEFF1;
  color: #484f55;
}

.select-app {
  position: relative;
  font-family: Arial, sans-serif;
  width: 100%;
  line-height: normal;
  scrollbar-color: #d43f3a transparent;
  scrollbar-width: thin;
}
.select-app_disabled > .select-app__top {
  cursor: default;
}
.select-app_disabled > .select-app__top .select-app__title {
  color: #D9D9D9;
}
.select-app__header {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  position: relative;
  height: 19px;
  justify-content: space-between;
}
.select-app__label {
  color: #878D94;
  align-self: start;
  font-size: 11px;
}
.select-app__label_hide {
  display: none;
}
.select-app__top {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding: 15px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  flex-direction: column;
}
.select-app__top:has(.select-app__label:not(.select-app__label_hide)) {
  padding: 8px 15px;
}
.select-app__top:has(.select-app__label:not(.select-app__label_hide)) .select-app__icon {
  margin-top: -10px;
}
.select-app__top .select-app__title {
  margin: 0;
  color: #878D94;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.select-app__top .select-app__icon {
  display: none;
  content: "";
  margin-left: auto;
  width: 16px;
  height: 10px;
  background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1.5L6 6.5L1 1.5" stroke="%23878D94" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
}
.select-app__top .select-app__icon_visible {
  display: flex;
  align-items: center;
}
.select-app.select-app_gray .select-app__top {
  line-height: normal;
  background: #EFEFF1;
  color: #ffffff;
}
.select-app__body {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  z-index: 2;
  max-height: 400px;
  overflow-y: auto;
}
.select-app__body_active {
  display: flex;
  flex-direction: column;
}
.select-app__search {
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
}
.select-app__search:focus {
  outline: none;
  border-bottom-color: #888;
}
.select-app__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.select-app__list-error {
  color: #DD2747;
  font-weight: 500;
  display: none;
  padding: 10px;
}
.select-app__list-error_visible {
  display: block;
}
.select-app__list-item {
  padding: 10px 20px;
  cursor: pointer;
  box-sizing: border-box;
}
.select-app__list-item:hover {
  background-color: #f1f1f1;
}
.select-app__button-clear {
  display: none;
  color: #DD2747;
}
.select-app__button-clear_visible {
  display: block;
}
.select-app::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.select-app::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.select-app::-webkit-scrollbar-thumb {
  background-color: #d43f3a;
}

.range-controls {
  width: 100%;
  color: #000;
  text-transform: uppercase;
  position: relative;
}

.range-controls .range-controls__scale {
  height: 2px;
  background: #D6D6D8;
}

.range-controls .range-controls__bar {
  height: 2px;
  background: #CF1235;
  position: absolute;
  top: 0;
  left: 0;
}

.range-controls__range-toggle {
  position: absolute;
  top: -6px;
  width: 4px;
  height: 4px;
  background: #CF1235;
  border: 5px solid #CF1235;
  border-radius: 50%;
  box-shadow: 0 2px 1px 0 rgba(0, 1, 1, 0.2);
  cursor: pointer;
}

.range-controls__range-toggle-min {
  left: 0;
}

.range-controls__range-toggle-max {
  right: 0;
  transform: translate(-99%, 0);
}

.input-hash-tag {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  padding: 12px 25px 12px 15px;
  border-radius: 10px;
  box-sizing: border-box;
  gap: 15px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .input-hash-tag {
    padding: 11px 25px 11px 15px;
    gap: 10px;
  }
}
.input-hash-tag__icon-search {
  flex-shrink: 0;
}
@media only screen and (max-width: 576px) {
  .input-hash-tag__icon-search {
    display: none;
  }
}
.input-hash-tag__list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  min-height: 35px;
}
.input-hash-tag__tag {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 7px 0 10px;
  background: #3D4A55;
  border-radius: 5px;
  color: #fff;
  height: 35px;
}
.input-hash-tag__button-close {
  align-self: start;
  font-size: 13px;
  color: #878D94;
}
.input-hash-tag__button-close:hover {
  color: #fff;
}
.input-hash-tag__input {
  background: transparent;
}
.input-hash-tag .input-custom {
  background: transparent;
  padding: 0;
  width: unset;
  flex: 1 1;
  min-width: 50px;
}
.input-hash-tag .input-custom__input {
  height: 100%;
}
.input-hash-tag__clear-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 1;
  transition: opacity 0.3s;
}
.input-hash-tag__clear-btn_hidden {
  opacity: 0;
  z-index: -1;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.check-circle {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}
.check-circle_green {
  background-color: #62AD12;
}
.check-circle_red {
  background-color: #CF1235;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.check-circle {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}
.check-circle_green {
  background-color: #62AD12;
}
.check-circle_red {
  background-color: #CF1235;
}

.form-summary-validate-text {
  font-size: 12px !important;
  display: none;
}
.form-summary-validate-text_error {
  display: block;
  color: #DD2747 !important;
}
.form-summary-validate-text_success {
  color: #62AD12 !important;
}

.input-validate-text {
  font-size: 11px !important;
  position: absolute;
  top: 53px;
  line-height: 11px;
  padding-right: 20px;
  margin-left: -10px;
}
.input-validate-text_error {
  color: #DD2747 !important;
}
.input-validate-text_success {
  color: #62AD12;
}

.input-custom_gray-2 .input-validate-text {
  top: 55px;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.comments-count {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18.2px;
  color: #878D94;
}
.comments-count p {
  margin: 0;
  padding: 0;
}
.comments-count__link {
  color: #878D94;
  text-decoration: none;
  border-bottom: dotted 1.5px #878D94;
  transition: all 0.3s ease-in-out;
}
.comments-count__link:hover {
  color: #DD2747;
  border-bottom: dotted 1.5px #DD2747;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.params-line {
  font-weight: normal;
  font-size: 15px;
  line-height: 18.75px;
}
@media only screen and (max-width: 1400px) {
  .params-line {
    font-size: 13px;
    line-height: 16.25px;
  }
}
.params-line__title {
  margin: 0;
  padding: 0;
  color: #484f55;
}
.params-line__params {
  margin: 0;
  margin-left: 5px;
  padding: 0;
  color: #878D94;
}
@media only screen and (max-width: 1400px) {
  .params-line__params {
    margin-left: 4px;
  }
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.characteristic-item {
  display: flex;
  flex-direction: row;
  max-width: 360px;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .characteristic-item {
    max-width: 286px;
  }
}
@media only screen and (max-width: 768px) {
  .characteristic-item {
    width: 100%;
    max-width: none;
    gap: 0;
  }
}
.characteristic-item__title {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #484f55;
  font-weight: normal;
  font-size: 14px;
  line-height: 29.68px;
}
.characteristic-item__title::after {
  color: #878D94;
  content: ": ..........................................................................................................................................................................";
}
.characteristic-item__value {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: #484f55;
  font-weight: normal;
  font-size: 14px;
  line-height: 29.68px;
  padding-left: 4px;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.comments-count {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18.2px;
  color: #878D94;
}
.comments-count p {
  margin: 0;
  padding: 0;
}
.comments-count__link {
  color: #878D94;
  text-decoration: none;
  border-bottom: dotted 1.5px #878D94;
  transition: all 0.3s ease-in-out;
}
.comments-count__link:hover {
  color: #DD2747;
  border-bottom: dotted 1.5px #DD2747;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.params-line {
  font-weight: normal;
  font-size: 15px;
  line-height: 18.75px;
}
@media only screen and (max-width: 1400px) {
  .params-line {
    font-size: 13px;
    line-height: 16.25px;
  }
}
.params-line__title {
  margin: 0;
  padding: 0;
  color: #484f55;
}
.params-line__params {
  margin: 0;
  margin-left: 5px;
  padding: 0;
  color: #878D94;
}
@media only screen and (max-width: 1400px) {
  .params-line__params {
    margin-left: 4px;
  }
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.characteristic-item {
  display: flex;
  flex-direction: row;
  max-width: 360px;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .characteristic-item {
    max-width: 286px;
  }
}
@media only screen and (max-width: 768px) {
  .characteristic-item {
    width: 100%;
    max-width: none;
    gap: 0;
  }
}
.characteristic-item__title {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #484f55;
  font-weight: normal;
  font-size: 14px;
  line-height: 29.68px;
}
.characteristic-item__title::after {
  color: #878D94;
  content: ": ..........................................................................................................................................................................";
}
.characteristic-item__value {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: #484f55;
  font-weight: normal;
  font-size: 14px;
  line-height: 29.68px;
  padding-left: 4px;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.counter {
  font-family: "Open Sans", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-start;
}
.counter_hide {
  display: none !important;
}
.counter__label {
  font-size: 13px;
  font-weight: normal;
  line-height: 18.2px;
  color: #878D94;
  margin: 0;
  padding: 0;
}
.counter__container {
  display: flex;
  flex-direction: row;
  gap: 17px;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .counter__container {
    gap: 10px;
  }
}
.counter_gray .counter__container {
  gap: 5px;
}
@media only screen and (max-width: 1400px) {
  .counter_gray .counter__container {
    gap: 5px;
  }
}
.counter__button {
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: none;
  font-size: 23px;
  color: #878D94;
  line-height: 32.2px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.counter__button_minus {
  padding-bottom: 5px;
}
.counter_gray .counter__button {
  background-color: #D9D9D9;
  color: #fff;
  transition: all 0.2s;
}
.counter_gray .counter__button:hover {
  background-color: #878D94;
}
.counter__count {
  font-weight: normal;
  font-size: 15px;
  color: #484f55;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
.counter_gray .counter__count {
  width: 30px;
  text-align: center;
}

.page {
  font-family: "Open Sans", Arial, sans-serif, serif;
  font-size: 14px;
  color: #3D4A55;
  min-width: 320px;
  width: 100%;
  position: relative;
  background: #fff;
}

.logo {
  box-sizing: border-box;
  width: 203px;
  height: 142px;
  font-size: 13px;
  color: #fff;
}
.logo__link {
  display: block;
  margin-top: 16px;
}
.logo_red .logo__link {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  margin-top: 0;
  display: flex;
  row-gap: 15px;
  flex-direction: column;
  z-index: 1;
}
.logo_red {
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  padding-top: 24px;
  padding-left: 31px;
  padding-right: 31px;
  border-radius: 0 0 10px 10px;
  background: #323232;
  color: #fff;
  text-align: center;
}
.logo__image {
  display: block;
}
.logo__image_mobile {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .logo__image_mobile {
    display: flex;
  }
}

.logo-header-horizontal {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 100%;
  justify-content: center;
}
.logo-header-horizontal__image {
  max-width: 197px;
  margin-top: 6px;
}
.logo-header-horizontal p {
  margin: 0;
  color: #fff;
  font-size: 10px;
  padding-top: 6px;
}

.menu-top-main__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  max-width: 560px;
}
.menu-top-main__link {
  text-align: center;
  padding: 0 40px;
  white-space: nowrap;
}
@media only screen and (max-width: 1299px) {
  .menu-top-main__link {
    padding: 0 15px;
  }
}
.menu-top-main__item:first-child .menu-top-main__link {
  padding-left: 0;
}
.menu-top-main__item:last-child .menu-top-main__link {
  padding-right: 0;
}
.menu-top-main__item {
  display: flex;
  position: relative;
}
.menu-top-main__item:first-child .menu-top-main__item__link {
  padding-left: 0;
}
.menu-top-main__item:last-child .menu-top-main__item__link {
  padding-right: 0;
}
.menu-top-main__icon {
  color: #DD2747;
  position: absolute;
  top: -15px;
  right: -10px;
}
.menu-top-main__icon-separator {
  margin-top: 5px;
  float: right;
}

.menu-catalog-categories {
  width: 100%;
}
.menu-catalog-categories__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  column-gap: 20px;
  position: relative;
}
.menu-catalog-categories__item {
  font-size: 13px;
  white-space: nowrap;
}
.menu-catalog-categories__icon {
  margin-right: 10px;
}

.menu-item-actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.menu-item-actions__link {
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 4px;
  color: #878D94;
}
.menu-item-actions__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  column-gap: 15px;
  align-items: center;
  justify-content: end;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .menu-item-actions__list {
    column-gap: 25px;
  }
}

.header-link-basket {
  text-decoration: none;
  color: #484f55;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  flex-shrink: 0;
  position: relative;
  color: #484f55;
}
.header-link-basket__count {
  position: absolute;
  top: 0;
  right: 0;
  align-self: end;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #fff;
  background: #CF1235;
  width: 20px; /* Размер круга */
  height: 20px; /* Размер круга */
  border-radius: 50%;
}

.item-card {
  max-width: 240px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  border-radius: 10px;
  padding: 25px;
  box-sizing: border-box;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  transition: all 150ms ease-in-out;
}
.item-card:hover {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.5);
}
.item-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.item-card__actions {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-left: auto;
  height: 23px;
}
.item-card__actions a svg {
  height: 23px;
}
.item-card__title {
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
}
.item-card__label {
  color: #CF1235;
  display: flex;
  align-items: center;
}
.item-card__images-link {
  margin-bottom: 10px;
}
.item-card__images {
  border-radius: 10px;
  max-width: 190px;
  height: 175px;
  object-fit: cover;
  width: 100%;
}
.item-card__info {
  display: flex;
  row-gap: 2px;
  justify-content: space-between;
  margin-top: auto;
}
.item-card__price {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  align-self: start;
}
.item-card__discount-prices {
  display: flex;
  align-items: center;
  flex-direction: column;
  column-gap: 12px;
  row-gap: 7px;
  justify-content: center;
}
.item-card__discount-price {
  text-decoration: line-through;
  align-self: center;
}
.item-card__discount-percent {
  background: #62AD12;
  width: 50px;
  height: 29px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.item-card__discount-price-percent {
  display: flex;
  column-gap: 10px;
}
.item-card__button-basket {
  align-self: end;
}
.item-card__button-basket_hide {
  display: none;
}

.item-carousel-list {
  position: relative;
  padding-bottom: 10px;
}
.item-carousel-list__nav {
  display: flex;
  column-gap: 5px;
  position: absolute;
  top: -75px;
  right: 0;
  opacity: 1;
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .item-carousel-list__nav {
    opacity: 0;
  }
}
.item-carousel-list__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.item-carousel-list__item {
  width: 240px;
  height: auto;
}
.item-carousel-list__icon_prev {
  rotate: 180deg;
}

.advantages-card__title {
  font-size: 16px;
}
.advantages-card__text {
  font-size: 13px;
  color: #878D94;
  line-height: 18px;
}
.advantages-card__container {
  display: flex;
  flex-direction: column;
  max-width: 215px;
  gap: 6px;
  justify-content: space-between;
}

.breadcrumbs {
  margin-bottom: 11px;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    white-space: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 100%;
  }
  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumbs_active {
  color: #CF1235;
}
.breadcrumbs__link {
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  line-height: 19.07px;
  color: #878D94;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs__link_active {
  color: #CF1235;
}
@media only screen and (max-width: 1080px) {
  .breadcrumbs__link {
    font-size: 12px;
    line-height: 16.34px;
  }
}
.breadcrumbs__link:hover:not(.breadcrumbs_active) {
  color: #CF1235;
}
.breadcrumbs__link:not(:last-child)::after {
  content: " / ";
  padding: 0 5px;
}

.catalog-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-filter__wrapper {
  white-space: nowrap;
  display: flex;
  gap: 10px;
}
.catalog-filter:first-of-type {
  width: 100%;
}
.catalog-filter_items-view {
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .catalog-filter_items-view {
    display: none;
  }
}
.catalog-filter span {
  color: #878D94;
  font-size: 13px;
}
.catalog-filter__links {
  display: flex;
  gap: 20px;
  white-space: nowrap;
}
.catalog-filter__link {
  font-size: 13px;
  text-decoration: underline dotted;
}
.content-container-catalog-page__footer > .catalog-filter .catalog-filter__links {
  gap: 15px;
}

.pagination-module {
  display: flex;
  column-gap: 47px;
}
@media only screen and (max-width: 768px) {
  .pagination-module {
    width: 100%;
    justify-content: space-between;
  }
}
.pagination-module a {
  font-size: 16px;
  font-weight: 700;
}
.pagination-module__icon-previous {
  color: #CF1235;
  transform: rotate(180deg);
}
.pagination-module__previous, .pagination-module__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
}
.pagination-module__icon-next {
  color: #CF1235;
}
.pagination-module__pages-nums {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.pagination-module__active {
  color: #CF1235;
}

.nameplate {
  display: flex;
  background-color: #fff;
  height: 110px;
  border-radius: 10px 10px 0 10px;
  box-sizing: border-box;
  padding: 20px 50px 20px 35px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 900px) {
  .nameplate {
    padding: 10px 30px 10px 15px;
  }
}
.nameplate_hover {
  background-color: #3D4A55;
}
.nameplate_hover p {
  color: #fff !important;
}
.nameplate_hover svg {
  transform: rotate(90deg);
  stroke: #878D94 !important;
}
@media only screen and (max-width: 768px) {
  .nameplate_hover {
    padding: 15px 20px 30px 20px;
  }
}
.nameplate:hover {
  background-color: #3D4A55;
}
.nameplate:hover p {
  color: #fff !important;
}
.nameplate:hover svg {
  transform: rotate(90deg);
  stroke: #878D94 !important;
}
@media only screen and (max-width: 768px) {
  .nameplate:hover {
    padding: 15px 20px 30px 20px;
  }
}
.nameplate > p {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  text-align: left;
  color: #484f55;
}
.nameplate > svg {
  position: absolute;
  top: 85px;
  right: 20px;
  z-index: 1;
  stroke: #CF1235;
}
.nameplate__circle {
  width: 90px;
  height: 90px;
  position: absolute;
  right: -38px;
  top: 61px;
  background-color: #EFEFF1;
  border-radius: 50%;
  box-shadow: -2px 7px 8px 0px rgba(0, 0, 0, 0.0509803922) inset;
}

.advantages-card__title {
  font-size: 16px;
}
.advantages-card__text {
  font-size: 13px;
  color: #878D94;
  line-height: 18px;
}
.advantages-card__container {
  display: flex;
  flex-direction: column;
  max-width: 215px;
  gap: 6px;
  justify-content: space-between;
}

.breadcrumbs {
  margin-bottom: 11px;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    white-space: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 100%;
  }
  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumbs_active {
  color: #CF1235;
}
.breadcrumbs__link {
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  line-height: 19.07px;
  color: #878D94;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs__link_active {
  color: #CF1235;
}
@media only screen and (max-width: 1080px) {
  .breadcrumbs__link {
    font-size: 12px;
    line-height: 16.34px;
  }
}
.breadcrumbs__link:hover:not(.breadcrumbs_active) {
  color: #CF1235;
}
.breadcrumbs__link:not(:last-child)::after {
  content: " / ";
  padding: 0 5px;
}

.item-card-horizontal {
  width: 100%;
  max-width: 100%;
  display: flex;
  gap: 25px;
  align-items: center;
  box-sizing: border-box;
  padding: 25px;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
}
.item-card-horizontal__image {
  max-width: 190px;
  position: relative;
}
.item-card-horizontal__info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex: 1;
}
.item-card-horizontal__info > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item-card-horizontal__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: left;
  color: #484f55;
  max-width: 400px;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-card-horizontal__characteristic {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  text-align: left;
  color: #484f55;
  display: flex;
  gap: 10px;
  margin: 0;
}
.item-card-horizontal__characteristic > span {
  color: #878D94;
}
.item-card-horizontal__order {
  display: flex;
  flex-direction: row-reverse;
  align-self: flex-start;
  gap: 25px;
  min-width: 194px;
}
.item-card-horizontal__order > ul {
  flex-direction: column;
  gap: 20px;
  max-width: 21.44px;
  align-items: center;
}
.item-card-horizontal__order > ul svg {
  margin: 0;
}
.item-card-horizontal__price-block > div:first-of-type {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 7px;
}
.item-card-horizontal__price-block > div:last-of-type {
  margin-top: 25px;
  display: flex;
  gap: 25px;
  justify-content: end;
}
.item-card-horizontal__price-block > div:last-of-type .counter__label {
  color: #878D94;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
}
.item-card-horizontal__price-block > div:last-of-type .counter__count {
  color: #878D94;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.73px;
  text-align: center;
}
.item-card-horizontal__price-block > div:last-of-type .counter__button {
  background-color: #D9D9D9;
  color: #484f55;
}
.item-card-horizontal__order-btn {
  width: 45px;
  height: 45px;
  padding: 0;
  border-radius: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-card-horizontal__order-btn_request {
  background-color: #484f55;
}
.item-card-horizontal__order-btn svg {
  width: 24px;
  height: 21px;
}
.item-card-horizontal__current-price {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  margin: 0;
  color: #484f55;
  display: flex;
  justify-content: end;
}
.item-card-horizontal__request-price {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  color: #484f55;
}
.item-card-horizontal__old-price {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  text-align: left;
  color: #484f55;
  margin: 0;
  text-decoration: line-through;
}
.item-card-horizontal__discount {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  text-align: left;
  color: #fff;
  padding: 6px 10px;
  background-color: #62AD12;
  border-radius: 6px;
  text-decoration: none;
}
.swiper-container {
  width: 100%;
  height: 100%;
}

.slider-card-horizontal {
  align-items: flex-start;
  max-width: 200px;
  width: 100%;
}

.slider-card-horizontal__pagination {
  position: absolute;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  bottom: 10px !important;
  top: unset !important;
  left: 0;
  height: 10px;
  z-index: 1;
  background-color: #fff;
  width: 137px !important;
  border-radius: 10px;
  margin: auto;
  right: 0;
}
.slider-card-horizontal__pagination > .swiper-pagination-bullet {
  width: 28px !important;
  height: 3px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  z-index: 3;
}
.slider-card-horizontal__pagination > .swiper-pagination-bullet-active {
  background-color: #606f7b !important;
}

.slider-card-horizontal__image {
  max-width: 190px;
  height: 160px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
  overflow-x: hidden;
}

.slider-card-horizontal__image img {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-card-horizontal__new {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #CF1235;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  color: #fff;
  border-radius: 5px;
  z-index: 5;
}

.catalog-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalog-filter__wrapper {
  white-space: nowrap;
  display: flex;
  gap: 10px;
}
.catalog-filter:first-of-type {
  width: 100%;
}
.catalog-filter_items-view {
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .catalog-filter_items-view {
    display: none;
  }
}
.catalog-filter span {
  color: #878D94;
  font-size: 13px;
}
.catalog-filter__links {
  display: flex;
  gap: 20px;
  white-space: nowrap;
}
.catalog-filter__link {
  font-size: 13px;
  text-decoration: underline dotted;
}
.content-container-catalog-page__footer > .catalog-filter .catalog-filter__links {
  gap: 15px;
}

.pagination-module {
  display: flex;
  column-gap: 47px;
}
@media only screen and (max-width: 768px) {
  .pagination-module {
    width: 100%;
    justify-content: space-between;
  }
}
.pagination-module a {
  font-size: 16px;
  font-weight: 700;
}
.pagination-module__icon-previous {
  color: #CF1235;
  transform: rotate(180deg);
}
.pagination-module__previous, .pagination-module__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
}
.pagination-module__icon-next {
  color: #CF1235;
}
.pagination-module__pages-nums {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.pagination-module__active {
  color: #CF1235;
}

.auth-prompt {
  display: flex;
  justify-content: space-between;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  align-items: center;
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .auth-prompt {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .auth-prompt {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .auth-prompt {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .auth-prompt {
    flex-direction: column;
    row-gap: 20px;
  }
}
.auth-prompt__text {
  color: #878D94;
  margin: 5px 0 0;
}

.basket-item-card {
  border-bottom: 1px solid #EFEFF1;
  padding: 30px 0;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
}
.basket-item-card:first-child {
  border-top: 1px solid #EFEFF1;
}
@media only screen and (max-width: 768px) {
  .basket-item-card {
    padding: 15px 0;
  }
}
.basket-item-card__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.basket-item-card__block_text {
  width: 100%;
  gap: 10px;
}
.basket-item-card__block_actions {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .basket-item-card__block_actions {
    flex-direction: row-reverse;
    align-items: center;
  }
}
.basket-item-card__block-text-actions {
  display: flex;
  width: 100%;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .basket-item-card__block-text-actions {
    flex-direction: column;
    gap: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-item-card__block-text-actions {
    gap: 10px;
  }
}
.basket-item-card__block-image {
  position: relative;
}
.basket-item-card__label {
  position: absolute;
  top: 0;
  left: 0;
}
.basket-item-card__image {
  border-radius: 10px;
  max-width: 130px;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 576px) {
  .basket-item-card__image {
    width: 80px;
  }
}
.basket-item-card__block-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.basket-item-card__block-title-article-price {
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .basket-item-card__block-title-article-price {
    flex-direction: column;
  }
}
.basket-item-card__block-title-article {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.basket-item-card__title {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 1080px) {
  .basket-item-card__title {
    font-size: 15px;
  }
}
.basket-item-card__block-article {
  display: flex;
  column-gap: 10px;
  font-size: 13px;
}
.basket-item-card__block-article-title {
  margin: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  font-size: 13px;
}
.basket-item-card__block-article-code {
  color: #878D94;
}
.basket-item-card__block-manufacturer-code {
  color: #878D94;
}
.basket-item-card__block-price-stock {
  font-weight: 700;
  font-size: 15px;
  white-space: nowrap;
}
.basket-item-card__price {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  align-self: start;
  white-space: nowrap;
}
.basket-item-card__discount-prices {
  display: flex;
  align-items: center;
  flex-direction: column;
  column-gap: 12px;
  row-gap: 4px;
}
@media only screen and (max-width: 768px) {
  .basket-item-card__discount-prices {
    align-items: start;
  }
}
.basket-item-card__discount-price {
  text-decoration: line-through;
  white-space: nowrap;
}
.basket-item-card__discount-percent {
  font-size: 12px;
  background: #62AD12;
  width: 50px;
  height: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.basket-item-card__discount-price-percent {
  display: flex;
  gap: 10px;
  min-width: 75px;
}
.basket-item-card__block-info-delivery-promo {
  display: flex;
  gap: 10px;
  height: 25px;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
}
@media only screen and (max-width: 1080px) {
  .basket-item-card__block-info-delivery-promo {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .basket-item-card__block-info-delivery-promo {
    flex-direction: column;
    align-items: start;
    height: auto;
  }
}
.basket-item-card__block-promo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.basket-item-card__actions {
  display: flex;
  column-gap: 25px;
  justify-content: end;
  align-items: center;
  height: 20px;
}
.basket-item-card__actions a {
  display: flex;
  align-items: center;
}
.basket-item-card__actions svg {
  width: 25px;
  height: 25px;
}

.scheme-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  background-color: #fff;
  height: 237px;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
}
.scheme-card > h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 18.15px;
  text-align: center;
  text-transform: uppercase;
  color: #484f55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scheme-card > img {
  width: 100%;
  height: 166px;
  border-radius: 10px;
  object-fit: contain;
}

.section-head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.section-head nav {
  margin: 0;
}
.section-head > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 576px) {
  .section-head > div {
    margin-top: -10px;
  }
}
.section-head > div h1 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.51px;
  text-align: left;
  color: #484f55;
}
.section-head > div h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 768px) {
  .section-head > div h2 {
    font-size: 22px;
    line-height: 29.96px;
  }
}
@media only screen and (max-width: 576px) {
  .section-head > div h2 {
    font-size: 20px;
    line-height: 27.24px;
  }
}

.part-line {
  display: flex;
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 682px) {
  .part-line {
    align-items: flex-start;
  }
}
.part-line__buttons-wrapper {
  padding: 0 15px;
}
.part-line > div {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 682px) {
  .part-line > div {
    flex-direction: column;
    gap: 5px;
    padding-left: 10px;
  }
}
.part-line > div > div {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 78%;
  align-items: flex-start;
  box-sizing: border-box;
}
.part-line > div > div:last-of-type {
  align-items: center;
  width: 100%;
  max-width: 22%;
}
@media only screen and (max-width: 1080px) {
  .part-line > div > div:last-of-type {
    max-width: 20%;
  }
}
@media only screen and (max-width: 768px) {
  .part-line > div > div:last-of-type {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .part-line > div > div {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .part-line > div > div {
    flex-wrap: wrap;
    width: 100%;
  }
  .part-line > div > div:first-child {
    flex-wrap: wrap;
    gap: 5px;
  }
  .part-line > div > div p:nth-of-type(1)::before {
    content: "Производитель";
    display: flex;
    font-weight: 600;
  }
  .part-line > div > div p:nth-of-type(2)::before {
    content: "Артикул";
    display: flex;
    font-weight: 600;
  }
  .part-line > div > div p:nth-of-type(3)::before {
    content: "Название";
    display: flex;
    font-weight: 600;
  }
}
@media only screen and (max-width: 576px) {
  .part-line > div > div {
    min-width: 80px;
  }
}
@media only screen and (max-width: 682px) {
  .part-line > div > div:last-of-type > .part-line__rating {
    order: 2;
  }
  .part-line > div > div:last-of-type > button {
    order: 3;
  }
  .part-line > div > div:last-of-type > .part-line__price {
    order: 1;
    padding-left: 0px;
    flex: 1;
  }
}
.part-line__image {
  width: 100%;
  max-width: 8%;
  border-radius: 5px;
  object-fit: cover;
}
@media only screen and (max-width: 1080px) {
  .part-line__image {
    min-width: 60px;
  }
}
.part-line p {
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  color: #484f55;
  margin: 0;
}
@media only screen and (max-width: 1080px) {
  .part-line p {
    font-size: 13px;
    line-height: 17.7px;
  }
}
@media only screen and (max-width: 768px) {
  .part-line p {
    padding: 0 10px;
  }
}
.part-line__manufacturer {
  max-width: 17%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .part-line__manufacturer {
    max-width: 100%;
  }
}
.part-line__sku {
  min-width: 90px;
  max-width: 17%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .part-line__sku {
    max-width: 100%;
  }
}
.part-line__name {
  max-width: 66%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .part-line__name {
    max-width: 100%;
  }
}
.part-line__rating {
  display: flex;
  max-width: 199px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media only screen and (max-width: 1080px) {
  .part-line__rating {
    gap: 15px;
    max-width: 81.44px;
    height: 20px;
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 682px) {
  .part-line__rating > a > svg {
    max-width: 16px;
    min-width: 16px;
    max-height: 14px;
    min-height: 14px;
    margin: 0;
  }
}
.part-line__rating > div {
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 1080px) {
  .part-line__rating > div {
    width: 45px;
  }
}
@media only screen and (max-width: 682px) {
  .part-line__rating > div {
    width: 41px;
  }
}
.part-line__rating > div > svg {
  min-width: 20px;
  min-height: 20px;
}
@media only screen and (max-width: 682px) {
  .part-line__rating > div > svg {
    max-width: 16px;
    max-height: 16px;
    min-width: 16px;
    min-height: 16px;
  }
}
.part-line__rating > div > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  text-align: left;
  color: #878D94;
}
@media only screen and (max-width: 682px) {
  .part-line__rating {
    width: 77px;
    max-height: 18px;
    box-sizing: border-box;
    padding: 2px 0;
    gap: 10px;
  }
}
.part-line__price {
  width: 100%;
  padding: 8px 15px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 1080px) {
  .part-line__price {
    font-size: 17px;
    line-height: 21.25px;
  }
}
@media only screen and (max-width: 768px) {
  .part-line__price {
    font-size: 14px;
    line-height: 17.5px;
  }
}
.part-line__price_request {
  font-size: 14px;
  line-height: 17.5px;
}
@media only screen and (max-width: 1080px) {
  .part-line__price_request {
    font-size: 14px;
    line-height: 17.5px;
  }
}
@media only screen and (max-width: 768px) {
  .part-line__price_request {
    font-size: 12px;
    line-height: 14px;
  }
}
.part-line__price_request::after {
  content: "";
}
.part-line__request-btn {
  background-color: #484f55;
}
@media only screen and (max-width: 900px) {
  .part-line__request-btn::after {
    margin-top: 4px;
    content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4495 2.22185C14.278 3.39342 12.3785 3.39342 11.2069 2.22185M2.7216 14.9497C3.89318 13.7782 3.89318 11.8787 2.7216 10.7071M18.278 5.05027C17.1064 6.22185 17.1064 8.12133 18.278 9.29293M5.55003 17.7782C6.7216 16.6066 8.6211 16.6066 9.7927 17.7782M2.0145 11.4142L11.914 1.51474C12.695 0.733693 13.9614 0.733693 14.7424 1.51474L18.9851 5.75738C19.7661 6.53843 19.7661 7.80476 18.9851 8.58583L9.0856 18.4853C8.30452 19.2663 7.03819 19.2663 6.25714 18.4853L2.0145 14.2426C1.23345 13.4616 1.23345 12.1953 2.0145 11.4142ZM11.914 8.58583C12.695 9.36683 12.695 10.6332 11.914 11.4142C11.1329 12.1953 9.8666 12.1953 9.0856 11.4142C8.30452 10.6332 8.30452 9.36683 9.0856 8.58583C9.8666 7.80476 11.1329 7.80476 11.914 8.58583Z' stroke='white' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
}
.part-line__request-btn::before {
  content: "Запросить цену";
}

.popup-custom {
  font-style: normal;
  font-weight: 400;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: 0.3s linear;
  z-index: 3;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  opacity: 0;
  top: 0;
  left: 0;
  overflow: auto;
}
.popup-custom__container {
  margin: auto 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
  background-color: white;
  padding: 35px;
  border-radius: 10px;
  transition: 0.1s;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .popup-custom__container {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .popup-custom__container {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-custom__container {
    padding: 15px;
  }
}
.popup-custom__header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.popup-custom__wrapper {
  width: 100%;
}
.popup-custom__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  color: #484f55;
}
.popup-custom__button {
  cursor: pointer;
  border: 0;
  padding: 0;
}
.popup-custom__button_close {
  color: #878D94;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  background-size: cover;
  transition: 0.3s linear;
}
.popup-custom__button_close:hover {
  color: #484f55;
}
.popup-custom_visible {
  pointer-events: all;
  opacity: 1;
}
.article-card {
  width: 100%;
  height: 437px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #fff;
  gap: 20px;
}
@media only screen and (max-width: 1080px) {
  .article-card {
    padding: 20px;
    height: 386px;
    gap: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .article-card {
    padding: 15px;
    height: 331px;
  }
}
@media only screen and (max-width: 576px) {
  .article-card {
    gap: 10px;
    height: fit-content;
  }
}
.article-card__image {
  height: 152px;
  width: 100%;
  object-fit: cover;
}
.article-card__date {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.25px;
  text-align: left;
  color: #878D94;
  margin-bottom: -5px;
}
@media only screen and (max-width: 1080px) {
  .article-card__date {
    margin-bottom: 0;
  }
}
.article-card__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-align: left;
  color: #484f55;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 100px;
}
@media only screen and (max-width: 1080px) {
  .article-card__title {
    font-size: 18px;
    line-height: 22.5px;
    max-height: 69px;
    -webkit-line-clamp: 3;
  }
}
@media only screen and (max-width: 768px) {
  .article-card__title {
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
    -webkit-line-clamp: 2;
  }
}
.article-card__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  text-align: left;
  margin: 0;
  color: #878D94;
  text-decoration: none;
}
.article-card__description > a {
  text-decoration: underline;
  color: #878D94;
}

.company-view-in-select {
  scrollbar-color: #DD2747 transparent;
  scrollbar-width: thin;
  /* width */
}
.company-view-in-select__content {
  display: flex;
  gap: 5px;
  color: #878D94;
  font-size: 11px;
}
@media only screen and (max-width: 576px) {
  .company-view-in-select__content {
    flex-direction: column;
    gap: 2px;
  }
}
.company-view-in-select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.company-view-in-select::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.company-view-in-select::-webkit-scrollbar-thumb {
  background-color: #DD2747;
}

.question-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-sizing: border-box;
}
.question-card_answer {
  padding-left: 25px;
  border-left: 3px solid #CF1235;
}
@media only screen and (max-width: 576px) {
  .question-card_answer {
    padding-left: 15px;
  }
}
.question-card__top {
  display: flex;
  gap: 30px;
  align-items: center;
}
.question-card__top > div {
  display: flex;
  gap: 5px;
  align-items: center;
}
.question-card__top > div > p {
  color: #CF1235;
}
.question-card__top > div > svg {
  max-width: 24px;
  height: 14px;
}
.question-card__top p {
  font-size: 13px;
  font-weight: 700;
  line-height: 16.25px;
  text-align: left;
  color: #484f55;
  margin: 0;
}
.question-card__date {
  font-size: 13px;
  font-weight: 400;
  line-height: 15.73px;
  text-align: left;
  color: #878D94;
  margin: 0;
}
.question-card__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 21.6px;
  text-align: left;
  color: #484f55;
  margin: 0;
}
.question-card__text_company {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 576px) {
  .question-card__text_company {
    font-size: 12px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .question-card__text {
    font-size: 13px;
    line-height: 15px;
  }
}
.question-card__actions {
  display: flex;
  gap: 15px;
  align-items: center;
}
.question-card__actions > button {
  border-radius: 100px;
  padding: 0 15px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  height: 35px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  text-align: left;
  color: #878D94;
}
.question-card__likes {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.question-card__likes-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 6px;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: #878D94;
}
.question-card__likes-btn p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: inherit;
}
.question-card__likes-btn_dislike > svg {
  transform: rotateX(180deg);
}
.question-card__likes-btn:hover {
  color: #DD2747;
}

.rating-stars {
  position: relative;
}
.rating-stars__star {
  color: #D6D6D8;
}
.rating-stars_active {
  cursor: pointer;
}
.rating-stars__svg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: top;
  height: 1em;
  width: 1em;
  flex-shrink: 0;
}
.rating-stars__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  color: transparent;
}
.rating-stars__stars-fill.hover {
  color: green;
}
.rating-stars__stars-fill.selected {
  color: red;
}
.rating-stars__star-primary {
  color: #DD2747;
}

.switch-cards {
  display: flex;
}
@media only screen and (max-width: 1080px) {
  .switch-cards {
    display: none;
  }
}
.switch-cards input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switch-cards label {
  cursor: pointer;
  width: 60px;
  height: 30px;
  background: #EFEFF1;
  display: block;
  border-radius: 30px;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.04102 1.16667H15.7077V2.83333H4.04102V1.16667ZM1.54102 3.25C0.85066 3.25 0.291016 2.69036 0.291016 2C0.291016 1.30964 0.85066 0.75 1.54102 0.75C2.23137 0.75 2.79102 1.30964 2.79102 2C2.79102 2.69036 2.23137 3.25 1.54102 3.25ZM4.04102 6.16667H15.7077V7.83333H4.04102V6.16667ZM4.04102 11.1667H15.7077V12.8333H4.04102V11.1667ZM1.54102 13.25C0.857682 13.25 0.291016 12.6833 0.291016 12C0.291016 11.3167 0.849349 10.75 1.54102 10.75C2.23268 10.75 2.79102 11.3167 2.79102 12C2.79102 12.6833 2.22435 13.25 1.54102 13.25ZM1.54102 8.25C0.85066 8.25 0.291016 7.69036 0.291016 7C0.291016 6.30964 0.85066 5.75 1.54102 5.75C2.23137 5.75 2.79102 6.30964 2.79102 7C2.79102 7.69036 2.23137 8.25 1.54102 8.25Z' fill='%23B7B6BB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 35px 8.44px;
}
.switch-cards label::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66344 0.4375H0.875C0.758968 0.4375 0.647688 0.483593 0.565642 0.565642C0.483593 0.647688 0.4375 0.758968 0.4375 0.875V5.66344C0.4375 5.77946 0.483593 5.89074 0.565642 5.97279C0.647688 6.05485 0.758968 6.10094 0.875 6.10094H5.66344C5.77946 6.10094 5.89074 6.05485 5.97279 5.97279C6.05485 5.89074 6.10094 5.77946 6.10094 5.66344V0.875C6.10094 0.758968 6.05485 0.647688 5.97279 0.565642C5.89074 0.483593 5.77946 0.4375 5.66344 0.4375ZM5.22594 5.22594H1.3125V1.3125H5.22594V5.22594Z' fill='%23484F55'/%3E%3Cpath d='M13.1254 0.4375H8.33691C8.22089 0.4375 8.10961 0.483593 8.02756 0.565642C7.9455 0.647688 7.89941 0.758968 7.89941 0.875V5.66344C7.89941 5.77946 7.9455 5.89074 8.02756 5.97279C8.10961 6.05485 8.22089 6.10094 8.33691 6.10094H13.1254C13.2414 6.10094 13.3527 6.05485 13.4347 5.97279C13.5168 5.89074 13.5629 5.77946 13.5629 5.66344V0.875C13.5629 0.758968 13.5168 0.647688 13.4347 0.565642C13.3527 0.483593 13.2414 0.4375 13.1254 0.4375ZM12.6879 5.22594H8.77441V1.3125H12.6879V5.22594Z' fill='%23484F55'/%3E%3Cpath d='M5.66344 7.89908H0.875C0.758968 7.89908 0.647688 7.94518 0.565642 8.02723C0.483593 8.10928 0.4375 8.22056 0.4375 8.33658V13.125C0.4375 13.241 0.483593 13.3523 0.565642 13.4344C0.647688 13.5164 0.758968 13.5625 0.875 13.5625H5.66344C5.77946 13.5625 5.89074 13.5164 5.97279 13.4344C6.05485 13.3523 6.10094 13.241 6.10094 13.125V8.33658C6.10094 8.22056 6.05485 8.10928 5.97279 8.02723C5.89074 7.94518 5.77946 7.89908 5.66344 7.89908ZM5.22594 12.6875H1.3125V8.77408H5.22594V12.6875Z' fill='%23484F55'/%3E%3Cpath d='M13.1254 7.89893H8.33691C8.22089 7.89893 8.10961 7.94502 8.02756 8.02707C7.9455 8.10912 7.89941 8.2204 7.89941 8.33643V13.1249C7.89941 13.2409 7.9455 13.3522 8.02756 13.4342C8.10961 13.5163 8.22089 13.5624 8.33691 13.5624H13.1254C13.2414 13.5624 13.3527 13.5163 13.4347 13.4342C13.5168 13.3522 13.5629 13.2409 13.5629 13.1249V8.33643C13.5629 8.2204 13.5168 8.10912 13.4347 8.02707C13.3527 7.94502 13.2414 7.89893 13.1254 7.89893ZM12.6879 12.6874H8.77441V8.77393H12.6879V12.6874Z' fill='%23484F55'/%3E%3C/svg%3E%0A");
  position: absolute;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #fff;
  border-radius: 30px;
  transition: 0.3s;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.switch-cards input:checked + label {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66344 0.4375H0.875C0.758968 0.4375 0.647688 0.483593 0.565642 0.565642C0.483593 0.647688 0.4375 0.758968 0.4375 0.875V5.66344C0.4375 5.77946 0.483593 5.89074 0.565642 5.97279C0.647688 6.05485 0.758968 6.10094 0.875 6.10094H5.66344C5.77946 6.10094 5.89074 6.05485 5.97279 5.97279C6.05485 5.89074 6.10094 5.77946 6.10094 5.66344V0.875C6.10094 0.758968 6.05485 0.647688 5.97279 0.565642C5.89074 0.483593 5.77946 0.4375 5.66344 0.4375ZM5.22594 5.22594H1.3125V1.3125H5.22594V5.22594Z' fill='%23B7B6BB'/%3E%3Cpath d='M13.1254 0.4375H8.33691C8.22089 0.4375 8.10961 0.483593 8.02756 0.565642C7.9455 0.647688 7.89941 0.758968 7.89941 0.875V5.66344C7.89941 5.77946 7.9455 5.89074 8.02756 5.97279C8.10961 6.05485 8.22089 6.10094 8.33691 6.10094H13.1254C13.2414 6.10094 13.3527 6.05485 13.4347 5.97279C13.5168 5.89074 13.5629 5.77946 13.5629 5.66344V0.875C13.5629 0.758968 13.5168 0.647688 13.4347 0.565642C13.3527 0.483593 13.2414 0.4375 13.1254 0.4375ZM12.6879 5.22594H8.77441V1.3125H12.6879V5.22594Z' fill='%23B7B6BB'/%3E%3Cpath d='M5.66344 7.89908H0.875C0.758968 7.89908 0.647688 7.94518 0.565642 8.02723C0.483593 8.10928 0.4375 8.22056 0.4375 8.33658V13.125C0.4375 13.241 0.483593 13.3523 0.565642 13.4344C0.647688 13.5164 0.758968 13.5625 0.875 13.5625H5.66344C5.77946 13.5625 5.89074 13.5164 5.97279 13.4344C6.05485 13.3523 6.10094 13.241 6.10094 13.125V8.33658C6.10094 8.22056 6.05485 8.10928 5.97279 8.02723C5.89074 7.94518 5.77946 7.89908 5.66344 7.89908ZM5.22594 12.6875H1.3125V8.77408H5.22594V12.6875Z' fill='%23B7B6BB'/%3E%3Cpath d='M13.1254 7.89893H8.33691C8.22089 7.89893 8.10961 7.94502 8.02756 8.02707C7.9455 8.10912 7.89941 8.2204 7.89941 8.33643V13.1249C7.89941 13.2409 7.9455 13.3522 8.02756 13.4342C8.10961 13.5163 8.22089 13.5624 8.33691 13.5624H13.1254C13.2414 13.5624 13.3527 13.5163 13.4347 13.4342C13.5168 13.3522 13.5629 13.2409 13.5629 13.1249V8.33643C13.5629 8.2204 13.5168 8.10912 13.4347 8.02707C13.3527 7.94502 13.2414 7.89893 13.1254 7.89893ZM12.6879 12.6874H8.77441V8.77393H12.6879V12.6874Z' fill='%23B7B6BB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 8.44px 8.44px;
}
.switch-cards input:checked + label:after {
  left: 100%;
  transform: translateX(-100%);
  content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.04102 1.16667H15.7077V2.83333H4.04102V1.16667ZM1.54102 3.25C0.85066 3.25 0.291016 2.69036 0.291016 2C0.291016 1.30964 0.85066 0.75 1.54102 0.75C2.23137 0.75 2.79102 1.30964 2.79102 2C2.79102 2.69036 2.23137 3.25 1.54102 3.25ZM4.04102 6.16667H15.7077V7.83333H4.04102V6.16667ZM4.04102 11.1667H15.7077V12.8333H4.04102V11.1667ZM1.54102 13.25C0.857682 13.25 0.291016 12.6833 0.291016 12C0.291016 11.3167 0.849349 10.75 1.54102 10.75C2.23268 10.75 2.79102 11.3167 2.79102 12C2.79102 12.6833 2.22435 13.25 1.54102 13.25ZM1.54102 8.25C0.85066 8.25 0.291016 7.69036 0.291016 7C0.291016 6.30964 0.85066 5.75 1.54102 5.75C2.23137 5.75 2.79102 6.30964 2.79102 7C2.79102 7.69036 2.23137 8.25 1.54102 8.25Z' fill='%23484F55'/%3E%3C/svg%3E%0A");
}
.switch-cards label:active:after {
  width: 40px;
}

.user-actions {
  display: flex;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 14px;
  height: 27px;
}
@media only screen and (max-width: 1400px) {
  .user-actions {
    gap: 4px;
  }
}
.user-actions li:last-of-type {
  align-self: flex-end;
  margin-top: 4px;
}
.user-actions__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lk-promo-code-card {
  background: #878D94;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: white;
}
@media only screen and (max-width: 768px) {
  .lk-promo-code-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-promo-code-card {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-promo-code-card {
    padding: 15px;
  }
}
.lk-promo-code-card_gray {
  background: #3D4A55;
}
.lk-promo-code-card_red {
  background: #CF1235;
}
.lk-promo-code-card__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-promo-code-card__header span {
  font-weight: 600;
}
.lk-promo-code-card__container {
  display: flex;
  justify-content: space-between;
}
.lk-promo-code-card__promo-code {
  padding: 15px 10px;
  border-radius: 21.5px;
  border: none;
  background-color: #fff;
  color: #878D94;
  font-size: 15px;
  font-weight: 600;
  line-height: 18.75px;
  text-align: center;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
}
.lk-promo-code-card__text {
  margin: 0;
}

.header-deskto {
  width: 100%;
}

.header-top {
  background: #EFEFF1;
}
.header-top__nav {
  display: flex;
  align-items: center;
  width: 100%;
}
.header-top__container {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  column-gap: 26px;
  height: 72px;
}
@media only screen and (max-width: 768px) {
  .header-top__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-top__container {
    padding: 0 20px;
  }
}
.header-top__wrapper {
  background: #EFEFF1;
}

.header-top__city-select {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1080px) {
  .header-top__city-select {
    display: none;
  }
}

.header-top__top-menu {
  height: 100%;
}

.header-bottom {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  justify-content: end;
  padding-top: 8px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .header-bottom {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-bottom {
    padding: 0 20px;
  }
}
.header-bottom__right-box {
  display: flex;
  justify-content: space-between;
  max-width: 271px;
  width: 100%;
}
@media only screen and (max-width: 1299px) {
  .header-bottom__right-box {
    justify-content: space-around;
    max-width: 158px;
  }
}
.header-bottom__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  column-gap: 10px;
}
@media only screen and (max-width: 1299px) {
  .header-bottom__wrapper {
    column-gap: 13px;
  }
}
.header-bottom__nav-catalog {
  display: flex;
  max-width: 700px;
  position: relative;
  margin-left: 230px;
}

@media only screen and (max-width: 1080px) {
  .header-desktop {
    display: none;
  }
}

.header-mobile {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .header-mobile {
    display: block;
  }
}
.header-mobile__link-signIn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.header-mobile__menu-bottom {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 21px;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .header-mobile__menu-bottom {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-mobile__menu-bottom {
    padding: 0 20px;
  }
}
.header-mobile__menu-top {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  background: #323232;
  border-radius: 0 0 10px 10px;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .header-mobile__menu-top {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-mobile__menu-top {
    padding: 0 20px;
  }
}
.header-mobile__container {
  display: flex;
  column-gap: 35px;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  .header-mobile__link-signIn {
    margin-left: auto;
  }
}
.header-mobile__user-actions-icon {
  height: 25px;
}
.header-mobile__menu-item {
  border: none;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .header-mobile__menu-item_bars {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .header-mobile__menu-item_like {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .header-mobile__menu-item_icon {
    margin-left: 20px;
  }
}
.header-mobile__item-basket-quantity {
  position: absolute;
  bottom: 0px;
  right: -10px;
  width: 19px;
  height: 19px;
  background: #878D94;
  transition: all 150ms ease-in-out;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}
.header-mobile__phone {
  color: #fff;
  display: flex;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .header-mobile__phone {
    display: none;
  }
}
.header-mobile__user-actions {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
@media only screen and (max-width: 768px) {
  .header-mobile__user-actions {
    column-gap: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .header-mobile__user-actions {
    column-gap: 5px;
  }
}
.header-mobile__user-actions svg {
  height: 25px;
  width: 25px;
  color: #fff;
}
.header-mobile__link {
  color: #fff;
  font-size: 13px;
}
.header-mobile__link:hover {
  color: #fff;
}

.user-header-menu {
  position: relative;
  z-index: 3;
}
.user-header-menu__nav {
  width: 250px;
  position: absolute;
  top: 50px;
  right: 0;
  background: #3D4A55;
  padding: 15px;
  border-radius: 10px;
  box-sizing: border-box;
  display: none;
  z-index: -2;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.user-header-menu__nav_visible {
  display: block;
  max-height: 1000px;
  opacity: 1;
  z-index: 5;
}
.user-header-menu__button {
  display: flex;
  gap: 10px;
}
.user-header-menu__icon-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #DD2747;
  width: 30px;
  height: 30px;
  color: #fff;
  flex-shrink: 0;
  align-self: center;
}
.user-header-menu__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-header-menu__name {
  max-width: 100px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-header-menu__inn {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-header-menu .lk-sidebar-menu__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20.43px;
}

.catalog-navigation-menu {
  display: none;
  position: absolute;
  width: 100%;
  left: -100%;
  padding: 35px;
  background: #ffffff;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  top: 63px;
  z-index: 999;
  gap: 50px;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .catalog-navigation-menu {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .catalog-navigation-menu {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .catalog-navigation-menu {
    padding: 15px;
  }
}
.catalog-navigation-menu_visible {
  display: flex;
  left: 0;
}
.catalog-navigation-menu__sidebar {
  display: flex;
  gap: 30px;
  flex-direction: column;
  max-width: 321px;
  width: 100%;
}
.catalog-navigation-menu__sidebar-nav {
  width: 100%;
}
.catalog-navigation-menu__sidebar-link {
  text-decoration: none;
  color: #484f55;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #484f55;
  gap: 15px;
}
.catalog-navigation-menu__sidebar-link:hover {
  background: #EFEFF1;
}
.catalog-navigation-menu__sidebar-link_active {
  background: #EFEFF1;
}
.catalog-navigation-menu__sidebar-link_active:after {
  content: "";
  margin-left: auto;
  width: 15px;
  height: 15px;
  background: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.37451L6 6.37451L1 11.3745" stroke="%23878D94" stroke-width="1.5" stroke-linecap="round"/></svg>') no-repeat;
}
.catalog-navigation-menu__sidebar-icon-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #DD2747;
  width: 30px;
  height: 30px;
  color: #fff;
  flex-shrink: 0;
}
.catalog-navigation-menu__content {
  display: none;
  width: 100%;
  row-gap: 30px;
  max-height: 662px;
  overflow-y: auto;
}
.catalog-navigation-menu__content_active {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.catalog-navigation-menu__content-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.catalog-navigation-menu__content-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 30px;
  width: 100%;
  height: fit-content;
}
.catalog-navigation-menu__content-menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.catalog-navigation-menu__content-menu-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}
.catalog-navigation-menu__content-menu-links {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 12px;
}
.catalog-navigation-menu__content-menu-link {
  display: flex;
  align-items: center;
  color: #484F55;
}
.catalog-navigation-menu__content-menu-link:before {
  content: "";
  background: #DD2747;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50% -50%);
  margin-right: 10px;
}
.catalog-navigation-menu__sidebar-link {
  position: relative;
}
.catalog-navigation-menu__icon {
  color: #DD2747;
  margin-top: -10px;
}
.catalog-navigation-menu__menu-text {
  display: flex;
  width: 100%;
  gap: 1px;
}

.slider {
  width: 100%;
  height: 354px;
  border-radius: 10px;
}
@media only screen and (max-width: 576px) {
  .slider {
    height: 200px;
  }
}
.slider__box {
  display: flex;
  height: 100%;
}
.slider__items-price b {
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  .slider__items-price b {
    font-size: 14px;
  }
}
.slider__items-title {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .slider__items-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 576px) {
  .slider__items-title {
    font-size: 14px;
  }
}
.slider__items-action {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
@media only screen and (max-width: 1080px) {
  .slider__items-action {
    column-gap: 15px;
  }
}
.slider__items-action_top {
  justify-content: space-between;
  max-width: 378px;
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .slider__items-action_top {
    display: none;
  }
}
.slider__button {
  width: 125px;
  height: 36px;
}
.slider__button-buy {
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .slider__button-buy {
    display: none;
  }
}
.slider__text {
  max-width: 271px;
  font-size: 15px;
  color: #878D94;
  line-height: 22px;
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .slider__text {
    display: none;
    visibility: hidden;
  }
}
.slider__content-box {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  box-sizing: border-box;
  width: 505px;
  height: 100%;
  background-color: #3D4A55;
  position: relative;
  color: #fff;
  clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
  padding: 48px 53px;
  justify-content: center;
}
@media only screen and (max-width: 1080px) {
  .slider__content-box {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .slider__content-box {
    width: 100%;
    height: 100px;
    row-gap: 9px;
    padding: 16px 19px;
    clip-path: none;
    align-self: end;
  }
}
@media only screen and (max-width: 576px) {
  .slider__content-box {
    height: 75px;
  }
}
.slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.slider__lazy-preloader {
  z-index: 33;
  background-color: #fff;
}

.swiper-lazy-preloader:before {
  display: flex;
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.swiper-pagination-bullet {
  background: #CF1235 !important;
}

.swiper-pagination-bullet {
  background: #CF1235 !important;
  width: 11px !important;
  height: 11px !important;
  border: 3px solid #FFF;
}

.swiper-pagination {
  left: unset !important;
  top: unset !important;
  bottom: 25px !important;
  right: 35px;
  width: unset !important;
}

.slider-catalog-search {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .slider-catalog-search {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .slider-catalog-search {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .slider-catalog-search {
    flex-direction: column-reverse;
  }
}

.catalog-search {
  width: 100%;
  max-width: 362px;
  flex-shrink: 0;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1080px) {
  .catalog-search:not(.catalog-search_popup) {
    padding: 18px 20px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-search:not(.catalog-search_popup) {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-search {
    max-width: 100%;
    width: 100%;
  }
}
.catalog-search_popup {
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 2;
  display: none;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.catalog-search_popup-open {
  display: block;
}
@media only screen and (max-width: 768px) {
  .catalog-search_popup {
    top: 130px;
  }
}
.catalog-search__description {
  margin-top: 5px;
  line-height: 17px;
  color: #878D94;
}
@media only screen and (max-width: 768px) {
  .catalog-search__description:not(.catalog-search_popup) .catalog-search__description__heading {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-search:not(.catalog-search_popup) .catalog-search__heading {
    display: none;
  }
}

.catalog-search-form {
  margin-top: 37px;
  display: flex;
  flex-direction: column;
  row-gap: 37px;
}
@media only screen and (max-width: 1080px) {
  .catalog-search-form {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-search-form {
    margin-top: 15px;
  }
}
.catalog-search-form__inputs {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media only screen and (max-width: 768px) {
  .catalog-search-form__inputs {
    row-gap: 25px;
  }
}
.catalog-search-form__button {
  width: 155px;
  align-self: center;
}

.catalog-navigation {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: normal;
}
@media only screen and (max-width: 768px) {
  .catalog-navigation {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .catalog-navigation {
    padding: 0 20px;
  }
}
.catalog-navigation__container {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  column-gap: 10px;
  height: 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .catalog-navigation__container {
    flex-direction: column;
    justify-content: normal;
    margin-top: 10px;
    row-gap: 10px;
    height: auto;
    display: grid;
    grid-template-areas: "search search" "catalog searchCatalog";
  }
}
.catalog-navigation__form-wrapper {
  grid-area: search;
  max-width: 575px;
  width: 100%;
  position: relative;
}
.catalog-navigation__image {
  width: 24px;
  height: 21px;
  color: #CF1235;
}
.catalog-navigation__text {
  display: flex;
  align-items: center;
  max-width: 226px;
  font-size: 13px;
  color: #878D94;
  transition: all 0.2s;
}
@media only screen and (max-width: 768px) {
  .catalog-navigation__text {
    order: 4;
  }
}
@media only screen and (max-width: 1080px) {
  .catalog-navigation__text {
    display: none;
  }
}
.catalog-navigation__bubble {
  grid-area: searchCatalog;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .catalog-navigation__button-catalog {
    grid-area: catalog;
    height: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-navigation__button-search {
    grid-area: searchCatalog;
  }
}

.menu-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.menu-top__nav {
  display: flex;
  align-items: center;
  width: 100%;
}
.menu-top__item {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.footer {
  background: #484f55;
  height: 100%;
  width: 100%;
  margin-top: 30px;
}
.footer__social-link {
  display: flex;
  column-gap: 12px;
}
.footer__social-link a svg {
  width: 29px;
  height: 29px;
}
.footer__social-link a {
  color: #fff;
}
.footer__social-link a :hover {
  color: #DD2747;
  transition: all 0.2s;
}
.footer__right-button {
  max-width: 183px;
  width: 100%;
}
.footer__logo {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: unset;
  height: unset;
}
.footer__logo p {
  margin: 0;
  color: #878D94;
  max-width: 200px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .footer__logo {
    width: unset;
  }
}
@media only screen and (max-width: 576px) {
  .footer__logo {
    width: auto;
    text-align: center;
  }
  .footer__logo p{
    width: 100%;
    text-align: center;
  }
}
.footer__container {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  justify-content: space-between;
  column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .footer__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__container {
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__container {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.footer__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}
@media only screen and (max-width: 768px) {
  .footer__left {
    min-height: unset;
  }
}
@media only screen and (max-width: 576px) {
  .footer__left {
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer__middle {
  gap: 12px;
  display: flex;
  align-items: center;
  max-width: 560px;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .footer__middle {
    flex-direction: column;
    justify-content: center;
    align-self: center;
  }
}
.footer__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .footer__right {
    align-items: center;
    row-gap: 26px;
  }
}
.footer__text {
  color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media only screen and (max-width: 576px) {
  .footer__text {
    align-items: center;
  }
}
.footer__link {
  color: #fff;
  font-size: 24px;
  white-space: nowrap;
}
.footer__link:hover {
  color: #fff;
}
.footer__bottom {
  background: #3D4A55;
}
.footer__bottom-container {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  color: #878D94;
  padding: 25px 33px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .footer__bottom-container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__bottom-container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__bottom-container {
    padding: 25px 33px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__bottom-container {
    padding: 25px 33px;
  }
}
.footer__bottom-container-content {
  display: flex;
  flex-direction: column;
  max-width: 275px;
}
.footer__bottom-container-logo-conversite {
  color: #878D94;
}
.footer__bottom-container-logo-conversite:hover {
  color: #EFEFF1;
}
/*@media only screen and (max-width: 768px) {
  .footer__bottom-container-logo-conversite {
    display: none;
  }
}*/

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.counter {
  font-family: "Open Sans", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-start;
}
.counter_hide {
  display: none !important;
}
.counter__label {
  font-size: 13px;
  font-weight: normal;
  line-height: 18.2px;
  color: #878D94;
  margin: 0;
  padding: 0;
}
.counter__container {
  display: flex;
  flex-direction: row;
  gap: 17px;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .counter__container {
    gap: 10px;
  }
}
.counter_gray .counter__container {
  gap: 5px;
}
@media only screen and (max-width: 1400px) {
  .counter_gray .counter__container {
    gap: 5px;
  }
}
.counter__button {
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: none;
  font-size: 23px;
  color: #878D94;
  line-height: 32.2px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.counter__button_minus {
  padding-bottom: 5px;
}
.counter_gray .counter__button {
  background-color: #D9D9D9;
  color: #fff;
  transition: all 0.2s;
}
.counter_gray .counter__button:hover {
  background-color: #878D94;
}
.counter__count {
  font-weight: normal;
  font-size: 15px;
  color: #484f55;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
.counter_gray .counter__count {
  width: 30px;
  text-align: center;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.product-available {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 1400px) {
  .product-available {
    gap: 7px;
  }
}
.product-available__text {
  color: #484f55;
  font-size: 13px;
  line-height: 18.2px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.price-block {
  font-family: "Open Sans", Arial, sans-serif;
  width: 100%;
  max-width: 360px;
  max-height: 360px;
  height: fit-content;
  background-color: #EFEFF1;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 27px 35px 30px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1299px) {
  .price-block {
    padding: 28px 22px 23px 22px;
    max-width: 262px;
  }
}
@media only screen and (max-width: 1080px) {
  .price-block {
    max-height: fit-content;
    max-width: 100%;
  }
}
.price-block__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 23px;
}
.price-block__old {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-left: 9px;
  align-self: flex-end;
  margin-bottom: 2px;
}
@media only screen and (max-width: 1400px) {
  .price-block__old {
    align-self: flex-end;
    gap: 7px;
  }
}
.price-block__old-price {
  text-decoration: line-through;
  font-weight: 400;
  font-size: 18px;
  line-height: 22.5px;
  margin: 0;
  padding: 0;
  color: #484f55;
}
@media only screen and (max-width: 1400px) {
  .price-block__old-price {
    font-size: 13px;
    line-height: 16.25px;
  }
}
.price-block__discount {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  color: #fff;
  padding: 6px 10px 7px;
  background-color: #62AD12;
  border-radius: 6px;
  margin: 0;
}
.price-block__current {
  margin-bottom: 21px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .price-block__current {
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 1080px) {
  .price-block__current {
    flex-wrap: wrap;
  }
}
.price-block__current > .counter {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .price-block__current > .counter {
    display: flex;
  }
}
.price-block__current > p {
  font-weight: 700;
  font-size: 30px;
  line-height: 37.5px;
  margin: 0;
  padding: 0;
  color: #484f55;
  align-self: center;
}
@media only screen and (max-width: 1400px) {
  .price-block__current > p {
    font-size: 20px;
    line-height: 25px;
  }
}
.price-block__count {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 0 0 28px 0;
  height: 59px;
}
@media only screen and (max-width: 1400px) {
  .price-block__count {
    justify-content: center;
    height: 44px;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 1400px) {
  .price-block__count .counter {
    display: none;
  }
}
.price-block__count:last-of-type > button {
  align-self: flex-end;
  margin-top: 11px;
  height: 48px;
  width: 167px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  .price-block__count:last-of-type > button {
    height: 44px;
  }
}
.price-block__link {
  color: #CF1235;
  text-decoration: none;
  border-bottom: dotted 2px #CF1235;
  box-sizing: border-box;
  padding-bottom: 3px;
  max-width: 135px;
  transition: all 0.3s ease-in-out;
  font-weight: normal;
  font-size: 14px;
  line-height: 19.6px;
  align-self: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1400px) {
  .price-block__link {
    font-size: 13px;
    line-height: 18.2px;
    margin-bottom: 14px;
  }
}
.price-block__link:hover {
  opacity: 0.6;
  border-bottom: dotted 2px rgba(207, 18, 53, 0.6);
}
.price-block__delivery {
  align-self: center;
  max-width: 274px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18.2px;
  text-align: center;
  color: #878D94;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1400px) {
  .price-block__delivery {
    font-size: 12px;
    line-height: 16.8px;
  }
}

.breadcrumbs {
  margin-bottom: 11px;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    white-space: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 100%;
  }
  .breadcrumbs::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumbs_active {
  color: #CF1235;
}
.breadcrumbs__link {
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  line-height: 19.07px;
  color: #878D94;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs__link_active {
  color: #CF1235;
}
@media only screen and (max-width: 1080px) {
  .breadcrumbs__link {
    font-size: 12px;
    line-height: 16.34px;
  }
}
.breadcrumbs__link:hover:not(.breadcrumbs_active) {
  color: #CF1235;
}
.breadcrumbs__link:not(:last-child)::after {
  content: " / ";
  padding: 0 5px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slider__flex {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 1080px) {
  .slider__flex {
    display: none;
  }
}

.slider__col {
  display: flex;
  flex-direction: column;
  width: 110px;
}
.slider__col .swiper-slide {
  height: fit-content !important;
}

.slider__prev,
.slider__next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider__prev {
  margin: 0 auto;
}

.slider__next {
  margin: 0 auto;
}

.slider__prev:focus,
.slider__next:focus {
  outline: none;
}

.slider__prev {
  margin-top: 0;
}

.slider__prev img {
  transform: rotate(180deg);
}

.slider__thumbs {
  height: 397px;
  overflow-y: hidden;
  margin: 12px 0;
}

.slider__thumbs .slider-vertical__image {
  transition: 0.25s;
}

.slider__images {
  width: 445px;
  height: 445px;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1299px) {
  .slider__images {
    width: 341px;
    height: 341px;
  }
}

.slider-vertical__image {
  cursor: pointer;
  width: 88px;
  height: 88px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(55, 62, 77, 0.2509803922);
  margin: 0 10px;
}
.slider-vertical__image_main {
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
  overflow: hidden !important;
  border-radius: 10px;
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 1299px) {
  .slider-vertical__image_main {
    width: 332px;
    height: 332px;
  }
}

.slider-vertical__image img {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-vertical__image_main img {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: cover;
}

.slider__view-btn {
  position: absolute;
  z-index: 5;
  width: 20px;
  height: 20px;
  right: 36px;
  bottom: 32px;
  border: none;
  padding: 0;
  box-sizing: border-box;
  color: #d6d6d8;
  background-color: transparent;
  cursor: pointer;
}
.slider__view-btn > svg {
  max-width: 20px;
  max-height: 20px;
}
.slider__view-btn:hover {
  scale: 1.2;
  color: #CF1235;
}

.slider-vertical__image {
  position: relative;
  overflow: hidden;
}
.slider-vertical__image-container {
  position: relative;
}
.slider-vertical__image-container img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.slider-vertical__image.zoomed img {
  transform: scale(2); /* Увеличение в 2 раза */
  cursor: zoom-in;
}
.slider-vertical .slider__view-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
}
.slider-vertical .slider__view-btn:hover {
  background: rgb(255, 255, 255);
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slider-mobile {
  display: none;
  align-items: flex-start;
  max-width: 330px;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .slider-mobile {
    display: flex;
  }
}

.slider-mobile__pagination {
  position: absolute;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-bottom: 24px;
}
.slider-mobile__pagination > .swiper-pagination-bullet {
  width: 28px !important;
  height: 3px !important;
  background-color: #EFEFF1 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  z-index: 3;
}
.slider-mobile__pagination > .swiper-pagination-bullet-active {
  background-color: #606f7b !important;
}

.slider-mobile__image {
  max-width: 320px;
  height: 320px;
  border-radius: 10px;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
  overflow-x: hidden;
}

.slider-mobile__image img {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-mobile__view-btn {
  position: absolute;
  z-index: 5;
  right: 19px;
  bottom: 19px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: #d6d6d8;
}
.slider-mobile__view-btn:hover {
  scale: 1.2;
  color: #CF1235;
}

.product-card {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 40px;
  font-family: "Open Sans", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .product-card {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .product-card {
    padding: 0 20px;
  }
}
.product-card__title {
  font-weight: normal;
  font-size: 24px;
  line-height: 32.68px;
  color: #484f55;
  margin: 0;
  padding: 0;
  margin-bottom: 37px;
}
@media only screen and (max-width: 1080px) {
  .product-card__title {
    font-size: 16px;
    line-height: 21.79px;
    margin-bottom: 11px;
  }
}
.product-card__main {
  display: flex;
  width: 100%;
  gap: 37px;
  justify-content: space-between;
  margin-bottom: 113px;
  align-items: flex-start;
}
@media only screen and (max-width: 1400px) {
  .product-card__main {
    margin-bottom: 52px;
    gap: 15px;
  }
}
@media only screen and (max-width: 900px) {
  .product-card__main {
    flex-direction: column;
    align-items: center;
  }
}
.product-card__main-info {
  display: flex;
  flex-direction: column;
  max-width: 293px;
  width: 100%;
  margin-left: -5px;
}
@media only screen and (max-width: 1299px) {
  .product-card__main-info {
    max-width: 250px;
  }
}
@media only screen and (max-width: 1080px) {
  .product-card__main-info {
    max-width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .product-card__main-info {
    height: fit-content;
    margin-top: 26px;
  }
}
.product-card__main-rating {
  display: flex;
  justify-content: space-between;
  margin-bottom: 53px;
}
@media only screen and (max-width: 768px) {
  .product-card__main-rating {
    margin-bottom: 31px;
  }
}
.product-card__main-rating-left {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.product-card__main-rating-links {
  display: flex;
  color: #d6d6d8;
  width: 20px;
  height: 23px;
}
.product-card__main-rating-links img {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.product-card__main-params {
  display: flex;
  flex-direction: column;
  gap: 23px;
  max-width: 262px;
  width: 100%;
  flex: 1;
}
@media only screen and (max-width: 1400px) {
  .product-card__main-params {
    gap: 28px;
  }
}
@media only screen and (max-width: 1080px) {
  .product-card__main-params {
    max-width: fit-content;
  }
}
@media only screen and (max-width: 768px) {
  .product-card__main-params {
    gap: 11px;
    flex: none;
    margin-bottom: 29px;
  }
}
.product-card__main-links {
  margin-top: 20px;
  justify-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.product-card__main-links-item {
  text-decoration: none;
  display: flex;
  gap: 13px;
  transition: all 0.3s ease-in-out;
}
.product-card__main-links-item:hover {
  opacity: 0.6;
}
.product-card__main-links-item p {
  margin: 0;
  padding: 0;
  border-bottom: 1.7px dotted #878D94;
  font-weight: 400;
  font-size: 13px;
  line-height: 18.2px;
  color: #878D94;
}
.product-card__price-block {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1080px) {
  .product-card__price-block {
    margin-top: 0;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .product-card__price-block {
    width: 100%;
  }
}
.product-card__location {
  align-self: flex-end;
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 13px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  color: #878D94;
}
@media only screen and (max-width: 1080px) {
  .product-card__location {
    display: none;
  }
}
.product-card__location > p {
  margin: 0;
}
.product-card__location > a {
  border-bottom: dotted 1px #878D94;
  text-decoration: none;
  color: #878D94;
  padding-bottom: 1px;
  transition: all 0.3s ease-in-out;
}
.product-card__location > a:hover {
  color: #DD2747;
  border-bottom: dotted 1px #DD2747;
}
.product-card__bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 37px;
}
@media only screen and (max-width: 1080px) {
  .product-card__bottom {
    flex-direction: column;
    align-items: center;
    gap: 5px;
  }
}
.product-card__params {
  width: 100%;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .product-card__params {
    flex: none;
    width: 100%;
  }
}
.product-card__params-header {
  width: 100%;
  border-bottom: 2px solid #EFEFF1;
  display: flex;
  flex-direction: row;
}
.product-card__params-title {
  width: 206px;
  padding-bottom: 24px;
  text-align: center;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 19.6px;
  color: #484f55;
  border-bottom: 4px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
}
.product-card__params-title_active {
  color: #CF1235;
  border-bottom: 4px solid #D22042;
}
.product-card__params-container {
  box-sizing: border-box;
  padding: 29px 4px;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 78px;
}
@media only screen and (max-width: 1400px) {
  .product-card__params-container {
    gap: 0 32px;
  }
}
.product-card__params-container_active {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .product-card__params-container_active {
    flex-direction: column;
    height: auto;
    max-height: none;
    flex-wrap: nowrap;
    align-items: center;
  }
}
.product-card__experts {
  max-width: 362.32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 23px;
}
@media only screen and (max-width: 576px) {
  .product-card__experts {
    width: 100%;
    max-width: 100%;
  }
}
.product-card__experts-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  align-self: flex-end;
  margin-right: 6.32px;
}
.product-card__experts-title p {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  color: #484f55;
}
.product-card__experts-block {
  max-width: 362.32px;
  max-height: 156px;
  background-color: #EFEFF1;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 21px 28px 20px 20px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.product-card__experts-block img {
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .product-card__experts-block {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    max-height: fit-content;
    padding: 23px 63px;
    gap: 14px;
  }
}
.product-card__experts-block-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 576px) {
  .product-card__experts-block-text {
    gap: 14px;
  }
}
.product-card__experts-block-text p {
  font-weight: normal;
  font-size: 13px;
  line-height: 18.2px;
  color: #484f55;
  text-align: right;
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .product-card__experts-block-text p {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .product-card__experts-block-text button {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  #product-characteristics > *:nth-child(odd) {
    order: -1;
  }
}

.sku-list {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.sku-list:has(button) {
  margin-bottom: 20px;
  display: flex;
}

.product-card .sku-list {
  margin-top: 20px;
}

.form-search {
  display: flex;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  z-index: 3;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .form-search {
    max-width: 100%;
  }
}
.form-search__button {
  padding-right: 15px;
}
.form-search__label {
  width: 100%;
  display: flex;
}
.form-search__input {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 0 20px;
  outline: none;
  border: none;
  height: 100%;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .form-search__input {
    width: 100%;
    height: 45px;
  }
}

.form-search-result {
  position: absolute;
  margin-top: -20px;
  background: #FFF;
  max-height: 0;
  opacity: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  border: 1px solid #EFEFF1;
  box-sizing: border-box;
}
.form-search-result_visible {
  max-height: 300px;
  opacity: 1;
  z-index: 2;
  overflow-y: auto;
}
.form-search-result__wrapper {
  margin-top: 20px;
}
.form-search-result__not-result {
  margin-top: 20px;
  display: flex;
  padding: 10px 20px;
  box-sizing: border-box;
}
.form-search-result__item {
  display: flex;
  padding: 10px 20px;
  box-sizing: border-box;
}
.form-search-result__item:hover {
  background: #EFEFF1;
  color: #484f55 !important;
}
.form-search-result__item-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 10px;
}
.form-search-result__item-title {
  display: block;
}
.form-search-result__item-art {
  display: block;
}
.form-search-result__item-price {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
.form-search-result__item-price-without-discount {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  text-decoration: line-through;
}
.items-carousel {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .items-carousel {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .items-carousel {
    padding: 0 20px;
  }
}
.items-carousel__header {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.items-carousel__title-description {
  line-height: 18px;
  color: #878D94;
}
.items-carousel__container {
  margin-top: 30px;
}

.product-reviews {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 74px;
}
@media only screen and (max-width: 768px) {
  .product-reviews {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .product-reviews {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .product-reviews {
    flex-direction: column;
    margin-top: 41px;
  }
}
.product-reviews__params {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .product-reviews__params {
    flex: none;
    width: 100%;
  }
}
.product-reviews__params-header {
  width: 100%;
  border-bottom: 2px solid #EFEFF1;
  display: flex;
  flex-direction: row;
}
.product-reviews__params-title {
  width: 173px;
  padding-bottom: 24px;
  text-align: center;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 19.6px;
  color: #484f55;
  border-bottom: 4px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  display: flex;
  gap: 5px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.product-reviews__params-title:first-of-type {
  width: 130px;
}
.product-reviews__params-title span {
  z-index: -1;
}
.product-reviews__params-title_active {
  color: #CF1235;
  border-bottom: 4px solid #D22042;
}
.product-reviews__params-container {
  box-sizing: border-box;
  padding: 29px 4px;
  display: none;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 78px;
}
@media only screen and (max-width: 1400px) {
  .product-reviews__params-container {
    gap: 0 32px;
  }
}
.product-reviews__params-container_active {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .product-reviews__params-container_active {
    flex-direction: column;
    height: auto;
    max-height: none;
    flex-wrap: nowrap;
    align-items: center;
  }
}
.product-reviews__comments {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 30px;
}
.product-reviews__questions-answers {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
.product-reviews__sort-params {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .product-reviews__sort-params {
    display: none;
  }
}
.product-reviews__sort-params > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-reviews__sort-params > div > p {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 18.2px;
  color: #878D94;
  margin-right: 23px;
}
.product-reviews__sort-params > div a {
  cursor: pointer;
  padding: 0;
  margin: 0;
  margin-right: 26px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18.2px;
  color: #484f55;
  padding-bottom: 1px;
  border-bottom: 1px dotted #484f55;
  transition: all 0.3s ease-in-out;
}
.product-reviews__sort-params > div a:hover {
  color: #DD2747;
  border-bottom: 1px dotted #DD2747;
}
.product-reviews__sort-params > div a:last-of-type {
  margin-right: 35px;
}
.product-reviews__container {
  display: flex;
  gap: 57px;
}
@media only screen and (max-width: 1080px) {
  .product-reviews__container {
    gap: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .product-reviews__container {
    flex-direction: column;
  }
}
.product-reviews__numbers {
  max-width: 259px;
  width: 100%;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 576px) {
  .product-reviews__numbers {
    max-width: none;
  }
}
.product-reviews__numbers-statistic {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
  margin-bottom: 27px;
}
.product-reviews__numbers-statistic p {
  margin: 0;
  padding: 0;
  margin-right: -14px;
  font-weight: normal;
  font-size: 30px;
  color: #484f55;
  line-height: 37.5px;
}
@media only screen and (max-width: 576px) {
  .product-reviews__numbers-statistic p {
    font-size: 26px;
    line-height: 37.5px;
  }
}
.product-reviews__numbers-stars {
  margin-top: 37px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .product-reviews__numbers-stars {
    display: none;
  }
}
.product-reviews__numbers-column {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.product-reviews__numbers-column:nth-of-type(2) {
  gap: 4.5px;
  align-items: flex-end;
  justify-content: space-around;
}
.product-reviews__reviews {
  flex: 1;
}
.product-reviews__reviews-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #EFEFF1;
  padding-bottom: 11px;
  padding-top: 11px;
  padding-left: 59px;
}
@media only screen and (max-width: 768px) {
  .product-reviews__reviews-top {
    padding-left: 15px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .product-reviews__reviews-top {
    padding: 0;
    border: none;
    margin: 0;
  }
}
.product-reviews__reviews-checkboxes {
  display: flex;
  flex-direction: row;
  gap: 13px;
}
@media only screen and (max-width: 1080px) {
  .product-reviews__reviews-checkboxes {
    display: none;
  }
}
.product-reviews__reviews-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}
@media only screen and (max-width: 576px) {
  .product-reviews__reviews-container {
    padding: 0;
    align-items: center;
  }
}
.product-reviews__questions {
  display: flex;
  flex-direction: column;
  gap: 46px;
  width: 100%;
}
.product-reviews__questions-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.product-reviews__questions-item {
  padding-bottom: 30px;
  border-bottom: 2px solid #EFEFF1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.product-reviews__questions-item .question-card_answer:not(:nth-child(-n+2)) {
  margin-left: 25px;
}
@media only screen and (max-width: 576px) {
  .product-reviews__questions-item .question-card_answer:not(:nth-child(-n+2)) {
    margin-left: 15px;
  }
}
.product-reviews__questions-item .question-card__more {
  margin-left: 25px;
  display: flex;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: center;
  color: #CF1235;
  padding-bottom: 2px;
  border-bottom: dotted 1px #CF1235;
  width: fit-content;
}
@media only screen and (max-width: 576px) {
  .product-reviews__questions-item .question-card__more {
    margin-left: 15px;
    font-size: 12px;
  }
}
.product-reviews__more-questions-btn {
  box-sizing: border-box;
  padding: 7px 21px;
  border-radius: 21.5px;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: center;
  color: #878D94;
  height: 43px;
  width: 162px;
}

/** Color **/
/* Init template setting*/
/* Breakpoint */
/* Font Size */
/* Link */
/* Font Stings */
.product-review {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-review__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .product-review__top {
    display: none;
  }
}
.product-review__our-client {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #F7FBF2;
  padding: 7px 15px 6px 16px;
  border-radius: 4px;
  margin-top: -1px;
}
.product-review__our-client p {
  margin: 0;
  padding: 0;
  color: #62AD12;
  width: 135px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}
.product-review__author {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 17px;
  margin-bottom: 42px;
}
@media only screen and (max-width: 768px) {
  .product-review__author {
    margin-top: 0;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 19px;
    max-width: 100%;
  }
}
.product-review__author-name {
  max-width: 140px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #484f55;
}
.product-review__author-name svg {
  display: none;
}
@media only screen and (max-width: 768px) {
  .product-review__author-name svg {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .product-review__author-name {
    max-width: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
  }
}
.product-review__author-texts {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .product-review__author-texts {
    margin-left: 18px;
  }
}
.product-review__author-text {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.73px;
  text-align: left;
  color: #878D94;
}
.product-review__author-text_period {
  margin-right: 0;
}
@media only screen and (max-width: 1080px) {
  .product-review__author-text_period {
    display: none;
  }
}
.product-review__author-text_period::before {
  content: "Опыт использования: ";
}
.product-review__review {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .product-review__review {
    flex-direction: column;
  }
}
.product-review__review-text {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 18px;
}
.product-review__review-text li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .product-review__review-text li {
    flex-direction: column;
    gap: 1px;
  }
}
.product-review__review-text li > h5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.5px;
  text-align: left;
  max-width: 140px;
  color: #484f55;
}
.product-review__review-text li > p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 23.8px;
  text-align: left;
  color: #484f55;
  max-width: 600px;
  margin-top: -3px;
  width: 100%;
  margin-left: 8px;
}
@media only screen and (max-width: 1299px) {
  .product-review__review-text li > p {
    max-width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .product-review__review-text li > p {
    font-size: 13px;
    line-height: 18.2px;
  }
}
.product-review__review-photo {
  object-fit: cover;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  cursor: pointer;
}
.product-review__images {
  display: flex;
  gap: 5px;
  margin-top: -27px;
}
@media only screen and (max-width: 1080px) {
  .product-review__images {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .product-review__images {
    margin-top: 17px;
    flex-direction: row;
  }
}
.product-review__children {
  margin-left: 40px;
  margin-top: 20px;
}
.product-review__children .product-review .product-review__author {
  margin: 0;
}
.product-review__children .product-review {
  padding-left: 25px;
  border-left: 3px solid #CF1235;
}
.product-review__children .product-review:not(:first-child) {
  margin-top: 20px;
}
.product-review__actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-review__actions > a {
  color: #878D94;
}
.product-review__answer-button {
  border-radius: 100px;
  padding: 0 15px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  height: 35px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
  text-align: left;
  color: #878D94;
}
.product-review__likes {
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.product-review__likes-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 6px;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: #878D94;
}
.product-review__likes-btn p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: inherit;
}
.product-review__likes-btn_dislike > svg {
  transform: rotateX(180deg);
}
.product-review__likes-btn:hover {
  color: #DD2747;
}

.popup-photo {
  position: fixed;
  background: rgba(72, 79, 85, 0.5019607843);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s linear;
  z-index: 999;
}
.popup-photo_opened {
  visibility: visible;
  opacity: 1;
}
.popup-photo__container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popup-photo__slider {
  width: 60vw;
}
@media only screen and (max-width: 1080px) {
  .popup-photo__slider {
    width: 80vw;
  }
}
@media only screen and (max-width: 768px) {
  .popup-photo__slider {
    width: 95vw;
  }
}
@media only screen and (max-width: 576px) {
  .popup-photo__slider {
    width: 90vw;
  }
}
.popup-photo__slider .swiper-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
}
.popup-photo__slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
.popup-photo__slider-btn-prev, .popup-photo__slider-btn-next {
  cursor: pointer;
  height: 48px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 768px) {
  .popup-photo__slider-btn-prev, .popup-photo__slider-btn-next {
    display: none;
  }
}
.popup-photo__slider-btn-next > img {
  transform: rotate(-90deg);
  scale: 2;
}
.popup-photo__slider-btn-prev > img {
  transform: rotate(90deg);
  scale: 2;
}
.popup-photo__slider-image {
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 10px;
}
.popup-photo__slider-image img {
  width: fit-content;
  object-fit: contain;
  overflow: hidden;
}
.popup-photo__slider-btn-close {
  position: absolute;
  top: 30px;
  right: 30px;
}
.popup-photo__slider-btn-close > svg {
  stroke: #fff;
}

.popup-photo-scheme {
  position: fixed;
  background: rgba(72, 79, 85, 0.5019607843);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s linear;
  z-index: 999;
}
.popup-photo-scheme_opened {
  visibility: visible;
  opacity: 1;
}
.popup-photo-scheme__container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popup-photo-scheme__container img {
  object-fit: contain;
  height: 90vh;
}
@media only screen and (max-width: 1080px) {
  .popup-photo-scheme__container img {
    max-height: 280px;
    max-width: 550px;
  }
}
@media only screen and (max-width: 768px) {
  .popup-photo-scheme__container img {
    max-width: none;
    width: 100%;
  }
}
.popup-photo-scheme__container button {
  position: absolute;
  top: 30px;
  right: 30px;
}
.popup-photo-scheme__container button > svg {
  stroke: #fff;
}

.popup-part {
  position: fixed;
  background: rgba(72, 79, 85, 0.5019607843);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s linear;
  z-index: 999;
}
.popup-part_opened {
  visibility: visible;
  opacity: 1;
}
.popup-part__container {
  max-width: 1300px;
  margin: 0 40px;
  width: 100%;
  max-height: 90dvh;
  position: relative;
  box-sizing: border-box;
  padding: 35px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 1080px) {
  .popup-part__container {
    margin: 0 35px;
  }
}
@media only screen and (max-width: 768px) {
  .popup-part__container {
    padding: 20px;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-part__container {
    margin: 0 10px;
  }
}
.popup-part__title {
  width: 100%;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  margin: 0;
  height: 33px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .popup-part__title {
    font-size: 22px;
    line-height: 29.96px;
    height: auto;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 576px) {
  .popup-part__title {
    font-size: 20px;
    line-height: 27.24px;
  }
}
.popup-part__title > div {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .popup-part__title > div {
    flex-direction: column;
    gap: 5px;
  }
}
.popup-part__name {
  margin: 0;
  color: #484f55;
}
.popup-part__name::after {
  margin: 0 10px;
}
@media only screen and (max-width: 768px) {
  .popup-part__name::after {
    content: "";
    margin: 0;
  }
}
.popup-part__sku {
  margin: 0;
  color: #CF1235;
}
@media only screen and (max-width: 576px) {
  .popup-part__sku {
    display: flex;
    flex-direction: column;
  }
}
.popup-part__sku::before {
  content: "Заводской номер:";
  margin-right: 10px;
}
@media only screen and (max-width: 576px) {
  .popup-part__sku::before {
    width: 190px;
  }
}
.popup-part__close-btn {
  max-height: 33px;
  stroke: #878D94;
  justify-content: flex-end;
}
.popup-part__content {
  width: 100%;
  max-height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  gap: 10px;
}
.popup-part__parts {
  flex: 1;
  max-height: 100%;
  overflow-y: auto;
}
.popup-part__parts::-webkit-scrollbar {
  width: 6px;
}
.popup-part__parts::-webkit-scrollbar-track {
  background: #EFEFF1;
  border-radius: 100px;
}
.popup-part__parts::-webkit-scrollbar-thumb {
  background: #CF1235;
  border-radius: 100px;
}
.popup-part__head {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 7.5px 10px;
  background-color: #EFEFF1;
  border-radius: 5px;
  width: 100%;
}
.popup-part__head span {
  padding: 0 15px;
  box-sizing: border-box;
}
.popup-part__head span:nth-of-type(1) {
  width: 100%;
  max-width: 8%;
}
@media only screen and (max-width: 1080px) {
  .popup-part__head span:nth-of-type(1) {
    display: none;
  }
}
.popup-part__head span:nth-of-type(2) {
  max-width: 15%;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .popup-part__head span:nth-of-type(2) {
    display: none;
  }
}
.popup-part__head span:nth-of-type(3) {
  max-width: 15%;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .popup-part__head span:nth-of-type(3) {
    display: none;
  }
}
.popup-part__head span:nth-of-type(4) {
  max-width: 50%;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .popup-part__head span:nth-of-type(4) {
    display: none;
  }
}
.popup-part__head span:nth-of-type(5) {
  max-width: 20%;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .popup-part__head span:nth-of-type(5) {
    margin-left: auto;
  }
}
.popup-part__head div:nth-of-type(1) {
  display: none;
  width: 5%;
}
.popup-part__head div:nth-of-type(1) > .popup-part__sort-btn {
  margin-left: 15px;
  max-width: 24px;
  max-height: 12px;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.popup-part__head div:nth-of-type(1) > .popup-part__sort-btn_down > svg {
  transform: rotateX(180deg);
}
.popup-part__head span > button {
  border: none;
  background-color: transparent;
  height: 18px;
  color: #484f55;
  border-bottom: 1px dotted #484f55;
  padding: 0 0 2px 0;
}
.popup-part__head div {
  display: flex;
}
.popup-part__head div p {
  margin: 0;
}

.popup-product-scheme {
  position: fixed;
  background: rgba(72, 79, 85, 0.5019607843);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s linear;
  z-index: 999;
}
.popup-product-scheme_opened {
  visibility: visible;
  opacity: 1;
}
.popup-product-scheme__container {
  max-width: 1300px;
  min-height: 705px;
  margin: 0 40px;
  width: 100%;
  max-height: fit-content;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 35px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__container {
    min-height: unset;
    max-height: 90dvh;
  }
}
@media only screen and (max-width: 1080px) {
  .popup-product-scheme__container {
    margin: 0 35px;
  }
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__container {
    padding: 20px;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__container {
    margin: 0 10px;
  }
}
.popup-product-scheme__title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-height: 41px;
  gap: 20px;
  align-items: center;
}
.popup-product-scheme__title > div {
  display: flex;
  gap: 20px;
  align-items: center;
}
.popup-product-scheme__title > div > h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.51px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__title > div {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.popup-product-scheme__title svg {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__title {
    max-height: fit-content;
    align-items: flex-start;
  }
}
.popup-product-scheme__close-btn {
  max-height: 30px;
  stroke: #878D94;
}
.popup-product-scheme__back-btn {
  height: 41px;
  width: 225px;
  padding: 12px 23px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  color: #878D94;
}
.popup-product-scheme__back-btn > svg {
  max-width: 12px;
}
.popup-product-scheme__back-btn_hidden {
  display: none;
}
.popup-product-scheme__form-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.popup-product-scheme__forms {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-product-scheme__forms_hidden {
  display: none;
}
.popup-product-scheme__content {
  display: flex;
  gap: 25px;
  max-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__content {
    flex-direction: column;
    overflow: auto;
  }
  .popup-product-scheme__content::-webkit-scrollbar {
    width: 6px;
  }
  .popup-product-scheme__content::-webkit-scrollbar-track {
    background: #EFEFF1;
    border-radius: 100px;
  }
  .popup-product-scheme__content::-webkit-scrollbar-thumb {
    background: #CF1235;
    border-radius: 100px;
  }
}
.popup-product-scheme__left-col {
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-width: 50%;
  width: 100%;
}
.popup-product-scheme__left-col > h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__left-col {
    max-width: 100%;
  }
}
.popup-product-scheme__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 457px;
  width: 100%;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__form {
    max-width: 100%;
    overflow-x: scroll;
  }
}
.popup-product-scheme__form-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 18.75px;
  text-align: left;
  color: #484f55;
  margin: 0;
}
.popup-product-scheme__form-inputs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__form-inputs {
    flex-wrap: nowrap;
    max-width: fit-content;
  }
}
.popup-product-scheme__form-inputs > label {
  box-sizing: border-box;
  padding: 12.5px 30px;
  border-radius: 10px;
  background-color: #EFEFF1;
  color: #484f55;
  cursor: pointer;
  text-wrap: nowrap;
}
.popup-product-scheme input[type=radio] {
  display: none;
}
.popup-product-scheme input[type=radio]:checked + label {
  background-color: #3D4A55;
  color: #fff;
}
.popup-product-scheme__right-col {
  flex: 1;
}
@media only screen and (max-width: 1299px) {
  .popup-product-scheme__right-col {
    flex: auto;
    max-width: 50%;
  }
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__right-col {
    max-width: 100%;
  }
}
.popup-product-scheme__schemes {
  margin-top: 58px;
  width: 100%;
  max-height: 534px;
  overflow: auto;
  box-sizing: border-box;
  background-color: #EFEFF1;
  border-radius: 10px;
  padding: 25px 22px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
  gap: 10px;
}
@media only screen and (max-width: 1080px) {
  .popup-product-scheme__schemes {
    grid-template-columns: repeat(auto-fill, minmax(199px, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__schemes {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    max-height: 168px;
  }
}
.popup-product-scheme__schemes::-webkit-scrollbar {
  width: 6px;
}
.popup-product-scheme__schemes::-webkit-scrollbar-track {
  background: #EFEFF1;
  border-radius: 100px;
}
.popup-product-scheme__schemes::-webkit-scrollbar-thumb {
  background: #CF1235;
  border-radius: 100px;
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__schemes {
    padding: 15px;
  }
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__schemes {
    margin-top: 0;
    max-height: 100%;
  }
}
.popup-product-scheme__schemes > .scheme-card {
  border: none;
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__schemes > .scheme-card {
    max-height: 168px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__schemes > .scheme-card {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .popup-product-scheme__schemes > .scheme-card > img {
    max-height: 97px;
  }
}
.popup-product-scheme__schemes_hidden {
  display: none;
}
.popup-product-scheme__slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  max-width: 603.5px;
  width: 100%;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__slider {
    max-width: 100%;
  }
}
.popup-product-scheme__slider_hidden {
  display: none;
}
.popup-product-scheme__slider > .popup-product-scheme__image {
  box-sizing: border-box;
  background-color: #EFEFF1;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  height: 100%;
}
.popup-product-scheme__slider > .popup-product-scheme__image > div {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-product-scheme__slider > .popup-product-scheme__image .swiper-slide-zoomed img {
  cursor: move;
}
.popup-product-scheme__slider > .popup-product-scheme__image img {
  cursor: zoom-in;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.popup-product-scheme__scale {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__scale {
    justify-content: center;
  }
  .popup-product-scheme__scale > div {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
  .popup-product-scheme__scale > div > p {
    display: block;
  }
  .popup-product-scheme__scale .increase-btn {
    display: none;
  }
}
.popup-product-scheme__container-table {
  max-height: 478px;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.popup-product-scheme__container-table_hidden {
  display: none;
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__container-table {
    padding: 5px;
    max-width: none;
    width: 100%;
    overflow-x: auto;
  }
}
.popup-product-scheme__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}
.popup-product-scheme__table tr.active td {
  color: #DD2747;
  font-weight: 600;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__table {
    max-width: 100%;
    width: 100%;
    max-height: 40dvh;
  }
}
.popup-product-scheme__table_hidden {
  display: none;
}
.popup-product-scheme__table_full {
  overflow: auto;
}
.popup-product-scheme__table_full::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.popup-product-scheme__table_full::-webkit-scrollbar-track {
  background: #fff;
}
.popup-product-scheme__table_full::-webkit-scrollbar-thumb {
  background: #CF1235;
  border-radius: 100px;
}
.popup-product-scheme__table > table {
  border-spacing: 0;
  width: 100%;
}
.popup-product-scheme__table > table > thead {
  background-color: #EFEFF1;
  position: sticky;
  z-index: 5;
  top: 0;
}
.popup-product-scheme__table > table > thead th:first-of-type {
  border-radius: 5px 0 0 5px;
}
.popup-product-scheme__table > table > thead th:last-of-type {
  border-radius: 0 5px 5px 0;
}
.popup-product-scheme__table > table > tbody {
  height: 100%;
  overflow-y: hidden;
}
@media only screen and (max-width: 1060px) {
  .popup-product-scheme__table > table {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__table > table {
    min-width: min-content;
    width: 100%;
    padding: 10px 0;
    overflow: visible;
    align-self: flex-start;
  }
}
.popup-product-scheme__table > table th {
  box-sizing: border-box;
  padding: 10.5px 15px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  color: #484f55;
}
@media only screen and (max-width: 1200px) {
  .popup-product-scheme__table > table th {
    font-size: 13px;
    padding: 10.5px 5px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-product-scheme__table > table th {
    text-wrap: nowrap;
    overflow: scroll;
  }
}
.popup-product-scheme__table > table td {
  box-sizing: border-box;
  padding: 10.5px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  color: #484f55;
}
@media only screen and (max-width: 1200px) {
  .popup-product-scheme__table > table td {
    font-size: 13px;
    padding: 10.5px 5px;
  }
}
.popup-product-scheme__table > table td > button {
  color: #484f55;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #CF1235;
  padding: 3px 0;
  cursor: pointer;
}
.popup-product-scheme__more {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  bottom: 0;
  position: absolute;
  height: 109px;
  background: linear-gradient(0deg, #ffffff 60.09%, rgba(255, 255, 255, 0) 117.43%);
}
.popup-product-scheme__more_hidden {
  display: none;
}

.popup-sigin .popup-custom__container {
  max-width: 416px;
  width: 100%;
}

.popup-sigin-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popup-sigin-form__button {
  width: 100%;
}
.popup-sigin-form__text {
  color: #878D94;
  font-size: 13px;
}

.popup-confirm .popup-custom__container {
  max-width: 416px;
  width: 100%;
}

.popup-confirm-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-confirm-form__button {
  width: 100%;
}
.popup-confirm-form span {
  color: #878D94;
  font-size: 13px;
}
.popup-confirm-form__inputs {
  display: flex;
  gap: 10px;
  font-size: 28px;
}
.popup-confirm-form__inputs input {
  text-align: center;
}
.popup-confirm-form__input {
  height: 80px;
}

.popup-signup .popup-custom__container {
  max-width: 416px;
  width: 100%;
}

.popup-signup-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.popup-signup-form .checkbox p {
  font-size: 13px;
}
.popup-signup-form__button {
  width: 100%;
}
.popup-signup-form span {
  color: #878D94;
  font-size: 13px;
}

.popup-select-city .popup-custom__container {
  max-width: 638px;
  width: 100%;
}

.popup-select-city-container {
  display: flex;
  gap: 25px;
  flex-direction: column;
}
.popup-select-city-container__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #878D94;
}
.popup-select-city-container__content-location {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-select-city-container__city-select {
  color: #484f55;
}
.popup-select-city-container__city-select:hover {
  color: #484f55;
}
.popup-select-city-container__delivery-possibility {
  color: #484f55;
}
.popup-select-city-container__delivery-possibility_red, .popup-select-city-container__delivery-possibility_green, .popup-select-city-container__delivery-possibility_yellow {
  color: inherit;
}
.popup-select-city-container__delivery-possibility_red:before, .popup-select-city-container__delivery-possibility_green:before, .popup-select-city-container__delivery-possibility_yellow:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-50%, -50%);
  background: inherit;
}
.popup-select-city-container__delivery-possibility_red {
  color: #CF1235;
}
.popup-select-city-container__delivery-possibility_red:before {
  background: #CF1235;
}
.popup-select-city-container__delivery-possibility_green {
  color: #62AD12;
}
.popup-select-city-container__delivery-possibility_green:before {
  background: #62AD12;
}
.popup-select-city-container__delivery-possibility_yellow {
  color: #F1D15A;
}
.popup-select-city-container__delivery-possibility_yellow:before {
  background: #F1D15A;
}

.popup-leave-feedback,
.popup-ask-a-question {
  font-size: 13px;
}
.popup-leave-feedback .popup-custom__container,
.popup-ask-a-question .popup-custom__container {
  max-width: 638px;
  width: 100%;
}
.popup-leave-feedback .popup-custom__content,
.popup-ask-a-question .popup-custom__content {
  max-width: 638px;
  width: 100%;
}
.popup-leave-feedback__form,
.popup-ask-a-question__form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  color: #878D94;
}
.popup-leave-feedback__header,
.popup-ask-a-question__header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.popup-leave-feedback__header span,
.popup-ask-a-question__header span {
  color: #484f55;
}
.popup-leave-feedback__image,
.popup-ask-a-question__image {
  width: 53px;
  height: 53px;
  object-fit: cover;
}
.popup-leave-feedback__rating,
.popup-ask-a-question__rating {
  display: flex;
  gap: 10px;
  align-items: center;
}
.popup-leave-feedback__rating p,
.popup-ask-a-question__rating p {
  color: #878D94;
  margin: 0;
}
.popup-leave-feedback__user-experience,
.popup-ask-a-question__user-experience {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #878D94;
}
.popup-leave-feedback__user-experience-text,
.popup-ask-a-question__user-experience-text {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.popup-leave-feedback__user-experience-info,
.popup-ask-a-question__user-experience-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup-leave-feedback__icon-chevron,
.popup-ask-a-question__icon-chevron {
  transform: rotate(90deg);
  width: 6px;
  height: auto;
}
.popup-leave-feedback__inputs,
.popup-ask-a-question__inputs {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-leave-feedback__inputs-hor,
.popup-ask-a-question__inputs-hor {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-leave-feedback__inputs-hor-container,
.popup-ask-a-question__inputs-hor-container {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .popup-leave-feedback__inputs-hor-container,
  .popup-ask-a-question__inputs-hor-container {
    flex-direction: column;
    gap: 25px;
  }
}
.popup-leave-feedback__drop-zone,
.popup-ask-a-question__drop-zone {
  color: #878D94;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-leave-feedback__drop-zone-container,
.popup-ask-a-question__drop-zone-container {
  border: 1px dotted #878D94;
  height: 87px;
  border-radius: 10px;
  display: flex;
  padding: 0 30px;
  box-sizing: border-box;
  align-items: center;
  gap: 30px;
}
.popup-leave-feedback__drop-zone-image,
.popup-ask-a-question__drop-zone-image {
  width: 40px;
  height: 40px;
}
.popup-leave-feedback__drop-zone-content,
.popup-ask-a-question__drop-zone-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.popup-leave-feedback__drop-zone-content-title,
.popup-ask-a-question__drop-zone-content-title {
  color: #484f55;
}
.popup-leave-feedback__action,
.popup-ask-a-question__action {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-leave-feedback__button,
.popup-ask-a-question__button {
  width: fit-content;
}

.popup-request-call .popup-custom__container {
  max-width: 638px;
  width: 100%;
  font-size: 13px;
}
.popup-request-call__form {
  display: flex;
  gap: 25px;
  flex-direction: column;
}
.popup-request-call__inputs {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .popup-request-call__inputs {
    flex-direction: column;
  }
}
.popup-request-call__actions {
  display: flex;
  gap: 25px;
  color: #878D94;
}
@media only screen and (max-width: 576px) {
  .popup-request-call__actions {
    flex-direction: column;
  }
}
.popup-request-call__button {
  height: 50px;
  box-sizing: border-box;
}

.popup-order-status_green .popup-custom__logo {
  color: #62AD12;
}
.popup-order-status_red .popup-custom__logo {
  color: #DD2747;
}
.popup-order-status span {
  color: #878D94;
}
.popup-order-status .popup-custom__container {
  flex-direction: row;
  max-width: 644px;
  width: 100%;
}
.popup-order-status__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.popup-order-status__info {
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 10px;
}
.popup-order-status__link-phone {
  color: #878D94;
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup-order-status__link-phone-text {
  color: #DD2747;
}
.popup-order-status .popup-custom__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup-order-one-click__form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-order-one-click__privacy-policy {
  display: flex;
  gap: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #878D94;
}
.popup-order-one-click__privacy-policy p {
  margin: 0;
}
.popup-order-one-click__actions {
  display: flex;
  gap: 25px;
}
.popup-order-one-click__actions-send {
  height: 50px;
  align-self: center;
}
.popup-order-one-click__user-info {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-order-one-click__user-info-title {
  font-size: 20px;
  font-weight: 600;
}
.popup-order-one-click__user-info-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-order-one-click__user-info-text-label {
  font-size: 11px;
  font-weight: 400;
}
.popup-order-one-click__user-info-text-phone {
  font-size: 20px;
  font-weight: 600;
}
.popup-order-one-click__user-info-user {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__user-info-user {
    flex-direction: column;
    gap: 15px;
  }
}
.popup-order-one-click__user-info-user .input-custom {
  max-width: 300px;
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__user-info-user .input-custom {
    max-width: 100%;
  }
}
.popup-order-one-click__item-card {
  display: flex;
  gap: 25px;
  border: 1px solid #EFEFF1;
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1019607843);
  padding: 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__item-card {
    justify-content: start;
    padding: 15px;
    gap: 15px;
  }
}
.popup-order-one-click__item-card-content {
  display: flex;
  gap: 25px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__item-card-content {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__item-card-content_w-f {
    width: 100%;
  }
}
.popup-order-one-click__item-card-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.popup-order-one-click__item-card-info span {
  display: inline-block;
  vertical-align: middle;
}
.popup-order-one-click__item-card-image-container {
  width: 100px;
  height: 84px;
  position: relative;
}
.popup-order-one-click__item-card-image-container-label {
  position: absolute;
  top: 0;
  left: 0;
}
.popup-order-one-click__item-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.popup-order-one-click__item-card-title {
  font-weight: 700;
}
.popup-order-one-click__item-card-text {
  font-size: 13px;
}
.popup-order-one-click__item-card-actions-price {
  display: flex;
  align-items: center;
  column-gap: 50px;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__item-card-actions-price {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__item-card-actions-price {
    flex-direction: column;
    align-items: start;
  }
}
.popup-order-one-click__item-card-actions {
  display: flex;
  column-gap: 50px;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__item-card-actions {
    flex-grow: 1;
    width: 100%;
    justify-content: space-between;
  }
}
.popup-order-one-click__item {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__item {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .popup-order-one-click__item {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__item {
    padding: 15px;
  }
}
.popup-order-one-click__delivery-options {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__delivery-options {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .popup-order-one-click__delivery-options {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .popup-order-one-click__delivery-options {
    padding: 15px;
  }
}
.popup-order-one-click__tabs-icon-box {
  min-width: 36px;
}
.popup-order-one-click__tabs-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}
@media only screen and (max-width: 768px) {
  .popup-order-one-click__tabs-buttons {
    grid-template-columns: unset;
  }
}
.popup-order-one-click__tabs-buttons-image {
  width: 100%;
  height: 100%;
  max-width: 50px;
  object-fit: cover;
  object-position: center;
}
.popup-order-one-click__tabs-button {
  background: #fff;
  height: 80px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 15px;
  flex-shrink: 0;
}
.popup-order-one-click__tabs-button-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: start;
}
.popup-order-one-click__tabs-button-text {
  white-space: normal;
  text-align: left;
}
.popup-order-one-click__tabs-button-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: wrap;
}
.popup-order-one-click__tabs-button_active {
  border: 1px solid #62AD12;
}
.popup-order-one-click__tabs-button_active svg {
  color: #62AD12;
}
.popup-order-one-click__tabs-content {
  margin-top: 20px;
}
.popup-order-one-click__tab {
  display: none;
}
.popup-order-one-click__tab_show {
  display: block;
}

.popup-order-one-click .popup-custom__container {
  max-width: 858px;
  width: 100%;
}

.lk-organization-add-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-organization-add-form__organization-card {
  background: #EFEFF1;
  padding: 35px;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-organization-add-form__organization-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-organization-add-form__organization-card {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-organization-add-form__organization-card {
    padding: 15px;
  }
}
.lk-organization-add-form__organization-card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  color: #878D94;
}
.lk-organization-add-form__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-organization-add-form__text {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  color: #878D94;
}
.lk-organization-add-form__button {
  max-width: fit-content;
}
@media only screen and (max-width: 576px) {
  .lk-organization-add-form__button {
    max-width: 100%;
  }
}

.lk-organization-add-popup .popup-custom__container {
  max-width: 630px;
  width: 100%;
}

.popup-del-org .popup-custom__container {
  max-width: 438px;
}

.popup-del-org-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.popup-del-org-form__text {
  margin: 0;
  color: #878D94;
  display: inline-block;
}
.popup-del-org-form__name-org {
  color: #CF1235;
}
.popup-del-org-form__actions {
  display: flex;
  justify-content: space-around;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background-color: rgba(72, 79, 85, 0.9);
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1000;
}
.mobile-menu_opened {
  visibility: visible;
  opacity: 1;
}
.mobile-menu_opened .mobile-menu__container,
.mobile-menu_opened .mobile-menu__btn-close {
  transform: translateX(0px);
}
.mobile-menu__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 300px;
  height: 100dvh;
  width: 100%;
  transform: translateX(350px);
  max-height: 100dvh;
  overflow-y: auto;
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out;
}
.mobile-menu__menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  list-style: none;
}
.mobile-menu__menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.mobile-menu__menu .mobile-menu__menu-icon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #CF1235;
}
.mobile-menu__menu-item {
  text-decoration: none;
  cursor: pointer;
}
.mobile-menu__menu-item_campaigns a {
  display: flex;
  align-items: center;
}
.mobile-menu__menu-item_campaigns a::after {
  width: 11.53px;
  max-height: 17.2px;
  content: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.0907 10.2093L7.10086 10.2194C7.10086 10.2194 7.08719 10.2128 7.0907 10.2093ZM8.77039 13.8374C8.77039 14.5761 8.63094 15.189 8.50984 15.7944L8.20242 17.1331C8.16726 17.2976 8.10242 17.4249 8.09851 17.6003C8.3614 17.4241 8.92781 16.846 9.13484 16.5874C9.21375 16.489 9.28367 16.4265 9.37039 16.3187C9.92195 15.6354 10.2122 15.2409 10.6063 14.464C10.6817 14.3155 10.7251 14.2741 10.7911 14.1112C10.9044 13.8315 11.1376 13.3101 11.2231 12.9979C11.6477 11.4515 11.6149 10.4593 11.1966 8.95889C10.9938 8.23115 10.6243 7.41826 10.2712 6.76006C10.2087 6.64404 9.96804 6.18896 9.84539 6.14443C9.9532 7.44014 9.66336 9.06436 9.09539 10.1987C8.9325 10.5245 8.26687 11.787 7.96414 11.9897L8.22 11.2042C8.29383 10.9069 8.33289 10.6413 8.37351 10.3163C8.43133 9.85146 8.51726 8.38662 8.44383 7.84873C8.42039 7.67764 8.44851 7.50029 8.42547 7.32959C8.3864 7.04521 8.38054 6.65889 8.33953 6.37373C8.14851 5.04014 7.59812 3.76514 6.76531 2.74092C6.67898 2.63467 6.62312 2.57139 6.53914 2.46318L5.89109 1.80068C5.70476 1.64521 5.46648 1.38271 5.18992 1.19209C4.96336 1.03623 4.18328 0.465918 3.89929 0.399902C3.97078 0.54873 3.99265 1.56631 3.9575 1.83545C3.75828 3.36397 3.10867 4.28936 2.45476 5.60732C2.36961 5.77881 2.27468 5.93311 2.18601 6.11084C1.74383 6.99561 1.0739 8.23701 0.674684 9.13467C7.49826e-05 10.6515 -0.288206 12.3472 0.376638 14.1351C0.437575 14.2987 0.512185 14.4897 0.595388 14.6554C0.776638 15.0147 1.06687 15.5354 1.28758 15.8444C1.45437 16.0772 2.12508 16.8882 2.35398 17.0628C2.5239 17.1925 2.69773 17.403 2.99226 17.6003L2.71453 16.4335C2.30476 14.2944 2.40828 12.3499 3.64383 10.4913C3.97312 9.996 4.60594 9.29951 5.10867 9.0335C5.10867 10.3144 5.13015 11.1854 5.5157 12.389C5.5907 12.6233 5.66961 12.8433 5.76101 13.0843L6.0489 13.737C6.19383 14.03 6.35906 14.3854 6.53953 14.6577C6.60164 14.7515 6.69344 14.8765 6.72117 14.9796C7.05984 14.9515 7.94695 14.3753 8.27976 14.1534C8.37351 14.0909 8.43133 14.0573 8.52117 13.9913C8.61219 13.9241 8.65672 13.8679 8.77039 13.8374Z' fill='%23CF1235'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_campaigns p {
  max-width: fit-content;
}
.mobile-menu__menu-item-count {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 12.5px;
  text-align: left;
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.mobile-menu__menu-item-count_red {
  background-color: #CF1235;
}
.mobile-menu__menu-item-count_gray {
  background-color: #878D94;
}
.mobile-menu__menu-item_company a {
  position: relative;
}
.mobile-menu__menu-item_company a::after {
  position: absolute;
  right: 0;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23878D94' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_company a p {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #484f55;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  text-align: left;
}
.mobile-menu__menu-item_company a span {
  color: #5b6267;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
}
.mobile-menu__menu-item .mobile-menu__menu-icon {
  background-repeat: no-repeat;
  background-position: center center;
}
.mobile-menu__menu-item_company .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99996 10.1429C4.68006 10.1429 1.88487 12.2823 1.05193 15.1924C0.773043 16.1667 1.65882 17 2.71934 17H13.2806C14.3412 17 15.227 16.1667 14.9481 15.1924C14.1152 12.2823 11.32 10.1429 7.99996 10.1429Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.3604 4.2C11.3604 5.96731 9.85587 7.4 7.99996 7.4C6.14405 7.4 4.63958 5.96731 4.63958 4.2C4.63958 2.43269 6.14405 1 7.99996 1C9.85587 1 11.3604 2.43269 11.3604 4.2Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_cart .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.24874 8.03458H20.7513C20.7513 8.3074 20.2543 10.6813 20.1935 10.9865L19.0386 16.8514C18.8153 17.9052 18.1682 18.3769 17.0539 18.3769H6.94607C4.93432 18.3769 4.98627 16.9319 4.68022 15.4012L3.36947 8.80296C3.32548 8.56571 3.24874 8.25967 3.24874 8.03458ZM11.0641 1.6231C13.3636 1.6231 14.6992 1.30255 15.4456 3.5595C15.6384 4.14305 15.8321 4.67043 16.0184 5.23292C16.1138 5.52118 16.2126 5.76639 16.3113 6.06307L16.586 6.91148H7.41403L8.25027 4.42522C8.35228 4.14351 8.44494 3.88988 8.54274 3.5946C8.94659 2.37557 9.54417 1.6231 11.0641 1.6231ZM6.19734 6.91148H0.95575V8.03458C2.30581 8.03458 2.00865 7.8474 2.19209 8.76366C2.25059 9.0566 2.30206 9.31397 2.35588 9.58258C2.66707 11.139 3.10555 13.1596 3.34888 14.6267C3.43967 15.1761 3.56789 15.7372 3.6816 16.3057C3.79157 16.8542 3.87487 17.4429 4.09106 17.9089C4.27029 18.2945 4.67601 18.7545 5.01996 18.9923C5.36578 19.2309 5.95447 19.5 6.52491 19.5H17.4751C18.4438 19.5 19.5074 18.7948 19.8893 17.9361C20.2431 17.141 20.7775 13.9631 20.9736 12.9832C21.0873 12.4147 21.2155 11.8536 21.3063 11.3042C21.4696 10.3201 21.7134 9.34112 21.8847 8.37244C21.96 7.94941 21.7756 8.03458 23.0443 8.03458V6.91148H17.8027C17.7854 6.69997 17.7119 6.60637 17.6445 6.41451L17.1185 4.88148C16.7376 3.73826 16.2626 1.96143 15.3234 1.2478C14.8424 0.882321 14.155 0.5 13.3103 0.5H10.6897C9.86565 0.5 9.18946 0.863135 8.70325 1.22814C7.87122 1.85286 7.56752 2.86178 7.24463 3.84075C7.13045 4.18657 6.21512 6.69669 6.19734 6.91148Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.392 16.3641H12.5618V10.0467H11.392V16.3641Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3696 15.8966H16.5395V10.5147H15.3696V15.8966Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41431 15.8966H8.58421V10.5147H7.41431V15.8966Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_favorite .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_939_21122' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.30166C0 6.57269 0.151996 7.02566 0.633253 8.11377C0.698125 8.26048 0.774311 8.36609 0.844086 8.50073C1.06623 8.93108 1.49092 9.55905 1.80094 9.93432C2.30257 10.5408 2.93318 11.3087 3.50722 11.8141L3.80555 12.0781C3.85873 12.1317 3.89154 12.169 3.94586 12.2192C4.9046 13.1059 6.44078 14.2479 7.50248 14.9558C7.63675 15.0452 7.72463 15.1097 7.8638 15.1919C8.63962 15.6494 8.8629 16.0138 9.42223 15.6377L10.5194 14.9423C10.7615 14.779 10.9807 14.6138 11.222 14.4493C11.4653 14.2834 11.6799 14.1201 11.913 13.9451C12.5957 13.4329 12.9585 13.1127 13.5755 12.6193L14.1978 12.0464C14.3329 11.9389 14.3887 11.8839 14.5109 11.7617L16.2172 9.88228C17.0179 8.80925 18 7.26817 18 5.68825C18 4.71329 17.9125 4.09625 17.544 3.26159C17.3237 2.76186 17.1593 2.50878 16.85 2.0924C16.6592 1.83479 16.3363 1.51232 16.0916 1.30413C16.0327 1.25397 15.9777 1.21814 15.9109 1.16835C15.4304 0.80854 14.8658 0.510583 14.2582 0.360096C12.6839 -0.0295114 11.3755 0.354815 10.16 1.29357C10.0698 1.36334 9.80958 1.59907 9.73867 1.68091C9.58969 1.85252 9.08995 2.39488 9.03526 2.62985H8.96474C8.93343 2.4952 8.74183 2.24515 8.65358 2.13237C8.47669 1.90608 8.09349 1.49082 7.86041 1.30866C6.22957 0.0334744 4.29247 -0.179621 2.48926 0.900567L1.76624 1.44292C1.6531 1.5572 1.56446 1.64621 1.45018 1.75974C0.751304 2.45221 0 3.92049 0 5.30166Z'/%3E%3C/mask%3E%3Cpath d='M0.633253 8.11377L2.00513 7.50718L2.00507 7.50703L0.633253 8.11377ZM0.844086 8.50073L2.17697 7.81268L2.17589 7.81059L0.844086 8.50073ZM1.80094 9.93432L0.644525 10.8897L0.645084 10.8904L1.80094 9.93432ZM3.50722 11.8141L4.5013 10.6908L4.49843 10.6883L3.50722 11.8141ZM3.80555 12.0781L4.86995 11.0212C4.84723 10.9983 4.82378 10.9762 4.79963 10.9548L3.80555 12.0781ZM3.94586 12.2192L4.96434 11.1179L4.96359 11.1173L3.94586 12.2192ZM7.50248 14.9558L6.67033 16.2039L6.67124 16.2045L7.50248 14.9558ZM7.8638 15.1919L7.10083 16.4834L7.10187 16.484L7.8638 15.1919ZM9.42223 15.6377L8.61915 14.3708C8.60778 14.378 8.59651 14.3854 8.58535 14.3929L9.42223 15.6377ZM10.5194 14.9423L11.3225 16.2092C11.3345 16.2016 11.3464 16.1938 11.3581 16.1859L10.5194 14.9423ZM11.222 14.4493L12.0666 15.689L12.0673 15.6885L11.222 14.4493ZM11.913 13.9451L11.0128 12.7452L11.0124 12.7455L11.913 13.9451ZM13.5755 12.6193L14.5122 13.7909C14.5394 13.7692 14.5659 13.7465 14.5915 13.7229L13.5755 12.6193ZM14.1978 12.0464L13.2636 10.8729C13.2355 10.8952 13.2083 10.9186 13.1819 10.9429L14.1978 12.0464ZM14.5109 11.7617L15.5715 12.8223C15.5886 12.8053 15.6052 12.7878 15.6215 12.7699L14.5109 11.7617ZM16.2172 9.88228L17.3277 10.8906C17.36 10.855 17.3906 10.8179 17.4193 10.7794L16.2172 9.88228ZM17.544 3.26159L16.1714 3.86657L16.1718 3.86741L17.544 3.26159ZM16.85 2.0924L15.6448 2.98532L15.6459 2.9868L16.85 2.0924ZM16.0916 1.30413L15.1184 2.44559L15.1197 2.44673L16.0916 1.30413ZM15.9109 1.16835L15.0118 2.36903L15.0142 2.37079L15.9109 1.16835ZM14.2582 0.360096L14.6188 -1.09591L14.6185 -1.09598L14.2582 0.360096ZM10.16 1.29357L9.24313 0.106373L9.2418 0.107406L10.16 1.29357ZM9.73867 1.68091L10.8714 2.66426L10.8724 2.66311L9.73867 1.68091ZM9.03526 2.62985V4.12985C9.7327 4.12985 10.3381 3.64916 10.4962 2.96988L9.03526 2.62985ZM8.96474 2.62985L7.5037 2.96953C7.66167 3.64897 8.26717 4.12985 8.96474 4.12985V2.62985ZM8.65358 2.13237L7.47178 3.05615L7.47232 3.05684L8.65358 2.13237ZM7.86041 1.30866L6.93645 2.49031L6.93672 2.49052L7.86041 1.30866ZM2.48926 0.900567L1.71843 -0.386218C1.67386 -0.359523 1.63072 -0.33053 1.58916 -0.299358L2.48926 0.900567ZM1.76624 1.44292L0.866144 0.243C0.807406 0.287061 0.751982 0.335376 0.70032 0.387554L1.76624 1.44292ZM1.45018 1.75974L2.50595 2.82528L2.50733 2.82391L1.45018 1.75974ZM-1.5 5.30166C-1.5 5.99507 -1.45926 6.5574 -1.32226 7.12706C-1.18909 7.68077 -0.979139 8.17656 -0.73856 8.7205L2.00507 7.50703C1.76439 6.96286 1.65771 6.68812 1.59457 6.42556C1.53526 6.17895 1.5 5.87928 1.5 5.30166H-1.5ZM-0.738625 8.72036C-0.672131 8.87074 -0.603609 8.99075 -0.559196 9.06697C-0.506274 9.15779 -0.500136 9.16691 -0.487715 9.19088L2.17589 7.81059C2.14417 7.74938 2.11415 7.69616 2.08993 7.6542C2.07793 7.63342 2.06649 7.61392 2.0572 7.59809C2.0471 7.5809 2.0401 7.56902 2.03286 7.55659C2.00552 7.50966 2.00351 7.50351 2.00513 7.50718L-0.738625 8.72036ZM-0.488799 9.18879C-0.211374 9.72621 0.275431 10.4429 0.644525 10.8897L2.95736 8.97897C2.7064 8.6752 2.34384 8.13594 2.17697 7.81268L-0.488799 9.18879ZM0.645084 10.8904C1.11941 11.4638 1.83307 12.3387 2.51601 12.9399L4.49843 10.6883C4.03329 10.2787 3.48572 9.61777 2.9568 8.9783L0.645084 10.8904ZM2.51314 12.9374L2.81148 13.2014L4.79963 10.9548L4.50129 10.6908L2.51314 12.9374ZM2.74115 13.135C2.76057 13.1546 2.76061 13.1552 2.79881 13.1945C2.83081 13.2275 2.87342 13.2706 2.92812 13.3211L4.96359 11.1173C4.96316 11.1169 4.96288 11.1166 4.96205 11.1158C4.9609 11.1146 4.95818 11.1119 4.95175 11.1053C4.94221 11.0955 4.93863 11.0917 4.9216 11.074C4.90782 11.0597 4.89032 11.0417 4.86995 11.0212L2.74115 13.135ZM2.92737 13.3204C3.96585 14.2808 5.57283 15.4721 6.67033 16.2039L8.33464 13.7078C7.30872 13.0238 5.84335 11.9309 4.96434 11.1179L2.92737 13.3204ZM6.67124 16.2045C6.75264 16.2586 6.91556 16.374 7.10083 16.4834L8.62678 13.9005C8.5337 13.8455 8.52086 13.8318 8.33372 13.7072L6.67124 16.2045ZM7.10187 16.484C7.25194 16.5725 7.37251 16.6545 7.52327 16.7551C7.64614 16.8372 7.86329 16.9837 8.10332 17.0929C8.3772 17.2174 8.75395 17.33 9.20645 17.2831C9.64186 17.238 9.99413 17.0607 10.2591 16.8826L8.58535 14.3929C8.57067 14.4028 8.68528 14.321 8.89727 14.2991C9.12635 14.2753 9.29391 14.3387 9.34508 14.3619C9.36406 14.3706 9.36297 14.3718 9.33135 14.3526C9.2991 14.3329 9.25717 14.3056 9.18864 14.2598C9.06185 14.1752 8.86358 14.0401 8.62573 13.8999L7.10187 16.484ZM10.2253 16.9047L11.3225 16.2092L9.71631 13.6754L8.61915 14.3708L10.2253 16.9047ZM11.3581 16.1859C11.4979 16.0916 11.6283 15.9986 11.7426 15.917C11.8612 15.8323 11.9622 15.7601 12.0666 15.689L10.3775 13.2096C10.2405 13.303 10.1112 13.3956 9.99938 13.4754C9.88324 13.5584 9.78302 13.6296 9.68065 13.6987L11.3581 16.1859ZM12.0673 15.6885C12.3453 15.4988 12.5915 15.3114 12.8136 15.1446L11.0124 12.7455C10.7683 12.9287 10.5853 13.0679 10.3767 13.2102L12.0673 15.6885ZM12.8132 15.1449C13.5172 14.6167 13.9473 14.2425 14.5122 13.7909L12.6388 11.4477C11.9696 11.9828 11.6741 12.249 11.0128 12.7452L12.8132 15.1449ZM14.5915 13.7229L15.2138 13.15L13.1819 10.9429L12.5596 11.5158L14.5915 13.7229ZM15.1321 13.22C15.3324 13.0605 15.4344 12.9594 15.5715 12.8223L13.4502 10.701C13.3857 10.7656 13.3626 10.7881 13.3428 10.8064C13.3293 10.8188 13.3102 10.8358 13.2636 10.8729L15.1321 13.22ZM15.6215 12.7699L17.3277 10.8906L15.1066 8.874L13.4003 10.7534L15.6215 12.7699ZM17.4193 10.7794C18.2203 9.70605 19.5 7.80945 19.5 5.68825H16.5C16.5 6.7269 15.8155 7.91245 15.015 8.98518L17.4193 10.7794ZM19.5 5.68825C19.5 4.57308 19.3928 3.73527 18.9162 2.65578L16.1718 3.86741C16.4322 4.45723 16.5 4.8535 16.5 5.68825H19.5ZM18.9166 2.65662C18.6391 2.027 18.4096 1.67651 18.0542 1.19799L15.6459 2.9868C15.909 3.34105 16.0084 3.49671 16.1714 3.86657L18.9166 2.65662ZM18.0553 1.19947C17.7744 0.820258 17.3616 0.415151 17.0634 0.161524L15.1197 2.44673C15.3111 2.60949 15.544 2.84933 15.6448 2.98532L18.0553 1.19947ZM17.0647 0.162666C16.9933 0.101755 16.93 0.0546632 16.887 0.0234085C16.8286 -0.0191339 16.8353 -0.0134924 16.8076 -0.0340897L15.0142 2.37079C15.0407 2.39057 15.0644 2.40774 15.0823 2.4206C15.1034 2.43583 15.1106 2.44095 15.1214 2.44879C15.1374 2.46044 15.131 2.45634 15.1184 2.44559L17.0647 0.162666ZM16.81 -0.0323268C16.2032 -0.486743 15.4588 -0.887861 14.6188 -1.09591L13.8976 1.8161C14.2728 1.90903 14.6576 2.10382 15.0118 2.36903L16.81 -0.0323268ZM14.6185 -1.09598C12.534 -1.61188 10.7638 -1.06796 9.24313 0.106374L11.0768 2.48076C11.9873 1.77759 12.8339 1.55285 13.8978 1.81617L14.6185 -1.09598ZM9.2418 0.107406C9.14406 0.183065 9.01735 0.295769 8.92999 0.375635C8.85467 0.444494 8.70682 0.581145 8.60496 0.698716L10.8724 2.66311C10.8535 2.68495 10.8421 2.69622 10.8465 2.69169C10.8486 2.68963 10.8548 2.68335 10.866 2.67244C10.8886 2.65059 10.9194 2.62167 10.9542 2.58979C10.9887 2.55824 11.0225 2.5281 11.0502 2.50409C11.0639 2.49214 11.0743 2.48327 11.0812 2.47748C11.0896 2.4705 11.0876 2.4724 11.0781 2.47973L9.2418 0.107406ZM8.60596 0.69757C8.56253 0.747597 8.35696 0.975596 8.18417 1.18976C8.09471 1.30065 7.98856 1.43846 7.8936 1.58302C7.82749 1.68366 7.6529 1.95216 7.57431 2.28982L10.4962 2.96988C10.4645 3.10599 10.42 3.19309 10.4115 3.20976C10.3982 3.23596 10.3919 3.24398 10.401 3.23014C10.4198 3.20156 10.4581 3.149 10.519 3.07348C10.647 2.91482 10.7658 2.78584 10.8714 2.66426L8.60596 0.69757ZM9.03526 1.12985H8.96474V4.12985H9.03526V1.12985ZM10.4258 2.29017C10.3392 1.91785 10.124 1.60838 10.0752 1.53579C9.98074 1.39535 9.88309 1.26957 9.83484 1.20791L7.47232 3.05684C7.49099 3.0807 7.51147 3.10715 7.53236 3.13518C7.55371 3.16383 7.57189 3.1893 7.58583 3.21002C7.59258 3.22006 7.59681 3.22672 7.5989 3.23012C7.60121 3.23387 7.5992 3.23085 7.59431 3.22177C7.58995 3.21366 7.5782 3.1913 7.56379 3.15711C7.55633 3.13941 7.54682 3.1154 7.53678 3.08584C7.52686 3.05663 7.51482 3.01734 7.5037 2.96953L10.4258 2.29017ZM9.83538 1.2086C9.61889 0.931643 9.15024 0.412952 8.7841 0.126793L6.93672 2.49052C6.93631 2.4902 6.93834 2.49178 6.94296 2.49564C6.94751 2.49945 6.95376 2.5048 6.96176 2.51186C6.97802 2.5262 6.99856 2.54501 7.02315 2.56844C7.07279 2.61573 7.13014 2.67345 7.19028 2.73679C7.3157 2.86888 7.42162 2.99198 7.47178 3.05615L9.83538 1.2086ZM8.78436 0.127C6.70909 -1.49569 4.10067 -1.81327 1.71843 -0.386218L3.26009 2.18735C4.48426 1.45403 5.75004 1.56264 6.93645 2.49031L8.78436 0.127ZM1.58916 -0.299358L0.866144 0.243L2.66634 2.64285L3.38936 2.10049L1.58916 -0.299358ZM0.70032 0.387554C0.58924 0.499745 0.503636 0.585708 0.393041 0.695573L2.50733 2.82391C2.62529 2.70672 2.71695 2.61466 2.83217 2.49829L0.70032 0.387554ZM0.394422 0.694203C-0.116872 1.20081 -0.576823 1.91017 -0.910264 2.66902C-1.24625 3.43367 -1.5 4.35335 -1.5 5.30166H1.5C1.5 4.8688 1.62191 4.36375 1.83629 3.87586C2.05322 3.38216 2.31836 3.01114 2.50594 2.82528L0.394422 0.694203Z' fill='white' mask='url(%23path-1-inside-1_939_21122)'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_compare .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00001 17V7.22222M1.00001 17C0.999985 17 1.00001 17 1.00001 17ZM1.00001 7.22222C1.00004 7.22222 1.00001 7.2222 1.00001 7.22222ZM5 17V1.00001M5 17C4.99998 17 5 17 5 17ZM5 1.00001C5.00003 1.00001 5 0.999986 5 1.00001ZM9 17V9.88889M9 17C8.99997 17 9 17 9 17ZM9 9.88889C9.00002 9.88889 9 9.88886 9 9.88889ZM13 17V5.44445M13 17C13 17 13 17 13 17ZM13 5.44445C13 5.44445 13 5.44442 13 5.44445Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_campaigns .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.67621 16.4623C7.95943 17.1792 6.79719 17.1792 6.08037 16.4623L1.53762 11.9196C0.820793 11.2028 0.820793 10.0406 1.53762 9.32371L8.50605 2.35529C8.79295 2.06842 9.16676 1.88466 9.5692 1.83275L15.9646 1.00774C16.5611 0.930784 17.0692 1.43885 16.9923 2.03539L16.1672 8.43081C16.1153 8.83316 15.9316 9.20706 15.6447 9.49387L8.67621 16.4623Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13.5761 5.34168C13.5761 5.84855 13.1652 6.25945 12.6583 6.25945C12.1515 6.25945 11.7406 5.84855 11.7406 5.34168C11.7406 4.8348 12.1515 4.42391 12.6583 4.42391C13.1652 4.42391 13.5761 4.8348 13.5761 5.34168Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_auto .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.68421 7.36837H15.3158M2.68421 7.36837C1.75405 7.36837 1 8.12239 1 9.05258V12.421H2M2.68421 7.36837L4.24614 2.63053C4.47375 1.94009 5.11869 1.47363 5.84567 1.47363H12.1544C12.8813 1.47363 13.5262 1.94009 13.7539 2.63053L15.3158 7.36837M15.3158 7.36837C16.246 7.36837 17 8.12239 17 9.05258V12.421H16M2 12.421V13.7631C2 14.1846 2.34168 14.5263 2.76316 14.5263C3.18464 14.5263 3.52632 14.1846 3.52632 13.7631V12.421M2 12.421H3.52632M16 12.421V13.7631C16 14.1846 15.6584 14.5263 15.2368 14.5263C14.8153 14.5263 14.4737 14.1846 14.4737 13.7631V12.421M16 12.421H14.4737M14.4737 12.421H3.52632M4.78947 9.89469C4.78947 10.1272 4.60096 10.3157 4.36842 10.3157C4.13588 10.3157 3.94737 10.1272 3.94737 9.89469C3.94737 9.66218 4.13588 9.47363 4.36842 9.47363C4.60096 9.47363 4.78947 9.66218 4.78947 9.89469ZM14.0526 9.89469C14.0526 10.1272 13.8641 10.3157 13.6316 10.3157C13.3991 10.3157 13.2105 10.1272 13.2105 9.89469C13.2105 9.66218 13.3991 9.47363 13.6316 9.47363C13.8641 9.47363 14.0526 9.66218 14.0526 9.89469Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_engine .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.36 4.58329C19.36 4.58329 19.1608 4.13784 18.9145 4.13784H16.6196C16.3741 4.13784 16.175 4.33776 16.175 4.58329V5.01431H15.5494C15.5494 4.58862 15.5494 4.32104 15.5494 4.29519C15.5494 4.13784 15.3859 4.15228 15.3859 4.15228H13.9919C13.9919 1.96833 12.8889 1.97593 12.8889 1.97593H10.4223V1.23401H12.8889V0.140137H4.71056V1.23401H7.39992V1.97593C7.39992 1.97593 6.0294 1.97593 4.92416 1.97593L3.4358 3.1139H2.28194C2.03565 3.1139 1.83647 3.31306 1.83647 3.55859V6.41453H1.09533V3.36399H0V11.0234H1.09533V7.87024H1.83647V10.828C1.83647 11.0736 2.03565 11.2727 2.28194 11.2727H3.4358L7.05634 13.8603C7.05634 13.8603 13.6019 13.8603 14.6319 13.8603C15.6604 13.8603 15.5494 12.9839 15.5494 12.9839C15.5494 12.9839 15.5494 12.4533 15.5494 11.6528H16.175V12.6357C16.175 12.882 16.3741 13.0812 16.6196 13.0812H18.9145C19.1608 13.0812 19.36 12.6357 19.36 12.6357L20 10.7725V6.44722L19.36 4.58329Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_gear .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0733 2.32526C17.0733 1.0431 16.0292 0 14.7471 0C13.465 0 12.4219 1.0431 12.4219 2.32526C12.4219 3.42517 13.1895 4.34606 14.2154 4.58727V9.4747H9.53179V4.58727C10.5577 4.34606 11.3253 3.42517 11.3253 2.32526C11.3253 1.0431 10.2822 0 8.99898 0C7.71685 0 6.67484 1.0431 6.67484 2.32526C6.67484 3.42517 7.44135 4.34606 8.46726 4.58727V9.4747H3.78366V4.58727C4.80957 4.34606 5.57713 3.42517 5.57713 2.32526C5.57713 1.0431 4.53407 0 3.25194 0C1.97089 0 0.926758 1.0431 0.926758 2.32526C0.926758 3.42517 1.69432 4.34606 2.72023 4.58727V15.4138C1.69432 15.6539 0.926758 16.5759 0.926758 17.6758C0.926758 18.9569 1.97089 20 3.25194 20C4.53407 20 5.57713 18.9569 5.57713 17.6758C5.57713 16.5759 4.80957 15.6539 3.78366 15.4138V10.5382H8.46726V15.4138C7.44135 15.6539 6.67484 16.5759 6.67484 17.6758C6.67484 18.9569 7.71685 20 8.99898 20C10.2822 20 11.3253 18.9569 11.3253 17.6758C11.3253 16.5759 10.5577 15.6539 9.53179 15.4138V10.5382H15.2949V9.4747H15.2788V4.58727C16.3047 4.34606 17.0733 3.42517 17.0733 2.32526ZM7.73722 2.32526C7.73722 1.6295 8.30324 1.0624 8.99898 1.0624C9.69578 1.0624 10.2618 1.6295 10.2618 2.32526C10.2618 3.02208 9.69578 3.58813 8.99898 3.58813C8.30324 3.58813 7.73722 3.02208 7.73722 2.32526ZM1.98908 2.32526C1.98908 1.6295 2.55621 1.0624 3.25194 1.0624C3.94768 1.0624 4.51475 1.6295 4.51475 2.32526C4.51475 3.02208 3.94768 3.58813 3.25194 3.58813C2.55621 3.58813 1.98908 3.02208 1.98908 2.32526ZM4.51475 17.6758C4.51475 18.3705 3.94768 18.9376 3.25194 18.9376C2.55621 18.9376 1.98908 18.3705 1.98908 17.6758C1.98908 16.979 2.55621 16.413 3.25194 16.413C3.94768 16.413 4.51475 16.979 4.51475 17.6758ZM10.2618 17.6758C10.2618 18.3705 9.69578 18.9376 8.99898 18.9376C8.30324 18.9376 7.73722 18.3705 7.73722 17.6758C7.73722 16.979 8.30324 16.413 8.99898 16.413C9.69578 16.413 10.2618 16.979 10.2618 17.6758ZM13.4843 2.32526C13.4843 1.6295 14.0514 1.0624 14.7471 1.0624C15.4428 1.0624 16.0099 1.6295 16.0099 2.32526C16.0099 3.02208 15.4428 3.58813 14.7471 3.58813C14.0514 3.58813 13.4843 3.02208 13.4843 2.32526Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_accessories .mobile-menu__menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3539 12.5962L14.4849 2.00691C14.2898 0.898333 13.1369 0 11.9104 0H6.09082C4.86429 0 3.71016 0.898333 3.51508 2.00691L1.64729 12.5962C1.45221 13.7037 2.48834 14.602 3.96134 14.602H14.0398C15.5128 14.602 16.549 13.7037 16.3539 12.5962ZM13.2198 10.941H4.78016C4.2989 10.941 3.90995 10.4854 3.90995 9.92231C3.90995 9.35809 4.2989 8.90251 4.78016 8.90251H13.2198C13.7011 8.90251 14.0901 9.35809 14.0901 9.92231C14.0901 10.4854 13.7011 10.941 13.2198 10.941ZM13.2198 7.32784H4.78016C4.2989 7.32784 3.90995 6.8711 3.90995 6.30804C3.90995 5.74499 4.2989 5.28941 4.78016 5.28941H13.2198C13.7011 5.28941 14.0901 5.74499 14.0901 6.30804C14.0901 6.8711 13.7011 7.32784 13.2198 7.32784Z' fill='%23FEFEFE'/%3E%3Cpath d='M17.4519 18.7442C17.4519 19.4381 16.89 20 16.1962 20H1.80382C1.10996 20 0.548096 19.4381 0.548096 18.7442V17.2292C0.548096 16.5364 1.10996 15.9746 1.80382 15.9746H16.1962C16.89 15.9746 17.4519 16.5364 17.4519 17.2292V18.7442Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item_auto a, .mobile-menu__menu-item_engine a, .mobile-menu__menu-item_gear a, .mobile-menu__menu-item_accessories a {
  position: relative;
}
.mobile-menu__menu-item_auto a::after, .mobile-menu__menu-item_engine a::after, .mobile-menu__menu-item_gear a::after, .mobile-menu__menu-item_accessories a::after {
  position: absolute;
  right: 0;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23878D94' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-title {
  margin: 0;
  color: #5b6267;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  text-align: left;
  flex: 1;
}
.mobile-menu__location {
  width: 100%;
  text-decoration: underline dotted;
  color: #484f55;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  height: 30px;
}
.mobile-menu__location::before {
  width: 11.72px;
  height: 16.83px;
  margin-left: 9.14px;
  margin-right: 19.14px;
  content: url("data:image/svg+xml,%3Csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00002 12.2349C9.21678 12.2349 11.8245 9.62716 11.8245 6.4104C11.8245 3.19364 9.21678 0.585938 6.00002 0.585938C2.78326 0.585938 0.175557 3.19364 0.175557 6.4104C0.175557 9.62716 2.78326 12.2349 6.00002 12.2349Z' fill='%235B6267'/%3E%3Cpath d='M6.00002 9.85213C7.90083 9.85213 9.44174 8.31121 9.44174 6.4104C9.44174 4.50959 7.90083 2.96867 6.00002 2.96867C4.0992 2.96867 2.55829 4.50959 2.55829 6.4104C2.55829 8.31121 4.0992 9.85213 6.00002 9.85213Z' fill='%23EFEFF1'/%3E%3Cpath d='M6.00002 17.414C5.8511 17.414 5.63599 17.1989 5.63599 17.1989C-0.651781 9.96795 0.175557 6.4104 0.175557 6.4104C0.175557 6.4104 1.9957 12.2183 6.00002 12.2349' fill='%235B6267'/%3E%3Cpath d='M6.00002 17.414C6.14894 17.414 6.36405 17.1989 6.36405 17.1989C12.6518 9.96795 11.8245 6.4104 11.8245 6.4104C11.8245 6.4104 10.0043 12.2183 6.00002 12.2349' fill='%235B6267'/%3E%3C/svg%3E%0A");
}
.mobile-menu__location::after {
  height: 10px;
  position: absolute;
  right: 0;
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23878D94' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  display: none;
}
.mobile-menu__menu-item-list-item {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  padding: 12px 10px;
  color: #484f55;
  position: relative;
  display: flex;
  align-items: center;
  white-space: pre-line;
}
.mobile-menu__menu-item-list-item::before {
  margin-right: 15px;
  content: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23CF1235'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item-list-item::after {
  position: absolute;
  right: 0;
  height: 10px;
  min-width: 8px;
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23878D94' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__menu-item-list-item > ul {
  display: none;
}
.mobile-menu__menu-item-list-item-subsection {
  list-style: none;
}
.mobile-menu__menu-item-list-item-subsection > li {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  color: #484f55;
  padding: 12px 10px;
  display: flex;
}
.mobile-menu__menu-item-list-item-subsection > li > a {
  text-decoration: none;
  color: #484f55;
}
.mobile-menu__menu-item-list-item-subsection > li > a::after {
  content: "";
}
.mobile-menu__menu-item-list-item-subsection > li::before {
  margin-right: 15px;
  content: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23CF1235'/%3E%3C/svg%3E%0A");
}
.mobile-menu__catalog {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.mobile-menu__catalog_hidden {
  display: none;
}
.mobile-menu__products {
  display: flex;
  flex-direction: column;
}
.mobile-menu__products_hidden {
  display: none;
}
.mobile-menu__selected {
  width: 100%;
  height: fit-content;
}
.mobile-menu__selected > ul {
  display: flex;
  flex-direction: column;
}
.mobile-menu__contacts {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-menu__contacts::before {
  margin-right: -30px;
  content: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.37701 10.5181C2.37701 7.73096 3.7901 5.07715 6.03912 3.48682C7.26178 2.62256 8.43121 2.22607 9.92291 1.99951C11.4688 1.76514 13.0538 2.09961 14.4586 2.68457C16.9581 3.72559 18.7149 6.00781 19.3306 8.60352C19.6319 9.87305 19.6314 11.1206 19.3399 12.3931C19.1964 13.0205 19.046 13.4395 18.8184 13.9712C18.0748 15.7114 16.461 17.4517 14.7588 18.2124C13.0733 18.9663 12.3951 19.063 10.5313 19.063C9.78424 19.063 8.91364 18.8594 8.3399 18.6665C7.4942 18.3818 7.21051 18.1392 6.31744 18.0488C5.76813 17.9937 4.77643 18.4019 4.23883 18.5811C3.92047 18.687 3.56793 18.8042 3.24957 18.9102C2.01276 19.3228 2.30035 19.0869 3.01813 16.9209C3.50787 15.4419 3.64703 15.2715 3.05328 13.7969C2.65094 12.7979 2.37701 11.6245 2.37701 10.5181ZM0.814514 10.1763C0.814514 11.4302 0.829163 12.0034 1.17682 13.2319C1.2818 13.603 1.37848 13.8892 1.50494 14.2222C1.8443 15.1167 2.01227 15.0161 1.61481 16.1523C1.32721 16.9731 0.814514 18.1138 0.814514 18.9653C0.814514 19.231 0.890198 19.4282 0.98053 19.6294C1.04742 19.7778 1.23541 20.0376 1.33844 20.1504C1.68756 20.5317 2.19781 20.6743 2.76764 20.6743C3.15826 20.6743 4.09479 20.3052 4.47028 20.1797C7.09869 19.3037 5.8028 19.6172 8.2569 20.312C11.2051 21.1465 14.3575 20.5615 16.8502 18.8389C17.2867 18.5371 18.1407 17.8232 18.483 17.3955L19.0489 16.7407C21.6089 13.3257 21.8692 9.16553 19.8253 5.42334C19.6656 5.13037 19.5264 4.90186 19.334 4.64502L17.563 2.70508C17.4537 2.62061 17.355 2.54297 17.2364 2.4458C15.709 1.19873 13.3038 0.312988 11.2637 0.312988C9.25397 0.312988 7.44342 0.734375 5.91998 1.65869C5.14752 2.12793 5.1319 2.15039 4.48297 2.66309L3.80377 3.25342C3.67487 3.37402 3.65485 3.4458 3.53717 3.57275C3.4278 3.69141 3.32623 3.76709 3.22125 3.8916C1.84332 5.53076 0.814514 7.89014 0.814514 10.1763Z' fill='%23B9B9BA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1895 10.4204V13.7407C10.1895 14.0947 10.5284 14.4243 11.0684 14.4243C11.3731 14.4243 11.752 14.0459 11.752 13.7407V10.4204C11.752 10.0664 11.4131 9.73682 10.8731 9.73682C10.5684 9.73682 10.1895 10.1157 10.1895 10.4204Z' fill='%23B9B9BA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.94537 7.34424C9.94537 8.04785 10.5108 8.46728 10.9708 8.46728C11.5157 8.46728 12.045 8.01514 12.045 7.34424C12.045 6.0249 9.94537 6.01562 9.94537 7.34424Z' fill='%23B9B9BA'/%3E%3C/svg%3E%0A");
}
.mobile-menu__phone-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mobile-menu__phone-block > .mobile-menu__phone {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #484f55;
}
.mobile-menu__phone-block > .mobile-menu__call-us {
  max-width: fit-content;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  text-align: left;
  text-decoration: none;
  color: #CF1235;
  border-bottom: dotted red 1px;
}
.mobile-menu__social {
  display: flex;
  align-items: center;
  gap: 25px;
}
.mobile-menu__social > .mobile-menu__telegram {
  width: 25px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.657227 9.6721C0.657227 10.3191 1.37354 10.4372 2.01855 10.6545C2.56494 10.8391 3.15918 11.0178 3.72705 11.1921L6.30371 11.9846C7.48096 12.3694 7.01855 12.3742 8.06348 11.7561C8.37549 11.5715 8.62451 11.4055 8.9375 11.2141L10.647 10.1404C11.7417 9.42161 12.9634 8.71995 14.0752 8.00217C14.3604 7.81858 14.6431 7.65647 14.9155 7.47532C15.2026 7.28391 15.4854 7.12083 15.7847 6.92796C16.3589 6.55735 16.9141 6.21848 17.4937 5.85374L19.2095 4.78684C19.48 4.62473 21.2627 3.32932 21.2627 4.00803C21.2627 4.14085 20.981 4.37376 20.8838 4.45921L18.4912 6.60764C18.3867 6.69993 18.3525 6.70481 18.2471 6.80296L17.5889 7.41428C17.4834 7.51194 17.4487 7.51731 17.3447 7.6096L12.0459 12.3694C11.9683 12.4406 11.9292 12.4914 11.8521 12.5661C11.7437 12.6706 11.7168 12.6726 11.6089 12.7624L10.7085 13.571C10.5171 13.7209 10.4238 13.7907 10.4204 14.113L10.0322 19.633C10.6577 19.633 10.897 19.3772 11.3135 19.01C11.7354 18.6389 11.8647 18.4148 12.4102 17.9582C12.4971 17.886 12.5522 17.8215 12.6323 17.7409C12.7905 17.5823 12.9136 17.4602 13.0718 17.3015L13.9873 16.4592L18.4795 19.7307C18.6953 19.8933 18.9023 20.0344 19.1284 20.2048L19.7505 20.657C19.9521 20.7824 20.2837 20.9011 20.5986 20.9333C21.2373 20.9988 21.6157 20.3918 21.77 19.8962L22.5527 16.2356C23.3608 12.6042 24.0981 8.88157 24.9043 5.25706C24.9907 4.86741 25.6572 1.86497 25.6572 1.5178C25.6572 0.801003 25.5088 0.139382 24.6196 0.0636981C24.25 0.0324481 23.2876 0.444069 22.9224 0.589577C22.3818 0.804421 21.8569 0.991432 21.2969 1.21018C20.7427 1.42649 20.2383 1.6262 19.6797 1.83909C17.6787 2.60032 15.1802 3.51194 13.2129 4.30784L5.12842 7.40501C4.5708 7.6301 4.05859 7.80198 3.50293 8.02561C2.74658 8.32981 0.657227 8.9094 0.657227 9.6721Z' fill='%231296CF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.mobile-menu__social > .mobile-menu__youtube {
  width: 25.34px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='31' viewBox='0 0 26 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.1142 24.9922V18.4883H9.63764V25.2266C9.63764 26.1512 10.9853 25.3256 10.9853 24.875V18.4883H12.5087V26.8672H10.9853V25.9883C10.2658 26.4699 10.4105 26.9844 8.99311 26.9844C8.11948 26.9844 8.1142 25.6203 8.1142 24.9922ZM17.682 30.5H17.4628C17.2449 30.4994 17.0269 30.5 16.8089 30.5H10.4492C8.48627 30.4848 6.67514 30.4484 6.07924 30.367C4.29213 30.1227 1.67123 30.5404 1.02788 27.391C0.543891 25.0197 0.672797 22.2254 0.672797 19.7188C0.672797 18.2826 0.844477 16.4047 1.20659 15.3307C1.58686 14.201 2.57885 13.3332 3.91069 13.1715C4.32202 13.1217 4.63139 13.1217 5.03334 13.0637L7.35248 12.9219C7.83471 12.9248 8.09018 12.8604 8.5226 12.8621C10.1943 12.8686 11.665 12.8047 13.329 12.8047C14.9925 12.8047 16.4638 12.8686 18.1349 12.8621L20.4787 12.9793C20.7417 12.9781 21.3412 13.0221 21.6248 13.0637C21.988 13.117 22.3302 13.1275 22.6941 13.1662C23.9919 13.3039 25.0367 14.1324 25.4509 15.2727C25.7908 16.2072 25.9853 18.2527 25.9853 19.543C25.9853 21.7795 26.1095 25.3045 25.6343 27.3365C25.3742 28.4486 25.032 29.1553 24.0195 29.7652C23.0726 30.3359 21.8322 30.1953 20.5788 30.367L17.682 30.5ZM17.1962 26.9844C16.5535 26.9844 16.24 26.9574 15.6576 26.4137C15.5029 26.2695 15.5287 26.2145 15.3798 26.1055V26.8672H13.8564V15.6172H15.3798V19.25C15.6869 19.0443 16.1064 18.3711 16.9619 18.3711C18.105 18.3711 18.3095 19.5529 18.3095 20.7148C18.3095 21.7531 18.4173 25.3396 18.1279 26.1582C17.9884 26.5537 17.6281 26.9844 17.1962 26.9844ZM21.0048 23.1172C21.0048 23.9187 20.8443 25.6367 21.708 25.6367C22.063 25.6367 22.3912 25.6408 22.5066 25.0877L22.5869 23.9961H24.1103C24.1103 24.6898 24.1062 25.5189 23.7259 26.0727C22.6894 27.5826 19.54 27.4408 19.54 24.4062V20.9492C19.54 18.0219 22.564 17.733 23.6509 19.2986C24.2152 20.1107 24.1103 21.7912 24.1103 22.9414H21.1806C21.0453 22.9414 21.0048 22.9824 21.0048 23.1172ZM2.5478 15.6172H7.87983V17.1406H6.06342V26.8672H4.3642V17.1406H2.5478V15.6172Z' fill='%23CF1235'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35639 11.9844H7.93842V7.47266C7.93842 7.26816 8.33452 6.02656 8.42885 5.73711L9.73374 1.41641C9.81166 1.15273 9.96752 0.760742 9.9892 0.5H8.23139C8.20151 0.859766 7.15092 4.49844 7.11811 4.89453C7.08647 4.84883 7.09057 4.86523 7.05541 4.78145L6.94233 4.36719C6.89194 4.17148 6.84506 4.04082 6.7894 3.81641L5.88764 0.5H4.07123L5.77748 5.64863C5.90815 6.05645 6.02768 6.53164 6.13608 6.98926C6.22866 7.38066 6.18471 10.5271 6.18002 11.2812C6.17827 11.5684 6.0892 11.9844 6.35639 11.9844Z' fill='%23CF1235'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8486 3.54687V10.6367C15.8486 11.1746 15.981 11.7623 16.4421 11.9768C17.5273 12.4824 18.398 11.3205 18.7197 11.1055C18.7197 12.1648 18.4085 11.9844 20.3017 11.9844V3.37109C18.3253 3.37109 18.7197 2.9873 18.7197 5.24609L18.7203 9.40684C18.7238 9.88965 18.7478 9.97227 18.5011 10.2424C18.2662 10.5002 18.071 10.6367 17.7236 10.6367C17.2677 10.6367 17.4306 9.46191 17.4306 8.99609V4.19141C17.4318 3.21113 17.7007 3.37109 16.0244 3.37109C15.889 3.37109 15.8486 3.41211 15.8486 3.54687Z' fill='%23CF1235'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3915 10.6367C11.808 10.6367 11.5712 10.2975 11.5712 9.58203V5.89062C11.5712 5.24492 11.7195 4.71875 12.333 4.71875C12.9318 4.71875 13.0361 5.4582 13.0361 6.06641V9.23047C13.0361 9.82637 12.9628 10.6367 12.3915 10.6367ZM9.9892 6.18359V9.28906C9.9892 10.373 10.3156 11.382 11.198 11.8303C12.272 12.3758 13.5353 12.0447 14.1248 11.198C14.798 10.2324 14.6181 7.87695 14.6181 6.47656C14.6181 5.65332 14.5173 4.78145 14.1828 4.27461C13.1808 2.75645 9.9892 2.7084 9.9892 6.18359Z' fill='%23CF1235'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3798 20.1875V25.2266C15.3798 25.4281 15.7847 25.6367 16.2001 25.6367C16.8242 25.6367 16.8447 24.5967 16.8447 23.9375C16.8447 23.1066 16.8874 21.1332 16.7726 20.3762C16.6085 19.2904 15.3798 19.8236 15.3798 20.1875Z' fill='%23CF1235'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0048 21.125V21.7109H22.5869V20.7734C22.5869 20.1975 22.3449 19.7188 21.7665 19.7188C21.146 19.7188 21.0048 20.4857 21.0048 21.125Z' fill='%23CF1235'/%3E%3C/svg%3E%0A");
}
.mobile-menu__divisions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 30px;
  box-sizing: border-box;
}
.mobile-menu__divisions a {
  font-size: 13px;
  font-weight: 400;
  line-height: 17.7px;
  text-align: left;
  color: #3D4A55;
  text-decoration: none;
  padding-left: 5px;
}
.mobile-menu__main-btn {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  text-wrap: nowrap;
  box-sizing: border-box;
  padding: 14px 15px;
  border: none;
  position: relative;
  cursor: pointer;
}
.mobile-menu__main-btn_main {
  background-color: #CF1235;
  color: #fff;
}
.mobile-menu__main-btn_main::before {
  content: url("data:image/svg+xml,%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2306 15.2306C12.9284 15.2306 10.7633 13.5413 10.307 11.3228C10.0631 10.1383 10.1262 9.24697 10.5989 8.11347C11.2002 6.67112 12.5255 5.60862 14.0667 5.23483C18.6189 4.13107 21.9945 9.33374 19.409 13.0103C19.2561 13.2282 19.034 13.517 18.841 13.7112C17.9302 14.6286 16.5425 15.2306 15.2306 15.2306ZM8.46177 9.83677C8.46177 11.2269 8.55097 11.8289 9.09709 13.0619C10.0388 15.1893 12.5376 16.9229 14.9132 16.9229C16.0212 16.9229 16.6468 16.8786 17.6414 16.4775C18.2488 16.2324 18.4387 16.1359 18.9624 15.7894C19.1086 15.6924 19.2251 15.5825 19.3556 15.4951C19.6074 15.6638 23.1329 19.2445 23.7318 19.8453C23.9587 20.0722 24.1038 20.3076 24.5382 20.3076C25.0164 20.3076 25.3847 19.9393 25.3847 19.4618C25.3847 18.889 24.6669 18.3471 24.3404 18.0206L21.5382 15.2166C21.3453 15.0303 21.3768 15.1214 21.1208 14.841L20.5722 14.2791C21.0285 13.5977 21.162 13.5698 21.54 12.6025C22.6857 9.67233 21.7227 6.56432 19.1675 4.63107C18.2676 3.95024 16.7718 3.38471 15.5479 3.38471C14.2943 3.38471 13.3993 3.48968 12.3216 4.0182C10.139 5.0892 8.46177 7.39988 8.46177 9.83677Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.740291C0 1.32524 0.356796 1.69235 0.740291 1.69235H24.6444C25.0279 1.69235 25.3847 1.32524 25.3847 0.740291C25.3847 0.410194 24.9745 0 24.6444 0H0.740291C0.410194 0 0 0.410194 0 0.740291Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17265e-08 21.0479C6.17265e-08 21.6329 0.356796 22 0.740291 22H19.5674C19.9508 22 20.3076 21.6329 20.3076 21.0479C20.3076 20.7178 19.8974 20.3076 19.5674 20.3076H0.740291C0.410194 20.3076 6.17265e-08 20.7178 6.17265e-08 21.0479Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17265e-08 5.81735C6.17265e-08 6.40231 0.356796 6.76942 0.740291 6.76942H6.02913C6.41262 6.76942 6.76942 6.40231 6.76942 5.81735C6.76942 5.48726 6.35922 5.07706 6.02913 5.07706H0.740291C0.410194 5.07706 6.17265e-08 5.48726 6.17265e-08 5.81735Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17265e-08 10.8944C6.17265e-08 11.4794 0.356796 11.8459 0.740291 11.8459H6.02913C6.41262 11.8459 6.76942 11.4794 6.76942 10.8944C6.76942 10.5637 6.35922 10.1541 6.02913 10.1541H0.740291C0.410194 10.1541 6.17265e-08 10.5637 6.17265e-08 10.8944Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.17265e-08 15.9715C6.17265e-08 16.5564 0.356796 16.9229 0.740291 16.9229H6.02913C6.41262 16.9229 6.76942 16.5564 6.76942 15.9715C6.76942 15.6408 6.35922 15.2306 6.02913 15.2306H0.740291C0.410194 15.2306 6.17265e-08 15.6408 6.17265e-08 15.9715Z' fill='white'/%3E%3C/svg%3E%0A");
  margin-right: 15px;
}
.mobile-menu__main-btn_main::after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  width: 5px;
  height: 10px;
  position: absolute;
  right: 15px;
}
.mobile-menu__main-btn_second {
  background-color: #EFEFF1;
  color: #3d4a55;
}
.mobile-menu__main-btn_second::after {
  content: "";
}
.mobile-menu__main-btn_second::before {
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11L2 6L7 1' stroke='%233D4A55' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__btn-close {
  transform: translateX(350px);
  transition: transform 0.3s ease-in-out;
  margin-top: 23px;
}
.mobile-menu__btn-close svg {
  stroke: #fff;
}
.mobile-menu__partnership-btn {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 14px 25px;
  background-color: #CF1235;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.7px;
  text-align: center;
  cursor: pointer;
}
.mobile-menu__search-btn {
  color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  padding: 18px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  background-color: #3D4A55;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
.mobile-menu__search-btn::before {
  width: 19px;
  height: 15.5px;
  content: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8H18M3 8C1.89543 8 1 8.8954 1 10V14H2.1875M3 8L4.85479 2.37381C5.12508 1.55392 5.89094 1 6.75423 1H14.2458C15.1091 1 15.8749 1.55392 16.1452 2.37381L18 8M18 8C19.1046 8 20 8.8954 20 10V14H18.8125M2.1875 14V15.5938C2.1875 16.0943 2.59324 16.5 3.09375 16.5C3.59426 16.5 4 16.0943 4 15.5938V14M2.1875 14H4M18.8125 14V15.5938C18.8125 16.0943 18.4068 16.5 17.9062 16.5C17.4057 16.5 17 16.0943 17 15.5938V14M18.8125 14H17M17 14H4M5.5 11C5.5 11.2761 5.27614 11.5 5 11.5C4.72386 11.5 4.5 11.2761 4.5 11C4.5 10.7239 4.72386 10.5 5 10.5C5.27614 10.5 5.5 10.7239 5.5 11ZM16.5 11C16.5 11.2761 16.2761 11.5 16 11.5C15.7239 11.5 15.5 11.2761 15.5 11C15.5 10.7239 15.7239 10.5 16 10.5C16.2761 10.5 16.5 10.7239 16.5 11Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu__form input {
  box-sizing: border-box;
  padding: 15px;
}

.advantages-carousel {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .advantages-carousel {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .advantages-carousel {
    padding: 0 20px;
  }
}
.advantages-carousel__wrapper {
  overflow: hidden;
  width: 100%;
}
.advantages-carousel__container {
  display: flex;
  max-width: 325px;
  width: 100%;
  column-gap: 24px;
}
@media only screen and (max-width: 576px) {
  .advantages-carousel__container {
    max-width: unset;
    justify-content: center;
  }
}

.catalog-categories-main-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .catalog-categories-main-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .catalog-categories-main-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 990px) {
  .catalog-categories-main-page {
    grid-template-columns: repeat(1, 1fr);
  }
}

.catalog-categories-block {
  display: flex;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  gap: 10px;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .catalog-categories-block__header {
    text-align: center;
  }
}
.catalog-categories-block_revers {
  flex-direction: row-reverse;
}
.catalog-categories-block_revers .catalog-categories-block__header {
  text-align: right;
}
@media only screen and (max-width: 576px) {
  .catalog-categories-block_revers .catalog-categories-block__header {
    text-align: center;
  }
}
.catalog-categories-block__link {
  line-height: 13px;
  padding: 5px;
}
.catalog-categories-block__separator {
  vertical-align: middle;
  color: #484f55;
}
.catalog-categories-block__nav {
  display: inline-block;
  margin-top: 15px;
}
.catalog-categories-block_revers .catalog-categories-block__list {
  justify-content: end;
}
@media only screen and (max-width: 576px) {
  .catalog-categories-block_revers .catalog-categories-block__list {
    justify-content: center;
  }
}
.catalog-categories-block__list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media only screen and (max-width: 576px) {
  .catalog-categories-block__list {
    justify-content: center;
  }
}
.catalog-categories-block__image {
  max-width: 130px;
  max-height: 120px;
  object-fit: contain;
}
@media only screen and (max-width: 1080px) {
  .catalog-categories-block__image {
    max-width: 128px;
  }
}
@media only screen and (max-width: 576px) {
  .catalog-categories-block__image {
    display: none;
  }
}

.banner-slider-main-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  max-height: 287px;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .banner-slider-main-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .banner-slider-main-page {
    padding: 0 20px;
  }
}
.banner-slider-main-page__wrapper {
  height: 100%;
  overflow: hidden;
}
.banner-slider-main-page__slide {
  max-height: 287px;
  height: 100%;
}
.banner-slider-main-page__slide:hover {
  opacity: 1;
}
.banner-slider-main-page__image {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  max-height: 287px;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .banner-slider-main-page__image {
    height: 150px;
  }
}

.footer {
  background: #484f55;
  height: 100%;
  width: 100%;
  margin-top: 30px;
}
.footer__social-link {
  display: flex;
  column-gap: 12px;
}
.footer__social-link a svg {
  width: 29px;
  height: 29px;
}
.footer__social-link a {
  color: #fff;
}
.footer__social-link a :hover {
  color: #DD2747;
  transition: all 0.2s;
}
.footer__right-button {
  max-width: 183px;
  width: 100%;
}
.footer__logo {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: unset;
  height: unset;
}
.footer__logo p {
  margin: 0;
  color: #878D94;
  max-width: 200px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .footer__logo {
    width: unset;
  }
}
@media only screen and (max-width: 576px) {
  .footer__logo {
    width: auto;
    text-align: center;
  }
  .footer__logo p{
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.footer__container {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  justify-content: space-between;
  column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .footer__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__container {
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__container {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.footer__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}
@media only screen and (max-width: 768px) {
  .footer__left {
    min-height: unset;
  }
}
@media only screen and (max-width: 576px) {
  .footer__left {
    flex-direction: column;
    justify-content: space-between;
  }
}
.footer__middle {
  gap: 12px;
  display: flex;
  align-items: center;
  max-width: 560px;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .footer__middle {
    flex-direction: column;
    justify-content: center;
    align-self: center;
  }
}
.footer__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .footer__right {
    align-items: center;
    row-gap: 26px;
  }
}
.footer__text {
  color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media only screen and (max-width: 576px) {
  .footer__text {
    align-items: center;
  }
}
.footer__link {
  color: #fff;
  font-size: 24px;
  white-space: nowrap;
}
.footer__link:hover {
  color: #fff;
}
.footer__bottom {
  background: #3D4A55;
}
.footer__bottom-container {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  color: #878D94;
  padding: 25px 33px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .footer__bottom-container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__bottom-container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__bottom-container {
    padding: 25px 33px;
  }
}
@media only screen and (max-width: 576px) {
  .footer__bottom-container {
    padding: 25px 33px;
  }
}
.footer__bottom-container-content {
  display: flex;
  flex-direction: column;
  max-width: 275px;
}
.footer__bottom-container-logo-conversite {
  color: #878D94;
}
.footer__bottom-container-logo-conversite:hover {
  color: #EFEFF1;
}

.bottom_menu{
  display: flex;
  gap: 10px;
  margin-left: 10px;
}

@media only screen and (max-width: 768px) {
  /*.footer__bottom-container-logo-conversite {
    display: none;
  }*/
  .footer__bottom-container-content{
    text-align: center;
  }
  .footer__bottom-container{
     flex-direction: column;
  }
  .bottom_menu{
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
}


.footer-menu-main {
  color: #fff;
}
.footer-menu-main__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.footer-menu-main__dot {
  color: #878D94;
  position: absolute;
  top: 50%;
  left: -5px;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .footer-menu-main__dot {
    display: none;
  }
}
.footer-menu-main__link {
  font-size: 13px;
  color: #878D94;
  position: relative;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .footer-menu-main__link {
    align-items: center;
    justify-content: center;
  }
}
.footer-menu-main__link:hover {
  color: #fff;
  opacity: 0.6;
}

.breadcrumbs-block {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs-block {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .breadcrumbs-block {
    padding: 0 20px;
  }
}

/**Catalog Page**/
.menu-catalog-catalog-page-title {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 14px;
}
@media only screen and (max-width: 768px) {
  .menu-catalog-catalog-page-title {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .menu-catalog-catalog-page-title {
    padding: 0 20px;
  }
}

.menu-catalog-catalog-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .menu-catalog-catalog-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .menu-catalog-catalog-page {
    padding: 0 20px;
  }
}
.menu-catalog-catalog-page__title {
  font-size: 24px;
  line-height: 32.68px;
  font-weight: normal;
}
.menu-catalog-catalog-page__content {
  margin-top: 25px;
}
.menu-catalog-catalog-page__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
  gap: 10px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1345px) {
  .menu-catalog-catalog-page__list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
@media only screen and (max-width: 1130px) {
  .menu-catalog-catalog-page__list {
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
  }
}
@media only screen and (max-width: 576px) {
  .menu-catalog-catalog-page__list {
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  }
}
@media only screen and (max-width: 400px) {
  .menu-catalog-catalog-page__list {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  }
}
.menu-catalog-catalog-page__item_hide {
  display: none;
}
.menu-catalog-catalog-page__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
  animation: fadeIn 0.5s ease forwards;
  height: 50px;
  border-radius: 10px;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  transition: all 150ms ease-in-out;
}
.menu-catalog-catalog-page__item-link:hover {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.5);
}
.menu-catalog-catalog-page__item-link_hide {
  display: none;
  width: 0;
}
.menu-catalog-catalog-page__button-load {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.menu-catalog-catalog-page__button-load:hover {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.5);
}
.menu-catalog-catalog-page__button-load span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #CF1235;
}
.menu-catalog-catalog-page__button-load span svg {
  width: 8px;
  transform: rotate(90deg);
  margin-top: 4px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.content-container-catalog-page {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.content-container-catalog-page__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-top: 35px;
}
@media only screen and (max-width: 1080px) {
  .content-container-catalog-page__footer {
    justify-content: center;
  }
}
.content-container-catalog-page__filter {
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .content-container-catalog-page__filter {
    display: none;
  }
}

.catalog-actions-catalog-page {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .catalog-actions-catalog-page {
    display: none;
  }
}
.catalog-actions-catalog-page__filter {
  display: flex;
  gap: 23px;
}
.catalog-actions-catalog-page__filter span {
  color: #878D94;
  font-size: 13px;
}
.catalog-actions-catalog-page__filter-links {
  display: flex;
  gap: 28px;
}
.catalog-actions-catalog-page__filter-link {
  font-size: 13px;
  text-decoration: underline dotted;
}

.items-result-catalog-page {
  margin-top: 20px;
}
.items-result-catalog-page_block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  column-gap: 10px;
  row-gap: 15px;
}
.items-result-catalog-page_hor {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.sidebar-left-container-catalog-page {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  width: 356px;
  box-sizing: border-box;
  height: 100%;
  top: 20px;
  padding: 35px;
  padding: 25px;
}
@media only screen and (max-width: 768px) {
  .sidebar-left-container-catalog-page {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .sidebar-left-container-catalog-page {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .sidebar-left-container-catalog-page {
    padding: 15px;
  }
}
@media only screen and (max-width: 1080px) {
  .sidebar-left-container-catalog-page {
    width: 100%;
    position: initial;
  }
}
.sidebar-left-container-catalog-page__container-inputs {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  transition: max-height 0.25s ease-out;
  max-height: 1000px;
}
.sidebar-left-container-catalog-page__container-inputs.collapsed {
  animation: toggleHide 0.2s ease-in-out;
  max-height: 0;
  opacity: 0;
  z-index: -1;
}
.sidebar-left-container-catalog-page__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.sidebar-left-container-catalog-page__heading_h2 {
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
}
@media only screen and (max-width: 768px) {
  .sidebar-left-container-catalog-page__heading_h2 {
    font-size: 14px;
  }
}
.sidebar-left-container-catalog-page__heading-icon {
  position: relative;
  cursor: pointer;
  width: 12px;
  height: 12px;
}
.sidebar-left-container-catalog-page__heading-icon:after {
  content: "";
  transition: 0.25s transform, 0.25s top;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 2px currentColor solid;
  border-right: 2px currentColor solid;
  display: inline;
  position: absolute;
  transform-origin: left top;
  top: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
}
.sidebar-left-container-catalog-page__heading-icon_left:after {
  transform: rotate(-45deg) translate(-50%, -50%);
}
.sidebar-left-container-catalog-page__form {
  margin-top: 25px;
}
.sidebar-left-container-catalog-page__group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.sidebar-left-container-catalog-page__group-separator {
  align-self: center;
}
.sidebar-left-container-catalog-page__group-select {
  max-width: calc(50% - 15px);
}
.sidebar-left-container-catalog-page__container {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .sidebar-left-container-catalog-page__container {
    margin-top: 25px;
  }
}
.sidebar-left-container-catalog-page__container_center {
  justify-content: center;
  align-items: center;
}
.sidebar-left-container-catalog-page__button-block {
  margin-top: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.sidebar-left-container-catalog-page__button-send {
  max-width: 172px;
  width: 100%;
}
.sidebar-left-container-catalog-page__in-stock-only {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar-left-container-catalog-page__input-range-slider-container {
  max-width: 256px;
}
@media only screen and (max-width: 768px) {
  .sidebar-left-container-catalog-page__input-range-slider-container {
    max-width: 100%;
  }
}
.sidebar-left-container-catalog-page input[type=number] {
  -moz-appearance: textfield;
}
.sidebar-left-container-catalog-page input[type=number]::-webkit-outer-spin-button,
.sidebar-left-container-catalog-page input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.sidebar-left-container-catalog-page .reset [type=number] {
  -moz-appearance: spinner-textfield;
}
.sidebar-left-container-catalog-page .reset input[type=number]::-webkit-outer-spin-button,
.sidebar-left-container-catalog-page .reset input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
}
@keyframes toggleShow {
  0% {
    display: flex;
  }
  10% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes toggleHide {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    display: none;
    z-index: -1;
  }
}
.main-container-catalog-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  display: flex;
  gap: 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .main-container-catalog-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .main-container-catalog-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .main-container-catalog-page {
    flex-direction: column;
  }
}
.main-container-catalog-page__sidebar-left {
  background: #EFEFF1;
}

/**Basket Page**/
.basket-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 25px;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .basket-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .basket-page {
    padding: 0 20px;
  }
}
.basket-page_red {
  color: #CF1235;
}
.basket-page__container {
  position: relative;
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  gap: 50px;
}
@media only screen and (max-width: 1080px) {
  .basket-page__container {
    flex-direction: column;
    gap: 20px;
  }
}
@media only screen and (max-width: 1299px) {
  .basket-page__container {
    gap: 20px;
  }
}
.basket-page__main {
  width: 100%;
}
.basket-page__items-block {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/** Large-nodal assembly pages **/
.large-nodal-section {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .large-nodal-section {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .large-nodal-section {
    padding: 0 20px;
  }
}
.large-nodal-section > nav {
  margin: 0;
}
.large-nodal-section > div:first-of-type {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.large-nodal-section > div:first-of-type h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 768px) {
  .large-nodal-section > div:first-of-type h1 {
    font-size: 22px;
  }
}
.large-nodal-section > div:first-of-type h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  text-align: left;
  color: #878D94;
}
.large-nodal-section form {
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: #EFEFF1;
  padding: 25px;
  box-sizing: border-box;
  gap: 25px;
  border-radius: 10px;
  margin-top: 0;
}
.large-nodal-section form button {
  min-width: 189px;
  border-radius: 100px;
  padding: 7px 30px;
}
@media only screen and (max-width: 768px) {
  .large-nodal-section form {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.large-nodal-section > div:last-of-type {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px 50px;
  margin-bottom: 70px;
}
.large-nodal-section > div:last-of-type > svg {
  min-width: 83px;
  height: 77px;
  margin-top: -12px;
  margin-left: -18px;
}
@media only screen and (max-width: 576px) {
  .large-nodal-section > div:last-of-type > svg {
    min-width: 59px;
    height: 53px;
  }
}
@media only screen and (max-width: 768px) {
  .large-nodal-section > div:last-of-type {
    padding: 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .large-nodal-section > div:last-of-type {
    padding: 30px;
    margin-bottom: 40px;
  }
}
.large-nodal-section > div:last-of-type > p {
  font-size: 40px;
  font-weight: 900;
  line-height: 50px;
  text-align: left;
  margin: 0;
  max-width: 601px;
  color: #d9d9d9;
}
@media only screen and (max-width: 1080px) {
  .large-nodal-section > div:last-of-type > p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .large-nodal-section > div:last-of-type > p {
    font-size: 24px;
    line-height: 30px;
    max-width: 533px;
  }
}
@media only screen and (max-width: 576px) {
  .large-nodal-section > div:last-of-type > p {
    font-size: 20px;
    line-height: 30px;
  }
}
.large-nodal-section > div:last-of-type span {
  color: #CF1235;
}

.lna-section-result {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .lna-section-result {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-result {
    padding: 0 20px;
  }
}
.lna-section-result nav {
  margin: 0;
}
.lna-section-result > div:last-of-type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .lna-section-result > div:last-of-type {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.lna-section-result__search {
  max-width: 527px;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (max-width: 1299px) {
  .lna-section-result__search {
    max-width: 369px;
  }
}
@media only screen and (max-width: 900px) {
  .lna-section-result__search {
    max-width: 301px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-result__search {
    width: 100%;
    max-width: 100%;
    padding: 20px 15px;
  }
}
.lna-section-result__results {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .lna-section-result__results {
    display: none;
  }
}
.lna-section-result__results-menu {
  display: none;
  gap: 10px;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .lna-section-result__results-menu {
    display: flex;
  }
}
.lna-section-result__results-menu-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 20.43px;
  text-align: left;
  color: #484f55;
}
.lna-section-result__results-menu-selected::before {
  content: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' rx='2' fill='%23878D94'/%3E%3C/svg%3E%0A");
  width: 4px;
  max-height: 4px;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -4px;
}
.lna-section-result__results-menu > button {
  border-radius: 21.5px;
  padding: 12px 20px;
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: 3px 3px 10px 0px rgba(55, 62, 77, 0.1019607843);
}
.lna-section-result__results-container {
  flex: 1;
  background-color: #EFEFF1;
  padding: 25px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(226px, 1fr));
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1080px) {
  .lna-section-result__results-container {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-result__results-container {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    width: 100%;
    padding: 15px;
  }
}
.lna-section-result__form {
  position: relative;
}
.lna-section-result__input {
  position: relative;
}
.lna-section-result__input > input {
  box-sizing: border-box;
  width: 100%;
  border-radius: 10px;
  height: 50px;
  background-color: #EFEFF1;
  padding: 15.5px 53px 15.5px 15px;
  outline: none;
  border: none;
  color: #484f55;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  text-align: left;
  position: relative;
}
.lna-section-result__input > input::placeholder {
  color: #878D94;
}
.lna-section-result__input > div {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  padding: 12px;
  background-color: #3D4A55;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.000488281' width='36.0003' height='36' rx='5' fill='%233D4A55'/%3E%3Cpath d='M20.9556 20.9689L23.9998 24M22.4995 17.25C22.4995 14.3505 20.149 12 17.2495 12C14.35 12 11.9995 14.3505 11.9995 17.25C11.9995 20.1495 14.35 22.5 17.2495 22.5C20.149 22.5 22.4995 20.1495 22.4995 17.25Z' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 7px;
  top: 7px;
}
.lna-section-result__input > .isInput {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.95605 10.4689L13.0003 13.5M11.5 6.75C11.5 3.85051 9.1495 1.5 6.25 1.5C3.35051 1.5 1 3.85051 1 6.75C1 9.6495 3.35051 12 6.25 12C9.1495 12 11.5 9.6495 11.5 6.75Z' stroke='%23878D94' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.lna-section-result__catalog {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lna-section-scheme {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .lna-section-scheme {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme {
    padding: 0 20px;
  }
}
.lna-section-scheme__content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 70px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__content {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
}
.lna-section-scheme__columns {
  display: flex;
  gap: 25px;
}
.lna-section-scheme__column {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: flex-start;
}
.lna-section-scheme__column_show {
  display: flex !important;
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__column_hide {
    display: none;
  }
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__column {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__column_right {
    display: none;
  }
}
.lna-section-scheme__column > table {
  border-spacing: 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  box-sizing: border-box;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .lna-section-scheme__column > table {
    padding: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__column > table {
    max-width: auto;
    overflow-x: scroll;
    padding: 10px;
  }
}
.lna-section-scheme__column > table tr:first-of-type {
  background-color: #EFEFF1;
}
.lna-section-scheme__column > table tr:first-of-type th:first-of-type {
  border-radius: 5px 0 0 5px;
}
.lna-section-scheme__column > table tr:first-of-type th:last-of-type {
  border-radius: 0 5px 5px 0;
}
.lna-section-scheme__column > table th {
  box-sizing: border-box;
  padding: 10.5px 15px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  color: #484f55;
}
@media only screen and (max-width: 1200px) {
  .lna-section-scheme__column > table th {
    font-size: 13px;
    padding: 10.5px 5px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__column > table th {
    text-wrap: nowrap;
    overflow: scroll;
  }
}
.lna-section-scheme__column > table td {
  box-sizing: border-box;
  padding: 10.5px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  color: #484f55;
}
@media only screen and (max-width: 1200px) {
  .lna-section-scheme__column > table td {
    font-size: 13px;
    padding: 10.5px 5px;
  }
}
.lna-section-scheme__column > table td > button {
  color: #484f55;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #CF1235;
  padding: 3px 0;
  cursor: pointer;
}
.lna-section-scheme__btn {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 35px;
  border-radius: 100px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  text-align: left;
}
.lna-section-scheme__back-btn {
  border: none;
  width: 100px;
  height: 35px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 100px;
  background-color: #EFEFF1;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 17.7px;
  text-align: center;
  color: #484f55;
}
.lna-section-scheme__back-btn > svg {
  min-width: 12px;
  height: 8px;
}
.lna-section-scheme__header {
  display: flex;
  width: 100%;
  gap: 25px;
  align-items: center;
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__header {
    flex-direction: column;
    gap: 0;
  }
}
.lna-section-scheme__header-col {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__header-col {
    width: 100%;
  }
}
.lna-section-scheme__header-col:first-of-type > div {
  display: flex;
  align-items: center;
  gap: 25px;
}
.lna-section-scheme__header-col:first-of-type > div > h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  text-transform: uppercase;
  color: #CF1235;
}
.lna-section-scheme__header-col:first-of-type > div:last-of-type {
  display: none;
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__header-col:first-of-type > div:last-of-type {
    display: flex;
  }
  .lna-section-scheme__header-col:first-of-type > div:last-of-type #back,
  .lna-section-scheme__header-col:first-of-type > div:last-of-type #onList {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__header-col:first-of-type > div:last-of-type {
    width: 100%;
    justify-content: space-between;
  }
  .lna-section-scheme__header-col:first-of-type > div:last-of-type #back {
    display: flex;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__header-col:first-of-type {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .lna-section-scheme__header-col:first-of-type > div:first-of-type > button {
    display: none;
  }
}
.lna-section-scheme__scale {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 950px) {
  .lna-section-scheme__scale {
    display: none;
    margin-top: 25px;
    width: 100%;
    max-width: 100%;
  }
}
.lna-section-scheme__image {
  width: 100%;
  box-sizing: border-box;
  background-color: #EFEFF1;
  border-radius: 10px;
  padding: 25px;
  position: relative;
}
.lna-section-scheme__image > div {
  width: 100%;
  height: fit-content;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lna-section-scheme__image .swiper-slide-zoomed img {
  cursor: move;
}
.lna-section-scheme__image img {
  cursor: zoom-in;
  max-width: 100%;
  object-fit: contain;
}

/* Basket  */
.basket-sidebar {
  position: sticky;
  top: 20px;
  left: 0;
  max-width: 358px;
  width: 100%;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "blocks" "promoCode" "priceInfo" "deliveryInfo" "priceTotal" "button";
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  height: fit-content;
}
@media only screen and (max-width: 768px) {
  .basket-sidebar {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .basket-sidebar {
    padding: 15px;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar {
    max-width: 100%;
    grid-template-areas: "blocks blocks" "priceInfo promoCode" "deliveryInfo" "priceTotal button";
  }
}
@media only screen and (max-width: 576px) and (max-width: 1080px) {
  .basket-sidebar {
    max-width: 100%;
    grid-template-areas: "blocks" "promoCode" "priceInfo" "deliveryInfo" "priceTotal" "button";
  }
}
.basket-sidebar__blocks {
  grid-area: blocks;
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar__blocks {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .basket-sidebar__blocks {
    display: flex;
    flex-direction: column;
  }
}
.basket-sidebar .basket-sidebar__block {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 5px;
}
.basket-sidebar .basket-sidebar__block-promo-code {
  grid-area: promoCode;
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar .basket-sidebar__block-promo-code {
    max-width: 244px;
    justify-self: end;
  }
}
@media only screen and (max-width: 768px) {
  .basket-sidebar .basket-sidebar__block-promo-code {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.basket-sidebar .basket-sidebar__block-promo-code-result {
  position: relative;
  width: 100%;
  display: none;
}
.basket-sidebar .basket-sidebar__block-promo-code-result_visible {
  display: block;
}
.basket-sidebar .basket-sidebar__block-promo-code-button-delete {
  margin-left: 20px;
  height: 14px;
}
.basket-sidebar .basket-sidebar__block-promo-code-icon-delete {
  width: 14px;
  height: 14px;
}
.basket-sidebar .basket-sidebar__block-promo-code-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.basket-sidebar .basket-sidebar__block-info {
  grid-area: priceInfo;
}
.basket-sidebar .basket-sidebar__block-delivery {
  grid-area: deliveryInfo;
  margin-top: 0;
}
.basket-sidebar .basket-sidebar__block-price-total {
  grid-area: priceTotal;
}
.basket-sidebar .basket-sidebar__block-button {
  grid-area: button;
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar .basket-sidebar__block-button {
    max-width: 196px;
    justify-self: end;
  }
}
@media only screen and (max-width: 768px) {
  .basket-sidebar .basket-sidebar__block-button {
    justify-self: center;
  }
}
.basket-sidebar .basket-sidebar__block_col {
  flex-direction: column;
}
.basket-sidebar .basket-sidebar__block:not(:first-child) {
  margin-top: 15px;
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar .basket-sidebar__block:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar .basket-sidebar__block:last-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-sidebar .basket-sidebar__block {
    justify-content: start;
    margin-top: 0;
  }
}
.basket-sidebar .basket-sidebar__block span {
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basket-sidebar__button {
  width: 100%;
}
.basket-sidebar__block-text {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  row-gap: 5px;
}
.basket-sidebar__block-text h4 {
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basket-sidebar__block-text p {
  margin: 0;
}
.basket-sidebar__block-text_phone {
  display: block;
  color: #878D94;
}
@media only screen and (max-width: 768px) {
  .basket-sidebar__block-text {
    justify-content: start;
    column-gap: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .basket-sidebar__block-text {
    justify-content: space-between;
  }
}
.basket-sidebar__info {
  display: flex;
  justify-content: space-between;
  row-gap: 5px;
}
.basket-sidebar__info:not(:first-child) {
  margin-top: 5px;
}
.basket-sidebar_bold {
  font-weight: 700;
}
.basket-sidebar__price {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.basket-sidebar__price-discount {
  color: #62AD12;
}
.basket-sidebar__total-price {
  font-weight: 700;
  line-height: 28px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.basket-sidebar__total-price-text {
  font-size: 20px;
}
.basket-sidebar__total-price-price {
  font-size: 24px;
}

.basket-items-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .basket-items-block {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .basket-items-block {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .basket-items-block {
    padding: 15px;
  }
}
.basket-items-block__header-text {
  margin: 10px 0 0;
  font-size: 13px;
  color: #878D94;
}
.basket-items-block__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basket-items-block__actions-block {
  display: flex;
  align-items: center;
  column-gap: 25px;
}
@media only screen and (max-width: 576px) {
  .basket-items-block__actions-block {
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .basket-items-block__actions-block-right {
    display: none;
  }
}
.basket-items-block__actions-link {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: #878D94;
}
.order-recipient-info {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .order-recipient-info {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-recipient-info {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-recipient-info {
    padding: 15px;
  }
}
.order-recipient-info__link {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.order-recipient-info__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .order-recipient-info__header {
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
  }
}
.order-recipient-info__inputs-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
.order-recipient-info__inputs-wrapper_hide {
  display: none;
}
@media only screen and (max-width: 768px) {
  .order-recipient-info__inputs-wrapper {
    gap: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .order-recipient-info__inputs-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.order-recipient-info__inputs-wrapper_mw50 {
  max-width: 50%;
}
.order-recipient-info__content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.order-recipient-info__inputs {
  display: flex;
  gap: 15px;
  flex-grow: 1;
}
@media only screen and (max-width: 576px) {
  .order-recipient-info__inputs {
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
    width: 100%;
  }
}
.order-recipient-info__switch {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 13px;
}

.order-delivery-options {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .order-delivery-options {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-delivery-options {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-options {
    padding: 15px;
  }
}
.order-delivery-options .button-white:hover {
  color: inherit;
  box-shadow: unset;
  transition: all 0.2s;
  cursor: auto;
}
.order-delivery-options__tabs .button-white:disabled {
  color: #3D4A55 !important;
}
.order-delivery-options__content {
  margin-top: 20px;
}
.order-delivery-options__tab {
  display: none;
}
.order-delivery-options__tab_show {
  display: block;
}
.order-delivery-options__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .order-delivery-options__header {
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
  }
}
.order-delivery-options__header-city-select {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}
.order-delivery-options__link {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.order-delivery-options__tabs-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-options__tabs-buttons {
    grid-template-columns: unset;
  }
}
.order-delivery-options__tabs-button {
  background: #fff;
  height: 98px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding-left: 15px;
}
.order-delivery-options__tabs-button-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: start;
}
.order-delivery-options__tabs-button-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  white-space: wrap;
}
.order-delivery-options__tabs-button-icon {
  max-height: 30px;
  height: 100%;
  object-fit: contain;
}
.order-delivery-options__tabs-button_active {
  border: 1px solid #62AD12;
}
.order-delivery-options__tabs-button_active svg {
  max-height: 30px;
  height: 100%;
  color: #62AD12;
}
.order-delivery-options__tabs-content {
  margin-top: 20px;
}

.order-delivery-pickup {
  display: flex;
  flex-direction: column;
}
.order-delivery-pickup__map-container {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 155px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-pickup__map-container {
    flex-direction: column;
    height: auto;
  }
}
.order-delivery-pickup__map-text {
  background: #fff;
  border-radius: 10px 0 0 10px;
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 6px;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  box-sizing: border-box;
  flex: 1 1 50%;
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-pickup__map-text {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-delivery-pickup__map-text {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-pickup__map-text {
    padding: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-pickup__map-text {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .order-delivery-pickup__map-text {
    flex: unset;
    border-radius: 10px 10px 0 0;
  }
}
.order-delivery-pickup__map-text-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}
.order-delivery-pickup__map-map {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
}
.order-delivery-pickup__map-map img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.order-delivery-pickup__delivery-date {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-top: 20px;
  height: auto;
  grid-gap: 18px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-pickup__delivery-date {
    grid-template-columns: repeat(2, minmax(50%, 1fr));
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-pickup__delivery-date {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
  }
}
.order-delivery-pickup__delivery-date-button {
  background: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  height: 50px;
  box-sizing: border-box;
  padding: 5px;
  justify-content: center;
}
.order-delivery-pickup__delivery-date-button_active {
  border: 1px solid #62AD12;
}
.order-delivery-pickup__delivery-date-button_active svg {
  color: #62AD12;
}

.order-delivery-courier {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .order-delivery-courier {
    flex-direction: column;
  }
}
.order-delivery-courier__container {
  display: flex;
  flex-direction: column;
  gap: 17px;
  background: #fff;
  border-radius: 10px 0 0 10px;
  align-items: start;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  box-sizing: border-box;
  flex: 0 1 50%;
  width: 100%;
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-courier__container {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-delivery-courier__container {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-courier__container {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .order-delivery-courier__container {
    border-radius: 10px 10px 0 0;
  }
}
.order-delivery-courier__container-map {
  flex: 1 1 50%;
  width: 100%;
}
.order-delivery-courier__container-map-images {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.order-delivery-courier__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.order-delivery-courier__title {
  font-size: 15px;
  font-weight: 700;
}
.order-delivery-courier__text {
  font-size: 13px;
  color: #878D94;
}
.order-delivery-courier__inputs {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-courier__inputs {
    width: 100%;
  }
}
.order-delivery-courier__inputs-group {
  display: flex;
  gap: 17px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-courier__inputs-group {
    flex-direction: column;
  }
}
.order-delivery-courier__selects {
  display: flex;
  gap: 17px;
  width: 100%;
}
@media only screen and (max-width: 1299px) {
  .order-delivery-courier__selects {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1080px) {
  .order-delivery-courier__selects {
    flex-direction: row;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-courier__selects {
    flex-direction: column;
  }
}

.order-delivery-transport {
  display: flex;
  flex-direction: column;
}
.order-delivery-transport__container {
  display: flex;
  flex-direction: column;
  gap: 17px;
  background: #fff;
  border-radius: 10px 0 0 10px;
  align-items: start;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  box-sizing: border-box;
  flex: 0 1 50%;
  width: 100%;
  padding: 35px;
}
@media only screen and (max-width: 768px) {
  .order-delivery-transport__container {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-delivery-transport__container {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__container {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .order-delivery-transport__container {
    border-radius: 10px 10px 0 0;
  }
}
.order-delivery-transport__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.order-delivery-transport__title {
  font-size: 15px;
  font-weight: 700;
}
.order-delivery-transport__text {
  font-size: 13px;
  color: #878D94;
}
.order-delivery-transport__transport-address {
  max-width: 574px;
  width: 100%;
  position: relative;
}
.order-delivery-transport__transport-address-result {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  max-height: 0;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
.order-delivery-transport__transport-address-result_visible {
  max-height: 286px;
}
.order-delivery-transport__transport-address-result-item {
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.order-delivery-transport__transport-address-result-item:hover {
  background-color: #EFEFF1;
}
.order-delivery-transport__select-tc {
  margin-top: 7px;
  width: 100%;
  display: none;
}
.order-delivery-transport__select-tc_visible {
  display: block;
}
.order-delivery-transport__list-tc {
  margin-top: 27px;
  width: 100%;
  font-size: 13px;
}
.order-delivery-transport__list-tc div span {
  display: block;
}
.order-delivery-transport__list-tc-header {
  display: flex;
  padding: 8px 0 28px 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  color: #878D94;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__list-tc-header {
    display: none;
  }
}
.order-delivery-transport__list-tc-content {
  display: flex;
  padding: 35px 0;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #D6D6D8;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__list-tc-content {
    align-items: start;
  }
}
.order-delivery-transport__list-tc-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
}
.order-delivery-transport__list-tc-title-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
  color: #878D94;
}
.order-delivery-transport__list-tc-checkbox {
  display: flex;
  gap: 10px;
  width: 18%;
  align-items: center;
}
.order-delivery-transport__list-tc-checkbox svg {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .order-delivery-transport__list-tc-checkbox {
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__list-tc-checkbox {
    width: 35%;
    flex-direction: row;
    align-self: center;
  }
}
.order-delivery-transport__header-delivery-method {
  width: 55%;
}
.order-delivery-transport__header-delivery-cost {
  width: 20%;
}
.order-delivery-transport__header-delivery-time {
  width: 25%;
}
.order-delivery-transport__content-wrapper {
  width: 82%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__content-wrapper {
    align-items: start;
    flex-direction: column;
    width: 100%;
    gap: 5px;
  }
}
.order-delivery-transport__content-title-wrapper {
  width: 44%;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__content-title-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2px;
  }
}
.order-delivery-transport__delivery-cost {
  width: 26%;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__delivery-cost {
    width: 100%;
  }
}
.order-delivery-transport__delivery-time {
  width: 30%;
}
@media only screen and (max-width: 576px) {
  .order-delivery-transport__delivery-time {
    width: 100%;
  }
}
.order-delivery-transport__delivery-icon {
  max-width: 66px;
  height: 100%;
  object-fit: cover;
  max-height: 30px;
  margin: 0 auto;
}

.order-payment-method {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  margin-top: 25px;
  flex-direction: column;
  box-sizing: border-box;
  display: none;
}
@media only screen and (max-width: 768px) {
  .order-payment-method {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .order-payment-method {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .order-payment-method {
    padding: 15px;
  }
}
.order-payment-method_visible {
  display: flex;
}
.order-payment-method__header {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .order-payment-method__header {
    flex-direction: column;
  }
}
.order-payment-method__title {
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.order-payment-method__text {
  font-weight: 400;
  font-size: 13px;
  color: #878D94;
}
.order-payment-method__container {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .order-payment-method__container {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}
@media only screen and (max-width: 576px) {
  .order-payment-method__container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.order-payment-method__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.order-payment-method__card {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  column-gap: 20px;
}
@media only screen and (max-width: 1080px) {
  .order-payment-method__card {
    padding: 15px;
    column-gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .order-payment-method__card {
    padding: 10px;
    column-gap: 10px;
  }
}
.order-payment-method__payment-image {
  display: flex;
  align-items: center;
  column-gap: 10px;
  max-width: 50px;
}
.order-payment-method__payment-image img {
  width: 100%;
}

/**
Contact
 */
.contact-page {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 25px;
}
@media only screen and (max-width: 768px) {
  .contact-page {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .contact-page {
    padding: 0 20px;
  }
}
.contact-page__content {
  display: flex;
  margin-top: 30px;
}
@media only screen and (max-width: 1080px) {
  .contact-page__content {
    flex-direction: column;
  }
}
.contact-page__info {
  box-sizing: border-box;
  max-width: 50%;
  width: 100%;
  padding-right: 50px;
}
@media only screen and (max-width: 1080px) {
  .contact-page__info {
    max-width: unset;
    padding-right: 0;
  }
}
.contact-page__info-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #CF1235;
}
.contact-page__info-contacts {
  background: #EFEFF1;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
}
.contact-page__info-contacts-item {
  display: flex;
  align-items: center;
}
.contact-page__info-contacts-item:not(:first-of-type) {
  margin-top: 20px;
}
.contact-page__info-contacts-item-icon {
  margin-right: 15px;
}
.contact-page__info-contacts-item-text {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}
.contact-page__info-legal {
  margin-top: 30px;
}
.contact-page__info-legal-item {
  display: flex;
}
.contact-page__info-legal-item:not(:first-of-type) {
  margin-top: 10px;
}
.contact-page__info-legal-item-title {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
}
.contact-page__info-legal-item-text {
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 22.5px;
}
.contact-page__map {
  max-width: 50%;
  width: 100%;
}
@media only screen and (max-width: 1080px) {
  .contact-page__map {
    max-width: unset;
    margin-top: 30px;
    height: 350px;
  }
}
.contact-page__map-image {
  width: 100%;
  object-fit: cover;
  height: 100%;
  object-position: center;
}

.lk-layout {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 25px;
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .lk-layout {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-layout {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-layout {
    flex-direction: column;
  }
}

.lk-sidebar {
  min-width: 280px;
  max-width: 306px;
  background: #3D4A55;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
}
@media only screen and (max-width: 1299px) {
  .lk-sidebar {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-sidebar {
    max-width: unset;
    display: none;
  }
}

.lk-sidebar-mobile {
  display: none;
  flex-direction: column;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .lk-sidebar-mobile {
    display: flex;
  }
}
.lk-sidebar-mobile__header {
  width: 100%;
  display: flex;
  gap: 10px;
  background: #3D4A55;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  align-items: center;
}
.lk-sidebar-mobile__images {
  width: 30px;
  height: 30px;
}
.lk-sidebar-mobile__link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lk-sidebar-mobile__link svg {
  display: block;
}
.lk-sidebar-mobile_open .lk-sidebar-mobile__icon {
  transform: rotate(90deg);
  animation: rotateIconOpen 0.2s ease-in-out;
}
.lk-sidebar-mobile__icon {
  transform: rotate(0);
  animation: rotateIconClose 0.2s ease-in-out;
}
.lk-sidebar-mobile__title {
  font-weight: 700;
}

.lk-sidebar-mobile_open .lk-sidebar-mobile__header {
  display: flex;
  border-radius: 10px 10px 0 0;
}

@keyframes rotateIconOpen {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes rotateIconClose {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
.lk-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 944px;
}

.lk-main-wrapper {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  width: 100%;
  padding: 35px;
  border-radius: 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 576px) {
  .lk-main-wrapper {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .lk-main-wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-main-wrapper {
    padding: 25px;
  }
}

.lk-sidebar-menu-mobile {
  display: none;
  box-sizing: border-box;
  background: #3D4A55;
  padding: 10px;
  z-index: 2;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
}
.lk-sidebar-menu-mobile_open {
  display: block;
  border-radius: 0 0 10px 10px;
}
.lk-sidebar-menu-mobile__block {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 0;
}
.lk-sidebar-menu-mobile__block:first-child {
  padding: 0 0 10px 0;
}
.lk-sidebar-menu-mobile__block:not(:last-child) {
  border-bottom: 1px solid #878D94;
}
.lk-sidebar-menu-mobile__block:last-child {
  padding: 10px 0 0 0;
}
.lk-sidebar-menu-mobile__header {
  width: 100%;
  display: flex;
  gap: 10px;
  background: #3D4A55;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  align-items: center;
}
.lk-sidebar-menu-mobile__header_open {
  border-radius: 10px 10px 0 0;
}
.lk-sidebar-menu-mobile__title {
  font-weight: 700;
}
.lk-sidebar-menu-mobile__links {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.lk-sidebar-menu-mobile__link {
  display: flex;
  align-items: center;
  padding-left: 40px;
  height: 32px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.lk-sidebar-menu-mobile__link:hover {
  background: #fff;
  color: #484F55;
}
.lk-sidebar-menu-mobile__link_active {
  gap: 6px;
  color: #484F55;
  background: #fff;
}

.lk-sidebar-mobile_open .lk-sidebar-menu-mobile {
  display: block;
  border-radius: 0 0 10px 10px;
}

.lk-sidebar-menu {
  color: #fff;
}
.lk-sidebar-menu__block {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 25px 0;
}
.lk-sidebar-menu__block:first-child {
  padding: 0 0 25px 0;
}
.lk-sidebar-menu__block:not(:last-child) {
  border-bottom: 1px solid #878D94;
}
.lk-sidebar-menu__block:last-child {
  padding: 25px 0 0 0;
}
.lk-sidebar-menu__header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.07px;
}
.lk-sidebar-menu__title {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20.43px;
}
.lk-sidebar-menu__title_normal {
  font-size: 13px;
  font-weight: 400;
}
.lk-sidebar-menu__title span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.34px;
}
.lk-sidebar-menu__links {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
}
.lk-sidebar-menu__button-org-add {
  padding: 9px 22px;
  border-radius: 100px;
}
.lk-sidebar-menu__button-org-add svg {
  color: #62AD12;
}
.lk-sidebar-menu__link {
  display: flex;
  align-items: center;
  padding-left: 40px;
  height: 32px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  gap: 6px;
}
.lk-sidebar-menu__link span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lk-sidebar-menu__link:hover {
  background: #fff;
  color: #484F55;
}
.lk-sidebar-menu__link_active {
  color: #484F55;
  background: #fff;
}

.lk-order-navigation {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-order-navigation__date-container {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__date-container {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-navigation__date-container {
    flex-direction: column;
  }
}
.lk-order-navigation__date-container-select {
  min-width: 185px;
}
.lk-order-navigation__options-top {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__options-top {
    flex-direction: column;
  }
}
.lk-order-navigation__options-middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__options-middle {
    align-items: start;
    flex-direction: column;
  }
}
.lk-order-navigation__options-date {
  display: flex;
  align-items: center;
  gap: 15px;
}
.lk-order-navigation__options-date span {
  white-space: nowrap;
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__options-date {
    align-items: start;
    flex-direction: column;
  }
}
.lk-order-navigation__price-range-container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 576px) {
  .lk-order-navigation__price-range-container {
    flex-direction: column;
    align-items: start;
    gap: 25px;
  }
}
.lk-order-navigation__label {
  font-size: 13px;
  color: #878D94;
  white-space: nowrap;
}
.lk-order-navigation__options-counterparty {
  width: 256px;
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__options-counterparty {
    width: 100%;
  }
}
.lk-order-navigation__price-range {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
@media only screen and (max-width: 576px) {
  .lk-order-navigation__price-range {
    width: 100%;
  }
}
.lk-order-navigation__price-range-icon {
  align-self: center;
}
.lk-order-navigation__price-range-input {
  width: 131px;
}
@media only screen and (max-width: 576px) {
  .lk-order-navigation__price-range-input {
    width: 100%;
  }
}
.lk-order-navigation__input-range-slider-container {
  width: 100%;
}
.lk-order-navigation__search {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .lk-order-navigation__search {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-navigation__search {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-navigation__search {
    padding: 15px;
  }
}
.lk-order-navigation__search-text {
  font-size: 13px;
  color: #878D94;
}
.lk-order-navigation__option-checkbox {
  display: flex;
  gap: 10px;
}
.lk-order-navigation__option-checkbox p {
  font-size: 13px;
}
.lk-order-navigation__options-checkbox {
  display: flex;
  align-items: center;
  min-height: 38px;
  column-gap: 25px;
  row-gap: 6px;
  flex-wrap: wrap;
}
.lk-order-navigation__options-checkbox span {
  font-size: 13px;
  font-weight: 400;
  color: #878D94;
}
.lk-order-navigation .select-app__title {
  white-space: nowrap;
}

.lk-order-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.lk-order-card {
  margin-top: 25px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
}
.lk-order-card__block-article {
  font-size: 13px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  min-width: 160px;
}
.lk-order-card__block-article-wrapper {
  display: flex;
  gap: 5px;
}
.lk-order-card__block-article-title {
  font-weight: 600;
  white-space: nowrap;
}
.lk-order-card__block-article-code {
  white-space: nowrap;
}
.lk-order-card__header {
  padding: 35px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__header {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__header {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__header {
    padding: 15px;
  }
}
.lk-order-card__header-footer {
  display: flex;
  justify-content: space-between;
}
.lk-order-card__header-footer a {
  height: fit-content;
  align-self: center;
}
.lk-order-card__header-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.lk-order-card__header-container {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 5px;
}
.lk-order-card__header-container_right {
  gap: 10px;
}
.lk-order-card__header-container-date-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 576px) {
  .lk-order-card__header-container-date-label {
    flex-direction: row-reverse;
  }
}
.lk-order-card__header-order-date {
  color: #484F55;
  font-size: 14px;
  font-weight: 400;
}
.lk-order-card__header-order-number {
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #484F55;
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__header-order-number {
    font-size: 14px;
  }
}
.lk-order-card__header-price-title {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__header-price-title {
    font-size: 14px;
  }
}
.lk-order-card__header-price-value {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__header-price-value {
    font-size: 14px;
  }
}
.lk-order-card__content {
  border-top: 1px solid #EFEFF1;
  padding: 35px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__content {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__content {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__content {
    padding: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__content {
    gap: 20px;
  }
}
.lk-order-card__content-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-order-card__content-info-text {
  margin: 0;
  font-size: 13px;
}
.lk-order-card__content-info-text span {
  font-weight: 600;
}
.lk-order-card__content-status {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
}
.lk-order-card__content-status-documents {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.lk-order-card__content-status .label-circle {
  margin-left: 6px;
}
.lk-order-card__content-downloads a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.lk-order-card__content-item-images {
  display: flex;
  gap: 10px;
}
.lk-order-card__content-item-image {
  border: 1px solid #EFEFF1;
  border-radius: 5px;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center;
}
.lk-order-card__content-item-placehold {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: #EFEFF1;
  border-radius: 5px;
  font-size: 13px;
  color: #878D94;
}
.lk-order-card__footer {
  padding: 35px;
  padding-top: 0;
  padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__footer {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__footer {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__footer {
    padding: 15px;
  }
}
.lk-order-card__footer-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__footer-container {
    flex-direction: column;
  }
}
.lk-order-card__footer-actions {
  display: none;
}
.lk-order-card_open .lk-order-card__footer-actions {
  display: flex;
  align-items: center;
  column-gap: 35px;
  row-gap: 10px;
  flex-wrap: wrap;
}
.lk-order-card_open .lk-order-card__footer-actions a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lk-order-card_open .lk-order-card__footer-container {
  display: flex;
  align-items: center;
  background: #EFEFF1;
  border-radius: 5px;
  padding: 10px 25px;
  box-sizing: border-box;
  gap: 15px;
}
.lk-order-card_open .lk-order-card__footer-container {
  justify-content: start;
  align-items: start;
}
.lk-order-card__label {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  height: 33px;
  width: fit-content;
  padding: 10px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.lk-order-card__label_yellow {
  background: #F4E5AB;
}
.lk-order-card__label_green {
  background: #62AD12;
  color: #fff;
}
.lk-order-card__label_red {
  background: #DD2747;
  color: #fff;
}
.lk-order-card__button-read-more {
  font-size: 12px;
  display: flex;
  margin-left: auto;
  gap: 10px;
  white-space: nowrap;
  align-items: center;
  cursor: pointer;
  color: #878D94;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__button-read-more {
    margin-left: 0;
  }
}
.lk-order-card__button-read-more svg {
  transform: rotate(90deg);
  width: 8px;
  color: #CF1235;
}
.lk-order-card_open .lk-order-card__button-read-more svg {
  transform: rotate(-90deg);
}
.lk-order-card__details {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.lk-order-card_open .lk-order-card__details {
  opacity: 1;
  max-height: 100%;
  padding: 35px;
  padding-top: 0;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .lk-order-card_open .lk-order-card__details {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card_open .lk-order-card__details {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card_open .lk-order-card__details {
    padding: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .lk-order-card_open .lk-order-card__details {
    padding-top: 0;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card_open .lk-order-card__details {
    padding-top: 0;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card_open .lk-order-card__details {
    padding-top: 0;
    padding-bottom: 15px;
  }
}
.lk-order-card__details-item {
  border-radius: 5px;
  border: 1px solid #EFEFF1;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lk-order-card__details-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  gap: 30px;
  position: relative;
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__details-item-content {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .lk-order-card__details-item-content {
    gap: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__details-item-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.lk-order-card__details-item-price-quantity {
  display: flex;
  gap: 15px;
  align-items: center;
  max-width: 150px;
  justify-content: space-between;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .lk-order-card__details-item-price-quantity {
    justify-content: start;
    max-width: max-content;
  }
}
.lk-order-card__details-item-image {
  width: 60px;
  height: 60px;
}
.lk-order-card__details-item-title {
  width: 100%;
  max-width: 200px;
}
@media only screen and (max-width: 576px) {
  .lk-order-card__details-item-quantity {
    font-size: 13px;
  }
}
.lk-order-card__details-item-price {
  font-weight: 600;
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__details-item-price {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 576px) {
  .lk-order-card__details-item-price {
    font-size: 14px;
  }
}
.lk-order-card__details-item-status {
  display: flex;
  align-items: center;
  gap: 15px;
}
.lk-order-card__details-item-status p {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  white-space: nowrap;
}
@media only screen and (max-width: 576px) {
  .lk-order-card__details-item-status p {
    font-size: 13px;
  }
}
.lk-order-card__details-item-status p span:first-child {
  font-weight: 600;
}
.lk-order-card__details-item-action {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 576px) {
  .lk-order-card__details-item-action {
    position: absolute;
    bottom: 20px;
    right: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-order-card__details-item-action span {
    display: none;
  }
}

.order-hash-tag {
  display: flex;
  align-items: center;
}
.order-hash-tag:has(.order-hash-tag__list .order-hash-tag__tag) {
  gap: 25px;
}
@media only screen and (max-width: 576px) {
  .order-hash-tag {
    flex-direction: column;
    gap: 10px;
  }
}
.order-hash-tag__list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.order-hash-tag__tag {
  display: flex;
  gap: 10px;
  align-items: center;
  background: #EFEFF1;
  padding: 5px 10px;
  box-sizing: border-box;
  height: fit-content;
  border-radius: 5px;
}
.order-hash-tag__actions {
  position: relative;
  align-items: center;
  display: flex;
}
.order-hash-tag__button-send {
  height: 48px;
  width: 48px;
  padding: 0;
  border-radius: 10px;
  color: #62AD12;
}
.order-hash-tag__button-add {
  color: #62AD12;
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-hash-tag__button-remove {
  cursor: pointer;
}
.order-hash-tag__form-add {
  position: absolute;
  top: 38px;
  left: -200%;
  opacity: 0;
  z-index: -1;
  background: #62AD12;
  width: 332px;
  display: flex;
  gap: 10px;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
}
.order-hash-tag__form-add:before {
  content: "";
  position: absolute;
  right: 53px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 27px solid transparent;
  border-right: 27px solid transparent;
  border-bottom: 15px solid #62AD12;
}
@media only screen and (max-width: 576px) {
  .order-hash-tag__form-add {
    left: 0;
    width: auto;
  }
  .order-hash-tag__form-add:before {
    left: 33px;
  }
}
.order-hash-tag__form-add_visible {
  opacity: 1;
  z-index: 1;
}

.lk-personal-area {
  display: flex;
  flex-direction: column;
  position: relative;
}
.lk-personal-area .datepickerInput {
  color: #484F55;
}
.lk-personal-area__error-message {
  color: #DD2747;
  position: absolute;
  bottom: 90px;
  left: 40px;
}
@media only screen and (max-width: 768px) {
  .lk-personal-area__error-message {
    bottom: 80px;
  }
}
.lk-personal-area__success-message {
  color: #62AD12;
  position: absolute;
  bottom: 90px;
  left: 40px;
}
@media only screen and (max-width: 768px) {
  .lk-personal-area__success-message {
    bottom: 80px;
  }
}
.lk-personal-area__button-reset, .lk-personal-area__button-save {
  margin-top: 30px;
  width: fit-content;
}
.lk-personal-area__inputs {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.lk-personal-area__input {
  display: flex;
  gap: 25px;
  align-items: center;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.lk-personal-area__input .input-custom_gray-2 .input-validate-text {
  top: 50px;
}
.lk-personal-area__input_hide {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  height: 0;
  position: absolute;
}
.lk-personal-area__input input {
  height: 20px;
}
.lk-personal-area__input .select-custom, .lk-personal-area__input fieldset {
  max-width: 50%;
}
.lk-personal-area__input .datepicker-custom fieldset {
  max-width: 100%;
}
.lk-personal-area__input .datepicker-custom {
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .lk-personal-area__input {
    gap: 10px;
  }
  .lk-personal-area__input:not(.lk-personal-area__not-column) {
    flex-direction: column;
    align-items: start;
  }
  .lk-personal-area__input:not(.lk-personal-area__not-column).lk-personal-area__input-reverse {
    flex-direction: column-reverse;
  }
  .lk-personal-area__input-reverse {
    flex-direction: column-reverse;
  }
  .lk-personal-area__input .select-custom, .lk-personal-area__input fieldset {
    max-width: 100%;
  }
  .lk-personal-area__input .datepicker-custom {
    max-width: 100%;
  }
}
.lk-personal-area__select {
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .lk-personal-area__select {
    max-width: 100%;
  }
}
.lk-personal-area__button-add-org {
  font-size: 13px;
  display: inline-block;
  white-space: nowrap;
  color: #62AD12;
}
.lk-personal-area__button-add-org:after {
  content: "";
  border-bottom: 1px dotted #62AD12;
  padding: 0 0 2px 0;
  display: flex;
}
.lk-personal-area__button-add-org svg {
  vertical-align: sub;
  margin-left: 5px;
}
.lk-personal-area__link-delete {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  margin-left: auto;
  align-self: start;
}
@media only screen and (max-width: 768px) {
  .lk-personal-area__link-delete {
    margin-bottom: 20px;
  }
}
.lk-personal-area input[type=date]::-webkit-inner-spin-button, .lk-personal-area input[type=date]::-webkit-calendar-picker-indicator {
  margin-top: -15px;
}
.lk-personal-area__confirm {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lk-personal-area__confirm_hide {
  display: none;
}
.lk-personal-area__confirm-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.lk-personal-area__confirm-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}
.lk-personal-area__confirm-link {
  color: #62AD12;
  width: fit-content;
}
.lk-personal-area__confirm-link:after {
  content: "";
  border-bottom: 1px dotted #62AD12;
  padding: 0 0 2px 0;
  display: block;
}

.lk-my-organizations {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-my-organizations__button-add {
  width: fit-content;
}
.lk-my-organizations__organization {
  display: flex;
  flex-direction: column;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-my-organizations__organization {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-my-organizations__organization {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-my-organizations__organization {
    padding: 15px;
  }
}
.lk-my-organizations__organization-title {
  font-weight: 600;
}
.lk-my-organizations__organization-info {
  color: #878D94;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-my-organizations__organization-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.lk-my-organizations__organization-action {
  height: 35px;
  padding: 0 15px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 100px;
}

.lk-promo-code {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-promo-code__info {
  padding: 35px;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-promo-code__info {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-promo-code__info {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-promo-code__info {
    padding: 15px;
  }
}
.lk-promo-code__text {
  color: #878D94;
  font-size: 13px;
  font-weight: 400;
  line-height: 16.25px;
}
.lk-promo-code__container {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 1080px) {
  .lk-promo-code__container {
    flex-direction: column;
  }
}

.lk-home {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-home__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
  grid-gap: 15px;
}
@media only screen and (max-width: 576px) {
  .lk-home__container {
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
  }
}
.lk-home__icon {
  margin-right: 10px;
}
.lk-home__icon-close {
  scale: 0.8;
}
.lk-home__link-close {
  margin-left: auto;
}
.lk-home__card {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 35px;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "info image" "actions actions";
  grid-row-gap: 25px;
}
@media only screen and (max-width: 768px) {
  .lk-home__card {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-home__card {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-home__card {
    padding: 15px;
  }
}
.lk-home__card-info {
  grid-area: info;
}
.lk-home__card-info-text {
  margin: 10px 0 0 0;
  display: flex;
  gap: 5px;
  align-items: center;
}
.lk-home__card-info-text span {
  font-weight: 600;
}
.lk-home__card-info-image {
  grid-area: image;
  color: #878D94;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  justify-self: end;
}
.lk-home__card-info-button {
  padding: 5px 15px;
  font-size: 12px;
  width: fit-content;
  height: 25px;
}
.lk-home__actions {
  grid-area: actions;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.lk-home__button-icon_red {
  color: #DD2747;
}
.lk-home__button-icon_green {
  color: #62AD12;
}
.lk-home__statistic {
  padding: 35px;
  background: #CF1235;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .lk-home__statistic {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-home__statistic {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-home__statistic {
    padding: 15px;
  }
}
.lk-home__statistic-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
.lk-home__statistic-values {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  gap: 5px;
}
.lk-home__statistic-icon {
  width: 40px;
  height: 40px;
}
.lk-home__active-orders {
  padding: 35px;
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-home__active-orders {
    padding: 20px;
  }
}
@media only screen and (max-width: 1080px) {
  .lk-home__active-orders {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .lk-home__active-orders {
    padding: 15px;
  }
}
.lk-home__active-order {
  display: flex;
  justify-content: space-between;
}
.lk-home__active-order {
  padding: 15px;
  background: #fff;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
}
.lk-home__active-order-item-quantity {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 10px;
  padding: 13px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #878D94;
}
.lk-home__active-order-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-home__active-order-info {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .lk-home__active-order-info {
    flex-direction: column;
    align-items: start;
  }
}
.lk-home__active-order-number {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  display: flex;
  gap: 10px;
}
.lk-home__active-order-status {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 576px) {
  .lk-home__active-order-status {
    flex-direction: column;
    align-items: start;
  }
}
.lk-home__active-order-status-text {
  display: flex;
  gap: 5px;
  align-items: center;
}
.lk-home__active-order-status-label {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  height: 33px;
  width: fit-content;
  padding: 10px;
  box-sizing: border-box;
}
.lk-home__active-order-status-label_yellow {
  background: #F4E5AB;
}
.lk-home__active-order-status-label_green {
  background: #62AD12;
  color: #fff;
}
.lk-home__active-order-status-label_red {
  background: #DD2747;
  color: #fff;
}
.lk-home__active-order-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lk-home__active-order-price-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.lk-home__active-order-price-text {
  font-size: 16px;
  font-weight: 700;
}

.lk-reviews-questions__tab {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .lk-reviews-questions__tab {
    flex: none;
    width: 100%;
  }
}
.lk-reviews-questions__tab-header {
  width: 100%;
  border-bottom: 2px solid #EFEFF1;
  display: flex;
  flex-direction: row;
}
.lk-reviews-questions__tab-title {
  display: flex;
  width: 206px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  margin: 0 0 -2px 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 19.6px;
  color: #484f55;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}
.lk-reviews-questions__tab-title_active {
  color: #CF1235;
  border-bottom: 4px solid #D22042;
}
.lk-reviews-questions__tab-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #EFEFF1;
  border-radius: 50%;
  margin: 0 0 0 10px;
  font-size: 12px;
  color: #878D94;
}
.lk-reviews-questions__tab-container {
  box-sizing: border-box;
  padding: 15px 0 0;
  display: none;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .lk-reviews-questions__tab-container {
    gap: 0 32px;
  }
}
.lk-reviews-questions__tab-container_active {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .lk-reviews-questions__tab-container_active {
    flex-direction: column;
    height: auto;
    max-height: none;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.lk-reviews {
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  transition: all 150ms ease-in-out;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.lk-reviews:hover {
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.5);
}
.lk-reviews__header {
  background: #EFEFF1;
  transition: all 150ms ease-in-out;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  gap: 15px;
}
.lk-reviews__header-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 7px 0;
  box-sizing: border-box;
}
.lk-reviews__header-info {
  display: flex;
  gap: 10px;
  color: #878D94;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1080px) {
  .lk-reviews__header-info {
    flex-direction: column;
    align-items: start;
  }
}
.lk-reviews__image {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center;
}
.lk-reviews__container {
  display: flex;
}
.lk-reviews__contents {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
}
.lk-reviews__contents-image {
  width: 100px;
  height: 100px;
}
.lk-reviews__content {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 15px;
}
.lk-reviews__content-info {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 5px;
}
.lk-reviews__content-info-title {
  font-weight: 700;
  line-height: 17.55px;
}
.lk-reviews__likes {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.lk-reviews__likes-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 6px;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: #878D94;
}
.lk-reviews__likes-btn p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: inherit;
}
.lk-reviews__likes-btn_dislike > svg {
  transform: rotateX(180deg);
}
.lk-reviews__likes-btn:hover {
  color: #DD2747;
}

.lk-item-remove-from-order-popup__header {
  display: flex;
  flex-direction: column;
}
.lk-item-remove-from-order-popup__header-text {
  font-weight: 600;
}
.lk-item-remove-from-order-popup__content {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-item-remove-from-order-popup__item-card {
  padding: 10px 25px;
  border: 1px solid #EFEFF1;
  height: 80px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.lk-item-remove-from-order-popup__item-card-image {
  width: 60px;
  height: 60px;
}
.lk-item-remove-from-order-popup__item-card-price {
  font-weight: 700;
  font-size: 16px;
}

.lk-item-remove-from-order-popup .popup-custom__container {
  max-width: 630px;
  width: 100%;
}

.lk-invoice-cannot-generated-popup .popup-custom__container {
  max-width: 637px;
  width: 100%;
}

.articles-section {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  margin-top: 25px;
  margin-bottom: 30px;
  gap: 25px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  .articles-section {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .articles-section {
    padding: 0 20px;
  }
}
.articles-section > nav {
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .articles-section {
    gap: 15px;
  }
}
.articles-section__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #484f55;
}
@media only screen and (max-width: 576px) {
  .articles-section__title {
    font-size: 20px;
    line-height: 27.24px;
  }
}
.articles-section__articles {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .articles-section__articles {
    padding-bottom: 40px;
  }
}
.articles-section__articles-container {
  width: 100%;
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(auto-fill, minmax(306.25px, 1fr));
}
@media only screen and (max-width: 1080px) {
  .articles-section__articles-container {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  .articles-section__articles-container {
    grid-template-columns: repeat(auto-fill, minmax(321.5px, 1fr));
  }
}

.article {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 25px;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .article {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .article {
    padding: 0 20px;
  }
}
.article > nav {
  padding-left: 150px;
  margin: 0;
}
.article > .article__content {
  box-sizing: border-box;
}
.article > .article__content section {
  padding: 0 150px;
}
.article > .article__content > span {
  font-size: 13px;
  font-weight: 600;
  line-height: 16.25px;
  text-align: left;
  color: #878D94;
}
.article__main-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-bottom: 50px;
}
.article__text-image {
  max-width: 480px;
  max-height: 270px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  float: left;
  margin-right: 50px;
  margin-bottom: 38px;
}
.article h1 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #484f55;
}
.article h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 29.96px;
  text-align: left;
  color: #484f55;
}
.article h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 27.24px;
  text-align: left;
  color: #484f55;
}
.article h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  text-align: left;
  color: #484f55;
}
.article h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  text-align: left;
  color: #484f55;
}
.article h2,
.article h3,
.article h4,
.article h5 {
  margin-bottom: 30px;
}
.article p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: #484f55;
  margin: 0;
  margin-bottom: 30px;
}
.article p > strong {
  font-weight: 700;
}
.article a {
  color: #CF1235;
  text-decoration: underline;
}
.article__columns {
  display: flex;
  gap: 30px;
  width: 100%;
}
.article__column {
  max-width: 50%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.article q {
  background-color: #CF1235;
  padding: 40px 50px;
  color: #fff;
  display: flex;
  quotes: none;
  border-radius: 10px;
  gap: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  margin-bottom: 30px;
}
.article q::before {
  content: "“";
  font-size: 100px;
  font-weight: 400;
  line-height: 150px;
  text-align: left;
  width: 35px;
  height: 50px;
  margin-top: -35px;
}
.article__attention {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 17.5px !important;
  text-align: left !important;
  color: #484f55 !important;
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 150px !important;
  box-sizing: border-box;
  padding: 38.5px 50px;
  background-color: #EFEFF1 !important;
  border-radius: 10px;
}
.article__attention::before {
  content: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.0352 42.5898C35.2158 42.5898 34.8037 41.7617 34.2637 41.041C33.7744 40.3896 33.3359 39.8047 32.8398 39.1445C32.4893 38.6758 30.0781 35.709 30.0781 35.168C30.0781 34.2871 30.4043 33.7031 31.4453 33.7031C32.2412 33.7031 33.0967 35.1895 33.7617 36.0742C34.1162 36.5469 34.4277 36.9629 34.7656 37.4141C36.3125 39.4785 36.2471 38.8887 38.8809 35.377L45.9922 25.8867C46.5957 25.0752 48.3398 24.8398 48.3398 26.7695C48.3398 27.3203 45.8105 30.4346 45.4521 30.9131L37.168 41.9648C36.917 42.2949 36.5645 42.5898 36.0352 42.5898ZM4.6875 3.625C3.21484 3.625 2.01953 3.4375 0.951172 4.38086C0.535156 4.74902 0 5.5293 0 6.26172V44.7383C0 45.4453 0.508789 46.21 0.900391 46.5723C1.98047 47.5674 3.18066 47.375 4.6875 47.375C4.6875 49.0684 5.85547 50.5 7.51953 50.5H41.6016C42.8516 50.5 44.2383 49.1064 44.2383 47.7656V39.0742C44.2383 38.3896 42.7441 37.8604 42.585 39.2764L42.584 47.4785C42.5811 48.6289 41.8545 48.9375 40.7227 48.9375H8.20312C6.03125 48.9375 6.34766 47.6328 6.34766 46.0078C6.34766 43.0879 6.45996 14.1006 6.28516 13.6484C5.9834 12.8633 4.6875 12.8311 4.6875 14.1719V45.7148C2.80957 45.7148 1.5625 46.0645 1.5625 43.8594V7.14062C1.5625 4.93555 2.80957 5.28516 4.6875 5.28516V10.6562C4.6875 11.2061 4.99121 11.5352 5.56641 11.5352C6.57422 11.5352 6.34766 10.3037 6.34766 9.28906L6.35547 3.24219C6.47168 2.37207 7.18848 2.0625 8.20312 2.0625H40.7227C41.5273 2.0625 42.5781 2.30859 42.5781 3.23438V27.4531C42.5781 27.9375 41.3535 29.3457 41.0576 29.7412L37.751 34.1494C37.4277 34.5811 36.332 36.1406 36.0352 36.3398C34.918 35.5215 33.8154 32.043 31.25 32.043C29.6318 32.043 28.418 33.3516 28.418 35.2656C28.418 36.2832 29.96 38.0361 30.6641 38.9766C31.3994 39.958 33.7148 43.3926 34.7373 43.8877C36.4316 44.709 37.7305 43.9229 38.7422 42.5625L49.0791 28.7783C49.6562 28.0117 50 27.6309 50 26.4766C50 24.2197 47.3379 22.7852 45.3877 24.208C45.3564 24.2305 45.2373 24.3232 45.2227 24.3359L44.2383 25.4023V4.79688C44.2383 3.37988 44.3428 2.7959 43.7852 1.83203C43.4512 1.25391 42.458 0.5 41.6016 0.5H7.51953C5.85547 0.5 4.6875 1.93164 4.6875 3.625Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1094 10.7539C12.1094 11.2637 12.4443 11.5352 12.6953 11.5352H36.2305C37.0166 11.5352 37.0166 9.97266 36.2305 9.97266H12.8906C12.418 9.97266 12.1094 10.2812 12.1094 10.7539Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1094 21.1055C12.1094 21.6133 12.2275 22.082 12.8906 22.082H29.8828C30.6699 22.082 30.8877 20.5195 29.7852 20.5195H12.6953C12.46 20.5195 12.1094 20.8701 12.1094 21.1055Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1094 25.5C12.1094 25.9727 12.418 26.2812 12.8906 26.2812H29.7852C30.8115 26.2812 30.8115 24.7188 29.7852 24.7188H12.8906C12.418 24.7188 12.1094 25.0273 12.1094 25.5Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1094 36.9258C12.1094 37.499 12.3076 37.9023 12.9883 37.9023H24.4141C25.4746 37.9023 25.75 36.2422 24.2188 36.2422H12.9883C12.5859 36.2422 12.1094 36.5703 12.1094 36.9258Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8711 14.8555C17.8711 15.6094 18.3047 15.832 19.1406 15.832H29.7852C31.6299 15.832 31.2148 14.1719 30.2734 14.1719H18.5547C18.2822 14.1719 17.8711 14.583 17.8711 14.8555Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1094 41.125C12.1094 41.6328 12.2275 42.1016 12.8906 42.1016H17.0898C18.1113 42.1016 18.3096 40.4414 16.7969 40.4414H13.1836C12.7139 40.4414 12.1094 40.709 12.1094 41.125Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.1797 21.3008C34.1797 22.3271 35.5928 22.082 36.2305 22.082C37.0303 22.082 37.0381 20.5195 36.2305 20.5195C35.4561 20.5195 34.1797 20.2666 34.1797 21.3008Z' fill='%23484F55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.1797 25.5C34.1797 26.4873 35.4004 26.2812 36.2305 26.2812C37.0166 26.2812 37.0166 24.7188 36.2305 24.7188C35.4004 24.7188 34.1797 24.5127 34.1797 25.5Z' fill='%23484F55'/%3E%3C/svg%3E%0A");
  width: 50px;
  height: 50px;
}
.article ul > p,
.article ol > p {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 22.5px;
  text-align: left;
  color: #484f55;
}
.article ul,
.article ol {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.article ul {
  list-style-type: none;
}
.article ul > li {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23CF1235'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 19px;
}
.article ol {
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.article ol > li {
  counter-increment: item;
  display: flex;
}
.article ol > li::before {
  content: counter(item) ".";
  margin-right: 10px;
  color: #CF1235;
  font-weight: 700;
}
.article details {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.article details > p {
  padding-left: 75px;
  padding-right: 51px;
  padding-bottom: 25px;
  margin: 0;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  text-align: left;
  color: #484f55;
}
.article details[open] {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.article details::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L9 9L1 1' stroke='%23878D94' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 15px;
  top: 31px;
  z-index: -1;
}
.article details[open] > summary > span {
  color: #fff;
  background-color: #878D94;
}
.article details[open]::after {
  transform: rotate(180deg);
}
.article details > summary {
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 20px;
  border-top: 1px solid #c3c5c6;
}
.article details > summary > span {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  text-align: center;
  color: #878D94;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-color: #EFEFF1;
}
.article details > summary > p {
  font-size: 15px;
  font-weight: 600;
  line-height: 18.75px;
  text-align: left;
  color: #484f55;
  margin: 0;
}

.not-found {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 30px 50px;
  margin-top: 30px;
  margin-bottom: 100px;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .not-found {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .not-found {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .not-found {
    padding-top: 30px;
    margin-bottom: 70px;
  }
}
.not-found > h1 {
  font-size: 40px;
  font-weight: 900;
  line-height: 50px;
  text-align: center;
  color: #484f55;
  text-transform: uppercase;
}
@media only screen and (max-width: 1080px) {
  .not-found > h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .not-found > h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.not-found > p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
  color: #484f55;
  margin: 0;
}
@media only screen and (max-width: 1080px) {
  .not-found > p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .not-found > p {
    font-size: 12px;
    line-height: 13px;
  }
}
.not-found > a {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
  text-align: center;
  color: #fff;
  padding: 16px 15.5px;
  border-radius: 30px;
  background-color: #CF1235;
  text-decoration: none;
  z-index: 10;
  transition: all 0.3s ease-in-out;
}
.not-found > a:hover {
  background-color: #DD2747;
}
@media only screen and (max-width: 768px) {
  .not-found > a {
    font-size: 12px;
    line-height: 14px;
  }
}
.not-found > span {
  font-size: 400px;
  font-weight: 800;
  line-height: 400px;
  text-align: left;
  color: #878D94;
}
@media only screen and (max-width: 1080px) {
  .not-found > span {
    font-size: 200px;
    line-height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .not-found > span {
    font-size: 150px;
    line-height: 150px;
  }
}
.not-found > span::after, .not-found > span::before {
  content: "4";
  color: #CF1235;
}

.favorites {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 25px;
}
@media only screen and (max-width: 768px) {
  .favorites {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .favorites {
    padding: 0 20px;
  }
}
.favorites__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.favorites__top > h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #484f55;
}
.favorites__delete-all-btn {
  display: flex;
  gap: 10px;
  color: #878D94;
  align-items: center;
}
.favorites__content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media only screen and (max-width: 1080px) {
  .favorites__content {
    flex-direction: column;
    gap: 40px;
  }
}
.favorites__favorites {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
.favorites__favorites > div:last-of-type {
  justify-content: center;
}
.favorites__results_block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  column-gap: 10px;
  row-gap: 15px;
}
.favorites__results_hor {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.favorites__aside {
  width: 240px;
  box-sizing: border-box;
  padding: 25px;
  background-color: #EFEFF1;
  border-radius: 10px;
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (max-width: 1080px) {
  .favorites__aside {
    width: 50%;
    position: relative;
    padding: 13px 15px;
    align-self: center;
  }
}
@media only screen and (max-width: 768px) {
  .favorites__aside {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .favorites__categories {
    display: none;
  }
}
.favorites__category-label {
  cursor: pointer;
  height: 34px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  text-align: left;
  color: #484f55;
}
.favorites__category-label input:checked {
  font-weight: 700;
}
.favorites__category-label > span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #878D94;
}
.favorites__category-input {
  display: none;
}
.favorites__category-input:checked + label {
  font-weight: 700;
}
.favorites__pagination {
  margin-top: 5px;
}

.custom-select {
  position: relative;
  width: 100%;
  display: none;
  z-index: 50;
}
@media only screen and (max-width: 768px) {
  .custom-select {
    display: inline-block;
  }
}
.custom-select .selected-value {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 0;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 34px;
}
.custom-select .selected-value > p {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 17.5px;
  text-align: left;
  color: #484f55;
}
.custom-select .selected-value > p > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: center;
  color: #878D94;
  width: 24px;
  height: 24px;
  background-color: #fff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  border-radius: 50%;
}
.custom-select .selected-value::before {
  width: 12px;
  content: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%23878D94' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.custom-select .options {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
.custom-select .options.show {
  display: block;
}
.custom-select .options li {
  padding: 10px;
  cursor: pointer;
}
.custom-select .options li > p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.custom-select .options li:hover {
  background-color: #f0f0f0;
}

.favorite-nav {
  max-width: 1366px;
  padding: 0 33px;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 768px) {
  .favorite-nav {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .favorite-nav {
    padding: 0 20px;
  }
}

.alert {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem 0.5rem 1.25rem;
  border-radius: 4px;
  margin: 1rem 0;
}

.alert::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
}

/* Стили для текстового элемента */
.alert__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: .5px;
  color: #000;
  margin-left: 0.5rem;

}

/* Модификатор: Info */
.alert_info {
  background-image:linear-gradient(90deg,rgba(86,79,255,.24) -.1%,rgba(86,79,255,0) 130%)
}
.alert_info::before {
  background-color: rgba(86, 79, 255, 0.78);
}

/* Модификатор: Warning */
.alert_warning {
  background-image:linear-gradient(90deg,rgba(207, 18, 53,.24) -.1%,rgba(207, 18, 53,0) 130%)
}
.alert_warning::before {
  background-color: rgb(207 18 53/1);
}

/* Модификатор: Success */
.alert_success {
  background-image:linear-gradient(90deg,hsla(98,53%,64%,.24) -.1%,hsla(98,53%,64%,0) 130%)
}
.alert_success::before {
  background-color: #38a169;
}