@charset "UTF-8";
/**
* Подключение шрифтов локально из папки "./src/fonts"
*/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 1 1000;
  font-display: swap;
  src: url("../fonts/OpenSans-VariableFont_wdth,wght.woff2") format("woff2");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 1 1000;
  font-display: swap;
  src: url("../fonts/Raleway-VariableFont_wght.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 1 1000;
  font-display: swap;
  src: url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2");
}
:root {
  --main-font-family: "Open Sans";
  --secondary-font-family: "Raleway";
  --infrequent-font-family: "Inter";
  --url-logo-developed: url("@img/sprite.svg#logo-developed");
  --main-color: #37474F;
  --main-transparent-color: rgba(55,71,79,0.10196);
  --main-washy-color: rgba(55,71,79,0.90196);
  --black-color: #292929;
  --light-blue-washy-color: #E5F0FB;
  --light-blue-color: #DFEEFD;
  --blue-washy-color: rgba(0,101,220,0.2);
  --blue-color: #0065DC;
  --blue-dark-color: #0057BC;
  --pink-color: #E6274D;
  --color-yellow: #FFC300;
  --color-orange: #DC7500;
  --white-color: #ffffff;
  --dark-white-color: #F2F3F5;
  --dark2-white-color: #E9EAEB;
  --light-grey-color: #E8E8E8;
  --light2-grey-color: #E0E0E0;
  --light3-grey-color: rgba(55, 71, 79, 0.1);
  --washy-grey-color: rgba(120,144,156,0.10196);
  --washy2-grey-color: rgba(120,144,156,0.4);
  --grey-transparent-color: rgba(120,144,156,0.2);
  --grey-color: #78909C;
  --background-popup: rgba(55,71,79,0.10196);
  --color-green: #009442;
  --basket-background: #FBFBFB;
  --disabled-background: rgba(215,215,215,0.50196);
  --disabled-color: rgba(55,71,79,0.4);
  --main-radius: 10px;
  --middle-radius: 8px;
  --small-radius: 6px;
  --subsmall-radius: 5px;
  --circle-radius: 50%;
  --shadow-main: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
  --shadow-second: 0px 0px 7.4px 3px rgba(13, 30, 42, 0.12);
  --shadow-third: 0px 0px 16px rgba(13, 30, 42, 0.12);
  scroll-behavior: smooth;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
  line-height: 1;
  color: #37474F;
  color: var(--main-color, #37474F);
  line-height: 130%;
}

body.locked {
  overflow: hidden;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

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

body p {
  margin: 0;
}

body li {
  line-height: 130%;
  list-style: none;
}

body a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

p {
  margin: 0;
}

.wrapper-input {
  position: relative;
}

.wrapper-input_file input {
  position: absolute;
  z-index: -10;
  opacity: 0;
}

.wrapper-input_file label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 120px;
  width: 100%;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.wrapper-input_file label span,
.wrapper-input_file label svg {
  margin: auto 0;
}

.wrapper-input .eye {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.wrapper-input .eye:hover path,
.wrapper-input .eye.active path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.required {
  color: #E6274D;
  color: var(--pink-color, #E6274D);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  opacity: 0.6;
  pointer-events: none;
}

.wrapper-input.filled .placeholder {
  display: none;
}

label {
  cursor: pointer;
}

.wrapper-default-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}

.wrapper-default-checkbox_big {
  margin-top: 0;
  gap: 30px;
}

.wrapper-default-checkbox input {
  position: absolute;
  z-index: -10;
  opacity: 0;
}

.wrapper-default-checkbox label {
  position: relative;
  display: block;
  padding-left: 30px;
  height: 20px;
  -ms-flex-line-pack: center;
      align-content: center;
}

.wrapper-default-checkbox_big label {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.wrapper-default-checkbox label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  border: 1px solid #78909C;
  border: 1px solid var(--grey-color, #78909C);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  opacity: 0.4;
}

.wrapper-default-checkbox label:hover::before {
  opacity: 1;
}

.wrapper-default-checkbox input:checked + label::before {
  background-color: #0065DC;
  background-color: var(--blue-color, #0065DC);
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
  opacity: 1;
}

.wrapper-default-checkbox input:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 10px;
  height: 8px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M1 4L4 7L10 1' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
}

.wrapper-default-checkbox_big input:checked + label::after {
  top: 5px;
}

.wrapper-toggle-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper-toggle-switch input {
  position: absolute;
  z-index: -10;
  opacity: 0;
}

.wrapper-toggle-switch label {
  position: relative;
  padding: 3px 0;
  display: block;
  width: 41px;
  height: 12px;
}

.wrapper-toggle-switch label::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #E0E0E0;
  background-color: var(--light2-grey-color, #E0E0E0);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.wrapper-toggle-switch label::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 41px;
  height: 12px;
  border-radius: 45px;
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.wrapper-toggle-switch label:hover::after {
  background-color: #C5C5C5;
}

.wrapper-toggle-switch input:checked + label::before {
  -webkit-transform: translateX(calc(100% + 5px));
      -ms-transform: translateX(calc(100% + 5px));
          transform: translateX(calc(100% + 5px));
  background-color: #0065DC;
  background-color: var(--blue-color, #0065DC);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.anchor-element {
  scroll-margin-top: 135px;
}

input {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-size: 14px;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input.input-white {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

input.error {
  border: 1px solid #E6274D;
  border: 1px solid var(--pink-color, #E6274D);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 0.6;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 0.6;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 0.6;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 0.6;
}

input::placeholder,
textarea::placeholder {
  opacity: 0.6;
}

textarea {
  width: 100%;
  padding-left: 20px;
  padding-top: 16px;
  font-size: 14px;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
}

h1,
.h1 {
  margin: 0;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Inter";
  font-family: var(--infrequent-font-family, "Inter");
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

h2,
.h2 {
  margin: 0 0 24px;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.2px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

h3,
.h3 {
  margin: 0;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

h4,
.h4 {
  margin: 0;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.5px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}

h1 span,
h2 span,
h3 span,
h4 span {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

button {
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  cursor: pointer;
}

a {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

a:hover,
a:active {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  height: 50px;
  padding: 0 25px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  border: none;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #0065DC;
  background-color: var(--blue-color, #0065DC);
  color: #ffffff;
  color: var(--white-color, #ffffff);
}

.button:hover {
  background-color: #0057BC;
  background-color: var(--blue-dark-color, #0057BC);
}

.button.disabled,
.button.disabled:hover,
.button.disabled:active {
  background-color: rgba(215,215,215,0.50196);
  background-color: var(--disabled-background, rgba(215, 215, 215, 0.5019607843));
  color: rgba(55,71,79,0.4);
  color: var(--disabled-color, rgba(55, 71, 79, 0.4));
  border-color: rgba(55,71,79,0.4);
  border-color: var(--disabled-color, rgba(55, 71, 79, 0.4));
}

.button_white {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  color: #37474F;
  color: var(--main-color, #37474F);
}

.button_white:hover,
.button_white:active {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.button_white:hover rect,
.button_white:active rect {
  fill: #0065DC;
  fill: var(--blue-color, #0065DC);
}

.button_grey {
  min-width: 50px;
  color: #37474F;
  color: var(--main-color, #37474F);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.button_grey:hover,
.button_grey:active {
  color: #37474F;
  color: var(--main-color, #37474F);
  background-color: #E8E8E8;
  background-color: var(--light-grey-color, #E8E8E8);
}

.button_light_grey {
  min-width: 50px;
  color: #37474F;
  color: var(--main-color, #37474F);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border: 1px solid #E0E0E0;
  border: 1px solid var(--light2-grey-color, #E0E0E0);
}

.button_light_grey:hover {
  color: #37474F;
  color: var(--main-color, #37474F);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border: 1px solid #37474F;
  border: 1px solid var(--main-color, #37474F);
}

.button_light_grey:active,
.button_light_grey.select {
  color: #ffffff;
  color: var(--white-color, #ffffff);
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
  border: 1px solid #37474F;
  border: 1px solid var(--main-color, #37474F);
}

.button_light_grey.select:hover {
  background-color: #292929;
  background-color: var(--black-color, #292929);
  border: 1px solid #292929;
  border: 1px solid var(--black-color, #292929);
  color: #ffffff;
  color: var(--white-color, #ffffff);
}

.button_black {
  min-width: 50px;
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
  color: #F2F3F5;
  color: var(--dark-white-color, #F2F3F5);
}

.button_black:hover,
.button_black:active {
  background-color: #292929;
  background-color: var(--black-color, #292929);
  color: #E8E8E8;
  color: var(--light-grey-color, #E8E8E8);
}

.button span,
.button svg {
  margin: auto;
}

.button_blue {
  background-color: #E5F0FB;
  background-color: var(--light-blue-washy-color, #E5F0FB);
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
}

.button_blue:hover {
  background-color: #DFEEFD;
  background-color: var(--light-blue-color, #DFEEFD);
}

.button_blue:not(.button_blue_fill):hover path {
  stroke: #0057BC;
  stroke: var(--blue-dark-color, #0057BC);
}

.button_blue.button_blue_fill:hover path {
  fill: #0057BC;
  fill: var(--blue-dark-color, #0057BC);
}

.button_order {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 5px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.button_order:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  background-color: #DFEEFD;
  background-color: var(--light-blue-color, #DFEEFD);
}

.button_order:active {
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
  background-color: #DFEEFD;
  background-color: var(--light-blue-color, #DFEEFD);
}

.button_transparent {
  background-color: transparent;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-weight: 500;
}

.button_transparent:hover,
.button_transparent:active {
  background-color: transparent;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-weight: 600;
}

.button_blue_transparent {
  background-color: transparent;
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.button_blue_transparent path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.button_blue_transparent:hover {
  background-color: #0065DC;
  background-color: var(--blue-color, #0065DC);
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.button_blue_transparent:hover path {
  stroke: #ffffff;
  stroke: var(--white-color, #ffffff);
}

.button_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: 0;
  background-color: transparent;
  border: none;
}

.border_blue-dark {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  border: 1px solid rgba(0,101,220,0.2);
  border: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.border_blue-dark:hover {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.button_more {
  margin: 30px auto 0;
}

.main-link {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.input-search {
  position: relative;
  width: 100%;
  max-width: 746px;
}

.input-search input {
  position: relative;
  z-index: 103;
  width: 100%;
  padding-right: 44px;
  text-overflow: ellipsis;
}

.input-search svg {
  position: absolute;
  z-index: 104;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.input-search svg.input-search__to-back {
  position: static;
  display: none;
}

.input-search svg.input-search__to-back.visible {
  display: block;
}

div.swiper-navigation.hidden {
  display: none;
}

div.swiper-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.section div.swiper-navigation {
  bottom: auto;
  top: -60px;
  left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.section_small div.swiper-navigation {
  top: -5px;
}

.swiper-navigation div {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
          box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
  -webkit-box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
          box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
}

.swiper-navigation div:hover svg path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

div.swiper-pagination,
div.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 0;
}

span.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  border-radius: 0;
  background-color: #0065DC;
  background-color: var(--blue-color, #0065DC);
  opacity: 0.2;
}

span.swiper-pagination-bullet:hover {
  opacity: 1;
}

span.swiper-pagination-bullet-active {
  opacity: 1;
}

div.swiper-button-next,
div.swiper-button-prev {
  position: static;
  margin: 0;
  user-select: none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

div.swiper-button-next.swiper-button-disabled,
div.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

div.swiper-button-next.swiper-button-disabled svg path,
div.swiper-button-prev.swiper-button-disabled svg path {
  stroke: #78909C;
}

div.swiper-slide {
  height: auto;
  overflow: hidden;
}

.container {
  position: relative;
  width: 1524px;
  margin: 0 auto;
}

.section {
  position: relative;
  margin-bottom: 80px;
}

.first-block {
  margin-top: 30px;
}

.border-blue {
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.border-orange {
  border: 1px solid #DC7500;
  border: 1px solid var(--color-orange, #DC7500);
}

.border-grey {
  border: 1px solid #78909C;
  border: 1px solid var(--grey-color, #78909C);
}

.border-pink {
  border: 1px solid #E6274D;
  border: 1px solid var(--pink-color, #E6274D);
}

.color-blue {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.color-orange {
  color: #DC7500;
  color: var(--color-orange, #DC7500);
}

.color-grey {
  color: #78909C;
  color: var(--grey-color, #78909C);
}

.color-pink {
  color: #E6274D;
  color: var(--pink-color, #E6274D);
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  padding: 22px 0;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border-bottom: 1px solid #E0E0E0;
  border-bottom: 1px solid var(--light2-grey-color, #E0E0E0);
}

.header__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__wrapper-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 123px;
}

.header__location {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
}

.header__location svg,
.header__location span {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  line-height: 1;
}

.header__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.header__link {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  white-space: nowrap;
}

.catalog__link {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  white-space: nowrap;
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 42px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.header__contacts a {
  white-space: nowrap;
}

.header__wrapper-phone {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.header__additional-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.header__additional-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.header__additional-links svg {
  margin: auto 0;
}

.header__bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}

.header__logo {
  margin: auto 0;
}

.header__logo a {
  display: flex;
  width: 158px;
  height: 44px;
}

.header__logo img {
  width: 100%;
  height: 100%;
}

.header__wrapper-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 25px;
  margin-left: auto;
}

.header__button-phone svg {
  display: none;
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.header__links .button {
  padding: 0;
}

.header__links .button_grey:hover {
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.header__links .button_grey:hover path {
  stroke: #E6274D;
  stroke: var(--pink-color, #E6274D);
}
.header__links .favorite-icon .button_grey:hover path {
  stroke: none;
}
.details-product-wrapper [data-entity="favorite-button"].active svg{
  fill: #E6274D;
}
.header__links .button_grey .heart-icon path:last-child {
  display: none;
}

.header__links .button_grey:hover .heart-icon path:first-child {
  display: none;
}

.header__links .button_grey:hover .heart-icon path:last-child {
  display: block;
}

[data-button-open-catalog] svg {
  min-width: 12px;
  max-width: 12px;
  height: 12px;
}

[data-button-open-catalog] .button__icon-close {
  display: none;
}

[data-button-open-catalog].open .button__icon-open {
  display: none;
}

[data-button-open-catalog].open .button__icon-close {
  display: block;
}

.catalog-menu {
  position: absolute;
  z-index: 150;
  top: 52px;
  left: 0;
  display: none;
}

.footer__top .catalog-menu {
  bottom: 100%;
  top: auto;
}

.catalog-menu.open {
  display: block;
}

.catalog-menu__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 20px 30px 40px;
  border-radius: 10px 0 0 10px;
  border-radius: var(--main-radius, 10px) 0 0 var(--main-radius, 10px);
  border: 1px solid rgba(55, 71, 79, 0.1);
  border: 1px solid var(--light3-grey-color, rgba(55, 71, 79, 0.1));
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.catalog-menu__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(120,144,156,0.10196);
  border-bottom: 1px solid var(--washy-grey-color, rgba(120, 144, 156, 0.1019607843));
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}

.catalog-menu__list li a svg {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.catalog-menu__list li:hover a {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
  border-bottom: 1px solid #0065DC;
  border-bottom: 1px solid var(--blue-color, #0065DC);
}

.catalog-menu__list li:last-child a {
  border-bottom: none;
}

.catalog-menu__list li:last-child a:hover {
  border-bottom: none;
}

.catalog-menu__list li:hover a svg {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.header__submenu {
  position: absolute;
  z-index: -10;
  right: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.submenu-title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.header__submenu li a svg {
  opacity: 1;
}

.wrapper-first-submenu__lists-submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 80px;
}

.header__submenu_first-level {
  position: relative;
  z-index: 100;
  opacity: 1;
}

.header__submenu_first-level li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.catalog-menu__list .header__submenu_first-level li a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 5px;
  padding: 0;
  color: rgba(55,71,79,0.90196);
  color: var(--main-washy-color, rgba(55, 71, 79, 0.9019607843));
  line-height: 1;
  border-bottom: none;
}

.catalog-menu__list .header__submenu_first-level li a:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.catalog-menu__list .header__submenu_first-level li a div {
  line-height: 130%;
}

[data-catalog-menu-level].hidden,
[data-id-submenu-catalog].hidden {
  display: none;
}

.wrapper-first-submenu {
  position: absolute;
  z-index: -100;
  left: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 30px 50px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 10px 10px 0;
  border-radius: 0 var(--main-radius, 10px) var(--main-radius, 10px) 0;
  opacity: 0;
  pointer-events: none;
}

a.catalog__link {
  position: relative;
}

a.catalog__link::before {
  content: "";
  position: absolute;
  right: -33px;
  top: 0;
  height: 100%;
  width: 60px;
}

.catalog__has-submenu:hover .wrapper-first-submenu {
  opacity: 1;
  z-index: 100;
  pointer-events: all;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.wrapper-first-submenu .header__link span,
.wrapper-first-submenu .catalog__link span {
  color: #78909C;
  color: var(--grey-color, #78909C);
}

.header__submenu_first-level .header__submenu_second-level {
  position: relative;
  left: 20px;
  width: 85%;
  display: none;
  opacity: 1;
}

.header__submenu_first-level li.open .header__submenu_second-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  z-index: 100;
}

li:not(.open) a.catalog__has-submenu svg {
  min-width: 15px;
  max-width: 15px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

li.open a.catalog__has-submenu svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

li a.catalog__has-submenu svg {
  margin-top: 2px;
}

.catalog-menu__list .header__submenu_first-level .header__submenu_second-level li a {
  display: inline;
  padding: 0;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  white-space: normal;
}

.catalog-menu__list .header__submenu_first-level .header__submenu_second-level li a:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.wrapper-button-more {
  position: relative;
  margin: 30px auto 0;
}

.selects-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  padding: 15px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
}

.selects-block__title {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.select__title {
  width: 55px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 30px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select__title:hover {
  background-color: #E5F0FB;
  background-color: var(--light-blue-washy-color, #E5F0FB);
}

.select__title.open {
  border-radius: 6px 6px 0 0;
  border-radius: var(--small-radius, 6px) var(--small-radius, 6px) 0 0;
}

.select__title svg,
.select__title span {
  margin: auto;
}

.select__title svg {
  min-width: 7px;
  max-width: 7px;
  height: 6px;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.select__title.open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.select {
  position: relative;
}

.select__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.select__list.hidden {
  display: none;
}

.select__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select__item.selected {
  background-color: #E8E8E8;
  background-color: var(--light-grey-color, #E8E8E8);
  cursor: auto;
}

.select__list:not(.hidden) .select__item:last-child {
  border-radius: 0 0 6px 6px;
  border-radius: 0 0 var(--small-radius, 6px) var(--small-radius, 6px);
}

.select__item:hover:not(.selected) {
  background-color: #E5F0FB;
  background-color: var(--light-blue-washy-color, #E5F0FB);
}

.your-city {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(55,71,79,0.10196);
  background-color: var(--background-popup, rgba(55, 71, 79, 0.1019607843));
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.your-city.hidden {
  z-index: -10;
  opacity: 0;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.your-city .button_white {
  border: 1px solid #37474F;
  border: 1px solid var(--main-color, #37474F);
}

.your-city .button_white:hover {
  color: #ffffff;
  color: var(--white-color, #ffffff);
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
}

.popup-your-city {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  width: 262px;
  height: 142px;
  margin: auto;
  padding: 35px 50px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  -webkit-box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
          box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
  -webkit-box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
          box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-your-city.hidden {
  display: none;
}

.popup-city__close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.button-close {
  cursor: pointer;
}

.button-close:hover path {
  stroke: #292929;
  stroke: var(--black-color, #292929);
}

.popup-your-city__wrapper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-your-city__wrapper-buttons .button {
  width: 72px;
  height: 40px;
  padding: 0;
}

.popup-your-city__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-align: center;
  text-transform: uppercase;
}

.popup-select-city {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 21px;
  padding: 40px 30px 50px;
  width: 537px;
  height: auto;
  margin: auto;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
          box-shadow: 0px 0px 9.9px 0px rgba(13, 30, 42, 0.10);
  -webkit-box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
          box-shadow: var(--shadow-main, 0px 0px 9.9px 0px rgba(13, 30, 42, 0.1));
}

.popup-select-city.hidden {
  display: none;
}

.popup-city__close {
  position: absolute;
}

.popup-your-city .popup-city__close {
  top: 15px;
  right: 15px;
}

.popup-select-city .popup-city__close {
  top: 30px;
  right: 30px;
}

.popup-select-city__lists-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 77px;
  margin-top: 33px;
  margin-bottom: 48px;
}

.popup-select-city__lists-city ul li {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.popup-select-city__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.2px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.popup-select-city__title svg,
.popup-select-city__title span {
  margin: auto 0;
}

.popup-select-city__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.popup-select-city__icon-clear {
  position: absolute;
  top: 20px;
  bottom: 20px;
  right: 20px;
  margin: auto;
  cursor: pointer;
}

.popup-select-city__icon-clear:hover path {
  stroke: #292929;
  stroke: var(--black-color, #292929);
}

.popup-select-city__location {
  margin-top: 12px;
}

.popup-select-city__location a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.popup-select-city__location span {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  line-height: 1;
}

.popup-select-city__location:hover path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.wrapper-search-result::before {
  content: "";
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 71, 79, 0.1019607843);
  background-color: var(--main-transparent-color-color, rgba(55, 71, 79, 0.1019607843));
}

.wrapper-search-result.hidden {
  display: none;
}

.popup-search-result {
  position: absolute;
  z-index: 101;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px 15px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  -webkit-box-shadow: 0px 0px 7.4px 3px rgba(13, 30, 42, 0.12);
          box-shadow: 0px 0px 7.4px 3px rgba(13, 30, 42, 0.12);
  -webkit-box-shadow: var(--shadow-second, 0px 0px 7.4px 3px rgba(13, 30, 42, 0.12));
          box-shadow: var(--shadow-second, 0px 0px 7.4px 3px rgba(13, 30, 42, 0.12));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-search-result a {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.popup-search-result a:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.popup-search-result a span {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.popup-search-result a img {
  margin: auto 0;
}

.popup-search-result a svg {
  position: static;
}

.popup-search-result__list-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.popup-search-result__list-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.popup-search-result__wrapper-category a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.popup-search-result__list-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.popup-search-result__product {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.popup-search-result__product a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 18px;
}

.popup-search-result__title-product {
  display: block;
  max-width: 285px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popup-search-result__price-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.popup-search-result__current-price {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.2px;
}

.popup-search-result__old-price {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
  opacity: 0.6;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.popup-search-result__currency {
  font-weight: 500;
}

.popup-search-result__item {
  position: relative;
  z-index: 103;
}

.popup-search-result__item:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(120,144,156,0.2);
  border-bottom: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
}

.popup-search-result__item:not(:first-child) {
  padding-top: 20px;
}


/* favorite, compare */
.favorite-icon,
.compare-icon {
  position: relative;
  --count: attr(data-count);
}

.favorite-icon .favorite__number,
.compare-icon .compare__number {
  display: none;
  position: absolute;
  top: -7px;
  right: -7px;
  width: 19px;
  height: 19px;
  background-color: #E6274D;
  background-color: var(--pink-color, #E6274D);
  border-radius: 50%;
  border-radius: var(--circle-radius, 50%);
  color: #ffffff;
  color: var(--white-color, #ffffff);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.favorite-icon .favorite__number::before,
.compare-icon .compare__number::before {
  content: var(--count);
  display: inline;
  margin: auto;
  line-height: 1;
}

.favorite-icon.active .favorite__number,
.compare-icon.active .compare__number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.favorite-icon.active .button path,
.compare-icon .active .button path{
  fill: #E6274D;
  fill: var(--pink-color, #E6274D);
}


/* footer */
.footer {
  padding: 30px 0;
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
}

.footer__top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer__top a {
  color: #ffffff;
  color: var(--white-color, #ffffff);
}

.footer__logo {
  width: 158px;
  height: 44px;
  margin-right: 44px;
}

.footer__button-catalog {
  margin-right: 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.footer__button-catalog .button {
  width: 133px;
}

.footer__menu {
  margin: auto 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.footer__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.footer__link {
  color: #ffffff;
  color: var(--white-color, #ffffff);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.footer__wrapper-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  margin-left: auto;
}

.button_feedback {
  width: 181px;
}

.footer__wrapper-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__wrapper-links a:first-child {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  line-height: 20.8px;
}

.footer__wrapper-links a:last-child {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.8;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__bottom a,
.footer__bottom span {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  color: #ffffff;
  color: var(--white-color, #ffffff);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.9px;
  opacity: 0.5;
}

.footer__payment-system {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 18px;
}

.recovery-form {
  width: 100%;
  max-width: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.recovery-form button {
  margin-top: 16px;
}

.recovery-form h2 {
  margin-bottom: 10px;
}

.popup-login {
  width: 100%;
  max-width: 500px;
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-login.hidden {
  display: none;
}

.popup-login .wrapper-toggle-switch {
  margin-top: 0;
}

.popup-login .wrapper-toggle-switch label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 50px;
}

.popup-login__row {
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup-login__row a {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

.popup-login__row a:hover {
  color: #37474F;
  color: var(--main-color, #37474F);
}

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

.popup-login form input {
  height: 50px;
}

.popup-login form .wrapper-toggle-switch input:checked + label::before {
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
}

.popup-login form button {
  margin-top: 16px;
  width: 100%;
}

.popup-login .button_text {
  display: block;
  margin: 20px auto 0;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  width: max-content;
  max-width: 100%;
  text-align: center;
}

.password-recovery-popup {
  width: 100%;
  max-width: 500px;
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.password-recovery-popup.hidden {
  display: none;
}

.password-recovery-popup p {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
}

.password-recovery-popup p span {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-weight: 600;
}

.password-recovery-popup h2 {
  margin-bottom: 15px;
}

.password-recovery-popup button {
  margin-top: 25px;
}

.registration-popup {
  width: 100%;
  max-width: 500px;
  padding: 30px;
}

.registration-popup.hidden {
  display: none;
}

.registration-popup__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.registration-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.registration-header__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  border-bottom: 1px solid #78909C;
  border-bottom: 1px solid var(--grey-color, #78909C);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.registration-header__item:hover,
.registration-header__item.select {
  border-bottom: 2px solid #0065DC;
  border-bottom: 2px solid var(--blue-color, #0065DC);
}

.registration-header__item:hover h4,
.registration-header__item.select h4 {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.registration-header__item:hover svg path,
.registration-header__item.select svg path {
  fill: #0065DC;
  fill: var(--blue-color, #0065DC);
}

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

.registration-form[data-registration-form="2"] {
  padding-bottom: 50px;
}

.registration-form.hidden, [data-registration-form].hidden {
  display: none;
}

.registration-form .wrapper-toggle-switch {
  margin-top: 8px;
}

.registration-form .button {
  margin-top: 18px;
}

.registration-popup__wrapper-content p {
  margin-top: 10px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
}

.registration-popup__wrapper-content p a {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
}

.registration-form .wrapper-toggle-switch label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 50px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.registration-form .wrapper-toggle-switch label a {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.registration-form .wrapper-toggle-switch label a.color-blue {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.registration-form .wrapper-toggle-switch label a:hover {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.registration-form .wrapper-toggle-switch label::before {
  bottom: 0;
  margin: auto;
}

.registration-form .wrapper-toggle-switch input:checked + label::before {
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
}

.not-exist {
  padding: 89px 0 109px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.not-exist__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 166px;
  font-style: normal;
  font-weight: 500;
  line-height: 215.8px;
  letter-spacing: 1.66px;
  text-transform: uppercase;
}

.not-exist__description {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 41.6px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

.not-exist .button {
  width: 175px;
  margin: 37px auto 0;
}

.mobile-navigation {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  bottom: 0;
  padding: 8px 0;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.mobile-navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 17px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile-navigation__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  height: 100%;
}

.mobile-navigation__item svg {
  margin: 0 auto;
}

.mobile-navigation__title {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
}

.wrapper-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(55,71,79,0.10196);
  background-color: var(--background-popup, rgba(55, 71, 79, 0.1019607843));
  opacity: 1;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}
.wrapper-popup > div[id^="comp_"] {
  margin: auto;
}

.wrapper-popup.hidden {
  z-index: -10;
  opacity: 0;
}

.wrapper-popup.send h2 {
  display: none;
}

.wrapper-popup.send .popup-login h2,
.wrapper-popup.send .password-recovery-popup h2,
.wrapper-popup.send .password-recovery-popup p {
  display: block;
}

.wrapper-popup.send .password-recovery-popup form {
  display: none;
}

.wrapper-popup.send .form-result h2 {
  display: block;
}

.body-popup {
  position: relative;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  height: 100%;
  margin: auto;
  overflow-y: auto;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.body-popup::-webkit-scrollbar {
  display: none;
}

.body-popup .button-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.form-result.hidden {
  display: none;
}

.form-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}

.form-result a {
  margin: 20px auto 0;
}

.form-result__done {
  width: 86px;
  height: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 30px;
  border-radius: 50%;
  border-radius: var(--circle-radius, 50%);
  background-color: #E5F0FB;
  background-color: var(--light-blue-washy-color, #E5F0FB);
}

.form-result__done svg {
  width: 36px;
  height: 36px;
  margin: auto;
}

.form-result__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 31.2px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}







.image-zoom-block {
  display: none;
  width: 50%;
  height: 50%;
  background-image: var(--image);
  background-repeat: no-repeat;
  background-size: 600%;
  background-position: var(--x) var(--y);
  position: absolute;
  left: var(--x);
  top: var(--y);
  -webkit-transform: translateX(calc(var(--x) * -1)) translateY(calc(var(--y) * -1));
      -ms-transform: translateX(calc(var(--x) * -1)) translateY(calc(var(--y) * -1));
          transform: translateX(calc(var(--x) * -1)) translateY(calc(var(--y) * -1));
  z-index: 2;
  pointer-events: none;
}

.image-zoom.-active {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.image-zoom.-enter .image-zoom-block {
  display: block;
}



.wrapper-filters-lists-mobile {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}

.wrapper-filters-lists-mobile.hidden {
  display: none;
}

.wrapper-filters-lists-mobile__back {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}


.additional-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}

.detail-product-preview .additional-actions {
  display: none;
}

.additional-actions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Inter";
  font-family: var(--infrequent-font-family, "Inter");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.additional-actions__item svg {
  min-width: 19px;
  max-width: 19px;
  height: 19px;
}

.additional-actions__icon-copy {
  cursor: pointer;
}

.detail-product-preview__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}

.detail-product-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.product-preview__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 570px;
}

.product-preview__images .product-card__header {
  max-width: 215px;
}

.product-preview__slider-img {
  position: relative;
  min-width: 0;
  height: 445px;
}

.product-preview__slider-img_thumbs {
  position: relative;
  width: 68%;
  margin: 30px auto 0;
}

.product-preview__slider-img_thumbs div.swiper-navigation {
  width: calc(100% + 50px);
  left: -25px;
}

.product-preview__slider-img .product-card__wrapper-img {
  width: 564px;
  height: 446px;
  margin: 0 auto;
}

.product-preview__slider-img .product-card__wrapper-img img {
  width: 100%;
  height: 100%;
}

.product-preview__slider-img_thumbs .product-card__wrapper-img {
  width: 111px;
  height: 112px;
  margin: auto 0;
  border-radius: 5px;
  border-radius: var(--subsmall-radius, 5px);
  border: 1px solid rgba(0,101,220,0.2);
  border: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.product-preview__slider-img_thumbs .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.product-preview__slider-img_thumbs .swiper-slide-thumb-active .product-card__wrapper-img {
  width: 138px;
  height: 138px;
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.product-preview__slider-img_thumbs .product-card__wrapper-img img {
  width: 100%;
  height: 100%;
}

.product-preview__slider-img .swiper-pagination {
  display: none;
}

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

.product-preview__details {
  position: sticky;
  top: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.detail-product-preview__indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.detail-product-preview__indicators .product-card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  margin-top: 0;
}

.detail-product-preview__indicators .product-card__status svg {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.detail-product-preview__indicators .product-card__status span {
  display: inline-block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  color: #009442;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.9px;
}

.product-characteristics-mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.product-characteristics-mini__title {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
}

.product-characteristics-mini__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  margin-bottom: 15px;
}
.product-characteristics-mini__buttons .button {
  padding: 0 12px;
  height: 40px;
  border-radius: 7px;
  color: #37474F;
  color: var(--main-color, #37474F);
  cursor: pointer;
}

.product-characteristics-mini__buttons .button.selected,
.product-characteristics-mini__buttons .button:hover {
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.product-characteristics-mini__list {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.product-characteristics-mini__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.product-characteristics-mini__separate {
  width: 23px;
  height: 1px;
  margin: auto 0;
  background-color: #37474F;
  background-color: var(--main-color, #37474F);
}

.product-characteristics-mini__item span:first-child {
  color: #78909C;
  color: var(--grey-color, #78909C);
}

.product-characteristics-mini .button_all {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-decoration-line: underline;
  text-transform: uppercase;
}

.product-price-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 415px;
}

.product-price-delivery .detail-product-preview__indicators {
  display: none;
}

.product-price-delivery h3 {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.product-price-delivery__wrapper-img {
  width: 99px;
  height: 38px;
  margin-left: auto;
}

.product-price-delivery__wrapper-img img {
  width: 100%;
  height: 100%;
}

.price-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 30px;
  border-radius: 8px;
  border-radius: var(--middle-radius, 8px);
  background: #ffffff;
  background: var(--white-color, #ffffff);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 101, 220, 0.1);
          box-shadow: 0px 6px 10px 0px rgba(0, 101, 220, 0.1);
}

.product-detail-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
}

.product-detail-price__old {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  opacity: 0.3;
}

.product-detail-price__current {
  font-size: 28px;
  font-weight: 500;
  line-height: 36.4px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.price-basket__wrapper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.price-basket__add-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}


.additional-services {
  border-radius: 10px;
  background: #ffffff;
  background: var(--white-color, #ffffff);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 101, 220, 0.1);
          box-shadow: 0px 6px 10px 0px rgba(0, 101, 220, 0.1);
  padding: 30px 0 20px;
}

.additional-services__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: 0 30px;
}

.additional-services__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 18px;
}

.additional-services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 30px;
}

.additional-services__item:hover {
  border-radius: 12px;
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.additional-services__item button {
  position: relative;
  z-index: -10;
  margin: auto 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.additional-services__item:hover button {
  z-index: 10;
  opacity: 1;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.additional-services__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.additional-services__price {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

.additional-services__description {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  opacity: 0.8;
}

.additional-services__button-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
  margin: 0 30px;
  border-top: 1px solid #F2F3F5;
  border-top: 1px solid var(--dark-white-color, #F2F3F5);
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.additional-services__button-all:hover {
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
}

.additional-services__button-all svg {
  margin: auto 0;
}

.additional-services__button-all:hover svg path {
  stroke: #0057BC;
  stroke: var(--blue-dark-color, #0057BC);
}

.adding-services-popup-wrapper .button-close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.adding-services-popup {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  padding: 40px 50px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.adding-services-popup h3 {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.adding-services-popup__wrapper-content {
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid rgba(0,101,220,0.2);
  border-top: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.adding-services-popup__wrapper-content .additional-services__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-row-gap: 20px;
  row-gap: 20px;
  padding: 0;
  margin-top: 20px;
}

.adding-services-popup__wrapper-content .additional-services__item {
  height: 120px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid rgba(55,71,79,0.10196);
  border: 1px solid var(--main-transparent-color, rgba(55, 71, 79, 0.1019607843));
}

.adding-services-popup__wrapper-content .additional-services__item:hover {
  background-color: transparent;
}

.adding-services-popup__wrapper-content .additional-services__item button {
  z-index: 10;
  margin-bottom: 0;
  opacity: 1;
}

.adding-services-popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.adding-services-popup__header h4 {
  margin: auto 0;
  line-height: 1;
}

.table-details-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 48px;
}

.table-details-product__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.table-details-product__main-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #F2F3F5;
  border-bottom: 1px solid var(--dark-white-color, #F2F3F5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.table-details-product__main-title svg {
  display: none;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.table-details-product__main-title.select svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.table-details-product__main-title h4 {
  margin: 0 auto;
}

.table-details-product__main-title + .table-details-product__list {
  display: none;
}

.table-details-product__main-title:hover h4,
.table-details-product__main-title.select h4 {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.table-details-product__main-title:hover,
.table-details-product__main-title.select {
  border-bottom: 2px solid #0065DC;
  border-bottom: 2px solid var(--blue-color, #0065DC);
}

.table-details-product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.table-details-product__list.hidden {
  display: none;
}

.table-details-product__wrapper-sublist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.table-details-product__wrapper-sublist + .table-details-product__wrapper-sublist {
  margin-top: 30px;
}

.details-product-wrapper h3 {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.table-details-product__sublist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 116px;
  gap: 116px;
}

.list-details-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

.list-details-product + .list-details-product {
  margin-top: 24px;
}

.list-details-product__title {
  margin-bottom: 9px;
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.8px;
}

.list-details-product__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-details-product__item::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: radial-gradient(#78909C 1px, transparent 0);
  background-image: radial-gradient(var(--grey-color, #78909C) 1px, transparent 0);
  background-size: 3px 8px;
  background-position: -15px -19px;
}

.list-details-product__item span {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.list-details-product__item span:first-child {
  color: rgba(55, 71, 79, 0.6);
  -webkit-box-shadow: 2px 2px 0 2px #ffffff;
          box-shadow: 2px 2px 0 2px #ffffff;
  -webkit-box-shadow: 2px 2px 0 2px var(--white-color, #ffffff);
          box-shadow: 2px 2px 0 2px var(--white-color, #ffffff);
}

.list-details-product__item span:last-child {
  -webkit-box-shadow: -2px 2px 0 2px #ffffff;
          box-shadow: -2px 2px 0 2px #ffffff;
  -webkit-box-shadow: -2px 2px 0 2px var(--white-color, #ffffff);
          box-shadow: -2px 2px 0 2px var(--white-color, #ffffff);
}




.reviews__list-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 60px;
}

.reviews__wrapper-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 104px;
  height: 105px;
  border-radius: 9px;
  border: 1px solid rgba(0,101,220,0.2);
  border: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
  background: #ffffff;
  background: var(--white-color, #ffffff);
}

.reviews__wrapper-img img {
  width: 94px;
  height: 66px;
  margin: auto;
}

.reviews__list-images .button_blue {
  width: 104px;
  height: 105px;
}

.reviews__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 65px;
}

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

.reviews-detail-card__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.reviews-detail-card__value {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}

.reviews-detail-card__indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.reviews-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.reviews-detail-card__quantity {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.reviews-detail-card__middle {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.reviews__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrapper-review-card {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0,101,220,0.2);
  border-bottom: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.wrapper-review-card + .wrapper-review-card {
  margin-top: 24px;
}

.review-card__lateral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.review-card__lateral .reviews-stars {
  margin-left: auto;
}

.review-card {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}

.review-card .reviews__list-images {
  margin: 24px 0;
}

.review-card h3 {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.review-card__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 43px;
  max-width: 43px;
  height: 43px;
  border-radius: 50%;
  border-radius: var(--circle-radius, 50%);
  background-color: #E5F0FB;
  background-color: var(--light-blue-washy-color, #E5F0FB);
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
}

.review-card__photo span,
.review-card__photo img {
  margin: auto;
}

.review-card__detail {
  width: 100%;
}

.review-card__detail button {
  padding: 0;
  margin-top: 24px;
  background-color: transparent;
  border: none;
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.review-card .reviews__list-images + button {
  margin-top: 0;
}

.review-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 27px;
}

.review-card__date {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-card__list-written {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.review-card__header + .review-card__list-written {
  margin-top: 10px;
}

.review-card__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Raleway";
  font-family: var(--secondary-font-family, "Raleway");
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19.5px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}

.review-card__text {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.reviews__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

.reviews__buttons button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.review-answer {
  width: calc(100% - 67px);
  margin-left: auto;
  margin-top: 27px;
  padding-top: 22px;
  padding-bottom: 16px;
  border-top: 1px solid rgba(0,101,220,0.2);
  border-top: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.review-answer.hidden {
  display: none;
}

.review-answer textarea {
  height: 67px;
  margin-top: 14px;
  padding-top: 11px;
  padding-left: 15px;
  border-radius: 5px;
  border-radius: var(--subsmall-radius, 5px);
  color: #37474F;
  color: var(--main-color, #37474F);
  border: 1px solid rgba(120,144,156,0.4);
  border: 1px solid var(--washy2-grey-color, rgba(120, 144, 156, 0.4));
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  resize: none;
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
}

.review-answer textarea::-webkit-input-placeholder {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-answer textarea::-moz-placeholder {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-answer textarea:-ms-input-placeholder {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-answer textarea::-ms-input-placeholder {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-answer textarea::placeholder {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.review-answer .wrapper-default-checkbox {
  margin-top: 10px;
}

.review-answer__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  opacity: 0.8;
}

.review-answer__title span {
  font-weight: 600;
}

.review-answer__wrapper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 24px;
}

.count-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.price-basket__add-basket:not(.select) .count-basket {
  /* display: none; */
}

.price-basket__add-basket.select {
  gap: 10px;
}

.price-basket__add-basket button[data-add-basket] {
  width: 100%;
}

.price-basket__add-basket .button_blue_fill {
  min-width: 50px;
  max-width: 50px;
  padding: 0;
}

.count-basket input {
  width: 40px;
  padding: 0;
  background-color: transparent;
  text-align: center;
}

.count-basket button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.count-basket button:hover path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.count-basket button:active path {
  stroke: #0057BC;
  stroke: var(--blue-dark-color, #0057BC);
}

.count-basket .button-minus svg {
  margin-top: 4px;
}

.popup-buy-one-click {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 775px;
  padding: 40px 30px;
  margin: auto;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.popup-buy-one-click .button-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup-buy-one-click .product-card {
  width: 100%;
  max-width: 238px;
}

.popup-buy-one-click__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  min-width: 0;
}

.popup-buy-one-click__wrapper-content.hidden {
  display: none;
}

.buy-one-click-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.buy-one-click-form textarea {
  height: 184px;
}

.buy-one-click-form p,
.buy-one-click-form a {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.6px;
}

.buy-one-click-form a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.buy-one-click-form button[type=submit] {
  margin-top: 14px;
  max-width: 289px;
}

.popup-buy-one-click .product-card .product-card__footer-item button {
  width: 36px;
  height: 36px;
  padding: 0;
}

.popup-buy-one-click .product-card__footer-item {
  gap: 5px;
}

.popup-buy-one-click .count-basket input {
  width: 24px;
  height: 36px;
}

.popup-buy-one-click .product-card__wrapper-icons svg {
  width: 19px;
  height: 17px;
}

.popup-buy-one-click .product-card__wrapper-icons svg:hover:first-child path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.popup-buy-one-click .product-card__wrapper-icons svg:hover:last-child path {
  stroke: inherit;
}

.wrapper-popup-add-reviews .button-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup-add-reviews {
  position: relative;
  width: 100%;
  max-width: 500px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 30px;
  margin: auto;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.list-select-reviews svg {
  cursor: pointer;
}

.list-select-reviews svg.select path {
  fill: #FFC400;
}

.popup-add-reviews h2,
.popup-add-reviews h4 {
  margin-bottom: 16px;
}

.list-select-reviews {
  margin-bottom: 30px;
}

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

.add-reviews-form button[type=submit] {
  margin-top: 16px;
  padding: 0;
  width: 175px;
}

.add-reviews-form__name-file.hidden {
  display: none;
}

.add-reviews-form__download-block {
  margin-top: 50px;
}

.popup-add-reviews__wrapper-content.hidden {
  display: none;
}

.wrapper-popup-add-reviews .form-result__done {
  margin-bottom: 80px;
}

.popup-mobile-menu {
  display: none;
}

.popup-mobile-menu__header {
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.popup-mobile-menu__header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: 15px 20px;
}

.popup-mobile-menu__header h3 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.popup-mobile-menu__wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 1;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.popup-mobile-menu__wrapper-icon svg {
  margin: auto;
}

.popup-mobile-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.popup-mobile-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
}

.popup-mobile-menu__list a:not(:last-child) .popup-mobile-menu__item {
  border-bottom: 1px solid rgba(0,101,220,0.2);
  border-bottom: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.popup-mobile-menu__item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}

.popup-mobile-menu__item span {
  display: inline-block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 24px auto 0;
}

.popup-mobile-menu__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  padding: 20px 20px 30px;
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.popup-mobile-menu__footer a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
}

.header-detail-product {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.header-detail-product.hidden {
  opacity: 0;
  z-index: -10;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.header-detail-product__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid rgba(120,144,156,0.2);
  border-bottom: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
}

.header-detail-product__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}

.header-detail-product__wrapper-img {
  width: 70px;
  height: 51px;
}

.header-detail-product__wrapper-img img {
  width: 100%;
  height: 100%;
}

.header-detail-product__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}

.header-detail-product__price-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}

.header-detail-product__price-basket .product-detail-price {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.header-detail-product__price-basket .product-detail-price__current {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.4px;
  letter-spacing: 0.18px;
}

.header-detail-product__price-basket .product-detail-price__old {
  margin-top: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.header-detail-product .table-details-product__main-title {
  padding: 15px 0;
}



.page-empty {
  width: 100%;
  max-width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin: 50px auto;
  text-align: center;
}

.page-empty.hidden {
  display: none;
}

.page-empty button {
  width: 100%;
  max-width: 163px;
  margin: 0 auto;
}

.page-empty h3 {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.page-empty__wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 79px;
  height: 79px;
  margin: 0 auto;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.page-empty__middle {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.page-empty__middle span {
  opacity: 0.8;
}

.page-empty__wrapper-icon svg {
  margin: auto;
}

.additional__wrapper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.additional-button-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  white-space: nowrap;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.additional-button-clear svg {
  margin: auto 0;
}

.additional-button-clear span {
  margin: auto 0;
}


[data-additional-main-block].hidden {
  display: none;
}


.information-company__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(120,144,156,0.4);
  border-bottom: 1px solid var(--washy2-grey-color, rgba(120, 144, 156, 0.4));
}

.link-download {
  width: 212px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 5px;
  border-radius: var(--subsmall-radius, 5px);
  border: 1px solid rgba(120,144,156,0.2);
  border: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
  background: #ffffff;
  background: var(--white-color, #ffffff);
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.link-download:hover {
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
  border-color: #0057BC;
  border-color: var(--blue-dark-color, #0057BC);
}

.link-download span {
  margin: auto;
}

.link-download__wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 100%;
  border-right: 1px solid rgba(120,144,156,0.2);
  border-right: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
}

.link-download:hover .link-download__wrapper-icon {
  border-color: #0057BC;
  border-color: var(--blue-dark-color, #0057BC);
}

.link-download:hover .link-download__wrapper-icon svg path {
  stroke: #0057BC;
  stroke: var(--blue-dark-color, #0057BC);
}

.link-download__wrapper-icon svg {
  margin: auto;
}

.information-company__list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}

.basket.hidden {
  display: none;
}

.basket__wrapper-content {
  width: 100%;
}

.basket__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 23px 30px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basket .wrapper-default-checkbox {
  margin: auto 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.basket__wrapper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.basket__wrapper-buttons button {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.basket__wrapper-buttons button:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.basket .wrapper-default-checkbox label:hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.basket__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.basket-card {
  min-height: 151px;
  padding: 20px 30px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basket-card.hidden {
  display: none;
}

.basket-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
  height: 100%;
}

.basket-card_big .basket-card__header {
  padding-bottom: 25px;
}

.basket-card__footer.hidden {
  display: none;
}

.basket-card_big .basket-card__footer .basket-card__middle {
  max-width: 390px;
}

.basket-card_big .basket-card__footer .basket-card__middle .additional-services__button-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.basket-card_big {
  min-height: 276px;
}

.basket-card .additional-services__button-all {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: none;
}

.basket-card__wrapper-img {
  min-width: 112px;
  max-width: 112px;
  height: 99px;
}

.basket-card__wrapper-img img {
  width: 100%;
  height: 100%;
}

.basket-card__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
  width: 100%;
  max-width: 310px;
}

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

.basket-card__article-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}

.basket-card .count-basket {
  width: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.basket-card .count-basket button {
  width: 35px;
  height: 35px;
}

.basket-card .count-basket input {
  width: 30px;
  height: 35px;
}

.basket-card .count-basket button svg {
  width: 15px;
  height: 15px;
}

.basket-card__last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  max-width: 9%;
}

.basket .product-card__old-price {
  right: 0;
}

.basket__wrapper-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  margin-left: auto;
}

.basket__wrapper-icons svg {
  cursor: pointer;
}

.basket__wrapper-icons svg[data-entity="favorite-button"]:hover path {
  fill: #E6274D;
  fill: var(--pink-color, #E6274D);
}

.basket__wrapper-icons svg .hover {
  display: none;
}

  /*.basket__wrapper-icons svg:hover .default {
    display: none;
  }

  .basket__wrapper-icons svg:hover .hover {
    display: block;
    fill: #E6274D;
    fill: var(--pink-color, #E6274D);
  }*/
.basket__wrapper-icons svg[data-entity="favorite-button"].active .hover {
  display: block;
  fill: #E6274D;
  fill: var(--pink-color, #E6274D);
}
.basket-card__footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(0,101,220,0.2);
  border-top: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.basket-card__title-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  width: 205px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.basket-card__title-footer h4,
.basket-card__title-footer svg {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
}

.basket-card__service-title {
  font-weight: 500;
}

.basket-card__services-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-left: auto;
  white-space: nowrap;
}

.basket-card__services-last svg {
  margin-left: auto;
  margin-right: 27px;
  cursor: pointer;
}

.basket-card__services-last svg:hover path {
  stroke: #0065DC;
  stroke: var(--blue-color, #0065DC);
}

.basket-card .product-card__price_discount {
  margin-top: 9px;
}

.basket-card__article-number svg {
  margin: auto 0;
}

.basket__delete-products {
  font-size: 16px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-weight: 500;
}

.basket__delete-products:not(.disabled):hover {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.basket__delete-products.disabled {
  opacity: 0.6;
  cursor: auto;
}

.basket-detail-card {
  position: sticky;
  top: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  max-width: 362px;
  padding: 20px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basket-detail-card_ordering {
  max-width: 490px;
}

.basket-detail-card h3 {
  margin-bottom: 14px;
}

.basket-detail-card__calculation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.basket-detail-card__calculation.hidden {
  display: none;
}

.basket-detail-card__list-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.basket-detail-card__list-quantity span:last-child {
  font-weight: 600;
}

.basket-detail-card__currency {
  font-weight: 500;
}

.basket-detail-card__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(0,101,220,0.2);
  border-bottom: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
  color: #37474F;
  color: var(--main-color, #37474F);
  font-size: 20px;
  font-weight: 600;
}

.basket-detail-card__result.hidden {
  display: none;
}

.form-promocode {
  position: relative;
}

.form-promocode.hidden {
  display: none;
}

.form-promocode button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.basket-detail-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.basket-detail-card__agreement {
  color: #485D6D;
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.basket-detail-card__agreement a {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
}

.basket-title-fixed.hidden {
  opacity: 0;
  z-index: -10;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.basket-title-fixed.hidden_freeze {
  opacity: 0;
  z-index: -10;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.basket-title-fixed {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  padding: 50px 0 0;
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
  -webkit-transition: opacity 0.3s, z-index 0.3s;
  transition: opacity 0.3s, z-index 0.3s;
}

.basket-title-fixed h2 {
  margin: 0;
}

.basket-title-fixed__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid rgba(0,101,220,0.2);
  border-top: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.basket-title-fixed .additional__wrapper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basket-title-fixed .additional__wrapper-title svg {
  margin: auto 0;
}

.basket-title-fixed__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.basket-title-fixed .wrapper-default-checkbox {
  margin: 0;
}

.basket-card__list-services {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.basket-card__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

[data-button-all-services].hidden {
  display: none;
}

.basket-deleted-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 20px;
}

.basket-deleted-list.hidden {
  display: none;
}

.basket-deleted-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
  width: 100%;
  padding: 16px 40px;
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.basket-deleted-card.hidden {
  display: none;
}

.basket-deleted-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 7px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #E6274D;
  background-color: var(--pink-color, #E6274D);
}

.basket-deleted-card__wrapper-img {
  min-width: 72px;
  max-width: 72px;
  height: 63px;
}

.basket-deleted-card__wrapper-img img {
  width: 100%;
  height: 100%;
}

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

.basket-deleted-card__info button {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.basket-deleted-card__info button:hover {
  color: #0057BC;
  color: var(--blue-dark-color, #0057BC);
}

.basket-deleted-card__button-delete {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

span.number-basket {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.wrapper-number-basket {
  color: #37474F;
  color: var(--main-color, #37474F);
}

.wrapper-number-basket.hidden {
  display: none;
}

.ordering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}

.ordering textarea {
  height: 108px;
}

.ordering-header {
  padding: 30px 0;
  border-bottom: 1px solid rgba(0,101,220,0.2);
  border-bottom: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.ordering-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 200px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ordering-header__button-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.ordering-header__button-back svg {
  margin: auto 0;
}

.ordering-wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.ordering-authorization {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.ordering-authorization__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}

.ordering-authorization__wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49px;
  height: 49px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.ordering-authorization__wrapper-icon svg {
  margin: auto;
}

.ordering-authorization__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.ordering-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.ordering-quantity__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.ordering-quantity__header:hover h3 {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.ordering-quantity__header svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.ordering-quantity__header.open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.ordering-quantity__product {
  display: none;
}

.ordering-quantity__header.open + .ordering-quantity__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ordering-quantity__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 55px;
  margin-top: 32px;
}

.ordering-quantity-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ordering-quantity-card__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}

.ordering-quantity-card__wrapper-img {
  width: 70px;
  height: 51px;
}

.ordering-quantity-card__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.ordering-quantity-card__number {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.ordering-quantity .product-card__old-price {
  right: 0;
}

.ordering-quantity__services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  padding-top: 16px;
  margin-top: 40px;
  border-top: 1px solid rgba(0,101,220,0.2);
  border-top: 1px solid var(--blue-washy-color, rgba(0, 101, 220, 0.2));
}

.ordering-quantity__services-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.ordering-quantity__service-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.personal-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.personal-data_authorized {
  background-color: #F8FBFE;
}

.personal-data__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}

.personal-data__header button {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.personal-data__header button:hover,
.personal-data__header button.select {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

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

.form-personal-data.hidden {
  display: none;
}

.form-personal-data__wrapper-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 11px;
  row-gap: 11px;
  grid-column-gap: 8px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.get-method {
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.get-method__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  gap: 20px;
  margin-top: 16px;
}

.get-method__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  border: 1px solid rgba(120,144,156,0.4);
  border: 1px solid var(--washy2-grey-color, rgba(120, 144, 156, 0.4));
  cursor: pointer;
}

.get-method__type:hover,
.get-method__type.select {
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.get-method__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.get-method__subtitle {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.get-method__detail {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.get-method__list {
  margin-top: 24px;
}

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

.get-method-item.hidden {
  display: none;
}

.get-method-item__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  color: #37474F;
  color: var(--main-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.get-method-item__address {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-size: 16px;
}

.get-method-item__status {
  color: #0065DC;
  color: var(--blue-color, #0065DC);
}

.ordering-map {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 7px;
  gap: 7px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.ordering-map__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 423px;
  padding-right: 7px;
  overflow-y: auto;
}

#map_order {
  height: 423px;
}

.ordering-map__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: 20px 0;
  border-top: 1px solid rgba(120,144,156,0.2);
  border-top: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
  cursor: pointer;
}

.ordering-map__item:last-child {
  border-bottom: 1px solid rgba(120,144,156,0.2);
  border-bottom: 1px solid var(--grey-transparent-color, rgba(120, 144, 156, 0.2));
}

.ordering-map__marker {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  border-radius: var(--circle-radius, 50%);
  border: 1px solid #78909C;
  border: 1px solid var(--grey-color, #78909C);
  background-color: #ffffff;
  background-color: var(--white-color, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select .ordering-map__marker {
  border: 3px solid #0065DC;
  border: 3px solid var(--blue-color, #0065DC);
}

.ordering-map__wrapper-img {
  width: 56px;
  height: 13px;
}

.ordering-map__wrapper-img img {
  width: 100%;
  height: 100%;
}

.ordering-map__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.ordering-map__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
}

.ordering-map__status {
  display: none;
}

.select .ordering-map__status {
  display: block;
  margin-top: 4px;
  color: #1AC71A;
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

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

.get-method-item__form-middle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  gap: 10px;
}

.payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #FBFBFB;
  background-color: var(--basket-background, #FBFBFB);
}

.payment-method__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

.payment-method__list.hidden {
  display: none;
}

.payment-method__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  padding: 20px;
  border-radius: 6px;
  border-radius: var(--small-radius, 6px);
  border: 1px solid rgba(120,144,156,0.4);
  border: 1px solid var(--washy2-grey-color, rgba(120, 144, 156, 0.4));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.payment-method__item:hover,
.payment-method__item.select {
  border: 1px solid #0065DC;
  border: 1px solid var(--blue-color, #0065DC);
}

.payment-method__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.payment-method__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.8px;
}

.payment-method__detail {
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.ordering-data-authorized {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}

.ordering-data-authorized__wrapper-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49px;
  height: 49px;
  border-radius: 10px;
  border-radius: var(--main-radius, 10px);
  background-color: #F2F3F5;
  background-color: var(--dark-white-color, #F2F3F5);
}

.ordering-data-authorized__wrapper-icon svg {
  margin: auto;
}

.ordering-data-authorized__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.ordering-data-authorized__title {
  color: #37474F;
  color: var(--main-color, #37474F);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20.8px;
}

.ordering-data-authorized__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  color: #78909C;
  color: var(--grey-color, #78909C);
  font-family: "Open Sans";
  font-family: var(--main-font-family, "Open Sans");
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
}

.ordering-data-authorized__separate {
  width: 5px;
  height: 5px;
  margin: auto 0;
  border-radius: 50%;
  border-radius: var(--circle-radius, 50%);
  background-color: #E6274D;
  background-color: var(--pink-color, #E6274D);
}

.tablet,
.mobile {
  display: none;
}

.desktop {
  display: block;
}



/* categories_main */
.categories_main .categories__wrapper-text {
  gap: 15px;
  text-align: center;
}

.categories_main .categories__name-category {
  margin-top: 10px;
}

.categories_main .categories__wrapper-img {
  position: static;
  width: 108px;
  height: 88px;
  margin: 0 auto;
}

.categories_main .categories__wrapper-img img {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 540px) {
  .categories_main .categories__wrapper-text {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

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

.footer__payments-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
  gap: 45px;
}